/* :::::::::::::::::::::::::::::::::::::::: */

/* TABLE OF CONTENTS/* 
::::::::::::::::::::::::::::::::::::::::::: */

/* 01 - Large devices (desktops, 992px and up) */

/* 02 - Medium devices (tablets, 768px and up) */

/* 03 - Small devices (landscape phones, 576px and up) */

/* 04 - Extra small devices (portrait phones, less than 576px)  */

@media (max-width:1400px) and (min-width:1360px) {
    .font-90, .font-80, .font-70 {
        font-size: 64px;
    }
}

@media (max-width:1359px) and (min-width:1240px) {
    .font-90, .font-80, .font-70 {
        font-size: 60px;
    }
}

@media (max-width:1239px) and (min-width:1120px) {
    .font-90, .font-80, .font-70 {
        font-size: 52px;
    }
}


@media only screen and (max-width: 1024px) {

    .logo {
        /*margin-right: 60px;*/
        margin-right: 0px;
        padding: 0;
    }

}

@media (min-width: 1200px) and (max-width: 1499.98px) {}


/*=================================================== 
01 - Large devices (desktops, 992px and up) 
=====================================================*/
@media (min-width: 992px) {

    .logo_mobile_head {
        display: none !important;
    }

    .navbar-nav {
        float: right;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .font-90, .font-80, .font-70 {
        font-size: 50px;
    }

    .pad-tb-150, .pad-tb-100 {
        padding: 80px 0px;
    }

    .container-fluid-small {
        width: 90%;
    }

    footer .footer-content {
        grid-template-columns: 19% 12% 12% 23% 27%;
    }

    footer .logo-wr {
        width: 130px;
    }

}

/*=================================================== 
02 - Medium devices (tablets, 768px and up) 
=====================================================*/
@media only screen and (max-width: 991px) {
    .font-90, .font-80, .font-70 {
        font-size: 40px;
    }

    .pad-tb-150, .pad-tb-100 {
        padding: 80px 0px;
    }

    .logo_mobile_head {
        margin-top: 0;
        margin-bottom: 40px;
        position: relative;
    }

    .navbar-collapse {
        /* position: absolute; */
        position: fixed;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0;
        background: #F9F6F2;
        /* padding: 10px 30px; */
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
        z-index: 1;
        /* display: none; */
        height: 100vh;
        overflow-y: auto;
    }

    .navbar-toggler.collapsed~.navbar-collapse {
        transition: left 500ms ease-in-out;
    }

    .navbar {
        padding-left: 0;
        padding-right: 0;
    }

    .tabSecation-wrapper .nav-tabs .nav-link {
        padding: 5px 5px;
        margin: 0 5px;
    }

    .workBox-wrapper .icon-box {
        padding: 10px;
    }

    .workBox-wrapper .icon-box .icon i {
        font-size: 44px;
    }

    .workBox-wrapper .icon-box h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .workBox-wrapper .icon-box .description {
        font-size: 14px;
        line-height: 22px;
    }

    .service-block .service-title a {
        font-size: 20px;
    }

    .service-block .service-icon {
        width: 40px;
    }

    .container-fluid-small {
        width: 90%;
    }

    footer .footer-content {
        grid-template-columns: 19% 12% 12% 23% 27%;
    }

    footer .logo-wr {
        width: 130px;
    }


}

@media (min-width: 768px) and (max-width: 991.98px) {}


/*=================================================== 
03 - Small devices (landscape phones, 576px and up) 
=====================================================*/

@media (min-width: 576px) and (max-width: 767.98px) {}

/*-------------------------------------------------------*/

/* Layout lesser than 768px */

/*-------------------------------------------------------*/

@media(min-width:768px) {}

@media only screen and (max-width: 767px) {
    .marBott {
        margin-bottom: 30px;
    }

    .home-img-main {
        margin-top: 50px;
    }

    .pad-tb-100, .pad-tb-150 {
        padding: 80px 0px;
    }

    .logo_mobile_head {
        margin-top: 10px;
        margin-bottom: 20px;
        position: relative;
    }

    .font-90, .font-80, .font-70 {
        font-size: 34px;
    }

    .header-main .navbar-dark .navbar-nav .nav-link {
        font-size: 30px;
        padding: 20px 0px 20px 5px;
        text-align: center;
        margin-top: 20px;
    }

    .playstore-btn {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .feedback-wrapper {
        margin-top: 40px;
    }

    .feedback-wrapper p {
        font-size: 18px;
    }

    .feedback-author .i-wr {
        width: 16%;
    }

    .services-wrapper .service-hldr .i-wr {
        width: 250px;
        margin-top: 11px;
    }

    .homeContact-wrapper .contactForm {
        width: 100%;
    }

    .homeContact-wrapper .addresses {
        margin-top: 50px;
        width: 100%;
    }

    .homeContact-wrapper {
        background: #fff;
    }

    .offers-product-wrapper {
        margin-top: 50px;
    }

    .offers-product-wrapper .offers-product-part {
        margin-top: 30px;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .offers-product-wrapper .offers-product-part .product-fill {
        margin-bottom: 30px;
    }

    .tabSecation-wrapper .card-body h3 {
        font-size: 20px;
    }

    .timeline-wrwpper .timeline-hldr .i-wr {
        width: 10%;
    }


    .container-fluid-small {
        width: 80%;
    }

    footer .footer-content {
        padding-bottom: 0px;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        row-gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-template-areas: "logo-column .""company-column insights-column""contact-column .""icons-column icons-column";
    }

    footer .logo-column {
        grid-area: logo-column;
    }

    footer .company-column {
        grid-area: company-column;
    }

    footer .insights-column {
        grid-area: insights-column;
    }

    footer .contact-column {
        grid-area: contact-column;
    }

    footer .icons-column {
        grid-area: icons-column;
        width: 100%;
        row-gap: 0px;
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
    }


    .hideTabTitle {
        display: none;
    }

    .technoStackDesc {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 767.98px) {}


/*========================================================== 
04 - Extra small devices (portrait phones, less than 576px) 
==========================================================*/

@media (max-width: 575.98px) {}

@media (min-width: 485px) and (max-width: 575.98px) {}