@media (max-width: 3000px) {
    img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        box-sizing: border-box;
        padding: 40px 0 40px;
        margin: 0 auto;
        height: 1280px;
    }

}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    
}

/* LG Device :1024px. */
@media (min-width: 1024px) and (max-width: 1200px) {
    .footer-menu ul li {
        padding: 0 10px;
    }

    .ex-menu ul li a {
        margin-right: 30px;
    }

    .ex-menu {
        padding-top: 8px;
    }

    .black-bg .header-logo img {
        width: 80%;
    }

    .black-bg .header-top-menu {
        padding-top: 10px;
    }



}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .footer-menu ul li {
        padding: 0 10px;
    }
}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 992px) {
    .header-top-menu {
        display: none;
    }

    .menu-trigger {
        display: block !important;
    }

    .single-feature-img:after {
        right: 70px !important;
    }

    .menu-item-2 {
        display: none;
    }

    .footer-copyright-area {
        padding-top: 30px;
        line-height: 2;
    }

    .es-text h1 {
        font-size: 30px;
        line-height: 1.3;
    }

    h1.equipo:after {
        left: 0;
    }

    .single-team-member {
        margin-bottom: 50px;
    }

    .contact-slide img {
        height: 400px;
    }

    .form-content input[type="tel"] {
        width: 100%;
        float: none;
    }

    .form-content input[type="email"] {
        width: 100%;
        margin-right: 0;
    }

    .error-content:before {
        left: 0;
    }

    .single-team-member-details a:before {
        left: 0;
    }

    .menu-close {
        right: 35px;
        top: 52px;
    }

    .single-estudio-slide {
        min-height: 460px;
        max-height: 460px;
    }

    .single-project-item {
        min-height: 415px;
    }

    .project-text {
        top: 140px;
    }

    .single-hero-slider {
        min-height: 658px;
    }

    .hero-text {
        margin-top: 470px;
    }

    .scroll-dawn {
        top: 480px;
    }



}

/* Extra small Device. */
@media (max-width: 767px) {
    .header-top-menu {
        display: none;
    }

    .menu-trigger {
        display: block !important;
    }


    a.menu-trigger {
        padding-top: 3px;
    }
    section.quote-area{
        padding-bottom: 60px!important;
        padding-top: 0px!important;
        margin-top: -140px;
    }
    section.quote-area h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .single-feature-img img {
        width: 100%;
        min-height: 0;
    }

    .footer-copyright-area {
        padding-top: 50px;
        line-height: 2;
    }

    .footer-copyright-area p {
        display: block;
        margin: 0;
    }

    .menu-item-2 {
        display: none;
    }
    .section-dawn{
        display:none;
    }
    .back a,
    .go a {
        font-size: 12px;
    }

    .single-team-member {
        margin-bottom: 50px;
    }

    .es-text h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    h1.equipo:after {
        left: 0;
    }

    .hello-info:after {
        left: 0;
    }

    .contact-slide img {
        height: 300px;
    }

    .form-content p {
        font-size: 18px;
        line-height: 1.2;
    }

    .form-content input[type="tel"] {
        width: 100%;
        float: none;
    }

    .form-content input[type="email"] {
        width: 100%;
        margin-right: 0;
    }

    .error-content:before {
        left: 0;
    }

    .single-team-member-details a:before {
        left: 0;
    }

    .custom-modal .modal-title {
        font-size: 24px;
    }

    .single-team-member-details p {
        font-size: 20px;
        line-height: 1.2;
    }

    .single-member-featured-img.mb-50 {
        min-height: 360px;
    }

    .single-member-featured-img img {
        max-height: 360px;
        min-height: 360px;
    }

    .footer-copyright-area a:nth-child(2) {
        margin-left: 0;
    }

    .single-estudio-slide {
        min-height: 300px;
        max-height: 474px;
    }

    .single-project-item {
        min-height: 240px;
    }

    .single-project-item .project-text {
        opacity: 80%;
        display: block;
    }
    .project-text {
        top: 50px;
    }

    .hero-text {
        margin-top: 470px;
    }

    .scroll-dawn {
        top: 590px;
    }

    .single-hero-slider {        
        min-height: 412px;
        background-size: cover;
        margin-top: 149px;
    }

    .single-project-details p {
        font-size: 16px;
        line-height: 24.8px;
    }
    .icoampl {
        position: absolute;
        right: 30px;
        top: 34px;
        z-index: 1;
    }    
    #overbox3 {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
        display: block;
    }

    #overbox3.active {
        bottom: -217px;
    }

    #infobox3 {    
        height: 215px;   
    }
    #infobox3 p {
        line-height: 24px;
        text-align: left;
        padding: 17px 20px 10px 30px;
        font-size: 12px;
        margin-left: 0;
        width: 100%;
    }
    #infobox3 p a {
        margin-left: 27px;
        
    }
    .nopt{
        padding-top: 0px;
    }
    .disp-desk{
        display:none;
    }
    .disp-mobile{
        display:block;
    }
    
    .selectcategory{
        border: 0;
        width: 93%;
        font-family: 'Overpass', sans-serif;
        font-weight: 600;
        float: right;
        font-size: 23px;
        background-color: #fff;
    
    }
    .selectcategory option{
        font-family: 'Overpass', sans-serif;
        font-weight: 600;
        font-size: 15px;
        border: 0;
        
    }
    .estudiomargin{
        min-height: 300px;
        max-height: 474px;
    }
    .marginarrow{
        margin-top: -213px;
    }
    .bottommargin{
        height: 139px; 
        display: block;
    }
    .proytitle{
        font-size: 30px!important;
        line-height: 43px!important;
    }
    .proysubtitle{
        font-size: 12px!important;
        line-height: 19px!important;
    }
    .proyectodates{
        float: right;
        margin-top: -115px;
        font-size: 12px;
    }
    .im-estudi{
        padding-top: 0px!important;
        padding-bottom: 0!important;
    }
    .es-text p {
        font-size: 18px;
        line-height: 28.8px;
    }

    #cabecera-proyect-home {
        position: relative;
        top: -241px;
        z-index: -1;
    }
}