/******************/
/****RESPONSIVE****/
/******************/
/*nav bt*/
#navtop_bt{
    order: 1;
    display: none;
    box-sizing: border-box;
    width: 26px;
    height: 15px;
    margin: auto 20px auto auto;
    cursor: pointer;
    position: relative;
    z-index: 888;
}
#navtop_bt_span{
    display: block;
    width: 26px;
    height: 15px;
    background: var(--bleu);
    margin: auto;
    position: relative;
}
#navtop_bt_span:before,
#navtop_bt_span:after{
    content: '';
    display: block;
    width: 26px;
    height: 6px;
    background: var(--wh);
    position: absolute;
    transition: all 0.3s;
}
#navtop_bt_span:before{
    top: 1px;
}
#navtop_bt_span:after{
    bottom: 1px;
}
.bt_navtop_hover #navtop_bt_span,
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
    transition: all 0.3s;
}
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
    width: 30px;
    height: 1px;
    background: var(--bleu);
}
.bt_navtop_hover #navtop_bt_span{
    background: none;
}
.bt_navtop_hover #navtop_bt_span:before{
    transform: rotate(45deg);
    top: 8px;
}
.bt_navtop_hover #navtop_bt_span:after{
    transform: rotate(-45deg);
    bottom: 6px;
}

@media screen and (max-width: 1440px){
    .container,
    .widzmain{
        width: auto;
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 1280px){
    .page_wizsidebar_main {
        gap: 28px;
    }
    .page_wizsidebar_side {
        width: 255px;
    }
    .page_wizsidebar_side_content {
        width: 255px;
        padding: 40px 26px;
    }
    .page_double_content_strap {
        gap: 28px;
    }
    .page_double_content_single_main {
        display: block;
        padding: 20px;
    }
}

@media screen and (max-width: 980px){
    #logo {
        width: 110px;
    }
    #header_baseline {
        line-height: 19px;
        font-size: 12px;
    }
    #navtop_bt{
        display: block;
    }
    .header_in_action #navtop_bt{
        margin-top: 20px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .bt_navtop_hover #navtop_bt_span:before,
    .bt_navtop_hover #navtop_bt_span:after {
        background: var(--wh);
    }
    #navtop_strap{
        display: none;
    }
    .header_in_action #navtop_strap{
        display: block;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 15%;
        z-index: 8888;
    }
    #navtop_strap .widzmain{
        margin: unset;
    }
    .navtop ul {
        display: block;
        padding: 40px
    }
    .navtop ul li:not(.spe) {
        display: block;
    }
    .navtop ul li:not(.spe):hover {
        background: unset;
    }
    .navtop ul li:not(.spe):first-child,
    .navtop ul li:not(.spe) {
        margin: 0;
    }
    .navtop ul li.spe {
        display: inline-block;
        width: 40px;
    }
    .navtop ul li.spe.search {
        margin-left: 0;
    }
    .navtop ul li a {
        padding: 12px 0;
    }
    .navtop ul li.menu-item-has-children > a {
        margin-right: 60px;
    }
    .navtop ul ul{
        display: block;
        width: auto;
        padding: 0 0 0 20px;
        background: unset;
        opacity: unset;
        position: relative;
        top: unset;
        left: unset;
    }
    .navtop ul ul li a:hover {
        color: unset;
    }
    #searchform_block{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 99999;
    }
    #searchform {
        width: 260px;
        margin: 0 auto;
    }
    .home_thema_strap.widzmain,
    .home_new_strap_content.widzmain{
        margin-right: 10px;
        margin-left: 10px;
    }
    .list_single_mozaik {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 10px;
    }
    .list_single_mozaik_single {
        width: 290px;
        padding: 21px 20px 80px;
    }
    .list_single_mozaik_single_pic{
        width: 230px;
    }

    .home_observat_strap_content {
        flex-wrap: wrap;
        padding: 0;
    }
    .home_observat_strap_hentry_block {
        order: 1;
        width: 100%;
        max-width: unset;
    }
    img.home_observat_strap_pic {
        order: 2;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        object-fit: unset;
        position: relative;
        top: unset;
        bottom: unset;
    }
    .tdb_list_single {
        width: 260px;
    }
    .tdb_list_single_pic_strap{
        width: 220px;
    }
    .page_wizsidebar_side,
    #page_wizsidebar_side_content{
        display: none;
    }
    .page_wizsidebar_content {
        flex: unset;
        width: 100%;
    }
}

@media screen and (max-width: 880px){
    #header_content{
        background: none;
    }
    #header_baseline {
        position: absolute;
        top: -99999px;
        left: -99999px;
    }
    .home_big_title {
        line-height: 28px;
        margin-bottom: 24px;
        font-size: 24px;
    }
    .home_observat_strap .home_big_title {
        padding: 13px 0 13px 75px;
    }
    .home_observat_strap .home_big_title::before {
        width: 55px;
        height: 55px;
        background-size: 60% auto;
    }
    .page_double_content_single {
        flex: unset;
        width: 100%;
    }
    .home_observat_strap_hentry_block {
        padding: 30px 20px;
    }
    .home_observat_strap .home_big_title{
        padding: 75px 0 0;
    }
    .home_observat_strap .home_big_title::before {
        margin: 0 auto auto;
        top: 0;
        right: 0;
        left: 0;
    }
    .home_new_strap {
        display: block;
        padding: 39px 0 45px;
        background: var(--bleuclair);
        margin-bottom: 54px;
    }
    #newsletter{
        padding: 0!important;
    }
}