@media screen and (min-width: 992px) {
    .service-item__left img {
        width: 100%;
        height: 100%;
    }

    .timeline-container {
        flex-wrap: nowrap;
    }

}

@media screen and (max-width: 992px) {
    .fve-image {
        min-height: 100%;
    }

    .page-heading-smaller-on-mobile {
        font-size: 44px; 
    }

    .mobile-gap-4 {
        gap: 1rem; 
    }

        .main-menu__call {
        display: none;
    }

}

@media screen and (max-width: 762px) {
    .page-heading-smaller-on-mobile {
        font-size: 44px; 
    }

        .mobile-padding-top {
        margin-top: 40px;
    }
}


/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .experience-one__single {
        padding: 26px 20px 26px;
    }

    .about-one__left {
        margin-right: 0;
    }

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

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

    .site-footer__top {
        padding: 117px 0 115px;
    }

    .contact-page__right {
        margin-left: 0;
    }

    .contact-page .contact-page__points-box+.contact-page__points-box {
        margin-left: 70px;
    }

    .service-item__left img {
        height: 265px;
    }

}




@media screen and (max-width: 1600px) {
  
    .main-menu__call {
        display: none;
    }

}














/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-one__left {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .faq-one__left {
        margin-bottom: 50px;
    }

    .counter-one__single {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .counter-one__single:nth-child(2):before {
        display: none;
    }

    .contact-page .contact-page__right {
        margin-left: 0;
    }

    .service-item__left img {
        width: 100%;
        margin-bottom: 15px;
        height: 380px;
    }

    .service-item__right .content {
        max-width: 500px;
    }

    .service-item .carousel-inner,
    .service-item .carousel-item {
        height: 380px;
        width: 100%;
    }

    .service-item__right h3 {
        margin-top: 15px;
    }
}


























/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .section-title__title {
        font-size: 35px;
        line-height: 45px;
    }

    .section-title__title br {
        display: none;
    }

    .experience-one__single {
        padding: 26px 18px 26px;
    }

    .about-one__left {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .about-one__our-goal {
        right: 0;
    }

    .section-title__text br {
        display: none;
    }

    .faq-one__left {
        margin-bottom: 50px;
    }

    .counter-one__single {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .counter-one__single:before {
        display: none;
    }

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

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

    .site-footer__top {
        padding: 117px 0 115px;
    }

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

    .footer-widget__about {
        margin-right: 0;
    }

    .error-page__title {
        font-size: 150px;
        line-height: 150px;
    }

    .error-page {
        padding: 128px 0 150px;
    }

    .contact-page__left {
        padding: 35px 20px 40px;
    }

    .contact-page__left.ux-demand-form {
        padding: 32px 24px 26px;
    }

    .contact-page .contact-page__right {
        margin-left: 0;
    }

    .contact-page .contact-page__points-box-inner {
        flex-direction: column;
        align-items: baseline;
    }

    .contact-page .contact-page__points-box+.contact-page__points-box {
        margin-left: 0;
        margin-top: 30px;
    }

    .page-header__inner h2 br {
        display: none;
    }

    .service-item__left img {
        width: 100%;
    }

    .service-item .carousel-inner,
    .service-item .carousel-item {
        min-height: 260px;
        width: 100%;
    }

    .service-item__right h3 {
        margin-top: 15px;
    }

    .service-accrodion .accrodion {
        width: 100%;
    }



}




























@media only screen and (min-width: 1200px) and (max-width: 1442px) {
    .service-item__left img {
        width: 100%;
        height: 100%;
    }
}




/*--------------------------------------------------------------
# Slider All Responsice Css
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-slider-two__nav .swiper-button-next {
        right: auto;
    }

    .main-slider-two__nav .swiper-button-prev {
        left: auto;
    }

    .main-slider-two__nav {
        top: 43%;
        align-items: flex-end;
        justify-content: inherit;
        flex-direction: column;
    }

    .main-slider-two__nav .swiper-button-prev {
        margin-bottom: 10px;
    }

    #main-slider-pagination {
        max-width: 960px;
    }













}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider__title br {
        display: none;
    }



    .main-slider-two__nav .swiper-button-next {
        right: auto;
    }

    .main-slider-two__nav .swiper-button-prev {
        left: auto;
    }

    .main-slider-two__nav {
        top: 43%;
        align-items: flex-end;
        justify-content: inherit;
        flex-direction: column;
    }

    .main-slider-two__nav .swiper-button-prev {
        margin-bottom: 10px;
    }

    #main-slider-pagination {
        max-width: 720px;
    }





















}



@media only screen and (max-width: 767px) {
    .main-slider__nav {
        display: none;
    }

    .main-slider__title br {
        display: none;
    }

    .main-slider__title {
        font-size: 40px;
        line-height: 50px;
    }

    .main-slider__text br {
        display: none;
    }

    .main-slider-two__nav {
        display: none;
    }

    .main-slider-two__title {
        font-size: 40px;
        line-height: 50px;
    }

    .main-slider-two__title br {
        display: none;
    }

    .main-slider-two__text br {
        display: none;
    }

    .main-slider-two .container {
        padding-top: 142px;
        padding-bottom: 150px;
    }


    #main-slider-pagination {
        max-width: 540px;
    }


}




@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .main-slider-two__nav .swiper-button-next {
        right: auto;
    }

    .main-slider-two__nav .swiper-button-prev {
        left: auto;
    }

    .main-slider-two__nav {
        top: 43%;
        align-items: flex-end;
        justify-content: inherit;
        flex-direction: column;
    }

    .main-slider-two__nav .swiper-button-prev {
        margin-bottom: 10px;
    }
}






/*--------------------------------------------------------------
# Main Menu All Responsice Css
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-two__search-cart-box {
        margin-left: 80px;
    }

    .main-menu .mobile-nav__toggler {
        color: var(--eratech-white);
    }

    .main-menu .mobile-nav__toggler:hover {
        color: var(--eratech-white);
    }

    .main-menu-two .mobile-nav__toggler {
        color: var(--eratech-base);
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--eratech-black);
    }




}




@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu .mobile-nav__toggler {
        color: var(--eratech-white);
    }

    .main-menu .mobile-nav__toggler:hover {
        color: var(--eratech-white);
    }

    .main-menu-two .mobile-nav__toggler {
        color: var(--eratech-base);
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--eratech-black);
    }












}


@media (max-width: 767px) {
    .main-menu__wrapper {
        padding: 0 30px;
    }

    .main-menu__right {
        display: none;
    }

    .main-menu .mobile-nav__toggler {
        color: var(--eratech-white);
    }

    .main-menu .mobile-nav__toggler:hover {
        color: var(--eratech-white);
    }

    .main-menu-two .mobile-nav__toggler {
        color: var(--eratech-base);
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--eratech-black);
    }

    .main-menu-two__search-cart-btn-box {
        display: none;
    }




}


@media (max-width: 1370px) {
    .main-menu__left {
        width: auto;
    }
}


@media (max-width: 1199px) {

    .contact-page__form-input-box.text-message-box {
        min-height: 310px;
    }

    .main-menu__logo {
        padding: 24px 0;
    }

    .main-menu__logo .logo-image-1 {
        max-width: 152px;
    }

    .header-thm-btn,
    .main-menu__right .header-thm-btn {
        padding: 8px 16px;
        font-size: 16px;
        line-height: 25px;
    }

    .main-menu__right .thm-btn.thm-btn--two {
        padding: 7px 16px;
        font-size: 16px;
        line-height: 25px;
    }

    .main-menu button.mobile-nav__toggler {
        font-size: 28px;
        min-width: 48px;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }

    .mobile-nav__close {
        font-size: 28px;
        min-width: 48px;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        top: 16px;
        right: 10px;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .main-menu__logo {
        padding: 10px 0;
    }

    .main-menu__logo .logo-image-1 {
        max-width: 140px;
    }

    .main-menu button.mobile-nav__toggler {
        font-size: 19px;
        min-width: 38px;
        min-height: 38px;
    }

    .mobile-nav__close {
        font-size: 19px;
        min-width: 38px;
        min-height: 38px;
        top: 12px;
        right: 8px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1370px) {
    .main-menu__wrapper {
        padding: 0 20px;
    }

    .main-menu__call {
        display: none;
    }

    .main-menu__left {
        width: 220px;
    }
}


@media only screen and (max-width: 991px) {
    .loan__right {
        margin-top: 2rem;
    }

    .ux-page-intro,
    .ux-split,
    .ux-about-section,
    .ux-contact-grid {
        grid-template-columns: 1fr;
    }

    .ux-card-grid,
    .ux-process:not(.ux-process--timeline),
    .ux-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media only screen and (max-width: 767px) {
    .ux-page-section,
    .ux-page-section--tight {
        padding: 80px 0;
    }

    .ux-obory-quick-nav {
        grid-template-columns: 1fr;
    }

    .ux-card-grid,
    .ux-process:not(.ux-process--timeline),
    .ux-metric-grid {
        grid-template-columns: 1fr;
    }

    .ux-page-intro__panel,
    .ux-card,
    .ux-process__item,
    .ux-contact-card,
    .ux-cta-panel,
    .contact-one__form-box--plain {
        padding: 18px;
    }

    .ux-demand-form {
        margin-top: 40px;
        padding: 24px 18px 18px;
    }

    .ux-demand-form .contact-form__btn-box {
        align-items: stretch;
    }

    .ux-demand-form .form-btn {
        width: 100%;
    }

    .ux-demand-form__actions .cf-turnstile {
        width: 100%;
    }

    /* Narrow viewports: datetime-local chrome + padding otherwise forces horizontal scroll */
    .ux-demand-form .contact-form__input-box input[type="datetime-local"] {
        padding-left: 12px;
        padding-right: 10px;
    }

    .contact-page__btn-box .cf-turnstile,
    .contact-page__btn-box .form-btn {
        width: 100%;
    }

    .ux-obory-tile.ux-card {
        padding: 0;
    }

    .ux-obory-tile__body {
        padding: 20px 22px 18px;
    }

    .ux-image-frame {
        min-height: 260px;
    }
}