@media screen and (max-width:1250px) {
    .gmr_floating{
        display: none;
    }
}
@media screen and (max-width:1100px) {
    .mainwrap {
        padding: 0 40px;
        max-width: 1100px;
    }
    .wrap-newsticker {
        margin: unset;
    }

    .fullbar {
        overflow: hidden;
    }

    #sliderpost {
        width: 100%;
    }

    .headlog {
        flex-direction: column;
        gap: 10px;
        place-content: center;
        padding: 10px 0;
    }

    .headlog .logo{
        text-align: center;
    }
    .headlog .logo b{
        background: linear-gradient(45deg, var(--primary), var(--secondary));
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
    }
    .headlog .logo span{
        display: none;
    }

    .headlog>a>img {
        max-width: 190px;
    }

    footer {
        padding: 50px 40px 20px;
        margin: 20px -40px 0;
    }

    /* 404 page */
    .wrap404 img{
        max-width: 400px;
    }
    .wrap404 > div {
        flex: 0 0 calc(100% - 420px);
    }
}

@media screen and (max-width:1000px) {
    .mainwrap{
        max-width: 100%;
    }
    .rightbar {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -340px;
        background: var(--txt-light);
        padding: 20px;
        width: 340px;
        transition: .5s ease-in-out;
        z-index: 3;
        box-shadow: 0 3px 4px 0 rgba(117, 117, 117, 0.15);
    }

    .button-sidebar {
        display: flex;
    }

    .inner-rightbar {
        overflow: auto;
        height: 100vh;
        height: 95vh;
        flex-direction: row;
    }

    .inner-rightbar::-webkit-scrollbar-track,
    .inner-rightbar::-webkit-scrollbar-thumb {
        display: none;
    }
    .hotwrap{
        width: 100%;
    }

    .leftbar {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #sliderpost .boxcard .box-thumb {
        flex: 0 0 50%;
    }

    #sliderpost .boxcard .boxcard_content {
        flex-basis: calc(100% - 50% - 15px);
    }

    #feattab .featured-cat-wrap .boxcard .box-thumb {
        flex: 0 0 230px;
    }

    .featured-video-wrap {
        grid-template-rows:30px 185px 185px;
    }

    .featured-video-wrap .boxcard .box-thumb {
        flex: 0 0 130px;
    }
    .featured-video-wrap .boxcard-float{
        grid-column: span 2;
        grid-row: 2 / 4;
    }
    .featured-video-wrap .boxcard-float .boxcard_content .box-title {
        -webkit-line-clamp: 2;
    }
    .featured-video-wrap .boxcard-float .box-excerpt{
        -webkit-line-clamp: 3;
    }
    #latest-news .boxcard-float {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    #latest-news .boxcard-float .box-thumb{
        height: 250px;
        flex-basis: 370px;
    }
    #latest-news .boxcard-float .boxcard_content{
        position: unset;
        flex-basis: calc(100% - 385px);
        padding: unset;
        background: unset;
    }
    #latest-news .boxcard-float .boxcard_content a,
    #latest-news .boxcard-float .boxcard_content .box-meta,
    #latest-news .boxcard-float .boxcard_content .box-title,
    #latest-news .boxcard-float .boxcard_content .box-excerpt{
        color: var(--txt-dark);
    }
    #latest-news .boxcard-float .cust__category{
        display: none;
    }

    #latest-news .boxcard-float .boxcard_content .box-title{
        font-size: 1.3em;
    }
    #latest-news .boxcard-float .box-excerpt,
    #latest-news .boxcard .box-excerpt{
        -webkit-line-clamp: 7 ;
    }

    /* 404 page */
    .wrap404 img {
        flex: 0 0 600px;
    }
    .wrap404 > div {
        flex: 0 0 calc(100% - 600px);
    }
}

