﻿

/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) {
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .header-container .logo img {
        width: 120px;
        padding: 7px;
    }
    .language_top {
        text-align: right;
        /* width: 100%; */
        position: absolute;
        right: 68px;
        top: 24px;
    }
    .lang-flag {
        width: 28px;
        height: 28px;
    }
    .flag_1 {
        width: 24px;
    }
    .header {
        top: 20px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header-container .logo img {
        width: 120px;
        padding: 7px;
    }
    .language_top {
        text-align: right;
        /* width: 100%; */
        position: absolute;
        right: 68px;
        top: 24px;
    }

    .lang-flag {
        width: 28px;
        height: 28px;
    }

    .flag_1 {
        width: 24px;
    }

    .header {
        top: 20px;
    }
}