/* ===================================================
TABLETS
=================================================== */

@media (max-width:1199px){

.hero-conteudo h1{

font-size:52px;

}

.section-title{

font-size:40px;

}

.event-card{

height:380px;

}

}


/* ===================================================
TABLETS PEQUENOS
=================================================== */

@media (max-width:991px){

.top-header{

display:none;

}

/* MENU */

.navbar{

padding:12px 0;

}

.navbar-brand{

color:#FFF !important;

font-weight:bold;

}

.navbar-toggler{

background:#FFF;

}

.navbar-collapse{

background:#2d1b13;

padding:20px;

margin-top:15px;

border-radius:10px;

}

.navbar-nav .nav-link{

padding:12px;

text-align:center;

}

/* HERO */

.carousel-item{

height:650px;

min-height:650px;

}

.hero-conteudo{

left:30px;

right:30px;

max-width:100%;

}

.hero-conteudo h1{

font-size:42px;

}

.hero-conteudo p{

font-size:18px;

line-height:30px;

}

.hero-botoes{

display:flex;

flex-direction:column;

gap:15px;

}

.hero-botoes a{

width:100%;

}

/* SOBRE */

.about-home{

padding:70px 0;

}

.about-image{

margin-bottom:40px;

}

.experience-box{

position:relative;

right:auto;

bottom:auto;

margin-top:-60px;

width:220px;

margin-left:auto;

margin-right:auto;

}

/* NUMEROS */

.number{

font-size:46px;

margin-top:25px;

}

/* DIFERENCIAIS */

.advantages{

padding:70px 0;

}

.adv-card{

padding:35px;

}

/* EVENTOS */

.events-section{

padding:70px 0;

}

.event-card{

height:340px;

}

}


/* ===================================================
CELULARES
=================================================== */

@media (max-width:768px){

.section-title{

font-size:32px;

line-height:40px;

}

.section-subtitle{

font-size:13px;

letter-spacing:2px;

}

.section-text{

font-size:16px;

line-height:28px;

}

.hero-conteudo{

text-align:center;

top:52%;

left:20px;

right:20px;

}

.hero-conteudo span{

font-size:14px;

letter-spacing:2px;

}

.hero-conteudo h1{

font-size:34px;

margin-bottom:20px;

}

.hero-conteudo p{

font-size:16px;

line-height:28px;

margin-bottom:30px;

}

.btn-gold{

width:100%;

padding:15px;

margin-bottom:12px;

}

.btn-outline-light{

width:100%;

padding:15px;

}

/* SOBRE */

.about-home p{

font-size:16px;

line-height:30px;

}

.about-list li{

font-size:16px;

}

/* ESTATISTICAS */

.numbers{

padding:60px 0;

}

.number{

font-size:40px;

}

.numbers h5{

font-size:16px;

margin-bottom:30px;

}

/* CARDS */

.adv-card{

padding:30px;

}

.adv-card i{

font-size:42px;

}

.adv-card h4{

font-size:22px;

}

/* EVENTOS */

.event-card{

height:300px;

}

.event-content h3{

font-size:26px;

}

.event-content p{

font-size:15px;

line-height:25px;

}

.event-overlay{

padding:25px;

}

footer{

text-align:center;

}

footer .col-lg-4{

margin-bottom:35px;

}

}


/* ===================================================
CELULARES PEQUENOS
=================================================== */

@media (max-width:480px){

.carousel-item{

height:540px;

min-height:540px;

}

.hero-conteudo h1{

font-size:28px;

}

.hero-conteudo p{

font-size:15px;

line-height:25px;

}

.section-title{

font-size:28px;

}

.section-text{

font-size:15px;

}

.about-home{

padding:50px 0;

}

.experience-box{

width:180px;

padding:20px;

}

.experience-box h2{

font-size:40px;

}

.event-card{

height:260px;

border-radius:15px;

}

.event-content h3{

font-size:22px;

}

.event-content p{

display:none;

}

.event-content a{

font-size:15px;

}

.social-icons{

justify-content:center;

margin-top:20px;

display:flex;

}

}


/* ===================================================
IPHONE SE
=================================================== */

@media (max-width:360px){

.hero-conteudo{

left:15px;

right:15px;

}

.hero-conteudo h1{

font-size:24px;

}

.hero-conteudo p{

font-size:14px;

}

.btn-gold{

font-size:14px;

}

.btn-outline-light{

font-size:14px;

}

.section-title{

font-size:24px;

}

.number{

font-size:34px;

}

}

/*=================================================
GALERIA RESPONSIVA
=================================================*/

@media(max-width:768px){

.gallery-section{

padding:70px 0;

}

.gallery-filter{

gap:10px;

}

.gallery-filter button{

padding:10px 18px;

font-size:14px;

}

.gallery-item img{

height:240px;

}

.gallery-overlay h4{

font-size:22px;

}

.gallery-overlay i{

font-size:30px;

}

}

/* =====================================================
ETAPA 7 - RESPONSIVO
===================================================== */

@media(max-width:991px){

    .testimonials-section{
        padding:80px 0;
    }

    .rating-box{
        margin-top:35px;
    }

    .testimonial-slide{
        padding:10px 55px 20px;
    }

    .testimonial-card{
        padding:45px;
    }

    .quick-budget{
        padding:80px 0;
        background-attachment:scroll;
    }

    .quick-budget-content{
        padding-right:0;
        text-align:center;
        margin-bottom:45px;
    }

    .quick-budget-content h2{
        font-size:42px;
    }

    .cta-benefits{
        max-width:600px;
        margin:0 auto;
        text-align:left;
    }

}


@media(max-width:767px){

    .testimonials-section{
        padding:65px 0;
    }

    .testimonial-slide{
        padding:5px 10px 15px;
    }

    .testimonial-card{
        padding:35px 25px;
    }

    .testimonial-card p{
        font-size:18px;
        line-height:1.7;
    }

    .testimonial-control{
        display:none;
    }

    .rating-number{
        font-size:48px;
    }

    .quick-budget{
        padding:65px 0;
    }

    .quick-budget-content h2{
        font-size:34px;
    }

    .quick-budget-content > p{
        font-size:16px;
        line-height:28px;
    }

    .cta-benefits{
        grid-template-columns:1fr;
        gap:12px;
    }

    .quick-form-box{
        padding:30px 20px;
        border-radius:18px;
    }

    .quick-form-box h3{
        font-size:27px;
    }

    .whatsapp-float{
        width:54px;
        height:54px;
        right:16px;
        bottom:16px;
        font-size:26px;
    }

    .back-to-top{
        right:20px;
        bottom:82px;
    }

}

@media(max-width:767px){

    .footer-premium{
        padding-top:60px;
        text-align:left;
    }

    .footer-brand{
        text-align:center;
    }

    .footer-brand p{
        margin-left:auto;
        margin-right:auto;
    }

    .footer-logo{
        margin-left:auto;
        margin-right:auto;
    }

    .footer-social{
        justify-content:center;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
        margin-top:40px;
    }

}