@media screen and (max-width: 1600px) {
	#content .large-box, #content .about {height: 500px;}
}
@media screen and (max-width: 1312px) {
	#header A.logotype IMG {width: 390px; margin-top: 8px;}
	#header .navbar-nav {margin-top: -19px;}
}
@media screen and (max-width: 1200px) {
	#header {min-height: auto;}
	#header P {width: auto;}
	#header A.logotype IMG {margin-top: 14px;width: 315px;}
	#header .navbar-nav {margin: -12px 0 0;}
	#header .navbar-default {padding: 15px; height: 110px;}
	#header .navbar-default .navbar-nav > li > a {font-size: 15px; }
	
	
	#footer .alignright LI A {font-size: 12px;}
	#footer .logo IMG {width: 270px;}
}
@media screen and (max-width: 992px) {
	#header A.logotype IMG {width: 270px; margin: 0;}
	#header .navbar-default {height: 110px;}
	#header .navbar-collapse {padding: 0;}
	#header .navbar-nav {margin: 0;}
	#header .navbar-default .navbar-nav > li > a {font-size: 15px;}
	#header .navbar-nav UL {top: 32px;}
	#header P {font-size: 13px;}
	#header .tel {font-size: 20px;}
	
	
	#footer .alignright {float: none; text-align: center;}
	#footer .logo {width: 270px; margin: auto; text-align: center; float: none;}
	#footer .border P {margin: 11px 0; text-align: center;}
}

@media screen and (max-width: 768px) {
	#header .navbar-default {height: 74px;}
	.shake {animation: none!important;}
	#header .navbar-default {padding: 15px; position: relative;}
	#header .navbar-default .navbar-nav > li > a:hover {background: #353975;}
	.navbar-toggle {margin: 0;}
	.navbar-default .navbar-collapse {background: #11133e; padding: 0; border: none; width: 100%; box-shadow: none;position: absolute; top: 73px; left: 0;}
	
	#header P {
	    margin: 0;
	    right: 68px;
	    top: 16px;
	    font-size: 0;
		position: absolute; 
		width: 46px;
		height: 34px;
	    z-index: 50;
	    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}
	#header .tel {
		margin: 0 0 0 -18px; 
		height: 30px;
		font-size: 14px;
		display: inline-block;
		position: relative;
	}
	#header .tel:before {
		width: 46px;
		height: 34px;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		content: '';
		display: inline-block;
		position: absolute;
	}
	.navbar-nav {margin: 0; width: 100%;}
	#header .navbar-nav UL {width: 100%; border: none;}
	#content H2 {font-size: 27px;}
	#content .large-box, #content .about {height: 350px;}
	#content .line-text {padding: 10px 2%; min-height: 60px;}
	#content .light-box {padding: 20px 25px 33px; width: 95%;}
	#content .about.light-box {width: 100%;}
	#content .light-box P {font-size: 14px;line-height: 165%;margin: 15px 0 0;}
	#header .navbar-nav LI {position: inherit!important;}
	#header .navbar-nav UL {position: inherit!important;}
	#header .collapse P {display: block!important;}
}
@media screen and (max-width: 550px) {
	#header A.logotype IMG {width: 190px;}
	#content H2 {font-size: 22px;}
	
	#header .tel {font-size: 12px; line-height: 130%;}
	
	#content .diana .col-xs-6 {width: 100%;}
	#content .large-box, #content .about {height: 255px;}
}
@media screen and (max-width: 360px) {
	#header {min-height: 64px;}
	#header A.logotype IMG {width: 180px;}
	#header .tel {font-size: 11px; margin: 0 0 0 -7px; line-height: 155%;}
	
	#content .large-box, #content .about {height: 170px;}
	#content H2 {font-size: 17px;}
	#content .line-text {padding: 0 2%;}
	
	#footer .alignright LI {margin: 3px 2%;}
	#footer .border {padding: 0;}
	#footer P {font-size: 12px;}
	#footer .logo {margin: 0 auto 12px; display: inline-block;}
	#footer .social UL LI {margin: 0 4%;}
	#footer .social UL LI A img {width: 30px; height: auto;}
	#content .light-box {padding: 5px 10px 20px;}
	#content .light-box P {font-size: 13px; margin: 20px 0 0; line-height: 140%;}
	#header P {right: 60px;}
}