/* // XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .header .desktop {
        display: block !important;
    }

    .header .mobile_menu {
        display: none !important;
    } 
}

/* // X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*============//===============//home page css//==============//==============*/
    .header .desktop {
        display: block !important;
    }

    .header .mobile_menu {
        display: none !important;
    } 
    /*----------------------------------------------*/
    .main-banner .home-text h1, .aboutus-banner .text-headline h1, .Contact-banner .text-headline h1 {
        font-size: 66px !important;;
    }
    .main-banner .home-text p {
        font-size: 24px !important;;
        width: 50% !important;
    }
    .main-banner {
        height: 640px !important;;
    }
    .main-banner .home-text {
            padding: 160px 0 130px !important;
        }
    /*---------------------------------------------*/
    .about-section {
        padding: 60px 0 !important;
    }
    /*---------------------------------------------*/
    .service-section {
        padding: 60px 0 !important;
    }
    /*----------------------------------------------*/
    .solution-section {
        padding: 60px 0 !important;
    }
    .solution-section .techno_1 img {
        padding: 5px 0 15px !important;
    }
    .solution-section .techno_1 {
        padding: 20px 10px !important;
    }
    /*----------------------------------------------*/
    .industry-section {
        padding: 60px 0 !important;
    }
    .industry-section .industry_1 img {
        padding: 5px 0 15px !important;
    }
    .industry-section .industry_1 .bg-color {
        padding: 18px 10px !important;
    }
    /*-------------------------------------------*/
    .counting-section{
        padding: 60px 0 !important;
    }
    .counting-section .counter_1 p {
        font-size: 32px !important;
    }
    .counting-section .counter_1 h4 {
        font-size: 66px !important;
    }
    .counting-section .counter_1{
        padding: 41px 15px !important;
    }
    /*-------------------------------------------*/
    .blogs-section {
        padding: 60px 0 !important;;
    }
    /*-------------------------------------------*/
    .Leaders-section {
        padding: 60px 0 !important;;
    }
    /*-------------------------------------------*/
    .newsletter-section{
        padding: 60px 0 !important;
    }
    /*-------------------------------------------*/
    .footer{
        padding: 60px 0 0 !important;
    }
    .footer-wedget-four .inner-box .inner-item .icon{
        display: inline-block !important;
    }
    /*============//===============//ABOUT US page css//==============//==============*/

    /*-----------------------------------------------*/
    .aboutus-sec1, .allblogs, .blog-contant, .contact-section, .our_team{
        padding: 60px 0 !important;
    }
}

/* // Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    /*============//===============//home page css//==============//==============*/
    .header .desktop .collapse {
        display: block;
    }

    .header .mobile_menu {
        display: none;
    } 
    /*----------------------------------------------*/
    .main-banner .home-text h1, .aboutus-banner .text-headline h1, .Contact-banner .text-headline h1 {
        font-size: 56px;
    }
    .main-banner .home-text p {
        font-size: 20px;
        width: 70%;
    }
    .main-banner {
        height: 540px;
    }
    .main-banner .home-text {
        padding: 160px 0 70px
    }
    /*----------------------------------------------*/
    .about-section {
        padding: 50px 0;
    }
    .about-section::after {
        bottom: -80px;
    }
    /*----------------------------------------------*/
    .service-section {
        padding: 50px 0;
    }
    /*----------------------------------------------*/
    .solution-section {
        padding: 50px 0;
    }
    .solution-section .techno_1 img {
        padding: 5px 0 5px;
    }
    .solution-section .techno_1 {
        padding: 10px 10px;
    }
    /*----------------------------------------------*/
    .industry-section {
        padding: 50px 0;
        position: relative;
    }
    .industry-section .industry_1 img {
        padding: 5px 0 5px;
    }
    .industry-section .industry_1 .bg-color {
        padding: 8px;
    }
    /*---------------------------------------------*/
    .counting-section{
        padding: 50px 0;
    }
    .counting-section .counter_1 p {
        font-size: 24px;
    }
    .counting-section .counter_1 h4 {
        font-size: 46px;
    }
    .counting-section .counter_1{
        padding: 18px 15px;
    }
    /*---------------------------------------------*/
    .blogs-section {
        padding: 50px 0;
        position: relative;
    }
    /*---------------------------------------------*/
    .Leaders-section {
        padding: 50px 0;
        position: relative;
    }
    /*---------------------------------------------*/
    .newsletter-section{
        padding: 50px 0;
    }
    /*---------------------------------------------*/
    .footer{
        padding: 50px 0 0;
    }
    .footer-wedget-four .inner-box .inner-item .icon{
        display: block;
    }
    /*============//===============//ABOUT US page css//==============//==============*/

    /*-----------------------------------------------*/
    .aboutus-sec1, .allblogs, .blog-contant, .contact-section, .our_team{
        padding: 50px 0;
    }
}

/* // Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /*============//===============//home page css//==============//==============*/
    .header .desktop .navbar .collapse, .header .desktop .navbar .navbar-toggler {
        display: none !important;
    }

    .header .mobile_menu {
        display: block !important;
    }

        .header .mobile_menu .mob-menu {
            top: -35px;
            right: 120px;
        }
    /*-----------------------------------------------*/
    .header .navbar .navbar-toggler{
        outline: none;
        box-shadow: none;
        border: 1.5px solid #fff;
        padding: 5px 7px;
    }
    .header .navbar .navbar-toggler span{
        font-weight: 600;
        color: #fff;
    }
    .header .navbar .navbar-collapse{
        position: absolute;
        background: linear-gradient(92.38deg, rgb(2 192 194 / 90%) 1.05%, rgb(22 74 158 / 90%) 99.71%);
        /* border: 1px solid #fff; */
       /* box-shadow: 0px 5px 40px 0px #fff;*/
        top: 70px;
        width: 100%;
        left: 0px;
        right: 0px;
        max-width: 700px;
        margin: 0px auto;
        border-radius: 20px;
    }
    .header .navbar .navbar-collapse form .btn-outline-success{
        margin: 10px 12px;
    }
    /*----------------------------------------------*/
    .main-banner .home-text h1, .aboutus-banner .text-headline h1, .Contact-banner .text-headline h1 {
        font-size: 56px;
    }
    .main-banner .home-text p {
        font-size: 20px;
        width: 70%;
    }
    .main-banner {
        height: 540px;
    }
    .main-banner .home-text {
        padding: 160px 0 70px
    }
    /*----------------------------------------------*/
    .about-section {
        padding: 50px 0;
    }
    .about-section::after {
        bottom: 0px;
        width: 100%;
    }
    /*----------------------------------------------*/
    .service-section {
        padding: 50px 0;
    }
    
    /*----------------------------------------------*/
    .solution-section {
        padding: 50px 0;
    }
    .solution-section .techno_1 img {
        padding: 5px 0 5px;
    }
    .solution-section .techno_1 {
        padding: 10px 10px;
    }
    /*----------------------------------------------*/
    .industry-section {
        padding: 50px 0;
        position: relative;
    }
    .industry-section .industry_1 img {
        padding: 5px 0 5px;
    }
    .industry-section .industry_1 .bg-color {
        padding: 8px;
    }
    /*---------------------------------------------*/
    .counting-section{
        padding: 50px 0;
    }
    .counting-section .counter_1 p {
        font-size: 20px;
        line-height: 26px;
        margin: 0;
    }
    .counting-section .counter_1 h4 {
        font-size: 32px;
        line-height: 0;
    }
    .counting-section .counter_1{
        padding: 44px 15px;
    }
    /*---------------------------------------------*/
    .blogs-section {
        padding: 50px 0;
    }
    .blogs-section .blog-first {
        padding: 10px;
    }
    .blogs-section .blog-first span h4 {
        font-size: 14px;
        font-weight: 600;
        margin: 15px 0 5px;
    }
    /*---------------------------------------------*/
    .Leaders-section {
        padding: 50px 0;
        position: relative;
    }
    /*---------------------------------------------*/
    .newsletter-section{
        padding: 50px 0;
    }
    /*---------------------------------------------*/
    .footer{
        padding: 50px 0 0;
    }
    .footer-logo {
        width: 250px;
    }
    .footer-wedget-four .inner-box .inner-item .icon{
        display: inline-block;
    }
    .footer-social-profile ul li a{
        margin-right: 15px;
    }
    .footer-wedget-one ul{
        justify-content: start;
    }

    /*============//===============//ABOUT US page css//==============//==============*/
    .aboutus-sec1, .allblogs, .blog-contant, .contact-section, .our_team {
        padding: 50px 0;
    }
    .our_team .heading p{
        width: 100%;
    }

    /*============//===============//Blog Details page css//==============//==============*/
    .

    min-height: 40px;
    max-width: 40px;
    width: 40px;
    object-fit: cover;
    height: 40px;





    min-height: 40px;
    max-width: 40px;
    width: 40px;
    object-fit: cover;
    height: 40px;
    
    blog-contant .sideBar {
        padding: 0 10px 0;
    }

    /*============//===============//Case Study Detail page css//==============//==============*/
    .caseD_bg_img .caseS_content h1{
        margin-bottom: 15px !important;
    }
    .caseD_bg_img .caseS_content .btnCaseStudy{
        margin-top: 20px;
    }
    .quote-section .quote_img::before{
        top: 60px;
    }
    .overview-section .mobile_scrn{
        /*background-size: contain;
        top: -100px;*/
        max-width: 650px;
    }