@media screen and (max-width:900px) {
    
    /* 404 page */
    .wrap404 img{
        max-width: 100%;
    }
    .wrap404 > div {
        flex: 0 0 100%;
        text-align: center;
    }
}
@media screen and (max-width:850px) {
    .menu-open{
        display: flex;
        line-height: 50px;
        flex: 0 0 50px;
        place-items: center;
        place-content: center;
        position: relative;
        background: var(--secondary);
        margin-left: -20px;
    }
    .menu-open.aktif::before{
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        top: calc(100% + 1px);
        left: 15px;
        background-color: var(--primary);
        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    }
    .nav{
        position: absolute;
        top: 100%;
        left: 0;
        width: 300px;
        height: 300px;
        flex-direction: column;
        background:var(--primary);
        z-index: 3;
        padding: 10px;
        gap: 0;
        overflow: auto;
        display: none;
    
    }
    .nav li {
        padding: 0;
        line-height: 30px;
        width: 100%;
    }
    .nav > li:has(.active){
        background: none;
    }
    /* icon */
    .nav li .dropli{
        top: 15px;
    }
    .nav li ul {
        position: unset;
        width: 100%;
    }
    .nav li ul li ul{
        top:unset;
        left: unset;
        border-left: unset;

    }
    .nav > li ul{
        border-top: none;
        background: #ffffff31;
        border-left: 2px solid var(--secondary);
    }
    .nav ul ul{
        background: none;
    }
    ::-webkit-scrollbar{
        display: none;
    }
    
    .featured-post-wrap{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 380px 224px 224px 380px;
    }
    .featured-post-wrap .boxcard-float:first-child{
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }
    .featured-post-wrap .boxcard-float:last-child{
        grid-column: 1 / 3;
        grid-row: 4 / 5;
    }
}
@media screen and (max-width:800px) {
    .mainwrap {
        padding: 0 20px;
    }
    .wrap-newsticker {
        margin: 0 -20px;
    }

    header {
        margin: 0 -20px;
    }

    .baliho {
        padding: 0 20px;
    }

    #sliderpost .boxcard .box-thumb {
        flex: 0 0 300px;
    }

    #sliderpost .boxcard .boxcard_content {
        flex-basis: calc(100% - 315px);
    }
    
    footer {
        margin: 20px -20px 0;
    }
}
@media screen and (max-width:640px) {
    #sliderpost .boxcard {
        height: 400px;
    }

    #sliderpost .boxcard .box-thumb {
        flex: 0 0 100%;
    }

    #sliderpost .boxcard .boxcard_content svg {
        display: none;
    }

    #sliderpost .boxcard .boxcard_content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .85) 100%);
    }

    #sliderpost .boxcard .boxcard_content * {
        color: var(--txt-light);
    }

    #sliderpost .boxcard .boxcard_content .box-title {
        background-image: none;
        -webkit-background-clip: unset;
        background-clip: unset;
        -webkit-text-fill-color: unset;
    }

    #sliderpost .boxcard .boxcard_content .box-excerpt {
        -webkit-line-clamp: 3;
    }

    #sliderpost .boxcard .boxcard_content .link_404 {
        display: none;
    }

    .owl-dots {
        bottom: unset;
        left: 0;
        right: 0;
        bottom: -30px;
    }

    .featured-cat-wrap .boxcard-list .box-thumb {
        flex: 0 0 150px;
        height: 150px;
    }

    .featured-cat-wrap .boxcard-list .boxcard_content {
        flex: 0 0 calc(100% - 150px);
    }

    .featured-cat-wrap .boxcard-list .boxcard_content .box-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    #feattab .featured-cat-wrap {
        display: flex;
        flex-direction: column;
    }

    #feattab #viewcat {
        position: unset;
        bottom: unset;
        Left: unset;
        margin-top: 20px;
    }

    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard-float .box-thumb,
    .archive-wrap .boxcard .box-thumb,
    .search-wrap .boxcard .box-thumb {
        flex: 0 0 250px;
    }

    #latest-news .boxcard .boxcard_content,
    #latest-news .boxcard-float .boxcard_content,
    .archive-wrap .boxcard .boxcard_content,
    .search-wrap .boxcard .boxcard_content {
        flex: 0 0 calc(100% - 265px);
    }

    #latest-news .boxcard .box-excerpt,
    .archive-wrap .boxcard .box-excerpt,
    .search-wrap .boxcard .box-excerpt {
        -webkit-line-clamp: 5;
    }

    .featured-video-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        grid-auto-rows: 190px;
        grid-template-rows: 30px 350px 190px;
    }

    .featured-video-wrap .boxheader {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .featured-video-wrap .boxcard-float {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .featured-video-wrap .boxcard .box-thumb {
        flex: 0 0 140px;
    }

    footer.col-3 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    /* single.php */
    .single-wrap,
    .single_head {
        gap: 15px;
    }

    .single__img,
    .single_head,
    .single_content {
        max-width: 100%;
    }

    .single-share-wrap {
        display: block;
    }

    .single-share-wrap span {
        display: none;
    }

    .shareit {
        display: flex;
        place-content: center;
    }

    .shareit a {
        flex: 0 1 20%;
    }
}
@media screen and (max-width:564px) {
    .featured-post-wrap{
        grid-template-rows: 280px 200px 200px 280px;
    }

    #feattab {
        width: 100%;
    }
}
@media screen and (max-width:537px) {
    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard-float .box-thumb,
    .archive-wrap .boxcard .box-thumb,
    .search-wrap .boxcard .box-thumb {
        flex: 0 0 50%;
    }

    #latest-news .boxcard .boxcard_content,
    #latest-news .boxcard-float .boxcard_content,
    .archive-wrap .boxcard .boxcard_content,
    .search-wrap .boxcard .boxcard_content {
        flex: 0 0 calc(100% - (50% + 15px));
    }
    /* single.php */
    .shareit {
        place-content: center;
    }

    .shareit a {
        flex: 0 1 40%;
    }
}

