/*============================================================
	For Large Desktop
==============================================================*/
.lenguaje span {
	font-size: 10px;
    margin-left: 17px;
    margin-top: 39px;
}

.li-cinco-ingles {
	margin-left: 280px !important;
}

@media (min-width: 1151px) and (max-width: 1920px) {
	.container {
		width: 1250px;
	}

	.navbar-brand {
		line-height: 20px;
		height: 50px;
		padding: 0px 15px;
		margin: 0px auto !important;
		position: absolute;
		width: 95%;
		font-size: 18px;
	}
	.fixed_menu .navbar-brand {
		height:0px;
	}
	.logo{
		margin: 0px auto;
	}
	.logo img{
		margin-left:55px;
		width: 106px;
		-webkit-transition: width .3s ease-in 0s;
		-moz-transition: width .3s ease-in 0s;
		-ms-transition: width .3s ease-in 0s;
		 -o-transition: width .3s ease-in 0s;
			transition: width .3s ease-in 0s;
	}
	.fixed_menu .logo img{
		width:80px;
	}
	.nav li:nth-child(5){
		margin-left: 160px;
	}
	.nav li:last-child a{
		padding-right: 0px !important;
	}
	.navbar-collapse{
		margin-top:33px;
		-webkit-transition: all .3s ease-in 0s;
		-moz-transition: all .3s ease-in 0s;
		-ms-transition: all .3s ease-in 0s;
		-o-transition: all .3s ease-in 0s;
		transition: all .3s ease-in 0s;
	}
	.fixed_menu .navbar-collapse{
		margin-top:10px;
	}
	.big_title{
		width: 220px;
	}
	.navbar-header{
		position: relative;
		width: 100%;
	}
.project-wrapper .work-item:nth-child(1),
.project-wrapper .work-item:nth-child(2),
.project-wrapper .work-item:nth-child(4),
.project-wrapper .work-item:nth-child(5),
.project-wrapper .work-item:nth-child(8),
.project-wrapper .work-item:nth-child(9),
.project-wrapper .work-item:nth-child(10),
.project-wrapper .work-item:nth-child(11),
.project-wrapper .work-item:nth-child(13),
.project-wrapper .work-item:nth-child(14),
.project-wrapper .work-item:nth-child(17),
.project-wrapper .work-item:nth-child(18),
.project-wrapper .work-item:nth-child(20),
.project-wrapper .work-item:nth-child(21),
.project-wrapper .work-item:nth-child(23),
.project-wrapper .work-item:nth-child(24){
	width:12.5% !important;
	height:185px !important;
}
.project-wrapper .work-item:nth-child(3),
.project-wrapper .work-item:nth-child(6),
.project-wrapper .work-item:nth-child(7),
.project-wrapper .work-item:nth-child(12),
.project-wrapper .work-item:nth-child(15),
.project-wrapper .work-item:nth-child(16),
.project-wrapper .work-item:nth-child(19),
.project-wrapper .work-item:nth-child(22){
	width:25% !important;
	height:370px !important;
}
.project-wrapper .work-item:nth-child(22),
.project-wrapper .work-item:nth-child(19),
.project-wrapper .work-item:nth-child(16),
.project-wrapper .work-item:nth-child(12){
	height:185px !important;
}
.project-wrapper .work-item:nth-child(1) {width: 160px;height: 170px;/*background-image:url('../images/mix-1.png');*/ background-size:100% auto;}
.project-wrapper .work-item:nth-child(2) {width: 160px;height: 170px;/*background-image:url('../images/mix-2.png');*/ background-size:auto 100%}
.project-wrapper .work-item:nth-child(3) {width: 315px;height: 345px;/*background-image:url('../images/mix-3.png');*/ background-size:100% auto}
.project-wrapper .work-item:nth-child(4) {width: 160px;height: 170px;/*background-image:url('../images/mix-4.png');*/ background-size:auto 140%;}
.project-wrapper .work-item:nth-child(5) {width: 160px;height: 170px;/*background-image:url('../images/mix-5.png');*/ background-size:auto 100%;}
.project-wrapper .work-item:nth-child(6) {width: 315px;height: 345px;/*background-image:url('../images/mix-6.png');*/ background-size:auto 100%;}
.project-wrapper .work-item:nth-child(7) {width: 316px;height: 345px;/*background-image:url('../images/mix-7.png');*/ background-size:auto 100%;
margin-top: -185px;}
.project-wrapper .work-item:nth-child(8) {width: 160px;height: 170px;/*background-image:url('../images/mix-8.png');*/ background-size:auto 100%;}
.project-wrapper .work-item:nth-child(9) {width: 160px;height: 170px;/*background-image:url('../images/mix-9.png');*/ background-size:200% auto;}
.project-wrapper .work-item:nth-child(10) {width: 160px;height: 170px;/*background-image:url('../images/mix-10.png');*/ background-size:100% auto;
position: absolute;
top: 185px;
left: 674px;}
.project-wrapper .work-item:nth-child(11) {width: 160px;height: 170px;/*background-image:url('../images/mix-11.png');*/ background-size:auto 100%;
position: absolute;
top: 185px;
left: 843px}
.project-wrapper .work-item:nth-child(12) {width: 315px;height: 170px;/*background-image:url('../images/mix-12.png');*/ background-size:100% auto;}
.project-wrapper .work-item:nth-child(13) {width: 160px;height: 170px;/*background-image:url('../images/mix-13.png');*/ background-size:auto 100%;}
.project-wrapper .work-item:nth-child(14) {width: 160px;height: 170px;/*background-image:url('../images/mix-14.png');*/ background-size:auto 100%;}
.project-wrapper .work-item:nth-child(15) {width: 316px;height: 345px; background-size:120% auto;}
.project-wrapper .work-item:nth-child(16) {width: 316px;height: 170px; background-size:auto 120%;}
.project-wrapper .work-item:nth-child(17) {width: 160px;height: 170px; background-size:auto 100%;}
.project-wrapper .work-item:nth-child(18) {width: 160px;height: 170px; background-size:auto 100%;}
.project-wrapper .work-item:nth-child(19) {width: 316px;height: 170px; background-size:100% auto;}
.project-wrapper .work-item:nth-child(20) {width: 160px;height: 170px; background-size:100% auto;}
.project-wrapper .work-item:nth-child(21) {width: 160px;height: 170px; background-size:100% auto;}
.project-wrapper .work-item:nth-child(22) {width: 316px;height: 170px; background-size:100% auto;}
.project-wrapper .work-item:nth-child(23) {width: 160px;height: 170px; background-size:auto 100%;width: 25% !important;}
.project-wrapper .work-item:nth-child(24) {width: 160px;height: 170px; background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(1) {background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(5) {background-size:100% auto;}
.project-wrapper.show_supe .work-item:nth-child(6) {background-size:100% auto;}
.project-wrapper.show_supe .work-item:nth-child(9) {background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(15) {background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(16) {background-size:100% auto;}
.project-wrapper.show_supe .work-item:nth-child(20) {background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(21) {background-size:auto 100%;}
.project-wrapper.show_supe .work-item:nth-child(12) {background-size:100% auto;}
.project-wrapper.show_supe .work-item:nth-child(13) {background-size:100% auto;}
.project-wrapper.show_supe .work-item:nth-child(22) {background-size:100% auto;}
#carousel2 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 60%;
    margin: 0px auto;
}
.product_slider .carousel-inner {
    width: 50%;
    margin: 0px auto;
}
#map{
	margin-top: 30px;
	height: 657px;
	position:relative;
}
#map img{
	width: 100%;
	height: auto;
}
#map img.map_marker {
    position: absolute;
    width: 45px;
    height: 65px;
    top: 55px;
    right: 573px;
	cursor:pointer;
	opacity: .7;
}
#map img.map_marker2 {
    position: absolute;
    width: 45px;
    height: 65px;
    right: 318px;
    bottom: 170px;
	cursor:pointer;
	opacity: .7;
}
#map img.map_marker:hover,#map img.map_marker2:hover{
	opacity: 1;
}
	.show_big{display:block;}
	.show_mob{display:none;}
}
@media (min-width: 1150px) and (max-width: 1280px) {
	.project-wrapper .work-item:nth-child(10) {width: 160px;height: 170px;/*background-image:url('../images/mix-10.png');*/ background-size:100% auto;
	position: absolute;
	top: 185px;
	left: 624px !important;}
	.project-wrapper .work-item:nth-child(11) {width: 160px;height: 170px;/*background-image:url('../images/mix-11.png');*/ background-size:auto 100%;
	position: absolute;
	top: 185px;
	left: 780px !important}
}
/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {

	.big_title{
		width: 220px;
	}
	#carousel2 .carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 60%;
		margin: 0px auto;
	}
	.product_slider .carousel-inner {
		width: 50%;
		margin: 0px auto;
	}
	#map{
	margin-top: 30px;
	height: 657px;
	position:relative;
}
#map img{
	width: 100%;
	height: auto;
}
#map img.map_marker {
    position: absolute;
    width: 45px;
    height: 65px;
    top: 55px;
    right: 573px;
	cursor:pointer;
}

