/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1250px) {
	footer.site-footer .wrap .whitepart div.col-doclinks {
		width: 350px;
	}
	/** общий отступ от краев для удобства чтения для рубрик статей и страниц**/
	.has-sidebar .site-main>article{
		padding-left: 10px;
		padding-right: 10px;
	}
	main.custompage header h1{
		padding: 0;
	}
	.col-buttons-author button#getSertificateBtn{
		float: none;
		width: 340px;
		margin: auto;
		display: block;
		margin-bottom: 10px;
	}
	.col-buttons-author button#beTheAuthorBtn{
		float: none;
		width: 138px;
		margin: auto;
		display: block;
	}
	.page-header{
		padding-left: 10px;
	}
}
@media only screen and (max-width : 1230px) {
	.popularNews .theMostPopular{
		float: none;
		margin: auto;
		margin-bottom: 15px;
	}
	.popular h3{
		text-align: center;
	}
	.popularNews .anotherPopular{
		float: none;
		margin: auto;
		width: 230px;
	}
	.popular .descrNew.anotherOnePopular h2{
		width: 150px;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	div#main-menu ul.menu{
		display: none;
	} 
	.hamburger{
		display: block;
	}
	div#main-menu ul.menu{
		background: #4E729A;
		background: #f0f0f0;
		background: transparent;
		left: -250px;  /* start off behind the scenes */
		/*position: absolute;*/
		width: 250px;
		top: 36px;
		padding-left: 0;
		padding-bottom: 42px;
		border: 1px solid #dcdcdc;
		border: 1px solid #4E729A;
		border: none;
		/*border-top: 1px solid #dcdcdc;*/
		border-top: 1px solid #4E729A;
		/*overflow: scroll;*/
		position: fixed;
		position: absolute;
		/*max-height: 100%;
		height: 100%;*/
		/*overflow-x: hidden;
    overflow-y: auto;*/
    /*overflow-y: scroll;*/
    /*height: 7888px;*/
    z-index: 999999;
    /*display: block;*/
		
		height: auto;
		max-height: 100%;
	}
		div#main-menu ul.menu li{
			background: #f0f0f0;
			float: none;
			margin-right: 10px;
			margin-left: 10px;
			padding-top: 10px;
			margin: 0;
			padding: 0;
			height: 40px;
			height: auto;	
			display: block;
			position: relative;
			border-bottom: 1px solid #dcdcdc;
			border: 1px solid #dcdcdc;
			border: 1px solid #4E729A;
			border-top:none;
			/*border-left:none;*/
			border-bottom: 1px solid #dcdcdc;
			border-bottom: 1px solid #ccc;
		}
		div#main-menu ul.menu li:last-child{
			border-bottom: 1px solid #4E729A;
			border-bottom-right-radius: 2px;
		}
		div#main-menu ul.menu li a{
			text-decoration: none;
			/*font-family: 'Raleway',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
			font-family: "RalewayRegular";
			font-family: "RalewaySemiBold";
			font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
			font-weight: 500;
			font-weight: 400;
			font-size: 14px;
			color: #ebebeb;
			color: rgba(24,151,160,.75);
			color: #001a32;
			color: #fff;
			color: #333;
			color: #222 !important;

			height: 39px;
			line-height: 39px;

			display: block;
			padding: 0;
			margin: 0;
			/*font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;*//*шрифт ВК*/
			/*font-family: helvetica, arial, sans-serif;*//*шрифт facebook*/
			/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*//*шрифт елгг*/
			/*transition:all ease 0.1s;*/
			/*transition:all ease 0.15s;*/
			padding-left: 15px;
			padding-right: 15px;
			border: none;
		}
		div#main-menu ul.menu li a:hover{
			border: none;
			background: #dedede;
			color: #222 !important;
		}

		div#main-menu ul.menu i{
			display: inline;
		}
		.site-branding .whataboutsite h2{
			margin-left: 0;
		}
		.whataboutsite{
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -151px;
		}
		.news-email-list #mlb2-6503882{
			float: none;
			clear: both;
			position: static;
		}
		.news-email-list{
			/*background-position: top;*/
		}
		body .news-email-list #mlb2-6503882.ml-subscribe-form button.gradient-on{
			float: none;
			margin-top: 5px !important;
		}
	.mainnew div#mainNewDiv>a img{
		height: auto;
		min-height: 440px;
	}
}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.site-branding .wrap .site-branding-text{
		float: none;
		margin-left: 4px;
	}
	div.letsfriends{
		margin-bottom: 15px;
		margin-top: 0;
		margin-right: 15px;
	}
}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   .flexbox{
   		display: block;
   }
   .news-email-list{
   		overflow: hidden;
   }
   .col-750,.col-490,.col-410,.col-620,.col-416{
   		width: 100%;
   		overflow: hidden;
   }
   footer.site-footer .wrap .whitepart div.col-doclinks{
   		width: 100%;
   }
   .othernews .row .col-33{
   		width: 49%;
   		margin: 0;
   }
   .othernews .row .col-33:nth-child(2n){
   		/*clear: both;*/
   		float: right;
   		margin: 0;
   }
   .othernews .row .col-33:nth-child(3){
	   	float: left;
	   	clear: both;
   }
   .site-branding .wrap .site-branding-text svg{
   		display: none;
   }
   .site-branding .wrap .site-branding-text{
   	width: 384px;
   	float: left;
   }
   .whataboutsite{
   	float: right;
   	position: static;
   	clear: right;
   	margin-right: 15px;
   	margin-bottom: 22px;
   }
   div.letsfriends{
   	margin-top: 15px;
   	margin-top: 0;
   	margin-right: 0;
   }
   #getSertificateDiv{
   	width: 100%;
   }
   #secondary{
   	padding-left: 10px;
   	padding-right: 10px;
   }
   #comments{
   	padding-left: 10px;
   	padding-right: 10px;
   }
   h3.read-on-theme{
   	padding-left: 10px;
   	padding-right: 10px;
   }
   .readOnTheme{
   	padding-left: 10px;
   	padding-right: 10px;
   }
   .odnatret{
   	margin-right: 10px;
   }
   nav.navigation{
   	padding-left: 10px;
   	padding-right: 10px;
   }
}
 
