.col-xs-3 .form-control {
    padding: 1px;
}

#left-ad {
    visibility: visible;
}

#left-ad-above-middle {
    display: none;
}

.responsive-header-user-circle .row{
    text-align:center;
}

.responsive-header-user-circle  .responsive-becomereseller-link{
    margin-left: 0px;
}

.pagination-col-1 {
    text-align: left;
}

.pagination-col-2 {
    text-align: left;
}


.pagination-col-3 {
    text-align: right;
}

.save-search-popup {
    width: 600px;
    left: 0;
    right: 0;
    margin: auto;
}

.js-btn-facet-apply {
    height: 28px;
}

.flexbox-carousel {
    padding: 0 40px 0 20px;
    position: relative;
}

.flexbox-carousel-button-prev, .flexbox-carousel-button-next {
    position: absolute;
    top: 0;
    bottom: 0;
}

.flexbox-carousel-button-prev {
    left: 0;
}

.flexbox-carousel-button-next {
    right: 0;
}

.flexbox-carousel-container {
    overflow: hidden;
    margin:10px;
    /*height: 300px;*/
}
/*
    .flexbox-carousel-container:hover {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    */

.flexbox-carousel-container-category {
    overflow: hidden;
   
    /* overflow-x: auto;*/
}

.flexbox-carousel-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.flexbox-carousel-list.unwrap {
    flex-wrap: nowrap;
}

.flexbox-carousel-item {
    flex: 1 0 220px; /*240px to show only 5*/
    max-width: 220px; /*296px*/
    padding-left:12px;
    padding-right: 12px;
    border: 1px solid #fff;
}


.col-md-9 .flexbox-carousel-item {
    /*for search page, showing 4 and half*/
    flex: 1 0 200px;
    max-width: 200px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #fff;
}

    .col-md-9 .flexbox-carousel-item .font-price-notavailable {
        font-size: 20px;
        padding: 4px 0 4px 0;
    }

.col-md-6 .flexbox-carousel-item {
    /*for search page, showing 4 and half*/

    flex: 1 0 150px;
    max-width: 150px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #fff;
}

.col-md-6 .flexbox-carousel-item .font-price-notavailable {
    font-size: 14px;
    padding: 4px 0 6px 0;
}
    .col-md-6 .flexbox-carousel-item .product_img .img-thumbnail {
        width: 125px;
        height: 125px;
    }

.flexbox-carousel-category {
    flex: 1 0 296px;
    max-width: 296px;
    
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #fff;
}
@media(max-width: 767px) {
    .flexbox-carousel-category {
        flex: 1 0 240px;
        max-width: 240px;
    }
}
@media(max-width: 540px) and (min-width: 480px) {
    .flexbox-carousel-category {
        flex: 1 0 296px;
        max-width: 296px;
    }
}
@media(max-width: 320px) {
    .flexbox-carousel-category {
        flex: 1 0 220px;
        max-width: 220px;
    }
}
@media(max-width: 300px) {
    .flexbox-carousel-category {
        flex: 1 0 180px;
        max-width: 180px;
    }
}

#filterButtonForMobile{
    height:28px;
}

.col-xs-6 .sortby, .col-xs-6 .sortby .btn-secondary-1 {
    width: 100%;
    height: 28px;
    font-size: 12px;
}

.grid-row {
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
}

.grid-item {
    flex-basis: 25%;
    -ms-flex: auto;
    max-width: 230px;
    position: relative;
    padding: 7px;
    box-sizing: border-box;   
}

.grid-column {
    display: block;
    flex-flow: column wrap;
    justify-content: flex-start;
}

.grid-column-item {
    flex-basis: 25%;
    -ms-flex: auto;
    max-width: 920px;
    position: relative;
    padding: 7px;
    min-width: 100%;
}

.grid-column-item:first-child { 
    border-top: 1px solid #eee;
    margin-top: 2px;
    padding-bottom: 2px;
}

#listView i,
#gridView i {
    color: lightgrey;
}

#listView > i.active,
#gridView > i.active {
    color: #337AB7;
}

