/* Dispositivos abaixo de 1200px -------------------------------------------- */
@media (max-width: 1200px) {


    /* header --------------------------------------------------------------- */
    .header{margin: 25px 0 25px 0;}
    .header .main-menu a{padding: 0 15px 2px 15px;}
    .header{font-size: 14px;}

    
    /* destaque principal --------------------------------------------------- */
    .main-highlight .item .image{height: 498px;}
    .main-highlight .item .box-info{ width: 415px; height: 400px;}
    .main-highlight .item .box-info .text{padding: 50px 50px 50px 55px;}
    .main-highlight .item .box-info .text .title{font-size: 65px; line-height: 65px;}
    .main-highlight .item .box-info .text .description{font-size: 20px;}
    

    /* lista galeria -------------------------------------------------------- */
    .area-list-1 .list-1 .ajust-margin{margin: 0 -60px;}
    .area-list-1 .list-1 .item-gallery{ margin: 25px 12px 25px 12px;}
    .area-list-1 .list-1 .item-gallery .photo{width: 294px; height: 334px;}
    


    /* barra de fidelidade -------------------------------------------------- */
    .bar-fidelity .h-col{height: 180px;}
    .bar-fidelity .col-l .text{padding: 0 0 0 150px;}
    .bar-fidelity .col-l .text .title{font-size: 20px;}
    .bar-fidelity .col-l .text .text-progress{font-size: 13px; padding-bottom: 15px;}
    .bar-fidelity .col-l .text .text-progress span{font-size: 16px;}
    .bar-fidelity .col-l .text .bar-progress .item{width: 20px; height: 20px; margin-right: 3px;}
    .bar-fidelity .col-l .text .ico{height: 84px; width: 84px; margin-top: -42px; left: 25px;}
    .bar-fidelity .col-r .text{padding: 0 0 0 100px;}
    .bar-fidelity .col-r .text .title{font-size: 20px;}
    .bar-fidelity .col-r .ico{margin-top: -47px; left: 30px; font-size: 30px;}


    /* titulo geral section ------------------------------------------------- */
    .geral-title-m1{font-size: 55px;}



    /* fale conosco --------------------------------------------------------- */
    .contact .image-ltr{height: 600px; margin-left: 155px;}    

    

    .slide-gallery-video-base .sld-inter-video-base{margin: 0 -6px;}
    .slide-gallery-video-base .sld-inter-video-base .item{margin: 6px 12px;}
    .slide-gallery-video-base .sld-inter-video-base .item .title{font-size: 26px; height: 75px;}
    

    /* filtro --------------------------------------------------------------- */
    .area-filter .item-filter{font-size: 18px;}
    .area-filter .item-filter::before{height: 2px; width: 30px;margin: -1px 10px 0 0;}
    
    .area-filter-bl{right: -100%; margin: -80px -136px 0 0;}
    .area-filter-bl .filter-bl{width: 297px; height: 120px; padding: 0 20px;}
    .area-filter-bl .tit{font-size: 20px!important;}

}


