@media screen and (min-width:768px) {
    .common-main-title{
        font-size: 2.62vw;
      }
      .common-description{
        font-size:1.59vw;
        line-height: 2.431vw;
      }
      .content-title{
        font-size: 1.736vw;
      }
      .content-desc{
        font-size: 1.59vw;
        margin-bottom: 0.694vw;
      }
      .large-title{
        font-size: 6.708vw;
      }
      .common-title{
        font-size: 3.472vw;
    }
    a.view-btn{ font-size:1.25vw;}
    .about-sec-content h3.content-title {line-height: 2.031vw;font-size:1.389vw;}
    .blog-content .common-description{
      max-width: 42.472vw;
  }
  .workshop-sec, .faculty-slider-section,  .gallery-section, .blog-section, .testimonials-section, .cta-section, .certificate-sec  {padding: 4.167vw 0vw;}
  .certificate-content img{width:20%}
  .blog-item-content h2{font-size: 1.244vw;}
  .blog-sec .user-name, .blog-sec .blog-date{font-size: 1.042vw;}
  .about-content {
      width: 100%;
      max-width: 90%;
  }
    /* .gallery-grid {
        gap: 15px; 
    }
    .gallery-media-item {
        width: 13.889vw; 
        height: 13.889vw;
    }

    .gallery-media-item.video-large {
        width: 21.778vw; 
    }

    .gallery-media-item.video-tall {
        width: 21.678vw; 
        height: 36.111vw; 
    } */
    .about_section {padding: 4.17vw;}
    .about-bg {padding: 2.08vw;}
    .our-details-sec {
      margin: -13.89vw 2.78vw 2.78vw;
      padding: 13.89vw 2.78vw 2.78vw;
    }
    .choose-section { padding: 4.17vw 0;}
    .journey-section {padding: 5.56vw 0;}
    /* founder section */
    .founder-content-scroll {
        max-height: 38.14vw;
    }
    .form-heading {font-size: 1.74vw;}
}

@media(min-width:992px){
  /* ul.sub-menu{width: 10.028vw;} */
  ul.sub-menu li  {
    padding: 0 0.69vw !important;
  }
}

@media screen and (min-width:1600px) {
    .common-main-title{
        font-size:50px;
      }
      .common-description{
        font-size:20px;
        line-height: 35px;
      }
      .content-title{
        font-size:25px;
      }
      .content-desc{
        font-size:18px;
        margin-bottom: 10px;
      }
      .large-title{
        font-size: 116px;
      }
      .common-title{
        font-size: 50px;
    }
    a.view-btn{font-size: 18px;}
    .workshop-sec {
      height: 500px;
    }
    .about-sec-content h3.content-title {line-height: 35px;font-size:20px;}
     .faculty-slider-section .slick-prev, .slick-next {
        width: 50px;
        height: 50px;
    }
    .faculty-slider-section .slick-prev {
        left: -50px;
    }    
    .faculty-slider-section .slick-next {
        right: -50px;
    }    
    .faculty-slider-section .slick-prev i, .faculty-slider-section .slick-next i {
        font-size: 20px;
        color: #666;
    }
    /*  Make the 1st and 6th videos wider */
    .gallery-media-item.video-large {
        width: 400px; 
    }
    /*  Make the 7th video taller */
    .gallery-media-item.video-tall {
        height: 520px; 
        width: 400px; 
    }
    .blog-content .common-description{
      max-width: 770px;
    }
    .workshop-sec, .faculty-slider-section,  .gallery-section, .blog-section, .testimonials-section, .cta-section, .certificate-sec  {padding: 70px 0px;}
    .certificate-content img{width:20% !important;}
    .blog-item-content h2{font-size: 25px;}
    .blog-sec .user-name, .blog-sec .blog-date{font-size:15px;}
    /* ul.sub-menu{width: 130px;} */
    ul.sub-menu li  {
      padding:6px !important;
    }

    .about_section {padding: 60px;}
    .about-bg {padding: 30px;}
    .our-details-sec {
      border-radius: 40px;
      background: #2A2A2A;
      margin: -200px 40px 40px;
      padding: 200px 40px 40px;
    }
     .choose-section { padding: 60px 0px;}
    .journey-section {padding: 80px 0px;}

    /* founder section */
    .founder-content-scroll { max-height: 650px;}
    .form-heading {font-size: 24px;}
}