@media screen and (max-width:480px) {
    .mainwrap {
        padding: 0 20px;
    }

    .wrap-newsticker {
        margin: 0 -20px;
    }

    header {
        margin: 0 -20px;
    }

    .headlog .baliho{
        display: none;
    }

    #sliderpost .boxcard .boxcard_content .box-title {
        font-size: 1.4em;
    }

    .featured-video-wrap {
        grid-template-rows: 30px 300px 200px;
        grid-auto-rows: 200px;
    }

    .featured-video-wrap .boxcard-float {
        height: unset;
    }

    .featured-video-wrap .boxcard-float .box-excerpt,
    #latest-news .boxcard-float .box-excerpt {
        -webkit-line-clamp: 2;
    }

    #latest-news .boxcard-float .boxcard_content .box-title {
        font-size: 1.4em;
    }

    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard-float .box-thumb{
        flex: 0 0 150px;
        height: 150px;
    }

    #latest-news .boxcard .boxcard_content,
    #latest-news .boxcard-float .boxcard_content{
        flex: 0 0 calc(100% - 165px);
    }

    #latest-news .boxcard .boxcard_content .box-title,
    #latest-news .boxcard-float .boxcard_content .box-title {
        font-size: 1.2em;
    }

    #latest-news .boxcard .box-excerpt,
    #latest-news .boxcard-float .box-excerpt{
        -webkit-line-clamp: 3;
    }

    .button-sidebar {
        display: none;
    }

    .rightbar {
        position: unset;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
        background: unset;
        box-shadow: unset;
        max-width: 100%;
        flex: 0 0 100%;
        padding: unset;
    }

    .inner-rightbar {
        overflow: unset;
        height: unset;
    }

    .baliho {
        padding: unset;
        width: 100%;
    }

    footer {
        padding: 50px 20px 20px;
        margin: 20px -20px 0;
    }

    /* single */
    .single__img{
        height: 250px;
    }
    .shareit {
        place-content: space-between;
    }

    .shareit a {
        flex: 0 1 48%;
    }
}

@media screen and (max-width:450px) {
    .boxcard{
        flex-wrap: wrap;
    }
    .featured-cat-wrap .boxcard-list .box-thumb,
    .featured-cat-wrap .boxcard-list .boxcard_content,
    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard .boxcard_content,
    #latest-news .boxcard-float .box-thumb,
    #latest-news .boxcard-float .boxcard_content,
    .archive-wrap .boxcard .box-thumb,
    .archive-wrap .boxcard .boxcard_content,
    .search-wrap .boxcard .box-thumb,
    .search-wrap .boxcard .boxcard_content{
    flex: 0 0 100%;
    }

    .featured-cat-wrap .boxcard-list .box-thumb,
    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard-float .box-thumb,
    .archive-wrap .boxcard .box-thumb,
    .search-wrap .boxcard .box-thumb{
        height: 230px;
    }
}

@media screen and (max-width:410px) {
    .featured-cat-wrap .boxcard-list {
        gap: 10px;
    }

    .featured-cat-wrap .boxcard-list .box-thumb,
    #latest-news .boxcard .box-thumb,
    #latest-news .boxcard-float .box-thumb,
    .archive-wrap .boxcard .box-thumb,
    .search-wrap .boxcard .box-thumb{
        height: 200px;
    }

    #slidersmall-post .boxcard .box-thumb{
        flex: 0 0 200px;
    }

     /* author box */
    .author-box-name{
    margin-bottom: unset;
    }
    
    .author-box-count{
        position: unset;
        margin: 10px 0;
        flex-direction: row;
        gap: 10px;
    }
    .author-box-count b{
        font-size: 1.2em;
    }
}

@media screen and (max-width:360px) {
    #sliderpost .boxcard {
        height: 340px;
    }

    .featured-cat-wrap .boxcard-list .boxcard_content {
        padding: 0;
    }

    #feattab #viewcat {
        margin-top: 10px;
    }

    .single__img iframe{
        height: 250px;
    }
    .metasingle{
        gap: 8px;
    }
}

@media screen and (max-width:320px) {
    .wrap-notice .jumbo{
        font-size: 4em;
    }
}