/*
Theme Responsive styles
*/

@media (max-width: 368px){
    .menu_btn{
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}

/* small (.col-sm)*/
@media (min-width: 576px){

}

/* medium (.col-md)*/
@media (min-width: 768px){
    :root{
        --header-height: 80px;
    }
    header{
        border-bottom: 10px solid var(--theme-primary-color);
    }
    .header_logo img{
        height: auto;
    }


    #hp-slider .slide_area_content {
        height: calc(70vh - var(--header-height));
        /*min-height: 500px;*/
    }
}

/* large (.col-lg)*/
@media (min-width: 992px){
    :root {
        --header-height: 140px;
    }

    #desk_menu {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
    }
    #desk_menu ul{
        margin: 0;
    }
    #desk_menu  li{
        display: inline-block;
        margin-right: 10px;
    }
    .search_btn{
        vertical-align: middle;
        display: inline-block;
    }
    .search_btn .input-group-text{
        border-radius: 30px 0 0 30px;
        background-color: var(--main_bg);
        color: #fff;
        border: none;
    }

    .search_btn input, .search_btn input:focus{
        border-radius: 0 30px 30px 0;
        background-color: var(--main_bg);
        color: #fff;
        box-shadow: none;
        border: none;
    }
    .hp-box .box-tit {
        font-size: 36px;
        line-height: 38px;
    }

}

/* extralarge (.col-xl)*/
@media (min-width: 1200px){
    #hp-slider .slide_area_content {
        height: calc(80vh - var(--header-height));
        /*min-height: 500px;*/
    }
    #hp-slider .slide_area_content.video_bg {
        height: auto;
        max-height: calc((100vw * (9 / 16) ) - var(--header-height));
    }

    #desk_menu {
        font-size: 16px;
    }
    #desk_menu  li{
        margin-right: 20px;
    }
    #desk_menu  li.current_page_item a, #desk_menu li.current-page-ancestor a{
        color: var(--theme-primary-color);
    }
    ul.sel_lang {
        padding-left: 1rem;
    }

    #page_slide {
        height: 60vh;
    }
    .hp-box .box-tit {
        font-size: 42px;
        line-height: 48px;
    }
}

/* extraextralarge (.col-xxl)*/
@media (min-width: 1400px){
    :root {
        /*--header-height: 130px;*/
    }
    /*#desk_menu {*/
    /*    font-size: 14px;*/
    /*}*/
}


/*
    VIDEO EMBEDS Responsive
*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
    VIDEO WP Responsive
*/
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}