/*<editor-fold desc="screens"*/

/*-xs-*/
@media (max-width: 768px) {
  .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .t3-header .row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .logo {
    margin-top: 20px !important;
    height: auto !important;
  }

  .logo-text {
    float: left !important;
  }

  .navbar-header {
    top: 15px !important;
    right: 20px !important;
  }

  .t3-wrapper .ja-slideshow .container {
    left: 50% !important;
    width: 100% !important;
  }

  .ja-ss-desc h3, .ja-ss-desc .h3 {
    font-size: 18px !important;
    font-family: 'robotomedium' !important;
  }

  .ja-ss-btns .ja-ss-next {
    margin-right: 10px !important;
  }

  .ja-ss-btns .ja-ss-prev {
    margin-left: 10px !important;
  }

  .quote {
    font-size: 14px !important;
  }

  .ja-ss-desc .quote {
    left: 20vw;
    right: 20vw;
    padding-top: 35px !important;
    width: 100% !important;
  }

  .ja-ss-desc .quote > div {
    font-size: 12px !important;
  }

  .ja-ss-desc .disc-btn {
    padding-top: 0 !important;
    position: absolute;
    bottom: -5vw;
    left: 10vw;
    right: 10vw;
  }

  .disc-btn input[type=button] {
    padding: 10px 15px !important;
    font-size: 10px !important;
  }

  .ja-ss-items .ja-ss-desc {
    top: 30% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100vw !important;
  }

  .ja-ss-desc h3, .ja-ss-desc .h3:after {
    margin: 10px auto !important;
  }

  .ja-ss-items {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
  }

  .ja-ss-item-ghost {
    display: none !important;
  }

  .ja-ss-items:before {
    content: '';
    display: block;
    /*width: 100%;*/
    position: relative;
    z-index: 1;
    /*height: 100%;*/
  }

  .ja-ss-item.curr {
    display: block;
    position: relative;
    float: right;
    width: auto;
    right: 50%;
    left: auto !important;
    overflow: visible;
  }

  .ja-ss-item-bg {
    max-height: 425px;
    background: none;
    position: relative;
    right: -50%;
    /*left: -50%;*/
    width: auto !important;;
    max-width: inherit !important;
  }

  .ja-ss-btns {
    display: block !important;
  }

  .ja-ss-item .container::before {
    width: 100vw !important;
    position: relative !important;
    margin: 0 auto !important;
  }

  #Mod191 .newCollection .modulePretext,#Mod203 .newCollection .modulePretext {
    font-size: 16px;
  / / margin-bottom: 30 px;
    font-family: robotoregular;
    text-transform: uppercase;
  }

  #Mod191 .newCollection .collectionItem,#Mod203 .newCollection .collectionItem {
    margin: 0 auto;
    max-width: 502px;
    width: 100%;
  }

  #Mod191 .newCollection .imgSpecsWrapper,#Mod203 .newCollection .imgSpecsWrapper{
    width: 100%;
  }

  #Mod191 .newCollection .specs,#Mod203 .newCollection .specs{
    padding: 20px 10px 10px 20px;
  }

  #Mod191 .newCollection .collectionItem:nth-of-type(even) .imgSpecsWrapper:after,#Mod203 .newCollection .collectionItem:nth-of-type(even) .imgSpecsWrapper:after{
    left: -20px;
  }

  #Mod191 .newCollection .itemImageWrapper img,#Mod203 .newCollection .itemImageWrapper img{
    height: 300px;
    width: auto;
  }

  #Mod191 .newCollection .imgSpecsWrapper:after,#Mod203 .newCollection .imgSpecsWrapper:after{
    content: '';
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 1;
    width: 40px;
    height: 40px;
    border: 8px solid #66BA24;
  }

  #Mod191 .newCollection .specs a,#Mod203 .newCollection .specs a{
    font-size: 14px;
  }

  #Mod191 .newCollection .specs li,#Mod203 .newCollection .specs li{
    font-size: 12px;
  }

  #Mod191 .newCollection .descOrderWrapper,#Mod203 .newCollection .descOrderWrapper{
    padding-top: 20px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #Mod191 .newCollection .descWrapper p:first-child,#Mod203 .newCollection .descWrapper p:first-child{
    font-size: 18px;
  }

  #Mod191 .newCollection .collectionItem,#Mod203 .newCollection .collectionItem{
    max-width: 502px;
    padding: 0 0 30px 0;
  }

  #Mod191 .newCollection .descTextWrapper,#Mod203 .newCollection .descTextWrapper{
    display: none;
  }

  #Mod191 .newCollection .descWrapper p:first-child,#Mod203 .newCollection .descWrapper p:first-child{
    font-size: 26px;
    margin: 0;
    text-transform: uppercase;
  }

  #Mod174.tabs-slider .module-inner {
    height: 699px ;
  }

  #Mod174.tabs-slider .tabs-title + p {
    padding: 0;
    width: 100%;
  }
  #Mod174.tabs-slider .tabs-title + p br {
    display: none;
  }

  #Mod174.tabs-slider .ss-design li.even {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #Mod174.tabs-slider .ss-design .moduleItemExtraFields {
    width: 30%;
  }
  #Mod174.tabs-slider .ss-design li.even .moduleItemIntrotext {
    width: 70%;
    float: right;
  }
    #Mod174.tabs-slider .ss-design li.even .moduleItemExtraFields {
      width: 30%;
      float: left;
  }
   #Mod174.tabs-slider .ss-design li.odd .moduleItemIntrotext{
    width: 70%;
    float: left;
   }
   #Mod174.tabs-slider .ss-design li.odd .moduleItemExtraFields {
    width: 30%;
    float: right;
   }
   #Mod174.tabs-slider .ss-design li {
    width: 100%;
   }




   #Mod174.tabs-slider .ss-colors li {
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: 0;
    margin-bottom: 10px;
   }
  #Mod174.tabs-slider .ss-colors li:first-child:before {
  left: -12px;
  width: 25px;
  height: 25px;
}
 #Mod174.tabs-slider .ss-colors li:nth-child(2):before {
  right: -17px;
  width: 35px;
  height: 35px;
}
 #Mod174.tabs-slider .ss-colors li:nth-child(3):before {
  top: -15px;
  width: 30px;
  height: 30px;
}
   #Mod174.tabs-slider .ss-colors .moduleItemExtraFields img  {
    width: 75px;
   }
   #Mod174.tabs-slider .ss-colors .moduleItemIntrotext {
    padding: 0;
    width: 50%;
    font-size: 14px;
   }
   #Mod174.tabs-slider .ss-colors .moduleItemExtraFields {
    width: 50%;
   }
   #Mod174.tabs-slider .ss-design, #Mod174.tabs-slider .ss-colors {
    margin-top: 0;
   }



   #Mod174.tabs-slider .ss-thermo-block {
    width: 100%;
    margin: 0;
   }
   #Mod174.tabs-slider .ss-thermo-block:last-child {
    display: none;
   }
   #Mod174.tabs-slider .ss-thermo-color {
    margin: 2px 0;
    line-height: 19px;
    font-size: 10px;
   }
   #Mod174.tabs-slider .ss-thermo-right:after {
    border-top: 10px solid transparent;
    border-left: 8px solid inherit;
    border-bottom: 10px solid transparent;
   }
    #Mod174.tabs-slider .ss-thermo-text-left {
    width: 100%;
   }
    #Mod174.tabs-slider .ss-thermo-text, .ss-doorhandle-text {
      padding: 15px;
    margin-top: 10px;
    }
    #Mod174.tabs-slider .ss-thermo-primary {
      line-height: 1.2;
    }
    #Mod174.tabs-slider .ss-thermo-secondary {
      display: none;
    }
    #Mod174.tabs-slider .ss-thermo-text-right {
      padding-top: 10px;
      text-align: center;
      float: none;
      display: block;
    }

     #Mod174.tabs-slider .ss-doorhandle-text-left {
      width: 100%;
     }
     #Mod174.tabs-slider .ss-doorhandle-text-right {
      text-align: center;
      display: block;
      float: none;
     }

