@media screen and (max-width: 1199px) {

    header .header_wrapper .logo_wrapper { padding-left: 10px; }
    header .header_wrapper { width: 100%; }

    .content_wrapper .cnt { width: var(--width_full); margin: 88px auto 0 auto; padding: 0 10px; }
    footer { padding: 35px 10px; }
        footer .footer_cnt { width: 100%; }

    .nav { display: none !important; }

    .nav_mobile { display: block; }

    .mobile_menu_wrapper { position: fixed; right: 0px; padding-top: 50px; top: 0; transform: translateX(300px); width: 300px; z-index: 2; background-color: rgba(0, 0, 0, 0.80); transition: all 0.3s; height: 100%; overflow-y: auto; }

    .nav_mobile .mobile_menu_indicator { display: block; position: absolute; top: 30px; right: 20px; z-index: 11; cursor: pointer; width: 30px; height: 24px; text-align: center; text-transform: uppercase; background-color: transparent !important; }
        .nav_mobile .mobile_menu_indicator:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; }
        .nav_mobile .mobile_menu_indicator:after { content: ''; position: absolute; top: 10px; left: 0; width: 100%; height: 4px; }
        .nav_mobile .mobile_menu_indicator br { line-height: 180%; }

        .nav_mobile .mobile_menu_indicator.dark { border-bottom: 4px solid var(--navy_green); color: var(--navy_green); font-size: 12px; }
            .nav_mobile .mobile_menu_indicator.dark:before { background: var(--navy_green); }
            .nav_mobile .mobile_menu_indicator.dark:after { background: var(--navy_green); }

        .nav_mobile .mobile_menu_indicator.light { border-bottom: none; color: var(--bronza); font-size: 12px; }
            .nav_mobile .mobile_menu_indicator.light:before { background: var(--bronza); top: 10px; transform: rotate(45deg); }
            .nav_mobile .mobile_menu_indicator.light:after { background: var(--bronza); transform: rotate(-45deg); }

        .mobile_menu_wrapper .langs_wrapper .lang_item { color: #fff; }
            .mobile_menu_wrapper .langs_wrapper .lang_item.active { color: var(--bronza); }
}

@media screen and (max-width:960px) {
    
    .portfolio_gallery .portfolio_gallery_image { width: 50%; height: 300px; }
}

@media screen and (max-width: 720px) {
    .owl-carousel .owl-item .item_desc h1 { font-size: 42px; color: #fff; }
    .owl-carousel .owl-item .item_desc h4 { font-size: 18px; color: #fff; }

    .about_us_def_item .item_title { font-size: 26px; }

    .about_us_def_item .item_text { font-size: 16px; }
}

@media screen and (max-width: 500px) {

    .section_title { font-size: 26px; }

    .owl-carousel .owl-item .item_desc h1 { font-size: 32px; color: #fff; }
    .owl-carousel .owl-item .item_desc h4 { font-size: 14px; color: #fff; }

    .about_us_def_item .item_image_wrapper { width: 100%; float: left; }

    .about_us_def_item .item_title { font-size: 26px; }

    .about_us_def_item .item_text { font-size: 16px; }

    .portfolio_gallery .portfolio_gallery_image { width: 100%; height: 300px; }
}

@media screen and (max-width: 400px) {

    .section_title { font-size: 18px; }

    .owl-carousel .owl-item .item_desc h1 { font-size: 22px; color: #fff; }
    .owl-carousel .owl-item .item_desc h4 { font-size: 12px; color: #fff; }

    .about_us_def_item .item_title { font-size: 18px; }

    .about_us_def_item .item_text { font-size: 14px; }

    .selected_material_title { font-size: 18px; }
}

@media screen and (max-width: 320px) {
    .section_title { font-size: 16px; }
}

@media screen and (max-width: 300px) {
}