/****************************************************************************
(1280 x 720)
****************************************************************************/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {

	.header-topwrapper .login  { padding: 0; margin:1% 2% 1% 0; }
	.header-topwrapper .login p { text-align: right;width: 100%; }

	.header-wrapper .header #desktop-nav { display:block; margin:1% 0 0 2%; }
	.header-wrapper .header #mobile-nav { display:none; }

	.container-wrapper .content { width:100%; margin:0 auto;  }

	.container-top { width:100%; padding:1% 1%; background: url(../images/container-header-responsive.png) repeat-x; background-size: contain; }
	.container-top h1 {font-size:28px; }

	.content{ width: 95%; top: -10px; }
	.cuerpo { padding: 1%; }

	.clientes > li > img { margin:1.9%; float: left; width:150px; height: 150px; }
}

/****************************************************************************
(1024 x 768)
****************************************************************************/
@media only screen and (min-width: 801px) and (max-width: 1024px) {

	.header-topwrapper .login  { padding:0; margin:1% 2% 1% 0; }
	.header-topwrapper .login p { text-align:right ; width:100%; }

	.logo {position: absolute;}
	.logo img { width: 75%; height: 75%; }

	#desktop-nav { display:block; margin: 1% 0 0 1%; }

	#desktop-nav> ul> li> a { padding:10px; }


	.container-wrapper .content { width:100%; margin:0 auto;  }
	.container-top { width:100%; padding:1% 2%; background: url(../images/container-header-responsive.png) repeat-x; background-size: contain; }
	.container-top h1 {font-size:25px; color: white;  }

	.content{ width: 98%; top: -10px; }
	.cuerpo { padding: 1%; }

	.cuadro { width: 45.7%;}

	.clientes { margin-left: 30px;}

	.footer-wrapper { background:#1c1c1c; }
	.footer{width:100%; margin:0 auto;}
	footer { width:90%; margin:0 auto; }
	footer .copy-right { width:65%; margin-left:10px; }
	footer .social-nav{ width:25%; margin-right:10px;}
}


/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.header-topwrapper .login  { padding:0; margin:1% 0.5% 2% 0; }
	.header-topwrapper .login p { text-align:right ; width:100%; font-size: 11px; }

	.logo {position: absolute;}
	.logo img { width: 60%; height: 60%; }

	#desktop-nav { display:block; margin: 1% 0 0 0.5%; }

	#desktop-nav> ul> li> a { padding:10px 5px; font-size: 13px; }

	.slider .slide .heading-a { font-size: 21px }
	.slider .slide .heading-c span { font-size: 16px }

	.container-top { width:100%; padding:1% 2%; background: url(../images/container-header-responsive.png) repeat-x; background-size: contain; }
	.container-top h1 {font-size:18px; color: white; }

	.content{ width: 98%; top: -10px; }

	.cuerpo { padding: 1%; }

	.caja2 { width: 45.3%; border: 1px solid #A9A9A9; }

	.cuadro { width: 46%;}

	.clientes { margin-left: 1%; }

	.clientes > li > img { margin:1.8%; float: left; width:20.5%; height: 20.5%; }

	.footer-wrapper { background:#1c1c1c; }
	.footer{width:100%; margin:0 auto;}
	footer { width:90%; margin:0 auto; }
	footer .copy-right { width:65%; margin-left:10px; }
	footer .social-nav{ width:25%; margin-right:10px;}

	.servicios > li {	width: 94%;	height: auto; margin:3% 1%; padding:3% 2%; }

}



/****************************************************************************
(600 X 800) TABLET 7"
****************************************************************************/
@media only screen and ( min-width: 531px ) and ( max-width: 767px ) {
	.header-topwrapper .login  { width:100%; margin:10px 5px; text-align:center; }
	.header-topwrapper .login p { width:100%; text-align: center; }
	.header-wrapper .header {width:100%;  margin:0 auto;   text-align:center; padding-top:30px;}
	.logo { position: absolute; left: 10; }
	.logo img { width: 70%; }

	.header-wrapper .header #desktop-nav { display:block; margin: 1% 0 0 0.5%; border-bottom: 2px solid #CCC; }
	.header-wrapper .header #desktop-nav> ul> li> a { padding:10px 5px; font-size: 13px; }
	.header-wrapper .header #mobile-nav { display:none; }

	.slider .slide .overlay { display:none; }
	.slider-wrapper .per  { left:30px; bottom:50px; }
	.slider-wrapper .next  { left:72px; bottom:50px; }

	.container-wrapper .content { width:580px; margin:0 auto;  }
	.container-top { width:100%; padding:25px; background: url(../images/container-header-responsive.png) repeat-x; background-size: contain; }
	.container-top h1 {margin-bottom:10px; font-size:28px; float:none; margin-top:0px;}
	.container-top h1 span { font-size:20px; color: red;  }
	.container-top .btn { float:none;  margin-bottom:5px; margin-top:0px;}
	.container-top .blue { float:left; margin-right:0px; margin-left:105px;}
	.container-top .red { float:right;  margin-right:115px; }


	.container-wrapper .content .container{width:580px; margin:0 auto;}
	.content .sidebar-right{ width: 100%; float: none; margin: 0 auto; }

	.footer-wrapper { background:#1c1c1c; }
	.footer{width:580px; margin:0 auto;}
	.footer .help { margin:0px 5px 10px 5px;   }
	.footer .my-account { margin:0px 35px 10px; }
	.footer .ab { width:276px; margin:0 auto; float:left; }
	footer { width:580px; margin:0 auto; }
	footer .copy-right { width:223px; margin-left:10px; }
	footer .social-nav{ width:230px; margin-right:10px;}

	.slider-wrapper-a #slider .slide img{width:100%; height:100%;}
	.slider-wrapper-a #slider{width:580px; margin:0 auto;height:387px;}
	.slider-wrapper-a .slide-opetion {left:243px;}
	.slider-wrapper-a #per { z-index:999;  left:10px;}
	.slider-wrapper-a #next { z-index:999;  right:10px;}

	.conteiner-hv2 .car-search { margin:0px 0px 10px 43px; }

	.slider-wrapper-c #slider-c { width:580px; margin:0 auto; }
	.slider-wrapper-c #slider-c .slide-c .slide-c-detail  { width:300px; margin-right:10px; padding-top:0px; }
	.slider-wrapper-c #slider-c .slide-c .video { width:270px !important; }
	.slider-wrapper-c #slider-c .slide-c .video iframe#vid { width:270px !important; }
	.slider-wrapper-c #slider-c .slide-c .slide-c-detail .blue{margin-right:0px;}

	.content .container-leftvtwo { width:580px; margin:0 auto; float:none; }

	.caja2 { width: 100% !important; }

	.servicios > li {	width: 94%;	height: auto; margin:3% 1%; padding:3% 2%; }

}


/****************************************************************************
{320 X 480} + (480 X 320) SMARTPHONE VERTICAL y HORIZONTAL
****************************************************************************/

@media only screen and ( max-width: 530px ) {
	.header-topwrapper .login  { width:auto; margin: 10 25px 10px 25px; }
	.header-topwrapper .login p { width:100%; text-align: center; font-size: 18px; }
	.header-wrapper .header {width:100%;  text-align:center; float: left;}

	.header-wrapper .header #desktop-nav { display:block; margin: 5% 0 5% 0.5%; padding-bottom: 10px; border-bottom: 2px solid #CCC; }
	.header-wrapper .header #desktop-nav> ul> li> a { padding:10px 5px; font-size: 16px; }

	.slider .slide .overlay { display:none; }
	.content { width:auto !important; top: 0 !important; }
	.container-wrapper .content .container { width:auto !important;  }
	.container-top { width:100%; padding: 1% 0; background: url(../images/container-header-responsive.png) repeat-x; background-size: contain; }
	.container-top h1 {margin-bottom:10px; font-size:19px; }

	.footer-wrapper { background:#1c1c1c; }
	.footer {width:100%;}
	footer { width:100%; }
	footer .copy-right { width:90%; margin:20px; float:none; }
	footer p { font-size: 14px ; }
	footer .social-nav{float:none; width:100%; margin:0 auto; }

	.header-wrapper .header #mobile-nav { display:none; }

	.heading-a { display: none !important;}
	.heading-c { display: none !important;}

	.content .container-leftvtwo{width:300px; float:none;margin-right:0px;}

	.cuadro { width:95% !important; float:left; font-family: 'Sintony', sans-serif, Arial; }

	.cuadro > ul > li { font-size: 21px; line-height: 36px; }

	.margin-arriba { margin-top: 70px !important; }

	.margin-arriba2 { margin-top: 15px !important; }

	.caja2 { width: 95% !important; }

	.clientes { margin-left: 1.5%;}

	.clientes > li > img { margin:1.9%; float: left; width:44.5%; height: 44.5%; }

	.amplio { width: 90% !important; }

	.servicios > li {	width: 94%;	height: auto; margin:3% 1%; padding:3% 2%; }
	.cuerpo2 { width: auto; }
	.foto_derecha { width: auto; }

	.recuadro_verde { margin-top: 4px; }
}