.tabs-slider .wk-gallery-wall a:first-child:before {
  left: -12px !important;
  width: 25px!important;
  height: 25px!important;
  border: 7px solid #66BA24;
}
.tabs-slider .wk-gallery-wall > a:nth-child(3):before {
  top: -18px!important;
  width: 35px!important;
  height: 35px!important;
  border: 7px solid #66BA24;
}
.tabs-slider .wk-gallery-wall > a:last-child:before {
  right: -15px!important;
  width: 30px!important;
  height: 30px!important;
  border: 7px solid #66BA24;
}




  #Mod174.tabs-slider .sprocket-tabs-panels {
    padding: 0 20px;
  }

   #Mod174.tabs-slider .wk-gallery-wall > * {
    width: 120px !important;
    /* display: block; */
  }

  @media (max-width: 564px) {
    #Mod174.tabs-slider .sprocket-tabs-nav {
      width: 260px;
    }
    #Mod174.tabs-slider .ss-colors .moduleItemExtraFields img  {
    width: 55px;
   }
    #Mod174.tabs-slider .wk-gallery-wall > * {
    width: 85px  !important;
    /* display: block; */
  }

  }
  @media (max-width: 450px) {
    .col-sm-2.head-right.pull-right {
      float: left !important;
      width: 100% !important;
    }
    .t3-header + div:not(.ja-slideshow) {
  padding-top: 125px !important;
}
  }


  .advantages .sprocket-grids-b-content {
    width: 100% !important;
  }

  .advantages ul li:nth-child(-n+6) .sprocket-grids-b-text {
    display: none;
  }

  .advantages ul li:nth-child(n+7) .sprocket-grids-b-text {
    display: block !important;
  }

  #Mod182.advantages ul li:nth-child(-n+6) {
    width: 50% !important;
  }

  #Mod182.advantages ul li:nth-child(n+7) {
    width: 100% !important;
  }

  #Mod182.advantages .module-inner {
    padding: 0 !important;
    height: 100% !important;
  }

  #Mod182.advantages ul {
    padding: 0;
    margin: 0;
  }

  .advantages ul li:nth-child(-n+6) .sprocket-grids-b-title {
    height: 50px;
  }

  #Mod182.advantages ul li:nth-child(n+7) {
    padding: 0;
    margin: 0;
  }

  #Mod182.advantages ul li:nth-child(n+7) .sprocket-grids-b-item {
    height: 200px;
  }

  #Mod182 .advantages > p {
    width: 200px;
    margin: 0 0 0 20px;
  }

  #Mod183.howWork {
    margin-top: 100px;
  }

  #Mod183.howWork p {
    width: 100%;
    margin: 0;
  }

  #Mod183 .howWork > p:before {
    position: relative;
    left: -10px;
    margin-bottom: 10px;
  }

  #Mod183 .howWork ul {
    padding: 0;
  }

  #Mod183 .howWork ul li {
    width: 50%;
  }

  #Mod184 .spec-offers, #Mod190.second-form .spec-offers {
    width: auto !important;
    max-width: 400px;
    padding: 0;
    width: 100% !important;
    transform: inherit;
    top: auto;
    left: auto;
    margin: 0 auto;
    position: relative;
  }

  #Mod184 .module-inner, #Mod190.second-form .module-inner {
    padding: 20px;
    height: 600px;
  }
  .iframe-background {
    display: none;
  }

  #Mod184 .spec-offers-lBlock, #Mod190.second-form .spec-offers-lBlock {
    width: auto;
    position: relative;
  }

  #Mod184 .spec-offers-rBlock, #Mod190.second-form .spec-offers-rBlock {
    margin-top: 50px;
    width: auto;
    float: left;
    position: relative;
  }
  #Mod190.second-form .spec-offers-rBlock {
    margin-top: 0;
  }

  #Mod173.catalog .newCollection .collectionItem {
    min-width: inherit;
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
  }

  #Mod173.catalog .newCollection .wrapmain {
    margin: 0 auto;
    max-width: 504px;
    width: 100%;
  }

  #Mod173.catalog .newCollection .descOrderWrapper {
    padding-left: 30px;
    padding-top: 10px;
  }

  #Mod173.catalog .newCollection .specs {
    padding-top: 105px;
    padding-left: 30px;
  }

}

