@media screen and (max-width: 500px) {
     .datagrid table.movil {
         display: block;
         overflow-x: auto;
          
    }
     
     #sp-header.menu-fixed {
    position: inherit;
    z-index: 9999;
}
   #offcanvas-toggler i {
    line-height: 50px;
    font-size: 46px;
}  
     h3 {
    font-size: 15px;
          line-height: 20px
 
}
     
     
}
 @media screen and (max-width: 992px) {
     
     
     .blog h3{
	font-size: 20px
}
     .fondomovil{
         background: #000;
    }
     .bm_slider_default .bm_slider_item .bm_slider_desc{
         width: 100% !important;
         bottom:0;
         position: relative;
         padding: 0 40px;
    }
     .bm_desc_inside h2 {
         font-family: Montserrat, sans-serif;
         font-size: 20px;
         font-weight: 700;
         padding: 0;
         margin: 20px 0;
    }
     .bm_desc_inside h3, .bm_desc_inside p {
         font-family: Lato, sans-serif;
         font-size: 15px !important;
         font-weight: 30;
         line-height: 25px;
         text-align: justify;
    }
     .bm_slider_next {
         right: -1px;
    }
     .bm_slider_prev {
         left: -4px;
    }
     .bm_slider_cycle_pager {
         top: 360px;
    }
     .vina-cart .vina-dropdown {
         bottom: inherit;
         padding: 0 0 10px;
         position: absolute;
         right: 20px;
         z-index: 1000;
         text-align: center;
         margin-top: 20px;
    }
     #sp-before-header {
         margin: 0 0 15px;
         height: 230px;
    }
     .sp-modulefonos ul li a {
         padding-bottom: 15px !important;
         text-align: center;
    }
     .sp-module.vina-top-menu ul li a {
         border-left: none;
         color: #fff;
         line-height: 12px;
         padding: 0 10px;
    }
     .bloque1 h1 {
         font-size: 45px;
    }
     .block1{
         overflow: hidden;
         padding-bottom: 20px;
    }
     .sup1 p {
         text-align: justify;
    }
     .bloque1 h2, .bloque1 h3 {
         text-align: center;
    }
     #sp-left .sp-module, #sp-right .sp-module {
         padding: 0 15px;
         margin-bottom: 20px;
    }
     #sp-top1 a i{
         display: none !important;
    }
     #sp-top1 a em{
         font-size: 19px;
         border-radius: 100px;
         border: 3px solid;
         padding: 3px;
         background:#0f6f9f;
    }
       #sp-top1 .wat a em{
      
         background:#00a400;
    }
     
     .top1fono{
         display: none;
    }
     #sp-top1 {
    overflow: hidden;
     padding: 20px 0;
}
      #sp-modulo5{
           padding: 10px 25px;
      }
      h2 {
    font-size: 40px;
   
}
      .cajacir{
	width: 100%;
           float: left;
}
      .cirtex{
	float: left;
	width: 100%;
	text-align: center;
}
      .cajacir img{

    width: 198px;
    height: 198px;
    border-style: solid;
    border-width: 2px;
    border-color: #EC005F;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    border-radius: 100px;
    position: relative;
           margin: 0 auto;
}
   #sp-modulo4 .sp-module{
	padding: 20px 20px;
}   
      .sigProContainer{
           padding: 100px !important;
           overflow: hidden;
           display: block;
           width: 230px
          
      }   
      
      
      
}