/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 14 sep 2023, 19:32:11
    Author     : dell
*/

@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/DINPro-Bold_13934.ttf') format('truetype');
}
@font-face {
    font-family: 'Myriad-Pro-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Myriad-Pro-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Helvetica-Neue-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica-Neue-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/helvetica-neue-lt-std-75-bold-590b9e7229917.otf') format('opentype');
}
@font-face {
    font-family: 'Helvetica-Neue-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueRegular.ttf') format('truetype');
}
body{
    font-family: Arial, sans-serif, DINPro-Bold;
}
img{
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
    max-width: 100%;
    height:auto;
}
.row{
    width: 100%;
    margin: auto;
}
.section1, .section2, .section3, .section4, .section5, .section6, .section7,
.section8, .section9, .section10, .section11, .section12, .section13, .section14, 
.section15, .section16, .section17, .section18, .section19, .section20, .section21, .section22,
.section23, .section24, .section25, .section26, .sectioon27, .section28, .section29, footer{
    margin-top:-1px;
}
video{
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
/*------------------------------------------------------------------Seccion 1 ----------------------------------------------------------------------*/
.section1 .texto {
    height: 100vh;
    background-color: #FFFFFF;
}

.section1 .box {
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.section1 .fondo{
    background-image: url('https://landings360.s3.us-east-1.amazonaws.com/landingsMexico360/Home/assetsWebActualizados/Home-personaje-1a_ok.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 100vh;
    image-rendering:-webkit-optimize-contrast;
    background-color:#FFFFFF;
}
.section1 .capa{
    background-color:#FFFFFF;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.section1 img{
    width: 150px;
    height:auto;
}

.section1 h1{
    font-family: 'DINPro-Bold';
    color:#000000;
    font-size: calc(60px + (150 - 60) * (100vw - 320px) / (1920 - 320));
    margin: 3% 0%;
}
.section1 p{
    font-family:  'Helvetica-Neue-Bold';
    color:#000000;
    font-size: calc(21px + (42 - 21) * (100vw - 320px) / (1920 - 320));
}
.section1 button, .section7 button{
    font-family: 'DINPro-Bold';
    color:#ffffff;
    font-size: calc(18px + (28 - 18) * (100vw - 320px) / (1920 - 320));
}
.section1 button, .section7 button{
    border: none;
    width: 348px;
    outline: none;
    padding: 4.7% 0%;
    border-radius: 70px;
    margin-top:90px;
    background-color:#9F2240;
}
.section1 .home-person{
    width:100%;
    height:100vh;
    object-fit:cover;
}
/*------------------------------------------------------------------Seccion 2 ----------------------------------------------------------------------*/
.section2{
    padding: 5% 15%;
}
.section2 h1{
    font-family: 'DINPro-Bold';
    color:#000000;
    font-size: calc(54px + (120 - 54) * (100vw - 320px) / (1920 - 320));
    line-height: 1;
}
.section2 p{
    font-family:  'Helvetica-Neue-Bold';
    color:#645C5C;
    font-size: calc(20px + (42 - 20) * (100vw - 320px) / (1920 - 320));
    line-height:1.5;
}
/*------------------------------------------------------------------Seccion 3 ----------------------------------------------------------------------*/
.section3{
    padding:0% 80px;
}
.section3 img{
    width:100%;
    height:auto;
    position:relative;
}
.section3 .box{
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: calc(100% - 30px);
    min-height: 323px;
    margin: auto;
    padding: 0% 12%;
}
.section3 h1{
    font-family:  'Helvetica-Neue-Bold';
    color:#FFFFFF;
    font-size: calc(30px + (72 - 30) * (100vw - 320px) / (1920 - 320));
    margin:0;
}
.section3 p{
    font-family:  'Helvetica-Neue-Regular';
    color:#FFFFFF;
    font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320));
}
.section3 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
.section3 .link-image{
    text-decoration:none;
}
.section3 img:hover{
    filter: brightness(0.99);
    box-shadow: 0px 12px 10px #545454;
}
/*------------------------------------------------------------------Seccion 4 ----------------------------------------------------------------------*/
.section4 h1{
    font-family: 'DINPro-Bold';
    color:#1D1D1F;
    font-size: calc(60px + (150 - 60) * (100vw - 320px) / (1920 - 320));
    text-align: center;
    padding: 10% 0%;
    margin:0;
    line-height:1;
}
.section4 h1.text{
    color: #FF680D;
    font-size: calc(30px + (68 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin: 0%;
}
/*------------------------------------------------------------------Seccion 5 ----------------------------------------------------------------------*/
.section5 h1{
    color: #FF680D;
    font-size: calc(35px + (68 - 35) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    padding: 4% 20% 4% 0%;
    margin: 0%;
}
.section5 p{
    font-family:  'Helvetica-Neue-Bold';
    color:#645C5C;
    font-size: calc(21px + (32 - 21) * (100vw - 320px) / (1920 - 320));
    height: 300px;
}
.section5 p.first-paragraph{
    padding: 5% 10%;
}
.section5 p.second-paragraph{
    padding: 10% 24% 0% 0%;
}
.section5 p.three-paragraph{
    padding: 10% 24% 0% 0%;
}
/*------------------------------------------------------------------Seccion 7 ----------------------------------------------------------------------*/
.section7{
    padding: 100px 20% 100px;
}
.section7 img{
    display: block;
    margin: auto;
}
.section7 h1{
    color: #FF680D;
    font-size: calc(30px + (60 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
}
.section7 h2{
    color: #000000;
    font-size: calc(45px + (100 - 45) * (100vw - 320px) / (1920 - 320));
    font-family: 'DINPro-Bold';
}
.section7 p{
    color: #000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    margin:0;
}
.section7 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));
    display: block;
    text-align: center;
}
.section7 video{
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: none;
    outline: none;
}
.section7 h1, .section7 h2 {
    line-height: 1;
}
/*------------------------------------------------------------------Seccion 8 ----------------------------------------------------------------------*/
.section8{
    background-image:url('https://assets.claro360.com/inicio/Version2021/mujer+copia.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:100vh;
    image-rendering: auto;
}
.section8Video{
    width: 100%;
    height: auto !important;
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-top: 0px;
}
.section8Video video{
    width: 100%;
    height: auto;
    object-fit: contain;
    position: sticky;
    top: 60px;
    left: 0%;
    transform: none;
    outline: none;
}
/*------------------------------------------------------------------Seccion 10 ----------------------------------------------------------------------*/
.section10{
    background-color:#ffffff;
}
.section10 video{
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: none;
    outline: none;
}
/*------------------------------------------------------------------Seccion 12 ----------------------------------------------------------------------*/
.section12{
    background-image:url('https://landings360.s3.us-east-1.amazonaws.com/landingsMexico360/Home/assetsWebActualizados/Home_14.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:540px;
    image-rendering: auto;
}
.titleImage{
    color: #FFF;
    font-size: calc(30px + (60 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin:0px;
    padding-top: 2%;
}
.textImage{
    color: #FFF;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    padding: 0px 20%;
}
.linkText{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
.containLink{
    padding:0px 20%;
}
/*------------------------------------------------------------------Seccion 13 ----------------------------------------------------------------------*/
.section13{
    background-image:url('https://assets.claro360.com/inicio/Version2021/Home_15_2x.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:540px;
    image-rendering: auto;
}
/*------------------------------------------------------------------Seccion 14 ----------------------------------------------------------------------*/
.section14{
    background-image:url('https://assets.claro360.com/inicio/Version2021/Home_16_2x.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:540px;
    image-rendering: auto;
    transform: scaleX(-1);
}
.section14 .row{
    transform: scaleX(-1);
}
/*------------------------------------------------------------------Seccion 15 ----------------------------------------------------------------------*/
.section15{
    background-image:url('https://assets.claro360.com/inicio/Version2021/Home_17_2x.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    height:540px;
    image-rendering: auto;
}
/*------------------------------------------------------------------Seccion 16 ----------------------------------------------------------------------*/
.section16{
    background-color:#EFEFEF;
}
.section16 img{
    max-width: 100%;
    height: 250px;
    object-fit: contain;
    margin: auto;
    display: block;
}
.section16 .contain-image div{
    padding:3% 0%;    
}
.section16 .contain-image div.contain-links{
    padding: 2% 20%;
}
.section16 h1{
    color: #000000;
    font-size: calc(30px + (60 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin:0px;
}
.section16 p{
    color: #000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
}
.section16 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
/*------------------------------------------------------------------Seccion 17 ----------------------------------------------------------------------*/
.section17{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
}
.section17 img{
    width: 150px;
    height:auto;
}
.section17 h1{
    font-family: 'DINPro-Bold';
    color:#71D5E8;
    font-size: calc(50px + (180 - 50) * (100vw - 320px) / (1920 - 320));
    margin: 0%;
}
.section17 p{
    font-family: 'DINPro-Bold';
    color:#71D5E8;
    font-size: calc(35px + (120 - 35) * (100vw - 320px) / (1920 - 320));
}
.section17 button{
    font-family: 'DINPro-Bold';
    color:#2B2A2A;
    font-size: calc(20px + (28 - 20) * (100vw - 320px) / (1920 - 320));
}
.section17 button{
    border: none;
    width: 350px;
    outline: none;
    padding: 1% 0%;
    border-radius: 70px;
    margin-top:90px;
    margin-bottom: 10vh;
    background-color:#FFFFFF;
}
.section17 .col-12 {
    padding-top: 140px;
}
/*------------------------------------------------------------------Seccion 18 ----------------------------------------------------------------------*/
.section18{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
    padding:0 10%;
    margin-top:-1px;
}
.title{
    color: #71D5E8;
    font-size: calc(30px + (72 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin: 10px 0px;
}
.text{
    color: #FFFFFF;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
}
.img-column{
    max-width:100%;
    height:auto;
    margin: auto;
    display: block;
}
.text-column{
    padding: 0% 5% 0px 25px;
}
/*------------------------------------------------------------------Seccion 19 ----------------------------------------------------------------------*/
.section19{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
    padding:0 10%;
}
/*------------------------------------------------------------------Seccion 20 ----------------------------------------------------------------------*/
.section20{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
    padding:0 10%;
}
/*------------------------------------------------------------------Seccion 21 ----------------------------------------------------------------------*/
.section21{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
    padding:0 10%;
}
/*------------------------------------------------------------------Seccion 22 ----------------------------------------------------------------------*/
.section22{
    background-color:#2B2A2A;
    width:100%;
    height:100vh;
    padding:0 10%;
}
.section22 .img-column{
    width: 90%;
}
.section22 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
/*------------------------------------------------------------------Seccion 23 ----------------------------------------------------------------------*/
.section23{
    background-color:#2B2A2A;
    width:100%;
    min-height:100vh;
    padding: 2vh 16%;
}
.section23 h1{
    font-family: 'DINPro-Bold';
    color:#71D5E8;
    font-size: calc(30px + (120 - 30) * (100vw - 320px) / (1920 - 320));
    margin: 0%;
}
.section23 p{
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    color:#FFFFFF;
}
.section23 span{
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#FFFFFF;
}
.section23 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
.section23 .linkText{
    padding: 0px 250px 0px 0px;
}
/*------------------------------------------------------------------Seccion 24 ----------------------------------------------------------------------*/
.section24{
    background-image:url(https://assets.claro360.com/inicio/Version2021/actualizar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    image-rendering: auto;
    padding: 130px 19%;
    position:relative;
}
.section24 h1{
    font-family: 'DINPro-Bold';
    color:#000000;
    font-size: calc(40px + (150 - 40) * (100vw - 320px) / (1920 - 320));
    margin: 3% 0%;
}
.section24 p{
    font-family:  'Helvetica-Neue-Bold';
    color:#000000;
    font-size: calc(18px + (42 - 18) * (100vw - 320px) / (1920 - 320));
}
.section24 button{
    font-family: 'DINPro-Bold';
    color:#ffffff;
    font-size: calc(18px + (28 - 18) * (100vw - 320px) / (1920 - 320));
}
.section24 button{
    border: none;
    width: 350px;
    outline: none;
    padding: 1% 0%;
    border-radius: 70px;
    margin-top:45px;
    background-color: #9F2240;
}
.section24 img{
    width: 150px;
    height:auto;
}
/*------------------------------------------------------------------Seccion 25 ----------------------------------------------------------------------*/
.section25{
    background-color:#EFEFEF;
    position:relative;
}
.section25 img{
    max-width: 100%;
    height: 250px;
    object-fit: contain;
    margin: auto;
    display: block;
}
.section25 .contain-image .img-pad{
    padding:2% 0%;    
}
.section25 h1{
    color: #000000;
    font-size: calc(30px + (60 - 30) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    margin:0px;
}
.section25 p{
    color: #000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
}
.section25 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
.section25 .contain-links{
    padding: 0px 150px 2%;
}
/*------------------------------------------------------------------Seccion 26 ----------------------------------------------------------------------*/
.section26{
    background-image:url(https://landings360.s3.amazonaws.com/landingsMexico360/Home/assetsWeb/salud_ok.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    image-rendering: auto;
}
.section26 .row{
}
.section26 .column{
    padding: 0 6% 35px 10%;
}
.section26 h1{
    color: #000000;
    font-size: calc(40px + (72 - 40) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
}
.section26 p{
    color: #000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
}
.section26 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
/*------------------------------------------------------------------Seccion 27 ----------------------------------------------------------------------*/
.section27{
    background-image:url(https://assets.claro360.com/inicio/Version2021/911.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    image-rendering: auto;
}
.section27 .row{
    margin:unset;
}
.section27 .column{
    padding: 3vh 5% 25% 45%;
}
.section27 h1{
    color: #000000;
    font-size: calc(40px + (72 - 40) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
}
.section27 p{
    color: #000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    padding: 0px 31.5% 0px 0px;
    margin:0;
    line-height: 1.5;
}
.section27 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
/*------------------------------------------------------------------Seccion 28 ----------------------------------------------------------------------*/
.section28{
    background-color:#EBEBEB;
}
.section28 .row{
    margin: 0vh 18%;
    background: white;
    border-radius:40px;
    width: auto;
}

.section28 .icon-column {
    flex-wrap: nowrap !important;
}

.section28 .column{
    padding: 8.5%;
    display: flex;
    flex-direction: row;
}
.section28 .column2{
    padding: 0px 8% 8.5% 8.5%;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.section28 img{
    width:285px;
}
.section28 h1{
    color: #000000;
    font-size: calc(38px + (72 - 38) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    display: inline-block;
    margin: 0 3% 0px;
}
.section28 h2{
    color: #000000;
    font-size: calc(18px + (42 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    padding: 0% 0% 3%;
}
.section28 p{
    font-family:  'Helvetica-Neue-Regular';
    color:#000000;
    font-size: calc(14px + (32 - 14) * (100vw - 320px) / (1920 - 320));
    line-height: 1.5;
}
.section28 a{
    font-family:  'Helvetica-Neue-Regular';
    color:#0E8FD3;
    font-size: calc(12px + (24 - 12) * (100vw - 320px) / (1920 - 320));
}
/*------------------------------------------------------------------Seccion 29 ----------------------------------------------------------------------*/
.section28.otherSection{
    padding-bottom: 100px;
}
.section28 .otherTarget{
    padding: 6.5% 5%;
}
.section28 .otherText{
    margin: 0px 3%;
}

.section28 .otherTarget div h2 {
    width: 100%;
}

.section28 .otherTarget div p {
    width: 100%;
}





/*PORTRAIT RESPONSIVE*/

/*// Mobile devices col */
@media (max-width: 576px) {
    html{
        overflow-x: unset;
    }
    .row{
        width:100% !important;
    }
    .imgWeb{
        display:none !important;
    }
    .imgMovil{
        display:block !important;
        margin:auto;
    }
    
    .section1 .fondo {
        background-image: url('https://landings360.s3.amazonaws.com/landingsMexico360/Home/assetsResponsive/Home+personaje+1a_ok.png');
    }

    div.col-12{
        padding:0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section1 img {
        width: 115px;
        padding: 0% 0% 10%;
    }
    .section1 .box{
        padding:15vh 5%;
    }
    
    .section1 a {
        width: 50%;
    }
    
    .section1 button {
        width: 100%;
        padding: 1.5% 0%;
        margin-top: 30px;
    }
    
    .section7 button, .section17 button, .section24 button {
        width: 50.5%;
        padding: 1.5% 0%;
        margin-top: 30px;
    }
    /*----------------------------------------------------------------------------------*/
    .section2 {
        padding: 10% 6%;
        margin-top:-1px;
    }
    /*----------------------------------------------------------------------------------*/
    .section3{
        padding:10% 0%;
    }
    .section3 .box {
        min-height:auto;
        padding: 5% 5%;
        width:100%;
    }
    .section3 p {
        margin: 0;
        padding: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section4{
        padding:0% 6%;
    }
    .section4 h1{
        margin:0;
    }
    .section4 h1.text{
        display:block !important;
    }
    /*----------------------------------------------------------------------------------*/
    .section5{
        padding: 10% 6%;
    }
    
    .section5 h1{
        display:none !important;
    }
    .section5 .first-paragraph, .section5 .second-paragraph, .section5 .three-paragraph{
        padding:10% 0% !important;
        height:auto;
    }
    .section5 h1 {
        padding: 0px 0% 10% 0%;
        text-align:center;
    }
    /*----------------------------------------------------------------------------------*/
    .section7{
        padding: 0% 6% 10%;
    }
    .section7 img {
        max-width: 200px;
    }
    .section7 h1{
        padding: 15% 0% 4%;
    }
    .section7 h2{
        padding: 0% 0% 7%;
    }
    .section7 h1, .section7 h2 {
        margin: 0;
    }
    .section7 video {
        min-height: 110px;
        max-height: 130px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_11.png);
    }
    .section8Video video {
        height: 100vh;
        object-fit: cover;
        top: 30px;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    .section12, .section13,  .section14, .section15 {
        background-image:none;
        height:auto;
    }
    .section12{
        padding: 10% 0% 0%;
    }
    
    .section12 .imgMovil {
        margin: 5vh auto;
    }
    /*----------------------------------------------------------------------------------*/
    .section12{
        padding: 10% 6%;
    }
    
    .section12 h1, .section12 p, .section12 a, 
    .section13 h1, .section13 p, .section13 a,
    .section14 h1, .section14 p, .section14 a,
    .section15 h1, .section15 p, .section15 a{
        padding: 3% 11%;
    }
    
    .section13 .containerBox,
    .section14 .containerBox,
    .section15 .containerBox{
        padding: 10% 0%;
    }
    
    .section12 .containLink,
    .section13 .containLink ,
    .section14 .containLink ,
    .section15 .containLink  {
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section13{
        padding: 10% 6%;
    }
    
    .section13 .imgMovil {
        margin: 5vh auto;
    }
    
    .section13, .section14{
        padding: 0% 0% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section14{
        padding: 10% 6%;
    }  
    
    .section14 .imgMovil {
        margin: 5vh auto;
    }
    
    /*----------------------------------------------------------------------------------*/    
    .section15{
        padding: 0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section16{
        padding: 10% 6%;
    }
    
    .section16 .contain-image {
        background-color: white;
        margin: 5%;
    }
    .section16 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section16 .contain-image:nth-child(n + 1){
        padding:7%;
    }
    .section16 .contain-links {
        padding:0% !important;
    }
    .section16 h1 {
        padding: 8% 0%;
    }
    .section16 img {
        height: 200px;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 .col-12{
        padding: 10% 6%;
    }
    
    .section17 {
        padding: 10% 0% !important;
        margin-top: 30px !important;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    .section17 img {
        width: 90px;
        padding:0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section18 .title,     .section19 .title,     .section20 .title,     .section21 .title,     .section22 .title {
        padding: 5% 0%;
    }
    .section18,     .section19,     .section20,     .section21,     .section22{
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    .section22 img{
        padding: 0%;
        width: 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23{
        padding: 10% 6% 20%;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    
    .section23 h1 {
        font-size: 30px;
    }
    
    .section23 p {
        padding: 8% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section24 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_29.png);
    }
    
    .section24{
        padding: 10% 6%;
    }
    /*----------------------------------------------------------------------------------*/
    .section25{
        padding: 10% 6%;
    }
    
    .section25 .contain-image {
        background-color: white;
        margin: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .section25 img {
        height: 200px;
    }
    
    .section25 .contain-image:nth-child(4) p {
        padding: 0 7vw;
    }
    
    .section25 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section25 .contain-image:nth-child(n + 1) {
        padding: 7%;
    }
    .section25 h1 {
        padding: 8% 0%;
    }
    .section25 .contain-image:nth-child(1) .img-pad, .section25 .contain-image:nth-child(2) .img-pad,
    .section25 .contain-image:nth-child(3) .img-pad, .section25 .contain-image:nth-child(4) .img-pad  {
        padding: 0%
    }
    .section25 .contain-links {
        padding: 0% 0% 20%;
    }
    /*----------------------------------------------------------------------------------*/
    .section26 {
        background-image: url(https://landings360.s3.amazonaws.com/landingsMexico360/Home/assetsResponsive/salud_ok.png);
        transform: scaleX(1);
    }
    .section26 .column {
        transform: scaleX(1);
        padding: 0% 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section27 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_046.png);
    }
    .section27 p {
        padding: 0%;
    }
    .section27 .column{
        padding: 0% 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section28{
        padding: 10% 6%;
    }
    .section28 .row {
        margin: auto;
        border-radius:0px;
    }
    .section28 img {
        width: 170px;
        margin:auto;
        display:block;
    }
    .section28 .otherTarget {
        padding: 10% 5%;
    }
    .section28 .column{
        padding: 10% 5% 0% 5%;
        flex-direction: column;
        align-items: center;
    }
    .section28 .column2 {
        padding: 10% 5%;
    }
    .section28 .otherText {
        padding: 10% 0% 15%;
        text-align: center;
    }
    .section28 h1 {
        padding: 10% 0%;
    }
    .section28 a {
        padding: 10% 5%;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 577px) and (max-width:767px){
    html{
        overflow-x: unset;
    }
    .row{
        width:100% !important;
    }
    .imgWeb{
        display:none !important;
    }
    .imgMovil{
        display:block !important;
        margin:auto;
    }
/*    .section2, .section5, .section7, .section12,.section13, .section14, .section15,  .section16, .section17 .col-12, .section23, .section24,
    .section25, .section27 .column, .section28{
        padding: 10% 6%;
    }*/
    div.col-12{
        padding:0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section1 img {
        width: 135px;
        padding: 0% 0% 10%;
    }
    .section1 .box{
        padding:15vh 5%;
    }
    .section1 button, .section7 button, .section17 button, .section24 button {
        width: 32.5%;
        padding: 1.2% 0%;
        margin-top: 60px;
    }
    /*----------------------------------------------------------------------------------*/
    .section2{
        margin-top: -1px;
        padding: 10% 6%;
    }
    /*----------------------------------------------------------------------------------*/
    .section3{
        padding:10% 0%;
    }
    .section3 .box {
        min-height:auto;
        padding: 5% 5%;
        width:100%;
    }
    .section3 p {
        margin: 0;
        padding: 5% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section4{
        padding:0% 6%;
    }
    .section4 h1{
        margin:0;
    }
    .section4 h1.text{
        display:block !important;
    }
    .section4 h1 {
        padding: 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section5 {
        padding: 10% 6%;
    }
    .section5 h1{
        display:none !important;
    }
    .section5 .first-paragraph, .section5 .second-paragraph, .section5 .three-paragraph{
        padding:10% 0% !important;
        height:auto;
    }
    .section5 h1 {
        padding: 0px 0% 10% 0%;
        text-align:center;
    }
    /*----------------------------------------------------------------------------------*/
    .section7{
        padding: 0% 6% 10%;
    }
    .section7 img {
        max-width: 200px;
    }
    .section7 h1{
        padding: 15% 0% 4%;
    }
    .section7 h2{
        padding: 0% 20% 7% 0%;
    }
    .section7 h1, .section7 h2 {
        margin: 0;
    }
    .section7 video {
        min-height: 150px;
        max-height: 170px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_11.png);
    }
    .section8Video video {
        height: 100vh;
        top: 30px;
        object-fit: cover;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    .section12, .section13,  .section14, .section15 {
        background-image:none;
        height:auto;
    }
    .section12 img, .section13 img,  .section14 img, .section15 img{
        width:100%;
    }
    .section12{
        padding: 10% 0% 0%;
    }
    .section13, .section14{
        padding: 0% 0% 0%;
    }
    .section15{
        padding: 0% 0% 10%;
    }
    .section12 h1, .section12 p, .section12 a{
        padding: 3% 11%;
    }
    
    .section12 .containLink {
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section13 .containLink {
        padding:0% 10%;
    }
    
    .section13 .containerBox{
        padding: 10% 0%;
    }
    
    .section13 h1, .section13 p, .section13 a{
        padding: 3% 11%;
    }
    /*----------------------------------------------------------------------------------*/
    .section14 .containLink {
        padding:0% 10%;
    }
    
    .section14 .containerBox {
        padding: 10% 0%;
    }
    
    .section14 h1, .section14 p, .section14 a {
        padding: 3% 11%;
    }
    /*----------------------------------------------------------------------------------*/
    .section15 .containLink  {
        padding:0% 10%;
    }
    
    .section15 .containerBox {
        padding: 10% 0%;
    }
    
    .section15 h1, .section15 p, .section15 a{
        padding: 3% 11%;
    }
    /*----------------------------------------------------------------------------------*/
    .section16 {
        padding: 10% 6%;
    }
    
    .section16 .contain-image {
        background-color: white;
        margin: 5%;
    }
    .section16 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section16 .contain-image:nth-child(n + 1){
        padding:7%;
    }
    .section16 .contain-links {
        padding:0% !important;
    }
    .section16 h1 {
        padding: 8% 0%;
    }
    .section16 img {
        height: 200px;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 .col-12 {
        padding: 10% 6%;
    }
    .section17 {
        padding: 10% 0% !important;
        margin-top: 30px !important;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    .section17 img {
        width: 90px;
        padding:0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section18 .title {
        padding: 5% 0%;
    }
    
    .section18 img {
        padding: 0% 12%;
    }
    .section18{
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    /*----------------------------------------------------------------------------------*/
    .section19 {
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    .section19 img {
        padding: 0% 12%;
    }
    
    .section19 .title {
        padding: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section20 {
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    .section20 img {
        padding: 0% 12%;
    }
    
    .section20 .title {
        padding: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section21 {
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    .section21 img {
        padding: 0% 12%;
    }
    
    .section21 .title {
        padding: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section22{
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    .section22 img{
        padding: 0% 20% 5%;
    }
    
    .section22 .title {
        padding: 5% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23{
        padding: 10% 6% 20%;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    .section23 p {
        padding: 8% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section24 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_29.png);
        padding: 10% 6%;
    }
    /*----------------------------------------------------------------------------------*/
    .section25 {
        padding: 10% 6%;
    }
    .section25 .contain-image {
        background-color: white;
        margin: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .section25 img {
        height: 200px;
    }
    .section25 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section25 .contain-image:nth-child(n + 1) {
        padding: 7%;
    }
    .section25 h1 {
        padding: 8% 0%;
    }
    .section25 .contain-image:nth-child(1) .img-pad,  
    .section25 .contain-image:nth-child(2) .img-pad,
    .section25 .contain-image:nth-child(3) .img-pad, 
    .section25 .contain-image:nth-child(4) .img-pad {
        padding: 0%
    }
    .section25 .contain-links {
        padding: 0% 0% 20%;
    }
    /*----------------------------------------------------------------------------------*/
    .section26 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_45.png);
        transform: scaleX(1);
    }
    .section26 .column {
        transform: scaleX(-1);
        padding: 0% 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section27 .column {
        padding: 10% 6%;
    }
    .section27 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_046.png);
    }
    .section27 p {
        padding: 0%;
    }
    .section27 .column{
        padding: 0% 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section28{
        padding: 10% 6%;
    }
    
    .section28 .row {
        margin: auto;
        border-radius:0px;
    }
    .section28 img {
        width: 170px;
        margin:auto;
        display:block;
    }
    .section28 h1{
        text-align: center;
        display: block;
    }
    .section28 .otherTarget {
        padding: 10% 5%;
    }
    .section28 .column{
        padding: 10% 5% 0% 5%;
        flex-direction: column;
        align-items: center;
    }
    .section28 .column2 {
        padding: 0% 5%;
    }
    .section28 .otherText {
        padding: 10% 0%;
        text-align: center;
    }
    .section28 h1 {
        padding: 10% 0%;
    }
    .section28 a {
        padding: 10% 5%;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px){
    html{
        overflow-x: unset;
    }
    .row{
        width:100% !important;
    }
    .imgWeb{
        display:none !important;
    }
    .imgMovil{
        display:block !important;
        margin:auto;
    }
    .section2, .section5, .section7, .section12,.section13, .section14, .section15,  .section16, .section17 .col-12, .section23, .section24,
    .section25, .section27 .column, .section28{
        padding: 10% 6%;
    }
    div.col-12{
        padding:0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section1 img {
        width: 165px;
        padding: 0% 0% 10%;
    }
    .section1 .box{
        padding:15vh 5%;
    }
    
    .section1 a {
        width: 35%;
        text-align: center;
    }
    
    .section1 button {
        width: 100%;
        margin-top: 50px;
    }
    
    .section1 p {
        padding: 0 19vw;
    }
    
    
    /*----------------------------------------------------------------------------------*/
    .section2{
        margin-top:-1px;
    }
    /*----------------------------------------------------------------------------------*/
    .section3{
        padding:10% 0%;
    }
    .section3 .box {
        min-height:auto;
        padding: 5% 5%;
        width:100%;
    }
    .section3 p {
        margin: 0;
        padding: 5% 15%;
    }
    /*----------------------------------------------------------------------------------*/
    .section4{
        padding:0% 6%;
    }
    .section4 h1{
        margin:0;
    }
    .section4 h1.text{
        display:block !important;
    }
    .section4 h1 {
        padding: 6% 20%;
    }
    /*----------------------------------------------------------------------------------*/
    .section5 h1{
        display:none !important;
    }
    .section5 .first-paragraph, .section5 .second-paragraph, .section5 .three-paragraph{
        padding:10% 0% !important;
        height:auto;
    }
    .section5 h1 {
        padding: 0px 0% 10% 0%;
        text-align:center;
    }
    /*----------------------------------------------------------------------------------*/
    .section7{
        padding:0% 6% 10%;
    }
    .section7 img {
        max-width: 200px;
    }
    .section7 h1{
        padding: 15% 0% 4%;
    }
    .section7 h2{
        padding: 0% 19% 7% 0%;
    }
    .section7 h1, .section7 h2 {
        margin: 0;
    }
    .section7 video {
        min-height: 180px;
        max-height: 200px;
    }
    
    .section7 button, .section17 button, .section24 button {
        width: 27.5%;
        padding: 1.2% 0%;
        margin-top: 70px;
    }
    
    .section7 a {
        margin-top: 50px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_11.png);
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    
    .section12, .section13,  .section14, .section15 {
        background-image:none;
        height:auto;
    }
    .section12 img, .section13 img,  .section14 img, .section15 img{
        width:100%;
    }
    
    .section12{
        padding: 10% 0% 0%;
    }
    
    .section12 h1,
    .section12 a{
        padding: 3% 11%;
    }
    
    .section12 p {
        padding: 3% 25%;
    }
    
    .section12 img {
        margin: 5vh 0;
    }
        
    .section12 .containLink, .section13 .containLink , .section14 .containLink , .section15 .containLink  {
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section13 h1,
    .section13 p,
    .section13 a{
        padding: 3% 11%;
    }
    
    .section13, .section14{
        padding: 0% 0% 0%;
    }
    
    .section13 .containerBox{
        padding: 10% 0%;
    }
    
    .section13 img {
        margin: 5vh 0;
    }
    
    /*----------------------------------------------------------------------------------*/
    .section14 h1,
    .section14 a{
        padding: 3% 11%;
    }
    
    .section14 .containerBox{
        padding: 10% 0%;
    }
    
    .section14 img {
        margin: 5vh 0;
    }
    
    .section14 p {
        padding: 3% 24%;
    }
    /*----------------------------------------------------------------------------------*/
    .section15{
        padding: 0% 0% 0%;
    }
    
    .section15 h1,
    .section15 a{
        padding: 3% 11%;
    }
    
    .section15 img {
        margin: 5vh 0;
    }
    
    .section15 .containerBox{
        padding: 10% 0%;
    }
    
    .section15 p {
        padding: 3% 27%;
    }
    
    /*----------------------------------------------------------------------------------*/
    .section16 .contain-image {
        background-color: white;
        margin: 5%;
    }
    .section16 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section16 .contain-image:nth-child(n + 1){
        padding:7%;
    }
    .section16 .contain-links {
        padding:0% !important;
    }
    .section16 h1 {
        padding: 8% 0%;
    }
    .section16 img {
        height: 300px;
    }
    .section16 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .section16 .contain-image:nth-child(4) p {
        padding: 0 9vw;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 {
        padding: 10% 0% !important;
        margin-top: 30px !important;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    .section17 img {
        width: 90px;
        padding:0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section18 .title,     .section19 .title,     .section20 .title,     .section21 .title,     .section22 .title {
        padding: 5% 0%;
    }
    .section18 img,     .section19 img,     .section20 img,     .section21 img,     .section22 img {
        padding: 0% 12%;
    }
    .section18,     .section19,     .section20,     .section21,     .section22{
        padding: 0% 7%;
        min-height: 100vh !important;
        height: 100vh !important;
    }
    .section18 .col-md-6,     .section19 .col-md-6,     .section20 .col-md-6,     .section21 .col-md-6,     .section22 .col-md-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section22 img{
        padding: 0% 0% 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23{
        padding: 10% 6% 20%;
        min-height: 110vh !important;
        height: 110vh !important;
    }
    .section23 p {
        padding: 8% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section24 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_29.png);
    }
    /*----------------------------------------------------------------------------------*/
    .section25 .contain-image {
        background-color: white;
        margin: 5%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .section25 img {
        height: 300px;
    }
    .section25 .contain-image:nth-child(n + 1) div {
        padding: 0%;
    }
    .section25 .contain-image:nth-child(n + 1) {
        padding: 7%;
    }
    .section25 h1 {
        padding: 8% 0%;
    }
    .section25 .contain-image:nth-child(1) .img-pad,     .section25 .contain-image:nth-child(2) .img-pad,
    .section25 .contain-image:nth-child(3) .img-pad,     .section25 .contain-image:nth-child(4) .img-pad  {
        padding: 0%
    }
    .section25 .contain-links {
        padding: 0% 0% 20%;
    }
    .section25  .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .section26 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_45.png);
        transform: scaleX(1);
    }
    .section26 .column {
        transform: scaleX(1);
        padding: 0% 6% 10%;
    }
    .section26  .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*----------------------------------------------------------------------------------*/
    .section27 {
        background-image: url(https://assets.claro360.com/inicio/Version2021/Responsive/IMG_046.png);
        align-items: center !important;
    }
    .section27 p {
        padding: 0%;
    }
    .section27 .column{
        padding: 0% 6% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section28 .row {
        margin: auto;
        border-radius:0px;
    }
    .section28 img {
        width: 170px;
        margin:auto;
        display:block;
    }
    .section28 h1{
        text-align: center;
        display: block;
    }
    .section28 .otherTarget {
        padding: 10% 5%;
    }
    .section28 .column{
        padding: 10% 5% 0% 5%;
        flex-direction: column;
        align-items: center;
    }
    .section28 .column2 {
        padding: 0% 8%;
    }
    .section28 .otherText {
        padding: 10% 0%;
        text-align: center;
    }
    
    .section28 h1 {
        padding: 10% 0%;
    }
    .section28 a {
        padding: 10% 5%;
    }
    .section28 .col-md-8, .section28 .col-md-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1199px){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block !important;
        margin:auto;
    }
    .imgMovil{
        display:none !important;
    }
    /*----------------------------------------------------------------------------------*/
    .section1 p {
        padding: 0% 20%;
    }
    .section1 img {
        width: 185px;
    }
    .section1 button, 
    .section7 button, 
    .section17 button, 
    .section24 button {
        width: 24.5%;
        padding: 2% 0%;
        margin-top: 90px;
    }
    .section1 .col-12 {
        padding-top: 0px;
    }
    .section1 h1 {
        margin: 6% 0%;
    }
    
    .section1 a {
        width: 22%;
        text-align: center;
    }
    
    .section1 button {
        width: 100%;
        margin-top: 50px;
    }
    
    .section1 p {
        padding: 0 19vw;
    }
    /*----------------------------------------------------------------------------------*/
    .section2 {
        padding: 5% 15.5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section3 {
        padding: 0% 20px;
    }
    .section3 .box {
        min-height: 270px;
        padding: 0 14%;
    }
    /*----------------------------------------------------------------------------------*/
    .section5 h1 {
        padding: 4% 10% 4% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section7 {
        padding: 5% 18.5% 100px;
    }
    .section7 video {
        min-height: 280px;
        max-height: 320px;
    }
    
    .section7 h2 {
        margin-bottom: 30px;
    }
    
    .section7 a {
        margin-top: 30px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8Video video{
        height: 85vh;
        object-fit: cover;
        top: 10%;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .textOpacity {
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        filter: opacity(0);
    }
    /*----------------------------------------------------------------------------------*/
    .section16 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .section16 .contain-image {
        padding: 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 {
        min-height: auto !important;
        padding: 10% 0% !important;
        height:auto;
    }
    .section17 img {
        width: 90px;
        padding:0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section18 .title, 
    .section19 .title, 
    .section20 .title, 
    .section21 .title, 
    .section22 .title {
        padding: 0% 0% 5%;
    }
    .section18, 
    .section19, 
    .section20, 
    .section21, 
    .section22{
        padding: 10% 7%;
        height: auto;
        min-height: auto !important;
    }
    .section18 .row, 
    .section19 .row, 
    .section20 .row, 
    .section21 .row, 
    .section22 .row{
        margin:0% auto;
    }
    .section18, 
    .section19, 
    .section20, 
    .section21, 
    .section22, 
    .section23{
        margin-top:-1px;
    }
    .section18 img, 
    .section19 img, 
    .section20 img, 
    .section21 img, 
    .section22 img, 
    .section23 img{
        padding: 0% 0% 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23{
        padding: 10% 6% 20%;
        min-height: auto !important;
    }
    .section23 p {
        padding: 8% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section24 button{
        width: 35%;
        padding: 1.5% 0%;
    }
    
    .section24 p {
        padding: 0 3vw;
    }
    /*----------------------------------------------------------------------------------*/
    .section25 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding:5%;
    }
    .section25 .contain-links {
        padding: 0px 5% 2%;
    }
    /*----------------------------------------------------------------------------------*/
    .section26 .column {
        padding: 0 0% 35px 10%;
    }
    .section27 .column {
        padding: 3vh 2% 25% 45%;
    }
    /*----------------------------------------------------------------------------------*/
    .section28{
        padding: 5vh 0%;
    }
    .section28 .otherText {
        padding: 10% 0%;
    }
    .section28 img {
        max-width: 160px;
    }
    .section28 .otherTarget div{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }
}

/*// Large screens col-xl*/
@media (min-width: 1200px) and (orientation: portrait){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block !important;
        margin:auto;
    }
    .imgMovil{
        display:none !important;
    }
    /*----------------------------------------------------------------------------------*/
    .section1 button, 
    .section7 button, 
    .section17 button, 
    .section24 button {
/*        width: 20.5%;*/
        width: 20.5%;
        padding: .9% 0%;
        margin-top: 90px;
    }
    /*----------------------------------------------------------------------------------*/
    .section2 {
        padding: 5% 15.5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section3 {
        padding: 0% 20px;
    }
    /*----------------------------------------------------------------------------------*/
    .section5 h1 {
        padding: 4% 10% 4% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section7 {
        padding: 5% 18.5% 100px;
    }
    .section7 video {
        min-height: 280px;
        max-height: 320px;
    }
    .section7 button, .section24 button{
        width: 33%;
        padding: 1.4% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section8Video video{
        height: 100vh;
        object-fit: cover;
        top: 0;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .textOpacity {
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        filter: opacity(0);
    }
    /*----------------------------------------------------------------------------------*/
    .section16 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .section16 .contain-image {
        padding: 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 {
        min-height: auto !important;
        padding: 10% 0% !important;
        height:auto;
    }
    .section17 img {
        width: 90px;
        padding:0% 0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section18 .title,     .section19 .title,     .section20 .title,     .section21 .title,     .section22 .title {
        padding: 0% 0% 5%;
    }
    .section18,     .section19,     .section20,     .section21,     .section22{
        padding: 10% 7%;
        height: auto;
        min-height: auto !important;
    }
    .section18 .row,     .section19 .row,     .section20 .row,     .section21 .row,     .section22 .row{
        margin:0% auto;
    }
    .section18,   .section19,   .section20,   .section21,   .section22,   .section23{
        margin-top:-1px;
    }
    .section18 img,   .section19 img,   .section20 img,   .section21 img,   .section22 img,   .section23 img{
        padding: 0% 0% 5%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23{
        padding: 10% 6% 20%;
        min-height: auto !important;
    }
    .section23 p {
        padding: 8% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section25 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding:5%;
    }
    .section25 .contain-links {
        padding: 0px 5% 2%;
    }
    /*----------------------------------------------------------------------------------*/
    .section26 .column {
        padding: 0 0% 35px 10%;
    }
    .section27 .column {
        padding: 3vh 2% 25% 45%;
    }
    /*----------------------------------------------------------------------------------*/
    .section28{
        padding: 5vh 0%;
    }
    .section28 .otherText {
        padding: 10% 0%;
    }
    .section28 img {
        max-width: 160px;
    }
    .section28 .otherTarget div{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}







/*LANDSCAPE COLUMNS*/

/*// Mobile devices col */
@media (max-width: 576px) and (orientation: landscape){
    .section1 img {
        padding: 7% 0% 7%;
    }
    .section1 button, 
    .section7 button, 
    .section17 button, 
    .section24 button {
        width: 40.5%;
        padding: 1.3% 0%;
    }
    .section4 h1 {
        padding: 10% 10%;
    }
    .section8Video video {
        height: auto;
        top: 60px;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    .section12 .row, 
    .section13 .row,  
    .section14 .row, 
    .section15 .row {
        width:100%;
    }
    .section12 img, 
    .section13 img,  
    .section14 img, 
    .section15 img {
        width:100%;
    }
    .section17, 
    .section18, 
    .section19, 
    .section20, 
    .section21, 
    .section22, 
    .section23{
        position:relative !important;
        min-height: auto !important;
        height: auto !important;
        padding: 10% 7%;
        inset:0 !important;
    }
    .section26 .column {
        padding: 10% 6%;
    }
    .section27 .column {
        padding: 10% 6%;
    }
}

/*// Ipads, Tablets col-sm*/
@media only screen and (min-width: 576px) and (max-width:767px) and (orientation: landscape){
    .section1 img {
        padding: 7% 0% 7%;
    }
    .section1 button, 
    .section7 button, 
    .section17 button, 
    .section24 button {
        width: 40.5%;
/*        padding: 1.3% 0%;*/
    padding: 1.3% 0%;
    }
    .section4 h1 {
        padding: 10% 20%;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    .section8Video video {
        height: auto;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    .section12 .row, 
    .section13 .row, 
    .section14 .row, 
    .section15 .row {
        width:100%;
    }
    .section12 img, 
    .section13 img,  
    .section14 img, 
    .section15 img {
        width:100%;
    }
    .section17, 
    .section18, 
    .section19, 
    .section20, 
    .section21, 
    .section22, 
    .section23{
        position:relative !important;
        min-height: auto !important;
        height: auto !important;
        padding: 10% 7%;
        inset:0 !important;
    }
    .section26 .column {
        padding: 10% 6%;
    }
    .section27 .column {
        padding: 10% 6%;
    }
}

/*// Laptops col-md*/
@media only screen and (min-width: 768px) and (max-width:991px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block !important;
        margin:auto;
    }
    .imgMovil{
        display:none !important;
    }
    .section1 img {
        padding: 5% 0% 5%;
    }
    .section1 img {
        width: 145px;
    }
    .section8Video video {
        height: auto;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:5% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .regularText {
        background-color: #EDEDED;
    }
    .titleImage{
        color: #1D1D1F;
        padding-top: 2%;
    }
    .textImage{
        color: #1D1D1F;
    }
    .section12{
        background-image: url(https://assets.claro360.com/inicio/Version2021/trabajobanner.jpg);
    }
    .section13{
        background-image: url('https://assets.claro360.com/inicio/Version2021/salud+banner.jpg');
    }
    .section14{
        background-image: url('https://assets.claro360.com/inicio/Version2021/seguridad+banner.jpg');
    }
    .section15{
        background-image: url('https://assets.claro360.com/inicio/Version2021/tiendabanner.jpg');
    }
    .section12, 
    .section13, 
    .section14, 
    .section15{
        padding: 0% 0% 10%;
    }
    .section12 .containerBox, 
    .section13 .containerBox, 
    .section14 .containerBox, 
    .section15 .containerBox {
        padding: 0% 0% 20%;
    }
    .section17, 
    .section18, 
    .section19, 
    .section20, 
    .section21, 
    .section22, 
    .section23{
        position:relative !important;
        min-height: auto !important;
        height: auto !important;
        padding: 10% 7%;
        inset:0 !important;
    }
    .section26 .column {
        padding: 5% 0% 5% 6%;
    }
    .section27 .column {
        padding: 5% 20% 5% 6%;
    }
}

/*// Desktops col-lg*/
@media only screen and (min-width: 992px) and (max-width:1150px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block !important;
        margin:auto;
    }
    .imgMovil{
        display:none !important;
    }
    .section1 img {
        width: 155px;
    }
    .section1 .col-12 {
        padding:0%;
    }
    .section1 button, 
    .section7 button, 
    .section17 button, 
    .section24 button {
/*        width: 20.5%;*/
        padding: 4.5% 0%;
        width: 30%;
    }
    .section1 h1 {
        margin: 6% 0% 2%;
    }
    .section1 a {
        width: 20%;
        text-align: center;
    }
    
    .section1 button {
        width: 100%;
        margin-top: 50px;
    }
    
    .section1 p {
        padding: 0 19vw;
    }
    /*----------------------------------------------------------------------------------*/
    
    .section3 .box {
        padding: 0% 14%;
    }
    /*----------------------------------------------------------------------------------*/
    
    .section5 .col-12:nth-child(2) .col-12:nth-child(2) img{
        padding:0% 10%;
    }
    /*----------------------------------------------------------------------------------*/
    .section7 video {
        min-height: 200px;
        max-height: 220px;
    }
    .section7 button, .section24 button{
        width: 30%;
        padding: .7% 0%;
    }
    
    .section7 h2 {
        margin-bottom: 30px;
    }
    
    .section7 a {
        margin-top: 50px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8Video video {
        height: auto;
        object-fit: contain;
        top: 70px;
    }
    section:nth-child(8) > div > div > h1{
        padding-top:0% !important;
    }
    /*----------------------------------------------------------------------------------*/
    .textOpacity {
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        filter: opacity(0);
    }
    /*----------------------------------------------------------------------------------*/
    .section17 .col-12 {
        padding-top: 0px;
    }
}

/*// Large screens col-xl*/
@media only screen and (min-width: 1151px) and (max-width:1499px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block;
        margin:unset;
    }
    .imgMovil{
        display:none !important;
    }
    
    .section1 {
        min-height: 100vh !important;
        background-image: url(https://assets.claro360.com/inicio/Version2021/Home+personaje+1a.jpg) !important;
        padding: 0% !important;
    }  

    .section1 button, .section7 button, .section17 button, .section24 button {
        width: 200px;
        padding: 2% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section2 {
        padding: 5% 12%;
    }
    /*----------------------------------------------------------------------------------*/
    .section3 .box {
        padding: 0% 8%;
    }
    /*----------------------------------------------------------------------------------*/
    .section7 {
        padding: 100px 17% 100px;
    }

    .section7  video{
        width: 100%;
        height: 250px;
        object-fit: contain;
        transform: none;
        outline: none;
    }
    .section:nth-child(8) > div > div > h1{
        padding-top:0% !important;
    }
    .section7 button, .secction24 button{
        padding: .8%;
    }
    
    .section7 h2 {
        margin-bottom: 30px;
    }
    
    .section7 a {
        margin-top: 30px;
    }
    /*----------------------------------------------------------------------------------*/
    .section8Video video{
        height: auto;
        top: 60px;
    }
    /*----------------------------------------------------------------------------------*/
    .textOpacity {
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        filter: opacity(0);
    }
    /*----------------------------------------------------------------------------------*/
    .section12 .textOpacity > div {
        display: flex;
        align-items: center;
    }
    /*----------------------------------------------------------------------------------*/
    
    .section13 .textOpacity > div {
        display: flex;
        align-items: center;
    }
    
    .section13 .textOpacity div div {
        width: 100%;
    }
    /*----------------------------------------------------------------------------------*/
    
    .section14 .textOpacity > div {
        display: flex;
        align-items: center;
    }
    /*----------------------------------------------------------------------------------*/
    
    .section15 .textOpacity > div {
        display: flex;
        align-items: center;
    }
    /*----------------------------------------------------------------------------------*/
    .section16 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    /*----------------------------------------------------------------------------------*/
    .section17 .col-12 {
        padding-top: 60px;
    }
    .section17 img {
        padding: 0% 0% 0%;
    }
    /*----------------------------------------------------------------------------------*/
    .section23 {
        padding: 10% 18% 20% 6%;
    }
    
    .section23 p {
        margin-top: 50px;
    }
    /*----------------------------------------------------------------------------------*/
    .section25 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .section25 .contain-image .img-pad {
        padding: 7% 0% 2% 0%;
    }
    
    .section25 .contain-links {
        padding: 0px 150px 7%;
    }
    /*----------------------------------------------------------------------------------*/
    .section27 p {
        padding: 0 25% 0 0;
    }
    /*----------------------------------------------------------------------------------*/
    .section28{
        padding: 5vh 0%;
    }
    
    .section28 img {
        width: 207px;
    }

    .section28 .otherText {
        padding: 0% 0%;
    }
    
    .section28 .icon-column {
        margin-bottom: 8.5%;
        align-items: flex-end;
    }
}

@media only screen and (min-width: 1500px) and (orientation: landscape){
    html{
        overflow-x: unset;
    }
    .imgWeb{
        display:block;
    }
    .imgMovil{
        display:none !important;
    }
    .section5 .row{
        align-items: flex-end;
    }
    .section16 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
    }
    .section25 .contain-image{
        background-color:white;
        margin: .5%;
        flex: 0 0 48%;
        max-width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .section7 h2 {
        margin-bottom: 3vh;
    }
    
    .section7 p {
        padding-right: 5vw;
    }
    
    .section7 a{
        margin-top: 5vh;
    }
    
    .section7_2 p {
        padding-right: 7vw;
    }
    
    .section7 video{
        width: 100%;
        height: 250px;
        object-fit: contain;
        transform: none;
        outline: none;
    }
    .section8Video video {
        height: auto;
    }
    
    .section16 .contain-image:nth-child(3) p,
    .section16 .contain-image:nth-child(4) p {
        padding: 0 9vw;
    }
    /*----------------------------------------------------------------------------------*/
    .textOpacity {
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        filter: opacity(0);
    }
    
    .section12 .textOpacity > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section13 .textOpacity > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section14 .textOpacity > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section15 .textOpacity > div {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    section:nth-child(8) > div > div > h1{
        padding-top:0% !important;
    }
    
    .section21 .text-column {
        padding: 0% 7% 0px 6%;
    }
    
    .section24 p {
        padding: 0 4vw;
    }
    
    .section27 p {
        padding: 0px 11.5% 0px 0px;
    }

    .section28{
        padding: 5vh 0%;
    }
    .section28 .otherText {
        padding: 10% 0%;
    }
    
    .section28 .otherTarget div h2 {
        margin-top: 5vh;
    }
    
    .section28 .column2 {
        padding: 0px 6.5% 8.5% 6.5%;
    }
}
@media only screen and (min-width: 1920px) and (orientation: landscape){
    .section24 button {
        background-color: #9F2240;
    }

    
}
@media only screen and (min-width: 2560px) and (orientation: landscape){
    .section17 img {
        width: 12%;
    }
}

@media only screen and (min-width: 1920px) {
    .section28 .column {
        align-items: center;
    }
}