:root {
    --primary-color: #ffc400;
    --border: #dddddd5e;
}
.container {
    max-width: 97%;
}
.header_menu li a:before, .header_menu li a:after {
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    bottom: 8px;
    background: var(--primary-color);
  }
  
  .header_menu li a:before {
    left: 0;
  }
  .header_menu li a:after {
    right: 0;
    background: var(--primary-color);
    transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  
  .header_menu li a:hover:before {
    background: var(--primary-color);
    width: 100%;
    transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  
  .header_menu li a:hover:after {
    background: transparent;
    width: 100%;
    transition: 0s;
  }
  ul.nav-menu.header_menu li a {
    padding: 30px 0 15px;
    width: min-content;
    margin: 0 13px;
    white-space: nowrap;
}

/* login */
li.login_btn_li:hover a.btnlogin {
    background: #fff;
    border: 1px solid #000;
}
li.login_btn_li {
    margin-right: 20px !important;
}
a.btnlogin {
    border: 1px solid #000;
}
/* add shop */
li.add_shop_btn:hover a.btnadd {
    background-color: #fff;
    border: 1px solid var(--primary-color);
}
a.btnadd{
    border: 1px solid var(--primary-color);
}
.image-cover .container {
    max-width: 1200px;
}
/* mobile menu */
.navigation-portrait .nav-menus-wrapper{
    background-color: #fff;
}
.navigation-portrait .nav-menu>li, .navigation-portrait .nav-menu>li:last-child {
    border: none;

}   
.navigation-portrait ul.nav-menu.header_menu li a{
    padding: 15px 0 15px;
}
.navigation-portrait a.btnlogin, .navigation-portrait  a.btnadd{
    height: 10px !important;
}
a.dropdown-item:hover {
    background: var(--primary-color);
}
div#load_data_message center{
    margin: 0 0 35px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffc400;
    color: black;
}

/* media query */
@media (max-width:320px) {
    .shorting-right label {
        /* width: 100% !important; */
        white-space: nowrap;
    }
}
@media (max-width: 767px) {
    .Reveal-search.Reveal-search-radius.box-style .btn.search-btn{
        width: 95%;
        margin: auto;
    }
    hr{
        margin: 0;
    }      
    .footer-widget {
        padding-bottom: 0;
    }
    .skin-dark-footer .footer-bottom {
        margin-top: 1.875rem;
    }

}
@media (min-width:768px) and (max-width: 1024px) {
    hr{
        margin: 0;
    }
    .footer-widget {
        padding-bottom: 0;
    }
    .skin-dark-footer .footer-bottom {
        margin-top: 1.875rem;
    }
}
@media (max-width: 1300px) {
    .image-cover .container{
        width: 90%;
    }
}