/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px){

}



/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .navbar-brand img {
        height: 60px;
    }
    html[lang=fr] .navbar-nav .nav-item {
        margin-right: 20px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 12px;
    }

   .banner h1 {
        font-size: 40px;
    }
    .banner h4 {
        font-size: 25px;
    }
    .block-desc-banner {
        bottom: -185px;
        top: auto;
    }
    .center-content {
        margin-top: 7rem;
    }
    .block-chart {
        padding: 70px 20px;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px){

}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px){

    html[lang=fr] .pubs .swiper-button-next {
         right: 0;
        left: auto;
    }
    html[lang=fr] .pubs .swiper-button-left {
         right: auto;
        left: 0;
    }
    #popup-home .slider-popup-home .item-popup-home img {
        height: 300px;
    }
    #popup-home p {
        margin-top: 20px;
        font-size: 15px;
    }

    footer .top-footer p {
        text-align: center !important;
        margin-bottom: 10px;
    }
    footer .bottom-footer ul {
        margin-top: 10px !important;
        padding: 0;
    }
    .center-content {
        margin-top: 2rem;
    }
    .block-form {
        padding: 30px 10px;
        width: 95%;
    }
    .block-form .otp-input {
        width: 2.3rem;
    }

    .menu-content {
        display: block;
    }
    .menu-content a{
        font-size: 16px;
        text-decoration: underline;
    }
    .menu-content li{
        text-align: center;
        margin: 0 !important;
        padding-bottom: 10px;
    }
    .menu-content li:after {
      display: none;
    }
    .block-btns-link a {
        width: 100%;
    }
    .hide-mobile{
        display: none;
    }
    .show-mobile{
        display: block;
    }
    .table-div .table-row img {
        height: 15px;
    }
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px){}