/*    .overview-section {
        padding: 100px 0 50px;
        background-size: cover;
        margin-top: 150px;
    }*/  
    /*============//===============//Service Detail page css//==============//==============*/
    .blog-contant .container{
        max-width: 100%;
    }
}

/* //Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){
    /*============//===============//home page css//==============//==============*/
    .header .desktop .navbar .collapse, .header .desktop .navbar .navbar-toggler {
        display: none !important;
    }

    .header .mobile_menu {
        display: block !important;
    }

        .header .mobile_menu .mob-menu {
            top: -35px;
            right: 80px;
        }
    /*---------------------------------------------*/
    .header .navbar .navbar-toggler{
        outline: none;
        box-shadow: none;
        border: 1.5px solid #fff;
        padding: 5px 7px;
    }
    .header .navbar .navbar-toggler span{
        font-weight: 600;
        color: #fff;
    }
    .header .navbar .navbar-collapse{
        position: absolute;
        background: linear-gradient(92.38deg, rgb(2 192 194 / 90%) 1.05%, rgb(22 74 158 / 90%) 99.71%);
        /* border: 1px solid #fff; */
        /*box-shadow: 0px 5px 40px 0px #fff;*/
        top: 70px;
        /*width: 100%;*/
        left: 15px;
        right: 15px;
        /*max-width: 530px;*/
        margin: 0px auto;
        border-radius: 20px;
    }
    .header .navbar .navbar-collapse form .btn-outline-success{
        margin: 10px 12px;
    }
    /*----------------------------------------------*/
    .main-banner .home-text h1, .aboutus-banner .text-headline h1, .Contact-banner .text-headline h1{
        font-size: 42px;
    }
    .main-banner .home-text p {
        font-size: 16px;
        width: 100%;
    }
    .main-banner {
        height: 480px;
    }
    .main-banner .home-text {
        padding: 160px 15px 70px
    }
    /*---------------------------------------------*/
    .about-section {
        padding: 50px 0;
    }
    .about-section::after {
        bottom: 0px;
        width: 100%;
    }
    /*---------------------------------------------*/
    .service-section {
        padding: 50px 0;
    }
    .service-section .heading p{
        width: 100%;
    }
    /*---------------------------------------------*/
    .solution-section {
        padding: 50px 0;
    }
    .solution-section .techno_1 img {
        padding: 5px 0 5px;
    }
    .solution-section .techno_1 {
        padding: 10px 10px;
    }
    .solution-section .heading p{
        width: 100%;
    }
    /*---------------------------------------------*/
    .industry-section {
        padding: 50px 0 ;
        position: relative;
    }
    .industry-section .industry_1 img {
        padding: 5px 0 5px;
    }
    .industry-section .industry_1 .bg-color {
        padding: 8px;
    }
    .industry-section .heading p{
        width: 100%;
    }
    /*----------------------------------------------*/
    .counting-section{
        padding: 50px 0 26px;
    }
    .counting-section .counter_1 p {
        font-size: 20px;
        line-height: 26px;
        margin: 0;
    }
    .counting-section .counter_1 h4 {
        font-size: 32px;
        line-height: 0;
    }
    .counting-section .counter_1{
        padding: 44px 15px;
    }
    /*----------------------------------------------*/
    .blogs-section {
        padding: 50px 0;
    }
    .blogs-section .blog-first {
        padding: 10px;
        margin-bottom: 20px;
    }
    .blogs-section .blog-first span h4 {
        font-size: 14px;
        font-weight: 600;
        margin: 15px 0 5px;
    }
    .blogs-section .heading p{
        width: 100%;
    }
    /*----------------------------------------------*/
    .Leaders-section {
        padding: 50px 0;
        position: relative;
    }
    .Leaders-section .heading p{
        width: 100%;
    }
    /*----------------------------------------------*/
    .newsletter-section{
        padding: 50px 0;
    }
    .newsletter-section .input-form {
        width: 90%;
    }
    /*----------------------------------------------*/
    .footer{
        padding: 50px 0 0;
    }
    .footer-logo {
        width: 250px;
        margin: 0 20px 15px 0;
    }
    .footer-sec .footer-wedget-one p {   
        margin-bottom: 15px;
    }
    .footer-wedget-one, .footer-widget-menu, .footer-wedget-four{
        margin-bottom: 40px;
    }
    .footer-sec h2{
        margin-bottom: 25px;
    }
    .footer-wedget-four .inner-box .inner-item .icon{
        display: inline-block;
    }
    .footer-social-profile ul li a{
        margin-right: 15px;
    }
    .footer-wedget-one ul{
        justify-content: start;
    }

    /*============//===============//ABOUT US page css//==============//==============*/
    /*-----------------------------------------------*/
    .aboutus-banner, .Contact-banner{
        height: 270px;
    }
    .aboutus-banner .text-headline, .Contact-banner .text-headline {
        padding: 150px 0 70px;
    }
    /*-----------------------------------------------*/
    .aboutus-sec1, .allblogs, .blog-contant, .contact-section, .our_team{
        padding: 50px 0;
    }
    .aboutus-sec1 .bg-color-img .about-bg-color p{
        font-size: 16px;
        padding: 30px 15px 50px;
    }
    .aboutus-sec1 .bg-color-img .design-img img{
        border-radius: 10px;
    }
    .aboutus-sec1 .bg-color-img .design-img {
        margin: -50px 0px 0;
    }
    .our_team .heading p{
        width: 100%;
    }

    /*============//===============//Blog Details page css//==============//==============*/
    .blog-contant .sideBar{
        padding: 0 15px 0;
    }

    /*============//===============//Contact page page css//==============//==============*/
    .contact-section .form-address .text_fields{
        padding: 30px 15px;
        border-radius: 15px 15px 0 0;
    }
    .contact-section .form-address .contact_fields{
        padding: 30px 15px;
        border-radius: 0px 0px 15px 15px;       
    }
    .contact-section .row{
        margin: 0;
    }
    .contact-section .form-address{
        border-radius: 17px;
        padding: 2px
    }
    .contact-section .form-address::after{
        border-radius: 17px;
    }

    /*============//===============//Case Study Detail page css//==============//==============*/
    .caseD_bg_img .caseS_content h1{
        margin-bottom: 15px !important;
    }
    .caseD_bg_img .caseS_content .btnCaseStudy{
        margin-top: 20px;
    }
    .caseD_bg_img {
        position: relative;
        background-image: url(../img/case_study_img/mobile_59.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        padding: 50px 0;
        max-height: initial;
    }
    .caseD_bg_img .caseS_content{
        margin-top: 30px;
    }

    .overview-section .mobile_scrn{
        background-size: contain;
        top: -200px;
        max-width: 450px;
    }
    .overview-section {
        padding: 100px 0 50px;
        background-size: cover;
        margin-top: 260px;
    }    
    .scope-benefits .scope_details .h2_bg, .scope-benefits .benefits_details .h2_bg {
        margin-bottom: 15px;
    }
    .scope-benefits .scope_img{
        margin-bottom: 30px;
    }
    .scope-benefits{
        padding: 50px 0;
    }
    .OurProcess-section {
        padding: 50px 0 20px;
    }
    .OurProcess-section .process-first {
        margin-bottom: 30px;
    }

    .quote-section::after {
        height: 400px;
        top: 50%;
        bottom: 0;
        z-index: -1;
    }
    .quote-section .quote_img::before {
        top: 320px;
        left: 330px;
    }
    .quote-section .quote_text{
        margin-top: 30px;
    }
    .quote-section .quote_img{
        margin: 0;
    }
}

