@media screen and (max-width:1099px) {
    :root{
        --maxwidth: 100%;
        --center: 50px
    }
    .logo{
        grid-area: logo;
    }
    .navi{
        grid-area: navi;
        padding-right: unset;
        place-content: center;
    }
    #switch{
        grid-area: switch;
        margin-left: 10px;
    }
    .search-search{
        grid-area: search;
    }
    header{
        grid-template-areas: 'navi  logo switch search';
        grid-template-columns: 50px auto 70px 50px!important;
    }
    .naviku{
        background: var(--color1);    
        position: fixed;
        padding: 40px 20px 0 20px;
        bottom: 0;
        left: -300px;
        top: 0;
        width: 300px;
        flex-direction: column;
        z-index: 3;
    }
    .naviku li{
        width: 100%;
        height: auto;
        line-height: unset;
        padding-left: 0;
    }
    .naviku > li{
        border-bottom: 1px solid #888;
        padding-bottom: 15px;
    }
    .naviku > li .dropli{
        top: 9px;
        right: 10px;
        color: var(--color2);
    }
    .naviku li ul{
        position: unset;
        width: 100%;
    }
    .menubar{
        display: block;
    }
    .leftbar{
        width: 100%;
        padding-right: 0;
    }
    .rightbar{
        position: fixed;
        right: -325px;
        background: #eaeaea;
        margin-top: unset;
        z-index: 6;
        width: 325px;
    }
    .featnews{
        grid-template-rows: repeat(3, 250px);
        grid-template-columns: repeat(2, 1fr);
        max-width: unset;
    }
    .featnews .boxtittle{
        padding: 15px;
    }
    .featnews.display6 .boxtittle{
        padding: 15px;
    }
    .featnews .owl-buttons{
        display: none;
    }
    .featnews.display6 .featdate{
        display: block;
    }
    .featnews.display6 .pust:first-child h2 a{
        font-size: .85em;
    }
    .featnews .pust h2 a{
        font-size: 100%;
    }
    .display6 .pust:first-child{
        grid-row: unset;
        grid-column: unset;
    }
    .trendingnews .pust{
        margin: 5px;
        width: calc(33.33% - 10px);
    }
    .trendingnews .boxtittle h2 a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
    }
    .trendingnews .boxtittle h2:nth-child(n+4){
        -webkit-box-orient: unset;
    }
    .trendingnews .underline{
        background: none;
    }
    .trendingnews .catego-box.card{
        font-size: 12px;
        margin-bottom: 5px;
        
    }
    .trendingnews .featdate{
        font-weight: 500;
        font-size: 10px;
    }
    .trendingnews .pust:nth-child(n+4) {
        width: calc(25% - 10px);
    }
    .trendingnews .pust:nth-child(n+4) h2 a {
        font-size: 100%;
    }
    .trendingnews .pust:last-child{
        display: none;
    }
    .categoriesnews{
        grid-template-columns: repeat(2, 1fr);
    }
    .categoriesnews .post-img{
        height: 200px;
    }
    .latnews h2{
        font-size: 110%;
    }
    .latnews p{
        display: none;
    }
    .container2 p{
        display: none;
    }
    .container{
        gap: 20px;
    }
    .authorbox ul{
        margin: 5px 0;
    }
    .catpages .post-img{
        width: 220px;
    }
    #relatenews p{
        display: none;
    }
    #relatenews h2 a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
    }
    #relatenews .owl-buttons{
        display: none;
    }
    .othernews .catego-box.card{
        padding-left: unset;
        margin-bottom: unset;
        font-size: 12px;
        display: block;
    }
    .othernews .boxtittle h4 a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
    }
    .othernews br{
        display: none;
    }
    .button-sidebar {
        display: flex;
    }
    .inner-sidebar{
        overflow: auto;
        height: 100vh;
    }
    .inner-sidebar::-webkit-scrollbar{
        display: none;
    }
    .latnews2{
        grid-template-columns: repeat(2, 1fr);
    }
    .latnews2 .about-author{
        padding: 290px 10px 40px;
    }
    .ads1098 {
        margin-top: 0;
    }
}

