#mobile-header{

    background-color: #13004A !important;
    margin-top: 0px;
    padding-top: 2%;
}

#textoMob{


    margin-left: 5%;
    margin-top: 0%;
    padding-top: 0%;
    text-align: left;
    color: white;
    font-size: 20px;
}

@media (min-width: 1201px) and (max-width: 1299px) {
    .d-table{
        
        margin-left: 40%;
    }

    #my_tog{
    padding: 18px 8px !important;
    }
  }

.side_nav{

    box-shadow: 0 4px 8px rgba(255, 254, 254, 0.16), 0 6px 20px rgba(255, 255, 255, 0.171);
}
  


/* Estilos para dispositivos con pantallas más grandes que las de los móviles */
@media only screen and (min-width: 769px) {


    #mobile-header{

        display: none;
    }
    
    #intro {

        display: none;
    }

    #imgSkema, #imgSkema2 {


        height: 700px !important;
        width: auto !important;
    }

    .col-6 {
        margin: 20px 0;
    }

    .movil{
        display: none;
    }

}




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

    #imgSkemaMob{

        width: 100%;
    }

    #sliderM{

        display: none;
    }

    #miMenu {

        float: right;

    }

    #linkNavPic {

        width: 50%;
    }

    #logoMov {

        width: 100% !important;
        float: right;
    }

    .logoPanPrin {
        display: none !important;
    }

    #imgSkema {
        height: 240px !important;
        width: auto !important;
    }


    #sliderM{

        margin-bottom: -400px !important;
    }

    #about{

        z-index: 10;
        background-color: white !important;
    }

    .normal{
        display: none;
    
    }

    #js-grid-mosaic-flat {
        display: flex;
        text-align: right;
    }

    #exitCont{

        padding: 10%;
    }
    
    .cbp-caption-defaultWrap img {
        max-width: 100%;
        border: none !important;
    }
    
    .cbp-item:nth-child(n+2) {
        display: flex;
        flex-direction: column;
        align-items: right !important;
        width: 100%;
    }
    
    .cbp-item:nth-child(n+2) img {
        max-height: 90%;
    }

    #vertical{
        width: 100%;
    }

    #cuadro{
        width: 100%;
    }

    #contenedorExitos{
        font-size: 16px;
        width: 100%;
    }

    .responsiveText{
        text-align: center !important;
    }

    .default-image{
        width: 30% !important;
    }

}




#home {

    padding-top: 4%;
    padding-bottom: 4%;
    padding: 4%;
    background-color: #13004A !important;
}

#logoMov {

    float: right;
    margin-bottom: 1%;
    vertical-align: middle;
}

#work {

    margin-bottom: -9%;
    background-color: #13004A;
}

#Contact {

    margin-top: 10%;
}

.linea {
    display: inline;
}

#hola {
    display: flex;
    justify-content: center;
    align-items: center;
}

#hola ul li:first-child {
    margin-bottom: 20px;
}

.line-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.line {
    flex-grow: 10;
    border-bottom: 1px solid #ccc;
}

.icons {
    display: flex;
    justify-content: space-around;

    margin: 0 20px;
    height: 30px;
}

.icon1 {

    height: 30px;
}


#main-slider-four>ul>li>div.rs-addon-beforeafter-revealer.rs-addon-beforeafter-before {


    background-color: #13004a !important;
    opacity: 1 !important;
}

.rev-slidebg {
    z-index: 9999;
    /* Asegúrate de que este número sea mayor que el z-index de cualquier otro elemento con el que pueda superponerse */
}

.cbp-caption-defaultWrap img {
    border: 2px solid #13004A;
}

.counter-content{
    padding-left: 5%;
    padding-right: 5%;
}

#contact{
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
}

.contact-text{
    width: 100% !important;
}

#contact-sec{

    margin-top: 5% !important;
}