/*========== RESPONSIVE ==========*/
@media(max-width:768px){
    /*Menú*/
    #mobile-menu{
        display:block !important;
        margin-bottom:0;
        padding-bottom:20px;
        position:fixed;
        z-index: 100;
        background-color: #E8E8EA;
        width:100%;
    }
    #topNav{
        display:none;
    }
    .navbar-brand{
        float:right;
       
    }
    .navbar-brand img{
        width:90px;
    }
    .navbar-toggler img{
        width:30px;
    }
    .navbar-toggler{
        margin-top:15px;
        border:none;
        background-color: transparent;
    }
    #navbarNavDropdown{
        background-color:#EFC131;
        margin-top:20px;
        height:100vh;
    }

    ul.navbar-nav{
        padding-left:0;
    }
    li.nav-item{
        text-align: center;
        padding:25px 0;
        border-bottom:1px solid #303030;
    }
    li.nav-item:last-of-type{
        border-bottom:none;
    }
    li.nav-item a{
        font-size:25px;
        color:#303030;
    }

    ul.dropdown-menu{
        width:100%;
    }

    /*Slider*/

    /*Contenido*/
    #feature img{
        width:50px;
    }
    #feature{
        background-image: none !important;
        background-color:white;
    }
    #feature .feature-item{
        margin-top:40px !important;
    }
    #feature .feature-item:first-of-type{
        margin-top:0 !important;
    }

    #abut img{
        width:100px;
    }
    #abut h2{
        margin-bottom:40px;
    }
    #abut .about-description p{
        margin:0 20px !important;
        width:100% !important;
    }
    .about-description{
        margin-top:10px !important;
    }

    #elementos div{
        flex-basis:50% !important;
        margin-bottom:20px;
    }
    .about-description{
        padding-bottom:0 !important;
    }

    /*Footer*/
    #footer{
        height:auto;
        padding:0;
    }
    #footer .container{
        width:100% !important;
    }
    #ticket{
        display:none;
    }
    #footer img{
        width:60% !important;
    }
    #flexible{
        display:flex;
    }
    #flexible .col-md-10{
        flex-basis:80%;
    }
    #flexible .col-2{
        flex-basis:20%;
    }
    #flexible a address{
        text-align: center;
    }
    #footer .container .row .col-md-4{
        height:auto;
    }
    #footer-elements{
        display:flex;
    }
    #flexible .col-2 a{
        height:100%;
        display:block;
    }
    #flexible .col-2 a address{
        height:100%;
        display:flex;
        align-items: center;
    }
    #planes .col-md-6 {
        margin-bottom: 40%;
    }
    
    #planes .col-md-4:first-child{
        margin-top: 0%;
    }
    
    #planes .col-md-4{
        margin-top: 40%;
    }
    #planes img {
        width: 20%;
        position: absolute;
        top: -20%;
    }
    
     /*========== HOSTINGS ==========*/

    /*Header Sliders*/
    #header .row.titulo{
        padding-top:70px !important;
    }
    .header-hosting .vc-child{
        padding-top:20px !important;
    }

    /*Elementos*/
    #elementos .row{
        flex-direction: column;
        flex-wrap:wrap;
        margin:20px;
    }
    #elementos .row .elemento{
        flex-basis: 100%;
        height:100%;
    }
    #elementos .separador{
        display:none;
    }

    /*Planes*/
    #planes .col-md-4{
        margin-bottom:100px;
    }
    /*#planes .box-plan{
        border:none !important;
        border-radius:0 !important;
       box-shadow:none !important;
    }*/

    /*Boton de Contacto*/
    #btn-contactanos{
       display:none;
    }
    
    /** Features **/
    .feature-container{
        display: grid; 
        grid-template-rows: auto auto auto;
        grid-template-columns: none;
    }
    .feature-container2{
        display: grid; 
        grid-template-rows: auto auto auto auto;
        grid-template-columns: none;
    }
    .botones-comprar{
         margin-top:-165%;
         display: none;
    }
    .botones-comprar2{
        display: none;
    }
    .botones-comprar .container div{
        display: grid; 
        grid-template-rows: auto auto;
        grid-template-columns: none;
    }
    .ultimo-comprar{
         margin-top:114%;
    }
    #header{
        height: 100%;
    }
    #header-info{
        margin-top:-45%;   
    }
    .feature2 .content{
        border-right:none;
    }
    
    .feature2{
        width:fit-content;
    }
    
    /*Dominios - Email Mkt - SSL*/
    .header-domain{
        margin-top:20px !important;
    }
    .row-domain{
        padding-top:100px !important;
    }
    .container-domain{
        margin:0 20px;
    }
    .p-ssl{
        width:70%;
    }
    .box-ssl{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    
}