@media (max-width: 799px) {
.container {width: 100%;}
header {margin-top: 0; float: none;}
header .logo {margin: 0 0 0 12px; float: none;}
header .logo img {width: 180px;}
header .main-menu {float: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(64,77,161,0.9); z-index: 9999; margin-top: 0;}
header .main-menu ul {position: absolute; top: 220px; margin: 0; padding: 0;}
header .main-menu ul li {display: block; width: 100%; text-align: center;}
header .main-menu ul li a {font-size: 30px; letter-spacing: -1px; font-family: roboto, sans-serif; font-weight: 700; line-height: 42px; color: #FFFFFF;}
header .main-menu ul li.active a, header .main-menu .lang a, header .main-menu ul li:hover a, header .main-menu .lang a:hover {color: #FFFFFF;}
header .main-menu ul .lang {margin-top: 42px;}
header .main-menu .close {cursor: pointer; margin: 130px auto 0; width: 80px; height: 73px; line-height: 73px; display: block; background: url(/img/menu_close_white.svg) 0 0 no-repeat; background-size: 80px 80px;}
header .main-menu .close:hover {background: url(/img/menu_close_white_alt.svg) center center no-repeat;}

.main-slider {display: none;}
.main-bg {text-align: center; line-height: 200px; margin: 15px 0 25px 0; display: block; width: 100%; height: 200px; background: url(/img//concretelight_opt-u22215-fr.jpg) top left no-repeat; background-size: cover;}
.main-bg img {height: 160px; vertical-align: middle;}
.burger {display: block; position: absolute; top: 37px; right: 12px; width: 20px; height: 24px; cursor: pointer;}
.burger span {height: 5px; width: 100%; background: #404da1; display: block; position: absolute; top: 12px;}
.burger:hover span:before {top: -12px;}
.burger:hover span:after {top: 12px;}
.burger span:before {content: ""; position: absolute; left: 0; top: -10px; height: 5px; width: 20px; background: #404da1;}
.burger span:after {content: ""; position: absolute; left: 0; top: 10px; height: 5px; width: 20px; background: #404da1;}

.main-intro {padding-bottom: 150px; float: none;}
.main-intro .mi-text {width: auto; margin: 0 30px; font-size: 14px; line-height: 21px;}
.main-intro .mi-bg {left: 30px; right: auto; top: auto; bottom: 0;}
.main-intro .mi-bg img {transform: none; height: auto; width: 300px;}
.main-content {margin-top: 0;}
.main-content .mc-prefs .mc-p-cols {width: auto; margin-left: 0; float: none;}
.main-content .mc-prefs .mc-p-col {width: auto; margin: 12px; float: none;}
.main-content .mc-bg {display: none;}

.main-content .mc-prefs {margin-top: 60px; padding-top: 40px; float: none; width: auto; padding-right: 20px; position: relative;}
.main-content .mc-prefs:after {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; background: url(/img/symbol_purple.svg) center 20% no-repeat; background-size: 270px auto;}
.main-content .mc-prefs .mc-p-bg {right: auto; top: 0; left: 12px;}
.main-content .mc-prefs .mc-p-bg img {transform: none; width: 180px;}

footer .ft-logo img {margin-left: 12px;}
footer .ft-cnt {margin-right: 12px;}

.inner-banner {height: 200px; line-height: 200px; text-align: center; float: none; margin-top: 20px; background-size: cover !important;}
.inner-banner .ib-title {margin: 0; line-height: 36px; text-align: center; font-size: 30px; display: inline-block; vertical-align: middle;}
.sp-content {float: none; margin-top: 15px;}
.sp-intro .sp-i-bg {left: -20px; top: 6px;}
.sp-intro .sp-i-text {width: auto; margin-left: 60px; font-size: 14px; line-height: 17px;}
.sp-intro {float: none; max-width: 320px; margin: 0 auto;}
.sp-prefs, .sp-prefs {max-width: 320px; margin: 30px auto 0;}
.sp-prefs, .sp-prefs .sp-p-cols {float: none;}
.sp-prefs .sp-p-col {width: 100%; float: none; margin: 0 0 30px 0;}
.sp-prefs .sp-p-bg {background: url(/img/sp-bg-sm.png) 0 0 no-repeat; width: 100%; height: 100%; top: 100px;}
.sp-content.sr .sp-prefs .sp-p-bg {background: url(/img/sr-bg-sm.png) 0 0 no-repeat; top: 25px;}
.sp-content.apr .sp-prefs .sp-p-bg {background: url(/img/apr-bg-sm.png) 0 0 no-repeat; top: 5px;}
.sp-content.cs .sp-prefs .sp-p-bg {background: url(/img/cs-bg-sm.png) 0 0 no-repeat; top: 40px;}
.sp-content.ct .sp-prefs {min-height: 520px;}
.sp-content.ct .sp-prefs .sp-p-bg {background: url(/img/ct-bg-sm.png) 0 0 no-repeat; top: 0px;}

.sp-prefs .sp-p-bg img {display: none;}
.sp-prefs .sp-p-col .sp-p-title {}
.sp-prefs .sp-p-col .sp-p-title span {line-height: 24px; font-size: 16px; width: 200px;}
.sp-prefs .sp-p-col p {float: none;}
.sp-prefs .sp-p-col ul {float: none;}
.sp-prefs .sp-p-col ul li {padding: 0 25px;}

.sp-content.cs .sp-prefs .mc-p-col {float: none; width: auto; max-width: 320px; margin: 0 0 30px;}
.sp-content.cs .sp-prefs .mc-p-col p {padding-top: 5px;}
}

@media (min-width: 800px) and (max-width: 1199px) {
.container {max-width: 100%;}
header .main-menu {margin: 5px 12px 0 0;}
.main-slider {height: 400px; margin-top: 20px;}
.inner-banner {height: 400px; margin-top: 20px;}
.main-content .mc-prefs .mc-p-cols {width: auto; margin-left: 0;}
.main-content .mc-prefs .mc-p-bg {display: none;}
.main-content .mc-bg {top: 240px;}
.main-content .mc-bg img {width: 500px;}
.main-content .mc-prefs .mc-p-col {width: 45%; margin: 0 20px 30px;}
.main-intro .mi-bg {left: -40px;}
.main-intro .mi-text {margin-top: 40px;}
footer .ft-logo {margin-left: 12px;}
footer .ft-cnt {margin-right: 12px;}
.sp-intro .sp-i-bg {left: 0;}
.sp-intro .sp-i-text {width: auto; margin-top: 15px;}
.sp-prefs .sp-p-cols {width: auto; padding: 0 12px;}
.sp-prefs .sp-p-bg img {max-width: 100%;}
.sp-prefs .sp-p-col {width: 45%; float: none; display: inline-block; vertical-align: top; margin: 0 20px 30px 0;}
.inner-banner .ib-title {font-size: 60px; line-height: 60px;}
.sp-prefs .sp-p-col .sp-p-title span {font-size: 16px; line-height: 20px; width: 180px;}
.sp-content.cs .sp-prefs .mc-p-cols {margin-left: 0; width: auto; padding: 0 12px;}
.sp-content.cs .sp-prefs .mc-p-col {width: 45%; float: none; display: inline-block; vertical-align: top; margin: 0 20px 30px 0;}
.mc-p-cols {width: auto; padding: 0 12px;}
}