@media(max-width:1279px){
    .top{
        height: 100px;
    }
    .top-logo{
        margin-top: -20px;
    }
    .links{
        margin-left: 140px;
    }
    .logo{
        margin-left: 10%;
        margin-top: 10px;
    }
    .uchtalik-rasm{
        margin-top: 350px;
    }
    .eng-quyi{
        margin-top: 450px;
    }
}
@media(max-width:1113px){
    .links{
        margin-left: 200px;
    }
    .uchtalik-rasm{
        margin-top: 500px;
    }
}
@media(max-width:883px){
    .links{
        margin-left: 220px;
    }
    .uchtalik-rasm{
        margin-top: 550px;
    }
}
@media(max-width:779px){
    .uchtalik-rasm{
        margin-top: 600px;
    }
}
@media(max-width:767px){
    .links{
        display: none;
    }
    .login{
        margin-top: -65px;
        margin-left: 20px;
    }
    .matn-home{
        margin-left: -7%;
    }
    .uchtalik-rasm{
        margin-top: 320px;
    }
    .mahsulot{
        margin-top: 20px;
    }
    h1 b{
        margin-top: 400px;
    }
    .products{
        margin-top: -30px;
    }
    #products1{
        margin-top: 0px;
    }
    .asal{
        height: 700px;
        margin-top: 100px;
        display: block;
    }
    .asal img{
        width: 300px;
        height: 300px;
        margin-left: 60px;
    }
    .asal-right{
        width: 100%;
        height: 300px;
    }
    .asal-matn{
        font-size: 39px;
    }
    .asal-matn2{
        font-size: 39px;
    }
    .products2{
        margin-top: -30px;
    }
    .bajardik{
        margin-top: 60px;
        height: 500px;
    }
    .bajardik1{
        margin-top: -30px;
    }
    .bajardik img{
        width: 100%;
        height: 300px;
    }
    .bottomda-matn1{
        margin-top: 20px;
    }
    .bottomda-matn2{
        font-size: 40px;
    }
    .bottomda-blog{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .bottomda-blog1{
        margin-left: 0;
    }
    .eng-quyi{
        margin-top: 800px;
    }
}
@media(max-width:411px){
    .login{
        margin-top: -65px;
        margin-left: -5px;
    }
    .organik{
        font-size: 40px;
    }
    .mevalar{
        font-size: 17px;
        margin-top: 170px;
        margin-left: 15px;
    }
    .mahsulot{
        margin-top: 20px;
    }
    .asal img{
        margin-top: 20px;
        margin-left: 40px;
    }
    .bajardik{
        height: 400px;
    }
    .bajardik1{
        margin-top: 10px;
    }
    .bajardik2{
        font-size: 50px;
    }
    .bajardik img{
        height: 250px;
    }
}
@media(max-width:373px){
    .matn-home{
        padding-top: 270px;
    }
    .organik{
        margin-top: 10px;
    }
}
@media(max-width:359px){
    .chiziqcha{
        height: 75px;
    }
    .asal{
        height: 650px;
        margin-top: 70px;
    }
    .asal img{
        width: 250px;
        height: 250px;
        margin-left: 30px;
    }
    .clock h2{
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    .clock-bosh{
        margin-top: 30px;
    }
    .button-div{
        margin-top: 0px;
    }
    .bajardik{
        height: 350px;
    }
    .bajardik img{
        height: 200px;
    }
    .bottomda-matn2{
        font-size: 35px;
    }
    .bottomda-blog1{
        width: 300px;
        height: 440px;
    }
    .bottomda-blog1 img{
        width: 300px;
        height: 220px;
    }
    .bottomda-blog1 hr{
        width: 83%;
    }
    .bottomda-blog1 span{
        margin-left: -150px;
        margin-top: -5px;
    }
    .yana{
        margin-left: 230px;
    }
}