/* 1025px */
@media only screen and (max-width: 1025px){
	body{
		min-width:320px;
	}
	#nav{margin: 0 -4px 11px 0;}
	.header-frame{padding: 0 25px 0 22px;}
	.logo{margin-top:1px;}
	.nav-holder{padding-right:27px;}
	#main{
		padding:21px 26px 36px;
	}
	.c1{margin-left:339px;}
	.container{padding: 25px 25px 21px;}
	.breadcrumbs{margin-bottom:15px;}
	.breadcrumbs li{padding-right:17px;}
	.single-post p{margin-bottom:9px;}
	.single-post footer{
		margin:0;
		padding: 5px 0 1px;
	}
	.single-post{padding: 18px 14px 23px 0;}
	.post-holder{margin-bottom:-13px;}
	.footer-holder{padding: 0 25px;}
	#footer{line-height:12px;}
	#main.home-page .c1{margin:0;}
	#main.home-page .gallery{
		width:100%;
		margin: 0 0 15px;
	}
	#main.home-page .main-column{float:none;}
	#main.home-page .post-list .info{width:85%;}
	.gallery img{width:100%;}
	.gallery .info{padding: 10px 19px 12px;}
	.pagination-box{
		left:21px;
		bottom:90px;
	}
	.info-box h1{
		font-size:36px;
		line-height:40px;
		bottom: -20px;
		left: 4%;
	}
	.info-box header{margin-bottom:10px;}
	.accordion-box{
		padding: 15px 14px 13px 16px;
	}
	.accordion ul{
		padding:4px 0 4px 5.6%;
		line-height: 18px;
	}
	.accordion ul li{padding: 2px 0 5px;}
	.accordion ul .pdf:before{
		left:0;
		top:10px;
	}
	.accordion > li{padding-bottom:9px;}
	.visual-holder{
		margin: 5px 19px 0 0;
		width: 36.7%;
	}
	.some-row{padding: 3px 0 0 2px;}
	.tool-list{
		margin: -3px 0 0;
		padding: 7px 13px 8px 12px;
	}
	.article .container{padding: 24px 30px 32px;}
	.list-box-holder{
		float: right;
		width: 49.4%;
		margin: -3px 0 0;
	}
	.home-page .aside{
		width: 48.8%;
		margin:0;
	}
	.list-box{
		margin:0 0 11px;
		padding: 9px 17px 12px 20px;
	}
	.list-box ul{
		display:block;
	}
	.list-box li{
		display:block;
	}
	.list-box ul span:first-child,
	.list-box ul span{
		display:block;
		width:auto;
		padding: 4px 0 7px;
	}
	.list-box ul span:first-child{
		padding:3px 0 6px;
	}
}
@media only screen and (min-width: 768px){
	#nav ul.js-slide-hidden,
	.side-nav ul.js-slide-hidden{
		position:static !important;
	}
	.side-nav ul.js-slide-hidden{
		display:table !important;
	}
	.sub-nav > ul > li{width:auto !important;}
}
@media only screen and (max-width: 767px){
	#header{
		position:relative;
		z-index:300;
	}
	#main.with-categories-nav{margin-top:65px;}
	.logo{
		background:url(../images/logo-mobile.png) no-repeat;
		width:298px;
		height:66px;
	}
	#header .box{
		display:table;
		padding: 12px 0 0;
	}
	.socials{margin: 0 0 7px;}
	#nav{
		display:table-footer-group;
		text-align:right;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#nav .opener{
		display:inline-block;
		vertical-align:top;
	}
	#nav ul{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		text-align:left;
		z-index:1000;
		background:#680000;
		padding:0;
		border-bottom:1px solid #ccc;
		text-transform:uppercase;
		-webkit-border-radius:0;		-moz-border-radius:0;		border-radius:0;
	}
	#nav ul li{
		float:none;
		padding:0;
		border-top:1px solid #ccc;
	}
	#nav ul li:before{display:none;}
	#nav ul a{
		display:block;
		padding:8px 10px 7px;
	}
	.sub-nav{
		float:none;
		width:100%;
		padding:0;
	}
	.sub-nav ul{
		float:none;
		width:100%;
	}
	.sub-nav ul:after{
		clear:both;
		display:block;
		content:'';
	}
	.nav-holder{padding:0;}
	/*.search-form{display:none;}*/
	.sub-nav > ul > li{padding:0;}
	.sub-nav > ul > li>a,
	.sub-nav > ul > li>div>a{
		display:block;
		text-align:center;
		padding: 6px 0;
	}
	.sub-nav ul ul{top:33px}
	.sub-nav ul ul li{padding:0;}
	.sub-nav ul ul a{
		display:block;
		padding: 4px 10px;
	}
	.bar{padding:0;}
	.mobile-hidden,
	.side-nav .heading,
	.side-nav h1{display:none;}
	#main{
		overflow:visible;
		position:relative;
		padding:19px 15px 22px;
	}
	.main-column{float:none;}
	.c1{margin:0;}
	.aside{
		float:none;
		width:auto;
		margin:0;
	}
	.side-nav{
		position:absolute;
		left:15px;
		right:15px;
		top:-48px;
		z-index:100;
		padding:0;
		background:none;
	}
	.side-nav .opener{display:block;}
	.side-nav ul{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		background:#fff;
		z-index:100;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		display:block;
	}
	.side-nav ul li{
		display:table;
		width:100%;
	}
	.side-nav ul a{
		display:block;
		padding:6px;
	}
	.side-nav ul span{padding:0;}
	.side-nav ul span + span{width:50%;}
	.header-frame{padding: 0 13px 0 12px;}
	.single-post:first-of-type{
		border-top:1px solid #dadada;
		padding-top: 13px;
	}
	.breadcrumbs{
		margin-bottom:12px;
		font-size:20px;
		line-height:24px;
	}
	.single-post{
		margin:0;
		padding: 19px 0 22px;
	}
	.single-post h1{line-height:20px;}
	.single-post p{margin-bottom:11px;}
	.single-post footer{padding-top:4px;}
	.more-box{padding:0;}
	.more-box a{
		display:block;
		padding:7px;
	}
	.container{
		margin-bottom:10px;
		padding-bottom:15px;
	}
	.footer-holder{padding: 0 22px;}
	.gallery .info{padding: 12px 36px 10px 11px;}
	.gallery h2{
		line-height:19px;
		margin-bottom: 7px;
	}
	.pagination-box{
		bottom: 96px;
		left: 12px;
		top:auto;
	}
	.list-box{display:none;}
	#main .post-list .info{width:82% !important;}
	.info-box h1{
		font-size:43px;
		line-height:47px;
		bottom: -23px;
	}
	.info-box header{margin-bottom:18px;}
	.accordion ul{padding: 6px 0 0 5.1%;}
	#twocolumn{overflow:visible;}
	.comment-column{float:none;}
	.article .container{
		padding:26px 24px 29px;
		margin: 0 0 13px;
	}
	.article h1{
		font-size:18px;
		line-height:19px;
		margin: 0 0 18px;
	}
	.article-heading p{display:none;}
	.visual-holder{
		float:none;
		width:100%;
		margin: 20px 0 26px;
	}
	.article .breadcrumbs{
		padding: 0 0 10px;
		border-bottom:1px solid #dadada;
	}
	body{line-height:17px;}
	.some-row{padding:0;}
	.social-info{
		float:none;
	}
	.social-info li{
		float:none;
		margin:0;
		padding: 0 0 5px;
	}
	.tool-list li:first-child{display:none;}
	.tool-list{
		padding:0;
		background:none;
		border:0;
		float:none;
		margin:0;
	}
	.tool-list li{
		margin:0;
		float:none;
	}
	.tool-list .print:before{background-position:-105px 0;}
	.mobile-visible{display:block;}
	#twocolumn .comment-column{display:none;}
	.visual-holder .opener{
		background-position:0 -82px;
		width: 35px;
		height: 35px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		bottom: 13px;
		right:18px;
	}
	.more-box{margin-bottom:10px;}
	.sub-nav div.hover ul{display:block;}
	.sub-nav div.hover{
		padding-bottom:12px;
		margin-bottom:-12px;
	}
	.home-page .aside{
		width:100%;
	}
}
@media only screen and (max-width: 479px){
	body{
		font-size:11px;
		line-height:17px;
	}
	.logo{
		width:218px;
		height:50px;
		background-size:100% 100%;
		margin-top: 7px;
	}
	.header-frame{padding: 0 10px 0 7px;}
	#header .box{padding-top:10px;}
	.socials{margin-bottom:5px;}
	.sub-nav{
		font-size:10px;
		line-height:12px;
	}
	#header .holder{padding-bottom:4px;}
	.sub-nav > ul > li > a, .sub-nav > ul > li > div > a{padding:4px;}
	.sub-nav > ul > li:before{
		background:url(../images/divider2.png) no-repeat;
		width:3px;
		height:18px;
		margin:0;
		top:1px;
	}
	.bar{padding:0;}
	.sub-nav ul ul{
		top:21px;
		font-size:12px;
		line-height:15px;
		width:93px;
		left:2px;
	}
	.side-nav .opener{
		font-size:12px;
		line-height:16px;
		padding:5px 13px 4px 10px;
	}
	.side-nav .opener:after{
		background-position:-86px -34px;
		width: 10px;
		height: 9px;
		margin-top:4px;
	}
	#header{margin-bottom:9px;}
	#main.with-categories-nav{margin-top:42px;}
	.side-nav{
		left:9px;
		right:9px;
		top: -34px;
	}
	#main{
		padding:19px 10px 35px;
	}
	.breadcrumbs{
		font-size:14px;
		line-height:17px;
	}
	.breadcrumbs li{padding-right:13px;}
	.container{
		padding: 19px 19px 15px 25px;
		margin-bottom:7px;
	}
	.single-post:first-of-type{
		border:0;
	}
	.single-post h1{
		font-size:14px;
		line-height:17px;
		margin-bottom:12px;
	}
	.single-post:first-of-type{padding-top:15px;}
	.single-post{
		line-height:16px;
		padding: 12px 0 21px;
	}
	.single-post footer{
		font-size: 11px;
		line-height: 13px;
		padding-top: 3px;
		overflow:visible;
	}
	.single-post .comments{
		display:block;
		margin: 4px 0 0 3px;
		padding-left:17px;
	}
	.single-post .comments:before{
		background-position:-72px -41px;
		width: 13px;
		height: 13px;
	}
	.more-box a:before{
		background-position:-62px -58px;
		width: 13px;
		height: 12px;
		margin: 3px 4px 0 0;
	}
	.more-box{
		font-size:12px;
		line-height:16px;
	}
	.more-box a{padding: 6px 7px 5px 23px;}
	.footer-holder{padding:0 13px;}
	#footer p{padding-bottom:17px;}
	#footer{padding: 19px 0 25px;}
	.gallery{
		font-size:10px;
		line-height:12px;
	}
	.gallery h2{
		font-size:15px;
		line-height:18px;
		margin-bottom: 1px;
	}
	.side-nav h1, .block .heading{margin: 0 -12px 10px -17px;}
	.block .heading h1, .block .heading h2{
		font-size:14px;
		line-height:59px;
	}
	.post-list{
		font-size:11px;
		line-height:15px;
	}
	.gallery .info{padding: 8px 7px 14px;}
	.pagination-box{
		bottom: 36.3%;
		left: 7px;
	}
	.pagination-box li{margin-right:4px;}
	.block{
		padding: 0 12px 10px 17px;
		margin-bottom:9px;
	}
	.info-box h1{
		font-size:29px;
		line-height:33px;
		bottom: -20px;
	}
	.article .container{
		padding: 20px 22px 23px;
		margin: 0 0 7px;
	}
	.article h1{
		font-size:14px;
		line-height:19px;
	}
	.article .breadcrumbs{
		padding: 0 0 15px;
		margin-bottom:15px;
	}
	.visual-holder{margin: 12px 0 15px;}
	.visual-holder .opener{
		background-position:0 -58px;
		height: 23px;
		width: 23px;
		bottom: 7px;
		right: 10px;
	}
	.social-info{font-size:12px;}
	.tool-list{font-size:12px;}
}
@media ( -webkit-min-device-pixel-ratio :1.5 ),
( min-resolution :144dpi ){
	.logo{
		background:url(../images/lolo2x.png) no-repeat;
		background-size:100% 100%;
	}
	.socials a{
		background:url(../images/sprite2x.png) no-repeat;
		background-size: 117px 114px;
	}
	.socials .twitter{background-position:-21px 0;}
	.socials .rss{background-position:-43px 0;}
	.single-post .comments:before,
	.social-info .comment:before{
		background:url(../images/sprite2x.png) no-repeat -12px -20px;
		background-size: 117px 114px;
	}
	.more-box a:before{
		background:url(../images/sprite2x.png) no-repeat -31px -20px;
		background-size: 117px 114px;
	}
	.visual-holder .opener{
		background:url(../images/sprite2x.png) no-repeat 0 -56px;
		background-size: 117px 114px;
	}
	.social-info .facebook:before{
		background:url(../images/sprite2x.png) no-repeat -62px 0;
		background-size: 117px 114px;
	}
	.social-info .twitter:before{
		background:url(../images/sprite2x.png) no-repeat -81px 0;
		background-size: 117px 114px;
	}
	.tool-list .email:before{
		background:url(../images/sprite2x.png) no-repeat -24px -56px;
		background-size: 117px 114px;
	}
	.tool-list .print:before{
		background:url(../images/sprite2x.png) no-repeat -43px -56px;
		background-size: 117px 114px;
	}
	.accordion ul .pdf:before{
		background:url(../images/sprite2x.png) no-repeat -50px -20px;
		background-size: 117px 114px;
	}
	.accordion ul .ppt:before{
		background:url(../images/sprite2x.png) no-repeat -11px -38px;
		background-size: 117px 114px;
	}
	.accordion ul .excel:before{
		background:url(../images/sprite2x.png) no-repeat -28px -38px;
		background-size: 117px 114px;
	}
	.accordion ul .word:before{
		background:url(../images/sprite2x.png) no-repeat -46px -38px;
		background-size: 117px 114px;
	}
	.accordion ul .pdf-2:before{
		background:url(../images/sprite2x.png) no-repeat -64px -38px;
		background-size: 117px 114px;
	}
	.accordion .opener:before{
		background:url(../images/sprite2x.png) no-repeat 0 -43px;
		background-size: 117px 114px;
	}
	.accordion .active .opener:before{
		background-position:0 -33px;
		width:11px;
	}
	.gallery .btn-prev:after {
		background:url(../images/sprite2x.png) no-repeat -35px -74px;
		background-size: 117px 114px;
	}
	.gallery .btn-next:after {
		background:url(../images/sprite2x.png) no-repeat -62px -74px;
		background-size: 117px 114px;
	}
}
@media  ( max-width : 767px ) and 
( -webkit-min-device-pixel-ratio :1.5 ),
( min-resolution :144dpi ){
	#nav .opener:before{
		background:url(../images/sprite2x.png) no-repeat -71px -18px;
		background-size: 117px 114px;
	}
	.side-nav .opener:after{
		background:url(../images/sprite2x.png) no-repeat -61px -56px;
		background-size: 117px 114px;
	}
	.visual-holder .opener{
		background:url(../images/sprite2x.png) no-repeat 0 -79px;
		background-size: 117px 114px;
	}
}
@media  ( max-width : 479px ) and 
( -webkit-min-device-pixel-ratio :1.5 ),
( min-resolution :144dpi ){
	.side-nav .opener:after{
		background:url(../images/sprite2x.png) no-repeat -76px -56px;
		background-size: 117px 114px;
	}
	.single-post .comments:before{
		background:url(../images/sprite2x.png) no-repeat -83px -18px;
		background-size: 117px 114px;
	}
	.more-box a:before{
		background:url(../images/sprite2x.png) no-repeat -83px -32px;
		background-size: 117px 114px;
	}
}