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


  /* header --------------------------------------------------------------- */
  .header{margin: 25px 0 25px 0;}
  .header .main-menu a{padding: 0 15px 2px 15px !important;}
  .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: 36px;}



  /* 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) {

  .logo-login {
    max-width: 80px;
  }
  .tpl-modal-1 .modal-content .m-title {
    font-size: 45px;
    line-height: 45px;
  }
  .tpl-modal-1 .col-r .pd-col {
    padding-left: 0;
    padding-top: 20px;
  }
  .display-text .title {
    font-size: 45px;
    line-height: 45px;
  }
  .header .main-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }

  .gallery-highlight .text .title {
    font-size: 45px;
}
.slide-gallery-base .title {
    font-size: 40px;
    margin-bottom: 25px;
    line-height: 40px;
}

.geral-title-m1::before, .geral-title-m1::after {
      width: 20px;
    margin: -1px 20px 0 20px;
}

  /* header --------------------------------------------------------------- */
  .header{margin: 20px 0 20px 0;}
  .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: 26px;}



  .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 .main-menu a{padding: 0 8px 2px 8px !important;}
  .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;}


}