
@media screen and ( min-width: 1400px ) {

    .circlebloque2 {
        width: 200px;
        height: 200px;
    }

    /* SECTION */
    .infosection {
        width: 42%;
        /*border: 1px solid #FF0000;*/
    }
    .infosection-width {
        width: 58%;
        /*border: 1px solid #FF0000;*/
    }
    .infosection p {
        margin: 0px 0px 15px;
        line-height: 84px;
        /*border: 1px solid #FF0000;*/
    }
    .infosection span {
        font-size: .8vw;
        font-weight: 500;
        color: #272421;
    }
    .infosection h1 {
        margin: 0px 0px 15px;
        line-height: 84px;
        /*border: 1px solid #FF0000;*/
    }
    #infotxtbanner {
        top: 150px;
    }

    /* HEADER */
    .conttxtbanner {
        top: 47%;
    }
    .conttxtbanner-top {
        top: 45%;
    }
    .animate-n-r {
        right: 39px;
    }

    /* NOSOTROS */
    .contnosotros {
        top: 51%;
        /*border: 1px solid #FF0000;*/
    }
    .boxnosotros p {
        font-size: 3.5vw;
        line-height: 100%;
    }
    .textnosotros {
        height: 55vh;
        /*border: 1px solid #FF0000;*/
    }
    .contvideo {
        height: 60vh;
        /*border: 1px solid #FF0000;*/
    }

    /* AGENDA TU CITA */
    .contagenda p {
        line-height: initial;
    }

    /* PROMOCIONES */
    .contpromociones {
        top: 48%;
        /*border: 1px solid #000;*/
    }
    .boxpromociones {
        width: 50%;
        /*border: 1px solid #FF0000;*/
    }
    .boxpromociones span {
        font-size: 1.4vw;
    }
    .boxpromostep .button {
        top: 82%;
        /*border: 1px solid #FF0000;*/
    }
    .boxpromostep .button-top {
        top: 92%;
    }
    .titpromociones {
        font-size: 3vw;
        line-height: 60px;
        /*border: 1px solid #FF0000;*/
    }
    .titpromociones-line {
        line-height: 60px;
        /*border: 1px solid #FFF;*/
    }

    /* CONTACTO */
    .contcontacto .infosection {
        width: 48%;
        /*border: 1px solid #FF0000;*/
    }

    /* FLOAT FLAGS */
    .flasgfloat {
        top: 20px;
    }

}

@media screen and ( max-width: 1230px ){ }

