/* =====================================
   KIAPIC THEME
   RESPONSIVE DESIGN
   ===================================== */

/* تبلت */
@media screen and (max-width: 1024px) {

    .site-header {
        width: 100%;
        max-width: 100%;
    }

    .header-top {
        max-width: 100%;
    }

}

/* موبایل */
@media screen and (max-width: 767px) {

    .site-header {
        width: 100%;
        height: auto;
    }

    .header-top {
        width: 100%;
        height: auto;
    }

}