/* HomePage 2018-2019 */ 




/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

h1, h2, h3, h4, h5, h6 {
font-family:'Freight Text';
}
p, li, input, a {
font-family:'freight-sans-pro' !important;
}
h3 {
margin-top:5px;
}
h3,h1 {
font-weight:400 !important;
}
.article-card:hover .social-hover {
opacity:1;
transition:all .5s ease;
}
a.social-button {
color:#fff;
display:block;
padding:8px;
text-align:center;
opacity:.7;
}
a.social-button:hover {
color:#fff;
opacity:1;
transition:ease all .5s;
}
.card-text {
padding:20px;
background-color:white;
}
.card-text .date {
color:#bfbfbf;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase;
font-size:0.7em;
}
.card-text a {
font-size:0.8em;
color:rgb(54,54,54);
}
.daily-author {
color:#f26522;
font-weight:bold;
}
.daily-body * {
color:#777777;
padding:25px 0;
line-height:1.6;
}
#event-banner {
background-image:url('/clients/52/assets/95/events-background.jpg');
color:white;
text-transform:uppercase;
padding:20px 0;
margin-top:50px;
font-weight:700;
background-size:cover;
background-repeat:no-repeat;
box-shadow:inset 0 0 0 1000px rgba(0, 0, 0, 0.50);
}
#events-nav:hover #events-sub {
display:block;
}
#event-banner h4 {
letter-spacing:.2em;
}
#event-banner .event-display {
background-color:#2fafbc;
padding:15px 25px;
margin:10px 20px;
max-width:250px;
font-weight:700;
}
#hero {
border:15px solid #fff;
}
#hero .date, .teaser {
color:#bfbfbf;
}
.hero-background {
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:85vh;
position:relative;
}
.hero-video {
background-size:cover;
background-repeat:none;
background-position:center;
padding-top:0;
height:85vh;
}
.hero-caption {
text-align:center;
font-size:2.1em !important;
font-weight:700 !important;
font-family:'freight-sans-pro' !important;
margin-top:0;
}
.hero-credit {
font-size:1.5em;
font-weight:400;
font-family:'freight-sans-pro' !important;
text-transform:uppercase;
}
.hero-box {
position:absolute;
bottom:15%;
left:50%;
transform:translate(-50%);
padding:20px;
min-width:30%;
background:rgba(255,255,255,0.7);
}
.hero-video .hero_play_icon {
width:100px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
cursor:pointer;
}
#hero .interest-category {
margin-top:-10%;
top:0%;
left:0%;
}
.hover-facebook {
background:#3C5B97;
}
.hover-twitter {
background:#2BA7DF;
}
.interest-category {
color:white;
background-color:rgb(30,30,30);
border-radius:1px;
padding:10px 18px;
top:17px;
position:absolute;
left:28px;
text-transform:uppercase;
font-size:0.6em;
font-weight:700;
letter-spacing:0.4em;
}
.interest-category:hover {
background-color:#FFDF00;
color:black;
}
.interest-text {
position:absolute;
bottom:25px;
left:25px;
color:white;
}
.interest-text a {
color:white;
}
#main-articles {
margin:30px auto;
display:flex;
justify-content:space-between;
max-width:1600px;
width:95%;
font-famiyl:'Freight Text' !important;
}
#main-articles .main-article-big-description {
height:154px;
}
#main-articles .article-headline  {
padding-top:15px;
font-size:30px;
font-family:'freight-text-pro', sans-serif;
font-weight:400 !important;
}
#main-articles .interest-category {
top:0;
left:0;
color:#717070;
font-size:16px;
background:none;
font-weight:bold;
letter-spacing:1px;
font-family:'Freight Sans Bold';
padding:0;
}
#main-articles .main-articles {
width:70%;
}
#main-articles .toggleButtonBox {
display:flex;
justify-content:space-between;
}
.show-more, .show-less {
padding:2.5% 10%;
border:2px solid #eee;
margin:30px auto 0;
display:inline-block;
color:#707070;
letter-spacing:.1em;
font-size:15px;
text-transform:uppercase;
background-color:#fff;
font-family:'Freight Sans Bold';
font-weight:bold;
}
#main-articles .latest-news {
padding:0 0px 30px 30px;
text-align:left;
width:30%;
display:flex;
flex-direction:column;
}
#main-articles .latest-news > h2 {
text-align:center;
border-bottom:3px solid #000;
margin-bottom:15px;
font-weight:bold;
font-family:impact;
font-size:40px;
padding-bottom:10px;
}
#main-articles .latest-news > h2 > span {
font-size:24px;
position:relative;
top:-6px;
}
#main-articles .latest-news ul {
list-style:none;
margin:0;
padding:0;
}
#main-articles .latest-news ul h4 {
letter-spacing:0;
font-size:19px;
font-family:'freight-sans-pro', sans-serif;
font-weight:700;
}
.container.main-articles  {
padding-top:15px;
}
.main-articles-small-4, .main-articles-small-5 {
margin:53px 0;
}
#main-articles h4, #subscribed-interests h4, #sponsored-content h4, #srq-community h4, #srq-other-blogs h4 {
font-weight:700;
font-family:'freight_sans', sans-serif;
color:rgb(54,54,54);
letter-spacing:0.2em;
font-size:0.9em;
}
#main-articles h4 {
text-align:left;
}
.read-button {
color:white;
background-color:#f26522;
padding:10px 40px;
border-radius:6px;
}
.social-hover {
position:absolute;
top:20px;
right:15px;
opacity:.01;
z-index:10;
}
.section-background {
background-color:#f7f7f7;
}
.section-padding {
padding:50px 0;
}
#srq-video {
background-size:cover;
background-repeat:none;
background-position:center;
padding-top:56.25%;
box-shadow:inset 0 0 0 1000px rgba(0, 0, 0, 0.30);
margin-top:50px;
}
#loadMoreLatest {
margin:10px auto;
display:block;
}
#subscribed-interests .date {
color:#bfbfbf;
text-transform:uppercase;
}
.trans-img {
width:100%;
height:auto;
opacity:.01;
}
.thumbnail-bg {
background-position:center;
background-size:cover;
width:100%;
margin:0px auto;
position:relative;
}
#video-nav:hover #video-sub {
display:inline-block;
}
.video-layover {
position:absolute;
top:45%;
left:50%;
transform:translate(-50%, -50%);
color:white;
z-index:1000;
pointer-events:none;
}
.video-layover a, .video-layover h1, .video-layover h4 {
color:white;
font-family:'Freight Text';
}
.video-layover-play {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
bottom:0;
right:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.section-top-bottom-border {
border-top:2px solid #eeeeee;
border-bottom:2px solid #eeeeee;
margin-top:50px;
margin-bottom:50px;
padding:25px 0;
max-width:1600px;
width:95%;
}
#subscribe-today {
color:white;
background-color:black;
padding:50px 30px;
}
#subscribe-today h1 {
margin-top:0;
line-height:1em;
border-top:5px solid #fff;
font-family:'Freight Sans Bold';
font-size:2em;
padding-top:15px;
}
#subscribe-today p, #subscribe-today a {
border-bottom:1px solid rgba(255,255,255,0.1);
text-transform:uppercase;
font-size:11px;
font-weight:bold;
font-family:'Freight Text';
letter-spacing:0.2em;
color :#fff;
}
#subscribe-today .subscribe-button {
background-color:#FFDF00;
padding:10px 15px;
color:black;
display:inline-block;
font-family:'Freight Text';
font-weight:bold;
position:absolute;
bottom:0;
}
#subscribe-today p:last-of-type {
padding-bottom:20px;
border-bottom:none;
}
#subscribe-today .slider-carousel {
padding:0 20px;
width:100%;
}
.shadow {
background-color:rgba(0,0,0,0.6);
}
.modal-background {
height:100vh;
width:100vw;
position:absolute;
z-index:9998;
background-color:rgba(0,0,0,0.7);
}
#event-banner .flex {
display:flex;
justify-content:center;
flex-wrap:wrap;
}
#sponsored-content .sponsored-overlay {
background-color:white;
margin-top:-87px;
}
#srq-community .community-overlay {
background-color:white;
margin-top:-50px;
}
#srq-community {
margin-bottom:50px;
}
#srq-community .community-title {
background-color:#f5f5f3;
padding:50px;
margin-bottom:-74px;
}
#srq-community .community-secondary h4 .enewsletter {
margin:0;
padding-top:5px;
color:white !important;
}
#srq-community .community-secondary img, .sponsored-secondary img {
margin-bottom:13px;
}
#srq-community .community-secondary img:first-child {
padding-top:0;
}
#srq-community .srq-daily-subscribe {
background-color:black;
color:white;
padding:50px 25px;
margin-top:68px;
}
#srq-community .srq-daily-subscribe h4 {
padding-bottom:100px;
letter-spacing:0.1em;
line-height:1.2em;
font-family:'Freight Text';
color:white;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#srq-community .srq-daily input[name=email] {
background-color:black;
border:none;
padding:10px 0;
color:white;
font-weight:400;
width:100%;
font-size:1.1em;
margin-bottom:20px;
border-bottom:3px solid white;
text-transform:uppercase;
}
#srq-community .srq-daily input[name=signup] {
color:black;
padding:20px;
letter-spacing:0.2em;
font-weight:700;
text-transform:uppercase;
background-color:#FFDF00;
border:none;
}
#srq-community .srq-daily input[name=email]:placeholder {
color:white;
}
#srq-other-blogs {
margin:50px 0;
}
#srq-other-blogs .highlight {
position:absolute;
bottom:5%;
left:5%;
}
#srq-other-blogs .row {
display:flex;
margin:0 auto;
justify-content:space-between;
}
#srq-other-blogs .article-card {
position:relative;
margin:0;
min-height:230px;
}
.article-card-outer {
transition:0.3s;
}
#new-shadow {
box-shadow:0 0 4px -1px rgba(0,0,0,0.52);
border-radius:5px;
overflow:hidden;
height:100%;
}
#srq-other-blogs h4 {
padding-left:2%;
font-family:'freight-sans-pro', sans-serif;
font-weight:900;
font-size:20px;
letter-spacing:2px;
}
#srq-other-blogs .trans-img {
z-index:-1;
}
#subscribed-interests .article img.img-responsive {
width:100%;
}
.ytp-large-play-button {
display:none !important;
}
.article-headline {
color:rgb(37,37,37);
font-weight:400;
}
#sponsored-content {
margin:50px 0;
}
#sponsored-content .sponsored-title {
background-color:#f5f5f3;
padding:50px;
margin-bottom:-74px;
}
p.teaser {
font-family:'Sura', 'Poly', serif;
color:rgb(37,37,37);
font-size:14px;
line-height:1.6em;
}
.department-name {
font-family:'Raleway', sans-serif;
font-weight:bold;
color:#000;
text-transform:uppercase;
margin:20px 0 0 0;
padding:0;
}
#srq-community h1 {
font-family:'Sura', sans-serif;
}
#srq-community p {
font-family:'Poly', serif;
}
.community-secondary small, .sponsored-secondary small {
font-family:'Raleway', serif;
font-style:italic;
}
#srq-community .community-secondary h4, #sponsored-content .sponsored-secondary h4 {
font-family:'Poly', serif !important;
color:rgb(37,37,37);
padding-bottom:35px;
margin-top:0;
letter-spacing:0;
font-weight:400;
font-size:16px;
}
.sponsored-main p {
font-family:'Raleway', serif;
}
.sponsored-main h1 {
font-family:'Sura', serif;
}
#subscribe-today .slick-next {
position:absolute;
top:50%;
right:-10px;
font-size:1.5em;
}
#subscribe-today .slick-prev {
position:absolute;
top:50%;
left:-10px;
font-size:1.5em;
}
.social-media-button {
background-color:#FFDF00;
color:black;
border:none;
padding:20px;
display:inline-block;
margin:30px 0;
font-weight:bold;
letter-spacing:0.2em;
font-size:0.8em;
text-transform:uppercase;
}
.vertical-center-flex {
display:flex;
align-items:center;
flex-wrap:no-wrap;
justify-content:space-between;
}
.vertical-center-flex .col-sm-3 {
width:24%;
float:none;
}
.subscribe-for-your-picks {
background-color:black;
border:5px #f55b41 solid;
padding:70px;
text-align:center;
color:white;
}
.social-media-button:hover {
box-shadow:5px 5px 5px #bfbfbf;
}
.view-all-events a {
padding:10px 20px;
border:2px solid #bfbfbf;
font-weight:700;
display:inline-block;
cursor:pointer;
color:#bfbfbf !important;
letter-spacing:.2em;
font-size:0.9em;
font-family:'Raleway', serif;
margin-bottom:16px;
}
#srq-community .srq-daily-subscribe p {
font-size :30px;
line-height:1.3em;
}
#srq-community .community-secondary h4 {
color:black;
font-family:'Poly', sans-serif;
}
.advertisement {
margin-top:66px;
}
.fixed {
position:fixed;
width:100%;
top:0;
left:0;
-webkit-transform:translateZ(0);
}
.show-more:hover {
border:2px solid rgb(255, 223, 0);
}
.view-all-events a:hover {
border:2px solid rgb(255, 223, 0);
}
.the-latest-2, .the-latest-3 {
padding-top:75px;
}
#cover-carousel img {
width:85%;
}
main-articles-small:hover img {
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
.article-date {
text-align:left;
font-style:italic;
display:inline-block;
font-family:'Freight Text';
}
.main-article-description {
text-align:left;
position:relative;
}
.article-card .read-more {
font-weight:bold;
font-size:16px;
position:absolute;
bottom:20px;
left:20px;
}
.article-card .read-more i, .article .read-more i {
font-size:12px;
position:relative;
top:-2px;
left:5px;
color:orange;
}
#subscribed-interests .row {
display:flex;
justify-content:space-between;
}
#subscribed-interests .articleList {
display:flex;
flex-wrap:wrap;
width:70%;
}
#subscribed-interests .article {
width:calc(50% - 40px);
margin:20px;
background:#f6f5f1;
position:relative;
display:flex;
flex-direction:column;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
#subscribed-interests .article .content {
background:rgba(255,255,255,0.9);
width:calc(100% - 40px);
height:calc(100% - 40px);
margin:20px;
position:relative;
}
#subscribed-interests .global_tag {
color:#000;
text-transform:uppercase;
background:#FFDF00;
padding:2px;
width:100px;
margin:10px 0 0;
text-align:center;
display:inline-block;
font-family:'Freight Sans Bold';
font-size:14px;
}
#subscribed-interests .article-headline {
font-family:freight-sans-pro;
font-size:26px;
font-weight:bold;
}
#subscribed-interests .teaser {
font-size:16px;
font-family:'Freight Sans';
}
#subscribed-interests .article_content {
margin:30px auto 20px auto;
flex:1;
width:75%;
padding-bottom:30px;
}
#subscribed-interests .read-more {
display:block;
padding:0;
font-weight:bold;
text-align:center;
position:absolute;
bottom:15px;
font-size:16px;
}
.social_timeline {
height:670px;
width:330px;
position:relative;
margin:10px auto;
}
.social_timeline img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:100%;
height:100%;
z-index:1;
}
#twitter_timeline,
	#facebook_timeline {
