@media (max-width: 992px) {
    .cemx-header {
        .cemx-header-list-box {
            position: static;
            .cemxc-main-menu{
                box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.3);
                position: absolute;
              
               z-index: 0;
                right:0;
                width: max-content;
                height:100vh;
                background-color: rgba(var(--thm-color-one),1);
                .cemx-menu {
                    height: unset;
                   .cemx-menu-box{
                       li{
                        padding-left: 20px;
                       }
                   }
                }
                .contact-box {
                    margin-top:auto;
                }
            }
          
        }
    }
    .cemx-d-md-none{
        display:none;
    }
    .cemx-hamberger{
        display:block;
    }
}
@media (max-width: 576px) {
    .cemx-header {
        .cemx-header-list-box {
            .cemxc-main-menu{
                padding-top: 80px;
                width: 100%;
                height:unset;
            }
        }
    }
}