@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {

    .col-6 {
        max-width: 100%;
        flex: 100%;
    }

    .result-container > .row {
        flex-direction: column-reverse;
    }

    .last-result-all .col-4 {
        padding: 10px;
    }

    .nav {
        display: none;
    }

    .m-nav ul li a.active {
        color: var(--color-active);
        text-decoration: underline;
    }

    .last-result-wrapper {
        padding: 15px;
    }

    .last-result-wrapper .col-6:first-child {
        margin-bottom: 5px;
    }

    .result-1st {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    .last-result-wrapper {
        background-position: top;
        background-position-y: 40px;
    }

    .about-txt {
        text-align: center;
        align-items: center;
    }

    .table-result {
        overflow: auto;
    }

    .table-result-header, .table-content-wrapper {
        min-width: 500px;
    }

    .table-result {
        overflow: auto;
        padding: 15px 0;
        margin: 0 15px;
    }

    .table-content {
        border-radius: 0;
    }

    .m-menu-btn {
        display: block;
        position: absolute;
        right: 20px;
        z-index: 100;
    }

    .m-menu-btn i {
        font-size: 2rem;
        cursor: pointer;
        transition: 0.5s;
        transform: rotate(180deg);
    }

    #mBtn.rotate {
        transition: 0.5s;
        transform: rotate(90deg);
    }

    .m-menu {
        position: relative;
        top: 0;
    }

    .m-nav {
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: -1;
        background-color: var(--bg2-transparent);
        transition: 0.5s;
        opacity: 0;
    }

    .m-nav.show {
        opacity: 100;
        z-index: 100;
    }

    .overflow {
        overflow: hidden;
    }

    .m-nav ul {
        width: 100%;
        text-align: center;
        padding: 30px;
        position: relative;
        top: 15rem;
    }

    .m-nav li {
        padding: 10px;
    }

    .m-nav li a {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .lang-btn {
        height: 25px;
        width: 25px;
    }

    /* RESULTS */

    .form-wrapper {
        display: block;
    }

    .form-wrapper-inner {
        border-bottom: 1px solid #bb2519;
    }

    .form-wrapper-inner:last-child {
        border-bottom: none;
    }

    button {
        font-size: 12px;
    }

    .results-filter {
        padding: 15px;
    }

    .filter {
        background-color: var(--bg1);
        border-radius: var(--b-radius-m);
        overflow: auto;
        padding: 15px;
    }

    .filter ul {
        padding: 15px;
        width: 880px;
        justify-content: flex-start;
    }

    .filter ul li {
        padding: 5px;
    }

    /* RESULTS */


    /* MODAL */

    .modal.show {
        z-index: 101;
    }

    .modal-close {
        position: fixed;
        top: 95px;
        right: 20px;
    }

    .modal-wrapper {
        min-width: auto;
    }

    .modal-close i {
        font-size: 25px;
    }

    .modal-content {
        margin: 20px;
        max-block-size: 70vh;
        overflow: scroll;
        border-radius: var(--b-radius-m);
    }

    .modal-content-inner {
        padding: 30px;
        min-height: auto;
    }

    .modal-content-inner .col-5, .col-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .contact-img {
        min-height: 300px;
    }

    .contact-info {
        padding-left: 0;
        margin-top: 1rem;
    }

    /* MODAL */

}


/* iPad and Tablests Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


}

/* Laptops */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {


}


@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {



}


@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {


}