/*==========  ЭКРАННЫЙ МЕТОД ==========
max-width	Правило применяется к браузеру, ширина которого меньше значения, указанного в запросе.*/


/* Большие устройства, широкоформатные экраны */

@media only screen and (max-width: 1200px) {
    .action .disk{
        margin:0 auto;
        left:auto;
        right: auto;
    }
    #center img {
        width: 100%;
    }
    #center {
        width: 100%;
    }
    #lp-box,
    #lp-box1,
    #lp-box2,
    #lp-box4,
    #lp-box5,
    #lp-box6 {
        display: none;
    }
    .line-center {
        background: none;
    }
    .scroll-top {
        bottom: 30px;
        right: 30px
    }
    .action .content {
        float: none;
        width: 100%;
    }
    .action .order-form {
        margin-left: -50px;
    }
    .action .img-rulon {
        display: none;
    }
    .reviews .content-wrapper {
        width: 75%;
    }
}
@media only screen and (max-width: 1024px) {
    .service a.theme-button{
        font-size:12px;
    }
    
    
}
@media only screen and (max-width: 1000px) {
    .phones-block {
        float: none;
        margin: 0 auto;
    }
    .logo .pull-left {
        float: none!important;
        text-align: center;
        margin: 0 auto;
    }
    .descript {
        text-align: center;
        float: none;
        width: 100%;
        top: 10px;
        left: 0;
        right: 0;
    }
    .work em.process-title {
        margin: 0px auto 20px auto;
    }
    .process-icon:after {
        display: none;
        content: none;
    }
}

/* Средние устройства, Настольные Компьютеры */

@media only screen and (max-width: 992px) {

.two-block .texti{
    text-align: center;
padding: 0px ;
}
.one-block .texti{
    padding:0px;
    text-align: center;
	}
.service a.theme-button{
position:relative;
margin-top:20px;
}
.work .flex-container .item{
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
	    margin-bottom: 50px;
}
.work .flex-container .item:after{
display:none;
}
.work .theme-button {
    max-width: 300px;
	width:100%;
    display: block;
	}

.service img#man-center{
position:relative;
width:80%;
margin:0 auto;
top:0px;
}
#center{
min-height:auto;
}
.service .flex-container .flex-item {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    width: 100%;
	}
	
	.one-block{
-webkit-box-ordinal-group:2;
    -ms-flex-order:1;
        order:1;
	
	}
	.two-block{
-webkit-box-ordinal-group:3;
    -ms-flex-order:2;
        order:2;
	}
	.center-auto{
	-webkit-box-ordinal-group:4;
    -ms-flex-order:3;
        order:3;
	}
	.texti {
    text-align: center!important;
	}

.title-block .over2, .title-block .over3{
display:none;
}
.title-block .over1{
transform: none;
width: 100%;
}

.title-block{
width:100%;
}

