.mobile-menu{ display: none; }
.pl40{ margin-bottom:5px; }
.pl40 a {
    color: #FFF;
    display: block;
    background: #00A4C7;
    transition: .25s;
    padding: 5px 0 5px 10px;
}
.pl40 a:hover{ 
    background:#8DE7F5;
}
h1{ margin-bottom: 40px; }
.alldocs{
    margin-bottom: 40px;
    overflow: auto;
}
img{ max-width:100%; height: auto; }
@media only screen and (max-width:1200px){
    .slider{ display:none; }
    .thumbnail a>img, .thumbnail>img { width: 100px; height: 100px; }
    /*.element a.thumbnail { float: none; margin-right: 0; }
    .el-header, .price{ text-align: right; }
    .element .btn-primary { float: right; }*/
}
@media only screen and (max-width:992px){
    
    .mobile-menu{transform:translateX(-100%);transition:.25s;display:block;position:fixed;top:0;left:0;background:#F3F3F3;z-index:999;width:80%;
	                padding:20px 0 20px 10px;height:100%;overflow-y:scroll}
	.mobile-menu.open{transform:translateX(0)}.mobile-menu ul{padding-left:0;list-style:none}
	.mobile-menu ul li a{display:block;color:#000;padding:15px 0 15px 15px;border-bottom:1px solid #ccc;font-size:14px;line-height:16px; text-decoration: none;}
	.mobile-menu .top-nav--ul li a{text-transform:inherit}
	.mobile-menu .h3{font-size: 17px; font-weight: 700; border-bottom: 1px solid #ccc; padding-bottom: 15px; padding-left: 15px; color: #E33C30; }
	.mobile-menu-contacts .mmcall .order-call .fa, .mobile-menu-contacts .mmcall .order-call .fas { font-size: 24px; margin-top: 0; margin-left: 10px; }
	.mobile-menu-contacts .mmcall .order-call { display: flex; align-items: center; }
	.mobile-menu li.active a{ color: #E33C30;  }
	.mobile-menu ul.mobile-menu-contacts .mmc-phone a{ color: #E33C30; }
	.mobile-menu ul.mobile-menu-contacts .mmc-phone span{ color: #000; padding-left: 15px; font-size: 14px; font-weight: bold; position: relative; top: 13px; }
 
		.overlay{opacity:0;transition:.25s}
		body.menu-open-body .overlay{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:98}
		
		.mobile-menu ul.mobile-menu-contacts a{ font-weight: bold; }
		
    .hidden-smaller-992{ display: none; }
    
    .logo{ max-width: 300px; margin: 0px auto; }
    
    .hours{ display: none; }
    .callback span {
        width: 163px;
        margin: 0px auto 15px;
    }
    .callback span:before{ top: 2px; }
    .logo img{width:100%;}
    .pay-delivery, .serv-price{text-align:center;}
    .header-phone, .header-viber, .header-email {
        display: block;
        width: 267px;
        margin: 0 auto;
    }
    .header-contacts{text-align:center; margin:10px 0; }
    .calls-btns{ margin-bottom: 10px; }
    .header-btns{ display:none; }
    .header { margin-top: 70px; padding: 0; }

}
@media only screen and (max-width:768px){
    .crumbs { font-size: 10px; }
    .header-center{font-size:11px;margin-top:0;}
.animated{-o-transition-property:none !important;-moz-transition-property:none !important;-ms-transition-property:none !important;-webkit-transition-property:none !important;transition-property:none !important;-o-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-webkit-transform:none !important;transform:none !important;-webkit-animation:none !important;-moz-animation:none !important;-o-animation:none !important;-ms-animation:none !important;animation:none !important;}
}
@media only screen and (max-width:480px){.header-center{font-size:11px;margin-top:0;}
.hours span{display:none;}
.main-menu-item{width:140px;float:left;margin-right:3px;}
.main-menu-icon-item{width:140px;}
}