@media (max-width: 1240px) {

    .container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 40px;
      }

  
      
h1 {
font-size: 44px;
margin-top: 40px;
}

.top-phone {
font-size: 16px;
}

.img-top-mess {
width: 28px;
}

.product h3 {
font-size: 18px;
}


.product a {
    font-size: 18px;
    padding: 8px;
}

#block-2 {
    padding-bottom: 50px;
}


h3 {
    font-size: 28px;
    margin-bottom: 40px;
}


#block-3 {
    padding: 50px 0px;
}


.bulit {
    font-size: 18px;
}

.bulit img {
    padding: 6px;
    border-radius: 12px;
    margin-right: 20px;
    width: 55px;
}


.reiting {line-height: 18px;top:2px;}
.reiting span {font-size: 14px;}

#block-4 {
    padding-bottom: 10px;
}



.div-5 {
    font-size: 18px;
}

.div-5 img {
    padding: 6px;
    border-radius: 12px;
    margin-right: 20px;
    width: 55px;
}


.cont-phone {font-size: 18px;}



.cont-phone a {font-size: 18px;}
.cont-wa a {font-size: 18px;}
.cont-ozon a {font-size: 18px;}


.iphone {
    width: 310px;
}


}


























@media (max-width: 1040px) {

.container {
max-width: 700px;
margin: 0 auto;
padding: 0 20px;
}


h1 {
font-size: 38px;
margin-top: 40px;
}

.bulit {
width: 48%;
margin-bottom: 4%;
}

#block-4 h3 {
padding-right: 200px;
}

.reiting {
line-height: 18px;
top: 15px;
}


.slider-4 {
padding: 0px 40px;
}

.slick-next {
    right: 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
}

.slick-prev {
    left: 0px;
    width: 40px;
    height: 40px;
    background-size: 40px;
}



.content-6 {
    padding-right: 85px;
}


.cont-phone {width: 100%;}
.cont-wa {width: 100%;}




    }


























@media (max-width: 740px) {

        .container {
        max-width: 440px;
        margin: 0 auto;
        padding: 0 20px;
        }


h3 {
    text-align: center;
}

.products {flex-wrap: wrap;}

.product {
width: 100%;
margin-bottom: 40px;
}

.product h3 {
    font-size: 22px;
}

.product a {
    font-size: 20px;
    padding: 12px;
}

#block-2 {
    padding-bottom: 10px;
}


.bulit {
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
}


#block-4 h3 {
    padding-right: 0px;
}

.reiting {
position: relative;
line-height: 20px;
top: -16px;
width: 230px;
display: none;
}

.reiting span {
    font-size: 16px;
}


.div-5 {
    width: 100%;
margin-bottom: 30px;
font-size: 20px;
}


.iphone {
    position: relative;
    width: 100%;
}


.content-6 {
    padding-right: 0px;
}

.content-6 h3 {
    margin-bottom: 40px;
    width: 100%;
    text-align: left;
}



.img-top-mess {display: none;}
.top-phone {display: block;}


.slider-4 {
    padding: 0px 17px;
}

.slick-next {
    width: 30px;
    height: 30px;
    background-size: 30px;
}

.slick-prev{
    width: 30px;
    height: 30px;
    background-size: 30px;
}


.cont-phone {
    line-height: 26px;
    background-size: 26px;
    padding-left: 38px;
}

.cont-phone a {
    font-size: 20px;
}


.cont-wa {
    line-height: 26px;
    background-size: 26px;
    padding-left: 38px;
}

.cont-wa a {
    font-size: 20px;
}


.cont-ozon {
    line-height: 26px;
    background-size: 26px;
    padding-left: 38px;
    
}

.cont-ozon a {
    font-size: 20px;
}



    }






















    @media (min-width: 481px) {

        .mob-btn {display: none;}

    }





@media (max-width: 480px) {

.container {
width: 100%;
margin: 0 auto;
padding: 0 15px;
}

.top {justify-content: center;}
        
.top-phone {display: none;}



.product h3 {
    font-size: 18px;
}

.product a {
    font-size: 18px;
    padding: 10px;
}

h3 {
    font-size: 24px;
    margin-bottom: 40px;
}



}












@media (max-width: 430px) {

    .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    }


    .div-otziv__box {
        padding: 20px 10px;
    }

}














@media (max-width: 400px) {

    .container {
    width: 360px;
    margin: 0 auto;
    padding: 0 15px;
    }

}










@media (max-width: 390px) {

    .container {
    width: 340px;
    margin: 0 auto;
    padding: 0 10px;
    }

}