@media screen and (max-width:767px) {
    .common-main-title{
      font-size: 25px;
    }
    .common-description{
      font-size: 16px;
      line-height: 26px;
    }
    .form-heading {font-size: 19px;}
    .content-title{
      font-size: 20px;
    }
    .content-desc{
      font-size: 16px;
    }
    .workshop-sec {
        height: auto;
        padding: 50px 0px;
    }
    .large-title{
        font-size: 44px;
        color: rgba(0, 0, 0, 0.07);
    }
    .common-title{
        font-size: 28px;
    }
    a.view-btn{font-size: 18px;}
    .gallery-section p.common-description br, .faculty-slider-section p.common-description br{display: none;}
    .workshop-sec h2, .workshop-sec p, .workshop-content div, .faculty-slider-section p.content-desc{text-align: center !important;}
    .about-sec .about-sec-content h2, .about-sec .about-sec-content p, .faculty-slider-section h2, .faculty-slider-section p, .gallery-section p{
      text-align: justify !important;
    }  
    .about-sec-content h3.content-title {line-height: normal;}
    .faculty-slider-section{padding: 30px;}
    .faculty-slider{
      text-align: center;
  }
    .faculty-slider-section .faculty-slider .slick-prev, .faculty-slider-section .faculty-slider .slick-next {
        width: 26px !important;
        height: 26px !important;
    }
    .faculty-slider-section .slick-prev {
        left: -30px;
    }    
    .faculty-slider-section .slick-next {
        right: -30px;
    }    
    .faculty-slider-section .slick-prev i, .faculty-slider-section .slick-next i {
        font-size: 16px;
        color: #666;
    }
    .gallery-section{ padding: 30px 0;}
    .gallery-page-item {padding: 15px 0 !important;}
    .gallery-media-item img, .gallery-media-item video {
      width: 90%;
      margin: 0 auto;
      display: flex;
      flex-direction: column
    }
    .d-flex {
      flex-direction: column;
      align-items: center;
    }
    .gallery-media-item{
      width:90%;
      height: 100%;
      margin: 10px auto;
    }
    .testimonials-section{padding: 30px 0px;}
    .video-user-info .common-description {
        font-size: 14px;
        line-height: 20px;
    }
    .video-company-logo{bottom: 30px;}
    .video-company-logo img{width: 60%;}
    .blog-section {padding: 30px;}
    .blog-wrapper {
      flex-direction: column;
    }
    .blog-image { max-width: 100%;}
    .blog-container { max-width: 100% !important;}
    .blog-content {max-width: 100%;}    
    .cta-section{padding: 30px 0px;}
    .certificate-sec{padding: 30px 0px;height: auto;}
    .certificate-content img{width:20%}
    .certificate-media img{width:80%;}
    .latest-blog-content{padding-top:25px;}
    .blog-item {padding:0px 0px 30px;}
    /* About us */

    .about_section { padding: 20px 10px;}
    .about-bg {padding: 20px 10px;}
    .about-content{padding-top: 20px;}
    .about-content h2, .about-content p { text-align: justify;}
    .our-details-sec{
      margin:-200px 20px 20px;
      padding:200px 10px 40px;
    }
    .choose-section{padding:20px 10px 30px;}
    .journey-section .common-main-title { font-size: 30px;}
    .course-item{width:90% !important;}
  }

  @media(min-width:768px) and (max-width:991px) {
    .workshop-sec {
        height: auto;
        padding: 50px 0px;
    }
    .faculty-slider-section .slick-prev, .slick-next {
      width: 40px;
      height: 40px;
    }
    .faculty-slider-section .slick-prev {
      left: -42px;
    }
    .faculty-slider-section .slick-next {
      right: -42px;
    }
    .faculty-slider-section .slick-prev i, .faculty-slider-section .slick-next i {
      font-size: 16px;
    }
    .gallery-media-item {
      width: 150px; 
      height: 150px;
    }

    .gallery-media-item.video-large {
        width: 200px; 
    }

    .gallery-media-item.video-tall {
        width: 200px; 
        height: 300px; 
    }
    .gallery-media-item {margin: 6px;}
    .video-company-logo{bottom: 30px;}
    .video-company-logo img{width: 60%;}
    .certificate-sec{height: auto;}
    .gallery-section p.common-description br, .faculty-slider-section p.common-description br{display: none;}
  }
  @media(min-width:992px) and (max-width:1199px) {
/*     .footer-menu-items h4 {
      font-size: 16px !important;
      line-height: 10px !important;
    } */
    .gallery-section p.common-description br, .faculty-slider-section p.common-description br{display: none;}
    .gallery-media-item {
      width: 150px; 
      height: 150px;
    }
    .gallery-media-item.video-large {
        width: 250px; 
    }
    .gallery-media-item.video-tall {
        width: 250px; 
        height: 300px; 
    }
    .gallery-media-item {margin: 6px;}
     .video-company-logo{bottom: 30px;}
     .video-company-logo img{width: 70%;}
  }
@media screen and (min-width: 1600px) {
    .footer-menu-items h4 {
        font-size: 18px;
        line-height: 35px;
    }
}
  @media(min-width:1200px) and (max-width:1399px) {
    .gallery-section p.common-description br, .faculty-slider-section p.common-description br{display: none;}
    .gallery-media-item {
      width: 200px; 
      height: 200px;
    }

    .gallery-media-item.video-large {
        width: 350px; 
    }

    .gallery-media-item.video-tall {
        width: 350px; 
        height: 420px; 
    }
    .video-company-logo{bottom: 40px;}
    .video-company-logo img{width: 78%;}
  }
  @media(min-width:1400px) and (max-width:1599px) {
    .gallery-section p.common-description br, .faculty-slider-section p.common-description br{display: none;}
  }
  @media(min-width:1600px) and (max-width:1799px) {}

  @media(max-width:991px){
    ul.sub-menu li {margin-bottom: 0px !important;}
    ul.sub-menu{
      position:relative;
      background-color:#454545;
      margin-top:0.1em !important;
      width: 80%;
    }
    ul.sub-menu li a {
      color: #fff!important;
    }
    .faculty-slider{text-align: center;}
    .top-right-social-media ul li{padding: 0 0px !important;}
    .top-right-social-media ul li a{padding: 0 5px !important;}
  }