/* --------media quary less than 980px---------- */
@media (max-width:1080px){
    .text-area p{
        font-size: 20px;
    }
    .bg-parent{
        min-height: 50%;        
    }
}
@media (max-width:980px) {
    .head-strip{
        display: none;
    }
    /* #btn{
        display: none;
    } */
    
    .main-icon{
        display: none;
    }
  
    
}
@media (max-width:768px){
    .navbar{
        height: 140px;
    }
    .navbar ul{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80%;
        height: 100vh;
        position: fixed;
        top: 140px;
        left: -100%;
        z-index: 100;
        background-color: black;
        transition: all 0.25;
        border-top: 3px solid red;
        gap: 50px;
        transition: all .45s;
        
    }
    .navbar img{
       width: 180px;
       height: fit-content;
    }
   
    .navbar ul li a{
        color: white;
    }
    .open-menu{
        display: block;
        font-size: 1.8rem;
        line-height: 100px;
        padding: 20px;
        
    }
    #check:checked ~ ul{
        left: 0;
    }
    .bg-parent{
        flex-direction: column-reverse;
        
    }
    
    .image-area img{
        width: 240px;
        height: 240px;
        
        
    }
   

    .text-area p{
        font-size: 20px;
        line-height: 30px;
        
        padding: 15px 40px;
    }
    .bg-parent{
        min-height: 50%;        
    }
    #btn{
        display: none;
    }
   
  
}
/* ----------media quary 480px---------- */
@media (max-width:480px){
  
    .image-area img{
    width: 200px;
    height: 200px;
    
    
}
.bg-parent{
    min-height: 40%;        
}


.text-area p{
    font-size: 15px;
    line-height: 25px;
    padding: 10px 30px;
}


   
}
@media (max-width:380px){
    .bg-parent{
        min-height: 40%;        
    }
    .image-area img{
        width: 180px;
        height: 180px;
        /* margin-top: -1px; */
        
        
    }
    .text-area p{
        font-size: 12px;
        line-height: 24px;
        padding: 10px 30px;
    }
   
   
    
}
@media (max-width:430px){
    .bg-parent{
        min-height: 100%;        
    }
}
 
  /*  why choose Responsive adjustments */
  /* @media (max-width:1080px){
 
/* form footer respoisive  */