#map img.map_marker2 {
    position: absolute;
    width: 45px;
    height: 65px;
    right: 318px;
    bottom: 170px;
	cursor:pointer;
}
#map img.map_marker:hover,#map img.map_marker2:hover{
	width:49px;
	height:71px;
}
	.show_big{display:block;}
	.show_mob{display:none;}
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {
	.project-wrapper .work-item{width: 49%;height:230px;background-size:100% 100% !important;}
	.service {
		background: none;
		background-repeat: no-repeat;
		background-position: 100% 260%;
		background-size: 100% auto;
		padding-bottom:0px;
	}
	.responsabilidad_bg, .responsabilidad_bg2 {
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		display:none;
	}
	.contact .col-md-6 .col-md-6 {
		padding: 10px 0;
		float: left;
		width: 50%;
	}
	.map_text {
		padding: 20px;
		position: absolute;
		top: -415px;
		width: 80%;
	}
	.footer_menu ul {
		list-style: none;
		padding: 40px 0 0;
		width: auto;
		margin: 0 auto;
		float: right;
	}
	.product_slider .carousel-inner {
		position: relative;
		overflow: hidden;
		width: 60%;
		margin: 0 auto;
	}
	.show_big{display:none;}
	.show_mob{display:block;}
	#map img.map_marker,#map img.map_marker2{
		display:none;
	}
	.contact h5:before {
		display:none;
	}
	.photo_gallery .work-item {
		float: left;
		width: 100% !important;
		height: auto;
		padding: 20px;
		margin: 0px;
	}
}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
	.project-wrapper .work-item{width: 47%;height:230px;background-size:100% 100% !important;}
	.navbar-brand {
		padding: 0 15px;
		height: 50px;
	}
	.navbar-header {
        float: none;
    }
	.navbar {
		min-height: 60px;
	}
	#carousel1 {
		margin-top: 60px;
	}
	.logo img{
		width: 80px;
	}
	.footer_menu ul {
		list-style: none;
		padding: 40px 0 0;
		width: auto;
		margin: 0 auto;
		float: right;
	}
	.show_big{display:none;}
	.show_mob{display:block;}
	.map_text {
		padding: 20px;
		position: absolute;
	}
	.responsabilidad_bg, .responsabilidad_bg2 {
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		display:none;
	}
	.service {
		background-image: url("../images/service_bg1.png");
		background-repeat: no-repeat;
		background-position: 100% 112%;
		background-size: 100% auto;
		padding-bottom: 0px;
	}
	.product_slider .carousel-inner {
		position: relative;
		overflow: hidden;
		width: 70%;
		margin: 0 auto;
	}
	#map img.map_marker,#map img.map_marker2,#map{
		display:none;
	}
	.contact p{
		padding:0px 0px;
	}
	.map_text{
		top: -0px;
		position:inherit;
		background-image:url('../images/map2.jpg');
		background-position: 0 0;
		background-size:100% 100%;
	}
		.contact h5::before {
		display:none;
	}
	.photo_gallery .work-item {
		float: left;
		width: 100% !important;
		height: auto;
		padding: 20px;
		margin: 0px;
	}
	#service {
		display: none;
	}
}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (max-width: 480px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
	    background: rgb(255, 255, 255);
	}
	.li-cinco-ingles {
	    margin-left: none;
	}
	#service {
		display: none;
	}

}

@media (min-width: 768px) and (max-width: 1150px) {
	.navbar {
		min-height: 60px;
	}
	.navbar-brand {
		padding: 0 15px;
		height: 50px;
	}
	#carousel1 {
		margin-top: 60px;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.logo img{
		width: 80px;
		-webkit-transition: width .3s ease-in 0s;
		-moz-transition: width .3s ease-in 0s;
		-ms-transition: width .3s ease-in 0s;
		 -o-transition: width .3s ease-in 0s;
			transition: width .3s ease-in 0s;
	}
	.service img.rsp-tablah {
		width: 100%;
	}
}