position:absolute !important;
top:80px;
left:20px;
right:20px;
margin:auto;
height:calc(100% - 155px) !important;
width:calc(100% - 40px) !important;
overflow-y:scroll;
z-index:2;
}
#facebook_timeline {
overflow:auto;
}
#facebook_timeline .fb_iframe_widget,
	#facebook_timeline .fb_iframe_widget > span,
	#facebook_timeline .fb_iframe_widget > span > iframe {
height:100% !important;
}
#subscribed-interests .newsletter {
width:28%;
margin:30px 0 20px 20px;
background:#eeeeee;
}
.newsletter h3 {
font-weight:bold;
font-family:'Freight Sans Bold';
text-transform:uppercase;
color:#000;
padding-bottom:10px;
font-size:16px;
margin-top:-10px;
margin-left:35px;
}
.newsletter h3 span {
padding:8px 15px;
background:#3cd3f3;
}
#newsletterSubscription {
width:80%;
margin:40px auto 40px 35px;
}
#newsletterSubscription label {
display:block;
margin:20px auto;
font-size:1.1em;
font-family:'freight_sans_med';
line-height:1.3em;
font-weight:500;
}
#newsletterSubscription label.newsletter_option {
display:flex;
}
#newsletterSubscription label h5 {
font-family:'Freight Sans Bold' ;
font-size:1.2em;
line-height:1.2em;
text-transform:uppercase;
margin:0 0 5px 0;
}
#newsletterSubscription label span {
font-family:'Freight Sans Bold' ;
letter-spacing:0;
display:inline-block;
font-weight:bold;
text-transform:uppercase;
margin-right:3px ;
}
#newsletterSubscription label span.tag {
font-size:14px;
font-family:'freight sans';
letter-spacing:.02em;
line-height:1.1em;
font-weight:bold;
margin:0;
color:#717070;
}
#newsletterSubscription .newsletter_checkbox {
min-width:17px;
height:17px;
line-height:15px;
text-align:center;
background:#fff;
border:1px solid #000;
font-size:0;
display:block;
margin:4px 10px 7px 0px;
}
#newsletterSubscription .newsletter_checkbox.checked {
font-size:15px;
}
#newsletterSubscription label input[type="checkbox"] {
margin:4px 14px 7px 0px;
vertical-align:bottom;
display:none;
}
#newsletterSubscription label:first-child {
padding-left:unset;
width:100%;
margin:0px auto 10px;
}
#newsletterSubscription label:nth-child(6) {
margin-bottom:20px;
}
#newsletterSubscription input[type="email"] {
border:none;
box-shadow:0 0 2px 1px rgba(102, 102, 102, 0.5);
width:95%;
padding:10px 15px;
margin:5px 0 20px 30px;
max-width:200px;
}
#newsletterSubscription input[type="email"]::placeholder {
font-family:'freight_sans_med', sans-serif;
color:#717070;
font-weight:light;
}
#newsletterSubscription button {
color:#000;
background:#FFDF00;
padding:10px 15px;
border:0;
transition:all .3s;
font-family:'freight-sans-pro';
font-size:11.5px;
letter-spacing:0.2em;
text-transform:uppercase;
font-weight:bold;
}
#subscribeEmail {
margin:0 0 0 30px;
font-style:italic;
}
#newsletterSubscription button:hover {
color:#fff;
background:#a5a5a5;
}
#credit-info {
width:35%;
position:absolute;
bottom:80px;
left:0;
right:0;
text-align:center;
background-color:rgba(255,255,255,0.85);
margin:auto;
padding:10px 0;
}
#credit-info h1 {
font-size:24px;
font-family:'freight-sans-pro', sans-serif;
font-weight:700 !important;
text-transform:capitalize;
margin:10px auto;
}
#credit-info h4 {
text-transform:uppercase;
font-family:'freight-sans-pro', sans-serif;
margin:10px auto;
font-size:20px;
font-weight:300;
}
#title-latest {
text-align:left;
text-transform:uppercase;
font-size:20px;
font-family:'freight-sans-pro', sans-serif;
letter-spacing:2px;
margin-bottom:25px;
font-weight:900 !important;
}
.read-more span {
color:#2aace0;
margin-left:8px;
}
.arrow img {
max-width:100%;
margin:auto;
width:unset;
}
.article-image {
margin-top:30px;
width:100%;
}
.article-flex {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.main-articles .article {
width:31%;
display:flex;
padding:0 0 4%;
flex-direction:column;
position:relative;
}
#clicksrq {
background:#000;
display:flex;
padding:30px 2%;
min-height:300px;
}
#clicksrq > div {
width:23%;
margin:10px 1%;
position:relative;
}
#clicksrq img {
width:100%;
}
#clicksrq h2 {
font-family:'freight-sans-pro';
font-weight:700;
font-size:20px;
text-transform:uppercase;
color:#fff;
letter-spacing:2px;
}
#clicksrq a.button {
background:#FFDF00;
color:black;
text-transform:uppercase;
padding:20px;
position:absolute;
left:0;
bottom:100px;
font-size:12px;
font-weight:bold;
letter-spacing:0.2em;
}
.clicksrq_item h3, .clicksrq_item p {
color:#fff;
font-size:19px;
font-family:'freight-sans-pro';
text-transform:uppercase;
font-weight:300;
letter-spacing:2px;
}
.clicksrq_item h3 {
font-weight:bold !important;
padding-top:20px;
font-size:18px;
}
.share {
text-align:right;
bottom:10px;
right:0;
position:absolute;
text-transform:uppercase;
color:#9e9e9e;
cursor:pointer;
font-size:12px;
font-family:'freight-sans-pro', sans-serif !important;
font-weight:700;
}
.share:focus {
text-decoration:none;
}
.share i {
margin-right:8px;
font-size:12px;
}
.social-share {
display:none;
}
.social-share a i {
font-size:20px;
margin-right:4px;
}
.active-social {
display:block;
}
#latestTabs {
display:flex;
flex-direction:row;
align-items:flex-end;
}
#latestTabs li {
margin:0 5px;
}
#latestTabs li:first-child {
margin-left:0;
}
#latestTabs img {
width:80px;
border:1px solid #aaa;
padding:10px;
background:#eee;
cursor:pointer;
border-radius:5px 5px 0 0;
margin-top:20px;
}
#latestTabs img:hover {
background:#ccc;
transition:all 0.3s;
}
#latestTabs img.active {
border-bottom:none;
padding-bottom:20px;
background:none;
margin-top:0;
}
#latestArticles {
width:100%;
overflow:visible;
border-left:1px solid #aaa;
}
#latestNewsImage {
border-bottom:3px solid #F7EA44;
width:calc(100% - 30px);
margin:10px 15px;
padding-bottom:10px;
}
#latestArticles .spinner {
width:50px;
display:block;
margin:50px auto;
}
#latestArticlesList {
min-height:calc(100% - 200px) !important;
}
#latestArticlesList li {
padding:10px 15px;
border-bottom:1px solid #eee;
}
#latestArticlesList p {
font-size:16px;
margin-bottom:0;
color:#444;
}
.card-text h3 a {
font-family:'freight-sans-pro', sans-serif !important;
font-size:21px;
letter-spacing:0.1em;
text-transform:uppercase;
font-weight:500;
}
#latestArticlesList .date {
font-family:'freight-sans-pro', sans-serif;
font-weight:700;
color:#000;
}
.flex-subs {
display:flex;
}
#loadMoreDaily {
font-family:'freight-sans-pro' !important;
font-size:13px;
color:#717070;
text-transform:uppercase;
letter-spacing:0.1em;
font-weight:bold;
display:block;
margin:20px;
}
.main-article-description .read-more {
font-size:1em;
}
#srq-other-blogs .container-fluid {
padding:0;
width:95%;
}
.slick-dots {
list-style:none;
display:flex;
justify-content:center;
}
.slick-dots button {
font-size:0;
width:15px;
height:15px;
border:2px solid #666;
background:#aaa;
border-radius:50%;
margin:10px 5px;
outline:none;
}
.slick-dots .slick-active button {
background:#000;
}
#hero .slick-arrow {
background:#fff;
border-radius:50%;
font-size:20px;
position:absolute;
top:48%;
z-index:100;
width:30px;
height:30px;
line-height:30px;
text-align:center;
cursor:pointer;
}
#hero .slick-next {
right:30px;
}
#hero .slick-prev {
left:30px;
}

