@media (max-width: 992px) {

}
@media (max-width: 768px) {
    main *{
        font-size: 14px;
        line-height: 140%;
    }
    header{
        padding: 0;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.2);
        -moz-box-shadow:    0px 5px 15px 0px rgba(50, 50, 50, 0.2);
        box-shadow:         0px 5px 15px 0px rgba(50, 50, 50, 0.2);
    }
    main{
        padding-top: 55px;
    }
    main .title-box{
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    h1, .h1{
        font-size: 28px;
    }
    h2, .h2, .h2 nobr{
        font-size: 22px;
    }
    h3, .h3, .h3 nobr{
        font-size: 20px;
    }
    main .h4-box h4, main h4{
        font-size: 19px;
    }
    .h5{
        font-size: 17px;
    }
    .background-footer{
        background-size: cover;
        padding-top: 1.5rem;
        padding-bottom: 2.5rem;

    }
    .background-footer .container .row .footer-box-1,
    .background-color-footer .footer-box-1,
    .background-color-footer .footer-box-4{
        display: none;
    }
    .background-footer .container .row .footer-box-3{
        text-align: center;
    }
    .background-color-footer .nrj{
        margin-top: 0.7rem;
    }
    .background-color-footer{
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .background-footer .container .row{
        height: auto;
    }
    .background-footer .container .row .footer-box-3{
        padding-top: 2rem
    }
    .header-mob-logo img {
        width: 100%;
        height: auto;
    }

    .search-global__btn{
        top: 12px;
    }
    .search-global__input {
        font-size: 40px;
    }

    .modal-search .fa.fa-search{
        font-size: 2rem;
    }
    .index-box-1{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .index-box-1 .circle,
    .about-box-1 .circle{
        margin-bottom: 0;
    }
    .index-box-1 ol.number.v1 > li{
        padding-bottom: 0;
    }
    .index-box-1 .col-md-4 > div,
    .index-box-1 .col-md-12 > div{
        background-color: transparent;
        padding: 0;
    }
    .index-box-1 .col-md-4{
        margin-bottom: 2rem;
    }
    .index-box-2_icon{
        padding-top: 2rem;
    }
    .index-box-2_icon .index-box-2-text-1,
    .index-box-2_icon .index-box-2-text-3{
        padding-bottom: 2rem;
    }
    .index-box-2_icon .index-box-2-text-1 .text,
    .index-box-2_icon .index-box-2-text-3 .text,
    .index-box-2 .index-box-2-text-1 .text,
    .index-box-2 .index-box-2-text-3 .text,
    .index-slider .col-12 .text{
        font-size: 17px;
    }
    .index-box-2_icon .index-box-2-text-2 .col-md-4{
        margin-bottom: 15px;
    }
    .index-box-4{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .mob-center{
        text-align: center;
    }
    .text-20, .text-20 *,
    main .title-box .text{
        font-size: 17px;
    }
    .mob-pt-5{
        padding-top: 2rem;
    }
    .mob-pb-5{
        padding-bottom: 2rem;
    }
    .mob-style-1{
        padding-bottom: 2rem;
    }

}