/*Intersection Observer doesn't work with display:none*/
@media screen and (min-width:1025px){
    .hide-desktop{
        width:0!important;
        height:0!important;
        padding:0!important;
        visibility:hidden!important;
        margin:0!important;
        display:table-column!important
    }
}
@media (min-width:681px) and (max-width:1024px){
    body:not(.touch) .hide-tablet{
        width:0!important;
        height:0!important;
        padding:0!important;
        visibility:hidden!important;
        margin:0!important;
		display:table-column!important
    }
}
@media (min-width:681px) and (max-width:1024px) and (orientation:portrait){
    .hide-tablet{
        width:0!important;
        height:0!important;
        padding:0!important;
        visibility:hidden!important;
        margin:0!important;
        display:table-column!important
    }
}
@media screen and (min-width:681px) and (max-width:1024px) and (orientation:landscape){
    .hide-tablet_landscape{
        width:0!important;
        height:0!important;
        padding:0!important;
        visibility:hidden!important;
        margin:0!important;
        display:table-column!important
    }
}
@media screen and (max-width:680px){
    .hide-mobile{
        width:0!important;
        height:0!important;
        padding:0!important;
        visibility:hidden!important;
        margin:0!important;
        display:table-column!important
    }
}