@media (min-width: 1200px) {
#subscribe-today h1 {
line-height:1.3em;
font-size:2.1em;
}
#subscribe-today p, #subscribe-today a {
padding:7px 0;
font-size:11.5px;
}
.vertical-center-flex {
flex-wrap:no-wrap;
}
#credit-info {
width:40%;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
.show-more, .show-less {
font-size:11px;
}
.main-articles-small-4, .main-articles-small-5 {
margin:17px 0;
}
#subscribe-today p, #subscribe-today a {
padding:0;
}
.vertical-center-flex {
flex-wrap:wrap;
}
#credit-info {
width:40%;
}
#loadMoreDaily {
font-size:11px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#main-articles .article-headline  {
font-size:12px;
}
#main-articles .main-articles {
width:90%;
margin:0 auto;
}
.show-more, .show-less {
font-size:11px;
}
#main-articles .latest-news {
padding:20px;
width:90%;
margin:20px auto;
}
.main-articles-small-4, .main-articles-small-5 {
margin:96px 0;
}
#subscribe-today p, #subscribe-today a {
padding:0;
}
#srq-other-blogs .row {
flex-wrap:wrap;
flex-direction:row;
}
#srq-other-blogs .article-card {
min-height:195px;
}
.article-card-outer {
margin:0 0 20px;
}
#subscribed-interests .row {
flex-direction:column;
}
#subscribed-interests .articleList {
width:100%;
margin:auto;
}
#subscribed-interests .newsletter {
width:95%;
margin:auto;
}
#subscribeEmail {
margin:10px auto;
}
#credit-info {
width:55%;
bottom:6%;
}
#credit-info h1 {
font-size:20px;
}
#credit-info h4 {
font-size:16px;
}
.main-articles .article {
width:47%;
}
#clicksrq {
padding:20px 2%;
}
#main-articles .read-more {
font-size:12px;
}
.share {
bottom:5%;
font-size:10px;
}
#loadMoreDaily {
font-size:11px;
}

}

