/*
	Theme Name: Magentainnova.
	Theme URI: 
	Description: This file is for new updation from 11-08-2015
	Version: 1.0
	Author: Responsive Expert
	Author URI: http://responsiveexpert.com
	Tags:
	
	---------------------------
	RESPONSIVE TEMPLATE STYLES
	---------------------------
*/



/* ==================================================== */
/* Media Query                                          */
/* ==================================================== */


@media (max-width: 991px) { 

#content, #presentation .row, #home-banner .row {
	width:100%;
}
.span12 {
	margin:0 3%;
	width:94%;
}
#home-carousel .item {
	background-position:right top;
	-webkit-background-size:316px auto;
	-moz-background-size:316px auto;
	-ms-background-size:316px auto;
	background-size:316px auto;
	height:310px;
}
.navbar .row {
	width:100%;
	text-align:center;
}
.navbar .row .pull-right {
	display:inline-block;
	float:none;
	margin-top:0;
	margin-bottom:10px;
}
#banner .form-search, #nav-social {
	padding-top:10px;
}
#presentacion-contacto {
	margin:0 3% 30px;
	width:94%;
	text-align:center;
}
.language, .language_footer {
	margin:0 0 0 0;
	right:20px;
	top:30px;
}

#sidebar {
	width:94%;
	margin:0 3%;
	text-align:center;
}
#sidebar img {
	vertical-align:top;
	height:345px;
}
#sidebar iframe {
	float:left;
	width:220px!important;
	margin-right:8px!important;
	height:331px!important;
	margin-top:5px!important;
}
.testimonios {
	height:240px;
}
#content-info .row {
	width:100%;
}
#nav-footer {
	margin-left:0;
	width:100%;
}
#nav-footer:before, #nav-footer:after {
  display: table;
  content: " ";
}
#nav-footer:after {
  clear: both;
}
#menu-footer-navigation {
	width:100%!important;
}
#menu-footer-navigation .footer-home {
	margin-left:0;
	width:18%;
}
#menu-footer-navigation .products_footer {
	width:20%;
}
#menu-footer-navigation .services_footer {
	width:20%;
}
.oportunities a {
	position:inherit;
	margin:5px 0 0 5px!important;
}
.footer-contact {
	width:48%;
	float:left;
}
.footer-contact fieldset input, .footer-contact fieldset textarea {
	padding:0 2%;
	width:96%;
}
.footer-login {
	width:48%;
	margin-top:0;
}
.footer-login fieldset {
	width:100%;
}
.footer-login fieldset input, .footer-login fieldset textarea {
	padding:0 2%;
	width:96%;
}
#content-info #nav-legal {
	position:inherit;
	bottom:inherit;
	float:right;
}
#content-info .form-search {
	float:left;
}
#main {
	margin:0 3%;
	width:94%;
}
.portfolio, .productos {
	margin-left:0;
}
#home-carousel h1 {
	margin-top:10px;
	font-size:38px;
	line-height:37px;
	width:300px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
}
#home-carousel p {
	width:400px;
}
.head-front-top-margin #nav-main ul.dropdown-menu {
	top:inherit!important;
	margin-top:13px;
}
#content-info {
	height:620px;
}
.contact_foot {
	position:inherit;
	right:inherit;
	bottom:inherit;
	width:100%;
	text-align:center;
}
.contact_foot span {
	width:100%;
}
.contact_foot img {
	float:none;
}
#content-info .form-search {
	margin-left:0;
}
.language {
	right:15px;
	top:10px;
}
.lang_top_container img {
	width:12px;
	height:auto;
}
.language_button, .language_container {
	width:10px;
	height:10px;
	margin-left:2px;
	margin-top:3px;
}
.language_footer {
	right:-19px;
	top:2px;
	display:block;
}
aside#sidebar {
	display:none!important;
}
aside#sidebar.home-page-sidebar-sect {
	display:block!important;
}


}

@media (max-width: 760px) { 

#home-banner {
	background-color:#ffffff;
}
#home-carousel .item {
	background-position:center bottom;
}
.head-front-top-margin #nav-main ul.dropdown-menu {
	margin-top:0;
}
#home-carousel .item {
	height:500px;
	text-align:center;
}
#home-carousel h1 {
	width:100%;
	background:none;
}
#home-carousel p {
	width:100%;
}
.navbar .brand {
	padding:0 0 0 0;
	margin:0 auto!important;
	float:none;
	width:60%;
	text-align:center;
}
#nav-main .nav {
	margin:0 0 0 0;
	width:100%;
	float:none;
}
.navbar .nav > li {
	padding:10px 0 10px 0!important;
	float:none;
}
#nav-main .nav > li > a {
	border-right:0;
	padding:5px 0 5px 0;
}
.dropdown-menu {
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:inherit;
	top:inherit;
	left:inherit;
	bottom:inherit;
	right:inherit;
	width:100%;
	padding-bottom:10px;
}
#nav-main ul.dropdown-menu li {
	display:block;
}
.logo-hm {
	display:block;
}





