@media (max-width:567px) {

    /* fixed */
    .fixBtn{
        display: none;
       
     }
     
     /* mobile*/
     .mobileBtn{
        display: block;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 999;
    }
    .mobileBtn ul{
        display: flex;

    }
    .mobileBtn ul li{
        flex-grow: 1;
        text-align: center;
        padding: 10px 0px;

    }
    .mobileBtn ul li:nth-child(1){
     
       background-color:#6674cc;
    }
    
    .mobileBtn ul li:nth-child(2){ 
       background-color:#71cc66 ;
    }
    .mobileBtn ul li a{
        color: white;

    }

     /* header */
    .header-midd{
        padding: 0 15px;
    }
    nav{
        position: fixed;
        width: 80%;
        background-color:white;
        height: 82vh;
        top:85px;
        left:-100%;
        transition: 0.5s;
    }
    nav ul{
        flex-direction: column;
        padding:40px 0px;
    }
    nav ul a{
        color: black !important;

    }
    .micon{
        display: block;
        color: white;
        font-size: 35px;
    }
    .showMenu{
        left :0% !important;
    }


    /* home */
    .homebgColor{
        /*background:rgba(0,0,0,0.7) ;*/
        height: auto;
    }
    .homeText h2{
        font-size: 35px;
        text-align: center;
    }
    .home-midd{
        flex-direction: column;
        margin:0px 20px;
        
    }
    .homeLeftText h2{
        font-size: 32px;
        
    }
    .homeLeftBtn{
        gap:50px;
    }
    .homeLeftBtn{
        flex-direction: column;
        gap: 20px;
    }
    
  /* about section */
  .aboutText{
    max-width: 567px;
    margin: 0px 9px;

  }
  .aboutText h2{
    font-size:25px;
}

.about-midd{
   flex-direction: column;
   margin: 0px 15px;

}

/* offer */
.offerText h2{
    font-size:30px;
}
.offer-midd{
    flex-direction: column;
    gap: 50px;
    padding: 40px 15px;
}

.offerItems{
    margin: 0px 20px;
  }

  /* end */

  /* offer */
   
  .recentText{
    font-size: 25px;
  }
  
  .recent-midd{

    flex-direction: column;
    margin: 0px 15px;
     }
     .recentItems{
        flex-direction:column;
        gap: 70px;
        padding: 20px 15px;
     }
     
.recentVideoText p{
    text-align: justify;
}
  /* end */

  /* choose */

     .chooseText h2{
        font-size:26px;
        }
        .choose-midd{
            flex-direction: column;
            margin: 0px 15px;
        }
        .chooseItems{
            margin:0px 15px;
         }

  /* end */

  /* contact */
  .contactText h2{
    font-size:25px;
   }
   
.contact-midd{
    flex-direction: column;
} 

  /* footer */
  .footer-midd{
    flex-direction: column;
  }

}
/* tablet */
@media only screen and (max-width:999px) and (min-width: 568px){
    /* fixed */
    .fixBtn{
        right: 1px;
     }
    .homeText h2{
        font-size:60px;
    }
    .home-midd{
        margin: 0px 15px;
    }
    
    .homeLeftText h2{
        font-size: 55px;
        
    }
    .homeLeftBtn{
        gap:60px;
    }
    .homeLeftBtn button{
       border-radius: 40px;
      
    }

    /* about */
    
    .about-midd{
        margin: 0px 15px;
    
    }
    /* offer */
    .offer-midd{
        margin: 0px 15px;
    }

    /* contact */
    .contact-midd{
        margin: 0px 15px;
        gap: 10px;
        
    } 

    /* footer */
        
    .footer-midd{
        margin: 0px 15px;
    }
    
  .recent-midd{
    margin: 0px 10px;
    
  }
  .aboText{
    display: none;
  }
  .recentVideo img{
    height: 150px;
    width: 100%;
    object-fit: cover;
 }
 
 .recentVideo button{
    
    width: 100%;
    padding: 16px 24px;
    border-radius: 31px;
    
 }
 
 .choose-midd{
    margin: 0px 10px;
 }
 .chooseItems h3{
   font-size:15px;
   }

}