/* .head-right.pull-right {
    float: none !important;
    width: 200px !important;
    margin: 0 auto !important;
  }
 */

/*-sm-*/
@media (min-width: 768px) {

}

@media (max-width: 991px) {
  .has-slideshow .t3-header {
    position: relative !important;
  }
.tabs-slider .ss-doorhandle-wrapper .wk-gallery-wall {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#Mod174.tabs-slider .wk-gallery-wall > * {
    width: 150px;
    /* display: block; */
  }

  #Mod173.catalog .collectionItem {
    min-width: 330px;
    padding: 5px;
    margin: 0;
  }

@media (min-width: 768px) {
  #Mod184 .spec-offers {
    width: 700px !important;
    padding: 0;
  }
  #Mod190.second-form .spec-offers {
    width: 750px !important;
    padding: 0;
  }
}
  #Mod190 .spec-offers-lBlock {
    padding-left: 10px;
  }

  .head-right.pull-right {
    float: none !important;
    width: 200px !important;
    margin: 0 auto !important;
  }

  .advantages ul li:nth-child(-n+3) .sprocket-grids-b-text {
    height: 300px !important;
  }

  .advantages ul li:nth-child(n+7) .sprocket-grids-b-content {
    height: 200px !important;
    width: auto !important;
  }

  .module.discount .module-inner {
    padding: 0 !important;
    background-size: cover !important;
  }

  .discount .quote {
    width: 100% !important;
  }

  .custom.discount {
    padding: 10px 20px;
    text-align: center;
  }

  .custom.discount .disc-btn {
    display: inline-block;
    float: none;
    margin: 10px 0;
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li {
    height: 60px !important;
    width: 65px !important;
  }

  .tabs-slider .sprocket-tabs-text {
    word-wrap: break-word;
    display: none !important;
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:hover, #Mod174.tabs-slider .sprocket-tabs-nav li:focus, #Mod174.tabs-slider .sprocket-tabs-nav li.active {
    height: 70px !important;
  }

  #Mod174.tabs-slider .ss-portals .extra1 {
  float: left;
  width: 75px;
}
#Mod174.tabs-slider .ss-portals .extra2 {
  width: 190px;
  margin: 0 auto;
  display: block !important;
}
#Mod174.tabs-slider .ss-portals .moduleItemIntrotext {
  width: 100%;
  display: block !important;
}


}

