.mob-box {
    background-color: #f8f8f8;
    position: fixed;
    z-index: 99999;
    left: -101%;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    transition: all 0.5s;
    min-height: 100vh;
    top: 0;
    margin: 0;
}
body.show {
    overflow: hidden;
}
@media screen and (max-width: 1650px) {
    .header__bt .btn span {
        display: none;
    }
}
@media screen and (max-width: 1499px) {
    .header__nav {
        padding-left: 50px;
    }
    .header__nav ul li a {
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
    }
    .header__nav ul li {
        padding: 0 7px;
    }
}
@media screen and (max-width: 1299px) {
    .header__nav ul li {
        padding: 0 5px;
    }
    .header__nav ul li a {
        font-size: 10px;
    }
}
@media screen and (max-width: 1199px) {
    .header__nav {
        display: none;
    }
    .nav-mob__bt {
        display: none;
    }
    .header__bt {
        margin-right: 50px;
        padding-left: 0;
        margin-left: auto;
    }
    .header__tel { 
        padding-right: 50px;
    }
    .mob-box li {
        text-align: center;
        margin-bottom: 15px;
    }
    .nav-mob__bt {
		height: 40px;
		width: 40px;
		cursor: pointer;
        position: relative; 
	}
 
	.nav-mob__bt span:before, .nav-mob__bt span:after {
		content: '';
		width: 40px;
		height: 3px;
		background-color: #000;
		display: block;
		position: absolute; 
	}
	.nav-mob__bt span:before {
		top: -14px;
	}
	.nav-mob__bt span:after {
		top: 14px;
	}
    .nav-mob__bt span {
		width: 40px;
		height: 3px;
		background-color: #000;
		display: block;
		position: absolute;
		top: 19px;
	}

    .mob-box.visible{
        left: 0;
    }
    .mob-box .submenu-button {
        position: relative; 
    display: inline-block; 
    height: 46px;
    width: 46px;
    cursor: pointer;
    vertical-align: middle;
    }
    .close-bt span:before  {
		content: '';
		width: 40px;
		top: 0;
		height: 2px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background-color: #000;
		display: block;
		position: absolute;
		border-radius: 3px;
	}
	.close-bt span:after {
		content: '';
		width: 40px;
		top: 0;
		height: 2px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		display: block;
		background-color: #000;
		position: absolute;
		border-radius: 3px;
	}
	.close-bt span {
		width: 40px;
		height: 4px;
		display: block;
		position: absolute;
		top: 19px;
		border-radius: 3px;
		
	}
	.close-bt {
		width: 40px;
		height: 40px;
		margin: 0 auto 20px;
		cursor:pointer;
        position: relative;
	} 
    .mob-box .sub-menu {
        position: relative; 
    }
    .m_menu-navigation__list>li {
        position: relative;
    }
    .m_menu-navigation__list>li>a {
        padding: 10px 0;
        display: inline-block;
    } 
    .m_menu-navigation__list .zero-link > a {
        font-size: 18px;
        font-weight: 800;
        font-family: 'Montserrat';
    }
    .cat-new__item {
        width: calc(25% - 20px); 
    }
    /* .table-box {
        overflow: auto;
    } */
}
@media screen and (max-width: 1129px) {
    .container {
        max-width: 960px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner__title { 
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 15px;
        max-width: 390px; 
    padding-top: 0px;
 
    }
    .banner__subtitle { 
        margin-bottom: 20px; 
    }
    .banner__rev { 
        margin-bottom: 20px;
    }
    .btn { 
        padding: 15px 25px; 
    }
    .h2 {
        font-size: 32px;
        line-height: 40px; 
    }
    .sert_foto .slick-next, .nagrad_foto .slick-next { 
        right: 0;
    }
    .sert_foto .slick-prev, .nagrad_foto .slick-prev { 
        left: 0;
    }
    .about .about__right { 
        padding-right: calc(50vw - 480px);
    }
    .prod-mod.modal {
        max-width: 930px;
        min-width: 930px;
    }
    .prod-mod__desc ul li { 
        width: 100%; 
    }
    .banner__price { 
        margin-bottom: 20px;
    }
    .banner__bg img {
        display: block;
    }
    .banner__bg { 
        bottom: 0; 
    }
    .banner__bt {
        margin-bottom: 30px;
    }
    .dilivery__item {
        width: 208px; 
    }
    .dilivery__item-text { 
        font-size: 14px;
    }
    
}
@media screen and (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    .header__nav {
        display: none;
    }
    .banner { 
        display: flex;
        flex-wrap: wrap;
    }
    .banner .container {
        order: 2;
    }
    .banner__bg img { 
        max-width: 500px;
        margin: 0 auto;
    }
    .banner__bg { 
        order: 0;
        width: 100%;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner .box {
        padding-left: 15px;
        padding-top: 30px;
    }
    .catalog__item-btn .btn { 
        line-height: 25px;
        display: block;
        margin-bottom: 15px;
    }
    .catalog__item-short {
        font-size: 14px;
        line-height: 20px; 
        margin-bottom: 10px;
    }
    .catalog__item-title {
        font-size: 18px;
        line-height: 26px; 
        margin-bottom: 10px;
		word-break: break-all;
    }
    .catalog__item-price-old { 
        font-size: 18px;
        line-height: 25px; 
    }
    .catalog__item-price-new { 
        font-size: 24px;
        line-height: 28px; 
    }
    .catalog__item-price {
        margin-bottom: 15px;
    }
    .benefit {
        padding: 75px 0;
    } 
    .product-box__adv ul { 
        width: 100%;
    }
    .dilivery__items { 
        justify-content: space-around;
    }
    .dilivery__item {
        width: 250px;
    }
    .why .box {
        width: 50%;
        margin-bottom: 50px;
    }
    .why__img img { 
        margin: 0 auto 20px;
    }
    .h2 {
        font-size: 24px;
        line-height: 29px;
    }
    .why .h2 { 
        max-width: 430px;
        margin: 0 auto 40px;
    }
    .form .form-group.box {
        width: 50%;
    }
    .form .form-group.box-submit { 
        width: 100%; 
        text-align: center;
    }
    .form .form-group.box-submit input[type=submit] { 
        margin: 0 auto; 
    }
    .video-box .h2 { 
        max-width: 500px;
        margin: 0 auto 40px;
    }
    .work2 {
        padding: 50px 0 50px;
    }
    .than .box {
        width: 50%;
        margin-bottom: 50px;
    }
    .than {
        padding: 50px 0 50px;
    }
    .about > div {
        width: 100%;
    }
    .about_foto  {
        height: 500px;
    }
    .about .about__right {
        padding-right: 15px;
        padding-left: 15px;
    }
    .how .box {
        width: 50%;  
    }
    .map {
        position: relative;
        width: 100%;
    }
    .bottom-form__box {
        max-width: 390px;
        padding-top: 0;
        margin: 0 auto 40px;
    }
    .bottom-form .h2 {
        padding-top: 30px;
    }
    .bottom-form {
        text-align: center;
    }
    .prod-mod.modal {
        max-width: 700px;
        min-width: 700px;
    }
    .prod-mod.modal {
        max-width: 470px;
        min-width: 290px;
    }
    .modal-row {
        display: block;
    }
    .prod-mod__fotos {
        max-width: 410px;
        min-width: 290px;
        margin-bottom: 15px;
        width: auto;
    }
    .prod-mod-title {
        font-size: 30px;
        line-height: 40px; 
        margin-bottom: 15px;
    }
    .prod-mod-price-new {
        font-size: 40px;
        line-height: 50px; 
    }
    .prod-mod-price-old {
        font-size: 28px;
        line-height: 38px; 
    }
    .prod-mod__atr ul li { 
        width: 50%; 
    }
    .cat-new__item {
        width: calc(50% - 10px); 
    }
}
@media screen and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    .footer__box {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer__box2 {
        width: 50%;
        text-align: center;
    }
    .rev-slide__img img { 
        margin: 0 auto;
    }
    .rev-slide__img {
        width: 100%;
        margin-bottom: 20px;
    }
    .rev-slide {
        padding: 0;
        text-align: center;
    }
    .rev-slide__desc {
        width: 100%;
        padding-left: 0;
    }
    .box.catalog__item {
        width: 50%;
        margin-bottom: 30px; 
    }
    .work2 .row .box {
        order: 2;
    }
    .work2 .row .box + .box {
        order: 1;
    }
    .work2 .box {
        width: 100%;
        text-align: center;
    }
	#thanks.modal {
    padding: 30px 15px 30px;
}
	.tabheader__items { 
		/*overflow: hidden;
		margin: 0 -15px;
		flex-wrap: nowrap; 
		overflow-x: auto;
		text-align: center;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 30px;*/
		display:block;
	}
	.tabheader__item {
        font-weight: 500;
        font-size: 16px;
        display:inline-block;
        line-height: 30px;
        border-bottom: 1px solid transparent;
        margin-right: 10px;
        cursor: pointer;
    }
        .rev-slide-video .rev-slide__item {
        padding: 0;
    }
        .rev-slide2__img {
        padding: 0;
    } 
	.header__tel { 
		font-size: 16px;
		background: none;
		padding-left: 0;
	}
	    .header__bt {
        margin-right: 20px;
        padding-left: 0;
        margin-left: auto;
    }
    .header__bt .btn {
        padding: 10px 25px;
    }
    .banner__sale { 
        flex-wrap: wrap;
        justify-content: center;
    }
    .banner__sale-text { 
        margin-bottom: 20px;
    }
    .banner__bt .btn { 
        margin: auto;
    }
    .footer__row>div {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer__row { 
        flex-wrap: wrap; 
    }
    .dilivery__item {
        width: 100%;
        max-width: 320px;
    }
    .dilivery__item:nth-child(3) {
        padding-top: 25px;
    }
    .dilivery__item:nth-child(3) .dilivery__item-iner .dilivery__item-title {
        padding-top: 10px;
    }
    .video-box__box {
        width: 100%; 
    }
    .product-box__fotos {
        width: 100%; 
        margin-bottom: 20px;
        min-width: auto; 
    }
    .product-box__desc {
        flex-grow: 1;
        padding-left: 15px;
        width: 100%;
        padding-right: 15px;
    }
    .product-box__atr ul { 
        width: 100%;
    }
    .product-box__container { 
        border: 0; 
        padding-top: 0;
    }
    .mobil-off {
        display: none;
    }
    .mobil-on {
        display: block;
    }
    .product-box .mobil-on {
        text-align: center;
    }
    .about .h2 {
        text-align: center;
        padding: 20px 0 0;
    }
    .cat-new__item {
        width: calc(50% - 10px); 
    }
    
}
@media screen and (max-width: 575px) {
    .container {
        max-width: 100%;
    }
    .header__tel {
        padding-right: 0;
    }
    .banner__price {
        display: block; 
        text-align: center;
    }
    .banner__price-right {
        width: 100%;
        padding-left: 0; 
    }
    .banner__bg img {
        max-width: 100%; 
    }
    .benefit {
        padding: 50px 0;
    }
    .benefit .box {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .video-box__price-new {
        padding-left: 0;
        padding-right: 0;
        display: block;
        margin-bottom: 10px;
    }
    .video-box__price-old {
        font-size: 26px;
        display: block;
        margin-bottom: 10px;
    }
    .reviews__item-top { 
        flex-wrap: wrap;
        justify-content: center;
    }
    .reviews__item-name { 
        padding-left: 0px;
        flex-wrap: wrap;
        justify-content: center; 
    }
    .reviews__item-date {
        margin-left: inherit;
        width: 100%;
        text-align: center;
    }
    .reviews__item__city { 
        text-align: center;
    }
    .reviews__item-img {
        width: 100%;
        margin-bottom: 10px;
    }
    .reviews__item-img img {
        margin: 0 auto;
    }
    .reviews__item-name img {
        margin: 0 auto;
        display: block;
    }
    .reviews__item-name {
        padding-left: 0px; 
        display: block;
        text-align: center;
    }
    .dilivery__item:after {
        content: '';
        background: url(../../img/darr.png) no-repeat;
        width: 32px;
        height: 24px;
        right: auto;
        left: calc(50% - 8px);
        position: absolute;
        transform: rotate(90deg);
        bottom: -40px;
        top: auto;
    }
    .why {
        padding: 50px 0 50px;
    }
    .why .box {
        width: 100%;
        margin-bottom: 50px;
    }
    .form .form-group.box {
        width: 100%;
    }
    .form .form-group.box-submit input[type="submit"], .bottom-form input[type="submit"] {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .work {
        padding: 35px 0 35px; 
    }
    .work .box {
        width: 100%;
        margin-bottom: 30px;
    }
    .work .btn, .work2 .btn {
        display: block;
        line-height: 35px;
    }
    .work2 {
        padding: 0 0 50px;
    }
    .how .box {
        width: 100%;
    }
    .modal { 
        max-width: 100%; 
    }
    .modal.fmod {
        padding: 15px;
    }
    .than .box {
        width: 100%; 
    }
    .prod-mod.modal {
        max-width: 100%;
        min-width: 290px;
        padding: 15px;
    }
    .prod-mod__desc {
        flex-grow: 1;
        padding-left: 0;
    }
    .prod-mod__atr ul li {
        width: 100%;
    }
    .btn.bt-more { 
        padding: 14px 20px;
    }
    .than-slide .slick-dots li.slick-active button,
    .nagrad_foto .slick-dots li.slick-active button,
    .sert_foto .slick-dots li.slick-active button,
    .rev-slide .slick-dots li.slick-active button,
    .rev-slide2 .slick-dots li.slick-active button,
    .rev-slide-video .slick-dots li.slick-active button{ 
        background: #00A3FF;
    }
    .than-slide .slick-dots li button,
    .nagrad_foto .slick-dots li button,
    .sert_foto .slick-dots li button,
    .rev-slide .slick-dots li button,
    .rev-slide2 .slick-dots li button,
    .rev-slide-video .slick-dots li button { 
        background: #CCEDFF;
    }
    .than-slide .slick-dots,
    .nagrad_foto .slick-dots,
    .sert_foto .slick-dots,
    .rev-slide .slick-dots,
    .rev-slide2 .slick-dots,
    .rev-slide-video .slick-dots { 
        top: 0px; 
        max-height: 30px;
    }
    .than-slide, .nagrad_foto, .sert_foto, .rev-slide, .rev-slide2, .rev-slide-video {
        padding-top: 50px;
    }
    .than-slide .slick-next {
        right: 15px;
    }
    .than-slide .slick-prev {
        left: 15px;
    }
    .nagrad_foto__item { 
        margin: 0px;
        flex-wrap: wrap;
        text-align: center;
    }
    .nagrad_foto__item  img { 
        margin: 0 auto;
    }
    .nagrad_foto__item-img {
        min-width: 100%;
        margin-right: 0px; 
        margin-bottom: 20px;
    }
    .about__h3 { 
        text-align: center;
    }
    .work__img { 
        margin-left: -15px;
        margin-right: -15px;
    }
    .video { 
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
    }
    .banner__bg:after {
        content: '';
        width: 100%;
        height: 150px; 
        position: absolute; 
        z-index: 1;
        left: 0;
        bottom: 0px;
        background: linear-gradient( 4deg , rgb(255 255 255), rgb(255 255 255 / 0%));
    }
    .banner__bg { 
        background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 26.98%, #A8E0FF 129.5%);
    }
    .banner {
        background:none;
    }
	    .banner__bg.mob {
        display: block;
    }
    .banner__bg.desc {
        display: none;
    }
	.banner__benifit { 
        padding-top: 20px;
    }
    .reviews__items .slick-dots { 
        bottom: -15px; 
    }
    .banner-bottom { 
        padding-top: 50px;
    } 
    .cat-new__item {
        width: calc(50% - 10px); 
    }
    .cat-new__item .catalog__item-btn {
        display: block; 
    }

    .table td {
        padding: 3px 3px; 
        font-size: 12px;
        line-height: 1.1; 
        border: 0;
    }
    .table th {
    font-weight: 700;
    padding: 3px;
    font-size: 10px;
    background: #efefef;
    border: 0;
    line-height: 1.2;
    word-break: break-all;
}
}

@media screen and (max-width: 320px) {
    .box.catalog__item {
        width: 100%;
        margin-bottom: 30px;
    } 
}