@media (max-width:1300px) {
    :root {
        --content-size: auto;
    }
}


@media (min-width: 1020px) {
    .sidebar .sidebar-item{position: absolute;top: 0;left: 0;width: 100%; height: 25%;}
    .sidebar .sidebar-item:nth-child(1){top: 0;}
    .sidebar .sidebar-item:nth-child(2){top: 25%;}
    .sidebar .sidebar-item:nth-child(3){top: 50%;}
    .sidebar .sidebar-item:nth-child(4){top: 75%;}
    .sidebar .sidebar-item>div{position: sticky;top: 0;}
}

@media (max-width:1020px) {
    .header-els .logo {
        padding-left: 10px;
    }
    .header-els .nav {
        display: none;
    }
    .header-els .mobile-mnu-btn {
        display: block;
        text-align: right;
        padding-top: 5px;
    }
    html, body.arz-body{overflow-x: hidden !important; }
    body:not(.mobile-menu-opened) header.fixed-header.down  .header-els .mobile-mnu-btn{display: none; }

    header{position: absolute; top: 0; left: 0; right: 0; z-index: 5;}

    body.logged-in header{top: 46px;}

    .header-els .mobile-mnu-btn>div{display: inline-block; }
    .main-banner div{width: auto;}
    article.single h1{font-size: 25px; }
    article.single h2{font-size: 22px; margin-top: 40px;}

    #mobile-menu {
        display: block;
        position: fixed;
        left: -5000px;
        width: 100%;
        overflow: hidden;
        background: #fff;
        z-index: 99;
        padding: 20px;
        transition: left 0.2s ease, opacity 0.2s ease;
        opacity: 0;
        box-shadow: -1px 10px 8px 0px rgba(0,0,0,0.5);
        top: 54px;
        max-height: calc(100vh - 80px);
        overflow-y: scroll;
    }
    body.logged-in  #mobile-menu{top: 100px; max-height: calc(100vh - 100px);}
    body.logged-in.o-down #mobile-menu{top: 54px;}
    body.mobile-menu-opened{overflow: hidden; }

    #mobile-menu.opened{ display: block; left: 0; opacity: 1;}
    #mobile-menu ul{list-style: none; margin: 0; padding: 0;  }
    #mobile-menu ul li{margin: 0; padding: 0; border-bottom: 1px solid #DEDEDE; }
    #mobile-menu ul li:last-child{border-bottom: none;}
    #mobile-menu li a{display: block; margin: 0; padding: 10px; color: black;  font-weight: bold; text-decoration: none; position: relative;}
    #mobile-menu ul li ul{display: none;}
    #mobile-menu ul li ul a{font-weight: normal; }
    /*#mobile-menu li.menu-item-has-children>a::after{content: "\f078";font-family: "Font Awesome 6 Pro";font-size: 20px; position: absolute; color: black; right: 10px; top: 6px; transition: transform 0.2s ease;}*/
    #mobile-menu li.menu-item-has-children>a::after{content: ""; width: 20px; height: 30px; position: absolute; color: black; right: 10px; top: 6px; transition: transform 0.2s ease; background-image: url(../img/icons/menu-arrow.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }
    #mobile-menu li.menu-item-has-children.opened>a::after{ transform: rotate(180deg);}
    #mobile-menu li.menu-item-has-children.opened ul{display: block; padding-left: 20px;}

    #main-container{padding: 10px 20px 0 20px; }

    .post-list{
        grid-template-areas:
        "div1 div1 div1 div1"
        "div1 div1 div1 div1"
        "div2 div2 div3 div3"
        "div4 div4 div5 div5"
        "div6 div6 div7 div7";
    }
    .post-list .div6, .post-list .div7{display: none;}
    .post-list.post-list-main article.div1 h2 a{font-size: 20px; line-height: 25px; height: auto;}
    .post-list article h2 a{font-size: 12px; line-height: 15px; height: 45px;}
    .post-list article .cat{font-size: 12px; }
    .post-list.post-list-main article.div1 .cat{font-size: 13px; }

    .post-list.post-list-main .div1 .img a{margin: 0 -20px;width: calc(100% + 40px);display: block;}
    .post-list.post-list-main .div1 p{display: none !important; }

    .post-list-most-popular>.post-list{display: block; }
    .post-list-most-popular>.post-list article>.c{display: table; margin-bottom: 20px; width: 100%;}
    .post-list-most-popular>.post-list article>.c>div{display: table-cell; vertical-align: middle; }
    .post-list-most-popular>.post-list article>.c>div.img{width: 110px; background-color: transparent; }
    .post-list-most-popular>.post-list article>.c>div.img img{width: 100%; aspect-ratio: 110/70;}
    .post-list-most-popular>.post-list article>.c>div.cont{padding-left: 20px;}
    .post-list-most-popular>.post-list article>.c>div.cont .cat{margin-top: 0; }
    .post-list-most-popular .post-list article h2{margin-bottom: 0; }

    .post-list.post-list-small article>.c{display: table; margin-bottom: 20px; width: 100%;}
    .post-list.post-list-small article>.c>div{display: table-cell; vertical-align: middle; }
    .post-list.post-list-small article>.c>div.img{width: 150px; background-color: transparent; }
    .post-list.post-list-small article>.c>div.img img{width: 100%; aspect-ratio: 150/85;}
    .post-list.post-list-small article>.c>div.cont{padding-left: 20px;}
    .post-list.post-list-small article>.c>div.cont .cat{margin-top: 0; }
    .post-list.post-list-small article h2{margin-bottom: 0; }
    .post-list.post-list-small article p{display: none !important;}

    .post-list-most-popular>h4{font-size: 17px;padding: 0 0 2px 0;}
    .post-list-most-popular .post-list article h2 a{font-size: 12px;}
    .post-list.post-list-small h2 a{font-size: 12px; line-height: 15px; max-height: 45px; height: auto; }
    .post-list.post-list-small article>.c{margin-bottom: 0; }
    .post-list.post-list-small .div1 h2, .post-list.post-list-small .div6 h2{margin-bottom: 20px;}

    body .horoskop-signs .signs{white-space: nowrap; overflow-x: scroll;}
    body .horoskop-signs .sign{width: auto; margin-right: 20px;}

    .cont-wit-sidebar{display: block;}
    .cont-wit-sidebar .cont{margin-bottom: 20px;}
    .calc-sidebar, .post-list-most-popular{margin: 0 -20px;}

    .post-list.post-list-small.md2{grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "div1 div1"
            "div2 div3"
            "div4 div5"
            "div6 div6"
            "div7 div8"
            "div9 div10"
            /*"div11 div11"
            "div12 div13"
            "div14 div15"
            "div16 div17"*/
        ;
    }
    .post-list.post-list-small.md2 article>.c{display: block;}
    .post-list.post-list-small.md2 article>.c>div{display: block; width: auto !important; padding-left: 0 !important;}
    .post-list.post-list-small.md2 article.div1{width: 100%; }
    .post-list.post-list-small.md2>article.div1{grid-area: div1 !important;}
    .post-list.post-list-small.md2>article.div2{grid-area: div2 !important;}
    .post-list.post-list-small.md2>article.div3{grid-area: div3 !important;}
    .post-list.post-list-small.md2>article.div4{grid-area: div4 !important;}
    .post-list.post-list-small.md2>article.div5{grid-area: div5 !important;}
    .post-list.post-list-small.md2>article.div6{grid-area: div6 !important; display: block;}
    .post-list.post-list-small.md2>article.div7{grid-area: div7 !important; display: block;}
    .post-list.post-list-small.md2>article.div8{grid-area: div8 !important;}
    .post-list.post-list-small.md2>article.div9{grid-area: div9 !important;}
    .post-list.post-list-small.md2>article.div10{grid-area: div10 !important;}
    /*.post-list.post-list-small.md2>article.div11{grid-area: div11 !important;}
    .post-list.post-list-small.md2>article.div12{grid-area: div12 !important;}
    .post-list.post-list-small.md2>article.div13{grid-area: div13 !important;}
    .post-list.post-list-small.md2>article.div14{grid-area: div14 !important;}
    .post-list.post-list-small.md2>article.div15{grid-area: div15 !important;}
    .post-list.post-list-small.md2>article.div16{grid-area: div16 !important;}*/

    .post-list.post-list-small.md2>article.div1 h2 a,
    .post-list.post-list-small.md2>article.div6 h2 a/*,
    .post-list.post-list-small.md2>article.div11 h2 a*/
    {font-size: 20px; line-height: 25px; max-height: 50px; height: auto;}


    .et-row.usporedba > .et-col:first-child{width: 100px;}
    .et-row.usporedba h2{font-size: 16px;}
    .et-row.usporedba .m-button{text-align: right;}
    .et-row.has-et-blurb{display: grid;grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
    .pagination a, .pagination span{display: none;}
    .pagination a.prev, .pagination a.next{display: inline-block; }

    .et-row.usporedba.product, .et-row.usporedba.product>div{display: block; width: auto !important;}
    .et-row.usporedba.product .et-col{padding: 10px 20px;}
    .et-row.usporedba.product .m-image{display: block; text-align: center; }
    .et-row.usporedba.product .m-image img{width: 120px; min-width: 120px;}
    .et-row.usporedba.product .m-button{text-align: left;}


    .nf-404, .nf-404>div{display: block; width: auto !important; text-align: center; }
    .nf-404 h1{font-size: 80px;;}
    .nf-404 h2{font-size: 23px; }

    .et-contact-form input[type=text]{width: 100%; }
    .et-contact-form #et-contact-name{margin-bottom: 20px;}


    header .logo a img{max-width: 100%;}
    footer{margin-top: 80px;}
    footer .igs-ntf{top: -65px;}

    body #cookie-notice{width: 95%;}

    .single-related article.div1 h2 a{font-size: 12px !important;line-height: 15px  !important;height: auto !important; max-height: 45px  !important;}
    .single-related.newest .post-list{grid-template-rows: auto;
        grid-template-areas:
        "div1"
        "div2"
        "div3"
        "div4";
        grid-template-columns: 100%;
    }
    .single-related.newest .post-list article .c{
        display: grid;
        grid-template-columns: 85px auto;
        grid-template-rows: 1fr;
        gap: 20px;
        grid-template-areas:
        "img cont";
    }
    .single-related.newest.no-img article .c{grid-template-areas:"cont"; grid-template-columns: auto; }
    .single-related.newest.no-img article .img{display: none; }
    .single-related.newest article .img { grid-area: img; }
    .single-related.newest article .img img{aspect-ratio: 1/1; object-fit: cover; }
    .single-related.newest article .cont { grid-area: cont; }
    .single-related.newest article .cont .cat{margin: 0 0 10px 0;}


    .single-related.p-rel .post-list.post-list-small.md2{grid-template-areas: "div1 div2"; }
    .single-related.p-rel .post-list.post-list-small.md2 article>.c{margin-bottom: 0;}
    .single-related.p-rel .post-list.post-list-small.md2 h2 a{height: auto; max-height: 45px;}

    ins#google_pedestal_container {
        display:none!important;
    }

    .respo-table{overflow-x: scroll; max-width: calc(100vw - 80px);}
    .respo-table>table{min-width: 800px;}
}

