@media (max-width:1200px) {
    #hd_wrapper {
        display:none;
    }

    #hd_mobile_header {
        background-color:#596bb2;
        height:auto;
        display:block;
    }
    #hd_mobile_header .m-header-titles {
        height:70px;
        border-bottom:1px solid #aabfee;
        display: flex;
        align-items: center;
    }
    #hd_mobile_header .m-header-titles .logo {
        float:left;
        /* line-height:70px; */
        padding-left:20px;
        flex-grow: 1;
    }
    #hd_mobile_header .m-header-titles .logo img {
        vertical-align: middle;
        margin-right: 10px;
        max-width:60px;
        max-height:60px;
    }
    #hd_mobile_header .m-header-titles .logo h1 {
        font-size:16px;
        color:white;
        display: flex;
        align-items: center;
    }
    #hd_mobile_header .m-header-titles .r-select {
        float:right;
        line-height:70px;
        padding-right:20px;
        font-size:16px;
        color:white;
        font-weight:bold;
        display: flex;
    }
    #hd_mobile_header .m-header-titles .r-select select {
        background: transparent;
        color: white;
        font-weight: bold;
        border: 1px solid #5786f0;
        box-shadow: none;
        text-align-last: right;
    }
    #hd_mobile_header .m-header-titles .r-select select option {
        color: #2c5dca;
    }
    
    #hd_mobile_header .m-header-content {
        min-height:70px;
        position:relative;
        padding:0 20px;
    }
    #hd_mobile_header .m-header-content .alls-menu {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 15px;
    }
    #hd_mobile_header .m-header-content .alls-menu::after {
        content:'';
        display:block;
        clear:both;
    }
    #hd_mobile_header .m-header-content .alls-menu .left {
        float:left;
        flex-grow:1;
    }
    #hd_mobile_header .m-header-content .alls-menu .left button {
        margin:0;
        padding:0;
        outline:0;
        border:0;
        background:transparent;
        color:white;
        font-size:15px;
    }
    #hd_mobile_header .m-header-content .alls-menu .left button i {
        font-size:1.5rem;
        margin-right:8px;
        vertical-align:middle;
    }
    #hd_mobile_header .m-header-content .alls-menu .left button span {
        vertical-align: middle;
        font-weight:600;
    }
    #hd_mobile_header .m-header-content .alls-menu .right {
        display:flex;
        float:right;
        align-items: center;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .cart {
        margin-right:10px;
        vertical-align: middle;
        position:relative;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .cart span {
        color:white;
        font-weight: 600;
        vertical-align: middle;
        display:inline-block;
        font-size: 13px;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .cart .round {
        border-radius: 100px;
        background-color: white;
        color: #5786f0;
        display: inline-block;
        padding: 2px 7px;
        vertical-align: middle;
        margin-left: 5px;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .cart .round span {
        color:#5786f0;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .bell {
        vertical-align: middle;
        position:relative;
        display: flex;
        align-items: center;
    }

    #hd_mobile_header .m-header-content .alls-menu .right .bell i {
        color:white;
        font-size: 20px;
    }
    #hd_mobile_header .m-header-content .alls-menu .right .bell .round {
        background-color:#fcff00;
        border-radius:100px;
        color:#5786f0;
        display:inline-block;
        padding: 4px 10px;
        vertical-align:middle;
        margin-left:10px;
    }

    #hd_mobile_header .m-header-content .m-header-search {
        padding: 18px 0;
        position:relative;
        width:100%;
    }
    #hd_mobile_header .m-header-content .m-header-search form {
        display:flex;
        width:100%;
    }
    #hd_mobile_header .m-header-content .m-header-search select {
        width:20%;
        margin-right:15px;
        height:40px;
        background-color:#fff;
        border:0;
        outline:0;
        border-radius:3px;
        box-shadow:none;
    }

    #hd_mobile_header .m-header-content .m-header-search .search-area {
        width:80%;
        position:relative;
    }
    
    #hd_mobile_header .m-header-content .m-header-search .search-area input {
        height:40px;
        width:100%;
        background-color:#fff;
        border:0;
        outline:0;
        border-radius:3px;
        box-shadow:none;
        padding-left: 10px;
        padding-right: 40px;
    }
    #hd_mobile_header .m-header-content .m-header-search .search-area button {
        border:0;
        outline:0;
        background:transparent;
        position: absolute;
        right: 17px;
        top: 6px;
        color: #b2b2b2;
        font-size: 17px;
    }
    #hd_mobile_header .toggle-info {
        color: #fff;
    }
}

@media (min-width:1201px) {
    #hd_mobile_header {
        display:none;
    }
}