
/*=============================================
PANTALLA DE ESCRITORIO GRANDE - LARGE (lg) - revisamos en portatil o pc
=============================================*/

@media(min-width:1200px){

	.col-lg-12{width:100%;}
	.col-lg-11{width:91.66666667%;}
	.col-lg-10{width:83.33333333%;}
	.col-lg-9{width:75%;}
	.col-lg-8{width:66.66666667%;}
	.col-lg-7{width:58.33333333%;}
	.col-lg-6{width:50%;}
	.col-lg-5{width:41.66666667%;}
	.col-lg-4{width: 33.33333333%;}
	.col-lg-3{width: 25%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-1 {width: 8.33333333%;}
    
    #menu-movil{display: none;}
    
}

/*=============================================
PANTALLA DE ESCRITORIO MEDIANO - MEDIUM (md) - revisamos en tablet horizontal 1024px
=============================================*/

@media(max-width:1199px) and (min-width:992px){

	.col-md-12{width:100%;}
	.col-md-11{width:91.66666667%;}
	.col-md-10{width:83.33333333%;}
	.col-md-9{width:75%;}
	.col-md-8{width:66.66666667%;}
	.col-md-7{width:58.33333333%;}
	.col-md-6{width:50%;}
	.col-md-5{width:41.66666667%;}
	.col-md-4{width: 33.33333333%;}
	.col-md-3{width: 25%;}
	.col-md-2{width: 16.66666667%;}
	.col-md-1{width: 8.33333333%;}
    
    #menu-movil{display: none;}
    
    #inicio{background: url(../imagenes/fondoG.png) no-repeat top;}
    #inicio2{background: url(../imagenes/fondo3G.png) no-repeat top;}
    #inicio3{background: url(../imagenes/fondo2G.png) no-repeat top;}
}

/*=============================================
PANTALLA DE TABLET - SMALL (sm) - revisamos en tablet vertical 768px
=============================================*/

@media(max-width:991px) and (min-width:768px){

	.col-sm-12{width:100%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-9{width:75%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-6{width:50%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-4{width: 33.33333333%;}
	.col-sm-3{width: 25%;}
	.col-sm-2{width: 16.66666667%;}
	.col-sm-1{width: 8.33333333%;}
    
    #menu-movil{display: none;}
    #inicio{background: url(../imagenes/fondoM.png) no-repeat top;}
    #inicio2{background: url(../imagenes/fondo3M.png) no-repeat top;}
    #inicio3{background: url(../imagenes/fondo2M.png) no-repeat top;}
    
    #servicios section article p{font-size: 9px;}

}

/*=============================================
PANTALLA DE PHONES - EXTRA SMALL (xs) - revisamos en movil horizontal 480px o vertical 320px
=============================================*/

@media(max-width:767px){

	.col-xs-12{width:100%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-9{width:75%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-6{width:50%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-4{width: 33.33333333%;}
	.col-xs-3{width: 25%;}
	.col-xs-2{width: 16.66666667%;}
	.col-xs-1{width: 8.33333333%;}

    .menu{background: rgba(102,102,102,.6);position: fixed;width: 100%;z-index: 100;}
    #menu-pantalla{display: none;}
    header{height: 60vh;}
    #slider{height: 100%;}
    #slider ul li{padding-top:30px;}
    
    #inicio{background: url(../imagenes/fondoS.png) no-repeat top;}
    #inicio2{background: url(../imagenes/fondo3S.png) no-repeat top;}
    #inicio3{background: url(../imagenes/fondo2S.png) no-repeat top;}
    
    
    
    #nosotros section{padding:30px 0px 0px 0px;}
    #nosotros section h2{font-size: 12px;}

    #servicios section article:hover{transform: scale(1.20,1.30);}
    #servicios section article:hover a{height: 20%;color: blue;}
    #servicios section article p{font-size: 8px;}
    
    .section-servicios{width: 100%;}
/*    #articulos section article{width: 100%;}*/
    .owl-nav button{margin: 0 40px !important;}

}