/* Large desktops and laptops */
@media (min-width: 1200px) {
.wrapper {max-width: 1180px; margin: 0 auto; padding: 0 10px;width:auto;}
body, html {overflow-x: hidden;}


}
@media (min-width: 900px) and (max-width: 1000px) {
#map{position: absolute; width: 282px; height: 282px; border-radius: 100%; overflow: hidden !important;  top: 289px; left: 137px !important; background: #ff8c17;}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.wrapper {max-width: 1180px; margin: 0 auto; padding: 0 10px;width:auto;}
body, html {overflow-x: hidden;}
.header_logo .center .search-form { position: relative; margin-top: 60px; /*margin-left: 17px;*/}
.header_logo .center {float: left;width: 45%;}
.header_logo .center .search-form input[type="text"] {width: 100%;}
.wrapper_980 { max-width: 980px;  margin: 0 auto; width:auto;}
.main_center {height: 39.3vw;}
.block_center_570 {margin: -23px 40px 0px 62px; width: calc(100% - 590px);}
.block_center_570 img{width:100%;}
.catalog-section-list ul li:nth-child(4n) {margin-right: 30px;}
.catalog-section-list ul li:nth-child(3n) {margin-right: 0px;}
.razdel_left {width: 26%;margin-top: 4vw;}
.registration_block {width: 88vw !important;}
.all_catalog {background: #ff8c17;float: right; width: 19vw; height: 64px; margin-top: 8px;}
.window_det {left: 0;right: 0; top: 50%; z-index: 1000; margin: -282px auto 0 auto;}
.cart_item tr td .wind_numb_cart {width: 3vw;margin-left: 0.5vw; margin-right: 0.5vw;}
.header_logo .center .search-form input[type="submit"] {background-repeat: no-repeat;background-size: contain;top:10px;}
#map{position: absolute; width: 282px; height: 282px; border-radius: 100%; overflow: hidden !important;  top: 289px; left: 131px; background: #ff8c17;}
.traktor_m{ background: url(../images/traktor_m.png); width: 433px; height: 391px;  position: absolute;  left: -63px;  top: 222px;  z-index: 9000000;}
.contacts {float: left;z-index: 90000000;position: relative;}

} 

/* Portrait tablets and small desktops */
@media (min-width: 769px) and (max-width: 991px) {
.header_logo .left {float: left; padding: 59px 20px 59px 0px;}
.wrapper {max-width: 1180px; margin: 0 auto; padding: 0 10px;width:auto;}
body, html {overflow-x: hidden;}
.header_logo .center { float: left; /*width: 40%;*/}
.header_logo .center .search-form {position: relative;margin-top: 60px;margin-left: 10px;}
.header_logo .center .search-form input[type="text"] {width: 35vw;height: 40px;border: 2px solid #787878;font-size: 14px;padding-left: 18px;outline: none;}
.wrapper_980 { max-width: 980px;  margin: 0 auto; width:auto;}
.icon_1 {width: 30vw; height: 30vw; margin-top: 6vw; background-size: contain;margin-left: 2vw;}
.icon_2 {width: 30vw; height: 30vw; margin-top: 6vw; background-size: contain;margin-left: 2vw;}
.icon_3 {width: 30vw; height: 30vw; margin-top: 6vw; background-size: contain;margin-right: 2vw;}
.main_back {height: 42vw;background-size: cover;}
.main_center {height: 39.3vw;}
.news_main_img,.news_main_img:hover {width: 30vw; height: 12vw; background-size: contain;}
.catalog_main_img,.catalog_main_img:hover {width: 30vw;height: 21vw;background-size: contain;}
.action_main_img,.action_main_img:hover {width: 30vw; height: 12vw;background-size: contain;}
.catalog_main {margin-left: 4vw; width: 30vw;}
.catalog_main:hover .catalog_main_img, .news_main:hover .news_main_img, .action_main:hover .action_main_img { -webkit-animation:none; -moz-animation: none;  animation:none;  -webkit-transform-origin:none; -moz-transform-origin:none; transform-origin:none; }
.right_main {display:none;}
.block_center_570 {width: calc(100% - 350px);margin: -2vw 4vw 0vw 6vw;}
.block_center_570 img{width:100%;}
.wrapper_880 {width: 768px; margin: 0 auto;}
#map2 {width: 420px;height: 351px;}
.traktor {width: 77.6vw; height: 59.2vw; position: absolute; left: 12vw; background-size: contain;}
#map { position: absolute;  width: 28.2vw; height: 28.2vw;  border-radius: 100%; overflow: hidden; top: 28.9vw; left: 2vw; background: #fff;}
.traktor_m{ background: url(../images/traktor_m.png); width: 43vw; height: 39vw;  position: absolute;  left: -6.15vw;  top: 22.355vw; z-index: 9000000; background-size: contain;background-repeat: no-repeat;}
.contacts {float: left;z-index: 90000000;position: relative;}
.all_catalog {background: #ff8c17;float: right; width: 195px; height: 64px; margin-top: 8px;}

.block_center_880 { width: 768px;    padding: 0px 1vw;}
.back_contacts {width: 100%; background: #ff8c17;  margin-top: -3vw; padding-top: 3vw;  z-index: 100; display: inline-block;  position: relative;  height: 75vw; margin-bottom: -12vw;}
.catalog-section-list ul li:nth-child(4n) {margin-right: 30px;}
.catalog-section-list ul li:nth-child(3n) {margin-right: 0px;}
[class^="images_razdel"]{width: 26vw !important; height: 26vw !important; background-position-y: 3vw !important;}
.catalog-section-list .text_f {padding: 1.5vw;width: 23vw;}
.catalog-section-list ul li {width: 26vw;height: 23vw;}
.catalog-section-list [id^="bx_"]:hover [class^="images_razdel"] {background-size: contain !important;}
.razdel_left {width: 25vw;margin-top: 4vw;}
.razdel_right table {width: 70vw;}
.razdel_right .list_prim:after {width: 1.7vw; height: 0.9vw;margin-top: 0.8vw; margin-left: 0.5vw; background-size: contain;}
.razdel_right .list_prim a {font-size: 1.4vw;}
.window_prim {width: 64vw; height: 30vw; padding: 3vw; left: -50vw; top: 5vw;}
.registration_block {width: 88vw !important;}
.cart_item {font-size: 1.5vw;}
.cart_item tr td .wind_numb_cart {width: 3vw; margin-left: 0.5vw; margin-right: 0.5vw; padding: 0.5vw 0vw;font-size: 1.6vw; color: #333333; text-align: center;float: left;}
.minus_circle, .plus_circle {width: 1.90vw; height: 2vw; background-size: contain;background-repeat: no-repeat;}


}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {
.wrapper {max-width: 1180px; margin: 0 auto; padding: 0 10px;width:auto;}
body, html {overflow-x: hidden;}
#map{position: absolute; width: 282px; height: 282px; border-radius: 100%; overflow: hidden !important;  top: 289px; left: 131px; background: #ff8c17;}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.wrapper {max-width: 1180px; margin: 0 auto; padding: 0 10px;width:auto;}
body, html {overflow-x: hidden;}

}