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

   body, html {
      width: 100% !important;
      overflow-x: hidden !important;
   }
   
   .timer .text {
      height: 85px !important;
      width: 85px !important;
      margin: 2px !important;
      display: inline-block !important;
   }

   .timer .text p {
      font-size: 0.8rem !important;
   }

   #logoSection .text-start {
      text-align: center !important;
   }

   #logoSection img {
      margin: 12px !important;
   }

   .iLinks a {
      width: 45% !important;
   }

   .videosection video {
      width: 96% !important;
   }
   
   .calendarBox {
      display: none !important;
   }

   #topSection .col-sm-12 {
      border-bottom: 1px solid grey;
      padding: 8px 0px;
      text-align: center;
   }
}