@media screen and (min-width:320px) and (max-width:600px){

   body, html {
      width: 100% !important;
      overflow-x: hidden !important;
   }
   .logoBox {
      text-align: center !important;
   }
   .logoBox .img-fluid {
      height: 180px !important;
      width: auto !important;
      margin: auto !important;
   }

   .navbar-toggler span {
      color:black !important;
   }

   .menuMainBox {
      border-radius: 0px !important;
      margin-bottom: 0px !important;
   }

   .menuMainBox.p-3 {
      padding: 4px !important;
   }

   .countdown .box {
      position: relative !important;
      margin-top: -8px !important;
   }

   .timer ul li {
      height: 75px !important;
      width: 75px !important;
      margin: 2px !important;
   }

   .timer ul li .clock {
      font-size: 1.3rem !important;
   }

   .timer ul li .time {
      font-size: 0.9rem !important;
      margin-left: -10px !important;
      margin-top: -6px !important;
   }

   .socialAssociation .img-fluid {
      height: 80px !important;
   }

   .loader {
      position: absolute !important;
      top:8% !important;
      left:8% !important;
   }

   .callus, .emailus, .reachus {
      margin-left: 0px !important;
   }

   .visitor img {
      width: 100% !important;
   }

   .loader3 {
      left: -12px !important;
   }
   
}