/**
 * Estilos para los modos responsivos
 */


 /* Small devices (landscape phones, 576px and up) */



 /* Small devices (iphone 6 and up)*/


@media(max-width: 360px) {

    

    





}

@media(max-width: 375px){

    .xs-size-45{

        font-size: 45px !important;

    } 

    .xs-mascarillas-size{

        font-size: 70px !important;
    }
    
    



 }

@media (max-width: 414px) {

.xs-adjust-carousel{

    height: auto !important;
    overflow: hidden !important;



}





.xs-margin-15{

    margin-left: 15px;
    margin-right: 15px;
}




.xs-font-size-70{

    font-size: 80px;
}





.xs-m-lr-5{

    margin-left: 5px ;
    margin-right: 5px;


}

.xs-m-31{

    margin-left: -31px;
}


.mar-0 {


    margin: 0 !important;


}






.xs-hide-col{


    display: none;
}

.xs-size-35{


    font-size: 35px;
}

.xs-height-pad{

    padding-top: 13px;
    font-size: 55px; 
}


/*-----------------------Navbar-------------------------*/


.xs-pad-left{


    padding-left: 212px !important;
}

.xs-pad-login{


    padding-left: 152px !important;
}





/*-----------------Login--------------------*/







/*-------------------Citas----------------*/


.xs-center-cont{


    top: 0px;
    left: -40px;
    right: -40px;
    bottom: -30px;
}


.xs-pad{

    padding-right: 5px;
    padding-left: 5px;

}


.filter-container{
    padding: 12% 12%;
}























}
@media (max-width: 576px) {

/*---------------Generales de toda las secciones que corresponden a 576px---------------*/

    .xs-corousel-font-button{

        font-size: 10px !important;
    }

    .xs-m-top-45{

        margin-top: 45px;
    }


    .xs-margin-lr{

        margin-right: 30px !important;
        margin-left: 30px !important;
     }


    .xs-corousel-height{

        height: 365px;
    }
    
    .xs-size-15{

        font-size: 15px !important;
    }

    .xs-size-pestañas-48{

        font-size: 48px;
    }



    .xs-text-align{
        text-align: center;
    }

    .mar-30-30{

        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    

    .xs-background{
        background-size: auto;
        background-position-x: 48%;
        background-position-y: -9%;
    }

    .xs-center-img{

        display: block;
        margin-left: auto;
        margin-right: auto;
        
              
    }

    .xs-align-text{


        text-align: center !important;
    }

    .shine-small{

        padding-top: 20px;
        background-position-y: 6% !important; 
    }



    .xs-margin-top-hd{

        margin-top: 40px;
    }

    

    .xs-margin-top{

        margin-top: 0px;
     }

    .xs-font-position-h2{
        font-size: 35px !important;
        left: 50% !important;
        margin-left: -38% !important;
    }
    

    .xs-hide-element{

        display: none;
    }


/*------------------------Navbar-------------------*/

    .xs-navbar-adjust{


        padding: 7px 11px;
        margin-top: -35px;
        margin-bottom: 38px;


    
    }




    .xs-hide-background{



        background: none !important;
    }


    .xs-header-margin{



        margin-right: -25px !important;
        margin-left: -15px !important;

    }


    .login-adjust{


        padding-left: 120px !important;
    }


    .pad-left-180{


        padding-left: 166px !important;
    }



    .xs-text{


        font-size: 14px !important;
        padding: 0px 12px !important;
        margin-top: 15px !important;
    }



/*-----------------Botones de la Tienda (Perfil, tarjetas, direcciones)--------------------*/



.xs-pad-font-12{


    padding: 12px 12px !important;
    font-size: 12px !important;
   }


   .xs-modal-footer{


    padding: 10px;
   }



/*--------------------Slidebar-------------------------*/


   





    
 }


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    
    /* --------- GENERALES DE TODAS LAS SECCIONES QUE CORRESPONDEN A 768PX--------- */
    .xs-m-bottom-30{
        margin-bottom: 30px;
    }

    .xs-text-center{
        text-align: center;
    }

    .xs-hr-small-center{
        margin-left: 30%;
    }

    .xs-p-small{
       padding-left: 20px; 
       padding-right: 45px;       
    }    

    .xs-img-responsive{
        width: 100%;
        margin-left: auto;
        margin-right: auto
     }
     
     
    

     

     

     /*--------------Sección de servicios------------*/


     

     .xs-img-width{
        width: 100%;
        height: auto;
     }

     .xs-align-right{

        text-align: right;
     }

     .xs-align-center{

        text-align: center;
     }

     .xs-text-left{

        text-align: left;
     }


     

     .xs-shine-position{
        
        background-size: auto !important;
        background-position-x: 54% !important;
     }

     .xs-margin-lr-40{

        margin-left: 65px !important;
        margin-right: 65px !important;
     }
     
     .xs-margin-bottom{

        margin-bottom: 50px;
     }

     .xs-margin-0{

        margin: 0;
    }

    .xs-m-top-153{

        margin-top: 153px;
    }

    .xs-size-77{

        font-size: 77px;
    }
    .xs-services-ceja-btn{
        margin-right: 0px !important;
    }


    /*---------------------Slidebar-----------------------*/

    
    .xs-top{
    
    
        top: 92px !important;
    
    }
    
    
    .xs-top-car{
    
    
        top: 139px !important;
        right: 0px !important;
    }
    
    
    .xs-shopping-car{
    
    
        padding: 0px 7px !important;
    
    }
    
    .xs-social-container{
    
        top: 186px !important;
    }



    

     

     

     




    



    /* ----------- Home Page ----------- */

    
    .color-black {

        text-align: center;
        font-size: 32px;  
        
        
    


    }

    .xs-size-21{

        font-size: 21px;
    }
    
    .padding-right-left{

        padding-right: 15px !important;
        padding-left: 15px !important;

    }

    .font-playlist{

        text-align: center;
        
    }

    #appointment_container .image img{
        max-width: 25px;
    }
    #appointment_container .image div{
        display: none;
    }


    #social_container{
        top: 127px;
    }

    #social_container ul {
        list-style-type: none;
        padding: 20px 8px;
        margin-bottom: 0px;
    }

    

/*----------------Franquicias Eye Design-------------------*/
    

    .xs-hide{
        display: none;
    }
    .xs-margin-lr{
        margin-right: 30px !important;
        margin-left: 30px !important;
     }

    .xs-position-poceso{

        font-size: 50px;
        left: 50%;
        margin-left: -38%;
    }


/*-------------------------Sucursales Puertas de estados del mapa-------------------*/

    .xs-height-corousel{

        height: 384px;
        
        
    }

    


/*----------------------NAVBAR-------------------------*/


.md-navbar-pad{


    padding-left: 137px;
}

.md-font-size-11{


    font-size: 12px;
}


    
 }


/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

    /* --------- GENERALES --------- */
    

    .md-text-center{
        text-align: center;
        
    }

    .md-margin-left-img{
        margin-left: 120px;
    }  
    
    /* ---------Services --------- */

    
    .sevices-section{

        font-size: 25px;
    }
   
    }



/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 


    /*--------------------None--------------------*/

}