span.phones{
width: 100%;
    text-align: center;
}
.descript{
top:0px;
margin-bottom:10px;
}

    .order-block .visible-sm img {
        margin: 0 auto;
    }
    .two-block ul li {
        width: 50%;
        float: left;
        min-width: 200px;
    }
    .two-block ul {
        margin: 0 auto;
        width: 100%;
            padding: 0px 15px;
    }
    .order-block .order-form {
        margin: 0 auto;
    }
    .order-block {}
    .action {
        background-repeat: repeat;
    }
    .action .order-form {
        margin: 0 auto;
    }
    .bottom-banner .form {
        width: 100%;
    }
    #form6 .success {
        width: 300px;
        height: 180px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .materials .order-form {
        margin: 0 auto;
    }
    .reviews .content-wrapper {
        width: 100%;
    }
}
@media only screen and (max-width: 900px) {
    
    #top_menu ul li{
        display: block;
        text-align: left;
        border-bottom: 1px #565656 solid;
        background-color: rgba(21, 22, 35, 0.8);
    } 
    .phones-navbar{
        display:block;
    }
    
    
    .t2,
    .t3,
    .t4,
    .t5,
    .t6,
    .t7 {
        top: 0px;
        right: 0px;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .service .flex-container .flex-item {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    /*.service .flex-container .flex-item.two-block .item:nth-child(1) {
        display: none;
    }*/
 
    .item.vent,
    .item.aero {
        display: block;
    }
   /* .service .flex-container .flex-item.one-block .item:nth-child(2) {
        order: 3;
    }
    .service .flex-container .flex-item .item:nth-child(3) {
        order: 1;
    }
	*/

    .service .flex-container .flex-item {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .texti {
        min-height: inherit;
    }
    .service a.theme-button {
        position: relative;
        top:0px;
    }
}
@media only screen and (max-width: 820px) {
    
    .window_product{
        width:100%;
          min-width:inherit; 
    }
    
    #facts .flex-item {
        margin-bottom: 15px;
    }
    .video_item {
        display: none;
    }
    .phones-block {
        margin: 20px auto 0 auto;
        float: none;
    }
}

/* Небольшие устройства, Планшеты */

@media only screen and (max-width: 768px) {
    
        .map-detail{
        position:relative!important;
        margin-bottom: 30px;
            margin-top: 30px;
        top:0px;
    } 
    
     .carousel-top{
        margin-bottom:50px;
    }
    .video_item {
        display: none;
    }
    .content .item .process-icon:after {
        content: "";
        display: none;
    }
    .work .flex-container .item {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 610px) {}
@media only screen and (max-width: 550px) {
 
    .scroll-top {
        right: 5px;
        bottom: 10px;
    }
}
@media only screen and (max-width: 535px) {
    .facts_item{
	margin-bottom:30px;
	}
    .two-block ul li{
        width:100%;
    }
    
}

/* Очень маленькие устройства, Телефоны */

@media only screen and (max-width: 480px) {
    .scroll-top {
        display: none!important;
    }
}
@media only screen and (max-width: 414px) {
    
    .seolp .ilightbox-toolbar.metro-white a{
         background-image: url(/css/ilightbox/metro-white-skin/x-mark-hover-icon-64.png)!important;
            background-position: 0%!important;
    }
    .seolp .ilightbox-toolbar.metro-white{
        width:80px;
        cursor: pointer;
    } 
    .seolp .ilightbox-toolbar a.ilightbox-close {
    position: absolute;
        left: 5px;
    top: 5px;
    margin-top: 0px;
    background-color: transparent!important;
    cursor: pointer;
    background-position:0%!important;
}
    
    
    
    .theme-title span{
        font-size:30px;
    }
    
    .politics {
    margin: 40px 0 0 0;
    }
    
    .work .flex-container .item:after{
        display: none;
    }
    
    .facts_item{
        margin-bottom: 30px;
    }
    .over1, .over2, .over3{
        display: none;
    }
    
    .title-block{
        width:100%;
        background-color: #d20007;
    }
    span.phones{
        float:none;
    }
    .gallery-product .item{
            width: 80%;
    }
    .gallery-product .right-nav{
        right: 0%;
    }
    .gallery-product .left-nav{
        left: 0%;
    }
    
.reviews-wath .item{
width:100%;
margin-bottom:30px;
}

.reviews-wath .left-nav{
left:0%;
}
.reviews-wath .right-nav{
right:0%;
}

.work .content{
margin:0;
}

.action .left-block{
min-height: 330px;
}

.action .left-block{
margin-top:0px;
}
.action .visor_orange{
right:0px;
left:0px;
margin:0 auto;
}

.action .visor_black{
right:0px;
}
.action .visor_white{
left:0px;
}


.action .visor{
width:60%;
}

.service .flex-container {
    margin-bottom: 0px;
}
.gallery-casco .item{
width:100%;
}
.carousel-top .disk{
top:0px;
}

.gallery-casco .left-nav{
left:0%;
}
.gallery-casco .right-nav{
right:0%;
}

#facts .col-md-4{
padding:0 0px 0 0px;
}
#facts .col-md-4 #f1:before,#facts .col-md-4 #f2:before,#facts .col-md-4 #f3:before{
left:15px;
width:90%;
}
#facts .col-md-4 div.text{
    margin-left: 107px;
}