/*-md-*/
/* @media (min-width: 992px) {

}

-lg-
@media (min-width: 1200px) {

} */

/*-other-*/
@media (max-width: 1199px) {
  .col-sm-3.logo {
    max-width: 130px !important;
  }

  .col-sm-8.navbar {
    padding: 0;
    float: left !important;
  }

  #Mod174.tabs-slider .sprocket-tabs-inner {
    max-width: 100%;
    padding: 0 !important;
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:hover, #Mod174.tabs-slider .sprocket-tabs-nav li:focus, #Mod174.tabs-slider .sprocket-tabs-nav li.active {
  / / margin-bottom: 5 px !important;
    margin-top: -10px !important;
    height: 95px;
    box-shadow: 0 0px 0px 0px white, 0 0px 0px 0px white, 12px -10px 10px -10px rgba(0, 0, 0, 0.2), -12px -10px 10px -10px rgba(0, 0, 0, 0.2);
  );
  );
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li {
    height: 85px;
    width: 90px;
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li > .sprocket-tabs-inner:before {
    width: 30px;
    height: 30px;
    margin-bottom: 0;
  }

  #Mod174.tabs-slider  li:hover .sprocket-tabs-inner, #Mod174.tabs-slider li:focus .sprocket-tabs-inner, #Mod174.tabs-slider li.active .sprocket-tabs-inner {
    margin-top: 0 !important;
  }

  .tabs-slider .sprocket-tabs-text {
    word-wrap: break-word;
  / / display: none !important;
  }



  #Mod174.tabs-slider .sprocket-tabs-nav li:first-child > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/1-design-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(2) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/2-colors-sm.png) no-repeat;
  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(3) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/3-thermal-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(4) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/4-muntin-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(5) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/5-portals-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(6) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/6-mount-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(7) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/7-certif-sm.png) no-repeat;

  }

  #Mod174.tabs-slider .sprocket-tabs-nav li:nth-child(8) > .sprocket-tabs-inner:before {
    background: url(/images/kottedzh-ico/8-doorhandle-sm.png) no-repeat;

  }

}

/*</editor-fold>*/