/* ------------------------------------------------------------------------------------------------ */

@media (min-width: 1540px) {
    #tabs .tab:hover {
        margin-top: -70px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1500px) {
    .sequence-canvas .bg {
             opacity: .25 !important;
        -moz-opacity: .25 !important;
        -khtml-opacity: .25 !important;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=25)' !important;
            filter: alpha(opacity=25) !important;
    }
    .sequence-canvas .bg2 {
        right: 0 !important;
        left: 0 !important;
        margin: 0 auto;
             opacity: .25 !important;
        -moz-opacity: .25 !important;
        -khtml-opacity: .25 !important;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=25)' !important;
            filter: alpha(opacity=25) !important;
    }
    .sequence-canvas .info .info_int {
        margin: 0 auto;
        text-align: center;
    }
    .sequence-canvas .info .info_int h2 {
        text-align: center;
    }
    .sequence-canvas .info .info_int .details {
        text-align: center;
    }
    .sequence-canvas .info .info_int .categories {
        text-align: center;
    }
    .sequence-pagination {
        text-align: center;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1450px) {
    #submenu ul {
        background: #000;
    }
    #submenu ul li a {
        font-size: 16px;
        padding: 15px 26px 17px;
    }
    #submenu.team ul li a {
        padding: 14px 77px 17px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1350px) {
    #header.home #slogan {
        position: absolute;
        top: 208px;
        left: 10%;
    }
    #header.home #slogan h1 {
        font-size: 84px;
        line-height: 72px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.home {
        height: 860px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #portfolio_info {
        padding: 0 50px 0 0;
    }
    #portfolio_info h2 {
        margin: 8px 0 0 0;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #sections_web_design .sub_section .sub_section_int .sub_section_l_col {
        padding: 0 6% 0 0;
    }
    #sections_web_design .sub_section .sub_section_int .sub_section_r_col {
        padding: 0 6% 0 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1220px) {
    #tabs .tab .tab_int h2 {
        font-size: 22px;
        line-height: 22px;
        margin: 0 0 34px 20px;
    }
    #tabs .tab .tab_int a {
        font-size: 16px;
        padding: 5px 21px;
    }
    #tabs .tab .tab_int a.more {
        clear: left;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #services h1 {
        font-size: 80px;
        line-height: 80px;
    }
    #services h1:before {
        bottom: 32px;
        width: 35%;
    }
    #services h1:after {
        bottom: 32px;
        width: 35%;
    }
    #sequence h1 {
        font-size: 80px;
        line-height: 80px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.values .section h1 {
        font-size: 80px;
        line-height: 64px;
    }
    #content.about .section h1 {
        font-size: 80px;
        line-height: 64px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    .wrapper_portfolio {
        display: block;
    }
    .wrapper_portfolio .portfolio_row {
        display: block;
    }
    .wrapper_portfolio .portfolio_item {
        display: block;
    }
    .wrapper_portfolio .portfolio_row:first-child .portfolio_item:nth-child(2):before {
        display: none;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.blog #blog_tabs > ul {
        padding: 10px 0;
    }
    #content.blog #blog_tabs > ul > li > a {
        font-size: 14px;
        padding: 0 10px;
    }
    #content.blog #blog_tabs > div > ul > li > a {
        padding: 12px 10px;
    }
    #sections_web_design .sub_section .sub_section_int_row {
        display: table;
    }
    #sections_web_design .sub_section .sub_section_int .sub_section_l_col,
    #sections_web_design .sub_section .sub_section_int .sub_section_r_col {
        display: table-header-group;
        width: 100%;
        padding: 0;
    }
    #sections_web_design .sub_section .sub_section_int .sub_section_l_col.img,
    #sections_web_design .sub_section .sub_section_int .sub_section_r_col.img {
        display: table-footer-group;
        text-align: center;
    }
    #sections_web_design .sub_section .sub_section_heading {
        padding: 0 0 39px 0;
        text-align: center;
    }
    #sections_web_design .sub_section .sub_section_int {
        max-width: 660px;
        padding: 51px 20px 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1150px) {
    #header.case_study #intro_int .btn_back {
        bottom: 54px;
    }
    #header.case_study #intro_int .btn_back:after {
        bottom: -118px;
        height: 118px;
    }
    #header.case_study #intro_int {
        padding: 218px 120px 119px 120px;
    }
    #header.case_study #wrapper_info {
        width: 100%;
    }
    .sections .section .description_int {
        width: 80%;
    }
    .sections .section .description.pull_r {
        padding: 0 0 0 60px;
    }
    .sections .section .image.pull_l {
        padding: 0 60px 0 10px;
    }
    .sections .section .image.pull_r {
        padding: 0 10px 0 60px;
    }
    .sections .section .description.pull_l {
        padding: 0 60px 0 0;
    }
    .sections .section {
        padding: 20px 0 52px 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 1024px) {
    #footer_menu_int ul li {
        display: block;
        width: 100%;
        margin: 0;
    }
    #footer_menu_int ul li.home {
        padding: 40px 0;
    }
    #footer_menu_int ul li.home a {
        top: 4px;
        left: 50%;
        margin-left: -21px;
    }
    #footer_menu_int ul li.social {
        width: 100%;
        padding: 34px 0;
    }
    #footer_menu_int ul li .social_int {
        position: absolute;
        top: 32px;
        left: 50%;
        margin-left: -68px;
    }
    #footer_menu_int ul li.social a {
        margin: 0 5px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #footer_info_int {
        padding: 10px 0;
        text-align: center;
    }
    #footer_info_int .info,
    #footer_info_int .info.lang,
    #footer_info_int .info.copy {
        padding: 5px 20px 13px;
        text-align: center;
        color: #fff;
    }
    #footer_info_int .info p,
    #footer_info_int .info.lang p,
    #footer_info_int .info.copy p {
        text-align: center;
    }
    #footer_info_int .info .fa {
        position: relative;
        top: -6px;
        left: 0;
    }
    #footer_info_int .info .fa_label {
        position: relative;
        top: -4px;
        left: -10px;
    }
    #content.blog .blog_content {
        padding: 0;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.careers .description {
        padding: 0;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #services .service .links a {
        visibility: visible;
             opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;

        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
            filter: alpha(opacity=100);
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 980px) {
    #services h1:before {
        bottom: 32px;
        width: 32%;
    }
    #services h1:after {
        bottom: 32px;
        width: 32%;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 950px) {
    .note {
        position: relative;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 890px) {
    .sections .section .image.pull_l,
    .sections .section .image.pull_r,
    .sections .section .description.pull_l,
    .sections .section .description.pull_r {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .sections .section .description.pull_l ul {
        text-align: left;
    }
    #header.case_study #intro_int .btn_back:after,
    .sections .section:before,
    .sections .section:after,
    .sections .wrapper_sections:before {
        display: none;
    }
    .sections .section .image.pull_l,
    .sections .section .image.pull_r {
        padding: 0 10px 0 10px;
        text-align: center;
    }
    .sections .section .description.pull_l p {
        text-align: left;
    }
    .sections .section .description_int {
        float: none !important;
        width: 90%;
        margin: 0 auto;
    }
    #portfolio_details .container {
        padding: 0 30px;
    }
    #portfolio_info {
        float: none;
        clear: both;
        width: 100%;
        padding: 0;
    }
    #portfolio_gallery {
        float: none;
        clear: both;
        width: 100%;
    }
    #portfolio_gallery.slick-slider {
        padding: 60px 0 40px 0;
    }
    #portfolio_gallery img {
        max-width: 99%;
    }
    #portfolio_loader {
        top: 35px;
        margin-top: 0;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 768px) {
    #logo {
        top: 38px;
        left: 24px;
        width: 196px;
        height: 49px;
    }
    #logo a {
        width: 196px;
        height: 49px;
        background-size: 196px auto;
    }
    #logos {
        padding: 26px 0 36px 0;
    }
    #logos_int {
        height: 60px;
    }
    #logos_int img {
        height: 60px;
        margin: 0 1.6%;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.home #slogan {
        position: absolute;
        top: 138px;
        left: 8.9%;
    }
    #header.home #slogan h1 {
        font-size: 54px;
        line-height: 45px;
        margin: 0 10px 15px 0;
    }
    #header.home #slogan a {
        font-family: 'Museo 700', Georgia, serif;
        font-size: 16px;
        padding: 5px 20px;
        border: 2px solid #fff;
    }
    #header.home #slogan a:hover {
        color: #333;
        background: #fff;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #menu_toggle {
        width: 40px;
        height: 35px;
        margin: 39px 28px 0 0;
    }
    #menu_toggle .bg {
        width: 40px;
        height: 35px;
    }
    #menu_toggle .ico_menu {
        width: 40px;
        height: 35px;
    }
    #menu_toggle .ico_close {
        width: 40px;
        height: 35px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #menu_bg {
        top: 30px;
        right: 10px;
        width: 283px;
        height: 474px;
    }
    #menu {
        width: 283px;
        margin: 15px 10px 0 0;
        padding: 24px;
    }
    #menu #languages {
        top: 3px;
        right: 24px;
    }
    #menu #languages li {
        margin: 0 0 0 10px;
    }
    #menu #languages li a {
        font-size: 14px;
    }
    #menu .mlp_language_box {
        top: 3px;
        right: 24px;
    }
    #menu .mlp_language_box ul li {
        margin: 0 0 0 10px;
    }
    #menu .mlp_language_box ul li a {
        font-size: 14px;
    }
    #menu #navigation {
        margin: 80px 0 0 0;
    }
    #menu #navigation li a {
        font-size: 20px;
        line-height: 28px;
    }
    #menu #navigation li ul {
        margin: 0 0 10px 0;
    }
    #menu #navigation li ul li {
        font-size: 14px;
        line-height: 20px;
    }
    #menu #navigation li ul li a {
        font-size: 14px;
        line-height: 20px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #menu .info {
        font-size: 14px;
        line-height: 17px;
        padding: 27px 0;
    }
    #menu .info > div {
        width: 252px;
    }
    #menu .address {
        padding: 11px 0 0 0;
    }
    #menu .email {
        padding: 11px 0 0 0;
    }
    #menu .info .fa {
        font-size: 21px;
        left: 36px;
    }
    #menu .email .fa-envelope {
        font-size: 17px !important;
    }
    #menu .social a {
        margin: 0 0 0 5px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #tabs {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto;
    }
    #tabs .tab {
        float: none;
        clear: both;
        overflow: hidden;
        width: 100%;
        height: 73px;
    }
    #tabs .tab .tab_int {
        width: 100%;
        height: 165px;
        padding: 19px;
    }
    #tabs .tab .tab_int div {
        float: right;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        width: 47%;
        text-align: right;
    }
    #tabs .tab:hover {
        height: 165px;
        margin-top: 0;
        background: #e54114;
    }
    #tabs .tab .tab_int a.more {
        clear: none;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.home {
        height: 720px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #services h1 {
        font-size: 60px;
        line-height: 60px;
    }
    #services h1:before {
        bottom: 25px;
        width: 30%;
    }
    #services h1:after {
        bottom: 25px;
        width: 30%;
    }
    #sequence h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .sequence-canvas .info {
        top: 270px !important;
    }
    #featured.portfolio_alt .sequence-canvas .info {
        top: 170px !important;
    }
    .animate-in .info {
        top: 240px !important;
    }
    .animate-out .info {
        top: 240px !important;
    }
    #featured.portfolio_alt .animate-in .info {
        top: 140px !important;
    }
    #featured.portfolio_alt .animate-out .info {
        top: 140px !important;
    }
    #services_int {
        padding: 30px 10px;
    }
    #services .service {
        padding: 31px;
    }
    #services .service h2 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 15px 0;
    }
    #services .service .links {
        padding: 17px 0 0;
    }
    #services .service .links a {
        font-size: 14px;
        padding: 9px 23px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header #intro_int {
        width: 100%;
        max-width: 100%;
        padding: 200px 10% 60px 10%;
    }
    #header #intro h1 {
        font-size: 76px;
        line-height: 76px;
        margin-bottom: 11px;
        color: #f2f2f2;
    }
    #header #intro p {
        font-size: 20px;
        line-height: 25px;
    }
    #header.quote #intro p {
        text-align: center;
    }
    #header.quote #intro_int {
        padding: 202px 20px 71px 20px;
    }
    #header.pay #intro h1 {
        margin-bottom: 42px;
    }
    #header.pay #intro p {
        text-align: center;
    }
    #header.pay #intro_int {
        padding: 202px 20px 59px 20px;
    }
    #header.services #intro_int {
        padding: 202px 20px 59px 20px;
    }
    #header.team #intro_int {
        padding: 202px 20px 59px 20px;
    }
    #header.portfolio #intro_int {
        padding: 202px 20px 288px 20px;
    }
    #header.case_study #intro_int {
        padding: 157px 11% 112px 11%;
    }
    span.first_char {
        font-size: 44px;
        line-height: 44px;
        padding: 0 7px 0 0;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.story {
        width: 100%;
        max-width: 100%;
        padding: 36px 4% 60px;
    }
    #content.story .col {
        font-size: 20px;
        line-height: 25px;
        max-width: 100%;
    }
    #content.story h1 {
        font-size: 50px;
        line-height: 44px;
        margin: 20px 0 24px 0;
    }
    #content.services h1 {
        font-size: 53px;
        line-height: 46px;
        margin: 11px 0 48px 0;
    }
    #content.services .sub_section_heading h2 {
        font-size: 53px;
        line-height: 46px;
        margin: 11px 0 48px 0;
    }
    #content.contact .section {
        padding: 0 0 31px 29px;
    }
    #content.contact .contact_form {
        padding: 0 20px 0 29px;
    }
    #content.contact h2 {
        margin: 0 0 10px 0;
    }
    #content.contact h2 span {
        position: absolute;
        top: 1px;
        left: -32px;
        color: #e54114;
    }
    #header.contact #header_int {
        height: 430px;
    }
    #submenu ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #333;
    }
    #submenu ul li a {
        font-size: 16px;
        display: block;
        width: 100%;
        padding: 14px 27px 14px;
    }
    #filter_team ul {
        text-align: center;
    }
    .people {
        margin-top: 83px;
    }
    .person .photo {
        z-index: 100;
        margin-top: 10px;
        padding: 15%;
    }
    .sub_heading h2 {
        font-size: 31px;
        line-height: 33px;
        margin: 226px auto 40px auto;
        padding: 0 0 90px 0;
    }
    .sub_heading h2:after {
        display: none;
    }
    .sub_heading a.btn {
        margin: -112px 0 0 -80px;
    }
    .sections .section.ai {
        padding: 10px 0 10px 0;
    }
    .sections .section.ai p {
        margin: 0 0 20px 0;
    }
    .sub_heading {
        overflow: hidden;
        padding: 20px 10px;
    }
    #bullet_nav.on {
        margin-right: 10px;
    }
    #bullet_nav {
        padding: 12px 7px;
    }
    #bullet_nav ul li {
        margin: 0 0 8px 0;
        padding: 0;
    }
    #bullet_nav ul li a span {
        display: none !important;
    }
    #bullet_nav ul li a {
        width: 10px;
        height: 10px;
    }
    #content.case_studies .case_study {
        padding: 20px 20px 48px;
    }
    #content.case_studies .case_study .categories {
        padding: 0 0 20px;
        text-align: center;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.blog .blog_content .blog_post {
        padding: 0 0 50px 0;
    }
    #content.blog .blog_content .blog_post .post_info {
        padding: 0 0 11px 0;
    }
    #content.blog .blog_content .blog_post h1 {
        font-size: 42px;
        line-height: 42px;
        margin: 0 0 8px 0;
    }
    #content.blog .blog_content .blog_post .post_content {
        font-size: 18px;
        line-height: 24px;
        padding: 30px 0 0 0;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header #intro h1 {
        font-size: 56px;
        line-height: 56px;
        margin-bottom: 11px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.careers #intro h1 {
        font-size: 76px;
        line-height: 76px;
        margin-bottom: 48px;
    }
    #content.careers .positions p {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 7px 0;
        padding: 9px 22px;
    }
    #careers_contact {
        font-size: 20px;
        line-height: 23px;
        padding: 49px 10px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.values #intro h1 {
        font-size: 76px;
        line-height: 76px;
        margin-bottom: 38px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.products_services #intro h1 {
        font-size: 76px;
        line-height: 76px;
        margin-bottom: 38px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.about #intro h1 {
        font-size: 76px;
        line-height: 76px;
        margin-bottom: 19px;
    }
    #header.about #intro h2 {
        font-size: 34px;
        line-height: 30px;
        margin-bottom: 48px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.technologies #intro h1 {
        font-size: 56px;
        line-height: 56px;
        margin-bottom: 44px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.technologies .section .section_int h2 {
        font-size: 40px;
        line-height: 40px;
    }
    #content.case_studies .case_study .content h2 {
        font-size: 40px;
        margin: 0 0 21px 0;
    }
    #content.values .section h1 {
        font-size: 50px;
        line-height: 44px;
        margin: 0 0 35px 0;
    }
    #content.products_services .section h1 {
        font-size: 38px;
        line-height: 38px;
        margin: 0 auto 42px auto;
    }
    #content.products_services .section.alt h2 {
        font-size: 26px;
        line-height: 26px;
        margin: 0 0 21px 0;
    }
    #content.products_services .section {
        padding: 43px 20px 27px;
    }
    #content.products_services .section.alt {
        padding: 53px 20px 57px;
    }
    #content.about .section h1 {
        font-size: 50px;
        line-height: 44px;
        margin: 0 auto 24px auto;
    }
    #content.values .col {
        font-size: 18px;
        line-height: 24px;
    }
    #content.products_services .col {
        font-size: 18px;
        line-height: 24px;
    }
    #content.about .col {
        font-size: 18px;
        line-height: 24px;
    }
    #content.about .section {
        padding: 33px 20px 17px;
    }
    #content.about .section.alt p {
        font-size: 26px;
        line-height: 26px;
        margin: 0 auto 28px auto;
    }
    #content.services .col {
        font-size: 18px;
        line-height: 24px;
        padding: 0 20px;
    }
    #content.testimonials .section .content .author {
        float: none !important;
        clear: both;
        width: 100%;
    }
    #content.testimonials .section .content .quote {
        float: none !important;
        clear: both;
        width: 100%;
    }
    #content.testimonials .section .content .author.pull_l {
        padding: 0 0 26px 0;
    }
    #content.testimonials .section .content .author.pull_r {
        padding: 0 0 26px 0;
    }
    #sections_mobile_apps .sub_section .sub_section_int {
        padding: 20px 20px;
    }
    #sections_mobile_apps .sub_section .sub_section_heading {
        padding: 0 0 40px 0;
    }
    #sections_mobile_apps .sub_section .sub_section_heading img {
        margin: 0 auto 5px;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 640px) {
    .portfolio_item .wrapper_info {
        display: block;
    }
    .portfolio_item .info_row {
        display: block;
    }
    .portfolio_item .info {
        display: block;
        width: 100%;
    }
    .portfolio_item .image {
        display: block;
        width: 100%;
    }
    .portfolio_item .categories {
        width: 80%;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 560px) {
    #services h1:before {
        width: 25%;
    }
    #services h1:after {
        width: 25%;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.blog {
        padding: 20px 20px 40px 20px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.careers #intro h1 {
        font-size: 56px;
        line-height: 46px;
        margin-bottom: 38px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.values #intro h1 {
        font-size: 56px;
        line-height: 46px;
        margin-bottom: 38px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.products_services #intro h1 {
        font-size: 56px;
        line-height: 46px;
        margin-bottom: 38px;
    }
    #content.products_services .section.alt .col {
        float: none;
        width: 100%;
        margin: 0;
    }
    #content.products_services .section.alt .col ul li {
        text-align: center;
    }
    #content.products_services .section.alt .col ul li:last-child {
        border-bottom: 1px solid #5e5e5e;
    }
    #content.products_services .section.alt .col:last-child ul li:last-child {
        border-bottom: none;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #header.about #intro h1 {
        font-size: 56px;
        line-height: 46px;
        margin-bottom: 25px;
    }
    #header.about #intro h2 {
        font-size: 27px;
        line-height: 26px;
        margin-bottom: 38px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #content.testimonials .section .content:before {
        font-size: 210px;
        margin-bottom: -22px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #portfolio_instructions {
        font-size: 19px;
        line-height: 24px;
    }
    #tabs .tab .tab_int a.more {
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 480px) {
    #services h1:before {
        width: 18%;
    }
    #services h1:after {
        width: 18%;
    }
    #portfolio_items a.item {
        width: 240px;
        height: 240px;
        margin: 10px 15px;
    }
    #portfolio_items a.item:hover span.info {
        margin-bottom: -236px;
    }
    #portfolio_items a.item:hover span.overlay {
        background-color: rgba(0, 0, 0, 0);
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-width: 380px) {
    #services h1:before {
        width: 15%;
    }
    #services h1:after {
        width: 15%;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-height: 900px) {
    #menu .info_alt {
        display: none;
    }
}

