@media screen and (min-width: 1200px) and (max-width: 1400px) {


}


/*
====================================
large Screen - Others
====================================
*/
@media screen and (max-width: 1364px) {

    .banner-area .owl-nav {
        top: initial;
        bottom: -136px;
        width: 140px;
        left: calc(50% - 70px);
    }


}


@media screen and (min-width: 992px) {

    .navbar-nav {
        gap: 16px;
    }

    .call-us-box p {
        font-size: 13px;
        margin-bottom: 9px;
    }

    .call-us-box h4 {
        font-size: 16px;
    }

    .call-us-box {
        margin-left: 35px;
    }


    /*banner-area*/
    .banner-area {
        padding: 135px 0 140px;
    }


    /*news area*/
    .news-box-small h5 {
        margin-bottom: 10px;
    }

    .news-box h4 {
        margin-bottom: 10px;
    }


    /*footer-area*/
    .latest-news {
        margin-left: 0px;
    }


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


    .navbar-nav {
        margin-top: 60px;
    }

    .call-us-box {
        margin-left: 0px;
        padding-left: 0;
        border-left: none;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5;
        margin-top: 40px;
    }


    /* service-area */
    .service1 {
        margin-bottom: 85px;
        text-align: center;
    }


    /* case area   */
    .section-title {
        font-size: 35px;
    }

    .title-describe {
        font-size: 14px;
        margin: 14px 0 63px;
    }


    .case-box h4 {
        font-size: 16px;
        margin: 27px 0 2px;
    }


    .case-box p {
        font-size: 13px;
    }


    /*industry-area*/
    .news-box-large {
        margin-bottom: 80px;
    }

    .latest-news {
        margin-left: 0px;
    }

    .news-box-footer .news-img {
        width: 55px;
    }

    .news-box-footer .news-text {
        width: calc(100% - 55px);
    }

    .news-box-footer .news-text h4 {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .news-box-footer .news-text h5 {
        font-size: 11px;
    }

    .request-area p {
        font-size: 12px;
    }

    .request-box {
        padding: 75px 40px;
    }


    .footer-links h4 {
        font-size: 18px;
    }

    .footer-links a {
        font-size: 13px;
    }

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

    .footer-logo h4 a {
        font-size: 15px;
    }

    .footer-logo p, .footer-logo p a {
        font-size: 12px;
    }

    .copyright-area p {
        font-size: 13px;
    }

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

    .copyright-area .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }


    /*faq-area*/
    .accordion-body, .faq-content p, .faq-content .request-area p {
        font-size: 14px;
        text-align: left;
        line-height: 1.6;
    }

    .accordion .accordion-button {
        font-size: 15px;
        line-height: 1.4;
        padding: 18px 35px 18px 10px;
    }

    .faq-content h2.section-title {
        font-size: 35px;
        margin-bottom: 22px;
    }

    .faq-content {
        padding-left: 10px;
    }

    .request-bottom {
        gap: 22px !important;
    }

    .request-area button {
        padding: 15px 30px;
    }


}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {


    .navbar-nav {
        margin-top: 60px;
    }

    .call-us-box {
        margin-left: 0px;
        padding-left: 0;
        border-left: none;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5;
        margin-top: 40px;
    }


    /*banner area*/
    .banner-area {
        padding: 125px 0 150px;
    }

    .banner-area h2 {
        font-size: 43px;
        line-height: 1.4;

    }

    .banner-area p {
        font-size: 12px;
        line-height: 1.5;
        margin: 18px 0 50px;
    }

    .banner-area a {
        font-size: 14px;
    }


    /* service-area */
    .service1 {
        margin-bottom: 85px;
        text-align: center;
    }


    /* case area */
    .case-box {
        margin-bottom: 40px;
    }

    .case-area .col-md-4:last-child .case-box {
        margin-bottom: 0px;
    }

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

    .title-describe {
        font-size: 14px;
        margin: 14px 0 63px;
    }

    .case-box h4 {
        font-size: 16px;
        margin: 27px 0 2px;
    }


    .case-box p {
        font-size: 13px;
    }

    .case-area > img {
        height: auto;
    }


    .consult-area h3 {
        font-size: 30px;
    }

    .consult-area p {
        font-size: 13px;
    }


    .trust-area h4 {
        font-size: 16px;
        gap: 18px;
    }

    .trust-area h4 span {
        height: 50px;
    }

    .trust-area h4 a {
        font-size: 14px;
    }


    /* news area*/
    .news-box h3 {
        font-size: 22px;
        line-height: 1.4;
    }

    .news-box h4 {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .news-box h5 {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .news-box p {
        font-size: 14px;
    }

    .news-box-small h5 {
        font-size: 10px;
        margin-bottom: 0px;
    }

    .news-box-small p {
        font-size: 10px;
        line-height: 1.4;
    }

    .news-img {
        width: 70px;
    }

    .news-text {
        width: calc(100% - 70px);
    }

    .news-box-large {
        margin-bottom: 60px;
    }


    /*request-area*/
    .request-box {
        padding: 65px 15px;
    }

    .request-area input {
        font-size: 14px;
        width: 100%;
        margin-bottom: 15px;
        padding: 16px 20px;
    }

    .input-flex {
        gap: 0px;
        flex-direction: column;
    }

    .request-bottom {
        margin-top: 30px;
        flex-direction: column;
        gap: 20px;
    }

    .request-area p {
        font-size: 12px;
        text-align: center;
    }


    /*footer area*/
    .footer-links {
        margin-top: 45px;
        margin-left: 0;
    }

    .news-box-footer .news-text h4 {
        font-size: 14px;
    }

    .news-box-footer .news-text h5 {
        font-size: 14px;
    }

    .copyright-area {
        text-align: center;
    }

    .designed-text {
        text-align: center;
        margin-top: 5px;
    }


    /*faq page*/
    .about-banner-area {
        padding: 100px 0;
    }

    .about-banner-area h2 {
        font-size: 40px;
        line-height: 1;
    }

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

    .faq-content h2.section-title {
        font-size: 35px;
        margin-bottom: 22px;
        line-height: 1.4;
    }


    .accordion-body, .faq-content p, .faq-content .request-area p {
        font-size: 14px;
        text-align: left;
        line-height: 1.6;
    }

    .accordion .accordion-button {
        font-size: 15px;
        line-height: 1.4;
        padding: 18px 35px 18px 10px;
    }

    .accordion-button::after {
        font-size: 24px;
        right: 8px;
        top: 13px;
    }

    .accordion-button:not(.collapsed)::after {
        font-size: 28px;
        right: 8px;
        top: 18px;
    }


    .banner-area .owl-nav button span {
        font-size: 60px;
        color: #7AAC31;
    }

}


@media screen and (min-width: 576px) and (max-width: 767px) {


}