@media only screen and (min-width : 320px) and (max-width : 670px) {
	body {
		min-width: 100%;
		width: 100%;
	}

	p {
	    font-size: 16px;
	    text-align: justify;
	}

	section#tips, .down.block, #home .right {
	    display: none;
	}

	.bann_r .phone {
	    display: none;
	}	
		.open-menu {
		    background-image: url(../img/open-menu.png);
		    height: 15px;
		    position: absolute;
		    right: 0;
		    top: 40px;
		    width: 21px;
		    z-index: 9;
		}
		.close-menu {
		    background-image: url(../img/close-menu.png);
		    height: 15px;
		    position: absolute;
		    right: 10px;
		    top: 20px;
		    width: 21px;
		    z-index: 99999;
		}

	#home .slogan { 
		font-size: 18px; 
		left: 50%; 
		margin-left: 0px;
		position: absolute; 
		text-align: center; 
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
		top: 50%; 
		width: 100%; 
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%); 
	}
	#home .slogan strong { font-size: 30px; display: block;  }
	#home li {
		background-size: 300%;
		background-position: top center !important;
	}
	#home.section {
		height: 84%;
		margin-top: 90px;
	}
	#header {
	    z-index: 9999;
	}
		#header .logo {
		    width: 170px;
		}
		#header .inside {
		    height: 95px;
		    margin: 0 10px;
		    position: relative;
		}
		#header .bann_r {
		    float: none;
		    height: 60px;
		    margin-top: 0;
		    padding-top: 20px;
		    width: 100%;
		}

	#nav {
		background-color: #e92535;
	    float: none;
	    margin-bottom: 0;
	    font-weight: 300;
	    font-size: 16px;
	    position: absolute;
	    z-index: 9999;
	    margin-right: -10px;
	    margin-left: -10px;
	}	
		#nav ul {
		    float: left;
		}
		#nav li {
			box-sizing: border-box;
		    float: left;
		    padding: 5px 15%;
		    width: 100%;
		}	
			#nav li a {
				color: #fff;
				font-size: 20px;
			}
			#nav li.nav8 {
			    display: none;
			}

	.col-3 {
	    clear: none;
	    float: left;
	    margin-left: 0;
	    margin-right: 0;
	    width: 50%;
	}
	.col-6.block {
	    width: 100%;
	}
		.col-6.block p {
		    text-align: left;
		}

	.section-2 {
	    overflow: visible;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    position: relative;
	}
	.section-2 h1 {
	    background: none;
	    font-size: 1.9em;
	    margin: 30px 0 10px;
	    padding-bottom: 0;
	}

	#porque li {
		height: 470px;
		width: 300px;;
	}
		#porque li .flip-container_2, #porque li .flip-container_2 .front_2, #porque li .flip-container_2 .back_2 {
		    color: #FFF;
	        height: 470px;
	        width: 300px;;
		}	
		#porque .flipper_2 {
		    height: 470px;
		}
		#porque .front_2 img {
		    left: 50%;
		    max-width: 600%;
		    position: absolute;
		    top: 50%;
		    width: 500px;
		    transform: translate(-50%,-50%);
		    -webkit-transform: translate(-50%,-50%);
		}

	#servicios .col-2 {
	    clear: none;
	    color: #FFF;
	    float: left;
	    font-size: 0;
	    height: 460px;
	    margin: 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    width: 100%;
	}
		#servicios .col-2 .flip-container_3, .front_3, .back_3 {
		    height: 460px;
		}
		#servicios .col-2 .flipper_3 .front_3 {
			opacity: 0;
		}
		#servicios .col-2 .flipper_3 .back_3 {
			opacity: 0.9;
		}
	
	#servicios .back_3 div {
	    font-size: 12px;
	}
	#servicios .back_3 div p {
	    width: 100%;
	}
	#servicios .next, #servicios .prev,
	#porque .next_why, #porque .prev_why {
		background-image: url(../img/services-carrusel.png);
		height: 52px;
		position: absolute;
		top: 90%;
		width: 52px;
	    z-index: 999;
		transform: translateY(-50%);
	}
	#servicios .prev,
	#porque .prev_why {
	    left: 10%;
	}
	#servicios .next,
	#porque .next_why {
		background-position: -100% 0;
	    right: 10%;
	}
	
	#tips-2 .row {
	    padding-top: 20px;
	}
	#tips-2 .ce_accordion strong {
	    font-weight: 800;
	    font-size: 18px;
	}
	#tips-2 .col-6 {
	    box-sizing: border-box;
	    padding: 0 10px;
	    width: 100%;
	}
		#tips-2 section {
		    margin: 0 auto 20px auto;
		    width: 100%;
		}
		#tips-2 .ce_accordion > p {
			text-align: left;
		}
		#tips-2 .ce_accordion .toggler {
		    box-sizing: border-box;
		    width: 100%;
		}
		.col-6 > div {
			float: none !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
	
	#contacto-2 .row {
	    background-image: url(../img/banner/4/1920.jpg);
	}
		#contacto-2 .col-5 {
		    box-sizing: border-box;
		    padding: 0 15px;
		    width: 100%;
		}
		#contacto-2 label {
		    box-sizing: border-box;
		    margin-left: 0 !important;
		    padding: 0;
		    width: 100%;
		}
		#contacto-2 input[type=text] {
		    box-sizing: border-box;
		    padding: 6px;
		    width: 100%;
		}
		#contacto-2 input[type=text].short {
		    width: 100%;
		}
		#contacto-2 input[type=submit] {
		    font-size: 22px;
		    padding: 5px 8px;
		    width: 100%;
		}
		#contacto-2 strong {
			display: block !important;
		}

	section#trabajo {
	    display: none;
	}

	#trabajo-2 form {
	    padding: 0 15px;
	}
	#trabajo-2 .row {
	    padding: 10px 0;
	}
		#FILE, #FILE_CV {
		    box-sizing: border-box;
		    font-size: 20px;
		    height: 40px;
		    line-height: 30px;
		    margin-top: 0;
		    width: 100%;
		}
		#FILE_CV {
			margin-top: 10px !important;
		}
		.hide_sm {
		    display: none !important;
		}

	#trabajo-2 label {
	    width: 100%;
	}
	#trabajo-2 input[type=text] {
	    box-sizing: border-box;
	    height: 35px;
	    margin-bottom: 10px;
	    margin-right: 0;
	    width: 100%;
	}
	#trabajo-2 input[type=submit] {
	    font-size: 20px;
	    margin-top: 5px;
	    padding: 5px;
	    width: 100%;
	}

	/*#porque li .front_2 {
		position: relative;
	}
		#porque li .front_2 img {
		    left: 50%;
	        max-width: 250px;
		    position: absolute;
		    top: 50%;
		    width: 220px;
		    transform: translate(-50%,-50%);
		    -webkit-transform: translate(-50%,-50%);
		}*/

	.tarifario_box {
	    background-color: #000;
	    box-sizing: border-box;
	    display: inline-block;
	    height: 380px;
	    padding: 0 15px;
	    width: 100%;
	}
		.tarifario_box h3 {
		    color: #fff;
		    font-size: 1.6em;
		    margin: 20px 0;
		    text-align: center;
		}
}
@media only screen and (min-width : 480px) and (max-width : 670px) {
	#home li {
		background-size: 100%;
	}
}
	