.cross-line:before,.cross-line:after{
width: 40%;
}
.service .flex-container .flex-item.mt-100{
margin-top:0px!important;
}
.t2, .t3, .t4, .t5, .t6, .t7{
left:0;
right:0;
}
#lp-box, #lp-box1, #lp-box2, #lp-box3, #lp-box4, #lp-box5, #lp-box6, #lp-box7{
display:none;
}
#center{
margin-top:0px;
}

    .top-count {
        width: 100%;
    }
 

    .tabs__caption li,
    .tabs__caption li:hover,
    .tabs__caption .active {
        width: 50%;
        margin-right: 0px;
    }
    .window_casco {
        max-width: 100%;
        min-width: 100%;
        margin-top: 0px;
    }
    .two-block ul li {
        width: 100%;
    }
    .two-block ul {
        margin: 0 auto 0 10px;
        width: 100%;
    }
    .two-block ul li img {
        margin: 0 auto;
        float:none;
    }
    .two-block ul li span{
        text-align: center;
        width:100%;
            margin: 0 auto;
    display: block;
        padding:10px 0px;
    }
    
    #center .theme-button {
        margin-bottom: 30px;
    }
    #center {
        top: 0px;
		        min-height: inherit;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .box-modal {
        width: 100%!important;
    }
    .arcticmodal-container_i2 {
        padding: 10px!important;
    }
    .scroll-top {
        background-color: transparent!important;
        display: block;
        color: #05b4eb;
    }
    .scroll-top:after {
        display: none;
    }
    .box-modal {
        width: 100%!important
    }
    .arcticmodal-container_i2 {
        padding: 10px!important
    }
    .arcticmodal-container_i {
        width: 100%;
        margin: 0 auto;
    }
}

/* Свои размеры, iPhone Retina */

@media only screen and (max-width: 380px) {
    .casco .flex-container .flex-item {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
    }
    .two-block ul li img {
        max-width: inherit;
    }
    .tabs__caption li {
        font-size: 12px;
    }
 


    .action .disk {
        width: 100%;
        top: -50px;
    }
    .action h3 {
        font-size: 20px;
        line-height: normal;
    }
    .service img#man-center {
        opacity: 1;
        width: 100%;
        filter: none;
        bottom: -50px;
    }
  

    .ClassyCountdown-value {
        margin-top: -10px !important;
    }
    .ClassyCountdown-value div {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 375px) {
    .comparison ul {
        margin-left: 0px;
    }
    .order-form .arctform input,
    .order-form .arctform select {
        min-width: 100%;
    }
    .order-form {
        width: 100%;
    }
    .materials h3 {
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 5px;
    }
    h2,
    .theme-title h2 {
        font-size: 30px!important;
    }
     .banner-heading h1{
        font-size: 3.0em;
    }
   
    .right_block h2{
        margin-top:30px;
    }
    .left_block{
        margin-top:15px;
    }
}
@media only screen and (max-width: 360px) {
   
}
@media only screen and (max-width: 330px) {
    .two-block ul li span{
        padding-right:10px;
    }
    #facts .big-text {
        min-width: 45px;
        left: 10px;
        font-size: 60px;
    }
    #facts .flex-item div {
        flex-basis: 240px;
        -webkit-flex-basis: 240px;
        padding-right: 10px;
    }
 
    .carousel-top .disk {
        top: -80px;
    }
    .ClassyCountdown-wrapper .ClassyCountdown-value {
        width: 100%;
        line-height: 0.8em;
    }
    .action .mt-80 {
        margin: 0!important;
    }
    .order-form {
        padding: 15px 18px;
    }
    .bottom-banner a.theme-button {
        width: 100%!important;
    }
    .bottom-banner .form-group {
        width: 100%!important;
    }
}

/*** МОБИЛЬНЫЙ МЕТОД 
min-width	Правило применяется к браузеру, ширина которого больше значения, указанного в запросе.***/


/*==========  Мобильные разрешения  ==========*/


/* Свои, iPhone Retina */

@media only screen and (min-width: 1024px) {}
@media only screen and (min-width: 320px) {}

/* Очень маленькие устройства, Телефоны */

@media only screen and (min-width: 480px) {}

/* Маленькие устройства, Планшеты */

@media only screen and (min-width: 768px) {
    .boxed {
        width: 100%;
    }
}

/* Средние устройства, Мониторы */

@media only screen and (min-width: 992px) {}

/* Большие устройства, Широкоформатные экраны */

@media only screen and (min-width: 1200px) {
    .boxed {
        max-width: 1000px;
    }
}

/**** двойное условие ***/

@media screen and (min-width: 750px) and (max-width: 850px) {}

/* ИЗМЕНЕНИЕ НАЧАЛЬНОЙ ЗАГРУЗКИ НАВИГАЦИИ ДЛЯ 950px*/

@media (max-width: 920px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        width: auto;
        float: none!important;
    }
}