/* Max width 767px */
@media only screen and (max-width: 991px) {


    .container-fluid {
        max-width: 540px;
    }
    .container {
        &.style1 {
            max-width: 540px;
        }
    }
    p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    body {
        font-size: 14px;
    }
    .default-btn {
        padding: 10px 25px;
        font-size: 15px;
    }
    .pb-75 {
        padding-bottom: 35px;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .ptb-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section-warp {
        display: inline-block !important;
    }
    .single-section {
        h2 {
            font-size: 22px;
        }
    }
    .section-btn {
        margin-top: 20px;
    }
    .section-title {
        margin-bottom: 30px;
        h2 {
            font-size: 22px;
        }
    }
    .p-0 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .pr-0 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    
    



    /*
    Hero Warp  Style
    ======================================================*/
    .hero-warp {
        .hero1-shape {
            display: none;
        }
        .hero3-shape {
            display: none;
        }
        .hero4-shape {
            display: none;
        }
        .hero5-shape {
            display: none;
        }
    }
    .hero-content {
        padding-top: 60px;
        padding-bottom: 30px;
        h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        .title {
            font-size: 13px;
        }
        .hero-btn {
            margin-top: 25px;
            .default-btn {
                padding: 10px 25px;
                &.style2 {
                    margin-left: 10px;
                }
            }
        }
    }
    .hero-image {
        margin-bottom: 50px;
        .hero2-shape {
            display: none;
        }
    }


    /*
    Service Warp  Style
    ======================================================*/
    .service-warp {
        .section-warp {
            margin-bottom: 35px;
        }
    }
    .service-widget {
        padding: 25px;
        .icon {
            margin-bottom: 12px;
        }
        h3 {
            font-size: 18px;
            margin-bottom: 8px;
        }
        .read-more {
            .icon-content {
                font-size: 15px;
                i {
                    top: 5px;
                    left: 4px;
                    font-size: 18px;
                }
            }
            .only-icon {
                i {
                    font-size: 18px;
                }
            }
        }
    }


    /*
    Trusted Warp  Style
    ======================================================*/
    .trusted-image {
        padding-right: 0;
        position: relative;
        margin-bottom: 20px;
        .trusted-box {
            h1 {
                font-size: 30px;
            }
            p {
                font-size: 14px;
                span {
                    display: block;
                    margin-bottom: -2px;
                }
            }
        }
    }
    .trusted-content {
        h2 {
            margin-right: 0;
            margin-bottom: 10px;
        }
        .trusted-widget {
            margin-top: 20px;
            margin-bottom: 0;
        }
        .trusted-card {
            padding: 0 20px;
        }
        .trusted-btn {
            display: inline-block !important;
            .contact-content {
                margin-left: 0;
                margin-top: 15px;
            }
        }
    }
    .trusted-warp {
        .trusted-shape1 {
            display: none;
        }
    }


    /*
    Process Warp  Style
    ======================================================*/
    .process-warp {
        .process-shape1 {
            display: none;
        }
        .process-shape2 {
            display: none;
        }
        .process-shape3 {
            display: none;
        }
    }
    .process-widget {
        .image {
            padding-right: 0;
            margin-bottom: 20px;
        }
        .content {
            margin-top: -10px;
            .number {
                height: 28px;
                width: 28px;
                line-height: 30px;
                font-size: 14px;
                margin-bottom: 10px;
            }
            h3 {
                font-size: 18px;
                margin-bottom: 8px;
            }
            p {
                padding-right: 0;
                font-size: 13px;
            }
        }
    }
    .col-lg-4 {
        &:nth-child(2) {
            .process-widget {
                margin-left: 0;
            }
        }
        &:nth-child(3) {
            .process-widget {
                margin-left: 0;
            }
        }
    }

    /*
    Choose Warp  Style
    ======================================================*/
    .choose-content {
        h2 {
            margin-bottom: 10px;
        }
        .choose-list-warp {
            padding-top: 12px;
            margin-bottom: 10px;
            .choose-item {
                padding: 15px 15px 15px 65px;
                margin-bottom: 18px;
                &::before {
                    left: 53px;
                    height: 45px;
                }
                .icon {
                    left: 15px;
                    top: 15px;
                    font-size: 25px;
                }
                h5 {
                    font-size: 18px;
                }
            }
        }
        
    }
    .choose-image {
        padding-left: 0;
        .image-one {
            margin-right: 0;
            margin-top: 30px;
            width: auto;
            height: auto;
        }
        .choose-shape1 {
            display: none;
        }
        .image-two {
            margin-top: 25px;
        }
    }

    /*
    Funfact Warp  Style
    ======================================================*/
    .funfact-warp {
        padding-top: 60px;
        padding-bottom: 35px;
        .funfact-shape3 {
            display: none;
        }
        .funfact-shape2 {
            display: none;
        }
        .funfact-shape1 {
            display: none;
        }
    }
    .funfact-box {
        h1 {
            font-size: 28px;
        }
        p {
            font-weight: 400;
            font-size: 14px;
        }
    }


    /*
    Project Warp  Style
    ======================================================*/
    .project-slider-warp {
        padding: 0 15px 0 15px;
        .swiper-btn {
            display: flex;
            justify-content: center;
            .swiper-button-next,
            .swiper-button-prev {
                position: relative;
                top: 80px;
                &::before {
                    background: rgb(219 217 225 / 78%);
                }
            }
            .swiper-button-next {
                left: auto ;
                right: -18px;
                &:before {
                    font-family: flaticon_mycollection !important;
                    font-size: 20px;
                    content: "\f112";
                }
            }
            .swiper-button-prev {
                left: -18px;
                right: auto;
                &:before {
                    font-family: flaticon_mycollection !important;
                    font-size: 20px;
                    content: "\f113";
                }
            }
        }
        .swiper-slide {
            .project-widget {
                .content {
                    padding: 0 20px 20px 20px;
                    h3 {
                        font-size: 18px;
                        margin-bottom: 8px;
                    }
                    
                }
            }
        }
    }


    /*
    Solution Warp  Style
    ======================================================*/
    .solution-content {
        padding-bottom: 45px;
        text-align: center;
        h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }
        
    }
    .solution-video {
        margin-bottom: 70px;
        .video-btn {
            width: 45px;
            height: 45px;
            margin-left: 0;
            font-size: 30px;
            line-height: 49px;
            &::before {
                animation: none;
            }
        }
    }


    /*
    Managment Warp  Style
    ======================================================*/
    .management-image {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
        .management2 {
            display: none;
        }
    }
    .management-content {
        padding-left: 0;
        .management-item {
            max-width: 100%;
            margin-top: 15px;
            margin-bottom: 15px;
            .icon {
                width: 55px;
                height: 55px;
            }
            .icon-style {
                width: 55px;
                height: 55px;
                line-height: 65px;
                font-size: 26px;
            }
            h4 {
                font-size: 16px;
                padding-left: 15px;
            }
        }
        .management-list {
            margin-bottom: 20px;
        }
    }


    /*
    Process Warp  Style
    ======================================================*/
    .testimonial-warp {
        .testimonial-shape2 {
            display: none;
        }
        .service-shape2 {
            display: none;
        }
        .service-shape1 {
            display: none;
        }
        .section-warp {
            margin-bottom: 10px;
        }
    }
    .testimonial-slider-warp {
        position: relative;
        .swiper-btn {
            display: flex;
            justify-content: center;
            .swiper-button-next,
            .swiper-button-prev {
                top: -10px;
                margin-top: 40px;
                position: relative;
            }
            .swiper-button-prev {
                left: auto;
                right: 20px;
            }
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
        }
    }
    .testimonial-box {
        padding: 25px;
        .items {
            margin-bottom: 12px;
            .content {
                padding-left: 15px;
            }
            .user {
                width: 55px;
                height: 55px;
            }
        }
        .icon {
            display: none;
        }
        p {
            font-size: 15px;
        }
    }


    /*
    Blog Warp  Style
    ======================================================*/
    .blog-card {
        .content {
            .blog-date {
                margin-bottom: 10px;
                li {
                    img {
                        left: 0;
                        top: 3px;
                    }
                }
            }
            h3 {
                font-size: 18px;
                margin-bottom: 12px;
            }
            .blog-team {
                padding-top: 10px;
            }
        }
    }

    /*
    footer Warp  Style
    ======================================================*/
    .footer-warp {
        .footer-shape2 {
            display: none;
        }
        .footer-shape1 {
            display: none;
        }
    }
    .footer-widget {
        .logo {
            margin-bottom: 15px;
        }
        .footer-contact {
            li {
                .icon {
                    top: -2px;
                    width: 40px;
                    height: 40px;
                    font-size: 16px;
                    line-height: 50px;
                }
            }
        }
        h3 {
            font-size: 18px;
            margin-bottom: 20px;
        }
        .footer-link {
            li {
                margin-bottom: 12px;
            }
        }
    }
    .col-lg-9 {
        .footer-widget {
            margin-top: 0;
        }
    }
    .col-lg-2 {
        &:nth-child(1) {
            .footer-widget {
                margin-left: 0;
            }
        }
    }
    .col-lg-3 {
        &:nth-child(2) {
            .footer-widget {
                margin-left: 0;
            }
        }
        &:nth-child(3) {
            .footer-widget {
                margin-left: 0;
            }
        }
    }

    /*
    Copyright Warp  Style
    ======================================================*/
    .copyright-warp {
        .copy-right-content {
            p {
                color: #FFFFFF;
                margin-bottom: 15px;
            }
        }
        .social-list {
            text-align: start;
        }
    }


    .top-header-warp {
        .header-content {
            ul {
                li {
                    margin-bottom: 10px;
                    &::before {
                        display: none;
                    }
                }
            }
        }
        .header-social {
            text-align: start;
        }
    }

    /*
    Hero Warp  Style
    ======================================================*/
    .hero-style2-warp {
        padding-top: 70px;
        padding-bottom: 70px;
        .hero2-shape1 {
            display: none;
        }
        .hero2-shape2 {
            display: none;
        }
        .hero2-shape3 {
            display: none;
        }
        &::before {
            background: linear-gradient(89.5deg, rgba(8, 2, 80, 0.87) 21.97%, rgba(9, 1, 95, 0.22) 125.88%);
        }
        
    }
    .hero-style2-content {
        h1 {
            font-size: 28px;
        }
        .title {
            margin-bottom: 10px;
        }
        .hero-btn {
            margin-top: 20px;
            .default-btn {
                padding: 12px 25px;
            }
        }
    }

    /*
    Discover Warp  Style
    ======================================================*/
    .discover-image {
        margin-right: 0;
        margin-bottom: 15px;
        .discover-shape1 {
            display: none;
        }
        .discover2 {
            right: 0;
        }
    }
    .discover-content {
        margin-right: 0;
        .discover-item {
            padding: 12px 12px 12px 12px;
            margin-right: 0;
            &.style2 {
                margin-top: 20px;
            }
            li {
                .icon {
                    font-size: 30px;
                    line-height: 65px;
                    width: 55px;
                    height: 55px;
                }
                &:last-child {
                    padding-right: 0;
                }
            }
        }
        .experience {
            position: relative;
            top: 0;
            right: 0;
        }
    }

    /*
    Funfact Warp  Style
    ======================================================*/
    .funfact-warp {
        .funfact-shape5 {
            display: none;
        }
        .funfact-shape4 {
            display: none;
        }
    }

    /*
    Service Warp  Style
    ======================================================*/
    .service-style2-warp {
        .service-shape3 {
            display: none;
        }
    }

    /*
    Source Warp  Style
    ======================================================*/
    .inner-source-warp {
        padding: 40px;
        h3 {
            font-weight: 700;
            font-size: 22px;
            margin-bottom: 5px;
        }
        .source-shape1 {
            display: none;
        }
        p {
            margin-bottom: 20px;
            a {
                font-size: 15px;
            }
            .number {
                font-size: 14px;
            }
        }
        .source-btn {
            text-align: start !important;
        }
    }

    /*
    Project Warp  Style
    ======================================================*/
    .project-style2-warp {
        .section-warp {
            margin-bottom: 20px;
        }
    }
    .project2-slider-warp {
        .swiper-btn {
            justify-content: center;
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
            .swiper-button-prev {
                left: -20px;
                right: auto;
            }
            .swiper-button-next, 
            .swiper-button-prev {
                position: relative;
                top: auto;
                margin-top: 0;
            }
        }
        .swiper-slide{
            width: 100% !important;
            .project2-widget {
                padding: 20px 20px 20px 20px;
                background: rgba(255, 255, 255, 0.06);
                .content {
                    opacity: 1;
                    visibility: visible;
                    padding: 20px 20px 0 20px;
                    h3 {
                        font-size: 20px;
                    }
                }
                .image {
                    height: 345px;
                }
            }
        }
        .swiper-slide-active {
            width: 100% !important;
        }
        .swiper-slide-next {
            width: 100% !important;
        }
    }

    /*
    Technology Warp  Style
    ======================================================*/
    .technology-image {
        padding-left: 0;
        .technology2 {
            position: relative;
            width: 300px;
            height: auto;
            padding: 10px;
            margin-top: 20px;
            left: 0;
        }
        .technology-shape1 {
            display: none;
        }
    }
    .technology-content {
        .single-section {
            margin-bottom: 20px;
        }
    }
    

    /*
    Testimonial Warp  Style
    ======================================================*/
    .testimonial-style2-warp {
        .testimonial-shape3 {
            display: none;
        }
    }
    .testimonial2-slider-warp {
        .testimonial2-slider {
            margin-left: 0;
            margin-right: 0;
        }
        .swiper-btn {
            justify-content: center;
            display: flex;
            .swiper-button-next, 
            .swiper-button-prev {
                position: relative;
                top: auto;
                margin-top: 10px;
                margin-bottom: 30px;
            }
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
            .swiper-button-prev {
                left: -20px;
                right: auto;
            }
        }
    }
    .testimonial-card {
        padding: 20px;
        margin: 25px 0 25px 0;
        .icon {
            display: none;
        }
        .items {
            .content {
                padding-left: 15px;
                h5 {
                    font-size: 18px;
                }
            }
        }
        p {
            font-size: 15px;
            margin-bottom: 0;
        }
    }


    /*
    Team Warp  Style
    ======================================================*/
    .team-card {
        .content {
            h3 {
                font-size: 18px;
            }
        }
    }

    /*
    Pricing Warp  Style
    ======================================================*/
    .pricing-widget {
        padding-right: 0;
    }
    .pricing-card {
        padding: 20px;
        margin-bottom: 25px;
        .icon {
            width: 50px;
            height: 50px;
            line-height: 62px;
            font-size: 30px;
            margin-bottom: 5px;
        }
        h5 {
            font-size: 20px;
            margin-bottom: 5px;
        }
        h1 {
            font-size: 25px;
            margin-bottom: 12px;
        }
        .default-btn {
            margin-bottom: 15px;
        }
        ul {
            li {
                margin-bottom: 10px;
                padding-left: 20px;
                font-size: 15px;
            }
        }
    }
    .pricing-content {
        margin-right: 0;
        h2 {
            margin-bottom: 10px;
        }
    }


    /*
    Blog Warp  Style
    ======================================================*/
    .blog-card {
        .content {
            .blog-date {
                li {
                    padding-left: 20px;
                    padding-right: 25px;
                }
            }
        }
    }
    


    /*
    Hero Warp  Style
    ======================================================*/
    .hero-style3-warp {
        .hero3-shape1 {
            display: none;
        }
        .hero3-shape2 {
            display: none;
        }
    }
    .hero-style3-content {
        margin-top: 70px;
        margin-bottom: 30px;
        padding-left: 0;
        &::before {
            width: 20%;
        }
        h1 {
            font-size: 26px;
            margin-bottom: 10px;
        }
        .hero-style3-btn {
            margin-top: 20px;
            .video-btn {
                margin-left: 12px;
                font-size: 16px;
                .icon {
                    width: 45px;
                    height: 45px;
                    line-height: 45px;
                    font-size: 20px;
                    margin-right: 10px;
                }
            }
        }
    }
    .hero-style3-image {
        padding-right: 0;
        padding-left: 0;
        .rotted-image {
            transform: none;
            margin-bottom: 30px;
        }
        .hero-form {
            width: 100%;
            top: 0;
            margin-bottom: 70px;
            padding: 30px 25px;
            right: 0;
            position: relative;
            &::before {
                display: none;
            }
        }
        .style1 {
            margin-bottom: 25px;
        }
        .second-widget {
            padding-top: 25px;
        }
    }

    .slide-text-warp {
        padding-top: 28px;
        padding-bottom: 40px;
        height: 95px;
        width: 100%;
    }

    /*
    Agency Warp  Style
    ======================================================*/
    .agency-image {
        margin-bottom: 20px;
    }
    .agency-content {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .agency-experance {
        margin-right: 0;
    }
    .agency-warp {
        .agency-shape1 {
            display: none;
        }
    }


    /*
    Provider Warp  Style
    ======================================================*/
    .provider-warp {
        .provide-shape1 {
            display: none;
        }
    }
    .provider-slider-warp {
        .swiper-btn {
            justify-content: center;
            display: flex;
            .swiper-button-next, 
            .swiper-button-prev {
                position: relative;
                top: auto;
                margin-top: 30px;
                margin-bottom: 10px;
            }
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
            .swiper-button-prev {
                left: -20px;
                right: auto;
            }
        }
    }
    .provide-card {
        padding: 25px 25px;
        .icon {
            font-size: 30px;
            line-height: 66px;
            width: 55px;
            margin-bottom: 15px;
            height: 55px;
        }
        h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }
        p {
            margin-bottom: 0;
        }
    }

    
    /*
    Funfact Warp  Style
    ======================================================*/
    .funfact-widget {
        margin-bottom: 25px;
        h1 {
            font-size: 28px;
        }
        p {
            font-weight: 400;
            font-size: 14px;
        }
    }
    .funfact-style2-warp {
        padding-top: 60px;
        padding-bottom: 35px;
        .round-shape4 {
            display: none;
        }
        .round-shape3 {
            display: none;
        }
        .round-shape2 {
            display: none;
        }
        .round-shape1 {
            display: none;
        }
    }

    /*
    Deliver Warp  Style
    ======================================================*/
    .deliver-image {
        position: relative;
        padding-right: 0;
        padding-bottom: 50px;
        margin-bottom: 20px;
        .deliver2 {
            position: absolute;
            right: 0;
            width: 250px;
            height: auto;
        }
    }
    .deliver-content {
        margin-right: 0;
    }


    /*
    Mind Warp  Style
    ======================================================*/
    .mind-content {
        h2 {
            font-size: 20px;
            margin-bottom: 15px;
        }
    }
    .mind-btn {
        text-align: start !important;
    }


    /*
    Project Warp  Style
    ======================================================*/
    .project3-slider-warp {
        .swiper-btn {
            justify-content: center;
            display: flex;
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
            .swiper-button-prev {
                left: -20px;
                right: auto;
            }
            .swiper-button-next, 
            .swiper-button-prev {
                position: relative;
                top: auto;
                margin-top: 20px;
            }
        }
        .swiper-slide{
            width: 100% !important;
            .project2-widget {
                padding: 20px 20px 20px 20px;
                background: rgba(255, 255, 255, 0.06);
                .content {
                    opacity: 1;
                    visibility: visible;
                    padding: 20px 20px 0 20px;
                    h3 {
                        font-size: 20px;
                    }
                }
                .image {
                    height: 345px;
                }
            }
        }
        .swiper-slide-active {
            width: 100% !important;
        }
        .swiper-slide-next {
            width: 100% !important;
        }
    }

    /*
    Testimonial Warp  Style
    ======================================================*/
    .testimonial3-slider-warp {
        .swiper-btn {
            justify-content: center;
            display: flex;
            .swiper-button-next {
                left: auto;
                right: -20px;
            }
            .swiper-button-prev {
                left: -20px;
                right: auto;
            }
            .swiper-button-next, 
            .swiper-button-prev {
                position: relative;
                top: auto;
                margin-top: 10px;
            }
        }
    }
    .testimonial-style3-warp {
        .section-warp {
            margin-bottom: -22px;
        }
    }



    .provider-style2-warp {
        .provide-shape1 {
            display: none;
        }
    }
    .inner-hero-warp {
        padding-top: 50px;
        padding-bottom: 70px;
        .inner-shape2 {
            display: none;
        }
        .inner-shape3 {
            display: none;
        }
        .inner-shape4 {
            display: none;
        }
        .inner-shape5 {
            display: none;
        }
        .inner-shape1 {
            display: none;
        }
    }
    .inner-login-warp {
        padding: 25px;
    }
    .inner-hero-content {
        h1 {
            font-size: 35px;
            margin-bottom: 5px;
        }
    }

    .all-boxes {
        padding: 25px;
    }
    .service-tab-list {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .question-answer {
        margin-bottom: 20px;
    }
    .service-small-widget {
        .service-provider {
            padding: 45px 25px;
        }
    }
    .service-details-big-widget {
        .variation {
            margin: 30px 0 30px 0;
            padding: 25px;
            .quote2 {
                bottom: -2px;
                right: 24px;
            }
            h6 {
                font-size: 16px;
                margin-bottom: 0;
            }
        }
        .under-service {
            margin-bottom: 0;
            h3 {
                font-size: 18px;
                margin-bottom: 5px;
            }
        }
        .what-can {
            h4 {
                font-size: 18px;
                margin-bottom: 8px;
            }
        }
    }

    .inner-project-details {
        .hardson {
            top: 0;
            margin-bottom: 0;
            padding: 25px;
            position: relative;
            margin-bottom: 30px;
            ul {
                display: inline-block !important;
                margin-bottom: 0;
                li {
                    display: inline-block;
                    padding-right: 20px;
                    margin-bottom: 10px;
                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
        .first-heading {
            font-size: 20px;
            margin-bottom: 15px;
        }
        .dictionary {
            margin: 25px 0 30px 0;
            padding: 25px;
            h5 {
                font-size: 16px;
                line-height: 1.5;
            }
        }
    }


    .blog-small-warp {
        padding-right: 0;
        .recent-post {
            .blog-post {
                align-items: center;
                .thumb {
                    width: 70px;
                    height: 70px;
                    margin-right: 12px;
                    .full-image {
                        width: 70px;
                        height: 70px;
                    }
                }
            }
        }
        .tags {
            margin-bottom: 30px;
        }
    }

    .blog-big-warp {
        h3 {
            font-weight: 700;
            font-size: 22px;
            margin-bottom: 20px;
        }
        .dictionary {
            margin: 25px 0 30px 0;
            padding: 25px;
            h5 {
                font-size: 16px;
                line-height: 1.5;
            }
        }
        .articles {
            p {
                font-size: 14px;
                margin-bottom: 25px;
            }
        }
        .share-tag {
            padding: 20px 15px;
            margin-top: 30px;
            display: block !important;
            margin-bottom: 30px;
            .tags {
                margin-bottom: 20px;
            }
        }
    }
    .contact-small-warp {
        padding-right: 0;
        .contact-widget {
            ul {
                li {
                    padding-right: 15px;
                    .icon {
                        width: 80px;
                        height: 80px;
                        line-height: 93px;
                        font-size: 35px;
                    }
                    .content {
                        p {
                            padding-right: 30px;
                        }
                    }
                }
            }
        }
        .social-list {
            margin-top: 20px;
            margin-bottom: 30px;
        }
    }

    .contact-big-warp {
        padding: 25px;
        h3 {
            font-size: 25px;
            margin-bottom: 15px;
        }
        .form-control {
            height: 45px;
            margin-bottom: 20px;
            padding-left: 15px;
        }
    }





}

/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {


    .section-warp {
        display: flex !important;
    }

    .trusted-image {
        padding-right: 150px;
        position: relative;
    }
    .trusted-content {
        .trusted-btn {
            display: flex !important;
            .contact-content {
                margin-left: 20px;
                margin-top: 0;
            }
        }
    }
    .choose-image {
        .row {
            align-items: center;
        }
    }
    .management-image {
        padding-left: 145px;
        .management2 {
            display: block;
        }
    }
    .footer-widget {
        .footer-contact {
            li {
                p {
                    margin-bottom: 0;
                    span {
                        display: block;
                    }
                }
            }
        }
    }
    .copyright-warp {
        .copy-right-content {
            p {
                margin-bottom: 0;
            }
        }
        .social-list {
            text-align: end;
        }
        
    }

    .testimonial-box {
        .items {
            .user {
                width: 45px;
                height: 45px;
            }
            .content {
                h5 {
                    font-size: 15px;
                }
            }
        }
    }
    .testimonial-warp {
        .section-warp {
            .single-section {
                h2 {
                    margin-bottom: 15px;
                }
            }
        }
    }

    .discover-content {
        .discover-item {
            margin-right: 100px;
        }
    }
    .technology-image {
        padding-left: 170px;
        .technology2 {
            position: absolute;
            width: 334px;
            height: 334px;
            padding: 10px;
            left: 20px;
            bottom: 0;
            background: #FFFFFF;
        }
    }
    .technology-content {
        margin-bottom: 25px;
    }


    .testimonial-card {
        .items {
            .user {
                width: 50px;
                height: 50px;
            }
            .content {
                h5 {
                    font-size: 16px;
                }
            }
        }
    }

    .project-box {
        .content {
            padding: 0 20px 25px 20px;
            h3 {
                font-size: 18px;
                margin-bottom: 8px;
            }
        }
    }
    

    .top-header-warp {
        .header-social {
            text-align: center;
        }
        .header-content {
            text-align: center;
        }
    }




}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .container-fluid {
        max-width: 720px;
    }
    .container {
        &.style1 {
            max-width: 720px;
        }
    }
    .single-section {
        h2 {
            font-size: 40px;
        }
    
    }
    .section-title {
        h2 {
            font-size: 40px;
        }
    }
    .section-warp {
        display: flex !important;
    }

    .hero-content {
        padding-top: 80px;
    }

    .trusted-image {
        padding-right: 150px;
        position: relative;
    }
    .trusted-content {
        .trusted-btn {
            display: flex !important;
            .contact-content {
                margin-left: 20px;
                margin-top: 0;
            }
        }
    }


    .solution-video {
        margin-bottom: 0;
    }
    .solution-content {
        padding-bottom: 100px;
        padding-top: 100px;
        text-align: start;
    }


    .project-slider-warp {
        padding: 0 15px 0 15px;
        .swiper-btn {
            display: flex;
            justify-content: center;
            .swiper-button-next,
            .swiper-button-prev {
                position: absolute;
                top: 45%;
                &::before {
                    background: rgb(219 217 225 / 78%);
                }
            }
            .swiper-button-next {
                left: auto ;
                right: -18px;
                &:before {
                    font-family: flaticon_mycollection !important;
                    font-size: 20px;
                    content: "\f112";
                }
            }
            .swiper-button-prev {
                left: -18px;
                right: auto;
                &:before {
                    font-family: flaticon_mycollection !important;
                    font-size: 20px;
                    content: "\f113";
                }
            }
        }
        .swiper-slide {
            .project-widget {
                .content {
                    padding: 0 20px 20px 20px;
                    h3 {
                        font-size: 18px;
                        margin-bottom: 8px;
                    }
                    
                }
            }
        }
    }
    .testimonial-warp {
        .section-warp {
            .single-section {
                h2 {
                    margin-bottom: 15px;
                }
            }
        }
    }
    .footer-widget {
        .default-btn {
            border: none;
            padding: 10px 17px;
            font-size: 13px;
        }
    }
    .footer-widget {
        .footer-contact {
            li {
                p {
                    span {
                        display: block;
                    }
                }
            }
        }
    }


    .management-image {
        padding-left: 145px;
        padding-right: 30px;
        margin-bottom: 30px;
        .management2 {
            display: block;
        }
    }
    

    .footer-warp {
        .row {
            align-items: center;
        }
    }
    .copyright-warp {
        .copy-right-content {
            p {
                margin-bottom: 0;
            }
        }
        .social-list {
            text-align: end;
        }
        
    }

    .hero-content {
        h1 {
            font-size: 40px;
        }
    }
    .trusted-image {
        .trusted-box {
            h1 {
                font-size: 96px;
            }
            p {
                font-size: 18px;
            }
        }
    }

    .technology-content {
        margin-bottom: 30px;
    }
    .technology-image {
        padding-left: 170px;
        .technology2 {
            position: absolute;
            width: 334px;
            height: 334px;
            padding: 10px;
            left: 20px;
            bottom: 0;
            background: #FFFFFF;
        }
    }

    .agency-image {
        text-align: center;
    }
    .deliver-image {
        text-align: center;
    }

    .inner-project-details {
        .hardson {
            ul {
                li {
                    display: inline-block;
                    padding-right: 50px;
                    margin-bottom: 10px;
                }
            }
        }
    }

    .blog-big-warp {
        .share-tag {
            display: flex !important;
            .tags {
                margin-bottom: 0 ;
            }
        }
    }

    .top-header-warp {
        .header-social {
            text-align: center;
        }
        .header-content {
            text-align: center;
        }
    }

}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .container-fluid {
        max-width: 960px;
    }
    .container {
        &.style1 {
            max-width: 960px;
        }
    }
    .single-section {
        h2 {
            font-size: 40px;
        }
    }
    .single-section {
        h2 {
            font-size: 32px;
        }
    }
    .hero-content {
        padding-top: 150px;
        padding-bottom: 150px;
        h1 {
            font-size: 50px;
            margin-bottom: 10px;
        }
    }
    .trusted-warp {
        .trusted-shape1 {
            display: none;
        }
    }
    .trusted-image {
        padding-right: 80px;
    }
    .trusted-content {
        .trusted-card {
            padding: 0 22px;
        }
    }
    .choose-content {
        .choose-list-warp {
            .choose-item {
                padding: 15px 15px 15px 60px;
                .icon {
                    left: 15px;
                    top: 15px;
                    font-size: 25px;
                }
                h5 {
                    font-size: 17px;
                }
                &::before {
                    left: 50px;
                    top: 5px;
                    height: 44px;
                }
            }
        }
    }
    .choose-image {
        .image-one {
            width: 310px;
            height: 350px;
            z-index: 1;
        }
    }
    .project-slider-warp {
        padding: 0px 30px 30px 30px;
    }
    .project-slider-warp {
        .swiper-btn {
            .swiper-button-next,
            .swiper-button-prev {
                top: var(--swiper-navigation-top-offset, 32%);
            }
        }
    }
    .solution-video {
        .video-btn {
            margin-left: 30%;
        }
    }
    .solution-content {
        padding-top: 100px;
        padding-bottom: 100px;
        h2 {
            font-size: 40px;
        }
    }
    .management-content {
        padding-left: 0;
        .management-list {
            li {
                font-size: 15px;
            }
        }
    }
    .testimonial-box {
        padding: 25px;
        .icon {
            display: none;
        }
        .items {
            margin-bottom: 12px;
            .content {
                h5 {
                    font-size: 18px;
                }
            }
        }
        p {
            font-size: 16px;
        }
    }
    .blog-card {
        .content {
            .blog-date {
                li {
                    padding-left: 20px;
                    font-size: 15px;
                    padding-right: 25px;
                }
            }
        }
    }
    .footer-warp {
        .footer-shape1 {
            display: none;
        }
        .footer-shape2 {
            display: none;
        }
    }
    .col-lg-2 {
        &:nth-child(1) {
            .footer-widget {
                margin-left: 20px;
            }
        }
    }
    .col-lg-3 {
        &:nth-child(2) {
            .footer-widget {
                margin-left: 30px;
            }
        }
        &:nth-child(3) {
            .footer-widget {
                margin-left: 10px;
            }
        }
    }
    .technology-image {
        .technology-shape1 {
            right: 0;
        }
    }
    .hero-style2-content {
        h1 {
            font-size: 60px;
        }
    }
    .hero-style3-image {
        .rotted-image {
            transform: rotate(337deg);
        }
    }
    .discover-image {
        padding-bottom: 50px;
        margin-right: 30px;
    }
    .discover-content {
        .experience {
            width: 140px;
            height: 140px;
            padding: 40px 0;
            right: 0;
            h1 {
                font-size: 25px;
                margin-bottom: 0px;
            }
            span {
                font-size: 12px;
            }
        }
        .discover-item {
            margin-right: 40px;
            padding: 12px 60px 12px 12px;
        }
    }
    .testimonial-card {
        .icon {
            display: none;
        }
    }
    .team-card {
        .content {
            padding: 15px 15px 5px 15px;
            h3 {
                font-size: 18px;
                margin-bottom: 1px;
            }
        }
    }
    .pricing-card {
        padding: 25px 20px;
        .icon {
            margin-bottom: 10px;
        }
        h5 {
            font-size: 20px;
        }
        h1 {
            font-size: 26px;
            margin-bottom: 12px;
        }
        .default-btn {
            margin-bottom: 20px;
            padding: 10px 30px;
        }
        ul {
            li {
                margin-bottom: 10px;
                padding-left: 20px;
                font-size: 16px;
            }
        }
    }
    .hero-style3-content {
        h1 {
            font-size: 38px;
        }
    
    }
    .provider-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }
    .project3-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }
    .deliver-content {
        margin-right: 0;
    }
    .agency-experance {
        text-align: center;
        margin-right: 0;
        margin-left: -30px;
        p {
            font-size: 16px;
        }
    }
    .hero-style3-image {
        padding-right: 65px;
        padding-left: 40px;
        .hero-form {
            &::before {
                display: none;
            }
        }
    }
    .provide-card {
        padding: 20px;
        .icon {
            font-size: 32px;
            line-height: 81px;
            width: 65px;
            margin-bottom: 20px;
            height: 65px;
        }
        h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }
        p {
            margin-bottom: 0px;
            font-size: 14px;
        }
    }
    .team-box {
        .content {
            text-align: center;
            padding: 15px 15px 5px 15px;
            h3 {
                font-size: 20px;
                margin-bottom: 0px;
            }
        }
    }
    .inner-hero-warp {
        .inner-shape3 {
            z-index: -1;
        }
    }
    .service-tab-list  {
        margin-bottom: 30px;
    }
    .all-boxes {
        padding: 25px;
    }
    .service-small-widget {
        .service-provider {
            padding: 55px 25px;
        }
    }
    .blog-small-warp {
        .recent-post {
            .blog-post {
                justify-content: center;
                .post-content {
                    h5 {
                        font-weight: 500;
                        font-size: 14px;
                    }
                }
            }
        }
    }
    .contact-small-warp {
        padding-right: 0;
        .contact-widget {
            ul {
                li {
                    .icon {
                        width: 95px;
                        height: 95px;
                        line-height: 110px;
                        font-size: 50px;
                    }
                    .content {
                        p {
                            padding-right: 0;
                        }
                    }
                }
            }
        }
    }

    .project-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto ;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }
    .choose-image {
        .choose-shape1 {
            display: none;
        }
    }


}

