/*--------------------
#About page media
-------------------------*/
@media (min-width:768px) {

    .vector.mobile,
    .gallery-slider-wrapper .loadmore {
        display: none;
    }

    .elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper .swiper-wrapper .swiper-slide {
        flex: auto;
        text-align: center;
    }
}

@media (min-width:1800px) {
    .mainGallery .gallery-item {
        min-width: 520px;
        max-width: 520px;
        padding: 30px 0;
        margin-right: 255px !important;
    }
}

@media (max-width:1440px) {

    .director-sec .director-desc:before,
    .director-sec .director-desc:after {
        right: 100%;
    }

    /*gallery page*/
    .gallery-wrapper {
        padding-top: 110px;
    }

    .gallery-wrapper .page-title h1 {
        font-size: 70px;
    }

    .mainGallery .gallery-item .title {
        font-size: 20px;
    }

    .mainGallery .gallery-item .gallery-img > a .front-image {
        max-height: 240px;
        min-height: 240px;
    }

    .mainGallery .gallery-item.multi-image .gallery-img .front-image {
        margin-top: 25%;
    }

    .mainGallery .gallery-item .gallery-img > a .back-image {
        max-height: 178px;
        min-height: 178px;
    }
}

@media (max-width:1300px) {
    .vector-bg-shape {
        background-size: 100% 200px;
    }

    .gallery-wrapper .page-title h1 {
        font-size: 60px;
    }

    .mainGallery .gallery-item {
        min-width: 400px;
        max-width: 400px;
        margin-right: 100px !important;
    }

    .mainGallery .gallery-item .gallery-img > a .full-image {
        width: 100%;
        max-width: 400px;
    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img + .title {
        max-width: 200px;
    }

    .mainGallery .gallery-item .gallery-img > a .back-image {
        max-height: 138px;
        min-height: 138px;
        max-width: 180px;
    }

    .mainGallery .swiper-button-next,
    .mainGallery .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

}

@media (max-width:1366px) {

    .director-sec .director-desc:before,
    .director-sec .director-desc:after {
        right: 95%;
        background-size: 230px auto;
        top: -20px;
    }

    .director-sec .director-desc:after {
        top: -60px;
        right: 0;
    }
}

@media (max-width:1280px) {


    .director-sec .director-desc:before,
    .director-sec .director-desc:after {
        left: -40%;
        background-size: 180px auto;
        top: -20px;
        width: 180px;
    }

    .director-sec .director-desc:after {
        top: -60px;
        right: -40%;
        left: auto;
    }

    .director-sec .director-img {
        margin-top: -115px;
    }

    .director-sec .director-img img {
        width: 180px;
        height: 180px;
    }


    .director-sec .elementor-widget-wrap {
        max-width: 680px;
        min-height: 580px;
    }

    .director-sec .director-desc h3 {
        font-size: 30px;
    }

    .director-sec .director-desc {
        align-items: flex-start;
        font-size: 14px;
    }
}

@media (max-width:1100px) {
    .about-community-desc h3 {
        font-size: 32px;
    }

    .about-our-home h4 {
        font-size: 30px;
    }

    .about-sub-title .elementor-widget-tabs .elementor-tab-title {
        font-size: 18px;
    }

    .about-check-button .elementor-button-link {
        font-size: 18px;
        padding: 15px;
        line-height: 24px;
        min-width: 340px;
    }

    .tab-img img {
        max-height: 340px;
    }

    .director-sec .director-desc {
        padding-bottom: 40px;
        padding-top: 70px;
        padding-left: 90px;
        padding-right: 90px;
    }

    .director-sec .elementor-widget-wrap {
        max-width: 540px;
        background-size: 100% 100%;
    }

    .director-sec .director-desc:before {
        left: -30%;
    }

    .director-sec .director-desc:after {
        right: -30%;
    }

    /*gallery page*/
    .mainGallery .gallery-item {
        min-width: 360px;
        max-width: 360px;
        margin-right: 80px !important;
    }

    .mainGallery .gallery-item .title {
        font-size: 18px;
    }
}

@media (max-width:992px) {

    .about-sub-title .elementor-widget-tabs .elementor-tab-content > div {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 20px auto;
        float: none;
    }

    .director-sec .director-desc h3 {
        font-size: 28px;
    }

    .director-sec .director-desc:before,
    .director-sec .director-desc:after {
        width: 140px;
        background-size: 140px auto;
    }

    .director-sec .director-desc:after {
        right: -20%;
    }

    .director-sec .director-desc:before {
        left: -20%;
    }

    .community-slider .elementor-column {
        width: 100%;
        padding: 0 20px;
    }

    .about-community-sliderimg .swiper-slide-image {
        width: 100%;
        height: auto;
    }

    .about-community-sec .elementor-column .elementor-widget-text-editor {
        padding: 0 30px;
    }

    /*Gallery*/
    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img + .title {
        max-width: 180px;
    }
}

@media (max-width:767px) {
    .about-sub-title {
        padding: 40px 0 40px 0;
    }


    .about-our-home:before {
        top: -90px;
    }

    .about-our-home:after {
        top: -100px;
        height: 75px;
    }

    .tab-desc-sec {
        font-size: 14px;
        padding: 80px 0 30px;
    }

    .director-sec .director-desc {
        font-size: 10px;
    }

    .about-community-sec .elementor-column .elementor-widget-text-editor {
        font-size: 12px;
        padding: 0 20px;
    }

    .community-slider .elementor-column {
        padding: 0;
    }

    .about-check-button .elementor-button-link {
        font-size: 12px;
        padding: 8px 15px;
        line-height: 24px;
        min-width: 185px;
    }

    .about-community-desc h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }


    .about-sub-title .elementor-tabs .elementor-tabs-wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        margin: 20px -10px;
    }

    .about-sub-title .elementor-widget-tabs .elementor-tab-title {
        display: none;
    }

    .about-sub-title .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
        display: block;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        padding: 10px;
        color: #757575;
        opacity: 0.5;
    }

    .about-sub-title .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.swiper-slide-active {
        opacity: 1;
    }

    .about-our-home h4 {
        font-size: 25px;
    }

    .about-sub-title .elementor-widget-tabs .tab-desc-sec .tab-title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .tab-img img {
        max-height: 220px;
    }

    .director-sec {
        padding: 130px 0;
    }

    .director-sec .director-desc {
        padding-bottom: 20px;
        padding-top: 60px;
        padding-left: 70px;
        padding-right: 70px;
        font-size: 10px;
    }

    .director-sec .elementor-widget-wrap {
        max-width: 380px;
        min-height: auto;
    }

    .director-sec .director-img {
        margin-top: -40px;
    }

    .director-sec .director-img img {
        width: 95px;
        height: 95px;
    }

    .director-sec .director-desc h3 {
        font-size: 20px;
    }

    .director-sec .director-desc:before {
        background-image: url('img/director-before-mobile.png');
        width: 100%;
        left: 0;
        bottom: auto;
        top: -37%;
        height: 157px;
        background-size: contain;
        background-position: center center;
    }

    .director-sec .director-desc:after {
        background-image: url('img/director-after-mobile.png');
        width: 100%;
        left: 0;
        bottom: -40%;
        top: auto;
        height: 250px;
        background-size: 100%;
    }

    /*Gallery*/
    .vector.desktop {
        display: none;
    }

    .vector.mobile {
        position: absolute;
        background: url('img/media/yellow-bg-line-mobile.png');
        width: 100%;
        height: 147px;
        left: 0;
        top: 0;
        background-size: 100% 147px;
        background-repeat: no-repeat;
    }

    .gallery-slider-wrapper {
        padding: 0 30px;
        overflow: hidden;
        position: relative;
    }

    .filter {
        margin-bottom: 30px;
    }

    .vector.mobile.vector-bg-shape1 {
        top: 8%;
    }

    .vector.mobile.vector-bg-shape2 {
        top: 30%;
        opacity: 0.6;
        transform: rotate(-30deg);
        width: 110%;
        left: -5%;
    }

    .vector.mobile.vector-bg-shape3 {
        top: 56%;
        opacity: 0.4;
    }

    .gallery-wrapper {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .gallery-wrapper .page-title {
        margin-bottom: 40px;
    }

    .gallery-wrapper .page-title h1 {
        font-size: 30px;
    }

    .mainGallery .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .mainGallery .gallery-item .title {
        opacity: 1;
        font-size: 15px;
    }

    .mainGallery .gallery-item {
        padding: 0;
        margin-bottom: 50px;
        margin-right: 0 !important;
        max-width: 280px;
        min-width: inherit;
        width: 100%;
        overflow: visible;
    }

    .mainGallery .gallery-item.single-image {
        margin-left: 0;
    }

    .mainGallery .gallery-item.multi-image {
        margin-left: auto;

    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img .front-image,
    .mainGallery .gallery-item.multi-image .gallery-img .front-image {
        margin-top: 0;
        margin-left: auto;
        min-height: inherit;
        max-width: 209px;
        max-height: 130px;
        width: 100%;
        object-fit: cover;
    }

    .mainGallery .gallery-item.multi-image .gallery-img .back-image {
        position: absolute;
        left: 0;
    }

    .mainGallery .gallery-item .gallery-img > a .full-image {
        width: 100%;
        max-width: 100%;
        max-height: 180px;
        object-fit: cover;
    }


    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img .front-image {
        margin-left: -40px;
        max-width: 100%;
        max-height: 180px;
        margin-bottom: 20px;
    }

    .mainGallery .gallery-item.multi-image .gallery-img .back-image {
        position: absolute;
        left: -70px;
        max-width: 120px;
        top: auto;
        bottom: 0;

        min-height: inherit;
        max-height: 95px;
    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img .back-image {
        bottom: -40px;
        left: auto;
        right: 0;
    }

    .mainGallery .gallery-item.multi-image .title {
        max-width: 180px;
        margin-left: auto;
        text-align: right;
    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img + .title {
        max-width: 180px;
        margin-left: 0;
        position: relative;
        top: -20px;
        text-align: left;
    }

    .mainGallery .swiper-button-next,
    .mainGallery .swiper-button-prev {
        display: none;
    }

    .loadmore {
        text-align: center;
        margin-top: 40px;
    }

    .loadmore .link {
        font-size: 18px;
        font-weight: 700;
        color: #464646;
    }

}

@media (max-width:480px) {
    .mainGallery .gallery-item .gallery-img > a .full-image {
        max-width: 210px;
        max-height: 130px;
    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img .front-image,
    .mainGallery .gallery-item.multi-image .gallery-img .front-image {
        max-width: 209px;
        max-height: 180px;
    }

    .mainGallery .gallery-item.multi-image.align--bottom .gallery-img .front-image {
        margin-left: 0;
    }

    .mainGallery .gallery-item.multi-image.align--top .gallery-img .back-image {
        max-width: 100px;
        left: 30px;
    }
}