@media (max-width: 767px) {
.hero-background {
height:60vh;
}
.hero-video {
height:70vh;
}
#main-articles {
flex-wrap:wrap;
}
#main-articles .main-article-big-description {
padding-bottom:30px;
}
#main-articles .article-headline  {
font-size:20px;
}
#main-articles .interest-category {
font-size:13px;
}
#main-articles .main-articles {
width:90%;
margin:auto;
}
#main-articles .toggleButtonBox {
justify-content:space-around;
flex-wrap:wrap;
}
.show-more, .show-less {
margin:30px;
font-size:11px;
width:60%;
}
#main-articles .latest-news {
padding:20px;
width:90%;
margin:20px auto;
}
.main-articles-small, .main-articles-big {
height:420px;
}
#subscribe-today p, #subscribe-today a {
padding:0;
}
#subscribe-today .subscribe-button {
position:relative;
margin:0 0 20px 0;
}
#subscribe-today .flex-subs {
flex-wrap:wrap;
}
#srq-other-blogs .row {
flex-wrap:wrap;
}
.article-card-outer {
margin:0 0 25px;
}
.the-latest-2, .the-latest-3 {
padding-top:50px;
}
#subscribed-interests .row {
justify-content:space-around;
flex-wrap:wrap;
flex-direction:column;
width:90%;
margin:auto;
}
#subscribed-interests .articleList {
width:100%;
margin:auto;
}
#subscribed-interests .article {
width:100%;
margin:20px 0;
}
#subscribed-interests .newsletter {
width:100%;
margin:50px auto 0 auto;
}
#credit-info {
width:65%;
bottom:6%;
}
#credit-info h1 {
font-size:15px;
}
#credit-info h4 {
font-size:12px;
}
.main-articles .article {
width:47%;
}
#clicksrq {
padding:20px 2%;
flex-wrap:wrap;
}
#clicksrq > div {
width:45%;
margin:20px 2%;
}
#main-articles .read-more {
font-size:12px;
}
.share {
bottom:-12%;
right:unset;
font-size:12px;
left:0;
}
#latestArticles {
border-left:none;
}
#loadMoreDaily {
font-size:11px;
}
#srq-other-blogs .container-fluid {
width:90%;
}

}

