@media screen and (max-width: 1199px) {

    .container {
        max-width: 970px; 
    } 

    .cta-tab-img { 
        display: none;
    }

    .main-row {
        display: block; 
    }

    .main-slide-box {
        margin-bottom: 25px;
    }

    .header__search { 
        margin-left: auto;
    }
        
    .header__burger {
        display: flex;
        align-items: center;
        position: relative;  
        width: 20px;
        height: 20px;
    } 


    body.burger-active {
        overflow: hidden;
    }

    .header__burger>span {
        width: 100%;
        height: 2px;
        background: #000;
        display: block;
        transition: all .2s;
        position: relative;
    }

    .header__burger>span:before, .header__burger>span:after {
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        background: #000;
        transition: all .4s; 
    }    
    
    .header__burger>span:after {  
        right: 0; 
    }

    .header__burger>span:before {
        margin-top: -7px;
    }

    .header__burger>span:after {
        margin-top: 7px;
    }

    .burger-active .header__burger>span {
        height: 0px;
    }

    .burger-active .header__burger>span:before { 
        margin-top: 0; 
        transform: rotate( -45deg);
    }

    .burger-active .header__burger>span:after { 
        margin-top: 0; 
        transform: rotate( 45deg);
        width: 100%;
    }

    .header__nav { 
        display: none;
    }

    .header-container { 
        column-gap: 30px;
    }

    .article-page-row {
        display: flex; 
        justify-content: space-between;
        flex-direction: column;
        max-width: 740px;
        margin: 0 auto;
    }

    .sidebar-popular-box, .sidebar-last-box {
        width: calc(50% - 12px);
    }

    .article-page-sidebar {
        display: flex;
        column-gap: 24px;
        flex-wrap: wrap;
        padding-bottom: 75px;
    }

 
}

@media screen and (max-width: 991px) {

    .container {
        max-width: 740px;
    }

    .category-posts { 
        grid-template-columns: repeat(2, 1fr); 
    }

    .subscribe-box { 
        padding: 48px 70px; 
    }

    .footer-top, .footer__center {
        display: flex; 
        gap: 25px; 
        flex-wrap: wrap;
    }

    .footer__center { 
        gap: 30px 60px;  
    }

    .footer__link {
        width: 100%;  
    }

    .footer__link-list { 
        justify-content: start; 
    }

    .footer__link p { 
        text-align: left;
    }

    .footer__nav {
        width: calc(100% - 240px); 
    }

    .footer__logo {
        width: 100%;
    }

    .footer__help {
        width: 215px;
    }

    .blog-archive__items { 
        grid-template-columns: repeat(2, 1fr); 
    }

    .cta-tab-img2 {
        display: block;
    }

    .cta-tab p, .cta-tab2 p { 
        margin-bottom: 10px;
    }

    .cta-tab a, .cta-tab2 a  {
        max-width: 640px;
        margin: 30px auto 0;
    }

}

@media screen and (max-width: 767px) {

    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px; 
    }

    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px; 
    }

    .swiper-button-next {
        right: 0px;
    }

    .swiper-button-prev {
        left: 0px;
    }

    .main-item-desc h3 {
        font-size: 22px; 
    }

    .main .meta-views, .main .meta-date { 
        height: 32px; 
    }

    .swiper-button-next svg, .swiper-button-prev svg {
        max-width: 12px;
    }

    .main {
        padding: 32px 0;
    }

    .mob { 
        max-width: 100%; 
    }

    .main-popular-title {
        font-size: 22px; 
    }

    .category-posts {
        grid-template-columns: 1fr;
    }

    .news, .cats, .subscribe {
        padding-bottom: 32px;
    }

    .form-row {
        display: block; 
        margin-bottom: 15px;
    }

    .form-submit .btn { 
        width: 100%;
    }

    .subscribe-box {
        padding: 32px 24px;
    }

    .subscribe-box h2 { 
        font-size: 22px;
    }

    .subscribe-box p {
        font-size: 15px; 
    }

    .subscribe-box p br {
        display: none;
    }

    .blog-archive-desc h3 { 
        font-size: 18px;
    }

    .footer__help {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        column-gap: 16px;
    }

    .footer__help .btn { 
        height: 48px; 
        font-size: 16px; 
        padding: 0 20px; 
    }

    .social { 
        column-gap: 15px;
        padding-top: 0;
    }

    .social svg {
        display: block;
    }

    .footer__nav, .footer__help>span {
        width: 100%;
    }

    .footer-navigation__list li a { 
        font-size: 13px;
    }

    .footer-navigation__list { 
        gap: 6px 6px;
    }

    .footer__logo { 
        max-width: 230px;
        margin: 0 auto;
    }

    .blog-archive__items { 
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .blog-archive__item { 
        max-width: 540px;
    }

    .breadcrumbs {
        padding: 32px 0; 
    }

    h1 {
        font-size: 28px; 
        margin-bottom: 20px; 
    }

    .sidebar-popular-box, .sidebar-last-box {
        width: 100%;
    }

    .article-page-meta {
        display: grid; 
        gap: 10px;
        margin-bottom: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .article-page-content { 
        padding: 20px; 
    }

    .kamatoc-wrap { 
        padding: 20px; 
    }

    .author-info { 
        grid-template-columns: 50px auto;
        column-gap: 10px; 
    }

    .article-page-author { 
        padding: 15px 20px; 
    }

    .article-page-main {
        padding-bottom: 35px;
    }

    .sidebar-popular-list a, .sidebar-last-list a { 
        grid-template-columns: 70px auto; 
    }

    .article-page-sidebar { 
        padding-bottom: 35px;
    } 

    .related-article {
        padding-bottom: 35px;
    }

    .footer__rek {
        text-align: right;
        font-size: 14px;
    }

    .footer__rek br {
        display: block;
    }

    .footer__rek span {
        display: none;
    }

    .active-search .breadcrumbs,
    .active-search .main {
        padding-top: 65px;
    }

    .breadcrumbs, .main { 
        transition: padding-top .3s ease-out;
    }

    .breadcrumbs .container { 
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .applications .swiper-button-next {
        right: 0px;
    }
    
    .applications .swiper-button-prev {
        left: 0px;
    }

    .applications { 
        padding: 32px 0 30px 20px; 
    }

    .cta-box {
        padding: 24px; 
    }
    
     

}

@media screen and (max-width: 414px) {
    

}
@media screen and (max-width: 375px) {
    
}