#home-portfolio {
	margin-left:0!important;
	width:100%!important;
}
#main .jspHorizontalBar {
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
}
.inner-page-present-sect {
	display:none;
}
.entry-content table {
	width:100%;
}
.entry-content table td {
	width:100%;
	display:block;
}
.home-page-main-sect .page-header, .home-page-main-sect #home-portfolio, .home-page-main-sect .row-fluid {
	display:none;
}
.language, .language_footer {
	right:12px;
	top:7px;
}
.testimonios .author {
	width:100%;
	margin-right:0;
	text-align:center;
	left:0;
	top:-40px;
}
.testimonios .project {
	margin-top:0;
	left:0;
	width:100%;
	margin-right:0;
	text-align:center;
}
.testimonios .author small, .testimonios .project small, .testimonios .project small a {
	margin-top:8px;
	margin-left:0;
	display:block;
}
.testimonios blockquote p {
	margin-right:0;
}
.testimonios .carousel-controls {
	right:0;
	padding-right:0;
}
#nav-main .nav > li.menu-testimonies, #nav-footer > ul > li.menu-testimonies {
	display:block!important;
}



#home-carousel .item {
	background-position:center 255px;
	-webkit-background-size:250px auto;
	-moz-background-size:250px auto;
	-ms-background-size:250px auto;
	background-size:250px auto;
}
#home-carousel .item:nth-child(3), #home-carousel .item:nth-child(4) {
	background-position:center 218px;
	-webkit-background-size:280px auto;
	-moz-background-size:280px auto;
	-ms-background-size:280px auto;
	background-size:280px auto;
}
#home-carousel .item:nth-child(4) {
	-webkit-background-size:310px auto;
	-moz-background-size:310px auto;
	-ms-background-size:310px auto;
	background-size:310px auto;
}
#home-carousel h1 {
	font-size:36px;
	-webkit-background-size:250px auto;
	-moz-background-size:250px auto;
	-ms-background-size:250px auto;
	background-size:250px auto;
}
.carousel-controls {
	left:0;
}
.navbar-inner .span12 {
	padding:0 0 0 0;
	margin:0 0 0 0!important;
	width:100%;
}
#nav-main .nav > li:hover {
	margin:0 0 0 0!important;
}
#nav-main ul.dropdown-menu li {
	padding:0 0 30px 0;
	margin:0 0 0 0;
	background-position:center bottom!important;
}
#nav-main ul.dropdown-menu li:last-child {
	padding:0 0 0 0;
}
#nav-main ul.dropdown-menu {
	margin-bottom:15px;
}
#presentation-servicios, #presentation-center {
	width:94%;
	margin:0 3%!important;
}
#presentation-center div {
	height:auto;
}
#presentation-center div img {
	position:inherit;
	bottom:inherit;
	width:100%;
}
#presentation-center div h3 {
	width:100%;
	text-align:center;
}
#presentation-center div p {
	width:100%;
	text-align:center;
}
.testimonios {
	height:300px;
}
.testimonios blockquote {
	padding-left:0;
	padding-right:0;
	margin-top:110px;
}
.testimonios blockquote p {
	font-size:16px!important;
	line-height:30px!important;
	text-align:center;
}
#sidebar iframe {
	width:33%!important;
	height:280px!important;
}
#sidebar img {
	width:32.6%!important;
	height:auto;
	float:left;
}
#nav-footer > ul > li:first-child, #nav-footer > ul > li:first-child .dropdown-menu, #nav-footer > ul > li, #nav-footer .dropdown-menu {
	max-width:100%;
}
#menu-footer-navigation .footer-home {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
	text-align:center;
}
#menu-footer-navigation .products_footer, #menu-footer-navigation .services_footer, .portfolio_footer, .oportunities, #menu-footer-navigation .menu-testimonies {
	margin:0 0 20px 0!important;
	padding:0 0 0 0;
	width:100%;
	text-align:center;
}
#content-info {
	height:1150px;
}
.footer-login, .footer-contact {
	width:94%;
	margin:0 3%;
}
.footer-login fieldset input, .footer-login fieldset textarea {
	margin-right:0;
}
.footer-login input {
	margin-right:0;
}
#content-info .form-search {
	width:94%;
	margin:15px 3%;
}
#content-info .form-search .search-query {
	width:80%;
}
#content-info .form-search .btn {
	width:15%;
}
#nav-legal li {
	margin-right:4px;
	padding-right:4px;
}
.contact_foot {
	margin-top:20px;
	text-align:center;
}
.contact_foot img {
	float:none;
	margin-top:10px;
}
.contact_foot span {
	margin:0 3%;
	width:94%;
}
.footer-contact legend, .footer-login legend {
	text-align:center;
	width:100%;
}
.dropdown-menu {
	display:block;
}
.toggnav {
	padding:0 0 0 0;
	cursor:pointer;
	display:block;
	position:absolute;
	right:20px;
	top:27px;
}
#menu-primary-navigation {
	display:none;
}
#home-banner .carousel-controls {
	height:25px;
	padding-top:0px;
}
.img-polaroid {
	width:100%;
	height:275px;
	-webkit-background-size:100% 100%!important;
	-moz-background-size:100% 100%!important;
	-ms-background-size:100% 100%!important;
	background-size:100% 100%!important;
}
.portfolio .media-body, .servicios .media-body, .productos .media-body {
	width:100%;
}
#content-info #nav-legal {
	float:none;
	width:100%;
}
#nav-legal ul {
	text-align:center;
}

