

/*-------- MAIN-PAGE --------*/

@media (min-width: 320px) and (max-width: 1250px) {
    .header-top{
        justify-content: space-around;
        flex-wrap: wrap;
    }
        .header-top-center{
            margin: 0;
        }
        .header-top-left{
            margin: 0 16px 0 0;
        }
        .header-ads-and-socials-top-socials{
            margin-top: 8px;
        }
}

@media (max-width: 1146px) {
    .header-top-right{
        margin: 28px auto 0;
    }
}
@media (max-width: 886px) {
    .header-top-center{
        margin: 24px auto 0px;
        min-width: 348px;
    }
}

@media (max-width: 662px) {
    .header-top{
        flex-direction: column;
    }
    .header-top-center{
        min-height: 173px;
    }
    .header-top-left{
        margin: 0 auto;
        width: 90%;
    }
        .header-logo img{
            width: 100%;
        }
}
@media (max-width: 380px) {
    .header-top-center{
        min-width: 90%;
    }
}
@media (max-width: 1200px) {
    .header-bottom-menu li a{
        width: 126px;
    }
    .header-bottom{
        padding: 0 12px;
        box-sizing: border-box;
    }

}
@media (max-width: 1110px) {
    .header-bottom-search{
        width: 160px;
    }
}
@media (max-width: 862px) {
    .header-bottom{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 100;
        top: 0;
        background: rgba(255, 255, 255, 0.95);
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        left: -100%;
        padding-top: 40px;
    }
    .header-bottom-menu{
        flex-direction: column;
    }
        .header-bottom-menu li{
            margin: 0 auto 15px;
        }
            .header-bottom-menu li a{
                width: 310px;
            }
    .header-bottom-search {
        width: 310px;
    }
    .header-top-mobile{
        display: flex;
    }
    .close-menu{
        display: block;
    }
}

@media (max-width: 900px) {
    .main-title-stripe, .video-and-posters-video-area .main-title-stripe{
        margin: 0 16px;
    }
    .video-and-posters-video-area .main-title-stripe{
        margin-bottom: 10px;
    }
    .swiper-latest-blogs{
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media (max-width: 1160px) {
    .main-content{
        flex-direction: column;
        align-items: center;
    }
    .main-news-ads{
        margin-bottom: 20px;
    }
}
@media (max-width: 859px) {
    .area-latest-news{
        padding: 0 0 86px 0;
        box-sizing: border-box;
        justify-content: center;
    }
    .latest-news .more-button{
        position: absolute;
        bottom: 0;
    }
}
@media (max-width: 900px) {
    .main-content-left{
        flex-direction: column;
    }
    .video-and-posters-video-slider{
        width: 90%;
        text-align: center;
        min-width: inherit;
        margin: 0 auto;
    }
    .video-and-posters-video-area{
        min-width: inherit;
    }
    .video-and-posters-video-slide iframe{
        width: inherit;
        height: 230px;
    }
    .video-and-posters-posters-area{
        max-width: none;
    }
}



/*/////// MAIN-PAGE --------*/



/*-------- NEWS-PAGE --------*/

@media (max-width: 875px) {
    .important-news-content-right{
        padding: 0 20px 0 0;
    }
}

@media (max-width: 660px) {

    .important-news-content{
        flex-direction: column;
    }
    .news-menu{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 27px 10px 20px 10px;
    }
    .news-menu li{
        margin: 7px 18px 7px;
    }
    .important-news-content-right{
        margin: 0;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
    }
    .important-news-slide-content{
        padding: 0 13px 0 18px;
        box-sizing: border-box;
        display: block;
    }
}
@media (max-width: 660px) {
    .important-news-slide{
        flex-direction: column;
        height: 300px;
    }
        .important-news-slide-content{
            max-width: inherit;
            padding: 10px 13px 12px 18px;
            height: auto;
        }
}

@media (max-width: 770px) {
    .news-img{
        float: none;
        margin: 20px auto 20px;
    }
    .share-comments-wrap{
        display: flex;
        justify-content: space-between;
    }
    .single-comments-and-views{
        position: relative;
        top: auto;
        right: auto;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 450px) {
    .share-comments-wrap{
        flex-direction: column;
        align-items: center;
    }
    .single-share-buttons{
        margin: 0 auto 20px;
    }
}

/*/////// NEWS-PAGE --------*/




/*-------- BLOGS-PAGE --------*/

@media (max-width: 900px) {
    .blog-preview{
        padding: 17px 15px 21px 15px;
        box-sizing: border-box;
    }
}
@media (max-width: 600px) {
    .blog-preview{
        flex-direction: column;
        align-items: center;
    }
    .blog-preview-image{
        margin: 0 auto 15px;
        width: 100%;
        max-width: 300px;
    }
}

/*/////// BLOGS-PAGE --------*/



/*-------- ABOUT-US-PAGE --------*/

@media (max-width: 1220px) {
    .about-us-content{
        padding: 0 20px;
    }
}

/*/////// ABOUT-US-PAGE --------*/




/*-------- BLOGS-PAGE --------*/

@media (max-width: 1230px) {
    .footer{
        flex-direction: column;
        align-items: center;
        padding: 0 0 20px 0;
    }
    .footer-left {
        width: 90%;
    }
    .footer-right {
        width: 90%;
        max-width: 600px;
    }
}



/*/////// BLOGS-PAGE --------*/