.ms-new-navbar-toggle {
    display: none;
}

/* Medium devices (1200px and under) */
@media (max-width: 1200px) {
    .logo-container {
        z-index: 1031;
        top: 0;
        width: auto;
        position: fixed;
        left: 0;
        right: auto;
        padding: 2px;
    }
    img.banner-img {
        height: 46px;
    }
    .ms-new-navbar {
        position: fixed;
        top: 0px;
        display: block;
        left: -250px;
        right: 0;
        background: #2b2b2b;
        margin: 0;
        bottom: 0;
        max-width: 250px;
        width: 100%;
        overflow: auto;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -ms-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        padding-top: 68px;
        overflow: hidden;
    }
    .ms-new-navbar li {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        text-align: left;
        float: left;
    }
    .ms-new-navbar .user-menu li:last-child {border-bottom: 0}
    .ms-new-navbar li a {
        padding: 16px 15px;
        width: 100%;
        position: relative;
    }
    .ms-new-navbar-toggle {
        display: block;
        font-size: 30px;
        margin: 4px 15px;
    }
    .ms-new-navbar.ms-active-menu {left: 0;}
    .menu-container .ms-new-navbar .open .dropdown-menu {
        position: inherit;
        margin: 0;
        width: 100%;
    }
    .menu-container .ms-new-navbar .open .dropdown-menu li {
        border: none;
    }
    .menu-container .ms-new-navbar .fa-caret-down {
        float: right;
        margin: 2px 5px 0 0;
    }
    .menu-container .ms-new-navbar .open .dropdown-menu li a {
        padding: 5px 20px;
    }
    .menu-container .ms-new-navbar .open .dropdown-menu.loginDrop {
        margin: 0;
    }
    .menu-container .ms-new-navbar .open .dropdown-menu #loginform {
        padding: 0px 30px;
    }
    .menu-container a:hover, .menu-container .nav li a:hover {
        background: rgba(0,0,0,0.48);
        color: #21aae7 !important;
    }
    .menu-container a:hover, .menu-container .nav li.active a:hover {
        background: none;
    }
    .bottom-header .container {
        min-height: auto;
    }
    footer div {
        text-align: center;
    }
    ul.tabs-menu {
        display: none !important;
    }
    ul.views-menu {
        width: 100% !important;
        text-align: center !important;
    }
    .user-menu {
        float: none;
    }
    .user-menu li {
        display: inline-block;
    }
    .user-menu > li > a {
        line-height: 20px;
    }
    #content-bottom ul li {
        text-align: center;
    }
    .carousel-caption {
        bottom: 0px;
        background-color: transparent !important;
        padding-bottom: 10px;
        left: 50px !important;
        right: 50px !important;
    }
    .carousel-caption h2 {
        font-size: 20px;
        padding-bottom: 0px;
        margin-bottom: 5px;
    }
    .carousel-caption p {
        display: none;
    }
    .carousel-caption .btn-lg {
        padding: 6px 10px;
        font-size: 15px;
    }
    .carousel-control .fa {
        /* display: none; */
        top: 40%;
    }
    .carousel-indicators {
        display: none;
    }
    .btn-search {
        width: 100%;
    }
    .menu-container .navbar-nav {
        margin: 0;
        width: 100%;
    }
    .colour-dark-black .nav-justified > li > a {
        border-bottom: none !important;
    }
    .colour-dark-black .nav-justified > li.active {
        background: #00feee;
    }
    .colour-dark-black .nav-justified > li.active a {
        color: #333333;
    }
    .colour-dark-black .nav-justified > li.active a:hover {
        color: #000000;
    }
    .bs-icon.bs-icons {
        width: 50%;
        font-size: 4em;
    }
    .nav-tabs > li {
        float: none;
    }
    .nopadding {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* Added for #07866 */
    .back-button {
        text-align: center;
        padding-bottom: 15px;
        float: none !important;
    }
    /* end for #07866 */
    /* fix video posision for small device */
    #itemPreviewContainer > .left {
        z-index: 1;
    }
    .item-details-navhead {
        font-size: 20px;
    }
    .item-details-preview img,
    .item-details-preview audio,
    .item-details-preview video {
        width: 100%;
        height: auto !important;
    }
    #itemPreviewContainer > .carousel-control {
        background-image: none !important;
        color:#ffffff;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .ms-new-hero-heading {
        width: 100%;
        left: auto;
        right: auto;
    }

    #top .navbar-header {
        float: right;
    }
    #top .container {
        width: auto;
    }
    .container #search-container {
        width: 100%;
    }
    h2.container {
        width: 100%;
    }

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .bs-icon.bs-icons {
    width: 25%;
    font-size: 4em;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .bs-icon.bs-icons {
        width: 16.666666666666668%; /* WHAT...? */
        font-size: 4em;
    }
    .logo-container {
        padding: 10px;
    }
    .modal-lg > .modal-content > .modal-body > .alert{
        width:100% !important;
    }
}
/*
@media (min-width: 1040px) {
    .invoice, .basket {
        margin: 30px auto;
    }
}
*/
@media (max-width: 1350px) and (min-width: 1201px) {
    div.loginDrop {
        margin-left: -90px;
    }
}