@media (max-width:850px) {

    body #cookie-notice .cookie-notice-container{padding-bottom: 55px; padding-left: 80px;}
    body #cookie-notice a{top: auto !important; bottom: 15px;}
    body #cookie-notice .cookie-notice-container a{padding: 0 30px; min-width: 50px;}
    body #cookie-notice .cookie-notice-container a#cn-accept-cookie{left: 80px; right: auto;}
    body #cookie-notice .cookie-notice-container a#cn-more-info{left: 175px; right: auto; }

    article.single .et-text h2:first-child{margin-top: 8px;}
    .post-list.post-list-main{gap: 10px 20px;}
    .post-list.post-list-main .div1 h2{margin-bottom: 20px;}
    .post-list.post-list-main not(.div1) h2 a{height: auto; max-height: 45px;}

    body #f-calc-container #value-display{font-size: 12px !important; padding: 0 10px !important;}

    .wLtQ8SjF, .Fs8LVv2y, .XjZLNxXF, .google-auto-placed{max-width: 300px;}

    .single-related.newest .post-list.post-list-small .div1 h2{margin-bottom: 0;}
}

@media (max-width:780px) {
    .logged-in header.fixed-header{top: 0px;}
}

@media (max-width:450px) {
    footer{margin-top: 100px;}
    footer .igs-ntf{top: -80px;}
}