@media only screen and (min-width:360px)and (max-width:576px){
  .top-nav{
    display: none;
      }
    /*======= navbar =======*/
    .navbar{
        position: sticky;
    }
    /*====== whatsapp logo start =======*/
    .whatsapp{
    bottom: 90px;
    }
    .whatsapp a{
        font-size: 40px !important;
        
    }
        /*====== whatsapp logo end =======*/
}
@media only screen and (min-width:360px)and (max-width:915px){
    .offcanvas {
        width: 65vw !important;
      
       
      }
      .offcanvas .offcanvas-header button{
      /* color:white; */
      
      margin:10px 10px 0 0;}
      
      .offcanvas .offcanvas-body ul li a{
        color: white !important;
      }
      .offcanvas .offcanvas-body ul li  .dropdown-menu {
              color: white !important;
      }
      .offcanvas .offcanvas-body ul li  .dropdown-menu .dropdown-item {
        
        overflow: hidden;
        color: white !important;
      }

      /* cantact */
       .contact-fluid .container .form .btn{
        margin-left: 25%;
       }

      .cont .contact-fluid h1{
        text-align: center;
        font-size: 29px;
        font-family: "Gothic A1", sans-serif;
        font-weight: 700;
        color: white;
        background: rgb(25, 25, 133);
        padding: 15px 40px 15px 40px !important;
        width: 80vw;
        align-items: center;
        margin: auto;
        margin-top: 30px;
        border-radius: 30px;
    }
      
    /* footer */
    .contact-footer .container .image{
       margin: 0px -12px -50px -24px;
       padding: 30px 50px 30px 50px;
      }
      .contact-footer .container .image .con a{
       font-size: 35px;
 
      }
      .contact-footer .container .contant{
       margin: 0px -12px -50px -24px;
       padding:20px 50px 50px 50px;
       
      }
      .contact-footer .container .contant h2{
       font-size: 19px !important;
       font-weight: 600;
     
      }
      .contact-footer .container .contant p{
       font-size: 17px;
       font-weight: 510;
      }
      .contact-footer .container .image .con a {
        font-size: 30px !important;
       }
}
@media only screen and (min-width:393px)and (max-width:915px){
    /* footer */
    .contact-footer .container .image{
       margin: 0px -12px -50px -24px;
       padding: 30px 50px 30px 50px;
      }
      .contact-footer .container .image .con a{
       font-size: 35px;
 
      }
      .contact-footer .container .contant{
       margin: 0px -12px -50px -24px;
       padding:20px 50px 50px 50px;
       
      }
      .contact-footer .container .contant h2{
       font-size: 25px;
       font-weight: 600;
     
      }
      .contact-footer .container .contant p{
       font-size: 17px;
       font-weight: 510;
      }
}


@media only screen and (min-width:393px)and (max-width:915px){
   /* footer */
   .contact-footer .container .image{
     margin: 0px -12px -50px -24px;
     padding: 30px 50px 30px 50px;
    }
    .contact-footer .container .image .con a{
     font-size: 30px;
  
    }
    .contact-footer .container .contant{
     margin: 0px -12px -50px -24px;
     padding:20px 50px 50px 50px;
     
    }
    .contact-footer .container .contant h2{
     font-size: 24px;
     font-weight: 600;
   
    }
    .contact-footer .container .contant p{
     font-size: 17px;
     font-weight: 510;
    }
  }

  /*========= Tablet view =========*/
     @media only screen and (min-width:720px)and (max-width:1140px){
      /* footer */
.contact-footer .container .contant{
   margin-left: -63px;
   height: 194px;
}
.contact-footer .container .contant {
   padding-top: 40px;
}

 .contact-fluid .container .form .btn{
  margin-left: 38%;
 }

.contact-footer .container .image{
   margin:0 -63px 0 -12px;
   height: 194px;
   padding-top: 70px !important;
   gap: 5px;
}
.container-footer{
   margin-top: -80px;
}
}