/**
 * header
 **/


/* logo */

.logo-left .logo {
  margin-right: 0px!important;
}

/* Main Menu */
.header-button .button.primary {
  margin-right: 10px;
  margin-left: 10px;
}

.header-main {
  box-shadow: 0px 6px 6px rgb(0 0 0 / 30%);
}


/* Menu Button */
.icon-menu {
    position: relative;
    top: 2px;
    content: url(https://www.markg166.sg-host.com/wp-content/uploads/2021/11/AOA-Icoon-Home-o1.svg);
}


@media screen and (min-width: 0px) and (max-width: 850px) {
.nav-center {
  display: flex!important;
      flex-flow: row!important;
    justify-content: space-between!important;
}}

@media screen and (min-width: 0px) and (max-width: 850px) {
.header-block {
    width: calc(100% - 70px)!important;}}


.html.header-social-icons.ml-0 {
    width: 70px!important;}



    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .header-main .show-for-medium {
    display:block!important;
    }}

    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .header-main .hide-for-medium {
    display:none!important;
    }}

    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .medium-logo-center .flex-left {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
    }}

    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .medium-logo-center .logo {
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin: 0 15px;
    }}

    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .header-main .logo-center .logo {
    margin: 0 5px;
    }}

    @media screen and (min-width: 0px) and (max-width: 1100px) {
    .medium-logo-center .flex-right {
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        -ms-flex-order: 3;
        order: 3;
    }}


    body {
    	margin: 0;
    	padding: 0;
    overflow: hidden;
    }


    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
      font-size: 18px;
      text-transform: none;
    font-weight: normal;}

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        width: 360px;}