@media screen and (max-width:767px){
    .naviku{
        width: 100%;
        padding-top: 40px;
        left: -800px;
        z-index: 3;
    }
    .search-search{
        position: unset;
        margin-left: 9px;
    }
    .search-box {
        right: 0;
        width: 100%;
    }
    .closebar{
        left: unset;
        right: 20px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        z-index: 4;
    }
    .underline{
        background-image: none;
    }
    .container{
        flex-direction: column;
    }
    .leftbar{
        width: 100%;
    }
    .rightbar{
        width: 100%;
        margin-top: unset;
        position: unset;
        background-color: unset;
        z-index: 0;
    }
    .featnews{
        grid-template-rows: unset;
        gap: 5px;
    }
    .featnews .catego-box{
        margin-bottom: 5px;
    }
    .featnews .boxtittle{
        padding: 10px;
    }
    .featnews .boxtittle h2 a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
        color: var(--light);
    }
    .featnews .featdate{
        font-weight: 500;
        font-size: 10px;
        color: var(--light);
    }
    .featnews button{
        display: none;
    }
    .featnews .pust h1 a {
        font-size: 27px;
        color: var(--light);
    }
    .featnews#displai .pust{
        display: unset;
        position: relative;
    }
    .featnews#displai .boxtittle{
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: linear-gradient(0deg, #000, transparent);
        padding-bottom: 35px;
    }
    .featnews .catego-box a{
        padding: 3px 5px;
        font-size: 80%;
    }
    .featnews#displai .underline{
        margin: unset;
        background-image: unset;
    }
    .featnews#displai .post-img::before{
        content: unset;
    }
    .featnews#displai .boxtittle p{
        display: none;
    }
    .featnews .owl-buttons{
        display: none;
    }
    #displai .owl-item{
        padding: unset;
    }
    .trendingnews{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin: 0;
    }    
    .trendingnews .pust{
        width: 100%!important;
        margin: 0!important;
    }
    .trendingnews .pust .post-img{
        width: 100%;
        height: 200px!important;
    }
    .trendingnews .pust .post-img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .trendingnews .pust .catego-box.card {
        position: absolute;
        bottom: calc(100% + 5px);
        top: unset;
        left: 5px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .trendingnews .pust h2 a {
        color: var(--txt-dark);
        font-size: 85%;
    } 
    .trendingnews .pust:nth-child(n+4) h2 a {
        font-size: 85%;
    }   
    .trendingnews .pust .boxtittle {
        position: relative;
        background: none;
        padding: 10px 0;
        color: var(--color2);
    }
    .trendingnews .pust:last-child{
        display: block;
    }
    .trendingnews .featdate{
        color: var(--txt-dark);
    }
    .trendingnews .featdate a {
        color: var(--txt-dark); 
    }
    .categoriesnews{
        display: block;
    }
    .categoriesnews .pust{
        width: 100%;
    }
    .categoriesnews .pust{
        width: 100%;
        display: flex;
        flex-direction: row ;
        gap: 10px;
        margin: 10px 0;
    }
    .categoriesnews .pust .post-img{
        height: unset;
        flex-basis: unset;
    }
    .categoriesnews .post-img{
        margin: unset;
    }
    .categoriesnews .post-img img{
        width: -webkit-fill-available;
        height: -webkit-fill-available;
        object-fit: cover;
        object-position: center;
        display: unset;
    }
    .tabmenu-options{
        flex-direction: column;
        height: auto;
        gap: 15px;
        border: none;
        place-items: normal;
    }
    .tabmenu-options .boxheader{
        width: 100%;
        margin:0;
        border-bottom: 2px solid #eee;
    }
    .latnews{
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    .latnews .boxtittle h2 a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .container2{
        display: unset;
    }
    .leftbar2{
        width: 100%;
    }
    .rightbar2{
        width: 100%;
        position: unset;
        text-align: center;
    }
    .container{
        gap: 20px;
    }
    #relatenews h2{
        font-size: medium;
    }
    .catpages .pust{
        place-items: unset;
        gap: 15px;
    }
    .catpages .boxtittle p{
        margin: 0;
    }
    .catpages .boxtittle h3 a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .catpages.archive .post-img, .catpages.search .post-img {
        width: 220px;
        height: unset; 
        flex-basis: unset;
    }
    .button-sidebar {
        display: none;
    }
    .inner-sidebar{
        overflow: unset;
        height: unset;
    }
    .inner-sidebar::-webkit-scrollbar{
        display: none;
    }
    .widgetsidebar{
        padding-left: unset;
    }
    .widgetarea{
       display: block;
    }
    .othernews .boxtittle h4 a {
        display: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        overflow: unset;
        text-overflow: unset;
        font-size: 15px;
    }
    .othernews_post p{
        display: unset;
    }
    .othernews_post .boxtittle{
        flex-basis: calc(100% - 108px);
    }
    .othernews br{
        display: unset;
    }
    .othernews .catego-box.card {
        display: none;
    }
    .othernews .featdate{
        margin-top: 5px;
    }
    /* about.php */
    .latnews2 .about-author{
        padding: 200px 10px 40px;
    }
    /* about.php end */
    .leftbar h2:nth-child(n+3){
        font-size: 130%;
    }

    /* lightslider */
    .lSAction>.lSPrev{
        display: none;
    }
    .lSAction>.lSNext{
        display: none;
    }
    /* lightslider end */
}

