/*responsive*/
@media (min-width: 1300px) {
  .container-lg{max-width: 1240px;}
}
@media (min-width: 1900px) { 
  .gal-slide{width: 40%;}
}

@media (max-width: 1199.9px) {
    .specialImg img.gaurs-logo{width: 250px;}
    .logoUPCA1 img{height: 125px;}
}

@media (max-width: 1024px) {
    .banner{height: 60vh;}
}

@media (max-width: 991.9px) {
    html{font-size: 87.5%;}
    .padding{padding-top: 2.5rem; padding-bottom: 2.5rem;}
    .container-lg, .container-fluid{padding-left: 20px; padding-right: 20px;}
    .header{grid-template-columns: 150px 1fr;}
    .scrollDown{bottom: calc(40% + 2rem);}
    .heading .h1{font-size: 2.5rem;}
    .logoUPCA1 img{height: 90px;}
    .moreEventsContainer .scroller{height: auto; display: flex; flex-wrap: wrap; gap: 10px;}
    .eventBox{width: calc(50% - 10px); margin-bottom: 0 !important;}
    .eventBox:last-of-type{display: none;}
    .eventBox a .img-fluid, .eventBox a .img-fluid img{height: 100%;}
    .swiper{padding-bottom: 50px;}
    .swiper-button-next, .swiper-button-prev{top: auto !important; margin-top: 0 !important; bottom: 0; width: 32px !important; height: 32px !important; border-color: rgba(0, 0, 0, 0.2) !important;}
    .swiper-button-next:after, .swiper-button-prev:after{color: var(--body-color) !important; font-size: 13px !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev{right: calc(50% - 35px);}
    .swiper-button-prev, .swiper-rtl .swiper-button-next{left: calc(50% - 35px);}
    .testimBox .inner{padding: 2rem;}
    .readmore{margin-top: 3rem;}
    .foot-About h5{font-size: 1.5rem;}
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  body{font-weight: 400; text-align: justify; text-align-last: center;}
  p{font-size: 1.25rem;}
  .header{grid-template-rows: 0 50px;}
  .header.on{grid-template-columns: 80px 1fr;}
  .banner {height: 550px; padding-top: 50px;}
  .scrollDown{bottom: 1rem;}
  .heading{margin: 0 auto 1.5rem; text-align: center;}
  .headingContainer .heading{margin-left: 0; text-align: left; text-align-last: left;}
  .readmore .button{min-width: 130px;}
  .specialImg{padding: 2rem 0;}
  .specialImg > img{height: 180px;}
  .specialBox .inner{margin-top: 2rem;}
  .flip-box-front, .flip-box-back{min-height: 190px;}
  .flip-box .inner .ikon{width: 40px;}
  .hm-eventsContainer .inner article, .eventBox a article, .eventBox .inner .date{text-align-last: left;}
  .toggleHead .toggleBtn{max-width: 170px; flex: 0 0 170px;}
}

@media (max-width: 575.9px) {
    .scrollDown{display: none;}
    .mbMenuContainer{width: 100%; height: 100%;}
    .gal-slide{width: 85%;}
    .eventBox{width: 100%;}
    .foot-menu .insideBox{display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;}
    .foot-About .smallHeading{font-size: 13px; margin-bottom: 0 !important;}
    .foot-About .smallHeading a{padding: 8px 13px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.5);}
}

@media (max-width: 480px) {
}

@media (max-width: 425px) {
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}