@media screen and ( max-width: 980px ){

    /* INPUTS */
    .txtBox {
        font-size: 16px;
    }

    /* SECTION */
    .contsection {
        height: auto;
        text-align: center;
        /*border: 1px solid #000;*/
    }
    .boxinfosection {
        width: 100%;
        padding: 0px 20px;
        margin: 90px 0px 0px;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        -webkit-transform: none;
        box-sizing: border-box;
        /*border: 1px solid #000;*/
    }

    /* MENU */
    .contmenu {
        width: 90%;
        overflow-y: scroll;
    }
    .btnmenu {
        width: 380px;
        padding: 0px 30px;
        margin: 0px 0px 15px;
        font-size: 40px;
    }
    .ligthboxmenu-content {
        top: 45%;
        /*border: 1px solid #FF0000;*/
    }

    /* ICONO MENÚ */
    .infoheader-menu {
        top: 0;
        /*border: 1px solid #FF0000;*/
    }

    /* HEADER */
    .contheader {
        height: 35px;
    }
    .conttxtbanner {
        top: 40%;
        /*border: 1px solid #FF0000;*/
    }
    .txtbanner {
        width: 100%;
        padding: 40px 0px 0px;
        /*border: 1px solid #FF0000;*/
    }
    .txtbanner p {
        font-size: 60px;
        top: -35px;
        /*border: 1px solid #FF0000;*/
    }
    .p-absolute {
        bottom: -25px;
    }
    .contporcentajetxtbanner {
        font-size: 240px;
        /*border: 1px solid #FF0000;*/
    }
    .porcentajetxtbanner {
        margin: 0px 0px 0px 0px;
        /*border: 1px solid #FF0000;*/
    }
    .infotxtbanner {
        padding: 0;
        margin: 10px 0px 0px;
        font-size: 10px;
        /*border: 1px solid #FF0000;*/
    }
    .imgbanner {
        display: none;
        /*border: 1px solid #FF0000;*/
    }
    #imgbanner-m {
        display: inherit;
        /*border: 1px solid #FF0000;*/
    }
    .infoheader-m {
        width: auto;
        padding: 0;
        position: absolute;
        top: 20px;
        left: -10px;
        background-color: #272421;
        display: none;
        /*border: 1px solid #FF0000;*/
    }
    .infoheader-m img {
        height: 40px;
        margin: 10px 15px 15px 15px;
    }
    #fa-share-alt {
        font-size: 26px;
        color: #cdf2f6;
        position: absolute;
        top: -13px;
        left: 8px;
        display: inherit;
    }
    video {
        width: auto;
        height: 100vh;
        z-index: 0;
        /*border: 1px solid #FF0000;*/
    }
    .boxplayvideo {
        width: auto;
        font-size: 100px;
        color: #2b2925;
        padding: 40px;
        position: absolute;
        left: 50%;
        top: 52%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        z-index: 1;
        cursor: pointer;
        /*border: 1px solid #FF0000;*/
    }
    .boxplayvideo:hover {
        color: #000;
    }
    .animate-n-r {
        right: 5%;
    }

    /* LOADING HOME */
    .spinner {
        top: 45%;
        /* border: 1px solid #FF0000; */
    }

    /* FLOAT TESTIMONIOS */
    .txttestimoniofloat {
        width: 250px;
        padding: 5px 10px;
        /*border: 1px solid #FF0000;*/
    }
    .txttestimoniofloat p {
        margin: 10px 0px 0px;
        /*border: 1px solid #FF0000;*/
    }
    .boxconttestimoniofloat {
        width: 100%;
        /*border: 1px solid #000;*/
    }
    .boxtestimoniofloat {
        width: 220px;
        /*border: 1px solid #FF0000;*/
    }
    .startestimoniofloat {
        margin: 5px 0px 0px;
        /*border: 1px solid #FF0000;*/
    }
    .startestimoniofloat img {
        width: 15px;
        /*border: 1px solid #FF0000;*/
    }
    .arrowfloat-left {
        left: 10px;
        /*border: 1px solid #FF0000;*/
    }
    .arrowfloat-right {
        right: 10px;
        /*border: 1px solid #FF0000;*/
    }
    .conttestimoniofloat {
        right: 45px;
        bottom: 65px;
        /*border: 1px solid #FF0000;*/
    }
    .circletestimoniofloat {
        width: 46px;
        height: 46px;
        right: -10px;
        bottom: -40px;
        /*border: 1px solid #FF0000;*/
    }
    .circletestimoniofloat-img {
        width: 46px;
        height: 46px;
        /*border: 1px solid #FF0000;*/
    }
    .circletestimoniofloat-img .fa-play-circle {
        font-size: 50px;
    }
    .closetestimoniofloat {
        top: -23px;
        right: -20px;
        /* border: 1px solid #FF0000; */
    }

    /* PAGE */
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
        height: 12px !important;
        width: 12px !important;
        margin: -6px 0 0 -6px !important;
    }
    #fp-nav ul li a span, .fp-slidesNav ul li a span {
        height: 4px !important;
        width: 4px !important;
        margin: -2px 0 0 -2px !important;
    }
    #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
        width: 10px !important;
        height: 10px !important;
        margin: -4px 0px 0px -4px !important;
    }
    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 5px 0px !important;
    }

    /* PROMOCIONES */
    .contpromociones {
        width: 100%;
        height: 100vh;
        top: 0;
        position: relative;
        left: 0;
        top: 0;
        transform: inherit;
        -webkit-transform: inherit;
        box-sizing: border-box;
        /*border: 1px solid #000;*/
    }
    .boxpromociones {
        width: 100%;
        height: 70vh;
        padding: 0px 20px;
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        /*border: 1px solid #FF0000;*/
    }
    .boxpromociones p {
        font-size: 48px;
        /*border: 1px solid #FF0000;*/
    }
    .boxpromociones span {
        font-size: 14px;
    }
    .boxpromociones select {
        width: 100% !important;
        margin: 0px 0px 10px !important;
    }
    .boxpromostep {
        width: 90%;
        height: 70vh;
        box-sizing: border-box;
        /*border: 1px solid #000;*/
    }
    .boxpromostep .button {
        width: 100%;
        padding: 13px 30px;
        top: 68%;
        /*border: 1px solid #FF0000;*/
    }
    .boxpromostep .button-top {
        top: 75%;
    }
    .boxpromostep .button-bottom {
        top: 82% !important;
    }
    .boxpromostep .button-bottom-col {
        top: 76% !important;
    }
    .boxpromociones .txtBox {
        width: 100%;
    }
    .titpromociones {
        margin: 0px 0px 15px;
        font-size: 30px;
        line-height: 33px;
        /*border: 1px solid #FFF;*/
    }

    /* PROMOCIONES BRASIL */
    .contpromociones-br {
        width: 100%;
        height: auto;
        position: relative; 
        left: 0; 
        top: 0; 
        transform: none; 
        -webkit-transform: none; 
        /*border: 1px solid #FF0000;*/
    }
    .contpromociones-br .boxpromociones {
        position: relative; 
        left: 0; 
        top: 0; 
        transform: none; 
        -webkit-transform: none; 
        /*border: 1px solid #FF0000;*/
    }
    .whatsapppromociones-br .button {
        padding: 20px 40px 20px 80px;
        font-size: 15px;
        font-weight: 600;
        color: #FFF;
        text-transform: uppercase;
        box-sizing: border-box;
        background-color: #008e00;
    }
    .whatsapppromociones-br .button img {
        width: 45px;
        top: 16px;
    }    

    /* CONTACTO */
    .contcontacto .infosection {
        width: 100%;
        top: 0;
        /*border: 1px solid #FF0000;*/
    }
    .contcontacto .infosection b {
        font-family: "Bebas Neue", cursive;
        font-size: 22px;
        font-weight: normal;
        /*border: 1px solid #FF0000;*/
    }
    .contcontacto .infosection-m {
        top: 0;
        /*border: 1px solid #FF0000;*/
    }
    .contcontacto .infosection-width {
        display: none;
    }
    .contcontacto .infosection p {
        font-size: 46px;
        /*border: 1px solid #FF0000;*/
    }
    .contcontacto .infosection span {
        font-size: 14px;
    }
    .contcontacto .button {
        width: 100%;
        padding: 13px 30px;
        /*border: 1px solid #FF0000;*/
    }
    .bgcontacto {
        display: none;
    }
    .contcontacto #country_form {
        width: 100%;
        /*border: 1px solid #FF0000;*/
    }
    .contcontacto #branch_officeform {
        width: 100%;
        float: right;
        /*border: 1px solid #FF0000;*/
    }

    /* NOSOTROS */
    .contnosotros {
        top: 0;
        /*border: 1px solid #FF0000;*/
    }
    .contnosotros .infosection {
        width: 100%;
        /*border: 1px solid #FF0000;*/
    }
    .contnosotros p {
        font-size: 34px;
    }
    .textnosotros {
        height: 60vh;
        font-size: 14px;
        line-height: 22px;
        /*border: 1px solid #FF0000;*/
    }
    .contvideo {
        width: 100%;
        height: 20vh;
        display: none;
        /* border: 1px solid #FF0000; */
    }

    /* AGENDA TU CITA */
    .contagenda {
        width: 100%;
        margin: 10px 0px 0px;
        /*border: 1px solid #FF0000;*/
    }

    /* BLOQUE 4 */
    .contbloque4 {
        width: 100%;
        height: 100vh;
        position: absolute;
        right: 0;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        -o-transform: inherit;
        transform: inherit;
        /*border: 1px solid #FF0000;*/
    }
    .boxbloque4 {
        width: 100%;
        height: 100vh;
        padding: 100px 20px 0px;
        position: relative;
        top: 0px;
        /*border: 1px solid #FF0000;*/
    }
    .boxbloque4 p {
        margin: 0px 0px 20px;
        font-size: 60px;
        /*border: 1px solid #fff;*/
    }
    iframe {
        display: none;
    }
    .contdirectorio {
        width: 100%;
        height: 40vh;
        position: relative;
        top: 45px;
        bottom: 0;
        left: 0px;
        right: 0px;
    }
    .contdirectorio-height {
        height: 26vh;
    }
    .contdirectorio-search {
        height: 38vh !important;
        top: 45px !important;
    }
    .contsearch_filter .fa-search, .fa-times-circle {
        font-size: 20px;
    }
    .boxdirectorio p {
        font-size: 20px;
    }
    .conttxtdata {
        width: 100%;
        height: 75vh;
        padding: 40px 30px 0px;
        margin: 0px 0px 0px 0px;
        text-align: left;
        top: 140px;
        background-color: #272421;
        /*border: 1px solid #FF0000;*/
    }
    .conttxtdata .button {
        width: 100%;
        padding: 13px 30px;
        margin: 40px 0px 0px;
        font-weight: 600;
        text-align: center;
        color: #272421;
        box-sizing: border-box;
        background: #cdf2f6;
        /*border: 1px solid #FF0000;*/
    }
    .conttxtdata .button:hover {
        background: #a1dae0;
        /*border: 1px solid #FF0000;*/
    }
    .conttxtdata .buttonc {
        width: 100%;
        padding: 13px 30px;
        margin: 20px 0px 0px;
        font-weight: 600;
        text-align: center;
        color: #cdf2f6;
        box-sizing: border-box;
        background: #000;
        /*border: 1px solid #FF0000;*/
    }
    .conttxtdata .buttonc:hover {
        background: #333;
        /*border: 1px solid #FF0000;*/
    }
    #closedatatxt {
        display: inherit;
    }
    .txtdata_mob {
        padding: 0px 0px 0px 25px;
        font-size: 16px;
        line-height: 25px;
    }
    .txtdata_mob_p {
        padding: 0px 0px 12px 0px !important;
        margin: 0px 0px 20px !important;
        font-size: 28px !important;
        text-align: center !important;
        line-height: 30px;
    }
    .txtdata_mob .fas, .far {
        font-size: 12px;
        top: 5.5px;
    }

    /* BLOQUE 2 */
    .contboxbloque2 {
        top: 50%;
    }
    .headerbloque2 {
        padding: 0px 20px;
        top: 80px;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    .headerbloque2 p {
        font-size: 24px;
        /*font-size: 36px;
        border: 1px solid #fff;*/
    }
    .headerbloque2 span {
        font-size: 14px;
    }
    #dtxtbloque2 {
        display: none;
    }
    #mtxtbloque2 {
        display: inherit;
    }
    .txtbloque2 {
        top: 46%;
        margin: 0px 0px 0px;
        text-align: center;
        /*border: 1px solid #FF0000;*/
    }
    .txtbloque2-span {
        padding: 0px 15px;
        font-size: 14px;
        font-weight: 500;
        box-sizing: border-box;
    }
    .txtbloque2-preview p {
        width: auto;
        font-size: 30px !important;
        /*font-size: 36px !important;*/
        letter-spacing: -2px;
        text-align: center;
        /*border: 1px solid #ff0000;*/
    }
    .txtbloque2-preview span {
        font-size: 30px !important;
        /*font-size: 36px !important;*/
        top: 0px;
        /* border: 1px solid #fff; */
    }
    .cboxbloque2 {
        width: 100%;
        /*border: 1px solid #000;*/
    }
    .cboxbloque2col1 {
        width: 100%;  
        padding: 0px 0px 0px 0px;
    }
    .cboxbloque2col1 video {
        height: auto;
    }

    /* AVISO PRIVACIDAD */
    .contaviso .infosection p {
        padding: 80px 0px 0px;
        margin: -5px 0px 0px;
        font-size: 34px;
        text-align: center;
        /*border: 1px solid #FF0000;*/
    }
    .contaviso .infosection .button {
        margin: 0;
        position: absolute;
        top: -5px;
        right: 50%;
        margin-right: -109.89px;
        /*border: 1px solid #FF0000;*/
    }
    .contaviso .infosection h1 {
        padding: 0px 0px 0px;
        margin: -5px 0px 0px;
        font-size: 34px;
        text-align: center;
        /*border: 1px solid #FF0000;*/
    }

    /* OPINIONES */
    .contvideos-opinion {
        width: 100%;
        padding: 0px 0px 0px;
        margin: 60px 0px 60px;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    .boxvideos-opinion {
        width: 100%;
        height: 320px;
        margin: 0px 0px 85px;
        /*border: 1px solid #FF0000;*/
    }
    .boxvideos-opinion video {
        width: 100%;
        height: auto;
        /*border: 1px solid #FF0000;*/
    }

    /* FOOTER */
    .footer {
        width: 350px;
        padding: 10px 0px 0px 30px;
        font-size: 14px;
        text-align: left;
        position: relative;
        float: left;
        background-color: inherit;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    .footer a {
        width: 100%;
        margin: 20px 0px;
        text-align: left;
        display: inline-block;
        /*border: 1px solid #FF0000;*/
    }
    .footer span {
        display: none;
    }
    #footer {
        display: none;
    }

    /* SLIDER */
    .slick-dots li {
        margin: 0 8px !important;
    }
    .slick-dots li button:before {
        width: 16px !important;
        height: 16px !important;
        border: 2px solid rgba(247,17,147,.65) !important;
    }
    .slick-dots {
        bottom: 30% !important;
        /*border: 1px solid #FF0000;*/
    }
    #sliderd {
        display: none;
    }
    #sliderm {
        display: inherit;
    }

    #fp-nav.fp-right {
        right: 6px !important;
    }

    /* BLOG */
    .headerblog {
        width: 100%;
        padding: 11px 20px 9px;
        margin: 73px 0px 30px;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    .headerblog p {
        font-size: 34px;
        /*border: 1px solid #fff;*/
    }
    .headerblog span {
        font-size: 14px;
    }
    .contentpostsblog {
        padding: 0px 20px;
        /*border: 1px solid #ff0000;*/
    }
    .contpostsblog {
        margin: 0px 0px 40px;
        /*border: 1px solid #ff0000;*/
    }
    .btncategoriablog {
        width: 45%;
        padding: 11px 10px 9px;
    }
    .boxpostblog {
        width: 100%;
        height: 370px;
        margin: 0px 0px 60px;
        /*border: 1px solid #FF0000;*/
    }
    .boxpostblog .button {
        width: 100%;
        padding: 10px 30px;
        font-size: 16px;
        box-sizing: border-box;
    }

    /* BLOG / DETALLE */
    .boxblogdetail {
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .infoblogdetail {
        width: 100%;
        /*border: 1px solid #FF0000;*/
    }
    .infoblogdetail-col {
        width: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 100px;
        /*border: 1px solid #000;*/
    }
    .relblogdetail {
        margin: 0px 0px 60px;
        /*border: 1px solid #FF0000;*/
    }
    .shareblogdetail {
        top: -10px;
        /*border: 1px solid #FF0000;*/
    }
    .shareblogdetail p {
        position: absolute;
        left: 25%;
        top: 52%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        /*border: 1px solid #FF0000;*/
    }
    .shareblogdetail img {
        width: 33px;
        margin: 0px 0px 0px 12px;
        /*border: 1px solid #FF0000;*/
    }
    .descblogdetail {
        font-size: 16px;
        /*border: 1px solid #000;*/
    }
    .infoblogdetail .button {
        margin: 30px 0px 0px;
        font-size: 14px;
        /*border: 1px solid #FF0000;*/
    }
    .boxcategoriasblogdetail {
        margin: 0px 0px 10px;
        font-size: 14px;
        /*border: 1px solid #FF0000;*/
    }
    .newsletterblogdetail p {
        font-size: 14px;
        /*border: 1px solid #000;*/
    }
    .newsletterblogdetail .button {
        width: 100%;
        /*border: 1px solid #FF0000;*/
    }
    .infoblogdetail iframe {
        height: 230px;
        display: inherit;
    }
    .boxbtnsblogdetail {
        height: auto;
        margin: 10px 0px 15px;
        /*border: 1px solid #FF0000;*/
    }

    /* REDES SOCIALES */
    .cont-redes {
        width: 100%;
        margin: 0px 0px 0px;
        left: 0;
        /*border: 1px solid #FF0000;*/
    }
    .box-redes {
        width: 100%;
        font-size: 24px;
        padding: 8px 25px 8px 70px;
        margin: 0px 0px 25px;
        top: 0;
        position: relative;
    }
    .box-redes p {
        font-size: 12px;
    }
    .box-redes img {
        width: 42px;
        top: 10px;
    }
    .box-redes-2 {
        color: #FFF;
        left: 0;
        background-color: #000;
    }
    .box-redes-3 {
        color: #FFF;
        left: 0;
        background-color: #000;
    }
    .arrow_left {
        position: absolute;
        top: 10px;
        right: 55px;
        display: inherit;
    }
    .arrow_left img {
        width: 25px;
    }

    /* FLOAT BUEN FIN */
    .contbuenfin {
        padding: 10px 20px 7px;
        font-size: 20px;
        text-align: right;
    }
    .contbuenfin img {
        width: 90px;
        bottom: 50px;
    }

    #infotxtbanner {
        top: 150px;
    }

    .conttxtbanner-top {
        top: 43%;
    }
      
    .conttxtbanner img {
        width: 100%;
        right: 0;
    }

    .ligthboxsucursales-content {
        width: 90%;
        height: 65vh;
        top: 40%;
        /*border: 1px solid #FF0000;*/
    }
    .ligthboxsucursales-content .fa-times {
        top: 10px;
        right: 10px;
        z-index: 1;
    }
    .ligthboxsucursales-content iframe {
        display: inherit;
    }

    /* FLOAT REDES SOCIALES */
    .circleredesfloat {
        width: 55px;
        height: 55px;
    }

    /* FLOAT FLAGS */
    .contflasgfloat {
        width: 100%;
        text-align: center;
        font-size: 6vw;
        left: 0px;
        bottom: 40px;
    }
    .contflasgfloat span {
        display: none;
    }
    .flasgfloat {
        width: 11%;
        font-size: 12px;
        text-align: center;
        display: inline-block;
        margin: 0 0 0 1%;
        top: 2px;
        cursor: pointer;
        /*border: 1px solid #FF0000;*/
    }
    .separadorflasgfloat {
        width: 100%;
        position: relative;
        display: inherit;
        /*border: 1px solid #FF0000;*/
    }

}