@media screen and (max-width:580px){
    .othernews .boxtittle p{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
    }
    .featnews{
        display: unset;
    }
    .featnews .pust h1 a{
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
    }
    .featnews .pust{
        margin-bottom: 10px;
    }
    .featnews#displai .post-img{
        height: unset;
    }
    .featnews.display6 .pust{
        margin-bottom: 10px;
        display: block;
    }
    .featnews.display6 .post-img{
        height: 242px;
    }
    .featnews.display6 img{
        height: 100%;
    }
}

@media screen and (max-width:479px){
    :root{
        --center: 20px
    }
    .navi{
        place-content: center;
    }
    .trendingnews .post-img{
        width: 320px;
    }
    .categoriesnews .boxtittle{
        padding: 0;
    }
    .latnews .catego-box.card{
        display: none;
    }
    .latnews .boxtittle p{
        display: none;
    }
    .container2{
        display: unset;
    }
    .leftbar2{
        width: 100%;
    }
    .rightbar{
        z-index: 0;
    }
    .rightbar2{
        width: 100%;
        position: unset;
        text-align: center;
    }
    #relatenews h2{
        font-size: 12px;
    }
    #relatenews h2 a{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: unset;
    }
    #relatenews .featdate{
        font-size: 71%;
    }
    .catpages .boxtittle{
        margin: 10px 0;
    }
    .catpages .boxtittle p{
        margin-top: 5px;
    }
    .catpages .pust{
        display: block;
    }
    .catpages .post-img{
        width: unset;
    }
    .catpages .catego-box.card{
        position: absolute;
        padding-left: unset;
    }
    .catpages .author-img{
        width: unset;
        height: unset;
    }
    .catpages.archive .post-img, .catpages.search .post-img {
        width: unset;
        height: unset; 
        flex-basis: unset;
    }
    footer{
        display: block;
    }
    .othernews .catego-box.card{
        display: block;
    }
    .othernews .boxtittle p{
        display: none;
    }

    /* about php */
    .latnews2{
        grid-template-columns: unset;
    }

    .latnews2 .about-author{
        padding: 115px 10px 40px;
    }
    /* about php end */
}