@media (max-width: 1200px) {
	
	#close-nav{color: #fff; text-align: center; display: block; padding: 10px 0 10px 0; background: #1e2128; cursor: pointer;}
	#close-nav:hover{color: #00a3e4;}
	.mobile-nav{position: fixed; z-index: 99; top: 0; right: 0; width: 220px; height: 100%; background: #313640; border-left: 2px solid #1e2128; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; -webkit-transform:translate(220px,0px); -moz-transform:translate(220px,0px); -o-transform:translate(220px,0px); -ms-transform:translate(220px,0px); transform:translate(220px,0px);}
	.mobile-nav ul{}
	.mobile-nav li{display: block; line-height:38px; color:#fff; font-size:14px; list-style: none; border-bottom: 1px solid #1e2128; position: relative;}
	.mobile-nav ul>li>span{position: absolute; top: 0px; right: 15px; cursor: pointer; display: none;}
	.mobile-nav ul>li.menu-item-has-children>span{display: block;}
	.mobile-nav ul ul{position: absolute; z-index: 4; width: 220px; background: #313640; z-index: 98; border-right: 2px solid #1e2128; left: -220px; top: 0; visibility: hidden; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	.mobile-nav li a{display: block; padding-left: 15px; color: #CED4E0;}
	.mobile-nav li:hover>a{background: #00A3E4; color: #fff;}
	.mobile-nav li:hover ul{visibility: visible; opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

	.showNav{-webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); -o-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px);}

	/*conten-wrap*/
	.hnav{padding: 0 30px;}
	.content_wrap{padding: 20px 0 40px 10px;}

}
@media (max-width: 992px) {	

	.custom-col-1{padding-left: 15px;}
	.sidebar{margin: 0;}
	.no-padding{padding: 0 15px;}
	.right-sidebar{}
	.right-sidebar ul>li{padding: 0 30px;}
	.right-sidebar ul>li.adsli{padding-left: 0;}
	p.text-center-sm{text-align: center;}
	.subscribe{padding: 0 30px;}

}
@media (max-width: 768px) {	
	
	#logo{text-align: center;}
	#logo h1{}
	#logo img{display: inline-block; max-width: 300px; width: 100%;}
	
	.join{padding-top: 0;}
	.join, .join .pull-right{float: none !important; text-align: center;}
	#header h2{font-size: 18px; margin-bottom: 6px; text-align: center; margin-top: 12px;}

	.mobile-nav ul{max-height: 350px; -webkit-overflow-y: auto;
	-moz-overflow-y: auto;
	-ms-overflow-y: auto;
	-o-overflow-y: auto;
	overflow-y: auto; -webkit-overflow-x: hidden;
	-moz-overflow-x: hidden;
	-ms-overflow-x: hidden;
	-o-overflow-x: hidden;
	overflow-x: hidden;}
	.mobile-nav li{display: block; line-height:34px; color:#fff; font-size:13px; list-style: none; border-bottom: 1px solid #1e2128; position: relative;}
	.mobile-nav li a{display: inline-block;}
	.mobile-nav li:hover{background: #00A3E4; color: #fff;}
	.mobile-nav li:hover a{background: none;}
	.mobile-nav ul ul{position: static; z-index: 4; width: 220px; background: #4C5059; z-index: 98; border-right: 2px solid #1e2128; left: -220px; top: 0; visibility: visible; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display: none;}
	
	#htop{padding-top: 30px;}
	.hnav{height: auto;}
	.hnav span{display: block;}
	.hnav li{line-height: 20px; text-align: center;}
	.hnav a{ padding-top: 10px; padding-bottom: 10px;}

	.meta{padding-top: 0; font-size: 16px;}
	.content_wrap p, .content_wrap ul, .content_wrap ol{font-size: 16px; line-height: 28px;}
	
	.entry{margin-bottom: 0px;}
	.date{color: #b2b2b2; font-size: 16px; display: block; text-align: left; border-right:0; padding-right: 0px; margin-right: 0px;}
	.date span{display: inline;}
	.date span:after{content: ", "}
	#footer p.pbig{font-size: 16px;}
	#footer .flogo{margin-top: 30px;}
	.copy{padding: 8px 0;}
	.copy .text-right, .copy{text-align: center; line-height: 22px;}
	.copy p{margin-bottom: 0px;}
	.auth{margin-bottom: 30px;}
}
@media (max-width: 480px) {
	
	#search-form input[type=text]:focus{width: 220px;}

	.hnav span{display: none;}
	.hnav li{font-size: 14px; margin-right: 10px;}
	#curatorbg h3{color:#1a1c27; font-size:28px; margin-bottom:30px;}


}
@media (max-width: 340px) {
	
	.hnav span{display: none;}
	.hnav li{font-size: 13px; margin-right: 6px;}

}