@charset "utf-8";
/* CSS Document */

/**********************************/
/**RESPONSIVE**********************/
@media screen and (max-width: 1100px) {
	.header .container {
		width:95%;
	}
	.mainContents .homepage{
		width:95%;
	}
	.mainContents .subContents{
		width:95%;
	}
	.header .container .logoDesktop {
		display:none;	
	}
	.header .container .mainMenu .desktop{
		display:none;
	}
	.header .container .country {
		float:none;
		text-align:center;
		padding:20px 0 5px 0;
	}
	.header .container .country .slogan {
		margin:0 auto;
	}
	.header .container .mainMenu .mobile{
		display:block;
	}
	.hotNewsSlider .col4 .label{
		left:7px;
		top:60px;
	}
	.subContents .bottomContents .articlesRgt.stickyDesktop{
		width:30%;	
	}
}
@media screen and (max-width: 1050px) {
	.mainContents .homepage .bottomContents .dontMiss .title .dontMissMenu li.moreHide{
		display:block;	
	}
	.mainContents .homepage .bottomContents .dontMiss .title .dontMissMenu li.cardiovascularHide,
	.mainContents .homepage .bottomContents .dontMiss .title .dontMissMenu li.painHide,
	.mainContents .homepage .bottomContents .dontMiss .title .dontMissMenu li.respiratoryHide{
		display:none;	
	}
}
@media screen and (max-width: 920px) {
	.mainContents .homepage .gridBox .col2 .grid1 .contentTitle{
		font-size:22px;
		line-height:30px;
	}
	.mainContents .homepage .gridBox .col2 .grid2 .contentTitle{
		font-size:18px;
		line-height:26px;
	}
	.mainContents .homepage .gridBox .col2 .grid3 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.mainContents .homepage .gridBox .col2 .grid4 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.subContents .gridBox .col2 .grid1 .contentTitle{
		font-size:22px;
		line-height:30px;
	}
	.subContents .gridBox .col2 .grid2 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.subContents .gridBox .col2 .grid3 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.subContents .gridBox .col2 .grid4 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.subContents .gridBox .col2 .grid5 .contentTitle{
		font-size:12px;
		line-height:16px;
	}
	.hotNewsSlider .col4 .label{
		left:7px;
		top:55px;
	}
}
@media screen and (max-width: 940px) {
	.articleContents img{width:100% !important;}
}
@media screen and (max-width: 860px) {
	.hotNewsSlider .col4 .label{
		left:6px;
		top:45px;
	}
	.hotNewsSlider .blackHeader{
		font-size:8px;
	}
}
@media screen and (max-width: 760px) {
	.moreStories{
		display:none;	
	}
	.mobilePad{
		padding:10px;	
	}
	.mainContents .homepage .trendScroller .trendScrollBtn{
		display:none;	
	}
	.mainContents .homepage .trendScroller .blueHeader.left{
		width:90px;
		float:none;
		margin:0 auto;
	}
	.mainContents .homepage .trendScroller .trendTitle{
		width:100%;
		float:none;
		padding:0 8.5%;
		text-align:center;
	}
	.mainContents .homepage .gridBox .col2{
		width:100%;
		margin-right:0;
		float:none;
	}
	.mainContents .homepage .gridBox .col2 .grid1{		
		height:auto;
		margin-bottom:1%;
	}
	.mainContents .homepage .gridBox .col2 .grid1 a .imgContainer{
		width:100%;
		height:auto;
	}
	.mainContents .homepage .gridBox .col2 .grid1 .contentTitle{
		font-size:20px;
		line-height:28px;
	}
	.mainContents .homepage .gridBox .col2 .grid2{		
		height:auto;
		margin-bottom:1%;
	}
	.mainContents .homepage .gridBox .col2 .grid2 a .imgContainer{
		width:100%;
	}
	.mainContents .homepage .gridBox .col2 .grid2 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.mainContents .homepage .gridBox .col2 .grid3{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.mainContents .homepage .gridBox .col2 .grid3 a .imgContainer{
		width:100%;
	}
	.mainContents .homepage .gridBox .col2 .grid3 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.mainContents .homepage .gridBox .col2 .grid4{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.mainContents .homepage .gridBox .col2 .grid4 a .imgContainer{
		width:100%;
	}
	.mainContents .homepage .gridBox .col2 .grid4 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.mainContents .homepage .bottomContents .dontMiss{
		width:100%;	
		margin-right:0;
		margin-bottom:20px;
	}
	.mainContents .homepage .bottomContents .stayConnected{
		width:100%;
	}
	.subContents .gridBox .col2{
		width:100%;
		margin-right:0;
		float:none;
	}
	.subContents .gridBox .col2 .grid1{		
		height:auto;
		margin-bottom:1%;
	}
	.subContents .gridBox .col2 .grid1 a .imgContainer{
		width:100%;
		height:auto;
	}
	.subContents .gridBox .col2 .grid1 .contentTitle{
		font-size:20px;
		line-height:28px;
	}
	.subContents .gridBox .col2 .grid2{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.subContents .gridBox .col2 .grid2 a .imgContainer{
		width:100%;
	}
	.subContents .gridBox .col2 .grid2 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.subContents .gridBox .col2 .grid3{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.subContents .gridBox .col2 .grid3 a .imgContainer{
		width:100%;
	}
	.subContents .gridBox .col2 .grid3 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.subContents .gridBox .col2 .grid4{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.subContents .gridBox .col2 .grid4 a .imgContainer{
		width:100%;
	}
	.subContents .gridBox .col2 .grid4 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.subContents .gridBox .col2 .grid5{		
		width:100%;
		height:auto;
		margin-bottom:1%;
		float:none;
	}
	.subContents .gridBox .col2 .grid5 a .imgContainer{
		width:100%;
	}
	.subContents .gridBox .col2 .grid5 .contentTitle{
		font-size:16px;
		line-height:24px;
	}
	.subContents .bottomContents .articlesLeft{
		width:100%;	
		margin-right:0;
		margin-bottom:20px;
	}
	.subContents .bottomContents .articlesRgt{
		width:100%;
		float:left;
		display:block;
	}
	
	.subContents .bottomContents .articlesRgt.stickyDesktop{
		display:none;
		width:100%;
	}
	.subContents .bottomContents .articlesRgt.nonStickyMobile{
		width:100%;
		display:block;	
	}
	.subContents .bottomContents .mostPopularSection .sideMenu table tr td{
		vertical-align:middle;	
	}
	.subContents .bottomContents .mostPopularSection .sideMenu table tr td.imgContainer{
		width:40%;
	}
	.subContents .bottomContents .mostPopularSection .sideMenu table tr td.imgContainer img{
		width:100%;
	}
	.hotNewsSlider .col4 .label{
		left:18px;
		top:160px;
	}
	.hotNewsSlider .blackHeader{
		font-size:13px;
	}
	.socialShareTop{
		text-align:center;	
	}
	.socialShareTop .whatsappBtn{
		display:inline-block;	
	}
	.socialShare .whatsappBtn{
		display:inline-block;	
	}
}

@media screen and (max-width: 650px) {
	.hotNewsSlider .col4 .label{
		left:15px;
		top:140px;
	}
}

@media screen and (max-width: 600px) {
	.mainContents .homepage .bottomContents .dontMiss .dontMissContents .leftContents{
		width:100%;
		margin-right:0;
	}
	.mainContents .homepage .bottomContents .dontMiss .dontMissContents .rightContents{
		width:100%;
		margin-top:10px;
	}
	.mainContents .homepage .bottomContents .dontMiss .dontMissContents .rightContents .sideMenu table tr td{
		padding:0 10px 0 0;
	}
	.socialShare h4{
		display:none;	
	}
	.socialShare .facebookBtn{
		width:40px;
		height:27px;
		padding-top:13px;
		margin-left:0;
	}
	.socialShare .facebookBtn span{
		display:none;
	}
}

@media screen and (max-width: 580px) {
	.hotNewsSlider .col4 .label{
		left:14px;
		top:105px;
	}
	.relatedArticlesSlider .co13{
		width:100%;	
		padding:0 0 5px 0;
	}
	.relatedArticlesSlider .co13 .imgContainer{
		width:40%;	
		padding-right:2.5%;
		display:inline-block;
		vertical-align:middle;
	}
	.relatedArticlesSlider .co13 .imgTitle{
		width:55%;	
		display:inline-block;
		vertical-align:middle;
	}
	.moreAuthorSlider .co13{
		width:100%;	
		padding:0 0 5px 0;
	}
	.moreAuthorSlider .co13 .imgContainer{
		width:40%;	
		padding-right:2.5%;
		display:inline-block;
		vertical-align:middle;
	}
	.moreAuthorSlider .co13 .imgTitle{
		width:55%;	
		display:inline-block;
	}
}

@media screen and (max-width: 500px) {
	nav.mobileMenu{
		width:90%;
		margin:0 0 0 -90%;
	}
	nav.mobileMenu ul{
		width:90%;
	}
	input[type="checkbox"]:checked ~ label.mobileMenuBtn{
		/*left:90%;*/
		left:87.5%;
	}
	.subContents .bottomContents .articlesLeft .container .col2{
		width:100%;
		padding:0 0 20px 0;
	}
}

@media screen and (max-width: 450px) {
	.hotNewsSlider .col4 .label{
		left:12px;
		top:90px;
	}
	.relatedArticlesSlider .co13 .imgContainer .label .blackHeader{
		font-size:8px;
	}
	.moreAuthorSlider .co13 .imgContainer .label .blackHeader{
		font-size:8px;
	}
	.articleContents .alignleft{
		float:none;
		width:100%;
		padding-right:0;
	}
	.articleContents .alignright{
		float:none;
		width:100%;
		padding-left:0;
	}
}

@media screen and (max-width: 390px) {
	.hotNewsSlider .col4 .label{
		left:10px;
		top:75px;
	}
	.postStatus{
		position:relative;
		margin:10px 0;	
	}
}

@media screen and (max-width: 350px) {
	.hotNewsSlider .col4 .label{
		left:9px;
		top:70px;
	}
	.hotNewsSlider .blackHeader{
		font-size:8px;
	}
	.accordionArticles .accordionMenu li{
		width:95%;	
		padding:10px 2.5%;
	}
}