/* Dispositivos abaixo de 992px --------------------------------------------- */
@media (max-width: 992px) {

    /* header --------------------------------------------------------------- */
    .header{margin: 20px 0 20px 0;}
    .header .logo{width: 32px;}
    .header .main-menu a{padding: 0 10px 2px 10px;}
    .header{font-size: 13px;}


    /* destaque principal --------------------------------------------------- */
    .main-highlight{overflow: hidden;}
    .main-highlight .item .image{height: 460px; margin-left: -150px; margin-right: -150px; padding: 0 150px;}
    .main-highlight .item .box-info{ width: 315px; height: 300px;}
    .main-highlight .item .box-info .text{padding: 50px 40px 50px 45px;}
    .main-highlight .item .box-info .text .title{font-size: 45px; line-height: 45px;}
    .main-highlight .item .box-info .text .description{font-size: 16px;}
    .main-highlight .item .box-info .text .link{margin-top: 20px; font-size: 2;}    
    .main-highlight .item .box-info .text .link .btn{font-size: 13px;}


    /* barra de inscricao --------------------------------------------------- */
    .bar-optin .separate{color: #707070; padding: 0 20px;}
    .bar-optin .input-group{max-width: 100%;}


    /* footer --------------------------------------------------------------- */
    .footer .col-ln{padding-bottom: 30px;}
    .footer .col-ln:last-child{padding-bottom: 0;}


    /* lista galeria -------------------------------------------------------- */
    .area-list-1 .list-1 .ajust-margin{margin: 0 -60px;}
    .area-list-1 .list-1 .item-gallery{ margin: 25px 12px 25px 12px;}
    .area-list-1 .list-1 .item-gallery .photo{width: 333px; height: 379px;}


    /* barra de fidelidade -------------------------------------------------- */
    .bar-fidelity .h-col{height: 180px;}
    .bar-fidelity .col-l .text{padding: 0 0 0 82px;}
    .bar-fidelity .col-l .text .title{font-size: 18px;}
    .bar-fidelity .col-l .text .text-progress{font-size: 12px; padding-bottom: 15px;}
    .bar-fidelity .col-l .text .text-progress span{font-size: 15px;}
    .bar-fidelity .col-l .text .bar-progress .item{width: 17px; height: 17px; margin-right: 2px;}
    .bar-fidelity .col-l .text .ico{height: 46px; width: 46px; margin-top: -23px; left: 10px;}
    .bar-fidelity .col-r .text{padding: 0 0 0 60px;}
    .bar-fidelity .col-r .text .title{font-size: 16px;}
    .bar-fidelity .col-r .ico{margin-top: -47px; left: 10px; font-size: 25px;}    


    /* barra de preços ------------------------------------------------------ */
    .customer-price{margin: 50px 0 0 0;}
    .customer-price .item{margin-bottom: 30px;}


    /* titulo geral section ------------------------------------------------- */
    .geral-title-m1{font-size: 40px;}

    
    
    .gallery-detail{text-align: center;}


    .gallery-highlight .container{padding-top: 0; padding-bottom: 0; background: none;}
    .gallery-highlight .container::after{display: none;}    
    .gallery-highlight .image, .gallery-highlight .text{width: auto; margin: auto;}
    .gallery-highlight .image{height: auto;}
    .gallery-highlight .image img{width: 100%;}
    .gallery-highlight .text .link .btn{width: 100%; max-width: none; }


    /* modal ---------------------------------------------------------------- */
    .modal-md{max-width: 820px!important;}

    .tpl-modal-1 .modal-content .title{font-size: 60px; line-height: 60px;}
    .tpl-modal-1 .modal-content .pd-modal{padding: 30px 40px 30px 40px;}
    .tpl-modal-1 .modal-body{background: transparent}
    .tpl-modal-1 .modal-body::after{display: none;}

    .tpl-modal-1 .ico-base{display: none;}


    /* modal mini --------------------------------------------------------------- */
    .modal-mini-1 .close{top: 20px; right: 20px; width: 22px; height: 22px;}
    .modal-mini-1 .modal-content{width: 560px; padding: 60px 50px;}
    .modal-mini-1 .modal-content .folha-layout-BR{max-width: 120px;}    
    .modal-mini-1 .modal-content .modal-body .mg-pd{padding: 10px 0;}
    .modal-mini-1 .modal-content .modal-body .flag{left: 15px;}
    .modal-mini-1 .modal-content .modal-body .title-1{font-size: 50px; line-height: 50px;}



    /* filtro --------------------------------------------------------------- */
    .area-filter .item-filter{font-size: 16px;}
    .area-filter .item-filter::before{height: 1px; width: 30px;margin: -1px 10px 0 0;}



    .ltr-img-r1, .ltr-img-l1, .ltr-img-r2, .ltr-img-l2{display: none!important;}



    .slide-gallery-video-base .sld-inter-video-base .item .title{font-size: 20px; height: 65px;}


}


/* Dispositivos abaixo de 768px --------------------------------------------- */
@media (max-width: 768px) {


    /* header --------------------------------------------------------------- */
    .header{margin: 15px 0 15px 0;}
    .header .logo{width: 26px;}
    .header .main-menu a{padding: 0 8px 2px 8px;}
    .header{font-size: 12px;}

    /* destaque principal --------------------------------------------------- */
    .main-highlight .item .image{height: 400px; margin-left: -128px; margin-right: -128px; padding: 0 128px;}
    .main-highlight .item .box-info{display: none;}

    /* barra de inscricao ------------------------------------------------------- */
    .bar-optin{font-size: 18px;}
    .bar-optin .input-group{max-width: initial;}
    .bar-optin .input-ico .form-control{font-size: 13px;}

    /* modal ---------------------------------------------------------------- */
    .tpl-modal-1 .close{top: 15px; right: 15px; width: 16px; height: 16px;}

    .tpl-modal-1 .modal-content .title{font-size: 30px; line-height: 30px;}
    .tpl-modal-1 .modal-content .pd-modal{padding: 10px 0px 10px 0px; }


    /* modal mini --------------------------------------------------------------- */
    .modal-mini-1 .close{top: 20px; right: 20px; width: 22px; height: 22px;}
    .modal-mini-1 .modal-content{min-width: 310px; padding: 60px 20px;}
    .modal-mini-1 .modal-content .modal-body .mg-pd{padding: 10px 0;}
    .modal-mini-1 .modal-content .modal-body .flag{font-size: 11px;}
    .modal-mini-1 .modal-content .modal-body .title-1{font-size: 40px; line-height: 40px;}


    .slide-gallery-video-base .sld-inter-video-base{margin: 0 -6px;}
    .slide-gallery-video-base .sld-inter-video-base .item{margin: 6px 12px;}
    .slide-gallery-video-base .sld-inter-video-base .item .title{font-size: 18px; height: 60px;}


    /* filtro --------------------------------------------------------------- */
    .area-filter .item-filter{font-size: 16px;}
    .area-filter .item-filter::before{height: 1px; width: 30px;}
    .area-filter-bl{right: auto; left: 0; top: 100%; margin: 25px 0 0 -45px;}
    .area-filter-bl .filter-bl{width: 260px; height: 120px; padding: 0 20px;}
    .area-filter-bl .tit{font-size: 15px!important;}
    .area-filter-bl .values, .area-filter-bl .values span{font-size: 13px;}
    .area-filter-bl::before{left: auto; right: 13px; top: -10px; width: 25px; height: 25px; box-shadow: 0 3px 10px rgba(-5px, -2px, 0, 0.2); transform: rotate(45deg); background-color: #fff;}
    .area-filter-bl::after{left: 0; top: 0px; bottom: 0; right: 0;  width: auto; background-color: #fff; }     


}


/* Dispositivos abaixo de 576px --------------------------------------------- */
@media (max-width: 576px) {

    
    /* destaque principal ------------------------------------------------------- */
    .main-highlight{overflow: hidden;}
    .main-highlight .item .image{height: 350px; margin-left: -15px; margin-right: -15px; padding: 0 15px;}


}