@media(max-width:991.9px){
    .bars-box{
        display: block;
    }
    .site-nav {
        height: 100vh;
        width: 0;
        position: fixed;
        left: 0;
        overflow: hidden;
        z-index: 9;
        top: 0;
        transition: 0.1rem ease-in-out;
    }
    .site-nav.showMenu{
        width: 250px;
        background-color: #fff;
        overflow-y: scroll;
    }
    .site-nav ul{
        flex-direction: column;
        padding: 20px 0;
    }
    .hideMenu {
        position: absolute;
        right: 0;
        padding: 5px;
        background-color: var(--primaryColor);
        border-bottom-left-radius: 20px;
        z-index: 99;
        display: block;
    }
    .hideMenu i{
        font-size: 1rem;
        color: #fff;
    }
    .header-btn svg{
        display: none;
    }
    .contact-wrapper {
        margin: 20px 0px;
    }
    form.searchForm {
        margin: 7px 2px 7px 0;
    }
    ul.payment-option li a {
        max-width: 50%;
        flex: 0 0 50%;
    }
}
@media(max-width:767.9px){
    ul.payment-option li a {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .all-steps{
        flex-direction: row;
        padding: 20px;
    }
    .dashmenu{
        flex-wrap: wrap;
    }
    .all-steps .step{
        flex-direction: column;
        padding-bottom: 0;
        font-size: 12px;
    }
    .step::after{
        display: none;
        align-items: self-start;
    }
}