@media screen and (max-width: 600px) {
	.hide-on-mobile{
		display: none;
	}
	.second .right{
		z-index: 2;
	    position: absolute;
	    background: rgba(255,255,255,0.8);
	    height: 400px;
	}
	h5, h4{
  		letter-spacing: 0 !important;
  	}
	#formContainer{
		width: 280px;
		padding: 40px 0;
		overflow: hidden;
		background: transparent;
	}
	.mobile-btn{
		background-color: #039be5;
		
	}
	.mobile-btn:hover{
		background-color: #f3f3f3;
		color: #18498b;
	}
	#Name, #Email, #Tel{
	  padding: 5px 0 0 10px;
	  width: 320px;
	}
	.side-nav{
		padding: 80px 0 0 0 !important;
	}
	.side-nav .bottom{
		 bottom: 0px;
	}
	.nosotros, .contacto, .termoshield, .vitroshade, .templado{
    	height: 400px;
	}
	.contacto h5, .termoshield h5, .vitroshade h5, .templado h5{
		padding: 40vh 0;
	}
	.nosotros .slider-text h5{
		padding: 40vh 0;
	}
	.head-slider .slider-text{
		width: 90%;
	}
	.second{

		height: 380px;
	}
	.second .right{
		padding: 40px 60px;
		height: 380px;
	}
	.second .left{
		height: 380px;
	}
	.templado-second .container p{
  		line-height: 20px;
	}
}
@media screen and (min-width: 601px) and (max-width: 1100px) {
	.templado-second img{
  		width: 100%;
	}
}

@media screen and (min-width: 1400px){
	.termoshield-second img{
		width: 85%;
    	margin-top: 0px;
	}

}