.flexbox-carousel-nav-5cols {
    visibility: visible;
}

.flexbox-carousel-nav {
    visibility: visible;
}

.flexbox-carousel-container .carousel-control {
    display: block;
  
}

@media(max-width: 1350px) {
    .grid-item {
        flex-basis: 25%;
    }
   
}


@media(min-width: 1235px) {
    /*nav buttons for top categories:  */
    .flexbox-carousel-nav {
        visibility: hidden;
    }
    /*
    .flexbox-carousel-item {
        flex: 1 0 200px; 
        max-width: 200px;
        padding-left: 12px;
        padding-right: 12px;
        border: 1px solid #fff;
    }
        */
}




@media(max-width: 1120px) {
    .grid-item {
        flex-basis: 33.3%;
        max-width: calc(33.3% - 10px);
        
    }
    /*
    .flexbox-carousel-container-category {
        overflow-x: auto;
    }

    .flexbox-carousel-container:hover {
        overflow-x: auto;
    }

   */

    .font-price-notavailable {
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 4px;
    }
    
}


@media(max-width: 768px) {
    /*hide control only for ipad: 768 or under, show control for ipad pro: 1024*/
    .flexbox-carousel-nav {
        visibility: hidden;
    }

    .flexbox-carousel-nav-5cols {
        visibility: hidden;
    }
    .flexbox-carousel-item {
        flex: 1 0 200px;
        max-width: 200px;
    }
    #left-ad {
        display: none;
    }
    #left-ad-above-middle {
        margin: 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; /*space-between*/
    }

    #left-ad-above-middle .advert_img {
        width: calc(50% - 10px);
        text-align: center;
    }

    ul.dropdown-menu.top-nav-menu-item{
        width:100%;
        margin-left:-15px;
    }
    ul.back-office-top-menu{
        padding:0;

    }
}

    @media(max-width: 767px) {
        .grid-row {
            justify-content: center;
        }

        .grid-item {
            flex-basis: 50%;
            padding: 0px;
            margin: 0px;
            max-width: calc(50%);
            margin: auto;
        }

        .statusflag {
            margin-left: 0px;
        }

        .flexbox-carousel-item {
            padding-left: 2px;
            padding-right: 2px;
        }

        .flexbox-carousel {
            padding: 2px;
        }

        .AddBtn-default {
            /* to show 2 cols and half of product - flexbox-carousel-item: max-width: 150px, can't  fit in 120px of button */
            /*width: 120px;*/
        }

        .space-between-2cols > a > img {
            width: 100%;
            margin-top: 4px;
        }

        .flexbox-carousel-item {
            flex: 1 0 150px;
            max-width: 150px;
        }

        .col-xs-9 {
            padding-left: 2px;
            padding-right: 2px;
        }

        #searchBox_Global_v2{
            height: 40px;
            font-size: 13px;
        }

        #typeAheadResults tr td{
            height: 28px;
        }

        .pagination-col-1 {
            text-align: center;
        }

        .pagination-col-2 {
            text-align: center;
        }


        .pagination-col-3 {
            text-align: center;
        }

        .right-addon .glyphicon {
            right: 4px;
            top: 4px;
        }

    }
    @media (max-width:500px) and (min-width: 475px) {
        .flexbox-carousel-item {
            flex: 1 0 190px;
            max-width: 190px;
        }
    }  
    @media (max-width:400px) and (min-width: 366px) {
        .flexbox-carousel-item {
            flex: 1 0 140px;
            max-width: 140px;
        }
    }   
    @media(max-width: 375px) {
        .sortby .btn-secondary-1 {
            height: 28px;
            font-size: 12px;
        }

        .save-search-popup {
            width: 90%;
            left: 0;
            right: 0;
            margin: auto;
        }
    }
    @media (max-width:365px) and (min-width: 320px) {
        .flexbox-carousel-item {
            flex: 1 0 200px;
            max-width: 200px;
        }
    }
    @media(max-width: 359px) {
        .grid-row {
            justify-content: center;
        }

        .grid-item {
            flex-basis: 100%;
            max-width: 300px;
            margin: auto;
        }
    }