#headerUpMenu {position:relative}

#mobMenu {
  position:absolute;
  display:none;
  width:20px;height:10px;
  top:10px;left:40px;
  border-top:2px #000 solid;
  border-bottom:2px #000 solid;
}

 #mobMenu_inn {
  position:absolute;
  top:40%;
  width:20px;
  height:2px;
  background:#000
}


#header .niz_header_inn {
    height: 50px;
    float: none;
    clear: both;
    background-color: rgb(0, 119, 168);
}


 @media screen and (max-width:1250px) {  
  .hit_prodaz_main {
  min-width:100%;
  }

  .hit_prodaz_main .hit_prodaz {
    width:calc(100% - 250px);
  }
 }

@media screen and (max-width:1024px) {
  html {
    font-size:12px  
  }

  body {
    min-width:100%
  }

  .headerUpMenu ul {
    width:auto !important
  }

  .headerUpMenu ul li {
    margin: 0 10px 0
  }

  #header #headerMenu {
    width:calc(100% - 15px);
    margin-left:15px
  }

  #header #headerMenu div {
    width:16%;
    max-width:16%
  }

  #header #headerMenu #logo {
    background-size:auto 80%
  }

  #header #headerMenu .delivery a, #header #headerMenu .garanty a {
    font-size: 12px;
  }

  .middle_line {
    height:400px;
  }

  .menu_catalog { 
    min-height:380px;
  }

  .middle_line  .main_banner_middle {
    height:400px;
  }

  .middle_line  .main_banner_middle img {
    width:auto;
    height:400px;
  }

  .footer {
   width:calc(100% - 40px);
 }
  .footer .menu_footer {
    min-width:100%;
  }

  .footer .menu_footer .headerUpMenu {
    width:90%
  }

}

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

h2, .header2 {font-size:28px}
.otzivi h2 a {font-size:28px}

  #header #headerMenu div {
    width:28%;
    max-width:28%;
    height:80px !important;
    text-align:center;
    background-position:50% 10% !important
  }

  #header #headerMenu #logo {
    padding:80px 19px 0 0;
  }

  #header #headerMenu .garanty{ 
    border-right:none
  }

  #header #headerMenu .phone {
    padding:80px 9px 0 0; 
  }

 .middle_line {
    height:340px;
  }

  .menu_catalog { 
    min-height:320px;
  }

  .middle_line  .main_banner_middle {
    height:340px;
   }

  .middle_line  .main_banner_middle img {
    width:auto;
    height:340px;
 }

 .hit_prodaz_main {
    max-height:none;
 }

  .hit_prodaz_main .hit_prodaz {
    width:100%;
    float:none; 
    height:auto; 
 }

  .hit_prodaz_main .otzivi {
    float:none;
    margin:auto;
   }

 .elementPic {
    max-width: 300px;
    min-width: 200px;
   }

  .price_block {
   margin-left:0px;
   max-width:310px

  }

.price span {
  font-size:32px
 }

.buy-button {
    width: 160px !important;
    font-size: 26px !important;
    line-height: 54px !important;
    height: 60px !important;
    margin: 0 0 10px 30px !important;
  }

  .dottedline {
    max-width:100%
  }

 .price_block .deliveryandavailable li {
  float:none;
  width:100%
}

}


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

 .headerUpMenu {
height:auto;
min-height:40px;
margin:0px
 }

  #top-menu ul {
 
  }

  #top-menu ul li {
   float:none;
  }

  #mobMenu {
    display:block
  }

 .menu_catalog {
    float:none;
    border-right:none;
    margin:5px 0;
    min-height:220px;
  }

 .middle_line  .main_banner_middle {
     width:100% !important;
     height: 280px;
  }

 .middle_line  .main_banner_middle img {
     width:auto;
     height:280px;
 }


  #my-slideshow {
    max-width:100% !important;
 }

.footer .pay_system { 
  padding-left:0px;
  padding-top:40px
}

.left_colonka {
  float:none
 }

.right_colonka {
  float:none;
  width:100%;
 }

.elementPic, .photo_more {
   float:none
 }

.price_block {
    float: none;
    margin-left: 50px !important;
 }


элемент {
    cursor: pointer;
}
.catalog-element .tabs-controls li.selected a {
    color: #000;
}
.catalog-element .tabs-controls a {
    color: rgb(255, 255, 255);
    font-weight: bold;
}
a {
    background: transparent;
}
.catalog-element .tabs-controls {
font-size:14px;
height:40px
}

.catalog-element .tabs-controls li {
  padding: 8px 10px 0 10px;
  height:33px
}

img {max-width:100%;height:auto}
iframe {width:100%;height:auto}

}

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

  h2, .header2 {font-size:24px}
  .otzivi h2 a {font-size:24px !important}

  #header #headerMenu div {
    width:43%;
    max-width:43%;
  }

  #header #headerMenu .delivery {
    border-right:none; 
  }

  #header #headerMenu .phone {
    border-right:none; 
    padding:70px 9px 0 0; 
  }

  #header #headerMenu .garanty {
    border-right: 1px rgb(178, 178, 178) dotted !important;
    padding:70px 9px 0 0; 
  }

  #header #headerMenu .call-me, #header #headerMenu .time-work {
    padding:70px 9px 0 0; 
  }

  #header .niz_header {
    height:100px;
  }

  #header .niz_header .cart {
    float:none;
    clear:left;
    min-width:calc(100% - 60px);
    max-width:calc(100% - 60px);
    background-position: 7px 10px;
  }

#header .niz_header .searchform input[type="text"] {
  width:120px
}

#header .niz_header .searchform input[type="submit"] {
  width:10px
}

#header .niz_header .catalog_button {
  width:134px;
}

#header .niz_header .catalog_button div {
  font-size:20px;
  padding: 0 0 0 10%;
  background: url(/bitrix/templates/gps-rus/images/strelka_catalog.png) no-repeat 100px 0px rgba(0,0,0,0);
}

  .middle_line {
    height:auto;
  }

  .menu_catalog {
    float:none;
    border-right:none;
    margin:5px 0;
    min-height:220px;
  }

 .middle_line  .main_banner_middle {
     height: 210px;
  }

 .middle_line  .main_banner_middle img {
     height:210px;
 }


 .hit_prodaz_main .hit_prodaz .main-catalog-top .item {
   float:none;
   margin:auto
 }

.catalog-element .tabs-controls {
font-size:12px !important;
height:34px
}

.catalog-element .tabs-controls li {
padding: 6px 6px 0 6px;
margin-left:1px;
height:30px
}

}

@media screen and (max-width:400px) {
  #header .niz_header_inn {height:150px}
  .footer .pay_system {background-size:contain}
.catalog-element .tabs-controls {
font-size:10px !important;
height:30px
}
.catalog-element .tabs-controls li {
padding: 4px 4px 0 4px;
height:27px
}