@media (min-width: 641px) and (max-width: 1025px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .grid__sizer,
    .grid__item,
    .grid__item--size-a {
        width: 50%;
        padding: 0;
    }

    .grid {
        margin: 5px auto 0;
    }

    .header-bar {
        padding-left: 0;
        text-align: left;
        position: relative;
        background: rgba(255,255,255,0.4);
        float: none !important;
        height: 73px;
    }

    .header-bar:before {
        background: inherit;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
    }

    .balloon-login {
        width: 40%;

    }

    button.button.sidemenu.logout {
        width: 40%;
    }


    @keyframes slidein { /* flame pulses */
        0%   {right:-50% }
        100% { right:0%; }
    }
    @keyframes slideout { /* flame pulses */
        0%   { right:0%; }
        100% { right:-50%; }
    }

    .balloon-dates {

        right: 10px;
    }

    .balloon-dates .spigolo-fumetto {

        right: 5%;
    }

    drawer {

        width: 45%;
    }

    drawer.right {

        top: 70px;
    }
    drawer ion-content.scroll-content.ionic-scroll.has-header {
        top: 63px;
    }
    .list ion-item {
        text-align: right;
        font-size: 16px;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    .toggle-drawer-side-menu .bar .button, .bar button {
        z-index: 1;
        padding: 0 8px;
        min-width: initial;
        height: 63px;
    }

    .toggle-drawer-side-menu span {
        font-size: 16px;
        letter-spacing: 0.6px;
        position: absolute;
        right: 50px;
    }

    .toggle-drawer-side-menu i {
        float: right;
        padding-right: 10px;
    }

    .selected-filter span {
        font-size: 16px;
        letter-spacing: 0.6px;
    }
    .filter__new {
        position: absolute;
        right: 0;
        width: 40%;
        height: 100vh;
        display: block;
        background-color: rgba(255, 255, 255, 0.89);
        top: 0px;
        left: 60%;

        transition: transform 0.5s ease-in-out;
        z-index: 999999;
        box-shadow: -16px 0 20px 0 rgba(0, 0, 0, 0.15), 0 0 20px 0 rgba(0, 0, 0, 0.18);
    }
    .filter__new.side_close {
        transform: translateX(120%);
        opacity: 0;
    }
    .selected-filter {

        right: 10%;

    }
    .filter__new .button {
        display: block;
        height: 63px;
        border-radius: 0;
        background-color: #f48400;
        color: white;
    }
    .slider__filter {
        display: block;
        position: absolute;
        width: 6%;
        right: 0;
        color: white;
        font-size: 20px;
        line-height: 59px;
        height: 63px;
    }
    .header-bar .back-to-categories {

        width: 30%;
    }
    .media-boxes-filter > li {
        display: flex; /*display: block;*/
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        margin: 0;
        font-size: 13px;
        letter-spacing: 0.3px;
        color: #252525;}

    .IE-engine .media-boxes-filter > li {
        display: flex; /*display: block;*/
        display: -ms-flexbox;
        -ms-flex-align: center;
        /*text-align: center;*/
    }

    .media-boxes-filter > li a {

        color: black;
        /* nomi lunghi */
        letter-spacing: 1px;
        line-height: 21px;
        margin: auto 0 auto auto;

    }

    .IE-engine .media-boxes-filter > li a {


        margin: auto 0 auto auto;
        justify-content: center;
        align-items: center;
    }


    .media-boxes-filter {
        text-align: right;
        margin: 60px auto !important;
        height: auto;
        overflow-y: scroll;
    }
    .IE-engine .media-boxes-filter {
        width: 100%;
        height: calc(100% - 123px);
    }


    /** da prendere **/
    .wrap__scroll {
        height: calc(100% - 73px);
        overflow-y: auto;
        z-index: -1;
        display: block;
        position: relative;
    }
    /** da prendere **/
    .line__category {
        display: block;
        position: absolute;
        height: 100%;
        width: 6px;
        background-color: #f48400;
        top: 0;
        right: 0;
    }

    .circle__container{
        display: flex;
        width: 30px;
        height: 100%;
        position: absolute;
    }

    .IE-engine .circle__container{
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
        text-align: center;
        position:relative;
    }

    .circle {
        float: left;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid gray;
        margin: auto;
    }

    .IE-engine .circle{
        margin: auto;
        justify-content: center;
        align-items: center;
    }

    /* css categorie */


    .proposedCategCont {

        width: 90vw;

    }

    .showMoreContainer {
        position: absolute;
        bottom: 3vh;
        left: 1vw;
        width: 11vw;
    }

    .showMore {
        font-size: 0.9em;
        text-transform: uppercase;
    }
    .modal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: auto;

    }
    .wrapConfirmEmail .wrapimg-modal-confirm{
        width: 25%;
    }



    .detailsBtn {
        width: 128px;
        font-size: 14px;
        background-color: white;
        border: 0;
        text-transform: uppercase;
        border-radius: 2px;
        letter-spacing: 0.5px;
    }
    .landscape.detailsBtnCont {
        position: relative;
    }

    .landscape .detailsBtn {
        position: relative;
    }



    .menuButton i {
       margin: auto;
    }


    /*****  multiscroll.js  **********/
    #multiscroll-nav {
        position: fixed;
        z-index: 3;
        margin-top: -18vh !important;
        top: 15vh;
        opacity: 1;
    }
    #multiscroll-nav.right {
        right: -25px;
    }

    #multiscroll-nav ul{
        margin: 0;
        padding: 0;
        list-style-type: square;
        height: 100vh;
        top: 4vh;
        position: relative;
    }
    #multiscroll-nav li{
        display: block;
        width: 50px;
        height: 50px;
        margin: 7px;
        margin-top: 2vh;
        margin-bottom: 0px;
        position:relative;
    }

    #multiscroll-nav li .active span{
        width: 13px;
        height: 13px;
    }
    #multiscroll-nav span{
        width: 13px;
        height: 13px;
    }

    .verticalLine {
        border-right: 2px solid white;
        right: 22.5px;
    }

    /******* end multiscroll *****************/
    .no-tablet{display: none;}
    .no-tablet-flex{display: none;}
    .tablet {display: flex}
    .tablet.mobile .login-button {
        margin: auto 0 auto auto;}


    .count__notification {
        position: absolute;
        display: flex;
        left: 22px;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        background-color: red;
        color: white;
        top: 0;
    }
    .count__notification span {
        margin: auto;
        font-size: 13px;
        display: block;
    }

    ion-content .media-boxes-no-more-entries{
        width: 50%;
    }
    .tips__invio {

        width: 15%;

    }

    .search-tag-container {
        width: 20%;

    }
    .tips__invio span.search__tips{display: none}
    .search-bar .search-input-container {

        flex: 2;
    }

}
@media (max-height: 450px)  and (orientation: landscape)  {

    .verticalLine {
        display: none !important;
    }
    #multiscroll-nav {
        display: none !important;
    }
    h2.proposedCategTitle {
        font-weight: bold;
        font-size: 2.2em;
        margin: 0;
        color: white;
    }
    h4.proposedCategDesc {
        font-size: 1em;
        color: white;
        margin-top: 1.5vh;
    }
    .categSlide {
        padding: 2vh 0.1vw;
        position: relative;
        width: 464px;
        height: 83vh;
        left: 0;
        right: 0;
        margin: auto;
    }
    .slick-initialized .slick-slide {
        display: block;
        width: 90vw !important;
    }
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        left: 0;
        display: block;
    }

    .didascalia {
        max-width: 464px !important;
        margin: 10px auto 0 auto !important;
    }

    .footer-custom {
        height: 820px !important;
    }

    ion-content .media-boxes-load-more-button{
        width: 80%;
    }
    .login.wrapConfirmEmail {

        display: flex;
    }
    .wrapConfirmEmail .wrapimg-modal-confirm {

        display: inline-block;
        width: 20%;
        margin: auto 0;
    }
    .titleEmail{
        margin: auto;
    }
    .search-bar .search-input-container {

        flex: 2;
    }
    .search-tag-container {

        flex: 1;
    }



}
@media (min-device-width : 768px)and (max-device-width : 1024px) and (orientation : landscape) {
    .filter__new {

    width: 40% !important; }
    .search-bar .search-input-container {

        flex: 2;
    }
    .search-tag-container {

        flex: 1;
    }


}