/* ------------------------------------------------------------------------------------------------ */

@media (max-height: 800px) {
    #menu_toggle {
        width: 40px;
        height: 35px;
        margin: 39px 28px 0 0;
    }
    #menu_toggle .bg {
        width: 40px;
        height: 35px;
    }
    #menu_toggle .ico_menu {
        width: 40px;
        height: 35px;
    }
    #menu_toggle .ico_close {
        width: 40px;
        height: 35px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #menu_bg {
        top: 30px;
        right: 10px;
        width: 283px;
        height: 474px;
    }
    #menu {
        width: 283px;
        margin: 15px 10px 0 0;
        padding: 24px;
    }
    #menu #languages {
        top: 3px;
        right: 24px;
    }
    #menu #languages li {
        margin: 0 0 0 10px;
    }
    #menu #languages li a {
        font-size: 14px;
    }
    #menu .mlp_language_box {
        top: 3px;
        right: 24px;
    }
    #menu .mlp_language_box ul li {
        margin: 0 0 0 10px;
    }
    #menu .mlp_language_box ul li a {
        font-size: 14px;
    }
    #menu #navigation {
        margin: 80px 0 0 0;
    }
    #menu #navigation li a {
        font-size: 20px;
        line-height: 28px;
    }
    #menu #navigation li ul {
        margin: 0 0 10px 0;
    }
    #menu #navigation li ul li {
        font-size: 14px;
        line-height: 20px;
    }
    #menu #navigation li ul li a {
        font-size: 14px;
        line-height: 20px;
    }
    /* ------------------------------------------------------------------------------------------------ */
    #menu .info {
        font-size: 14px;
        line-height: 17px;
        padding: 27px 0;
    }
    #menu .info > div {
        width: 252px;
    }
    #menu .email {
        padding: 11px 0 0 0;
    }
    #menu .address {
        padding: 11px 0 0 0;
    }
    #menu .info .fa {
        font-size: 21px;
        left: 36px;
    }
    #menu .email .fa-envelope {
        font-size: 17px !important;
    }
    #menu .info .fa {
        margin-top: 0;
    }
    #menu .social a {
        margin: 0 0 0 5px;
    }
}