@media (max-width:1440px) {
    .abt-banner-content {
        width: 55%;
    }

    .home-ban-cont h1 {

        font-size: 40px;
    }

    .prodcat-box .content-details h3 {
        font-size: 30px;
    }

    a.btn.shop-now {
        font-size: 15px;
    }

    .prodcat-box .content-details p {
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.51px;
        line-height: 28px;
    }

    .abt-image-wrap-banner img {
        position: relative;
        width: 100%;
        height: 555px;
        object-fit: cover;
        object-position: center;
        z-index: 9;
    }

    .abt-banner-content {
        top: 55%;
    }

    .abt-desc p {
        font-size: 18px;
        padding-bottom: 1rem;
        text-align: center;
    }

}

@media (max-width:1281px) {

    .abt-banner-content h4 {
        color: #231F20;
        font-weight: 900;
        font-size: 1.75rem;
    }

    .abt-banner-content p {
        font-size: 14px;
    }

    .abt-banner-content {
        top: 55%;
        left: 10%;
        transform: translate(-10%, -50%);
        position: absolute;
        width: 45%;
        background: #fff;
        padding: 1rem;
        z-index: 99;
    }

    p {
        margin: 0;
        padding: 0;
        color: #555555;
        font-size: 16px;
        line-height: 30px;
    }

    ul.who-we-list li {
        margin-bottom: 1rem;
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width:1200px) {
    p {
        margin: 0;
        padding: 0;
        color: #555555;
        font-size: 14px;
        line-height: 30px;
    }

    section#home-banner h1 {
        position: relative;
        overflow: hidden;
        color: #fff !important;
        opacity: 0;
        transition: all 1s ease-in;
        font-size: 40px;
        -webkit-transition: all 1s ease-in;
        -moz-transition: all 1s ease-in;
        -ms-transition: all 1s ease-in;
        -o-transition: all 1s ease-in;
    }

    /* h2 {
        font-size: calc(1.325rem + .9vw) !Important;
    }

    p {

        font-size: 1.09em !Important;
    } */

    .prodcat-box .content-details h3 {
        font-size: 28px;
    }


}

@media (max-width:1200px) {
    section.box-three-section {
        margin-top: 0 !important;
        padding: 60px 0;

    }

    .box-content h3 {
        font-size: 18px;
    }

    .box-section {

        padding: 1.25rem;
    }

    section#about-us-wrapper {
        margin-top: 0 !important;
        position: relative;
    }

    .abt-image-wrap-banner img {
        position: relative;
        height: 600px;
        object-fit: cover;
    }

    .abt-banner-content {
        top: 50%;
        left: 10%;
        transform: translate(-10%, -50%);
        position: absolute;
        width: 72%;
        background: #fff;
        padding: 1rem;
    }

    .abt-banner-content p {
        font-size: 14px;
    }

    .abt-banner-content h4 {
        color: #231F20;
        font-weight: 900;
        font-size: 1.52rem;
    }

    .abt-banner-content p span {
        font-size: 15px;
        font-weight: 600;
    }
}

@media (max-width:1024px) {

    .serve-head h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        font-family: 'poppins';
        color: #652245;
        text-align: left;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
        opacity: 1;
    }


    span.swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 15px !important;
        display: inline-block;
        vertical-align: middle;
        background: #fff;
        -webkit-transition: .3s;
        transition: .3s;
        outline: 0;
        opacity: .5;
    }


    .swiper-pagination-bullet:before {
        content: "";
        width: 30px;
        height: 30px;
        border: 2px solid rgba(255, 255, 255, .2);
        background: 0 0;
        display: inline-block;
        border-radius: 50%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
    }



    /* span.swiper-pagination-bullet {
        width: 19px;
        height: 20px;
        background: #F44336;
        margin: 0 8px !important;
        border-radius: 4px;
        opacity: 0.58;
    } */

    span.swiper-pagination-bullet:hover,
    span.swiper-pagination-bullet-active {
        opacity: 1;
    }


    .custom-pagination {
        display: none !important;
    }

    .swiper-pagination {
        display: block !important;
        margin-bottom: 1rem;
    }

    .row.header-navbar {
        padding: 15px 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .banner-img,
    .home-ban img {
        position: relative;
        height: 750px;
    }

    section#home-banner h1 {

        font-size: 30px !important;
    }

    section#home-banner .banner-cont-inn .ban-btn,
    section#home-banner .banner-cont-inn p {

        padding: 10px 0 0;
    }

    /* banner */

    section#home-banner .swiper-slide-active h1 {
        opacity: 1;
        padding: 0.5rem 0;
    }

    section#home-banner .banner-cont-inn p span {
        font-size: 18px !important;
    }

    .banner-cont-inn {
        position: absolute;
        top: 50%;
        padding: 1rem;
        /* left: 35% !important; */

    }

}