/* //Small devices (landscape phones, 320px and up)*/
@media (min-width: 320px) and (max-width: 575.98px) {
    /*============//===============//home page css//==============//==============*/
    .header .desktop .navbar .collapse, .header .desktop .navbar .navbar-toggler {
        display: none !important;
    }

    .header .mobile_menu {
        display: block !important;
    }

        .header .mobile_menu .mob-menu {
            top: -35px;
            right: 15px;
        }
    /*----------------------------------------------*/
    .header .navbar .navbar-toggler {
        outline: none;
        box-shadow: none;
        border: 1.5px solid #fff;
        padding: 5px 7px;
    }

        .header .navbar .navbar-toggler span {
            font-weight: 600;
            color: #fff;
        }

    .header .navbar .navbar-collapse {
        position: absolute;
        background: linear-gradient(92.38deg, rgb(2 192 194 / 90%) 1.05%, rgb(22 74 158 / 90%) 99.71%);
        /*box-shadow: 0px 5px 40px 0px #fff;*/
        top: 70px;
        /*width: 100%;*/
        left: 15px;
        right: 15px;
        /*max-width: 290px;*/
        margin: 0px auto;
        border-radius: 20px;
    }

        .header .navbar .navbar-collapse form .btn-outline-success {
            margin: 10px 12px;
        }
    /*---------------------------------------------*/
    .main-banner .home-text h1, .aboutus-banner .text-headline h1, .Contact-banner .text-headline h1 {
        font-size: 28px;
    }

    .main-banner .home-text p {
        font-size: 16px;
        width: 100%;
    }

    .main-banner {
        height: 480px;
    }

        .main-banner .home-text {
            padding: 160px 15px 70px
        }

            .main-banner .home-text .banner-btns a {
                font-size: 12px;
                width: 130px;
                margin: 0 5px;
                border: 1px solid #fff;
            }
    /*---------------------------------------------*/
    .about-section {
        padding: 50px 0;
    }

        .about-section::after {
            bottom: 0px;
            width: 100%;
        }
    /*---------------------------------------------*/
    .service-section {
        padding: 50px 0;
    }

        .service-section .heading p {
            width: 100%;
        }

    .heading .top_line {
        font-size: 12px !important;
    }
    /*---------------------------------------------*/
    .solution-section {
        padding: 50px 0;
    }

        .solution-section .techno_1 img {
            padding: 5px 0 5px;
        }

        .solution-section .techno_1 {
            padding: 10px 10px;
        }

        .solution-section .heading p {
            width: 100%;
        }
    /*---------------------------------------------*/
    .industry-section {
        padding: 50px 0 26px;
        position: relative;
    }

        .industry-section .industry_1 img {
            padding: 5px 0 5px;
        }

        .industry-section .industry_1 .bg-color {
            padding: 8px;
        }

        .industry-section .heading p {
            width: 100%;
        }
    /*----------------------------------------------*/
    .counting-section {
        padding: 50px 0 26px;
    }

        .counting-section .counter_1 p {
            font-size: 16px;
            line-height: 26px;
            margin: 0;
        }

        .counting-section .counter_1 h4 {
            font-size: 30px;
            line-height: 0;
        }

        .counting-section .counter_1 {
            padding: 35px 15px;
        }
    /*----------------------------------------------*/
    .blogs-section {
        padding: 50px 0;
    }

        .blogs-section .blog-first {
            padding: 10px;
            margin-bottom: 20px;
        }

            .blogs-section .blog-first span h4 {
                font-size: 14px;
                font-weight: 600;
                margin: 15px 0 5px;
            }

        .blogs-section .heading p {
            width: 100%;
        }
    /*----------------------------------------------*/
    .Leaders-section {
        padding: 50px 0;
        position: relative;
    }

        .Leaders-section .heading p {
            width: 100%;
        }
    /*----------------------------------------------*/
    .newsletter-section {
        padding: 50px 0;
    }

        .newsletter-section .input-form {
            width: 100.header .navbar .btn-outline-success

{
}
    /*----------------------------------------------*/
    .footer{
        padding: 50px 0 0;
    }
    .footer-logo {
        width: 250px;
        margin: 0 20px 15px 0;
    }
    .footer-sec .footer-wedget-one p {
        margin-bottom: 15px;
    }
    .footer-wedget-one, .footer-widget-menu, .footer-wedget-four{
        margin-bottom: 40px;
    }
    .footer-sec h2{
        margin-bottom: 25px;
    }
    .footer-wedget-four .inner-box .inner-item .icon{
        display: inline-block;
    }
    .footer-social-profile ul li a{
        margin-right: 15px;
    }
    .footer-wedget-one ul{
        justify-content: start;
    }
    .footer-bottom-sec .copy-right{
        display: block;
        text-align: center;
    }

    /*============//===============//ABOUT US page css//==============//==============*/
    /*-----------------------------------------------*/
    .aboutus-banner, .Contact-banner{
        height: 240px;
    }
    .aboutus-banner .text-headline, .Contact-banner .text-headline {
        padding: 140px 0 60px;
    }
    /*-----------------------------------------------*/
    .aboutus-sec1, .allblogs, .blog-contant, .contact-section{
        padding: 50px 0;
    }
    .aboutus-sec1 .bg-color-img .about-bg-color p{
        font-size: 16px;
        padding: 30px 10px 50px;
    }
    .aboutus-sec1 .bg-color-img .design-img img{
        border-radius: 10px;
    }
    .aboutus-sec1 .bg-color-img .design-img {
        margin: -50px 0px 0;
    }
    .aboutus-sec1 .bg-color-img .about-bg-color::after{
        border-radius: 20px;
    }
    .our_team .heading p{
        width: 100%;
    }
    /*============//===============//Blog Details page css//==============//==============*/
    .blog-contant .sideBar{
        padding: 0 15px 0;
    }
    .blog-contant .heading p{
        margin-bottom: 0;
    }
    .blog-contant .contant-for-blog p, .blog-contant .contant-for-blog ul li{
        font-size: 14px;
    }
    .blog-contant .contant-for-blog .bloger .img-icon img {
        width: 50px;
    }
    .blog-contant .contant-for-blog .bloger .img-icon .name-details p{
        font-size: 12px;
    }
    .blog-contant .contant-for-blog .bloger .img-icon .name-details h6{
        font-size: 14px;
    }

    /*============//===============//Contact page page css//==============//==============*/
    .contact-section .form-address .text_fields{
        padding: 30px 10px;
        border-radius: 15px 15px 0 0;
    }
    .contact-section .form-address .contact_fields{
        padding: 30px 10px;
        border-radius: 0px 0px 15px 15px;       
    }
    .contact-section .row{
        margin: 0;
    }
    .contact-section .form-address{
        border-radius: 17px;
        padding: 2px
    }
    .contact-section .form-address::after{
        border-radius: 17px;
    }

    /*============//===============//Case Study Detail page css//==============//==============*/
    .caseD_bg_img .caseS_content h1{
        margin-bottom: 15px !important;
    }
    .caseD_bg_img .caseS_content .btnCaseStudy{
        margin-top: 20px;
    }
    .caseD_bg_img {
        position: relative;
        background-image: url(../img/case_study_img/mobile_59.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        padding: 50px 0;
        max-height: initial;
    }
    .caseD_bg_img .caseS_content{
        margin-top: 30px;
    }

    .overview-section .mobile_scrn{
        background-size: contain;
        top: -100px;
        max-width: 300px;
    }
    .overview-section {
        padding: 100px 0 50px;
        background-size: cover;
        margin-top: 150px;
    }    
    .scope-benefits .scope_details .h2_bg, .scope-benefits .benefits_details .h2_bg {
        margin-bottom: 15px;
    }
    .scope-benefits .scope_img{
        margin-bottom: 30px;
    }
    .scope-benefits{
        padding: 50px 0;
    }
    .OurProcess-section {
        padding: 50px 0 20px;
    }
    .OurProcess-section .process-first {
        margin-bottom: 30px;
    }

    .quote-section::after {
        height: 610px;
        top: 30%;
    }
    .quote-section .quote_img::before {
        display: none;
    }
    .quote-section .quote_text{
        margin-top: 30px;
    }
    .quote-section .quote_img{
        margin: 0;
    }
/*============//===============//Portfolio page css//==============//==============*/
    #portfolio .tabs{
        overflow-x: scroll;
    }
    #portfolio .portfolio-filter{
        justify-content: start;
    }
}