@media only screen and (max-width: 1140px) {
	header div.menu a { margin-left: 20px; }
	
	div.benefits_forpro_new { max-width: 1000px; }
	div.benefits_forpro_new div.inner_back { max-width: 1000px; }
	div.benefits_forpro_new_after { max-width: 1000px; }
	div.benefits_forpro_new_after h3.start_4 { left: 762px; }
	
	div.productInside div.topBlueBlock { display: none; }
	div.productInside div.topBlueBlockMobile { display: block; }
	
	div.content h2.smallTitleBlack, h2.smallTitleBlack { font-size: 20px; }
        div.content h1.smallTitleBlack, h1.smallTitleBlack { font-size: 20px; }
	
	div.benefits_index { }
	div.benefits_index div.top_line_block { width: 100% !important; }
	div.benefits_index div.top_line_block_services { width: 100% !important; }
	div.benefits_index div.bottom_line_block { width: 100% !important; }
	div.benefits_index div.sides_bottom_line_block { display: none !important; }
	
	div.benefits_index_mobile { display: block; margin-left: 10px; margin-right: 10px; }
	div.benefits_index_mobile p, div.benefits_index_mobile h2 { text-align: center !important; }
	div.benefits_index_mobile img { max-width: 100% !important; }
	div.benefits_index_mobile div { margin-top: 20px; width: 100% !important; }
	div.benefits_index_mobile img.inMobileSpecial { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; margin: 0px; } 
	
	.hideinmobile { display: none !important; }
	
	video { max-width: 100% !important; }
	
	div.productInside div.redBlock { margin-top: -23px; }
	div.productInside div.redBlock div { background-position: 0px; padding-left: 90px; }
	
	
	
	div.content div.buttonsBlock { height: auto; }
	div.content div.buttonsBlock div.whiteButton { position: relative; bottom: auto !important; right: auto !important; left: auto !important; width: 100% !important; margin: 0px !important; }
	div.content div.buttonsBlock div.blueeButton { position: relative; bottom: auto !important; left: auto !important; right: auto !important; width: 100% !important; background: none !important; margin: 0px !important; margin-top: 20px !important; }
	div.content div.buttonsBlock div.blueeButton_center { left: auto; margin-left: 0px; }
	div.content div.buttonsBlock label { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-family: 'museo_sans_cyrl700'; color: #00b9e5; margin-top: 20px; }
	
	
	div.products_mobile { height: auto !important; }
	div.products_mobile div.items { position: relative; bottom: auto !important; left: auto !important; right: auto !important; }
	div.products_mobile div.items div.item { float: left; width: 24%; min-height: 300px; }
	
	div.content_short { margin-left: 30px; margin-right: 30px; }
	
	div.news_index div.onenewsitemonindex div.inner h2 { font-size: 24px; }
        
        div.banners_index div.onebanner h2 { font-size: 41px; }
        div.banners_index div.onebanner h3 { top: 130px; font-size: 25px; }
        div.banners_index div.onebanner h4 { font-size: 18px; }
        div.banners_index div.onebanner h3.price { font-size: 41px; }
        div.banners_index div.onebanner h3.price span { font-size: 28px; }
        div.banners_index div.onebanner h4.azsn { font-size: 22px !important; margin-top: 80px; }
}

@media only screen and (max-width: 1010px) {
	header div.menu a { display: none; }
	header img.logo { margin-left: 20px; }
        
        header div.rightblock { float: right; margin-top: -1px; height: 105px; vertical-align: middle; margin-right: 140px; }
	
	div.mobile_nav { display: inline-block; position: absolute; line-height: 0; top: 30px; right: 40px; z-index: 17599; width: 60px !important; height: 64px !important; }
	div.mobile_nav svg { width: 60px !important; height: 48px !important; }
	div.mobile_nav svg.onBlack path { fill: #000 !important; }
	
	div.mobile_nav_close { display: none; position: absolute; line-height: 0; top: 22px; right: 40px; z-index: 17599; width: 60px !important; height: 64px !important; }
	div.mobile_nav_close svg { width: 60px !important; height: 64px !important; }
	div.mobile_nav_close svg.onBlack path { fill: #000 !important; }
        
        div.mobile_menu { top: 105px; left: 0px; right: 0px; padding-bottom: 20px; box-sizing: border-box; }
        div.mobile_menu div.inn { padding: 20px; box-sizing: border-box; vertical-align: top; }
        
        div.mobile_menu div.cat_menus { display: inline-block; width: 50%; vertical-align: top; height: 50px; padding-right: 10%; box-sizing: border-box; line-height: 0.5; }
        div.mobile_menu div.cat_menus a { letter-spacing: 0px; color: #000; font-size: 13px; line-height: 1; }
        
	div.mobile_menu a.mmenu { letter-spacing: 0px; color: #000; font-size: 16px; margin-top: 10px; display: block; text-decoration: none; text-align: left; }
	div.mobile_menu a.mmenu_selected { font-weight: 700; }
	div.mobile_menu span { margin-top: 40%; display: block; text-align: center; font-size: 24px; }
	div.mobile_menu img { display: block; margin: 0px auto; margin-top: 20px; }
	div.mobile_menu a.lang { display: none; }
	
	div.production_item { margin-top: 120px; margin-bottom: 60px; height: auto !important; }
	div.production_item div.pic { float: none; width: 100%; background-color: #f5f5f5; height: 250px; }
	div.production_item div.info { float: none; width: 100%; background-color: #00b9e5; }
	div.production_item div.info div.link { bottom: 20px; }
	
	footer { min-height: 130px; height: auto; }
	footer div.menu { float: left; width: 40%; min-height: 130px; height: auto; margin: 20px; margin-bottom: 50px; }
	footer div.menu a { display: block; line-height: 1.8; text-decoration: none; font-size: 16px; color: #fff; margin-right: 0px; }
	footer div.menu a:hover { color: #00b9e5; }
	footer div.menu a.selected { color: #00b9e5; }
	footer div.socialIcons { float: none; position: absolute; min-height: none; height: auto; margin: 0px; bottom: 60px; right: 10px; z-index: 1000; }
	footer div.socialIcons img { margin-left: 5px; margin-top: 0px; margin-bottom: 0px; display: inline; cursor: pointer;  }
	footer div.madeby { position: absolute; color: #9b9b9b; bottom: 22px; right: 10px; font-size: 14px; vertical-align: middle; }
	footer div.copyright { position: absolute; color: #9b9b9b; bottom: 21px; left: 10px; }
	
	div.content div.submenu { padding-top: 60px; text-align: center; }
	div.content div.submenu a { display: inline-block; white-space: nowrap; letter-spacing: 0.3px; margin-left: 10px; margin-right: 10px; color: #000; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 50px; border: 1px solid #fff; font-size: 18px; }
	
	div.indexProductionItems div.indexProdElem { float: left; width: 50%; height: 580px; margin-top: 60px; }
        div.indexProductionItems_6 div.indexProdElem { width: 50%; }
	div.indexProductionItems_5 div.indexProdElem { width: 50%; }
	div.indexProductionItems_4 div.indexProdElem { width: 50%; }
	div.indexProductionItems_3 div.indexProdElem { width: 50%; height: 580px; }
	div.indexProductionItems_2 div.indexProdElem { width: 50%; height: 580px; }
	
	div.about_mobile_info { background-size: contain !important; }
}

@media only screen and (max-width: 835px) {
	div.projectsWidget { zoom: 0.6; }
	div.news_index div.onenewsitemonindex { float: left; width: 50%; }
        div.about_index div.onenewsitemonindex { float: left; width: 50%; margin-bottom: 0px; }
	div.controls div.elem { float: left; width: 50%; margin-bottom: 66px; height: 350px; }
	
	div.products { background-color: #00b9e4; position: relative; height: auto; }
	div.products div.objects { display: block; position: relative; opacity: 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); width: 100%; }
	div.products div.objects:hover { opacity: 0.7 !important; }
	div.products div.cottage { background: url(/images/objects/cottage.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; margin-left: 0px; height: 500px; }
	div.products div.office { background: url(/images/objects/office.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; height: 500px; }
	div.products div.car { background: url(/images/objects/car.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; margin-left: 0px; height: 500px; }
	div.products div.factory_small { background: url(/images/objects/factory_small.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; height: 500px; }
	
	div.products div.objects div.textdata { position: absolute; opacity: 1; bottom: auto; left: 20px; top: 10px; }
	
        div.indexCatalogItems div.indexCatElem { width: 50%; }
        div.indexCatalogItems div.indexCatElem div.in { }
        div.indexCatalogItems div.indexCatElem div.in div.t { height: 60px; }
div.indexCatalogItems div.indexCatElem div.in div.i { text-align: center; height: 50%; vertical-align: middle; }
div.indexCatalogItems div.indexCatElem div.in div.i img { display: inline-block; vertical-align: middle; max-height: 90%; max-width: 100%; line-height: 0; }
        div.indexCatalogItems div.indexCatElem div.in div.t span { font-size: 13px; line-height: 1; }
	
	div.products div.items { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; padding-bottom: 30px; }
	div.products div.items div.item { float: none !important; width: auto !important; height: auto; }
	div.products div.items div.item div.icon { position: relative !important; bottom: auto !important; }
	
	div.products_mobile { height: auto !important; }
	div.products_mobile div.items { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; }
	div.products_mobile div.items div.item { float: left !important; width: 50% !important; min-height: 300px !important; }
	div.products_mobile div.items div.item div.icon { position: absolute !important; bottom: 125px !important; }
	
	div.products div.objectView { position: relative; height: 800px; opacity: 0; zoom: 0.7; }
	div.products div.objectView div.textdata { position: absolute; top: 80px; }
	div.products div.objectView div.arrow_left { position: absolute; top: 30px; left: 9px; width: 71px; height: 32px; z-index: 150; }
	div.products div.objectView div.arrow_right { position: absolute; top: 30px; left: 102px; width: 71px; height: 32px; z-index: 151; }

	div.benefits_forpro_new { zoom: 0.65; }
	div.benefits_forpro_new_after { zoom: 0.65; }
	
	div.bontel_pro div.textdata { zoom: 0.7; }
	
	div.contacts div.left_column { float: left; width: 100%; }
	div.contacts div.right_column { float: right; width: 100%; }
	div.contacts div.left_column div.contacts_inner h3.anotherOffice { max-width: 60%; }
	
	div.benefits_columns div.columns_notop { width: 100%; height: auto; position: relative; }
	div.benefits_columns div.columns_notop div.digits { height: auto !important; border: none !important; margin-left: 15px; padding-top: 5px; }
	div.benefits_columns div.column_center div { height: 100%; border-left: none !important; border-right: none !important; }
	div.benefits_columns div.columns_notop h3 { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; margin: 0px !important; }
	
	div.benefits_tech div.elementsOfBen { float: left; width: 50%; padding-top: 133px; height: 130px; margin-bottom: 20px; margin-top: 20px; }
	div.benefits_tech div.elementsOfBen_riple { width: 100%; }
	
	
	div.productInside div.topBlueBlockMobile div.blueeButton { background: #00b9e5 url(/images/asdasd.png) no-repeat; background-position: 96%; }
	div.productInside div.topBlueBlockMobile div.blueeButton:hover { background: #fff url(/images/tggfdg.png) no-repeat; background-position: 96%; }
	div.productInside div.topBlueBlock div.blueeButton { background: #00b9e5 url(/images/asdasd.png) no-repeat; background-position: 96%; }
	div.productInside div.topBlueBlock div.blueeButton:hover { background: #fff url(/images/tggfdg.png) no-repeat; background-position: 96%; }
	
	div.productInside div.callBlock span { display: block; text-align: center; }
	
	header div.topping  { display: none; }
	header { height: 105px; }
	
	header img.logo { float: none; position: absolute; top: 37px; margin-top: 0px; margin-left: 0px; height: 28px; line-height: 0; cursor: pointer; }
	header div.menu a { display: none; }
	header div.menus { display: none; }
        
        header div.menu div.catal { display: none; }
	
	
        div.basket table td { border: 2px solid #fff; padding: 10px; font-size: 16px; font-family: 'museo_sans_cyrl500'; position: relative; }
        div.basket table td div.imagesData { float: left; margin-right: 20px; text-align: center; width: auto; height: auto; margin-bottom: 10px; }
        div.basket table td div.imagesData img { max-width: 90px; max-height: 90px; }
        div.basket table td div.enterStringBasket {  }
        div.basket table td div.enterStringBasket input { height: 33px; width: 72px; border: 1px solid #00b9e4; background-color: #fff; line-height: 33px; text-align: center; color: #000; outline: none; font-size: 20px; }
        div.basket table td div.enterStringBasket img { position: relative; top: 7px; margin: 2px; }

        div.basket table td div.b { position: absolute; left: 50%; height: 50px; top: 33px; margin-left: -265px; line-height: 52px; border-radius: 50px; width: 530px; border: 2px solid #00b9e5; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); background-color: #00b9e5;}
        div.basket table td div.b a { display: inline-block; text-transform: uppercase; color: #fff; font-size: 20px; letter-spacing: 3px; font-family: 'museo_sans_cyrl500'; }
        div.basket table td div.b a:hover { text-decoration: none; color: #00b9e5; }
        div.basket table td div.b:hover { background-color: #fff; border: 2px solid #00b9e5; }
        div.basket table td div.b:hover a { color: #00b9e5; }

        div.basket div.blockBottom { position: relative; left: 0px; bottom: auto; width: 100%; height: auto; line-height: auto; border-top: none; margin-top: 20px; }
        div.basket div.blockBottom div.elems_noabs { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 14px; }
        div.basket div.blockBottom div.elems_noabs div.counter { position: absolute; display: inline; margin-left: 10px; margin-top: -8px; height: 33px; width: auto; padding-right: 30px; padding-left: 15px; border: 1px solid #00b9e4; background-color: #fff; line-height: 33px; text-align: center; zoom: 0.6; }
        div.basket div.blockBottom div.elems_noabs div.counter span { margin: 0px; padding: 0px; font-size: 17px; color: #00b9e4; line-height: 31px; }
        div.basket div.blockBottom div.elems_noabs div.counter img.artop { position: absolute; right: 0px; top: 0px; cursor: pointer; }
        div.basket div.blockBottom div.elems_noabs div.counter img.arbottom { position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
        div.basket div.blockBottom div.elems_noabs div.checkbox { cursor: pointer; position: absolute; display: inline; margin-left: 10px; margin-top: -5px; height: 27px; width: 27px; border: 1px solid #00b9e4; background-color: #fff; line-height: 27px; text-align: center; zoom: 0.6; }
        div.basket div.blockBottom div.elems_noabs div.checkbox img { position: relative; top: 3px; }

        #order_form div.enterString div.data input { width: 98%; height: 34px; background-color: #f5f5f5; border: 1px solid #00b9e4; padding: 2px; padding-left: 10px; font-family: 'museo_sans_cyrl300' !important; font-size: 15px; }
        #order_form div.enterString div.data textarea { width: 98%; height: 100px; background-color: #f5f5f5; border: 1px solid #00b9e4; padding: 2px; padding-left: 10px; font-family: 'museo_sans_cyrl300' !important; font-size: 15px; }

        #order_form div.enterString div.data div.counter { position: absolute; display: inline; margin-left: 0px; margin-top: 0px; height: 38px; padding-right: 0px; padding-left: 0px; border: 1px solid #00b9e4; background-color: #fff; line-height: 38px; text-align: left; right: 0px; left: 0px;  }
        #order_form div.enterString div.data div.dropdown div { position: absolute; z-index: 1000; top: 100%; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: #fff; left: 0px; right: 0px; border: 1px solid #00b9e4; display: none; }
        #order_form div.enterString div.data div.dropdown div label { display: block; padding: 5px; margin: 0px;  padding-top: 10px; padding-bottom: 10px; font-size: 15px; cursor: pointer; }
        #order_form div.enterString div.data div.dropdown div label:hover { background-color: #f5f5f5; }
        #order_form div.enterString div.data div.counter span { margin: 0px; padding: 0px; font-size: 15px; color: #000; line-height: 38px; margin-left: 10px; }
        #order_form div.enterString div.data div.counter img.artop { position: absolute; right: 0px; top: 0px; cursor: pointer; }
        #order_form div.enterString div.data div.counter img.arbottom { position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
        #order_form div.enterString div.data div.counter img.arselect { position: absolute; right: 6px; top: 50%; cursor: pointer; height: 6px; margin-top: -3px; }
        #order_form div.enterString div.data div.checkbox { cursor: pointer; position: absolute; display: inline; margin-left: 10px; margin-top: -7px; height: 27px; width: 27px; border: 1px solid #00b9e4; background-color: #fff; line-height: 27px; text-align: center; }
	
        #order_form div.enterString div.add div.field { position: absolute; display: inline; margin-left: 0px; margin-top: 0px; height: auto; padding-right: 0px; padding-left: 0px; border: 1px solid #00b9e4; background-color: #fff; line-height: 38px; text-align: center; right: 0px; left: 13px;  }

        div.itemPanels div.top_line_block { padding: 10px; }
        div.itemPanels div.top_line_block img { position: relative; right: auto; display: block; }
        div.itemPanels div.top_line_block p { margin-left: 10px; font-size: 14px !important; }


        div.itemPanels div.rightBlockInfo div.block { height: auto; min-height: 135px; }
        div.itemPanels div.rightBlockInfo div.block div.stars { position: relative; right: 0px; left: 20px; margin-bottom: 20px; top: 0px; font-family: 'museo_sans_cyrl500'; font-size: 14px; color: #000; text-transform: uppercase; margin-top: 10px; }
        div.itemPanels div.rightBlockInfo div.block div.stars img { margin: 0px; margin-bottom: 7px; }



        div.itemPanels div.rightBlockInfo div.block h3.price { position: relative; top: 20px; left: 20px; font-family: 'museo_sans_cyrl300'; font-size: 34px; margin-top: 0px; }
        div.itemPanels div.rightBlockInfo div.block div.bbuudi { position: relative; right: 0px; top: 40px; margin-top: 0px; }
        div.itemPanels div.rightBlockInfo div.block div.bbuudi div.counter { margin-right: 0px; height: 33px; width: 68px; margin-left: 20px;  border: 1px solid #00b9e4; background-color: #fff; }
        div.itemPanels div.rightBlockInfo div.block div.bbuudi div.b { right: 20px; bottom: auto; }

        div.itemPanels div.rightBlockInfo div.block div.bbuudi div.added { position: absolute; width: auto; height: 43px; top: -60px; right: 20px; margin-top: 12px; padding-left: 10px; padding-right: 10px; }


        div.blockBottom { position: relative; bottom: auto !important; width: 100%; height: auto !important; line-height: 1; border-top: 1px solid rgba(0,0,0,0.2); }
        div.blockBottom label { position: relative; margin-left: 20px; top: 5px; } 
        div.blockBottom div.share { position: relative; right: 0px; top: 0px; margin-top: 20px; margin-left: 15px; margin-bottom: 20px; }
        div.blockBottom div.share img { margin-left: 5px; cursor: pointer; max-width: 30px; }
        div.blockBottom div.elems { position: relative; right: 20px !important; left: 20px !important; top: auto !important; margin: 0px !important; height: auto !important; line-height: 1 !important; min-height: 30px !important; background: none !important; padding-left: 0px !important; padding-top: 10px !important; }
        div.blockBottom div.elems_noabs { margin-left: 20px; margin-right: 20px; margin-bottom: 30px; }
        div.blockBottom div.elems_noabs div.counter { position: absolute; display: inline; margin-left: 10px; margin-top: -10px; height: 33px; width: auto; padding-right: 30px; padding-left: 15px; border: 1px solid #00b9e4; background-color: #fff; line-height: 33px; text-align: center; }
        div.blockBottom div.elems_noabs div.dropdown div { position: absolute; z-index: 1000; top: 100%; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: #fff; left: 0px; right: 0px; border: 1px solid #00b9e4; display: none; }
        div.blockBottom div.elems_noabs div.dropdown div label { display: block; padding: 5px; margin: 0px;  padding-top: 10px; padding-bottom: 10px; font-size: 15px; cursor: pointer; }
        div.blockBottom div.elems_noabs div.dropdown div label:hover { background-color: #f5f5f5; }
        div.blockBottom div.elems_noabs div.counter span { margin: 0px; padding: 0px; font-size: 17px; color: #00b9e4; line-height: 31px; }
        div.blockBottom div.elems_noabs div.counter img.artop { position: absolute; right: 0px; top: 0px; cursor: pointer; }
        div.blockBottom div.elems_noabs div.counter img.arbottom { position: absolute; right: 0px; bottom: 0px; cursor: pointer; }
        div.blockBottom div.elems_noabs div.counter img.arselect { position: absolute; right: 6px; top: 50%; cursor: pointer; height: 6px; margin-top: -3px; }
        div.blockBottom div.elems_noabs div.checkbox { cursor: pointer; position: absolute; display: inline; margin-left: 10px; margin-top: -7px; height: 27px; width: 27px; border: 1px solid #00b9e4; background-color: #fff; line-height: 27px; text-align: center; }
        div.blockBottom div.elems_noabs div.checkbox img { position: relative; top: 3px; }
	
	div.banners_index { height: 322px; }
	div.banners_index div.onebanner { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0; display: none; }
	div.banners_index div.onebanner img { position: absolute; max-width: 200px; }
	div.banners_index div.onebanner h2 { position: absolute; left: 0px; top: 14px; font-size: 31px; text-transform: uppercase; font-family: 'museo_sans_cyrl900'; color: #fff; }
	div.banners_index div.onebanner h3 { position: absolute; left: 0px; top: 80px; font-size: 20px; text-transform: uppercase; font-family: 'museo_sans_cyrl900'; color: #fff; line-height: 1.2; }
	div.banners_index div.onebanner h4 { position: absolute; left: 0px; font-size: 16px; font-family: 'museo_sans_cyrl100'; color: #fff; line-height: 1.2; white-spacing: nowrap; }
	div.banners_index div.onebanner h4 label { font-size: 170%; font-family: 'museo_sans_cyrl900'; }
	div.banners_index div.onebanner h3.price { position: absolute; top: auto; bottom: 20px; font-size: 21px; }
	div.banners_index div.onebanner h3.price img { display: inline-block; position: relative; left: 10px; }
	div.banners_index div.onebanner h3.price span { font-size: 26px; font-family: 'museo_sans_cyrl100'; text-decoration: line-through; margin-right: 20px; }
	div.banners_index div.onebanner h3.price span img { height: 33px; left: -20px; }
	div.banners_index div.onebanner div.buy_button { position: absolute; right: 0px; bottom: 50px; height: 40px; line-height: 42px; border-radius: 40px; width: auto; padding-left: 30px; padding-right: 30px; border: 2px solid #00b9e5; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); background-color: #fff; }
	div.banners_index div.onebanner div.buy_button a { display: inline-block; text-transform: uppercase; color: #00b9e5; font-size: 20px; letter-spacing: 3px; font-family: 'museo_sans_cyrl700'; }
	div.banners_index div.onebanner div.buy_button a:hover { text-decoration: none; color: #fff; }
	div.banners_index div.onebanner div.buy_button:hover { background-color: #00b9e5; border: 2px solid #fff; }
	div.banners_index div.onebanner div.buy_button:hover a { color: #fff; }
	
	div.itemPanels div.square:before { content: ""; display: block; padding-top: 120%; }
	div.itemPanels div.previerepicture { position: absolute; left: 0px; top: 10px; bottom: 22%; right: 0px; }
	div.itemPanels div.listed_pics { position: absolute; width: auto; top: auto; bottom: 0px; height: 20%; right: auto; left: 0px; overflow-x: visible; overflow-y: hidden; white-space: nowrap; }
	div.itemPanels div.listed_pics div.addpic { display: inline-block; float: none; width: 23%; height: 100%; margin-top: 0px; margin-right: 10px; }
	div.itemPanels div.listed_pics div.addpic img { max-width: 100% !important; max-height: 100% !important; }
}

@media only screen and (max-width: 600px) {
    
        header div.rightblock { float: right; margin-top: -1px; height: 105px; vertical-align: middle; margin-right: 0px; }
    
        div.baskettaki label { display: none !important; }
        header div.rightblock div.block { display: none; }
        div.baskettaki { margin-right: 80px !important; display: inline-block !important; }
        div.baskettaki div { height: 15px; top: -4px; }
        header div.menu { position: absolute; }

	div.projectsWidget { zoom: 0.25; }
        
        

	div.news_index div.onenewsitemonindex { float: left; width: 100%; margin-bottom: 40px; padding-bottom: 0px; border-bottom: 1px solid #000; }	
	div.about_index div.onenewsitemonindex { float: left; width: 100%; margin-bottom: 40px; padding-bottom: 0px; border-bottom: 1px solid #000; }	
	div.content div.two_columns_block, div.two_columns_block { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	
	div.about_directions_elem { float: left; width: 100%; margin-top: 0px; padding-bottom: 60px; }
	
	div.about_mobile_info { background-size: contain !important;  }
	div.about_mobile_info div { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: auto !important; }
	div.about_effects_elem { float: left; width: 100%; margin-top: 50px; }
	
	div.news_index div.onenewsitemonindex div.newsindexinner img { height: auto; max-width: 100%; margin-top: 20px; margin-bottom: 0px; }
	div.about_index div.onenewsitemonindex div.newsindexinner img { height: auto; max-width: 100%; margin-top: 20px; margin-bottom: 0px; }
        
	div.oneclientitem { float: left; width: 50%; margin-bottom: 50px; }
	
	div.controls div.elem { float: left; width: 100%; margin-bottom: 66px; height: 350px; }
	
	div.products div.objectView { position: relative; height: 800px; opacity: 0; zoom: 0.3; }
	div.benefits_forpro_new { display: none; }
	div.benefits_forpro_new_after { display: none; }
	
	div.bontel_pro div.textdata { zoom: 0.3; }
	
	div.projectsWidgetForPro { height: auto; }
	div.projectsWidgetForPro div.project_one { height: auto; }
	div.projectsWidgetForPro div.project_one div.image { float: none; width: 100%; height: 150px; }
	div.projectsWidgetForPro div.project_one div.text { float: none; width: 100%; height: auto; overflow: hidden; }
	div.projectsWidgetForPro div.project_one div.text div.tInnder { margin: 30px; max-height: none; height: auto; color: #fff; position: relative; }
	
	div.media div.gallery_2, div.media div.gallery_3, div.media div.gallery_4 { width: 100%; }
	div.media div.gallery_5, div.media div.gallery_6 { width: 100%; }
	div.media div.gallery_7, div.media div.gallery_8, div.media div.gallery_9 { width: 100%; }
	div.media div.gallery_10, div.media div.gallery_11 { width: 100%; }
	div.media div.gallery_12, div.media div.gallery_13, div.media div.gallery_14 { width: 100%; }
	div.media div.gallery_15, div.media div.gallery_16 { width: 100%; }
	div.media div.gallery_17, div.media div.gallery_18, div.media div.gallery_19 { width: 100%; }
	
	div.media div.gallery_1 h2 { top: 10px; left: 40px; right: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0px; }
	div.media div.gallery_1 h2 span { display: block; margin-top: 10px; }
	div.media div.gallery_1 h3 { bottom: 15px; right: 40px; left: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: right; }
	
	div.media div.onePhoto { float: left; width: 50%; margin-bottom: 50px; position: relative; cursor: pointer; }
	
	div.news_index_not div.onenewsitemtop h2 { position: absolute; text-transform: none; top: 10px; left: 40px; width: 70%; right: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0px; }
	div.news_index_not div.onenewsitemtop h3 { position: absolute; text-transform: none; bottom: 15px; right: 40px; left: auto; background-color: rgba(0,0,0,0); font-size: 16px; color: #fff; font-weight: 400; text-align: right; padding-bottom: 5px; }
	
	div.news_index div.columns { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	
	div.news_index div.onenewsitemonindex div.newsindexinner { height: auto; }
        
        
        
        div.about_index_not div.onenewsitemtop h2 { position: absolute; text-transform: none; top: 10px; left: 40px; width: 70%; right: auto; background-color: rgba(0,0,0,0); font-size: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0px; }
	div.about_index_not div.onenewsitemtop h3 { position: absolute; text-transform: none; bottom: 15px; right: 40px; left: auto; background-color: rgba(0,0,0,0); font-size: 16px; color: #fff; font-weight: 400; text-align: right; padding-bottom: 5px; }
	
	div.about_index div.columns { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	
	div.about_index div.onenewsitemonindex div.newsindexinner { height: auto; }
        
        
	
	div.contacts div.right_column div.map { height: 350px;  }
	
	div.contacts div.left_column div.contacts_inner h3.anotherOffice { max-width: 100%; }
	
	div.contacts div.left_column div.contacts_inner { margin-right: 40px; }
	
	div.benefits_columns div.columns { float: left; padding-top: 131px; height: auto !important; }
	div.benefits_columns div.columns_notop { float: left; height: auto !important; position: relative; }

	div.benefits_columns div.columns_double { height: auto !important; letter-spacing: 0px; }
	div.benefits_columns div.columns_double p { margin-top: 0px; }
	div.benefits_columns div.column_double_left { width: 100%; margin-right: 2%; }
	div.benefits_columns div.column_double_right { width: 100%; margin-left: 2%; }
	
	div.benefits_columns div.column_left { width: 100%; }
	div.benefits_columns div.column_center { width: 100%; }
	div.benefits_columns div.column_right { width: 100%; }

	div.benefits_tech div.elementsOfBen { float: left; width: 100%; padding-top: 133px; height: 130px; margin-bottom: 20px; margin-top: 20px; }
	
	div.products div.cottage { background: url(/images/objects/cottage.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; margin-left: 0px; height: 300px; }
	div.products div.office { background: url(/images/objects/office.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; height: 300px; }
	div.products div.car { background: url(/images/objects/car.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; margin-left: 0px; height: 300px; }
	div.products div.factory_small { background: url(/images/objects/factory_small.png) no-repeat bottom center; background-size: 80%; bottom: auto !important; left: auto !important; height: 300px; }
	
        div.content div.div_with_button { height: auto; }
        div.content div.div_with_button div.next_button { padding-left: 20px; padding-right: 20px; width: 100% !important; margin: 0px !important; text-align: center; height: auto; }
	div.content div.div_with_button div.next_button a { padding-right: 0px; background: none;  }
	
	div.production_item div.pic { background-size: contain; }
	
	
	
	
	
	div.banners_index { height: 222px; }
	div.banners_index div.onebanner img { position: absolute; max-height: 90px !important; right: 0px !important; left: auto !important; top: 50% !important; margin-top: -45px; }
	div.banners_index div.onebanner img.ruble { position: relative !important; height: 10px !important; }
	div.banners_index div.onebanner h2 { position: relative !important; left: 0px !important; top: 10px !important; text-align: left; font-size: 22px !important; text-transform: uppercase; font-family: 'museo_sans_cyrl900'; color: #fff; }
	div.banners_index div.onebanner h3 { position: relative !important; left: 0px !important; top: 10px !important; text-align: left; font-size: 15px !important; text-transform: uppercase; font-family: 'museo_sans_cyrl900'; color: #fff; line-height: 1.2;  margin-top: 10px; }
	div.banners_index div.onebanner h4 { position: relative !important; left: 0px !important; top: 10px !important; text-align: left; font-size: 12px !important; font-family: 'museo_sans_cyrl100'; color: #fff; line-height: 1.2; white-space: normal; margin-top: 10px; max-width: 60%; }
	div.banners_index div.onebanner h4 label { font-size: 24px !important; font-family: 'museo_sans_cyrl900'; }
	div.banners_index div.onebanner h4 label.lalsdasd { font-size: 120% !important; font-family: 'museo_sans_cyrl900'; }
        div.banners_index div.onebanner h4 i.fa-ruble { font-size: 23px !important; }
	div.banners_index div.onebanner h3.price { position: absolute; top: auto; bottom: 20px; font-size: 21px; }
	div.banners_index div.onebanner h3.price img { display: inline-block; position: relative; left: 10px; }
	div.banners_index div.onebanner h3.price span { font-size: 26px; font-family: 'museo_sans_cyrl100'; text-decoration: line-through; margin-right: 20px; }
	div.banners_index div.onebanner h3.price span img { height: 33px; left: -20px; }
        
        div.banners_index div.onebanner h4.azsn { font-size: 16px !important; margin-top: 40px !important; }
        
        div.banners_index div.onebanner h4.azs { top: 30px !important; width: 70% !important; font-size: 20px !important; }
        div.banners_index div.onebanner img.az { left: auto !important; right: 10px !important; top: 40% !important; }
        div.banners_index div.onebanner img.gaz { left: auto !important; right: 10px !important; top: 80% !important; }
	
	div.banners_index div.onebanner div.buy_button { bottom: 11px; height: 30px; line-height: 31px; border-radius: 20px; padding-left: 15px; padding-right: 15px; }
	div.banners_index div.onebanner div.buy_button a { font-size: 14px; }
	div.banners_index div.arrow_left { top: 11px; right: 53px; width: 41px; height: 22px; }
	div.banners_index div.arrow_right { top: 11px; right: 0px; width: 41px; height: 22px; }
	
	
	
	header img.logo { float: left; margin-top: 7px; height: 18px; line-height: 0; cursor: pointer; }
	header div.rightblock span { display: inline-block; font-size: 14px; color: #000; margin-left: 0px; letter-spacing: 0px; top: 1px; position: relative; }
	
	div.indexProductionItems div.indexProdElem { float: left; width: 100%; height: 580px; margin-top: 60px; }
        div.indexProductionItems_6 div.indexProdElem { width: 100%; }
	div.indexProductionItems_5 div.indexProdElem { width: 100%; }
	div.indexProductionItems_4 div.indexProdElem { width: 100%; }
	div.indexProductionItems_3 div.indexProdElem { width: 100%; height: 580px; }
	div.indexProductionItems_2 div.indexProdElem { width: 100%; height: 580px; }
	
	footer { min-height: 130px; height: auto; }
	footer div.menu { float: left; width: 90%; min-height: 130px; height: auto; margin: 20px; margin-bottom: 60px; }
	footer div.socialIcons { float: none; position: absolute; min-height: none; height: auto; margin: 0px; bottom: 60px; right: 10px; white-space: nowrap; width: 80%; }
	footer div.socialIcons img { margin-left: 5px; margin-top: 0px; margin-bottom: 0px; display: inline; cursor: pointer;  }
	footer div.madeby { position: absolute; color: #9b9b9b; bottom: 12px; right: 10px; font-size: 14px; vertical-align: middle; }
	footer div.copyright { position: absolute; color: #9b9b9b; bottom: 21px; left: 20px; font-size: 12px; right: 20%; line-height: 1.4; }
	
	div.content p { margin-left: 20px; margin-right: 20px; }
	
	div.basket table { zoom: 0.5; }
	#order_form { zoom: 0.6; }
	
	div.itemPanels { width: 100%; position: relative; margin-top: 30px; opacity: 0; }
div.itemPanelsLeft { float: left;  }
div.itemPanelsRight { float: right; height: auto !important; }
div.itemPanelsLeft div.inerblock { margin-right: 0px; }
div.itemPanelsRight div.inerblock { margin-left: 0px; height: auto !important; }
div.itemPanels div.top_line_block { padding: 30px; }
div.itemPanels div.top_line_block img { position: absolute; right: 80%; }
div.itemPanels div.top_line_block p { margin-left: 25%; font-size: 18px !important; }

div.blockBottom div.elems { position: relative; right: 0px !important; left: 0px !important; width: auto; top: auto !important; margin: 0px !important; height: auto !important; line-height: 1 !important; min-height: 30px !important; background: none !important; padding: 0px !important; padding-top: 20px !important; padding-left: 20px !important; }

div.content_short { margin-left: 0px; margin-right: 0px; }

	div.mobile_nav { display: inline-block; position: absolute; line-height: 0; top: 40px; right: 20px; z-index: 17599; width: 40px !important; height: 42px !important; }
	div.mobile_nav svg { width: 40px !important; height: 30px !important; }
	div.mobile_nav svg.onBlack path { fill: #000 !important; }
	
	div.mobile_nav_close { display: none; position: absolute; line-height: 0; top: 32px; right: 20px; z-index: 17599; width: 40px !important; height: 42px !important; }
	div.mobile_nav_close svg { width: 40px !important; height: 42px !important; }
	div.mobile_nav_close svg.onBlack path { fill: #000 !important; }

	div.mobile_menu a.mmenu { letter-spacing: 0px; color: #000; font-size: 16px; margin-top: 10px; display: block; text-decoration: none; text-align: left; }
        div.mobile_menu a.mmenu.first { margin-top: 0px; }
	div.mobile_menu a.mmenu_selected { font-weight: 700; }
	div.mobile_menu span { margin-top: 40%; display: block; text-align: center; font-size: 16px; }
	div.mobile_menu img { display: block; margin: 0px auto; margin-top: 15px; }
	div.mobile_menu a.lang { display: none; }
	
	div.itemPanels div.top_line_block img { position: absolute; right: 75%; margin-top: 20px; max-height: 60px; }
	
	div.itemPanels div.inerblockWithOptionpanel { margin-right: 0px; }
	div.itemPanels div.inerblockWithOptionpanel div.option { width: 100%; margin-right: 0px; }
	div.itemPanels div.inerblockWithOptionpanel div.option div { display: none; }
	
	div.itemPanelsFull div.inerblock div.idata { padding-bottom: 20px; }
	
	div.itemPanels div.rightBlockInfo div.block h3.price { max-width: 80%; padding-left: 20px; left: 0px;  }
	div.itemPanels div.rightBlockInfo { height: auto !important; padding-bottom: 30px; }
	
	div.all_lines { max-width: 90%; margin: 0px auto; padding-left: 10px; padding-right: 10px; position: relative; }
	
	div.blockBottom div.elems_noabs { min-height: 40px; }
	div.blockBottom div.elems_noabs > div { display: block !important; position: relative !important; margin-top: 20px !important; margin-left: 0px !important; }
	
	div.content h2.newsinsidetitle { width: 100% !important; margin-left: auto; margin-right: auto; }
        div.content h1.newsinsidetitle { width: 100% !important; margin-left: auto; margin-right: auto; }
        
        div.indexProductionItems div.indexProdElem div.in div.data h3 { height: auto; }
        
        div.socialnetworkflow { display: none; }
}

@media only screen and (max-width: 380px) {
	div.basket table { zoom: 0.3; }
	#order_form { zoom: 0.3; }
	
	div.all_lines { max-width: 95%; margin: 0px auto; padding-left: 10px; padding-right: 10px; position: relative; }
	
        div.banners_index div.onebanner img.az { right: 0px !important; }
        div.banners_index div.onebanner img.gaz { right: 0px !important; }
}