@charset "utf-8";

/*---------------------------------
max 1199px
max 991px
max 767px
max 575px
max 359px
-----------------------------------*/



/* ========================================================================================
    max 1199px
======================================================================================== */
@media (max-width: 1199px) {

html {
    font-size: 85% !important;
}

/* ========================================================================================
    layouts
======================================================================================== */
.container-center {
    max-width: 71.250rem; /* 1140px */
}

}



/* ========================================================================================
    max 991px
======================================================================================== */
@media (max-width: 991px) {

/* ========================================================================================
    layouts
======================================================================================== */
.container-center {
    max-width: 60rem; /* 960px */
}

}



/* ========================================================================================
    max 767px
======================================================================================== */
@media (max-width: 767px) {

/* ========================================================================================
    layouts
======================================================================================== */
.container-center {
    max-width: 45rem; /* 720px */
}

}



/* ========================================================================================
    max 575px
======================================================================================== */
@media (max-width: 575px) {

/* ========================================================================================
    layouts
======================================================================================== */
.container-center {
    max-width: 33.750rem; /* 540px */
}

}



/* ========================================================================================
    max 359px
======================================================================================== */
@media (max-width: 359px) {

}