@media (max-width: 1300px) {


    .home-ban-cont {
        position: absolute;
        text-align: left;
        top: 50%;
        transform: translate(-50%, -50%);

    }

}

@media (max-width: 992px) {

    aside.col-lg-6.mis-vis-content {
        padding-right: 0rem;
    }

    section#who-we-serve {
        padding: 50px 15px;
    }

    .section-title h2,
    .our-clients-heading h2,
    .who-we-serve-title h2 {
        font-weight: 900;
        font-size: 1.75rem;
    }

    aside.col-lg-6.mission-values-image {
        padding-top: 60px;
    }

    ul.who-we-list {
        padding-left: 5px;
    }

    aside.col-lg-6.woh-we-right img {
        margin-bottom: 2rem;
    }

}

@media (max-width:769px) {


    section#what-we-do-wrapper {
        padding: 50px 15px;
    }

    .footer-logo {
        margin-bottom: 2rem;
    }

    .col-lg-4.col-md-6.footer-last {
        display: flex;
        justify-content: flex-start;
        margin-top: 2rem;
    }

    section#waht-wedo {
        padding: 50px 0px;
    }

    .service-content h3 {
        font-size: 18px;
        text-transform: capitalize;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .service-content p {
        font-size: 14px;
    }

    .header .logo a img {
        height: 45px;
    }

    section#contact-us {
        padding: 60px 15px;
    }

    aside.col-lg-6.col-md-6.form-right {
        margin-top: 2rem;
    }

    .image-wrap-banner {
        background: unset;
        background-position-x: right;
        background-size: 30% 100%;
    }



    .image-wrap-banner img {
        position: absolute;
        left: 0px !important;
        top: 0;
        padding: 12px;
        /* transform: unset !important; */
        border-radius: 0 !important;
        /* object-fit: cover; */
        object-position: center -120px !important;
        -webkit-border-radius: 0 !important;
    }

    .section-title h2,
    .our-clients-heading h2,
    .who-we-serve-title h2,
    section.our-mission-values h2 {

        font-size: 1.52rem;
    }

    .abt-banner-content {
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        position: absolute;
        width: 72%;
        background: #fff;
        padding: 1rem;
    }


    .our-values p {
        font-size: 14px;
        padding-bottom: 1rem;
    }


    .banner-cont-inn {
        position: absolute;
        top: 50%;
        padding: 1rem;
        /* left: 50% !important; */
        width: 80%;
        /* transform: translate(-50%, -50%); */
    }

    a.shop-btn.btn {

        font-size: 14px;
        width: 120px;
        padding: 6px;
    }

    .home-ban-cont h1 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
    }


    .home-ban img {
        position: relative;
        height: 550px;

        padding-top: 180px;
    }

    h2.main-title {
        margin: 0;
        padding-top: 0;
    }

    .shop-head {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    a.all-prod-btn.btn {
        background: #10293C;
        color: #fff;
        border-radius: 50px;
        font-weight: 400;
        padding: 8px 16px;
        font-size: 14px;
        margin-right: 2rem;
    }

    .shop-cat-bg {
        height: 340px;
    }

    .prod-ne-pr i,
    .swiper-nav i {

        padding: 9px;
    }

    aside.col-md-4.kids-bg-cont {
        background: #ECF2FF;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
    }

    .inn-icon {
        margin-bottom: 1rem;
    }

    .rave-re-cont {

        padding: 2rem;
    }

    .rave-ban h4 {
        font-size: 20px;
        font-weight: 100 !important;
        line-height: 33px;
    }

    .swiper-nav .swiper-button-prev {
        left: 10px;
    }

    .swiper-nav .swiper-button-next {
        right: 10px;
    }


    .why-bedpe p {
        font-size: 18px;
        line-height: 29px;
    }

    #why-bedpe-wrap {
        background-size: cover;
        height: 750px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-grid {
        display: flex;
        gap: 30px;
        height: 100%;
        flex-direction: column;
    }

    .foot-inn p {
        margin: 1rem 0;
    }

    .phn-mail {
        display: flex;
        margin: 1rem 0;
        flex-direction: column;
    }

    .rave-swiper {

        height: 400px;
    }

    .abt-image-wrap-banner img {
        position: relative;
        height: 600px;
        object-fit: cover;
    }
}

@media (max-width:525px) {
    section#home-banner h1 {
        font-size: 26px !important;
    }

    .abt-banner-content {
        top: 50%;
        width: 90%;
        /* left: 15%; */
        /* transform: translate(-10%, -50%); */
        /* position: absolute; */
        /* background: #fff; */
        /* padding: 1rem; */
    }
}

@media (max-width: 525px) {
    .image-wrap-banner img {
        position: absolute;
        left: 0px !important;
        top: 0;
        padding: 12px;
        height: 350px;
        /* transform: unset !important; */
        border-radius: 0 !important;
        /* object-fit: cover; */
        object-position: unset !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    }
}