
@media (max-width: 1440px) {
    .lead-regular{
        font-size: 18px;
    }
    
    .lead-bold {
        font-size: 18px;
    }

    .header-digital .subtitle {
        max-width: 320px;
    }

    .header-digital .title {
        font-size: 80px !important;
        line-height: 80px;
    }
    
    .header-digital .title .typewrite.box {
        padding: 14px 44px 4px 26px;
    
        .ff-hello {
            font-size: 60px;
            line-height: 60px;
        }
        
    }

    .section-five {
        h6 {
            font-size: 20px;
            font-weight: 700;
        }
    
        .text-description {
            font-size: 16px;
        }
    }

    .section-six .exp-box h6{
        font-size: 20px;
    }

    .intro-pan .numbers h2 {
        font-size: 80px;
    }


    .section-seven .serv-item h6 {
        font-size: 20px;
    }
    
    .section-seven .serv-item .item-title-hover {
        font-size: 20px;
    }
    
    .section-seven .serv-item .text-description {
        font-size: 16px;
    }
    
    .section-seven .serv-item .text-description-hover {
        font-size: 16px;
    }

    .contact-crev .contact-info span {
        font-size: 20px;
    }

    .fz-100 {
        font-size: 85px !important;
    }

    .fz-90 {
        font-size: 80px !important;
    }

    .fz-50 {
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    /* .navbar .logo {
        max-width: 200px !important;
        margin-left: 47px !important;
    } */

    .icon-img-180 {
        width: 160px;
    }
    

    .fz-100 {
        font-size: 75px !important;
    }

    .fz-90 {
        font-size: 65px !important;
    }

    /* .navbar.nav-scroll {
        display: none !important;
    }
    */

    .navbar.nav-crev {
        width: calc(100% - 40px);
        left: 20px;
    } 

    header.full-height {
        min-height: auto;
    }

    .header-digital .subtitle {
        max-width: 300px;
    }

    .header-digital .title {
        font-size: 60px !important;
        line-height: 60px;
    }
    
    .header-digital .title .typewrite.box {
        /* padding: 24px 44px 8px 26px; */
    
        .ff-hello {
            font-size: 50px;
            line-height: 50px;
        }
        
    }
    

    .intro-pan .numbers h2 {
        font-size: 70px;
    }

    .intro-pan .numbers .item  {
        padding-top: 60px;
    }
}

@media (max-width: 575px) {
    .topnav .logo {
        width: 110px;
    }
}

@media (max-width: 575px) {
    .text-templet {
        font-size: 29px !important;
    }

    .icon-img-180 {
        width: 140px;
    }

    .fz-100 {
        font-size: 50px !important;
    }

    .fz-90 {
        font-size: 45px !important;
    }

    .header-digital .subtitle {
        max-width: 260px;
    }

    .header-digital .title {
        font-size: 40px !important;
        line-height: 40px;
    }
    
    .header-digital .title .typewrite.box {
        padding: 0px 44px 8px 26px;
    
        .ff-hello {
            font-size: 30px;
            line-height: 30px;
        }
        
    }

    .intro-pan .numbers h2 {
        font-size: 50px;
    }

    .intro-pan .numbers .item  {
        padding-top: 40px;
    }

    .swiper-slide.templetos.swiper-slide-duplicate.swiper-slide-prev, .swiper-slide.templetos.swiper-slide-next {
        width: 0px!important;
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%!important;
        height: 100%;
        position: relative;
        transition-property: transform;
    }

    .numbers .float-end {
        float: left!important;
    }

    .exp-box.sub-bg.mt-50.inline {
        margin-bottom: 30px;
    }
    .navbar .logo {
        max-width: 110px !important;
        margin-left: 30px;
    }
    .lead-regular {
        font-size: 16px;
    }
    .img-bfb img {
        width: 200px!important;
        margin-bottom: 30px;
    }
    .fz-20 {
        font-size: 16px !important;
    }
    .sec-lg-head .fz-50 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .section-six {
        & .call-action-center {
            .title>span {
                font-size: 26px !important;
                line-height: 32px !important;
            }
        }
    }

    .section-ten {
        .icon-img-220 {
            width: 150px !important;
        }
    }

    .container-fluid.rest.bg-green.pt-60.pb-60.wow.fadeIn {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }

    .sec-head h2 {
        font-size: 30px !important;
                line-height: 38px !important;
    }
    footer img.icon-img-180 {
        display: none!important;
    }
}