@media only screen and (min-width : 671px) and (max-width : 768px) {
	body { min-width: 100%; }
	.logo { width: 160px; }
	.logo img { width: 100%; }

	.nav7, .nav8 { display: none; }
	#home li {
	    background-size: 105%;
    	background-position: 50% 50% !important;
	}

	#tips-2 section { width: 90%; }
	#tips-2 .ce_accordion .toggler {
	    width: 100%;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

	#contacto-2 .col-5 {
		font-size: 13px;
	    padding: 15px;
	    width: 50%;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}

	#trabajo-2 label.left {
	    min-width: 8%;
	}
	#trabajo-2 input[type=text].long {
	    width: 35%;
	}
	#trabajo-2 input[type=text] {
	    width: 17%;
	}
	#trabajo-2 textarea.last {
	    margin-left: 10px;
	}
}	

@media only screen and (min-width : 840px) and (max-width : 940px) {
	.logo { width: 160px; }
	.logo img { width: 100%; }
}	

@media only screen and (max-height: 320px) and (min-width: 560px) {
	#servicios .next, #servicios .prev {
		top: 85%;
	}
	#servicios .col-2 {
		width: 480px !important;
	}
	#porque li {
		height: 440px !important;
		width: 480px !important;
	}
		#porque li .flip-container_2, #porque li .flip-container_2 .front_2, #porque li .flip-container_2 .back_2 {
		    color: #FFF;
	        height: 440px !important;
	        width: 480px !important;
		}	
}

#servicios .next, #servicios .prev, #tarifario {
	display: none;
}