@media all and (min-width:320px) and (max-width:600px) {
    .footer_box {
        flex-wrap: wrap;
    }
	.slider {
		/*display: none;*/
	}
}
@media all and (min-width:320px) and (max-width:800px) {
    header {
        height: 45px;
    }
    header .space {
        display: none;
    }

    header .header {
        display: none;
        height: 45px;
    }

    header .mobi {
        display: flex;
        height: 45px;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
    }

    header .mobi .left .open-menu {
        display: block;
        width: 45px;
        height: 45px;
        text-decoration: none;
        color: #fff;
    }

    header .mobi .left .open-menu span {
        display: block;
        width: 50%;
        height: 2px;
        background: #c82238;
        margin: 8px auto;
    }

    header .mobi .left .open-menu span:nth-child(1) {
        margin-top: 13px;
    }
    .show {
        display: block;
    }
    .mobi-menu li:not(:last-of-type) a::after {
        display: block;
        left: 2px;
        right: 2px;
        bottom: 0;
        height: 1px;
        background: #e0e0e0;
        content: '';
        margin-top: 15px;
    }
    .mobi-menu a {
        padding: 15px;
        text-decoration: none;
    }

    .mobi .left {
        display: flex;
        flex-direction: row;
    }

}
@charset "utf-8";
@media all and (min-width: 320px) and (max-width: 1180px) {
    .slider__wr {
        width: 90%;
    }
    .slider__content{
        width: auto;
        margin-top: 0;
    }
    .section {
        padding: 0 20px;
    }
    .products{
        padding: 0;
    }
    .products__box{
        padding: 0 20px;
    }

}
@media all and (min-width: 320px) and (max-width: 900px){

    .context .info{
        width: 100%;
    }
    .context-ctnt{
        flex-wrap: wrap;
        justify-content: center;
    }
    .details-left,
    .details-right{
        order: 2;
        padding: 10px;
    }


    .context-ctnt img{
        order: 1;
        margin: 0 auto;
    }
    .advantages p.info{
        max-width: 100%;
    }
    .products p.info{
        max-width: 100%;
    }
    .before-buy .section__item{
        min-height: 103px;
    }
    .guarantees p {
        margin-top: 5px;
    }
    .lockers .locker__cnt {
        margin-top: 0;
    }
    .section p{
        text-align: left;
    }
    .advantages .section__item p,
    .tabs-header p{
        text-align: center;
    }
	.guarantees > div {
		display: block;
	}
	.guarantees .imgs {
		display: block;
}

}
@media all and (min-width: 320px) and (max-width: 620px){
    .slider__content{
        width: auto;
        margin-top: 0;
    }
    .h1{
        font-size: 1.75rem;
    }
    .slider__content p {
        font-size: 1.25rem;
    }
    .btn,
    .btn-nl{
        font-size: 0.875rem;
        line-height: 3.1;
    }
    .details-left ul li,
    .details-right ul li{
        max-width: 100%;
        width: 100%;
        padding-bottom: 15px;
    }
    .context .info{
        margin: 20px auto 0;
    }
    .tabs-header p{
        width: 100%;
        text-align: left;
    }
    .tabs-body .active {
        display: flex!important;
        flex-wrap: wrap;
    }
    .tab-item .tab-content {
        width: 100%;
        order: 2;
    }
    .tab-item img{
        margin: 20px auto;
        width: 50%;
    }
    .tb-characteristics-wr {
        padding: 0;
    }
    .tabs-header .tab{
        display: block;
    }
    .tabs-header .active{
        font-size: 1rem;
    }
    .guarantees div{
        display: flex;
        flex-wrap: wrap;
    }
    .guarantees div img{
        width: 100%;
    }
    .guarantees p{
        margin-top: 20px;
        width: 100%;
    }
    .locker{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .locker img{
        width: 50%;
        margin: 0 auto 40px;
    }
    .lockers .locker__cnt{
        width: 100%;
    }



}
@media all and (min-width: 320px) and (max-width: 440px){
    .tb-characteristics-wr {
        /*overflow: auto;*/
    }
    .tb-characteristics{
        /*width: 600px;*/
    }
    .btn,    .btn-nl
	{        
		font-size: 0.7rem;
        line-height: 3;    
	}
	
}