/*		   Mobile Header
 /* ==================================== */
.mobile-menu {
    display: none;
}

@media all and (max-width: 1200px) {
    .mobile-menu {
        display: block;
    }

    .menu-container {
        z-index: 2;
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        overflow: hidden;
        height: 100vh;
        width: 100vw;
        pointer-events: none;
        z-index: 999999;
        top: 0;
    }

    .menu-container .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: column;
        position: absolute;
        height: 100vh;
        width: 100vw;
        z-index: 555555;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        visibility: hidden;
    }

    /* .menu-container ul {
        margin-bottom:30px
    } */
    .menu-container .ulRow1 .liRow1 {
        padding: 15px;
        text-align: center;
    }

    .menu-container .ulRow1 .liRow1 .aRow1 {
        font-size: var(--font-24);
        font-weight: var(--fw-700);
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
        transition: var(--transition);
    }

    .menu-container .ulRow2 {
        display: flex;
        justify-content: center;
    }

    .menu-container .ulRow2 .liRow2 {
        margin: 0 var(--mg-10);
    }

    .menu-container .ulRow2 .liRow2 .aRow2 {
        font-size: var(--font-18);
        font-weight: var(--fw-300);
        color: rgba(255, 255, 255, 1);
    }

    .menu-container .ulRow2 .liRow2.on .aRow2,
    .menu-container .ulRow2 .liRow2 .aRow2:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .menu-container .utillArea {
        margin-top: var(--mg-30);
        text-align: center;
    }

    .menu-container .utillArea li a {
        color: var(--color-white);
        font-size: var(--font-16);
        font-weight: var(--fw-300);
    }

    .menu-container .btnArea {
        margin-top: var(--mg-40);
    }

    .menu-container .btnArea ul {
        display: flex;
        justify-content: center;
    }

    .menu-container .btnArea li {
        margin: 0 var(--mg-10);
    }

    .menu-container .btnArea li a {
        display: flex;
        align-items: center;
    }

    .menu-container .btnArea li a:hover {
        opacity: 0.7;
    }

    .menu-container .btnArea li a img {
        width: 20px;
    }

    .menu-container .btnArea li a span {
        margin-left: var(--mg-5);
        color: rgba(255, 255, 255, 1);
        font-size: var(--font-18);
        font-weight: var(--fw-300);
    }

    .menu-sliders {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: -webkit-box-flex 0.45s;
        transition: -webkit-box-flex 0.45s;
        transition: flex 0.45s;
        transition: flex 0.45s, -webkit-box-flex 0.45s, -ms-flex 0.45s;
    }

    .menu-sliders:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        background: transparent;
    }

    .menu-sliders:nth-child(odd) {
        background: var(--color-green);
    }

    .menu-icon {
        width: 30px;
        z-index: 9999999;
        position: fixed;
        right: 2%;
        top: 31px;
        cursor: pointer;
        -webkit-transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
        transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
        transition: transform 0.2s ease, background-color 0.5s ease;
        transition: transform 0.2s ease, background-color 0.5s ease, -webkit-transform 0.2s ease;
    }

    .menu-icon div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 1px;
        background: #3b3b3b;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .menu-icon__line {
        height: 2px;
        width: 30px;
        display: block;
        background-color: #3b3b3b;
        margin-bottom: 6px;
        -webkit-transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
        transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
        transition: transform 0.2s ease, background-color 0.5s ease;
        transition: transform 0.2s ease, background-color 0.5s ease, -webkit-transform 0.2s ease;
    }

    .menu-icon__line:last-of-type {
        margin-bottom: 0;
    }

    .navbar-fixed-top .menu-icon__line {
        background-color: #3b3b3b;
    }

    .menu-icon__line-left {
        width: 15px;
    }

    .menu-icon__line-right {
        width: 15px;
        float: right;
    }

    .menu-icon:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body.menu-open .menu-sliders:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0;
        flex: 0 0 0;
    }

    body.menu-open .menu {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        visibility: visible;
        pointer-events: all;
    }

    body.menu-open .menu-icon__line {
        background-color: white;
        -webkit-transform: translateX(0px) rotate(-45deg);
        transform: translateX(0px) rotate(-45deg);
    }

    body.menu-open .menu-icon__line-left {
        -webkit-transform: translateX(1px) translateY(3px) rotate(45deg);
        transform: translateX(1px) translateY(3px) rotate(45deg);
    }

    body.menu-open .menu-icon__line-right {
        -webkit-transform: translateX(-3px) translateY(-2px) rotate(45deg);
        transform: translateX(-3px) translateY(-2px) rotate(45deg);
    }
}

@media all and (max-width: 768px) {
    .menu-icon {
        right: 3%;
        top: 21px;
    }

    .menu-container .ulRow1 .liRow1 {
        padding: 10px;
    }

    .menu-container .ulRow1 .liRow1 .aRow1 {
        font-size: var(--font-20);
    }

    .menu-container .ulRow2 .liRow2 {
        margin: 0 var(--mg-5);
    }

    .menu-container .ulRow2 .liRow2 .aRow2 {
        font-size: var(--font-16);
    }

    .menu-container .ulRow2 .liRow2.on .aRow2,
    .menu-container .ulRow2 .liRow2 .aRow2:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .menu-container .utillArea {
        margin-top: var(--mg-20);
    }

    .menu-container .utillArea li a {
        font-size: var(--font-15);
    }

    .menu-container .btnArea {
        margin-top: var(--mg-30);
    }

    .menu-container .btnArea li {
        margin: 0 var(--mg-5);
    }

    .menu-container .btnArea li a span {
        font-size: var(--font-16);
    }
}