@media only screen and (max-width: 1180px) {
    .banner-text {
        padding: 0 60px;
        margin-top: 80px;
    }
}




/* Standard 960 or larger (browsers) */
/* Standard 960 or Smaller (browsers) */

@media only screen and (min-width: 959px) {
    .qhacemos-left .title {
        margin-top: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .contain-item {
        width: 28.56%;
    }
    .contain-item2 {
        width: 32.56%;
    }
    .qhacemos-right .one,
    .qhacemos-right .two {
        margin-right: 20px;
    }
    .qhacemos-right {
        margin-right: 10px;
    }
    
        #logo img {
        min-width: 100%;
        position: relative;
    }
    
}
/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper {
        width: 768px;
        position: relative;
    }
    .qhacemos-left .title {
        margin-top: 0;
    }
    .first_half {
        width: 60.89%;
    }
    .push-bottom {
        margin-top: 15px;
    }
    .four {
        margin-top: 20px;
    }
    .five {
        margin-top: 30px;
    }
    #logo img {
        min-width: 100%;
        position: relative;
    }
    .banner-text p {
        font-family: 'Roboto Condensed', sans-serif;
        text-align: left;
        font-size: 34px;
        font-weight: 300;
        line-height: 52px;
        letter-spacing: 1px;
    }
    .banner-text img {
        width: 90%;
    }
    .banner-text {
        padding: 0 20px;
        margin-top: 40px;
    }
    .banana {
        margin-left: 30px;
    }
}
@media only screen and (min-width: 768px) {
    #main .three_fourths {
        display: block !important;
    }
}
/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
	
	.header-fixed .offset {
		display: block;
	}

	.header-fixed header#main {
	background: #2b2b42;
	z-index: 9999;
	position:fixed;
	top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
	
	}
    #logo {
        padding-left: 0px;
    }
    header#main {
        background: #2b2b42 !important;
    }
    nav li {
        display: inline-block;
        margin-left: 30px;
        text-transform: uppercase;
        font-weight: 600;
    }
    nav li a {
        color: #ffffff;
    }
    nav li a:hover {
        color: #1ae1e1;
    }
    .offset {
        display: none;
    }
    nav .active {
        color: #1ae1e1;
    }





    .first_half {
        width: 90%;
    }
    .qhacemos-left .title {
        width: 50%;
        margin-top: 20px;
    }
    .four {
        margin-top: 20px;
    }
    .five {
        margin-top: 50px;
    }
    .qhacemos-right .one,
    .qhacemos-right .two {
        margin-right: 40px;
    }
    .banner-elements {
        width: 219px;
    }
    .banner-elements {
        padding-top: 0;
    }
    .banner-text p {
        font-size: 28px;
    }
    .banner-text {
        padding: 0 20px;
        margin-top: -70px;
    }
    .banner-text img {
        width: 70%;
        margin-left: -130px;
    }
    .banner-banana img {
        width: 50%;
        margin-top: 0px;
        margin-left: 240px;
    }
    .banner-text .txt-item {
        margin-left: 20px;
    }
    .banner-text .txt-item-2 {
        line-height: 32px;
    }
}
@media only screen and (max-width: 767px) {
    .wrapper {
        width: 590px;
        margin: 0 auto;
        position: relative;
    }
    .one_half,
    .one_third,
    .two_thirds,
    .one_fourth,
    .one_fifth,
    .two_fifth,
    .three_fifth,
    .four_fifth,
    .one_sixth,
    .five_sixth,
    .three_fourths {
        width: 100%;
    }
    #burger {
        display: inline-block;
        float: right;
        position: relative;
        top: -8px;
    }
    #logo {
        float: left !important;
        width: 25%;
    }
    #main nav {
        float: none;
        margin-top: 20px;
    }
    #main .three_fourths {
        display: none;
    }
    nav ul,
    nav li,
    nav ul li ul,
    nav li li,
    nav li:hover ul {
        float: none;
        display: block;
        position: static;
        padding: 0;
        margin: 0;
    }
    nav li a {
        border-bottom: 1px solid #e5e5e5 !important;
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: block;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 576px) {
    .contain-item {
        width: 40.56%;
    }
    .contain-item2 {
        width: 73.56%;
    }
    .qhacemos-right .one,
    .qhacemos-right .two {
        margin-right: 10px;
    }
    .one,
    .three {
        margin-top: 0;
    }
    .four {
        margin-top: -120px;
        margin-left: 20px;
    }
    .five {
        margin-top: 0;
        margin-left: -70px;
    }
    .wrapper {
        width: 420px;
        margin: 0 auto;
        position: relative;
    }
    .banner-elements {
        width: 619px;
    }
    .banner-elements {
        padding-top: 0;
    }
    .banner-text p {
        font-size: 28px;
    }
    .banner-text {
        padding: 0 20px;
        margin-top: -70px;
    }
    .banner-text img {
        width: 70%;
        margin-left: -130px;
    }
    .banner-banana img {
        width: 45%;
        margin-top: 0px;
        margin-left: 240px;
    }
    .banner-text .txt-item {
        margin-left: 20px;
    }
    .banner-text .txt-item-2 {
        line-height: 32px;
    }
}
@media only screen and (max-width: 479px) {
     .wrapper {
        width: 300px;
        margin: 0 auto;
        position: relative;
    }

    #logo {
        float: left !important;
        width: 45%;
    }
    #burger {
        display: inline-block;
        float: right;
        position: relative;
        top: -5px;
        right: -10px;
    }
   
    #contactform {
        margin-bottom: 30px;
    }

    .banner-elements {
        width: 380px;
    }
    .banner-text {
        margin-top: -40px;
    }
    .banner-text p {
        font-size: 23px;
    }
    .banner-text .txt-item-2 {
        line-height: 32px;
    }
    .banner-text img {
        width: 90%;
        margin-left: -40px;
    }
    .banner-banana img {
        width: 50%;
        margin-left: 100px;
        margin-top: 20px;
    }
    .wrap-logo {
        width: 28.33%;
    }
    
    .wrap-right-proceso {  width: 100%;  }
    .wrap-draw1{  width: 100%;  margin-top: 20px;}
	.wrap-draw2{  width: 160%;  margin-top: 10px; }
	.wrap-draw3{  width: 92%;   margin-top: 10px; margin-bottom: 60px;}
	.wrap-title {  width: 80%;  }
	
	.contacto-wrap { margin-top: 40px;  }

	.contacto-datos {margin-left: 0; }
	
	.contacto-datos .dir {font-size: 19px;}
	
	.teltxt{font-size: 23px;}
	
	.mailtxt{font-size: 23px;}
	
	.contacto-datos { margin-top: 30px; margin-bottom: 30px; }
	
	.contacto-banner { padding: 10px 0; }

	.header-fixed header#main {
	 padding-left: 0px;
}


 
    
}
/*-----------------------------------------------------------------------------------*/
/*	END RESPONSIVE STYLING
/*-----------------------------------------------------------------------------------*/