/* 
Responsive para www.vectorsrl.com.py 
por @whhhaaaaaaat

========================================================
		bajo pedido de http://www.adigi.com.py/
========================================================
*/
@media (min-width: 980px) {
	#navbut, .logomov{
		display: none
	}
	.header-mov{
		display: none;
	}
}
@media (max-width: 980px) {
	.paginador ul li {
	    float: none;
	    display: inline-block;
	    height: auto;
	}
	.paginador {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    display: block;
	    height: auto;
	}

	.paginador ul {
	    display: block;
	    height: auto;
	}
	.header-mov .title h1 {
	    padding: 10px;
	    font-size: 24px;
	}

	.banner .flexslider .flex-control-paging{
		width: 100%;
	}
	body{
		font-size: 14px;
	}
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.logomov {
	    display: block;
	    padding: 10px;
	    background: black;
	    margin: 0 auto;
	    width: 100px;
	}
	.logomov img{
		width: 100%;
	}
	#navbut{
	    background: yellow;
		width: 40px;
		border-radius: 3px;
		height: 40px;
		background-image: url(../images/x.png);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto 100%;
		border: none;
		margin: 10px auto;
		display: block;
		position: absolute;
		right: -45px;
		top: 0;
		transition: all 0.4s;
	}
	#navbut:focus{
		outline: none;
	}
	.open #navbut{
		background-position: top right;
	}
	.wrap{
		width: 100%;
		padding: 10px;
		margin-top: 0;
	}
	header a[rel="logo"]{
		display: none;
	}
	header{
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		background: white;
		text-align: center;
		overflow: hidden;
		transition: all 0.4s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	header ul ul{
		width: 100%;
	}
	.navcont {
	    position: fixed;
	    top: 0;
	    left: 0;
	    height: 100%;
	    z-index: 1000;
	    width: 0;
		transition: all 0.4s;
	}
	.navcont.open{
		width: 260px;
	}
	.open header{
		padding: 0 30px;
	}
	header .left, header .right{
		float: none;
		margin: 0;
		width: 200px;
	}
	header > ul.left li, header > ul.right li, header > ul.right li:last-child, header > ul.left li:first-child{
		display: block;
		float: none;
		margin: 0px 6px;
	}
	header > ul > li > a[rel="quienes"], header > ul > li > a[rel="servicios"], header > ul > li > a[rel="maquinarias"], header > ul > li > a[rel="trabajos"]{
		padding: 5px 0;
		display: block;
	}
	header > ul > li > ul{
		display: block!important;
		height: auto!important;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		border-bottom: none;
		background: rgba(50, 43, 5, 0.05);
	}
	header > ul > li ul li a{
		background: transparent;
	}
	.container .lista3col{
		text-align: center;
	}
	.container .lista3col article{
		width: 30%;
		display: inline-block;
		margin: 10px 0;
		float: none;
		vertical-align: top;
		overflow: hidden;
		position: relative;
	}
	.container .lista3col article div{
		padding: 40px 20px;
	}
	.banner{
		overflow: hidden;
	}
	.banner article{
		background: transparent;
		height: 400px;
		position: relative;
		overflow: hidden;
	}
	.banner article img{
		position: absolute;
		object-fit: cover;
		left: 0;
		width: 100%!important;
		height: 100%!important;
	}
	.banner .flexslider{
		margin: 0 0 0px;
	}
	footer{
		overflow: hidden;
		background: #170f02;
	}
	footer .s300{
		width: 100%;
		margin: 0px 0px 10px 0px;
		text-align: center;
	}
	.container .lista3col article figure {
		overflow: hidden;
		position: relative;
		height: 250px;
	}
	.container .lista3col article figure img{
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;		
		display: block;
		left: 0;
	}
	footer .s300.left.dos{
		text-align: center;
		float: none;
		text-align: center;
	}
	footer .s300.left.dos div{
		display: inline-block;
		vertical-align: middle;
		float: none;
	}
	footer .dos div:nth-child(2){
		border: none;
	}
	.s480{
		width: 100%;
	}
	.content .header .title{
		width: 100%!important;
		padding: 20px;
		text-align: center;
		height: auto;
	}
	.content .header .title h1{
		padding: 10px;
		line-height: 1;
	}
	.content .header .right, .content .header .right .left{
		width: 100%;
		float: none;
		height: auto;
	}
	.content .body.texto, .content .body.texto p{
		text-align: center;
	}
	.caja ul li{
		list-style-type: none;
	}
	.s440{
		width: 100%;
	}
	div#newsletter_container form{
		max-width: 500px;
		margin: 0 auto;
		text-align: center;
	}
	div#newsletter_container input,div#newsletter_container img{
		width: 40%!important;
		display: inline-block;
		margin: 10px 0;
		float: none!important;
	}
	.s940, .s200, .s700,.s140, .s500, .s960, .s800{
		width: 100%;
	}
	.ml40{
		margin: 0;
		padding: 10px;
	}
	
	.content .body.texto h2{
		font-size: 20px;
		font-weight: bold;
	}
	.content .body.texto p{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.content .body.texto .col-left{
		float: none;
		margin: 0 auto;
	}
}
@media (max-width: 769px) {
	.body.texto .btn-big{
		margin-bottom: 10px;	
		padding: 10px 5px;
		font-size: 16px;
		width: 100%;
	}
	.body.texto .btn-big img{
		display: none;
	}
	.breadcrumb{
		display: none;
	}
	#servicios .lista3col {
	    padding: 0 0;
	}

	#servicios .container {
	    padding: 0 20px;
	}
	.container .lista3col article div.prod{
		padding: 20px;
		height: auto;
	}
	.container .lista3col article div.prod span, .container .lista3col article div.prod p{
		float: none;
		display: inline-block;
		width: auto;
		vertical-align: middle;
		margin-top: 0;
	}
	.content .header .title h1{
		font-size: 20px;
	}
	#trabajos .container figure {
	    height: 290px;
	    overflow: hidden!important;
	    position: relative;
	}

	#trabajos .container figure img {
	    position: absolute;
	    left: 0
	    object-fit: cover;
	    width: 100%;
	    height: 100%;
	}
	.caja ul li, p{
		font-size: 14px;
		margin-bottom: 5px;
	}
	footer p, footer h2{
		font-size: 13px;
		font-family: 'exo'!important;
	}
	footer p br{
		display: none;
	}
	.container .lista3col article{
		width: 40%;
	}
	.content .body.texto .col-left{
		float: none;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	.content .body.texto .col-left .left{
		display: inline-block;
		float: none;
	}
	.container .lista3col{
		padding: 20px 0px;
	}
	#trabajos .container .lista3col{
		padding: 0;
	}
	.banner{
		height: auto;
	}
	footer .subs form {
		width: 80%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	footer .subs form input{
		width: 100%!important;
		margin: 0 auto;
		display: block;
		margin: 10px auto!important;
	}
	body footer .subs form input:nth-child(3){
		width: 50%!important;
	}
	body footer .subs form img{
		width: 50%;
	}

	.content .body.texto h2{
		font-size: 18px;
	}
	.content .body.texto p{
		font-size: 13px;
	}
	#inicio a[rel="inicio"], #quienes a[rel="quienes"], #servicios a[rel="servicios"], #maquinarias a[rel="maquinarias"], #trabajos a[rel="trabajos"], #contactos a[rel="contactos"], .mision a[rel="mision"], .politicas a[rel="politicas"], .cert a[rel="cert"], .valores a[rel="valore"]{
	    border-top: none;
	    background-color: white;
	    width: 100%;
	    border-radius: 3px;
	    border: solid 2px rgba(246, 208, 1, 0.18);
	}
}
@media (max-width: 767px) {
	.bottom-footer{
		display: none;
	}
	.container .lista3col article{
		width: 100%;
	}
	.container .lista3col article figure{
		overflow: hidden;
		position: relative;
		height: 250px;
	}

}
@media (max-width: 500px) {
	.container .lista3col article figure{
		height: 150px;
	}

}