/*======================================
1400px
======================================*/

@media(max-width:1400px){

    .navbar-nav .nav-item{
        margin-right:30px;
    }

    .header-btn{
        margin-left:30px;
    }

}

/*======================================
1199px
======================================*/

@media(max-width:1199px){

    .main-header{
        padding:18px 0;
    }

    .navbar-menu{
        display:none;
    }

    .menu-btn{
        display:block;
    }

    .navbar-brand img{
        width:90px;
    }

    .main-header.sticky .navbar-brand img{
        width:82px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .main-header{
        padding:15px 0;
    }

    .navbar-brand img{
        width:85px;
    }

    .mobile-sidebar{
        width:300px;
        left:-300px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .main-header{
        padding:15px 0;
    }

    .navbar-brand img{
        width:80px;
    }

    .menu-btn{
        width:40px;
        height:40px;
    }

    .menu-btn span{
        width:24px;
    }

    .mobile-sidebar{
        width:280px;
        left:-280px;

        padding:30px 25px;
    }

    .sidebar-header{
        margin-bottom:30px;
    }

    .sidebar-header img{
        width:80px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .main-header{
        padding:12px 0;
    }

    .navbar-brand img{
        width:75px;
    }

    .mobile-sidebar{
        width:100%;
        left:-100%;

        padding:25px 20px;
    }

    .mobile-sidebar.active{
        left:0;
    }

    .mobile-menu>li>a{
        font-size:15px;
        padding:16px 0;
    }

    .close-sidebar{
        width:38px;
        height:38px;
    }

    .sidebar-btn{
        margin-top:25px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .hero-title{
        font-size:62px;
    }

    .page-title{
        font-size:54px;
    }

    .section-title{
        font-size:42px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .hero-title{
        font-size:54px;
    }

    .page-title{
        font-size:48px;
    }

    .section-title{
        font-size:38px;
    }

    h1{
        font-size:48px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .hero-title{
        font-size:44px;
        line-height:1.1;
    }

    .page-title{
        font-size:40px;
    }

    .section-title{
        font-size:32px;
    }

    h1{
        font-size:40px;
    }

    h2{
        font-size:34px;
    }

    h3{
        font-size:28px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .hero-title{
        font-size:36px;
        line-height:1.15;
    }

    .page-title{
        font-size:32px;
    }

    .section-title{
        font-size:28px;
    }

    h1{
        font-size:34px;
    }

    h2{
        font-size:28px;
    }

    h3{
        font-size:24px;
    }

    .counter-number{
        font-size:32px;
    }

}



/*======================================
1199px
======================================*/

@media(max-width:1199px){

    .hero-content h1{
        font-size:60px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .hero-slide{
        min-height:850px;
    }

    .hero-content h1{
        font-size:52px;
    }

    .hero-prev,
    .hero-next{
        display:none;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .hero-slide{
        min-height:750px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:16px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .hero-slide{
        min-height:700px;
    }

    .hero-content h1{
        font-size:34px;
        line-height:1.2;
    }

    .hero-subtitle{
        font-size:12px;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:flex-start;
    }

    .hero-call-btn,
    .primary-btn{
        width:100%;
        justify-content:center;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .trust-item{
        padding:35px 25px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .trust-item{
        margin-bottom:30px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .trust-bar-section{
        margin-top:0;
        padding-top:80px;
    }

    .trust-item{
        padding:30px 25px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .trust-item{
        padding:25px 20px;
    }

    .trust-icon{
        width:70px;
        height:70px;
    }

    .trust-icon i{
        font-size:26px;
    }

    .trust-item h3{
        font-size:24px;
    }

    .trust-item p{
        font-size:14px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .about-content{
        padding-left:30px;
    }

    .main-image img{
        height:450px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .about-images{
        padding-right:0;
    }

    .about-content{
        padding-left:0;
        margin-top:60px;
    }

    .floating-badge{
        right:20px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .about-section{
        padding:80px 0;
    }

    .main-image img{
        height:380px;
    }

    .small-image img{
        height:150px;
    }

    .about-feature-grid{
        grid-template-columns:1fr;
    }

    .floating-logo{
        display:none;
    }

    .floating-blueprint{
        display:none;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .main-image img{
        height:320px;
    }

    .bottom-images{
        flex-direction:column;
    }

    .small-image img{
        height:180px;
    }

    .floating-badge{
        position:relative;
        right:auto;
        top:auto;
        margin-top:20px;
        width:fit-content;
    }

    .about-intro p{
        font-size:16px;
    }

    .about-buttons{
        flex-direction:column;
    }

}

@media (max-width:575px){

    .about-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .about-buttons a{
        width:100%;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .service-image img{
        height:280px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .services-section{
        padding:80px 0;
    }

    .services-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:25px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .service-image img{
        height:260px;
    }

    .service-card-content{
        padding:25px;
    }

    .service-card-content h3{
        font-size:20px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .services-section{
        padding:70px 0;
    }

    .service-nav button{
        width:46px;
        height:46px;
    }

    .service-image img{
        height:230px;
    }

    .service-card-content{
        padding:22px;
    }

}


/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .featured-project-image img{
        height:500px;
    }

    .featured-project-content h3{
        font-size:30px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .featured-project-content{
        padding-left:0;
        margin-top:35px;
    }

    .featured-project-image img{
        height:450px;
    }

    .project-card{
        margin-bottom:30px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .projects-section{
        padding:70px 0;
    }

    .featured-project{
        margin-top:45px;
        margin-bottom:45px;
    }

    .featured-project-image img{
        height:380px;
    }

    .featured-project-content h3{
        font-size:28px;
    }

    .project-image img{
        height:230px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .featured-project-image img{
        height:300px;
    }

    .featured-project-content h3{
        font-size:24px;
    }

    .project-image img{
        height:220px;
    }

    .project-content{
        padding:20px;
    }

    .project-content h4{
        font-size:20px;
    }

    .project-btn{
        width:100%;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .why-watermark{
        width:550px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .why-choose-section{
        padding:80px 0;
    }

    .why-watermark{
        width:450px;
    }

    .why-card h3{
        font-size:22px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .why-choose-section{
        padding:70px 0;
    }

    .why-choose-section .row:last-child{
        margin-top:45px;
    }

    .why-card{
        padding:30px 25px;
    }

    .why-icon{
        width:65px;
        height:65px;
    }

    .why-icon i{
        font-size:24px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .why-watermark{
        width:300px;
    }

    .why-card{
        padding:25px 22px;
    }

    .why-card h3{
        font-size:20px;
    }

    .why-card p{
        font-size:14px;
    }

    .why-icon{
        width:60px;
        height:60px;
        margin-bottom:20px;
    }

    .why-icon i{
        font-size:22px;
    }

}

/*======================================
1199px
======================================*/

@media(max-width:1199px){

    .testimonial-content{
        padding-right:30px;
    }

    .testimonial-text{
        font-size:20px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .testimonial-section{
        padding:80px 0;
    }

    .testimonial-item .row{
        min-height:auto;
    }

    .testimonial-content{
        min-height:auto;
        padding-right:0;
    }

    .testimonial-image{
        height:380px;
        margin-top:40px;
    }

    .testimonial-slider .owl-nav{
        justify-content:center;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .testimonial-section{
        padding:70px 0;
    }

    .testimonial-text{
        font-size:18px;
        line-height:1.8;
    }

    .author-image{
        width:55px;
        height:55px;
    }

    .author-image i{
        font-size:20px;
    }

    .testimonial-image{
        height:300px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .testimonial-text{
        font-size:16px;
        line-height:1.8;
    }

    .testimonial-image{
        height:250px;
        border-radius:18px;
    }

    .testimonial-image img{
        border-radius:18px;
    }

    .testimonial-slider .owl-prev,
    .testimonial-slider .owl-next{
        width:45px;
        height:45px;
    }

}

@media(max-width:991px){

    .faq-section{
        padding:80px 0;
    }

}

@media(max-width:767px){

    .faq-section{
        padding:70px 0;
    }

    .faq-question{
        padding:20px;
    }

    .faq-answer{
        padding:0 20px 20px;
    }

}

@media(max-width:575px){

    .faq-title{
        font-size:16px;
        line-height:1.5;
        padding-right:15px;
    }

}

/*======================================
1199px
======================================*/

@media(max-width:1199px){

    .cta-content h2{
        font-size:46px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .cta-section{
        padding:0 0 80px;
    }

    .cta-card{
        padding:50px;
    }

    .cta-content{
        text-align:center;
    }

    .cta-content p{
        margin:0 auto;
    }

    .cta-actions{

        margin-top:35px;

        align-items:center;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .cta-card{
        padding:40px 30px;
        border-radius:24px;
    }

    .cta-content h2{
        font-size:34px;
    }

    .cta-content p{
        font-size:16px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .cta-content h2{
        font-size:28px;
    }

    .cta-tag{
        font-size:12px;
    }

    .cta-actions{
        width:100%;
    }

    .primary-btn{
        width:100%;
        justify-content:center;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .footer-section{
        padding:80px 0 0;
    }

    .footer-widget{
        margin-bottom:40px;
    }

    .footer-bottom-links{
        justify-content:flex-start;
        margin-top:15px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .footer-section{
        padding:70px 0 0;
    }

    .footer-widget h3{
        font-size:20px;
    }

    .footer-bottom{
        margin-top:40px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .footer-logo img{
        max-width:180px;
    }

    .footer-social{
        gap:10px;
    }

    .footer-social a{
        width:42px;
        height:42px;
    }

    .footer-bottom-links{
        flex-direction:column;
        gap:10px;
    }

}

@media(max-width:575px){

    .back-to-top{

        width:48px;
        height:48px;

        right:20px;
        bottom:20px;

        font-size:16px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .page-banner{

        height:380px;
    }

    .page-banner-content{

        padding-top:60px;
    }

    .page-banner-content h1{

        font-size:50px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .page-banner{

        height:340px;
    }

    .page-banner-content{

        padding-top:50px;
    }

    .page-banner-content h1{

        font-size:40px;
    }

    .page-banner-content p{

        font-size:16px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .page-banner{

        height:320px;
    }

    .page-banner-content{

        padding-top:40px;
    }

    .page-banner-content h1{

        font-size:32px;
    }

    .page-subtitle{

        font-size:11px;

        padding:8px 16px;
    }

    .title-line{

        width:60px;
    }

    .breadcrumb-list{

        gap:8px;

        font-size:14px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .about-images{
        min-height:auto;
        margin-bottom:70px;
    }

    .about-content{
        padding-left:0;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .about-company{
        padding:80px 0;
    }

    .about-main-image{
        width:100%;
    }

    .about-small-image{

        width:55%;

        bottom:-20px;
    }

    .experience-box{

        left:20px;

        width:150px;

        padding:20px;
    }

    .experience-box h2{
        font-size:42px;
    }

    .about-features{
        grid-template-columns:1fr;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .about-images{
        min-height:480px;
    }

    .about-small-image{

        width:60%;

        border-width:5px;
    }

    .experience-box{

        width:130px;

        padding:18px;
    }

    .experience-box h2{
        font-size:34px;
    }

    .about-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .about-call{
        width:100%;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .our-purpose{

        padding:90px 0;
    }

    .purpose-card{

        padding:35px;
    }

    .purpose-card h3{

        font-size:26px;
    }

    .purpose-statement{

        padding:50px 35px;
    }

    .purpose-statement h4{

        font-size:28px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .purpose-card{

        margin-bottom:30px;
    }

    .purpose-icon{

        width:70px;
        height:70px;
    }

    .purpose-icon i{

        font-size:28px;
    }

    .purpose-card h3{

        font-size:24px;
    }

    .purpose-statement{

        margin-top:50px;
    }

    .purpose-statement h4{

        font-size:22px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .our-purpose{

        padding:70px 0;
    }

    .purpose-card{

        padding:28px;
    }

    .purpose-card h3{

        font-size:22px;
    }

    .purpose-statement{

        padding:40px 25px;

        border-radius:20px;
    }

    .purpose-statement h4{

        font-size:20px;

        line-height:1.7;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .work-process{

        padding:90px 0;
    }

    .process-line{

        display:none;
    }

    .process-card{

        margin-bottom:30px;
    }

    .process-bottom{

        text-align:center;

        justify-content:center;
    }

    .process-bottom h4{

        font-size:30px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .process-card{

        padding:35px 25px;
    }

    .process-icon{

        width:75px;
        height:75px;
    }

    .process-icon i{

        font-size:30px;
    }

    .process-card h3{

        font-size:22px;
    }

    .process-bottom{

        padding:40px 25px;
    }

    .process-bottom h4{

        font-size:24px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .work-process{

        padding:70px 0;
    }

    .process-card{

        padding:30px 22px;
    }

    .process-number{

        font-size:42px;
    }

    .process-bottom{

        border-radius:20px;

        padding:35px 20px;
    }

    .process-bottom h4{

        font-size:20px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .trust-validus{

        padding:90px 0;

    }

    .trust-card{

        margin-bottom:30px;

    }

    .trust-bar{

        padding:45px 35px;

        text-align:center;

    }

    .trust-rating{

        flex-direction:column;

        text-align:center;

        margin-bottom:30px;

    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .trust-card{

        padding:35px 25px;

    }

    .trust-icon{

        width:75px;
        height:75px;

    }

    .trust-icon i{

        font-size:28px;

    }

    .trust-card h3{

        font-size:22px;

    }

    .rating-content h4{

        font-size:24px;

    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .trust-validus{

        padding:70px 0;

    }

    .trust-bar{

        padding:35px 25px;

        border-radius:20px;

    }

    .rating-stars{

        font-size:20px;

    }

    .rating-content h4{

        font-size:20px;

    }

    .trust-bar .primary-btn{

        width:100%;

    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .services-intro{
        padding:90px 0;
    }

    .services-intro-content{
        padding-right:0;
        margin-bottom:50px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .services-highlight{
        padding:35px 30px;
    }

    .highlight-header h3{
        font-size:24px;
    }

    .highlight-header i{
        width:60px;
        height:60px;
        font-size:24px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .services-intro{
        padding:70px 0;
    }

    .services-highlight{
        padding:30px 25px;
        border-radius:20px;
    }

    .highlight-header{
        flex-direction:column;
        text-align:center;
    }

    .highlight-header h3{
        font-size:22px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .services-grid{

        padding:90px 0;
    }

    .service-content{

        padding:30px;
    }

    .service-image{

        height:230px;
    }

}

/*======================================
767px
======================================*/

@media(max-width:767px){

    .service-content h3{

        font-size:24px;
    }

    .service-image{

        height:220px;
    }

}

/*======================================
575px
======================================*/

@media(max-width:575px){

    .services-grid{

        padding:70px 0;
    }

    .service-content{

        padding:25px;
    }

    .service-image{

        height:200px;
    }

    .service-number{

        width:50px;
        height:50px;

        font-size:18px;
    }

    .service-content h3{

        font-size:22px;
    }

}

/*======================================
LARGE DEVICES (1199px)
======================================*/

@media (max-width:1199px){

    .project-showcase-content h2{
        font-size:40px;
    }

    .project-modern-content{
        max-width:580px;
    }

}


/*======================================
TABLETS (991px)
======================================*/

@media (max-width:991px){

    .projects-intro{
        padding:90px 0 60px;
    }

    .project-filter{
        margin-top:40px;
    }

    .project-filter button{
        padding:12px 24px;
        font-size:15px;
    }

    .project-showcase,
    .project-showcase-modern,
    .project-showcase-collage{
        padding:90px 0;
    }

    .project-showcase-content,
    .alternate .project-showcase-content{
        padding:0;
        margin-top:50px;
    }

    .project-showcase-image{
        margin-bottom:30px;
    }

    .project-showcase-content h2{
        font-size:36px;
    }

    .project-info{
        grid-template-columns:repeat(2,1fr);
    }

    .project-features{
        grid-template-columns:1fr;
    }

    /* Project 3 */

    .project-modern-image{
        height:500px;
    }

    .project-modern-content{
        max-width:100%;
        margin-top:-90px;
        padding:40px;
    }

    /* Project 4 */

    .project-collage{
        min-height:auto;
        margin-bottom:40px;
    }

    .collage-main{
        width:100%;
    }

    .collage-small{
        width:45%;
    }

    /* Project 5 */

    .project-stats{
        position:relative;
        right:auto;
        bottom:auto;
        margin-top:25px;
        justify-content:center;
    }

}


/*======================================
MOBILE (767px)
======================================*/

@media (max-width:767px){

    .projects-intro{
        padding:80px 0 50px;
    }

    .project-filter{
        gap:10px;
    }

    .project-filter button{
        padding:10px 18px;
        font-size:14px;
    }

    .project-showcase,
    .project-showcase-modern,
    .project-showcase-collage{
        padding:80px 0;
    }

    .project-showcase-content h2{
        font-size:30px;
    }

    .project-info{
        grid-template-columns:1fr;
    }

    .project-features{
        grid-template-columns:1fr;
    }

    .feature-item{
        font-size:15px;
    }

    /* Project 3 */

    .project-modern-image{
        height:380px;
    }

    .project-modern-content{
        margin-top:-60px;
        padding:30px;
    }

    /* Project 4 */

    .collage-small{
        position:relative;
        width:100%;
        right:auto;
        bottom:auto;
        margin-top:20px;
        border-width:5px;
    }

    /* Project 5 */

    .project-stats{
        flex-direction:column;
        gap:15px;
    }

}


/*======================================
SMALL MOBILE (575px)
======================================*/

@media (max-width:575px){

    .projects-intro{
        padding:70px 0 40px;
    }

    .project-showcase,
    .project-showcase-modern,
    .project-showcase-collage{
        padding:70px 0;
    }

    .project-showcase-content h2{
        font-size:26px;
    }

    .project-showcase-content p{
        font-size:15px;
    }

    .project-badge{
        left:20px;
        top:20px;
    }

    .project-badge span{
        padding:8px 18px;
        font-size:12px;
    }

    .project-modern-image{
        height:280px;
    }

    .project-modern-content{
        padding:25px;
        margin-top:-40px;
        border-radius:20px;
    }

    .project-category{
        left:20px;
        top:20px;
        padding:8px 18px;
        font-size:12px;
    }

    .collage-badge{
        left:20px;
    }

    .collage-badge span{
        padding:8px 18px;
        font-size:12px;
    }

    .project-stats{
        padding:20px;
    }

    .stat-item h3{
        font-size:32px;
    }

    .stat-item span{
        font-size:13px;
    }

    .info-box{
        padding:18px;
    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .location-map{

        padding:90px 0;

    }

    .map-wrapper iframe{

        height:450px;

    }

}


/*======================================
767px
======================================*/

@media(max-width:767px){

    .location-card{

        padding:35px 25px;

    }

    .location-card h4{

        font-size:22px;

    }

    .location-icon{

        width:70px;
        height:70px;

    }

    .location-icon i{

        font-size:26px;

    }

    .map-wrapper{

        margin-top:40px;

    }

    .map-wrapper iframe{

        height:380px;

    }

}


/*======================================
575px
======================================*/

@media(max-width:575px){

    .location-map{

        padding:70px 0;

    }

    .location-card{

        padding:30px 20px;

        border-radius:20px;

    }

    .location-card h4{

        font-size:20px;

    }

    .location-icon{

        width:65px;
        height:65px;

        border-radius:16px;

    }

    .location-icon i{

        font-size:24px;

    }

    .map-wrapper{

        border-radius:20px;

    }

    .map-wrapper iframe{

        height:300px;

    }

    .map-wrapper::before{

        left:15px;

        top:15px;

        font-size:12px;

        padding:8px 16px;

    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .contact-faq{

        padding:90px 0;

    }

    .faq-content{

        padding-right:0;

        margin-bottom:50px;

        text-align:center;

    }

}


/*======================================
767px
======================================*/

@media(max-width:767px){

    .faq-title{

        padding:20px;

    }

    .faq-title h5{

        font-size:18px;

        padding-right:20px;

    }

    .faq-body-inner{

        padding:0 20px 20px;

    }

}


/*======================================
575px
======================================*/

@media(max-width:575px){

    .contact-faq{

        padding:70px 0;

    }

    .faq-title h5{

        font-size:16px;

        line-height:1.6;

    }

    .faq-icon{

        width:40px;

        height:40px;

    }

    .faq-icon i{

        font-size:14px;

    }

}

/*======================================
991px
======================================*/

@media(max-width:991px){

.page-card{

    padding:40px 25px;

}

}


/*======================================
767px
======================================*/

@media(max-width:767px){

.popular-pages-section{

    padding:90px 0;

}

.page-card{

    padding:35px 20px;

}

.page-icon{

    width:75px;

    height:75px;

}

.page-icon i{

    font-size:28px;

}

.page-card h4{

    font-size:22px;

}

}


/*======================================
575px
======================================*/

@media(max-width:575px){

.popular-pages-section{

    padding:70px 0;

}

.page-card{

    border-radius:20px;

}

.page-card h4{

    font-size:20px;

}

.page-icon{

    width:65px;

    height:65px;

}

.page-icon i{

    font-size:24px;

}

}

/*======================================
991px
======================================*/

@media(max-width:991px){

    .thank-you-section{

        padding: 90px 0;

    }

    .thank-you-wrapper{

        padding: 60px 40px;

    }

}


/*======================================
767px
======================================*/

@media(max-width:767px){

    .thank-you-wrapper{

        padding: 45px 30px;

    }

    .next-steps::before{

        left: 30px;

    }

    .step-number{

        width: 60px;

        height: 60px;

        min-width: 60px;

        margin-right: 20px;

    }

    .step-content h5{

        font-size: 20px;

    }

    .thank-buttons{

        flex-direction: column;

        align-items: center;

    }

    .thank-buttons a{

        width: 260px;

    }

}


/*======================================
575px
======================================*/

@media(max-width:575px){

    .thank-you-section{

        padding: 70px 0;

    }

    .thank-you-wrapper{

        padding: 35px 20px;

        border-radius: 20px;

    }

    .success-icon{

        width: 90px;

        height: 90px;

    }

    .success-icon i{

        font-size: 34px;

    }

    .step-item{

        flex-direction: column;

        text-align: center;

        align-items: center;

    }

    .next-steps::before{

        display: none;

    }

    .step-number{

        margin-right: 0;

        margin-bottom: 20px;

    }

}

@media(max-width:991px){

.thank-contact{

    padding-bottom:90px;

}

.thank-contact-wrapper{

    padding:45px;

    text-align:center;

}

.text-lg-right{

    text-align:center !important;

}

}

@media(max-width:575px){

.thank-contact{

    padding-bottom:70px;

}

.thank-contact-wrapper{

    padding:35px 25px;

    border-radius:20px;

}

}

/*==================================================
991px
==================================================*/

@media(max-width:991px){

    .legal-section{

        padding: 90px 0;

    }

    .legal-wrapper{

        padding: 45px;

    }

    .legal-header h2{

        font-size: 34px;

    }

    .legal-item h3{

        font-size: 24px;

    }

}


/*==================================================
767px
==================================================*/

@media(max-width:767px){

    .legal-wrapper{

        padding: 35px 30px;

    }

    .legal-header{

        margin-bottom: 35px;

    }

    .legal-header h2{

        font-size: 30px;

    }

    .legal-item{

        margin-bottom: 35px;

    }

    .legal-item h3{

        font-size: 22px;

    }

}


/*==================================================
575px
==================================================*/

@media(max-width:575px){

    .legal-section{

        padding: 70px 0;

    }

    .legal-wrapper{

        padding: 25px 20px;

        border-radius: 20px;

    }

    .legal-date{

        font-size: 13px;

        padding: 7px 15px;

    }

    .legal-header h2{

        font-size: 26px;

    }

    .legal-item h3{

        font-size: 20px;

        padding-left: 15px;

    }

    .legal-item p,

    .legal-item li{

        font-size: 15px;

    }

}