@media only screen and (max-width: 1900px){
    .banner-two .swiper-slide{
        height: 830px;
    }
    .banner-two .banner-two__slider-single{
        height: 830px;
    }
}
@media only screen and (max-width: 1400px){
    .team-area .slider-navigation{
        width: calc(100% + 140px);
        z-index: 0;
        top: 37%;
    }
    .banner-two .banner-two__slider-single{
        padding-block: 100px 100px !important;
    }
    .banner-two .swiper-slide{
        height: 550px;
    }
    .banner-two .banner-two__slider-single{
        height: 550px;
    }
    .common-banner {
        padding-top: 155px;
        padding-bottom: 175px;
        height: 350px;
    }
}
@media only screen and (max-width: 1200px){
    .banner-two .banner-two__slider-single{
        padding-block: 120px 140px !important;
    }
}
@media only screen and (max-width: 978px){
    .header-primary{padding: 7px 0px;}
    .header .navbar-logo img{height: auto;max-width: 40px;}
    .mobile-menu .close-mobile-menu{top: 0;font-size: 32px;}
    .mobile-menu .logo img{max-width: 50px;}
    .mobile-menu .mobile-menu__wrapper{padding: 20px 0px;gap: 20px;}
    .banner-two .banner-two__slider-single{padding-block: 60px 60px !important;height: 320px;}
    .banner-two .swiper-slide{height: 320px;}
    .banner-two .banner-two__slider-content h1{font-size: 34px;line-height: 40px;}
    .banner-two .btn--primary{padding: 13px 25px;}
    .section__header h2{font-size: 28px;margin: 6px 0px 10px;line-height: 36px;}
    p, th, td, li, input, textarea, select, label, blockquote, span{font-size: 14px;line-height: 24px;}
    .difference-three .difference-three__thumb-inner .thumb-sm img{width: 220px;}
    .difference-three .difference-three__thumb-inner .thumb-lg{margin-inline-end: 80px;}
    .blog .blog__single-content h5{font-size: 18px;}
    .blog-main .blog__single-cta{padding-block-start: 18px;}
    .blog-main .blog__single-thumb a img{min-height: 210px;}
    .difference-two .difference-two__thumb .thumb-sm{width: 220px;height: 220px;}
    .difference-two .difference-two__thumb .thumb-lg{margin-inline-end: 20px;}
    .slider-navigation .slider-btn{width: 50px;min-width: 50px;height: 50px;}
    .team-area .slider-navigation{width: calc(100% + 100px);}
    .blog-main .blog__single-cta a{font-size: 13px;}
    .common-banner{padding-top: 15px;padding-bottom: 60px;height: 280px;}
    .common-banner .breadcrumb{padding: 15px 22px;}
    p{margin-bottom: 16px;}
    .team-area-two .thumb img{min-height: 240px;}
    .pb-80{padding-bottom: 60px;}
    .pt-80{padding-top: 60px;}
    .cm-details .cm-group p{font-size: 16px;line-height: 24px;}
    .explore-area .explore__wrapper{grid-template-columns: repeat(2, 1fr);}
    .gallery-box{column-count: 3;}
    .map .map-inner iframe{height: 300px;}
    .footer .footer__widget .footer__widget-intro{margin-bottom: 15px;}
    .footer-two .social a{width: 36px;min-width: 36px;height: 36px;}
    .contact .topbar__item .topbar__item-single{padding: 20px 20px;margin-bottom: 20px;}
    .difference-three .difference-three__thumb-inner{min-width: 380px;}
    .contact__form .input-single input, .contact__form .input-single textarea, .contact__form .input-single .nice-select, .checkout__form .input-single input, .checkout__form .input-single textarea, .checkout__form .input-single .nice-select{
        padding: 15px 0px;
    }
    .volunteer .volunteer__form{padding: 30px 30px;}
    .contact__form .input-single, .checkout__form .input-single{margin-bottom: 20px;}
    .contact__content .section__header{margin-bottom: 30px;}
    .contact__content .topbar__item.mt-40{margin-top: 30px;}
    .team-two-slider .swiper-slide a img{
        width: 222px;
        height: 172px;
    }
     .album-item {box-shadow: 0px 0px 8px -5px #000;}
    .album-item img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .album-m-name{padding: 10px 10px 10px;text-align: center;font-size: 20px;line-height: 26px;}
}
@media only screen and (max-width: 699px){
    .header-primary{padding: 7px 0px;}
    .header .navbar-logo img{height: auto;max-width: 40px;}
    .mobile-menu .close-mobile-menu{top: 0;}
    .mobile-menu .logo img{max-width: 50px;}
    .mobile-menu .mobile-menu__wrapper{padding: 20px 0px;}
    .banner-two .swiper-slide{height: 300px;}
    .banner-two .banner-two__slider-single{
        padding-block: 50px 50px !important;
        height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .banner-two .banner-two__slider-bg{height: 300px;}
    .banner-two .banner-two__slider-content h1{font-size: 26px;line-height: 34px;margin-top: 10px;}
    .banner-two .banner__content-cta.mt-40{margin-top: 20px;}
    section.pb-60{padding-bottom: 40px;}
    section.pt-60{padding-top: 40px;}
    section.pb-80{padding-bottom: 40px;}
    section.pt-80{padding-top: 40px;}
    .difference-two .difference-two__content h2{font-size: 24px;line-height: 30px;}
    .team-area .slider-navigation{display: none;}
    .banner-two .btn--primary{padding: 12px 20px;font-size: 14px;}
    .btn--secondary{padding: 12px 25px;font-size: 14px;}
    .btn--secondary::before {padding-top: 12px;}
    .event .blog__single-thumb img{aspect-ratio: 3 / 2;}
    .section__header h2{font-size: 24px;line-height: 30px;}
    p, th, td, li, input, textarea, select, label, blockquote, span{font-size: 14px;line-height: 24px;}
    .difference-three-cta-top{margin-top: 25px;}
    p{margin-bottom: 14px;}
    .cta-section h2{margin-bottom: 14px;}
    .blog-area-two .tag a, .blog-area-two .tag p{margin-bottom: 0px;}
    .about-section .clearfix > .col-12{margin-bottom: 0px;}
    .difference-three .difference-three__thumb-inner .thumb-sm{bottom: 40px;}
    .difference-three .difference-three__thumb-inner .thumb-sm img{width: 240px;}
    .difference-three .difference-three__thumb-inner .thumb-lg img{height: 400px;min-height: 200px;width: 100%;}
    .difference-three .difference-three__thumb-inner .thumb-lg{margin-inline-end: 80px;}
    .difference-three .difference-three__content{margin-top: 30px;}
    .difference-three .difference-three__thumb-inner{min-width: 100%;}
    .difference-two .difference-two__thumb .thumb-lg{margin-inline-end: 100px;margin-bottom: 50px;}
    .difference-two .difference-two__thumb .thumb-sm{height: 180px;width: 180px;bottom: 10px;}
    .difference-two .difference-two__thumb .thumb-lg img{width: 100%;height: 100%;}
    .common-banner{
        padding-top: 25px;
        padding-bottom: 65px;
        height: 220px;
    }
    .common-banner .banner-bg img{height: 100%;object-fit: cover;}
    .common-banner .banner-bg{height: 180px;}
    .common-banner .breadcrumb{padding: 15px 25px;}
    .about-section .difference-three__content{margin-top: 10px;}
    .vision-body{margin-bottom: 30px;display: block;height: auto;}
    .vision-mission .row >*:last-child .vision-body{margin-bottom: 0px;}
    .mobile-menu{max-width: 100%;}
    .mobile-menu .mobile-menu__wrapper{inset-inline-start: 400px;}
    .show-menu .mobile-menu__wrapper{inset-inline-start: 80px;width: 340px;}
    .mobile-menu .mobile-menu__social a{background-color: #7317ff;}
    .mobile-menu .mobile-menu__social a:hover{background-color:  var(--quaternary-color);color: #fff;}
    .mobile-menu .navbar__item a{padding-inline: 30px 30px;}
    .mobile-menu .mobile-menu__header{padding: 0px 20px;}
    .footer .footer__widget .footer__widget-intro{margin-bottom: 20px;}
    .team-area-two .thumb img{object-position: top;height: 100%;}
    .team-area-two .thumb a{height: 370px;}
    .explore-area .explore__wrapper{grid-template-columns: repeat(1, 1fr);}
    .gallery-box{column-count: 2;}
    .cm-details .cm-group p{font-size: 14px;line-height: 24px;}
    .album-item {box-shadow: 0px 0px 8px -5px #000;}
    .album-item img{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .album-m-name{padding: 10px 10px 10px;text-align: center;font-size: 20px;}
}
@media only screen and (max-width: 399px){
    .show-menu .mobile-menu__wrapper{width: 310px;}
}
@media only screen and (max-width: 380px){
    .show-menu .mobile-menu__wrapper{width: 280px;}
    .difference-three .difference-three__thumb-inner .thumb-sm img{width: 220px;}
    .difference-three .difference-three__thumb-inner .thumb-lg img{height: 350px;}
    .difference-three .difference-three__thumb-inner .thumb-sm{bottom: 30px;}
}
@media only screen and (max-width: 280px){
    .show-menu .mobile-menu__wrapper {width: 100%;inset-inline-start: 0px;}
    .difference-three .difference-three__thumb-inner .thumb-sm{bottom: 70px;inset-inline-end: -10px;}
    .difference-three .difference-three__thumb-inner .thumb-sm img{width: 160px;}
    .difference-three .difference-three__thumb-inner .thumb-lg{margin-inline-end: 0px;}
}