/* Menu Area Styles */

.navbar-inverse .navbar-inner {
	position:relative;
	border:0;
}
#nav-main ul.dropdown-menu li {
	-webkit-background-position:right center!important;
	-moz-background-position:right center!important;
	-ms-background-position:right center!important;
	background-position:right center!important;
	display:inline-block;
}
.head-front-top-margin #nav-main ul.dropdown-menu {
	margin-bottom:22px;
	margin-top:10px;
}
#nav-main ul.dropdown-menu li {
	padding:0 35px 0 0;
}
#nav-main ul.dropdown-menu li.menu-moviles {
	-webkit-background-position:50px center!important;
	-moz-background-position:50px center!important;
	-ms-background-position:50px center!important;
	background-position:50px center!important;
}
#nav-main ul.dropdown-menu li a {
	font-size:13px;
}
#menu-primary-navigation ul.dropdown-menu li.crm a {
	background-size:100%;
	padding:75px 18px 0;
}
#menu-primary-navigation ul.dropdown-menu li.banking a {
	background-size:100%;
	padding:75px 0 0;
}
#menu-primary-navigation ul.dropdown-menu li.angel a {
	background-size:100%;
	padding:75px 22px 0;
}
#nav-main ul.dropdown-menu li.desarrollo a {
	padding:74px 0 0 0;
}
#nav-main ul.dropdown-menu li.moviles a {
	padding:74px 0 0 0;
}
#nav-main ul.dropdown-menu li.soporte a {
	padding:74px 0 0 0;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
	background-position:center 30px;
}
#nav-main ul.dropdown-menu li.mantenimiento a {
	padding:74px 0 0 0;
}
.language_footer {
	right: inherit;
	top: inherit;
	display:block;
	width:100%;
	position:relative;
	margin-bottom:10px;
	text-align:center;
}
.language_footer .lang_container {
	display:inline-block;
}
.language_container_footer {
	display:block;
	position:absolute;
	left:54.4%;
	bottom:4px;
	margin:0 0 0 0!important;
}
.language_button_footer {
	display:inline-block;
	margin-left:0;
	float:none;
}
.testimonios .carousel-inner {
	background:url("../img/testimonios-bg01.png") no-repeat left 50px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
}

}

@media (max-width: 480px) { 

#sidebar iframe {
	width:100%!important;
	height:570px!important;
}
#sidebar img {
	width:100%!important;
}
#home-carousel .item:nth-child(3), #home-carousel .item:nth-child(4) {
	background-position:center 275px;
	-webkit-background-size:280px auto;
	-moz-background-size:280px auto;
	-ms-background-size:280px auto;
	background-size:280px auto;
}
#home-carousel .item:nth-child(4) {
	-webkit-background-size:310px auto;
	-moz-background-size:310px auto;
	-ms-background-size:310px auto;
	background-size:310px auto;
}
.language_container_footer {
	left:55.8%;
}

}

@media (max-width: 414px) { 

.img-polaroid {
	height:240px;
}
.language_container_footer {
	left:56.8%;
}

}

@media (max-width: 380px) { 

.img-polaroid {
	height:210px;
}
#home-carousel .item {
	height:550px;
	background-position:center 305px;
}
.img-polaroid {
	height:190px;
}
.language_container_footer {
	left:57.8%;
}

}

@media (max-width: 320px) { 

#nav-main ul.dropdown-menu li {
	padding:0 18px 0 0;
}
#nav-main ul.dropdown-menu li.menu-soporte {
	padding:0 25px 0 0;
}
#nav-main ul.dropdown-menu li.menu-moviles {
	-webkit-background-position:40px center!important;
	-moz-background-position:40px center!important;
	-ms-background-position:40px center!important;
	background-position:40px center!important;
}
.language_container_footer {
	left:58.8%;
}

}