@media(max-width: 800px) {
.primary__flex {display: flex;flex-direction: column;align-items: center;}
.primary__flex div {width: 100%;}
}

@media only screen and (max-width: 1024px) {
	header div.menu a { margin-left: 14px; }
	
	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 div.smallTitleBlack, div.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: 0px; }
	
	
	
	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.productInside div.greyBlock div.two_blocks div.between_mobile { display: none; }
@media only screen and (max-width: 1010px) {
	header div.menu { display: none; }
        header div.menu span { display: none; }        
	header img.logo { margin-left: 20px; }
        
        div.catal { display: none; }
	
	div.mobile_nav { display: inline-block; position: absolute; line-height: 0; top: 38px; right: 30px; z-index: 17599; width: 40px !important; height: auto; }
	div.mobile_nav svg { width: 40px !important; height: auto; }
	div.mobile_nav svg.onBlack path { fill: #000 !important; }
	
	div.mobile_nav_close { display: none; position: absolute; line-height: 0; top: 32px; right: 30px; z-index: 17599; width: 40px !important; height: auto; }
	div.mobile_nav_close svg { width: 40px !important; height: auto; }
	div.mobile_nav_close svg.onBlack path { fill: #000 !important; }
	
	div.mobile_menu a.mmenu { letter-spacing: 0.5px; color: #000; font-size: 18px; margin-left: 0px !important; margin-top: 25px; margin-bottom: 0px; display: block; text-decoration: none; text-align: left; padding-left: 20px; box-sizing: border-box; }
        div.mobile_menu a.mmenu_sub { letter-spacing: 0.5px; color: #000; font-size: 15px; margin-top: 20px; margin-bottom: 0px; display: block; text-decoration: none; text-align: left; font-weight: 700; padding-left: 20px; box-sizing: border-box; }
        div.mobile_menu a.mmenu_subb { letter-spacing: 0.5px; color: #7a7a7a; font-size: 15px; margin-top: 12px; margin-bottom: 0px; display: block; text-decoration: none; text-align: left; padding-left: 20px; box-sizing: border-box; font-style: italic; }
        div.mobile_menu a.mmenu_subb:first-letter { text-transform: uppercase; }
	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 span { display: none; }
	div.mobile_menu img { display: block; margin: 0px auto; margin-top: 20px; }
	div.mobile_menu a.lang { display: none; }
        
        div.prod_menu { position: relative; top: auto; margin-top: 0px; padding: 30px; padding-bottom: 0px; display: block; z-index: 1; }
        div.prod_menu div.i { width: auto; vertical-align: top; }
        div.prod_menu div.i div.it { width: 100%; margin-bottom: 15px; height: auto; }
        div.prod_menu div.i div.it div.img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-align: center; background-size: contain !important; }
        div.prod_menu div.i div.it div.line { display: inline-block; vertical-align: middle; height: 20px; border-left: 1px solid #2dc3e9; border-right: 1px solid #2dc3e9; margin-left: 13px; margin-right: 13px; }
        div.prod_menu div.i div.it div.title { display: inline-block; vertical-align: middle; font-family: 'museo_sans_cyrl300'; font-size: 13px; line-height: 1.4; width: 50%; }
        
        div.subm_top { margin-top: 20px; }
        div.subm_top a { display: inline !important; text-align: left; margin-left: 10px; padding: 0px !important; }
        div.subm_top a:first-child { margin-left: 0px; padding-left: 20px !important; }
        
        div.subm_bottom {  margin-top: 5px; vertical-align: top; }
        div.subm_bottom div.col { display: inline-block; width: 50%; vertical-align: top; }
        div.subm_bottom a { text-align: left; }
        
        .carticon { display: none; }
        .lupaicon { 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.pic h2 { font-size: 52px; color: #00b9e4; text-align: center; line-height: 250px; margin: 0px; padding: 0px; font-family: 'museo_sans_cyrl500'; text-transform: none !important; }
	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.content_short { margin-left: 30px; margin-right: 30px; }
	
	div.about_mobile_info { background-size: contain !important; }
        
        div.productInside div.greyBlock div.two_blocks div.block { width: 100%; height: 600px; float: none; }
        div.productInside div.greyBlock div.two_blocks div.block div.side { display: none; }
        div.productInside div.greyBlock div.two_blocks div.left_block div.inner { right: 0px; background-size: 80% !important; }
        div.productInside div.greyBlock div.two_blocks div.between_mobile { display: block; height: 50px; background-color: #fff; }
        div.productInside div.greyBlock div.two_blocks div.right_block div.inner { left: 0px; background-size: 80% !important; }
        div.productInside div.greyBlock div.three_blocks div.block { width: 100%; padding-top: 20px; padding-bottom: 20px; }
        div.productInside div.white div.two_blocks div.block { width: 100%; height: auto; margin-top: 20px; }
        
        div.benefits_index div.sp_places div.sp_place { width: 100%; }
        div.benefits_index div.sp_places div.sp_place img { max-width: 100%; }
        div.benefits_index div.sp_places div.sp_place_text { padding-left: 80px; width: 100%; } 
        div.benefits_index div.sp_places div.sp_place_text p { margin-bottom: 40px; }

        div.benefits_index div.peredvig div.peredvig_block { width: 100%; }
        div.benefits_index div.peredvig div.peredvig_block img { max-width: 100%; }
        div.benefits_index div.peredvig div.peredvig_block_text { width: 100%; } 
        div.benefits_index div.peredvig div.peredvig_block_text p { max-width: 100%; }
}

@media only screen and (max-width: 768px) {
	div.projectsWidget { zoom: 0.6; }
	div.news_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.products div.items { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; padding-bottom: 30px; }
	div.products div.items div.item h3.textinfo { height: 45px; padding-top: 0px; }
	div.products div.items div.item div.icon { position: relative !important; bottom: auto !important; background-position: center center !important; }
	
	div.products_mobile { height: auto !important; }
	div.products_mobile div.items { position: relative !important; bottom: auto !important; left: auto !important; right: auto !important; box-sizing: border-box; }
        div.products_mobile div.items div.item { float: none; display: inline-block; width: 49% !important; min-height: 0px !important; height: auto; text-align: center; }
        div.products_mobile div.items div.item div.icon { position: relative !important; height: 150px; bottom: 0px !important; }
        div.products div.items div.item div.textinfo { height: auto; padding-top: 0px; }
        div.products div.items div.item div.line { display: inline-block; position: relative; bottom: auto; left: auto; margin-left: 0px; }
	
	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; }
	
	div.regulations div.column_right { float: right; width: 100%; }
	div.regulations div.column_left { float: left; width: 100%; }
	
	div.production_item div.pic h2 { font-size: 44px; color: #00b9e4; text-align: center; line-height: 250px; margin: 0px; padding: 0px; font-family: 'museo_sans_cyrl500'; text-transform: none !important; }
        
        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 div.div_with_buttonss div.white_button { height: 50px; line-height: 48px; border-radius: 50px; width: auto; padding-left: 20px; padding-right: 20px; font-size: 18px; letter-spacing: 3px; }
        
        div.hleb { left: 10px; }
        
        div.content div.div_with_button { height: auto; }
        div.content img { max-width: 100%; height: auto; }
        
        div.video div.oneVideo { width: 100%; }
}

@media only screen and (max-width: 414px) {
    .top_line_block_new {    height: 400px !important;    margin-bottom: 100px !important;}
    .bottom_line_block_new {margin-top: 0px !important;}
	div.projectsWidget { zoom: 0.4; }
	div.projectsWidget div.inner_of_projects { height: 1000px; padding-top: 20px; padding-bottom: 20px;  }
	div.projectsWidget div.inner_of_projects h2 { position: absolute; left: 10px; top: 20px; width: 370px; text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; opacity: 0; letter-spacing: 0px; }
        div.projectsWidget div.inner_of_projects div._h2 { position: absolute; left: 10px; top: 20px; width: 370px; text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; opacity: 0; letter-spacing: 0px; }
	div.projectsWidget div.inner_of_projects div.square { position: absolute; left: 10px; top: 200px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
	div.projectsWidget div.inner_of_projects div.modules { position: absolute; left: 10px; top: 350px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
	div.projectsWidget div.inner_of_projects div.capsule { position: absolute; left: 10px; top: 500px; color: #fff; font-size: 14px; line-height: 1.4; opacity: 0; }
	
	div.projectsWidget div.inner_of_projects div.image { zoom: 0.9; }


	div.news_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.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; padding-bottom: 20px; }
	
	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 div.next_button { padding-left: 20px; padding-right: 20px; width: 80% !important; margin: 0px !important; text-align: center; height: auto; min-height: 50px; }
	div.content div.div_with_button div.next_button a { padding-right: 0px; background: none;  }
	
	div.production_item div.pic { background-size: 50%; }
	
	div.production_item div.pic h2 { font-size: 34px; color: #00b9e4; text-align: center; line-height: 250px; margin: 0px; padding: 0px; font-family: 'museo_sans_cyrl500'; text-transform: none !important; }
        
        div.content .halfwidth { padding-left: 1%; padding-right: 1%; }
        
        div.productInside div.greyBlock div.two_blocks div.block { height: 600px; }
        div.productInside div.greyBlock div.two_blocks div.block_simple { height: 250px; }
        div.productInside div.greyBlock div.two_blocks div.right_block div.inner { background-size: 65% !important;}
}

@media only screen and (max-width: 1000px) {
    div.langs { display: block; position: relative; }
    div.langs a.lang { display: none; }
			div.langs a.lang_inv_top { display: block; position: relative; top: auto; }
			div.langs a.lang_inv_bottom { display: block; position: relative; bottom: auto;  }
                        div.langs img { display: none; }
    /*#Go_Top { bottom: 100px !important; }*/
}

@media only screen and (max-width: 768px) {
    div.ontriplecos div.col { width: 100%; border-right: none; }
    div.ontriplecos div.col div.in { width: 85%; }
    div.ontriplecos div.col div.in_85 { width: 95%; }
    div.ontriplecos div.col div.in_85 img { max-height: auto; }

    div.bind { width:100%; }
    div.bind_15 { width: 50%; }
    div.bind div.d { display: inline-block; width:88px; height: 88px; border-radius: 88px; border: 1px solid #00b9e5; text-align: center; line-height: 88px; font-size: 40px; font-family: 'museo_sans_cyrl900'; margin-bottom: 37px; color: #00b9e4; }
    div.bind_15 div.d { width:96px; height: 96px; border-radius: 96px; border: none; background-color: #00b9e5; color: #fff; margin-bottom: 21px; line-height: 95px; font-size: 24px; font-family: 'museo_sans_cyrl300'; }
    
    form.feedbackFormPro { margin-top: 60px; margin-left: 1%; margin-right: 1%; }
    
    div.bonprotopblock div.fromset { width: 100%; }
    div.bonprotopblock div.fromset div.fromset_inner { margin-left: 0px; margin-right: 0px; text-align: center; }
    div.bonprotopblock div.toset { width: 100%; }
    div.bn { width:50%; }
    
    div.content div.uslugi_bottom div.col { width: 100%; }
    
    div.oneotziv { width: 100%; }
    
    div.onepleaseitem { display: inline-block; width: 48%; margin-bottom: 50px; }
    
    div.pro_item { min-height: 510px; }
    div.pro_item div.pic { width: 100%; min-height: 510px; }
    div.pro_item div.info { width: 100%; padding-top: 20px; padding-bottom: 20px; }
}

@media only screen and (max-width: 414px) {
    div.content div.buttonsBlock div.whiteButton { padding-left: 0px !important; padding-right: 0px !important; }
    
    div.inp_checkbox div.data { margin-top: 0px; margin-bottom: 20px; line-height: 1.3; }
    div.bn { width:100%; }
    
    div.floatpopup div.content_short { position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: auto; height: auto; }
    div.floatpopup div.content_short img.close { top: 10px; right: 10px; }
    div.floatpopup div.content_short form { margin-top: 60px; margin-left: 10px; margin-right: 10px; }
    
    div.content .pageTitle { font-size: 25px; line-height: 1.4; }
    div.content h2 { font-size: 25px; }
    
    div.benefits_index div img { margin-bottom: 10px; }
    div.benefits_index div p { font-size: 16px; line-height: 1.6; }
    
    div.products_mobile div.items div.item { width: 100% !important; }
    
    p.scepalex { font-size: 18px; }
    
    div.bonprotopblock div.fromset div.fromset_inner { font-size: 25px; }
    
    div.bind div.d { margin-bottom: 0px; }
    
    div.onepleaseitem { width: 49%; margin-bottom: 0px; text-align: center; }
    div.onepleaseitem div.client_inner img { width: 70%; height: auto; }
    
    p.long_toll { font-size: 18px !important; }
    
    div.products div.items { text-align: center; }
    div.products div.items div.item { height: 60px; float: none; display: inline-block; width: 15% !important; }
    div.products div.items div.item div.textinfo, div.products div.items div.item div.line { display: none; }
    div.products div.items div.item div.icon { background-size: contain !important; height: 60px; }
    
    div.newProductsList div.newProductItself { width: 100%; margin-top: 20px; }
    div.newProductsList div.newProductItself div.npisInner { margin-left: 0px; margin-right: 0px; }
    div.newProductsList div.newProductItself div.npisInner div.pic { height: 150px; }
    div.newProductsList div.newProductItself div.npisInner div.pic img { max-height: 130px; max-width: 80%; }
    div.newProductsList div.newProductItself div.npisInner div.info { height: 220px; }
    div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo { margin: 10px; }
    div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo div.title { font-size: 17px; padding-top: 10px; }
    div.newProductsList div.newProductItself div.npisInner div.info div.innerinfo p { font-size: 14px; }
    
    div.productInside div.greyBlock div.imagewithin img { max-width: 100% !important; }
    
    div.productInside div.greyBlock h2 { font-size: 25px; }
}

@media only screen and (max-width: 350px) {
    div.content div.div_with_buttonss div.white_button { padding-left: 10px; padding-right: 10px; font-size: 14px; letter-spacing: 1px; }
    div.mobile_menu a.mmenu_sub { font-size: 13px; }
    div.mobile_menu a.mmenu_subb { font-size: 13px; }
    div.subm_top a { margin-left: 5px; }
    
    div.productInside div.greyBlock div.two_blocks div.block { height: 500px; }
    div.productInside div.greyBlock div.two_blocks div.block_simple { height: 200px; }
    div.productInside div.greyBlock div.two_blocks div.right_block div.inner { background-size: 65% !important;}
}