@media (min-width:120px) and (max-width:480px) {
    .navbar-brand > img { width: 50%; }
    .navbar-default .navbar-toggle { border-color: #ddd; background: #fff; }
    .navbar-nav { border-radius: 0px; margin-top: 0; }
    .navbar-brand { min-height: 60px; }
    .road-map-images { position: absolute; top: -10px; right: 155px; width: 100px; }
    .road-map-left-images { position: absolute; top: 0px; left: 53px; width: 127px; }
    .category { margin-bottom: 15px; }
    .sub-banner { background-size: contain; min-height: 110px; }
    .media-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; margin-top: 30px; width: 100% !important; }
    .home-cart { width: 410px; overflow: scroll; background: #fff; }
    .cart-dropdown .dropdown-menu { position: absolute !important; top: 100%; left: -204px !important; z-index: 1000; display: none; float: left; min-width: 400px; padding: 5px 0; margin: 2px 0 0; height: 400px; list-style: none; font-size: 14px; background-color: #fff !important; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; }

    .dropdown-open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #efefef !important; border: 0; left: -63px; position: absolute !important; min-height: 164px; -webkit-box-shadow: none; box-shadow: none; }
    .logins ul li a { /* color: #fff; */ color: #000; margin-right: 12px; }
    .dropdown-open { width: 67px; }
    #carousel-example-generic .item img { width: 100%; height: 200px; }
    .road-map-banner { background: url(../images/images-road-map-header.png); min-height: 322px; background-size: cover; margin-top: 74px; }
    .sub-content { margin-top: 88px; } 
    .search { display: none; }
    .logins ul { padding-left: 0; }
    .logins ul li { float: left; padding-left: 2px; }

    .navbar-nav > li > a { line-height: 18px !important; padding: 15px 25px; }

    .menu-toggle #menu-btn { float: right; background: #202020; border: 1px solid #0C0C0C; padding: 8px; border-radius: 5px; cursor: pointer; margin: 10px; position: fixed; right: 2px; top: 0px; }

    .navbar { top: 73px; }
}

@media (min-width:120px) and (max-width:991px) {
}

@media (min-width:768px) and (max-width:1023px) {
}

@media (min-width:992px) and (max-width:1023px) {
}

@media (min-width:1024px) and (max-width:1279px) {
}

@media (min-width:120px) and (max-width:767px) {
    .colon { display: none; }

    @media (max-width:767px) {
        .edittop { margin-top: 100px !important; }
        .hdsearch { display: none; }
        .bt1{text-align:center !important}
    }