@media screen and (max-width: 1320px){
    .nav{
        display:none;
    }
    .nav.active{
        display:block;
    }
    .menu-icon{
        display:block;
    }
    .logo-wrap span{
        font-size:20px;
    }
}
@media screen and (max-width: 1240px){
    .site-wrap{
        width:100%;
        padding:0 10px;
        box-sizing:border-box;
    }
    .news-box-regular{
       flex: 1 1 250px;
    }
    .news{
        gap:15px;
    }
}
@media screen and (max-width: 1200px){
    .banners .big-banner img{
        object-fit:contain;
    }
    .left-column{
        width:700px
    }
    .left-column img{
        width:100%;
    }
    .right-column{
        width:calc(100% - 720px);
    }
    .small-news{
        height:240px
    }
    .small-news img{
       height: 240px;
    }
    .colum-news-wrap{
        width:32%;
    }
    .bigger-box{
        min-width:260px;
    }
    .small-box{
        min-width:120px;
    }
}
@media screen and (max-width: 1100px){
    .bottom-info .title{
        font-size:28px;
    }
    .small-news .bottom-info .title{
        font-size:16px;
    }
    .inner-holder .title{
        /* font-size:16px; */
        font-size:1.25rem;
    }
}
@media screen and (max-width: 1000px){
    .two-colums-news{
        flex-direction: column;
    }
    .left-column{
        width:100%;
    }
    .big-news a.img img{
        height: auto;
        min-height: auto;
        max-height: auto;
    }
    .right-column{
        width:100%;
    }
    .small-news-wrap{
      flex-direction: row-reverse;
    }
    .news-box-regular{
        flex:0 1 48%;
    }
    .smaller-section-boxes{
            flex-wrap: wrap;

    }
}
@media screen and (max-width: 960px){
    .all-news{
        flex-wrap:wrap;
    }
    .big-left-column{
        width:100%;
    }
    .small-right-column{
        width:100%;
    }
    .small-right-column .small-banner{
            height: 300px;
        }
    .small-right-column .small-banner img{
        height: 300px;
        object-fit:contain;
    }
}
@media screen and (max-width: 900px){
    .logo{
        max-width:150px;
    }
    .logo img{
        float:left;
        width:100%;
    }
    .logo-wrap span{
        font-size:15px;
    }
    .big-title{
        font-size:20px;
    }
    .footer-column{
        width:50%;
        min-height: 200px;
    }
    .logo-wrap span{
        display:block;
        /* position: absolute;
        bottom: -15px; */
        flex: 1 0 33%;
    }
    .logo-wrap{
        /* position: relative; */
        flex-wrap: wrap;
    }
    .red-section{
        margin-top: 15px;
    }
    .navigation{
        border-top: none;
    }
}
@media screen and (max-width: 800px){
    .banners .small-banner{
        float:left;
        width:100%;
        margin-bottom:5px;
    }
    .banners .small-banner img{
        /* height: 200px; */
        object-fit:contain;
    }
    .banners .small-banner:nth-child(2){
        order:-1;
    }
    .banners .big-banner{
        width:100%;
    }
    .banners .big-banner img{
        height: auto;
    }
    .banners{
        margin-top:5px;
    }
    .other-news-wrap{
        flex-wrap:wrap;
    }
    .colum-news-wrap{
        width:48%;
    }
    .logo-wrap span{
        font-size:11px;
    }
    .txt-wrap .small-title{
        font-size: 1.125rem;
        max-height: 62px;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 700px){
    header .logo-wrap form{
        flex-basis: 100%;
    }
    .search-hld{
        /* width:200px; */
        width: 100%;
    }
    header form {
        display: var(--_display);
    }
    header .top-header{
        display: grid;
        grid-template-rows: 1fr;
        transition: grid-template-rows 150ms ease-out 0s;
    }
    header .top-header .site-wrap{
        overflow:hidden;
    }
    .red-section-info .actual{
        font-size:19px;
    }
    .big-title{
        font-size:18px;
    }
    .bottom-info .title{
        font-size:25px;
    }
    .small-news .bottom-info .title{
        /* font-size:15px; */
        font-size: 1.125rem;
    }
    .logo-wrap{
        padding:10px 0px;
        box-sizing:border-box;
        gap:10px;
    }
    .mobile-only{
        display:block;
    }
}
@media screen and (max-width: 600px){
    .big-left-column .news .small-news{
        width:100%;
    }
    .teem-box{
        width:48%;
    }
    .small-news {
        height: auto;
        max-height: unset;
    }
    .small-news img{
        height: auto;
        max-height: unset;
        margin-bottom: 3rem;
    }
    .big-news a.img img {
        margin-bottom: 3rem;
    }
    .red-section-info p{
        font-size:12px;
    }
    .red-section-info .actual{
        font-size:16px;
    }
    .logo-news img{width:100%; height: 100%;}
    .top-part .see-more{
        display: block;
        width: 77px;
        padding-left: 5px;
        text-align: right;
    }
    .view-page-info .text-wrap p, .view-page-info .text-wrap {
        font-size: 1.25rem;
        line-height: 1.4;
    }
    .view-page-info .text-wrap h4, .view-page-info .text-wrap p, .view-page-info .text-wrap blockquote, .view-page-info .text-wrap ul, .view-page-info .text-wrap fieldset, .view-page-info .text-wrap form, .view-page-info .text-wrap ol, .view-page-info .text-wrap dl, .view-page-info .text-wrap dir, .view-page-info .text-wrap menu {
        margin: .5em 0;
    }
    .view-page-info .text-wrap p, .view-page-info .text-wrap {
        font-weight: 400;
    }
}
@media screen and (max-width: 580px){
    .bottom-info .title{
        font-size:15px;
        line-height: 23px;
    }
    .black-background .bottom-info .title{
        font-size: 1.125rem;
        line-height: 1.125rem;
    }
    .small-news-wrap{
        flex-direction: column;
    }
    .date-time-wrap{
        flex-wrap:wrap;
    }
    .colum-news-wrap{
        width:100%;
    }
    .footer-column{
        width:100%;
        align-items:center;
        display:flex;
        min-height: auto;
        margin-top:15px;
    }
    .prev-next-container {
        grid-template-columns: 1fr;
    }
    .prev-next-container .next {
        grid-column: 1;
        grid-row: 2;
    }
    .prev-next-container .prev {
        grid-row: 1;
    }
}
@media screen and (max-width: 530px){
    .news-box-regular{
        flex:1 1 100%;
    }
    .alarm-title{
        font-size:25px;
    }
}
@media screen and (max-width: 500px){
    .view-page-info .inp-hld{
        width:100%;
        margin-bottom:15px;
    }
    .left-position{
       display: none;
    }
}
@media screen and (max-width: 420px){
    .bigger-box{
        width:100%;
    }
    .small-box{
        width:47%;
    }
    .search-hld input{
        height: 35px;
        line-height: 35px;
    }
    .search-hld:after{
        top:7px;
    }
    .logo-wrap{
        padding:10px 0px;
        box-sizing:border-box;
        gap:10px;
    }
}

/* new header */
@media screen and (max-width: 1000px) {
    .black-background .right-column .small-news-wrap .small-news-column {
        overflow: hidden;
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .black-background .right-column .small-news-wrap .small-news-column .small-news {
        height: 290px;
    }

    .black-background .right-column .small-news-wrap .small-news-column .small-news img {
        height: 290px;
    }
}

@media screen and (max-width: 580px) {
    .black-background .right-column .small-news-wrap .small-news-column {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .black-background .right-column .small-news-wrap .small-news-column .small-news {
        height: auto;
        max-height: unset;
    }

    .black-background .right-column .small-news-wrap .small-news-column .small-news img {
        height: auto;
        max-height: unset;
        margin-bottom: 3rem;
    }

    .black-background .right-column .small-news-wrap {
        display: block;
    }

    .black-background .right-column .small-news-wrap .column-three {
        display: none;
    }
    .black-background .right-column .small-news-wrap .column-one:not(:first-child) {
        margin-top: 15px;
    }
    .black-background .right-column .small-news-wrap.reverse .column-three {
        margin-top: 15px;
        display: flex;
    }
    .black-background .right-column .small-news-wrap .column-two {
        margin-top: 15px;
        display: flex;
    }
    .black-background .right-column .small-news-wrap:not(.reverse) .column-two .small-news:last-child {
        display: none;
    }
    .dot-toggle {
        display: none;
    }

    .top-news-show-more .send-request {
        margin-top: 10px;
        display: block;
    }

    .top-news-show-more .send-request::after {
        display: none;
    }
}

@media screen and (min-width: 1000px) {

    .black-background .right-column .small-news-wrap.reverse {
        grid-template-columns: 0fr 0fr 1fr;
    }
    .black-background .right-column .small-news-wrap.middle {
        grid-template-columns: 0fr 1fr 0fr;
    }

    .black-background .right-column {
        max-height: 600px;
    }

    .black-background .right-column .small-news-wrap .small-news-column {
        overflow: hidden;
        display: grid;
        grid-template-rows: repeat(5, 1fr);
        gap: 6px;
    }

    .black-background .right-column .small-news-wrap .small-news {
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 0;
        height: auto;
    }

    .black-background .right-column .small-news-wrap .small-news>a:before {
        display: none;
    }

    .black-background .right-column .small-news-wrap .small-news .img {
        display: block;
        height: 110px;
        min-height: 110px;
        max-height: 110px;
    }

    .black-background .right-column .small-news-wrap .small-news .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 5px;
        background-color: #1c1e20;
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info .date {
        display: none;
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info .title {
        font-size: .875rem;
        font-weight: 500;
        /* color: white; */
        line-height: .875rem;
    }

    .black-background .right-column .small-news-wrap .small-news:hover .bottom-info .title {
        color: rgba(205, 0, 16, 1)
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info .truncate {
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info .sub-info {
        margin-top: 0;
    }

    .black-background .right-column .small-news-wrap .small-news .bottom-info .sub-info .ticket,
    .black-background .right-column .small-news-wrap .small-news .bottom-info .sub-info .time {
        font-size: .8rem;
    }
    .tema-page .news {
        gap: unset;
    }

    .tema-page .small-row-news .img-wrap {
        min-width: 10rem;
        height: 10rem;
    }

    .tema-page .small-row-news .img-wrap img {
        width: 10rem;
        height: 10rem;
    }

    .tema-page .txt-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: rgba(33, 33, 33, 1);
    }
    .tema-page .txt-wrap .small-title {
        margin-top: unset;
        margin-bottom: unset;
        min-height: unset;
        max-height: unset;
    }

    .tema-page .txt-wrap .title {
        font-size: 1.25rem;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .tema-page .txt-wrap .sub-title:hover {
        color: rgba(33, 33, 33, 1);
    }
    .tema-page .txt-wrap .date-time-wrap {
        display: flex;
    }
    .tema-page .txt-wrap .sub-title {
        margin-top: .5rem;
        font-weight: 400;
        font-style: italic;
        font-size: 1rem;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        float:left;
    }
}
@media (hover: hover) and (pointer: fine) {
    .back-top-button:hover {
    background-color: #fff;
    border: 1px solid rgba(205, 0, 16, 1);
    color: rgba(205, 0, 16, 1);
    line-height: 1rem;
    font-size: 2rem;
}
}