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

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


@media (min-width: 992px) {

    /*    shared css */
    .fillBtn {
        font-size: 20px;
        padding: 6px 25px;
        font-weight: normal;
    }

    .section-title .mainTitle {
        font-size: 40px;
    }

    .section-title .subTitle {
        font-size: 25px;
    }


    /*  ============= Topbar Logo and menu Open ============== */
    .topbar .topbar__list a {
        font-size: 16px;
    }

    .header__hamburger {
        display: none;
    }

    .headerWrap .navbar .nav-links {
        background-color: unset;
        clip-path: none;
        flex-direction: row;
        width: auto;
        height: auto;
        position: relative;
        padding-top: unset;
        flex: 1;
        justify-content: space-evenly;
    }

    .headerWrap .navbar .nav-links li {
        position: relative;
    }

    .headerWrap .navbar .nav-links li .nav-link {
        color: var(--color-light);
        padding-top: unset;
        font-size: 20px;
    }

    .headerWrap .navbar .nav-links li .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -6px;
        background-color: var(--color-goldDark);
        width: 0;
        height: 3px;
    }

    .headerWrap .navbar .nav-links li:hover .nav-link::before {
        width: 100%;
        transition: width .5s ease-in-out;
    }

    .headerWrap .navbar .navbar-logo img {
        max-width: 200px;
    }

    /*  ============= Topbar Logo and menu Close ============== */
    /*  ============= Hero section Open  ============== */
    .hero .hero--caption h1 {
        font-size: 60px;
    }

    .hero .hero--caption p {
        font-size: 21px;
    }

    .servicesWrapper .fancy-imge img {
        max-width: 165px;
        left: calc(100% - 72%);
        top: 8%;
    }

    .servicesWrapper .servicesSlide .servicesBox .servicesBox-heading {
        font-size: 24px;
    }

    .servicesWrapper .servicesSlide .servicesBox .servicesBox-icon {
        height: 170px;
        width: 170px;
    }

    .servicesWrapper .servicesSlide .servicesBox .servicesBox-icon img {
        max-width: 115px;
    }

    .servicesWrapper .servicesSlide .servicesBox:hover .servicesBox-icon img {
        transform: scale(1.1);
        transition: transform .8s ease-in-out;
    }

    /*  ============= Hero section Close ============== */
    /*  ============= About us section Open ============== */
    .homeAboutus .homeAboutus__para {
        font-size: 16px;
    }


    /*  ============= About us section Close ============== */
    /*  ============= Testomonials section Open ============== */
    .testimonialsWrapper .testimonialWrapper__slider .testimonials .testo-text,
    .testimonialsWrapper .testimonialWrapper__slider .testimonials .testo-user {
        font-size: 16px;
    }

    /*  ============= Testomonials section Close ============== */
    /*  ========================= Blog  Section Open  ========================  */
    .homeBlogWrapper .homeBlogWrapper__inner .homeBlogBox {
        transition: margin-top .3s ease-in-out;
        -webkit-transition: margin-top .3s ease-in-out;
    }

    .homeBlogWrapper .homeBlogWrapper__inner .homeBlogBox:hover {
        margin-top: -30px;
    }

    .homeBlogWrapper .homeBlogWrapper__inner .homeBlogBox {
        padding-top: unset;
    }

    .homeBlogWrapper .homeBlogWrapper__inner .swiper-button-next,
    .homeBlogWrapper .homeBlogWrapper__inner .swiper-button-prev {
        top: -100px;
    }

    /*  ========================= Blog  Section Close ========================  */
    /*    ========================= client slider  Section Open  ======================== */
    .clientSlide .clientSlide__inner .clientSlideBox img {
        width: 100%;
        max-width: 250px;
    }

    /*    ========================= client slider  Section Close  ======================== */
    /*    ========================= Footer  Section Open  ======================== */
    .footerWrapper .footerWrapper__left .footerWrapper__para {
        font-size: 20px;
        padding-bottom: 0;
    }

    .footerWrapper .footerWrapper__right h3 {
        font-size: 30px;
    }

    .footerWrapper .footerWrapper__right .footer__phone,
    .footerWrapper .footerWrapper__right .footer__email {
        font-size: 20px;
    }


    /*    ========================= Footer  Section Close  ======================== */
    /*    ========================= ABOUT US PAGE Open  ======================== */
    .hero.aboutus .hero--caption h1 {
        font-size: 60px;
    }

    .hero.aboutus .hero--caption p {
        font-size: 21px;
    }


    .teamWrapper .teamWrapper__inner .swiper-slide {
        transition: margin-top .5s ease-in-out;
    }


    .teamWrapper .teamWrapper__inner .swiper-slide:hover {
        margin-top: -40px;
        display: flex;
        align-items: center;
    }


    .teamWrapper .teamWrapper__inner .swiper-slide {
        overflow-y: hidden;

    }

    .teamWrapper .teamWrapper__inner .swiper-slide::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(202, 176, 143, .5);
        z-index: -1;
        height: 0;
        transition: all .3s ease-in-out;
    }

    .teamWrapper .teamWrapper__inner .swiper-slide:hover::before {
        height: 100%;
    }


    .teamWrapper .teamWrapper__inner .swiper-slide .teamWrapper__hover {
        position: absolute;
        bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
        overflow-y: hidden;
        z-index: 5;
    }

    .teamWrapper .teamWrapper__inner .swiper-slide .teamWrapper__hover h3 {
        text-align: left;
    }

    .teamWrapper .teamWrapper__inner .swiper-slide .teamWrapper__hover .team__post {
        text-align: left;
    }

    .teamWrapper .teamWrapper__inner .swiper-slide .teamWrapper__hover ul {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out;
    }

    .teamWrapper .teamWrapper__inner .swiper-slide .teamWrapper__hover {
        background: linear-gradient(to top, var(--color-goldDark), var(--color-goldDark), transparent);
        transform: translateY(85px);
    }

    .teamWrapper .teamWrapper__inner .swiper-slide:hover .teamWrapper__hover,
    .teamWrapper .teamWrapper__inner .swiper-slide:hover .teamWrapper__hover ul,
    .teamWrapper .teamWrapper__inner .swiper-slide:hover .teamWrapper__hover .team__post,
    .teamWrapper .teamWrapper__inner .swiper-slide:hover .teamWrapper__hover h3 {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        text-align: center;
        background: transparent;
        bottom: unset;
    }

    /* SERVICES */
    .about-servicesWrapper .servicesSlide .servicesBox .servicesBox-heading {
        font-size: 24px;
    }

    .about-servicesWrapper .servicesSlide .servicesBox .servicesBox-icon {
        height: 170px;
        width: 170px;
    }

    .about-servicesWrapper .servicesSlide .servicesBox .servicesBox-icon img {
        max-width: 115px;
    }

    .about-servicesWrapper .servicesSlide .servicesBox:hover .servicesBox-icon img {
        transform: scale(1.1);
        transition: transform .8s ease-in-out;
    }


    .about__contact {
        margin-top: 80px;
        margin-bottom: 80px;
    }


    /*    ========================= ABOUT US PAGE Close  ======================== */
    /*    ================== SERVICES PAGE OPEN ========================== */
    .servicesBanner {
        min-height: 550px;
        max-height: 550px;
    }

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

    .servicesBanner .hero--form .hero--form__title h3 {
        font-size: 40px;
    }

    .servicesBanner .hero--caption p {
        font-size: 21px;
        font-weight: 600;
    }


    .services__processo .serices__processo__inner .row::before {
        content: '';
        position: absolute;
        top: 41%;
        left: 0;
        background-color: var(--color-goldDark);
        height: 5px;
        width: 100%;
        z-index: -1;
    }


    .services__processo .serices__processo__inner .sevicesProcesso__box h4 {
        font-size: 28px;

    }

    .services__processo .section-title .subTitle,
    .services__processo .section-title .mainTitle {
        text-align: center;
    }


    .homeCta.servicesCta .homeAboutus__para {
        font-size: 16px;
    }


    /*    ================== SERVICES PAGE CLOSE ========================== */
    /*    ================== SERVICES ARCHIVE PAGE OPEN ========================== */
    .serarchive-servicesWrapper .servicesBox .servicesBox-icon {
        height: 170px;
        width: 170px;

    }

    .serarchive-servicesWrapper .servicesBox .servicesBox-icon img {
        width: 100%;
        max-width: 115px;
    }

    .serarchive-servicesWrapper .servicesBox .servicesBox-heading {
        font-size: 24px;
    }


    .serarchive-servicesWrapper .servicesBox:hover .servicesBox-icon img {
        transform: scale(1.1);
        transition: transform .8s ease-in-out;
    }


    /*    ================== SERVICES ARCHIVE PAGE CLOSE ========================== */
    /*     Noticias page Open */

    .noticiasWrapper .noticiasHeaading {
        font-size: 40px;
    }

    .noticiasWrapper .noticiasWrapper__blog h3{
        font-size: 24px;
    }
    .noticiasSingle .noticiasLeft h3{
        font-size: 40px;

    }

    /*     Noticias page Close */

}


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

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