@media only screen and (max-width: 960px) {
.content,.separator{width:90.5%} header{z-index:40}
.leaveHeaderLeft{width:50px;height:80px}
.leavesHeaderRight{width:72px;height:92px}
.topText{position:static;font-size:12px;text-align:left;max-width:40%}
.combine{position:fixed;width:100%;left:0;top:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.05);z-index:40;padding:16px 4.25%}
header .right_marked{position:relative;top:0;max-width:130px;flex-basis:130px}
.currentCity{margin:0 0 3px} .cityName{font:12px/18px 'hr',sans-serif}
.phone{font:14px/normal 'hb',sans-serif}
.hiddenCities{top:45px;left:auto;right:0;box-shadow:-10px 15px 70px rgba(0,0,0,0.15)}
.phone:before,.citiesHeader .marked.pastPhone:before{width:12px;height:12px;top:0;left:-20px;-webkit-background-size:cover;background-size:cover}
.leavesNearButton{z-index:-1}
.headerImg{width:100%;max-width:400px;margin:40px 0 0;display:block}
.my_iconsGrid{width:100%;margin:50px auto 65px}
.my_icon{margin:0 0 45px} .my_icon p{margin:23px auto 0;font:14px/18px 'hr',sans-serif}
.my_iconsGrid:before{width:1px;height:80%;border-top:0;border-left:1px dashed #ccc}
.goodsBlock{padding:45px 0 25px}
.goodsGrid{margin:15px 0 0} .sale:before{width:37px;height:72px}
.sale:after{width:80px;height:112px} .water:before{width:40px;height:60px}
.water:after{width:40px;height:40px} .docs{padding:35px 0} .docs .content{align-items:flex-start}
.docs,.company{overflow:hidden}.docs .ttl{display:block}
.docs a[download]{padding:13px 33px;margin:20px 0 0}
.wanted .content{align-items:flex-start;justify-content:flex-start}
.wanted .leftside,.wanted .rightside{width:100%} .cities li{width:100%;margin:0 0 12px}
.wanted .content:before{width:292px;height:180px;right:0} .bordering{border-color:#ccc}
.bordering p{margin:0 0 10px}
.wanted:before{width:90px;height:86px;bottom:30px;background-size:cover} .contact{padding:66px 0}
.blockElem a.phone{font-size:16px}
.instaSoc{width:25px} .vkSoc{width:40px}
.mapCover{width:290px;height:300px;margin:30px 0 0} footer{padding:25px 0;z-index:50}
footer .leftside,footer .rightside{max-width:100%}
/* common */
.topleave,.topFixedLeave,.docs .content:after,.docs:after,.docs .content:before,.wanted:after,.wanted .content:after{display:none}
/* modal */
#conditions{padding:50px 5%} .pol h3{font:30px/34px 'bb',sans-serif}
.overlay{z-index:50} .ordering{z-index:51}
.inner{width:80%;padding:40px 100% 150px 10%}
.orderGrid,.line_price{flex-direction:column;align-items:flex-start;justify-content:flex-start}
.pic.pic2{width:100px;height:120px} .orderTable{width:100%;margin:30px 0 0}
.line_price{min-height:36px;padding:20px 0} .price2{font-size:20px}
.pricePack2,.pricePallet2,.fbrctr{width:100%;display:block;font-size:20px}
.packAbout,.fabricator2{width:100%;margin:14px 0} .fabricator2{margin-left:0}
span.fbrctr{font-size:12px} .fullText2{margin-top:40px}
.fields{width:100%;max-width:400px;margin:30px 0 0} label.checkbox{max-width:250px}
}
/*--iPhone Portrait--*/
@media only screen and (max-width: 640px) {
/* common */
.contact .content,.orderGrid,.line_price{align-items:flex-start;justify-content:flex-start}
.my_iconsGrid,.docs .content,.wanted .content,.contact .content,footer .content,.orderGrid,.line_price{flex-direction:column}
html,body{font-size:14px}
/* end */
header .content{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column-reverse;z-index:1}
header .left,header .right,.characteristic,.pic{float:none;width:100%}
header h1{font-size:30px} .subheadline{font-size:26px}
header .callback{margin:35px 0 0;padding:18px 30px 13px} .good:before,.good:after{display:none}
.good{max-width:50%;flex-basis:50%;padding:15px;word-break:break-all;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}
.pic{width:100%;max-width:145px}
.characteristic{width:100%;height:auto;padding-left:0}
.title{font:700 14px/18px 'hm',sans-serif;white-space:normal;overflow:unset;text-overflow:unset;min-height:54px;margin:20px 0 13px}
.details span{width:100%;display:block}
.details strong{font-size:12px;display:block;width:100%;overflow:unset;text-overflow:unset;margin:5px 0 0}
.additionalInfo{white-space:normal;overflow:unset;text-overflow:unset;margin:20px 0 0}
.priceAndbtn,.order{position:static} .price{display:block;margin:20px 0}
.order{padding:14px 16px 9px} .owl-theme .owl-dots .owl-dot span{margin-left:16px}
.related_goodsGrid .order{padding:12px 0 9px;font-size:12px;width:100%}
.contact .leftside{width:100%}
.contactus li{font:14px/20px 'hr',sans-serif} .contactus .phone:before{top:1px}
.contactus .work_time:before,.contactus .home_address:before{top:0}
.contactus .our_email:before{top:1px}
footer .content{align-items:flex-start;justify-content:flex-start}
footer .rightside{text-align:left;margin:30px 0 0}
/* modal */
#feedback-modal-box{padding:40px!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.title2{font-size:26px}
}
/*--iPhone Landscape--*/
@media only screen and (min-width: 641px) and (max-width: 960px) {
header .content{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column-reverse;z-index:1}
header .left,header .right,.characteristic,.pic{float:none;width:100%}
header h1{font-size:40px} .subheadline{font-size:36px}
.pastCity{margin-right:34px}
.my_iconsGrid{flex-wrap:wrap} .my_icon{max-width:50%;flex-basis:50%}
.good:before,.good:after{display:none}
.good{max-width:50%;flex-basis:50%;padding:25px}
.pic{width:100%;max-width:145px}
.characteristic{width:100%;height:auto;padding-left:0}
.title{font:700 16px/20px 'hm',sans-serif;white-space:normal;overflow:unset;text-overflow:unset;min-height:54px;margin:20px 0 13px}
.details{margin-bottom:20px}
.details span{width:100%;display:block}
.details strong{display:block;width:100%;overflow:unset;text-overflow:unset;margin:5px 0 0}
.additionalInfo{white-space:normal;overflow:unset;text-overflow:unset;margin:20px 0 0}
.priceAndbtn,.order{position:static} .price{display:block;margin:20px 0}
.wanted .rightside{padding:0}
.contact .leftside{width:45%}
/* modal */
.title2{font-size:36px}
}
/*--Small Laptops--*/
@media only screen and (min-width: 961px) and (max-width: 1360px) {
.content,.separator{width:930px} .headerImg{margin:85px 0 0;width:100%} header h1{font-size:40px}
.subheadline{font-size:32px} .good{max-width:50%;flex-basis:50%} .my_iconsGrid{width:100%}
.good:nth-last-child(3):before{display:block} .good:after{display:none}
.wanted .content:before{right:0} .mapCover{width:600px}
}