@media only screen and (max-width : 650px) {
	.site-branding .wrap .site-branding-text{
		float: none;
		width: 272px;
		margin: auto;
	}
	.whataboutsite{
		float: none;
		margin: 0;
	}
	div.letsfriends{
		float: none;
		width: 316px;
		min-height: 32px;
		margin: auto;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.site-branding .whataboutsite h2{
		margin-top: 0;
	}
	.socseti{
		min-height: 48px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.othernews .row .col-33{
		width: 100%;
	}
	.site-title a{
		font-size: 30px;
	}
	.news-email-list #mlb2-6503882.ml-subscribe-form .form-group .form-control{
		width: 100%;
	}
	body .news-email-list #mlb2-6503882 .subscribe-form .form-section{
		width: 100%;
	}
	.news-email-list{
		padding: 20px;
	}
	.jcarousel-wrapper .controls-carousel{
		position: static;
		margin: auto;
	}
	.search-inhead{
		width: 240px;
	}
	.col-buttons-author button#getSertificateBtn{
		width: 310px;
		padding-left: 0;
		padding-right: 0;
	}
	.odnatret{
		margin: auto;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
 .socseti{
		width: 100%;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.site-branding .wrap{
		width: 100%;
	}
	.site-branding .wrap .site-branding-text{
		width: 210px;
		height: 68px;
	}
	a.linklogo{
		font-size: 70px;
	}
	.col-buttons-author button#getSertificateBtn{
		width: 100%;
	}
}
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
 
}
 
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
 
}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
     
}
 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
 
}
 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
 
}

@media screen and (min-width: 67em){
	.comment-body {
		margin-left: 65px;
	}
}