/* Menu and banner width < 1230px */
/*
@media (max-width: 1230px) and (min-width: 1201px) {
    .menu-container {
        position: absolute;
        left: 15px;
        right: 15px;
    }
    
    .user-menu .dropdown-menu {

    }
    
    .logo-container {
        position: absolute;
        right: 15px;
    }
    
    .container #search-container {
        position: absolute;
        left: 15px;
        padding: 0;
    }
    
    div.loginDrop {
        position: absolute;
        margin-left: 0;
        right: -89px;
        left: auto;
    }
    
    .bottom-header {
        min-height: 120px;
    }
}
*/

@media (min-width: 768px) {
    .invoice, .alert, .basket {
        width: auto;
    }
    .invoice, .basket {
        max-width: 1000px;
        margin: 30px auto;
    }
    .bulk-edit {
        width: 40% !important;
    }
    .alert-hero {
        width: 135px !important;
        margin-left:15px;
    }
    div.modal-custom-body {
        width: 580px !important;
    }
    .basket-bottom{
        height:23px;
        width:100%;
        clear:left;
        background-color:#d8d8d8;
    }
    .navbar-fixed-bottom{
        min-height:73px !important;
    }
}

@media (max-width: 768px) {
    /* mobile styles */
    .right-drop-menu {
        width:60px;
        margin-right:0px !important;
    }
    .tooltip {
        display: none !important;
    }
    div.modal-custom-body {
        margin:1%;
    }
    .item-details > .modal-content > .row > div {
        height: auto !important;
    }
    .item-details > .modal-content > .row > div:nth-child(n+2) {
        width: 100%;
        padding-left:15px !important;
        padding-right:20px !important;
    }

    .item-details > .modal-content > .row{
        overflow-x:hidden;
        overflow-y: auto;
    }
    .item-details-modalWithBasket {
        height: calc(100% - 48px) !important;
    }
    .item-details > .modal-content > .row > div:nth-child(n+2) > h2,
    .item-details > .modal-content > .row > div:nth-child(n+2) > h3 {
        width:90% !important;
    }

    button.search-page-btns {
        /*margin-top: 0px !important;
        margin-bottom: 0px !important;*/
        margin: 0;
        position: absolute;
        right: 0;
        left: auto;
        height: 100%;
    }
    .function_nav button.search-page-btns {
        height: 33px;
    }
    
    
    
    #search-filter-bar-ops {
        background: #ddd !important;
        width: 50px;
        margin-top: 1px;
    }
    #search-filter-bar-ops > .navbar-nav > li,
    nav.function_nav > div.container-fluid > div#navbar-menu > .navbar-nav > li{
        padding-top: 7px;
    }
    nav.function_nav > div.container-fluid > div#navbar-menu > .navbar-nav > li{
        margin-left:-17px;
    }
    nav.function_nav > div.container-fluid > div#navbar-menu {
        background: #ddd !important;
        margin-top: 0px;
        border-top: 0px;
        width: 50px;
    }
    ul#checkDropDown{
        width: 50px;
        float: right;
        padding-left: 5px;
    }
    ul#checkDropDown:last-child{
        padding-bottom: 18px;
    }
    li.with_selected_items.open {
        height: 150px;
    }
    .generalPageAlerts {
        margin-right: 13px;
    }
    nav.function_nav .navbar-nav > li > a.search-view {
        margin-left: 22px;
    }
    
    .search-filter-bar .right-drop-menu {
        position: absolute;
        top: -2px;
        right: 40px;
    }
    nav.function_nav > div.container-fluid > div#navbar-menu {
        position: absolute;
        top: 0px;
        right: 40px;
    }
    
    .right-drop-menu a {
        width: 33px;
    }
    
}

@media only screen and (max-width: 480px) {
    .dropdown-menu {
        max-height:300px;
    }
    .checkUncheckBtns {
        top:2px;
        position:relative;
    }
    .basket-bottom{
        /*display:none;*/
    }
    .navbar-fixed-bottom{
        min-height:50px !important;
    }
    .switcher{
        display: none;
    }
}

/* Custom for search order buttons */
@media (max-width: 1000px) {
    ul.search-order-block {
        position: absolute;
        top: 45px;
    }
    nav.function_nav {
        height: 80px !important;
    }
}