@media screen and (min-width:1600px){
.container{
    max-width: 1440px;
}
}
@media screen and (min-width:1770px){
.container{
   max-width: 1580px;
}
}
@media screen and (min-width:1920px){
.container{
    max-width: 1780px;
}
}
/*Font & Layout Query*/
@media only screen and (max-width: 1680.5px) {
    :root {
    --xl: 38px;
    --lg:22px;
    --md:17px;
    --md-2:16px;
  }
}
@media only screen and (max-width: 1500px) {
  :root {
    --xl: 38px;
    --sm:14px;
  }
}
@media only screen and (max-width: 1440px) {
  /* .video-content p {
    font-size: 20px;
  } */
/*  .ash-winners .winner-card {*/
/*    padding: 7px 7px;*/
/*}*/
.content-style-md-gradient {
    font-size: 26px;
}
  .footer-logo img {
    max-width: 190px;
}
 
}
@media only screen and (max-width: 1366.5px) {
  root{
    --xl: 32px !important;
    --font-32:24px !important;
    --font-20:15px !important;
    --font-28:19px !important;
  }
  
  .card-title {
    font-size:26px;
  }
  .card-link {
    font-size:16px;
  }
  .modal-body p {
    font-size: 20px;
  }
  .footer-logo img {
    max-width: 190px;
}
.nav-link-tab {
    padding: 7px 20px !important;
  }
  .nav-link-tab.active,.nav-link-tab {
    font-size: 14px;
  }

}
@media only screen and (max-width: 1280.5px) {
   :root {
    --xl: 32px;
  }
.modal-dialog {
    max-width: 1000px;
  }
  .custom-modal {
    padding: 30px !important;
  }
      .content-style-md-gradient {
        font-size: 20px;
    }
    .content-style-md-3-navy {
    font-size: 16px;
  }
  .ash-winners .winner-content-container {
    padding: 25px 15px 20px 15px;
}
}
@media only screen and (max-width: 1200.5px) {
.navbar-brand {
    max-width: 60px;
}
.navbar-brand img {
    max-width: 100%;
}
}
@media only screen and (max-width: 1024.5px) {
  :root {
    --xl: 30px;
    --md:18px;
    --md-2:17px;
    --sm:14px;
  }

    .footer-logo img {
    max-width: 190px;
}
.modal-dialog {
        max-width: 900px;
    }
  .modal-body p {
        font-size: 15px;
    }
    .model-btn-style {
    padding: 10px 40px;
  }
.suleman-habib-img img {
    max-width: 35%;
    position: absolute;
    top: 80px;
    right: 0px;
}
.media-swiper {
    padding-bottom: 90px;
}
.media-swiper .swiper-slide {
    height: 300px;
  }
}

@media only screen and (max-width: 991.5px) {
  .card-content {
    gap: 5px;
}
 .card-title {
    font-size:20px ;
  }
  .card-link {
    font-size:14px;
  }
  .flex-center {
    justify-content: start;
}
.flex-end    {
    justify-content: start;
}
    /*.ash-winners .winner-card {*/
    /*    padding: 5px 5px;*/
    /*}*/
}

@media only screen and (max-width: 768px) {
  :root {
    --xl: 28px;
    --lg:20px;
    --md:18px;
    --md-2:16px;
    --sm:14px;
  }
.winner-content-container{
  padding: 25px 15px 25px 15px;
}
.view-arrow svg {
    max-width: 22px;
}
    .footer-logo img {
    max-width: 150px;
}
.footer-social ul li i {
    font-size: 14px;
}
.footer-social ul li a {
    padding: 10px 10px;
  }
  .footer-social ul li a::before {
    width: 40px;
    height: 40px;
  }
.row-reverse{
  flex-direction: column-reverse;
}
.modal-dialog {
        max-width: 700px;
    }
  .modal-body p {
        font-size: 14px;
    }
.custom-modal {
    padding: 15px!important;
  }
  .ash-winners {
    background-position: bottom;
  }
}
@media only screen and (max-width: 767.5px) {
    .eligibility-criteria {
    padding: 50px 0px;
}
.evaluation-criteria {
     padding: 50px 0px;
}
.past-winners{
  padding: 30px 0px;
}
.main-faq {
    padding: 20px 0px;
}
    .main-footer {
    padding: 30px 0px;
}
.about-swiper .swiper-navigation {
    bottom: 50%;
    right: 40%;
}
.suleman-habib-img img{
display:none;
}
.custom-d{
display:block;
}
 .media-swiper .swiper-slide-active{
    transform:scale(1);
  }
  .media-swiper .swiper-navigation {
    right: 38%;
  }
}
@media only screen and (max-width: 500.5px) {
:root {
    --xl: 26px;
    --lg:15px;
    --md:15px;
    --md-2:14px;
    --sm:13px;
  }
  header .navbar-brand{
    max-width: 150px;
  }
     /* .video-content p {
        font-size: 16px;
    } */
  .about-swiper-prev, .about-swiper-next {
    width: 40px !important;
    height: 40px !important;
  }
    .about-swiper .swiper-navigation {
        bottom: -20px;
      }
          .card-title {
        font-size: 17px;
    }
     
     #lightbox .swiper-button-next{
         right: 75px;
    top: 80%;
     }
     #lightbox .swiper-button-prev{
         left: 75px;
    right: auto;
    top: 80%;
     }
     #lightbox .swiper-button-prev img, #lightbox .swiper-button-next img {
    width: 40px;
    height: 40px;
}
.slick-arrow img{
    max-width:40px !important;
} 
 .media-video-wrapper iframe{
      width:100%;
    }
  }