/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .container-fluid {
        max-width: 1140px;
    }
    .container {
        &.style1 {
            max-width: 1140px;
        }
    }
    .single-section {
        h2 {
            font-size: 40px;
            line-height: 1.2;
        }
    }


    .hero-content {
        h1 {
            font-size: 60px;
            margin-bottom: 10px;
        }
    }
    .service-widget {
        padding: 25px;
    }
    .trusted-image {
        padding-right: 120px;
    }

    .footer-warp {
        .footer-shape1 {
            display: none;
        }
        .footer-shape2 {
            display: none;
        }
    }
    .col-lg-2 {
        &:nth-child(1) {
            .footer-widget {
                margin-left: 25px;
            }
        }
    }
    .col-lg-3 {
        &:nth-child(2) {
            .footer-widget {
                margin-left: 60px;
            }
        }
    }



    .technology-image  {
        .technology-shape1 {
            display: none;
        }
    }
    .pricing-card {
        h1 {
            font-size: 36px;
            margin-bottom: 15px;
        }
    }

    .provider-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }
    .project3-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: -15px;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }

    .deliver-content {
        margin-right: 0;
    }

    .hero-style3-image {
        padding-right: 65px;
        padding-left: 60px;
        .hero-form {
            &::before {
                display: none;
            }
        }
        .rotted-image {
            transform: rotate(336deg);
        }
    }
    .hero-style3-content {
        h1 {
            font-size: 45px;
            margin-bottom: 14px;
        }
    }

    .agency-content {
        padding-left: 20px;
        padding-right: 25px;
    }
    .agency-experance {
        text-align: center;
        margin-right: 0;
        p {
            font-size: 18px;
        }
    }
    .agency-warp {
        .agency-shape2 {
            display: none;
        }
    }

    .provide-card {
        padding: 25px;
    }

    .index-card {
        h5 {
            font-size: 16px;
            padding-left: 15px;
        }
        .icon {
            width: 50px;
            height: 50px;
            font-size: 30px;
            line-height: 60px;
            border-radius: 5px;
        }
    }

    .provider-style2-warp {
        .provide-shape1 {
            display: none;
        }
    }

    .inner-hero-warp {
        .inner-shape3 {
            z-index: -1;
        }
    }

    .project-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto ;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }

    .choose-image {
        .choose-shape1 {
            display: none;
        }
    }







}

/* Min width 1400px to Max width 1499px */
@media only screen and (min-width: 1400px) and (max-width: 1799px) {

    .container-fluid {
        max-width: 1320px;
    }
    .container {
        &.style1 {
            max-width: 1320px;
        }
    }


    .hero-content {
        h1 {
            font-size: 62px;
            line-height: 1.2;
            color: #ffffff;
            margin-bottom: 10px;
        }
    }
    .technology-image {
        .technology-shape1 {
            display: none;
        }
    }
    .footer-warp {
        .footer-shape1 {
            display: none;
        }
        .footer-shape2 {
            display: none;
        }
    }

    .hero-style3-image {
        .hero-form {
            &::before {
                display: none;
            }
        }
    }
    .agency-experance {
        text-align: center;
        margin-right: 0;
    }

    .provider-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }
    .deliver-content {
        margin-right: 0;
    }

    .project3-slider-warp {
        .swiper-btn {
            .swiper-button-next {
                left: auto;
                right: 0;
            }
            .swiper-button-prev {
                left: 0;
                right: auto;
            }
        }
    }



}