@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
		
		

}



/* ----------------------------------------------------------------------*/

/* 1370
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1370px){
	
	body {
		font-size:.95rem;
	}

	h3{
		font-size: 1.5rem
	}
   
	#header{
		width: 360px
	}   
	#main{
		width: calc(100% - 360px);
	}
	
	#label-check{
		width: calc(100% - 60px);
	}
	#label-check br{
		display: none
	}
}








 






/* ----------------------------------------------------------------------*/

/* 980
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 980px){
	

	.col-25{
		-ms-flex: 0 0 24.9998%;
		flex: 0 0 24.9998%;
		width: 24.9998%
	}

	.pl-0{
		padding-left: 15px !important
	}
	


	#header{
		width: 100%;
		float: left;
		position: relative;
	}
 
	#main{
		float:left;
		width:100%;
	}


	.slide-inicio{
		position: relative;
		padding-top: 56.25%
	}

	.owl-carousel{
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		left:0;
	}
	.item{
		height: 100% !important
	}
	.owl-dots{
		width: 100%;
		height: 20px;
		bottom: 5px;
		left: 0;
		top: auto;
		right: auto;
	}
	.owl-dot{
		display: inline-block;
		margin: auto 5px
	}

}	






/* 500
=======================================================================*/
@media screen and (max-width: 500px) and (min-width: 220px){
	
	#msg h2, #msg_refer h2 {
    	font-size: 2.2rem;
	}
 
}





/* 420
=======================================================================*/
@media screen and (max-width: 420px) and (min-width: 220px){
	
	#msg h2, #msg_refer h2 {
    	font-size: 1.8rem;
	}

	.btn-video{
		width: 180px;
		margin-left: 20px
	}
	
}		


@media screen and (max-height: 520px){
	
	#msg h2, #msg_refer h2 {
    	font-size: 1.6rem;
	}
	
}

@media screen and (max-height: 440px){
	
	#msg h2, #msg_refer h2 {
    	font-size: 1.2rem;
	}
	#msg a, #msg_refer a {
		font-size: 1.2rem;
	}
	
}

@media screen and (max-height: 380px){
	
	#msg h2, #msg_refer h2 {
    	display: none;
	}


	
}