/*
Theme Responsive styles
*/

@media (max-width: 368px){

}

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

}

/* medium (.col-md)*/
@media (min-width: 768px){
    :root{
        --container: 720px;
    }

    #hp-slider .slide_area_content {
        height: calc(50vh - var(--header_height));
        /*min-height: 500px;*/
    }
    #hp-info .carousel-cell{
        max-width: 43%;
        margin-right: 30px;
    }

    .img_thumb_grid_wrapper {
        height: calc(80vw / 3);
    }
}

/* large (.col-lg)*/
@media (min-width: 992px){
    :root {
        --header_height: 185px;
        --container: 960px;
    }

    header .header-site_name h5{
        font-size: 1.25rem;
        font-weight: normal;
    }
    #hp-slider .slide_area_content {
        height: calc(70vh - var(--header_height));
        /*min-height: 500px;*/
    }
    #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;
    }
    .img_thumb_grid_wrapper {
        height: calc(80vw / 4);
    }
    .complessi-content{
        line-height: 1.8rem;
    }
}

/* extralarge (.col-xl)*/
@media (min-width: 1200px){
    :root{
        --container: 1320px;
    }
    #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((80vw * (9 / 16) ) - var(--header_height));
    }

    #desk_menu {
        font-size: 18px;
    }
    #desk_menu > li{
        margin-right: 70px;
    }

    ul.sel_lang {
        padding-left: 0;
    }

    #page_slide {
        height: 60vh;
    }
    .hp-box .box-tit {
        font-size: 42px;
        line-height: 48px;
    }
    .img_thumb_grid_wrapper {
        height: calc((var(--container) - 120px) / 4);
    }
}

/* 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;
}