@media(max-width:850px){
    header{flex-direction: column;}
    .text{
        line-height: 50px;font-size: 17px;
    }
    .right{
        background-color: rgb(1, 83, 1);;
    }
    header{height: 130px;}
   
    

}
@media(max-width:500px){
    .icon{
        margin-left: 8px;font-size: 1.1rem;
    }
}
@media(max-width:486px){
    .left{flex-direction: column;height: 80px;background-color:  rgb(1, 83, 1);;}
    .num{
        position: relative;top: 20%;
    }
    .info{
        position: relative;top: -13%;
    }
    .under{margin-top: 50px;}

    header{height: 130px;}
    .raba{
        font-size: 2rem;
    }

    .alltextaria{height: 450px;}
    .pada{font-size: 1.1rem;padding-top: 15px;padding-right: 0px;}
    .header-2-parent{height: 120px;}
    .logo img{
        margin-top: 20px;
    }
   
    
}
@media(max-width:486px){
    .under{
        margin-top: 70px;
    }
    .rab{
        font-size: 0.9rem;
    }
   
    .raba{
        padding: 20px 20px;font-size: 1.9rem;
    }
    .carousel-item{
        height:400px;
     }
}
@media(max-width:1024px){
.hide-menu{display: block;}
.nonee{
    display: none;
}

}
/* header 2 start  */
@media(max-width:768px){
    

    .carousel-item{
        
    }

    .hero-2{
        flex-direction: column;width: 100%;
    }
    .life{padding: 0px 0px;}
    .alltextaria{flex-direction: column;width: 100%;padding: 0px 20px;height: 300px;}
    .para{text-align: center;}
    .lookingfor{font-size: 1.9rem;}

   
    
   

      .logo img{
        width: 215px;height: 99px;
    }
    .menu{flex: 1;}
    .logo{
        flex: 2;
      }
}


@media(max-width:500px){
    .know{left: 50%;}
}
@media(max-width:768px){
    .ss{
        width: 100%;}
       

        .ha{
            flex-direction: column;width: 72%;
        }
        .image-box-1{
            width:90%
        }
        .image-box-2{
            width:90%
        }
        .image-box-3{
            width:90%
        }
}

@media(max-width:768px){
    .beech{

        width: 95%;margin: auto;flex-direction: column;justify-content: center;
    }
   
}
@media(max-width:768px){
    .haddi{
        height: 910px;
    }
    .ima{width: 95%;}
    
    .ha{
        height: 100%;
    }
    .sece{left: 0;}

    .sss{display: block;}
    .i2{text-align: end;}
 
  
    
 
    .back{padding: 20px;}
    
    .boxes1{margin: 15px 15px;}
    .boxes2{margin: 15px 15px;}
    .boxes3{margin: 15px 15px;}

    .three-boxes-parent{
    height: auto;
    }
    .bap{flex-direction: column;width: 90%;margin: auto;height: auto;}

    .main-image{
        width: 80%;height: 50%;
    }


    .containere{flex-direction: column;width: 93%;margin: auto;}
    
    .bulat1{padding: 15px;}
    .bulat2{padding: 15px;}

}

@media(max-width:350px){
    .lookingfor{font-size: 1.5rem;}
    
.g{
    font-size: 0.9rem;padding: 20px 50px;}
}

@media(max-width:768px){
    .containera{
        justify-content: center;
    }
}




@media(max-width:768px){
    .we-parent{
        flex-direction: column;width: 92%;margin: auto;
    }
    .alltextaria{
        margin: 50px auto;}
    .rangeen-box{
        height: 700px;
    }
    .main-cheej{height: 1400px;}
    .main-con{flex-direction: column;width: 92%;margin: auto;}
    .haddi-parent{ height: 900px;}
    .ani{text-align: center;}
    .ank{text-align: center;}
    .anke{text-align: center;}

    .qua{padding: 0;}
    .wee{padding-left: 0px;}
    .m{padding-left: 0px;}
    .whata{top: 10%;margin-bottom: 50px;font-size: 1.8rem;margin-top: 40px;}
    .we-parent{top: 7%;}
    .fa{display: block;}

   
}
@media(max-width:607px){
    .whata{
        margin-bottom: 0px;top: 3%;
    }
}
@media(max-width:509px){
    .rangeen-box{
        height: 1000px;
    }
    .haddi-parent{ height: 750px;}
    
}

@media(max-width:421px){
    .rangeen-box{
        height: 941px;
    }
    .haddi-parent{ height: 1100px;}
    
    .whata{font-size: 1.5rem;}

    
}

@media(max-width:470px){
    .main-cheej{height: 1300px;}
}
@media(max-width:350px){
    .main-cheej{height: 1250px;}
    .main-con{height: 550px;}
    .nana{margin-bottom: 20px;}

    .raba{
        font-size: 1.8rem;
    }
}

@media(max-width:768px){
    .rabi-img{flex-basis: 100%;height: 300px;}
    .contect-box1{width: 49%;}
    .contect-box2{width: 49%;}
   


    .grid{grid-template-rows: 100px 260px ;height: auto;grid-template-columns: 1fr 1fr;}
    .rabai-imgage{grid-column-start: 1;grid-column-end: 3;height: 150px;}
    .rabai-imgage img{
       height: 91%;
       width: 60%;
    }
   

}
@media(min-width:1050px){
    .underline{
        width: 300px;
    }
}

@media(max-width:460px){
    .infoo{
        color: #474544;font-size: 1rem;
    }
    .q{font-size: 1.4rem;}
    .mana2{padding: 10px;}
    .grid{
        gap: 0px;width: 100%;
    }
    .rabai-imgage{height: 120px;}

}



@media(max-width:768px){
    
    .akm{
        height: 95%;
    }
}
   



/* slider responsive code hre  */

@media(max-width:400px){
    .main{
        height: 250px;
    }
    .arrow-family{
        height: 250px;
    }
}