@media (max-width: 480px) {
.hero-background {
height:70vh;
}
.hero-video {
height:80vh;
}
.hero-credit {
font-size:20px;
}
.hero-box {
bottom:5%;
left:10%;
transform:translate(-5%);
}
.hero-video .hero_play_icon {
width:75px;
bottom:10%;
}
#main-articles .main-article-big-description {
padding-bottom:30px;
}
#main-articles .interest-category {
font-size:16px;
}
.show-more, .show-less {
padding:18px 76px;
font-size:12px;
width:90%;
}
#main-articles .latest-news {
padding:0;
width:100%;
}
.main-articles-small-4, .main-articles-small-5 {
margin:0px;
}
.main-articles-small, .main-articles-big {
height:385px;
}
#subscribe-today h1 {
font-size:1.5em;
padding-top:10px;
}
#subscribe-today p, #subscribe-today a {
padding:0;
}
#subscribe-today .subscribe-button {
display:block;
text-align:center;
bottom:20px;
}
.subscribe-for-your-picks {
padding:20px;
}
.the-latest-2, .the-latest-3 {
padding-top:50px;
}
#cover-carousel {
height:auto;
margin:20px 0;
}
#cover-carousel img {
width:55%;
}
#credit-info {
width:80%;
bottom:5%;
padding:0 5px;
}
#credit-info h1 {
font-size:13px;
margin:8px auto;
}
#credit-info h4 {
margin:8px auto;
font-size:10px;
}
.main-articles .article {
width:100%;
}
#clicksrq {
padding:20px 2% 80px;
position:relative;
}
#clicksrq > div {
width:80%;
margin:20px auto;
position:unset;
}
#clicksrq a.button {
left:12%;
bottom:2%;
}
.share {
bottom:8%;
right:0;
left:unset;
}
#loadMoreDaily {
font-size:12px;
}

}