@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1460px) {
    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
      }

      .navbar a {
        font-size: 16px !important;
      }

      #menuArea {
        position: fixed !important;
        top:0;
        left: 0;
        right: 0;
        background-color: #fff;
      }  

      #imageRightCol .CommitteeContainer .imageTxtBox {
        height: 255px !important;
       }
      
      .date_contact.font3, .date_contact.font3 a.font3 {
        font-size: 20px !important;
      }
      #bannerContentRow {
        margin-top:8%;
      }
      #bannerContentRow #logoTop img {
      height: 110px !important;
      width: auto !important;
      }

      #bannerContentRow h2.heading7 {
        font-size: 45px !important;
        font-weight: bold;
      }

      #bannerContentRow .heading3 {
        font-size: 28px !important;
        font-weight: bold;
      }

      #bannerContentRow .heading4 {
        font-size: 25px !important;
        font-weight: bold;
      }
      #bannerContentRow .vspace_1 {
        padding-top: 4px !important;
      }
      .btn.font3 {
        font-size: 20px !important;
        font-weight: bold;
      }

      #committeeContent #member .member {
        padding: 10px !important;
      }
    
}

@media screen and (max-width: 1130px) {
      .navbar a {
      font-size: 14px !important;
    }

    .navSecondary {
      display: none;
    }

    #menuArea {
      position: fixed !important;
      top:0;
      left: 0;
      right: 0;
      background-color: #fff;
    }  
    
    .date_contact.font3, .date_contact.font3 a.font3 {
      font-size: 17px !important;
    }
    #bannerContentRow {
      margin-top:12%;
    }
    #bannerContentRow #logoTop img {
    height: 110px !important;
    width: auto !important;
    }    

    #bannerContentRow h2.heading7 {
      font-size: 42px !important;
      font-weight: bold;
    }

    #bannerContentRow .heading3 {
      font-size: 24px !important;
      font-weight: bold;
    }

    #bannerContentRow .heading4 {
      font-size: 25px !important;
      font-weight: bold;
    }
    #bannerContentRow .vspace_1 {
      padding-top: 4px !important;
    }
    .btn.font3 {
      font-size: 15px !important;
      padding: 10px 20px !important;
      font-weight: bold !important;
    }

    #committeeContent #member .member {
      padding: 10px !important;
    }

    .timer .boxed {
      height: 90px;
      width: 120px;
      font-size: 45px;
    }

    .timer .timerLabel {
      font-size: 25px;
    }

    .timerText .arrow img {
      height: 60px !important;
    }

    .timerText .heading3 {
      font-size: 24px !important;
    }

    .timerText .font3 {
      font-size: 18px !important;
    }
    
    #imageRightCol, #leftContent {
      width: 100% !important;
    }
  
}

@media screen and (max-width: 767px) {
  .navbar a {
  font-size: 14px !important;
}

.date_contact.font3, .date_contact.font3 a.font3 {
  font-size: 17px !important;
}
#bannerContentRow {
  margin-top:14%;
}
#bannerContentRow #logoTop img {
height: 90px !important;
width: auto !important;
}

#bannerContentRow h2.heading7 {
  font-size: 42px !important;
  font-weight: bold;
}

#bannerContentRow .heading3 {
  font-size: 24px !important;
  font-weight: bold;
}

#bannerContentRow .heading4 {
  font-size: 25px !important;
  font-weight: bold;
}
#bannerContentRow .vspace_1 {
  padding-top: 4px !important;
}
.btn.font3 {
  font-size: 15px !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
}

#committeeContent #member .member {
  padding: 10px !important;
}

.timer .boxed {
  height: 90px;
  width: 120px;
  font-size: 45px;
  margin: 20px auto !important;
}

.timer .timerLabel {
  font-size: 25px;
width:220px !important;
margin: 20px auto !important;
}

.timerText .arrow img {
  height: 60px !important;
}

.timerText .heading3 {
  font-size: 24px !important;
}

.timerText .font3 {
  font-size: 18px !important;
}

#imageRightCol, #leftContent {
  width: 100% !important;
}

.bottomFooter .col-md-6 {
width:100% !important;
text-align: center !important;
}

.timerSection  {
  text-align: center !important;
}

}

@media screen and (max-width: 500px) {
  .timer .boxed, .timer .timerLabel {
width: 120px !important;
  }
  .footerLogo {
    margin-top: 20px !important;
  }
  #bannerContentRow {
    margin-top:45% !important;
  }
  
  .p-5 {
    padding: 10px !important;
  }

  #welcomeMessage p, .textContent p, #imageRightCol .CommitteeContainer .imageTxtBox, .member .name, .instruction li {
    font-size: 16px;
  }

  #bannerContentRow #logoTop img {
    height: 70px !important;
  }

  #bannerContentRow h2.heading7 {
    font-size: 36px !important;
  }

  #bannerContentRow .heading3 {
    font-size: 18px !important;
  }
}