@media (max-width: 1260px) {

    main.content {
        margin: 0;
    }

    header.header {
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
    }

    body>.footer-item {
        padding: 0 !important;
    }

    footer.footer.footer-inside {
        margin: 0;
    }
}

@media (max-width: 1180px) {

    .header-text-logo-title {
        white-space: break-spaces;
    }

    .footer-list-info-wrapper a.btn {
        max-width: 250px;
    }

    .header-item-single {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .header-item-other{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .header-logo-ico,
    .footer-logo-ico{
        --ico-size: 60px;
    }
    .header-text-logo-title,
    .footer-logo-title{
        --h3Size: 18px;
    }
    .header-row{
        --logo-grid-size: auto;
    }
    .footer{--py-item: 20px;}
    .footer-row{--gap-y: 20px;}
    .footer-row,
    .flex-row-inside{--gap-rounded: 20px;}
    .card-feature{--paddings: 20px;}
    .ico-ava{--min-height: 50px;}
    .gutters-features{
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .section {
        --py-section: 25px;
    }

    .ico-feature {
        --ico-size: 40px;
    }
}

@media (max-width: 992px) {
    .header-text-logo-title {
        white-space: break-spaces !important;
        line-height: 1.4 !important;
    }

    .footer-row--inside {
        flex-wrap: wrap;
    }

    .footer-row--inside>div {
        width: 100%;
        min-width: 100%;
    }

    .footer-row--inside>div:nth-child(2) {
        align-items: flex-start;
        padding-left: 20px;
    }

    .footer-row--inside-col-4--md {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .footer-row--inside-col-5--md{
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .footer-row--inside-col-7--md{
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }
    .footer-row--inside-col-8--md{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .footer-row--inside-col-8--md {
        flex: 0 0 66.66666667%; 
        max-width: 66.66666667%;
    }
    .header-navigation-link{
        font-size: 12px;
    }
    :root{
        --h1Size: 24px;
        --h2Size: 22px;
        --h3Size: 18px;
        --h4Size: 14px;
        --h5Size: 12px;
    }
    .card-category {
        --paddings: 14px;
    }
    .gutters-widget-groups{
        --bs-gutter-x: 23px;
        --bs-gutter-y: 23px;
    }
    .group-widgets{gap: 23px;}
    .header-logo-ico,
    .footer-logo-ico{
        --ico-size: 50px;
    }
    .header-row{--gap-rounded: 10px;}
    .header .header-nav-group-column{gap: 0;}
    .header-item-single,
    .header-item-other{
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-logo,
    .footer-logo {
        gap: 15px;
    }

    .flex-row-inside>.footer-row-grid {
        min-width: 100%;
    }

    .custom-row>.custom-row--col-md-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .custom-row>.custom-row--col-md-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .custom-row>.custom-row--col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .card-annonce .single-post-row:not(.announces-post-row) {
        flex-direction: column;
    }

    .card-annonce .single-post-col-thmbnail:not(.announces-thumbnail) {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 180px !important;
    }

    main.content {
        padding-top: 40px;
    }

    .container {
        --padding-x: 40px !important;
    }

    .footer {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .footer-row--inside-col-12--sm {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-row--inside-col-6--sm{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-row--inside-col-4--sm{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .article-page,
    .article-content {gap: 20px;}
    .article-content-float{
        --image-width: 100%;
        gap: 25px;
        display: flex;
        flex-direction: column;
    }
    
    .article-image-float{margin: 0;}

    :root{
        --h1Size: 22px;
        --h2Size: 18px;
        --h3Size: 14px;
        --h4Size: 14px;
        --h5Size: 14px;
    }

    .footer-row .footer-row-grid{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .custom-row > .custom-row--col-sm-12{
        flex: 0 0 100%; max-width: 100%;
    }
    
    
    
    .header-nav-group-row{
        flex-direction: column;
        align-items: flex-end;
    }
    .header-nav-group-row-item + .header-nav-group-row-item::before{
        display: none;
    }
    .header-nav-group-row-item + .header-nav-group-row-item{padding: 0;}
    .header-item-other{
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header-logo-ico {
        --ico-size: 40px;
    }

    .header-text-logo-title {
        --h3Size: 14px;
    }

    .header-group-text-info {
        gap: 0;
    }

    .feature-simple-block {
        gap: 16px;
    }


    .open-menu {
        overflow: hidden;
    }

    .hidden-sm {
        display: none;
    }

    .d-flex-sm {
        display: flex;
    }

    .h-100--sm {
        height: 100%;
    }

    .scrollbar-sm {
        overflow: visible;
    }

}

@media (max-width: 576px) {
    body {
        padding-top: 105px !important;
    }

    .container {
        --padding-x: 30px !important;
    }

    .footer {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .header-nav-group-row .header-nav-group-row-item:nth-last-child(1) {
        display: none !important;
    }

    .back-to-category {
        margin-bottom: 20px;
    }

    .category-img,
    .post-thumbnail img {
        width: 100px !important;
        height: 75px !important;
        max-width: unset;
    }

    .language-buttons {
        flex-direction: column;
    }

    .header-grid--logo {
        max-width: unset !important;
    }

    .header-grid--nav1 {
        margin-left: unset !important;
        margin-right: 20px;
    }

    .hm-mobile--header {
        max-height: 80px !important;
    }

    .header-row-grid.header-grid--logo,
    .header-row>.header-row-grid {
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .header-item-single .header-row {
        padding: 0 20px;
    }

    .news-block--header {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-row--inside-col-12--xs{
        flex: 0 0 100%;
        max-width: 100%;
    }

    .article-page{gap: 20px;}
    .article-page--footer--item + .article-page--footer--item{
        padding-top: 20px;
        margin-top: 20px;
    }
    
    .custom-row:not(.person-post-row){
        --total-gutters-row: 16px;
    }
    .ico-feature{--ico-size: 30px;}
    .ico-ava {
        --min-height: 30px;
    }
    .footer-row .footer-row-grid{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-row{flex-direction: column;}
    .footer-row {--gap-y: 10px;}
    .news-block--body{gap: 20px;}
    :root{
        --h1Size: 20px;
        --h2Size: 16px;
        --h3Size: 12px;
        --h4Size: 12px;
        --h5Size: 12px;

        --text--xs: 10px;
        --text--sm: 11px;
        --text--md: 12px;
        --text--lg: 12px;
        --text--xl: 12px;

        --size-xs: 30px;
        --size-sm: 34px;
        --size-md: 36px;
        --header-mibile-headsize: 61px;
    }

    .gutters-features {
        --bs-gutter-x: 16px;
        --bs-gutter-y: 16px;
    }

    
    .section {
        --py-section: 20px;
    }
    .hm-mobile .header-logo{gap: 12px;}
    .header-menu-navigation-wrpr{gap: 0 !important;}
    .card-person{--fixed-header: 96px;}

    :root{--header-mobile: 100%;}
    .hm-mobile-wrapper-close{
        right: 0;
    }
    .hm-mobile--header{
        padding-right: var(--header-mibile-headsize);
    }
    .hidden-sm{display: none;}
    .hm-mobile--header{
        flex-direction: row;
    }


    .bvi-blocks {
        flex-direction: column !important;
    }

    .bvi-block:not(:last-child) {
        display: none;
    }

}

@media (max-width: 420px) {
    .created-copyright-wrpr{
        flex-direction: column;
    }
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    .d-flex-sm{display: none;}
    .h-100--sm{height: 0;}
    .scrollbar-sm{overflow: auto;}
    .pround-sm-10px{padding: 10px !important;}
}

@media (min-width: 992px) {
    
}

@media (min-width: 1180px) {

}