/* BEGIN max width 1200px */
@media (max-width: 1200px) {
    .header .container > .navbar-collapse {
        clear: both;
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }

   

        .header .nav > li > a:first-child {
            padding-left: 0;
        }

    .header .navbar-nav > li.active > a, .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a:focus, .header .navbar-nav > li.open > a, .header .navbar-nav > li.open > a:hover, .header .navbar-nav > li.open > a:focus {
        background: none;
    }

    .header .nav li.menu-search {
        padding-top: 0;
    }

        .header .nav li.menu-search span.sep {
            top: 2px;
            margin-right: 26px;
        }

        .header .nav li.menu-search i {
            top: -4px;
        }

    .steps3-col:first-child em {
        margin-left: 5px;
    }

    .content-form-page .control-label {
        padding-left: 30px;
        padding-bottom: 5px;
    }

    .content-form-page .col-md-offset-4 {
        margin-left: 15px;
    }

    .content-form-page .pull-right {
        float: left !important;
    }
}
/* END max width 1200px */

/* BEGIN min width 992px */
@media (min-width: 992px) {
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: block;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
    }

    .navbar-nav > li > a > .fa-angle-down {
        display: none;
    }
}
/* END min width 992px */

/* BEGIN max width 992px */
@media (max-width: 992px) {
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }

    .navbar-header {
        float: none;
    }

    .cart-block {
        float: none;
        position: absolute;
        top: 0;
        right: 60px;
    }

    .header .container {
        position: relative;
    }

        .header .container > .navbar-collapse {
            height: 0 !important;
            overflow: hidden !important;
            margin-bottom: 15px;
            padding-top: 0;
            padding-bottom: 0;
        }

            .header .container > .navbar-collapse.in {
                height: auto !important;
                overflow: inherit !important;
                margin-left: 15px;
                margin-top: 20px;
            }

    .header {
        min-height: 83px;
    }

        .header .navbar-nav:not(.notification) {
            margin: 0 -40px 0;
            padding: 15px 15px 0;
            background: #ececec;
            font-size: 16px;
            float: none;
        }

        .header .nav li {
            border-bottom: 1px solid #ECECEC;
            float: none;
            display: block;
        }

            .header .nav li a {
                padding: 7px 8px 5px !important;
                color: #3E4D5C !important;
            }

                .header .nav li a:hover,
                .header .nav li a:focus,
                .header .nav li.active > a,
                .navbar-nav .open .dropdown-menu > li > a:hover {
                    color: #E02222 !important;
                    background: none !important;
                }

            .header .nav li .fa-angle-down {
                float: right;
            }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        background: inherit;
        border: none;
        box-shadow: none;
        margin: 0 0 0 20px;
        display: block !important;
        width: auto;
    }

    .header li.dropdown > .dropdown-menu:after {
        border: none;
    }

    .header .dropdown-menu .fa-angle-right {
        display: none;
    }

    .dropdown-menu[aria-labelledby="mega-menu"], .dropdown-menu[aria-labelledby="mega-menu-catalogue"] {
        float: none;
        width: auto;
    }

    .nav-content {
        padding: 0;
    }

    .nav-content-col {
        float: none;
        width: 100%;
    }

        .nav-content-col > h3 {
            font-size: 13px;
            margin: 0;
        }

    .header .nav-brands {
        margin: 0 0 15px;
        padding: 0;
    }

        .header .nav-brands ul {
            border: 1px solid #F0F0F0;
        }

        .header .nav-brands li {
            max-width: 50%;
            display: inline-block;
        }

    .dropdown-menu[aria-labelledby="mega-menu-catalogue"] {
        margin-left: 10px !important;
    }

    .nav-content .product-item {
        margin: 10px 20px 10px 0;
    }

        .nav-content .product-item:last-child {
            margin-right: 0;
        }

    .header .navbar-nav > li > a:focus, .header .navbar-nav > li.open > a:focus {
        color: #333 !important;
    }

    .header .nav li.menu-search {
        padding-bottom: 10px;
        padding-left: 10px;
        border: none;
    }

        .header .nav li.menu-search span.sep {
            display: none;
        }

        .header .nav li.menu-search i {
            top: 7px;
        }

    .header .search-box {
        right: auto;
        left: 0;
        top: 0;
        position: static;
    }

        .header .search-box:after {
            border: none;
        }

    .sidebar-menu a:focus {
        color: #333 !important;
        text-decoration: none;
    }

    .sale-product___removed {
        margin-bottom: 40px;
    }

    .new-arrivals___removed {
        margin-left: 15px;
        padding-left: 0;
    }

    .two-items-bottom-items {
        margin-bottom: 40px;
    }

    .carousel img {
        width: 100%;
    }

    .steps3 {
        padding-bottom: 10px;
    }

    .steps3-col {
        border: 2px solid #FFF;
        margin: 0 20px 20px 15px;
        padding: 20px 20px 15px;
        min-height: auto;
        float: left;
    }

        .steps3-col:last-child {
            margin-right: 0;
        }

    .steps3 .steps3-col div {
        margin-left: 0;
    }

    .steps3 h2 {
        font-size: 25px;
    }

    .steps3 em {
        text-transform: inherit;
    }

    .steps3-col span,
    .steps3-col .fa {
        display: none;
    }

    .steps3-col:first-child em {
        margin-left: 0;
    }

    .pre-footer-subscribe-box form {
        width: 100%;
    }

    .sidebar-products img {
        float: none;
        margin-bottom: 5px;
        width: 100%;
        height: auto;
    }

    .sidebar-products h3,
    .sidebar-products .price {
        margin-left: 0;
    }

    .product-page-options .pull-left {
        margin-bottom: 10px;
    }

    .product-quantity {
        margin-bottom: 10px;
    }

    /*
	if you want to hide buttons on mobile view, uncomment this block
	.pi-img-wrapper div {
		display: none !important;
	}*/
    .review .rateit {
        width: 100%;
        margin-bottom: 10px;
    }

    .list-view-sorting .pull-right {
        margin-bottom: 10px;
    }
    .merchant-header .mega-menu .btn.green{
        padding: 8px 14px;
        margin-left: 22px;
        float: none;
    }
    .offerlist{
        padding: 0 30px;
    }
}
/* END max width 992px */

/* BEGIN max width 767px */
@media (max-width: 767px) {
    .pre-header .pull-right {
        float: left !important;
        text-align: right;
    }

        /*.pre-header .pull-right li:first-child {
            padding-left: 0;
        }*/

    .navbar-toggle {
        margin-right: 15px;
    }

    .header .container > .navbar-collapse.in {
        margin-left: 0;
        margin-right: 0;
        padding: 15px 15px 0;
    }

    .right-header, .navbar, .nav > li.dropdown{
        position: relative;
    }

    .sidebar {
        margin-bottom: 40px;
    }

    .sidebar___removed {
        margin-bottom: 40px;
    }

    .sidebar-menu .fa-angle-right {
        display: inline-block;
    }

    .pre-footer .pull-right,
    .footer .pull-right {
        float: left !important;
    }

    .pre-footer .pull-right,
    .footer .pull-right {
        padding-top: 20px;
    }

    .footer .list-inline > li {
        padding-left: 0;
        margin-right: 5px;
    }

    .steps3-col {
        border: 2px solid #FFF;
        margin: 0 15px 20px;
        padding: 20px 20px 15px;
        min-height: auto;
        float: none;
    }

        .steps3-col:last-child {
            margin-right: 15px;
        }

    .steps3 .steps3-col div {
        margin-left: 0;
    }

    .steps3 h2 {
        font-size: 43px;
    }

    .steps3 em {
        text-transform: uppercase;
    }

    .steps3-col span {
        display: none;
    }

    .steps3-col .fa {
        display: block;
    }

    .form-info {
        border-left: none;
        padding-left: 0;
        padding-top: 30px;
        border-top: 1px solid #E4E6E8;
        margin-bottom: 0;
    }

    .sidebar-products .item {
        float: left;
        width: 48%;
        margin-bottom: 20px;
        padding: 0 10px 10px;
    }

    .sidebar-products img {
        width: 100%;
        height: auto;
    }

    .list-view-sorting {
        /*background: #fff;*/
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
    }

        .list-view-sorting .col-md-10 {
            padding-right: 0;
        }

    .product-other-images {
        margin-bottom: 40px;
    }

    .product-page-options .pull-left {
        margin-bottom: 0;
    }

    .product-item .img-responsive {
        width: 100%;
    }

    .pagination {
        float: left !important;
    }

        .pagination > li {
            margin-left: 0;
            margin-right: 5px;
        }

    .pre-footer .margin-bottom-40 {
        margin-bottom: 0;
    }

    .ls-layer3 .ls-price strong {
        top: -15px;
    }
    .offerlist .grid-items li{
        width: 100%;
    }
    .wallet-page.alpha .grid-items li{
        width: 100%;
    }
    .wallet-page.alpha .grid-items li .product-item{
        width: 100%;
    }
}
/* END max width 767px */

/* BEGIN max width 600px */
@media (max-width: 600px) {
    .ls-layer3 .ls-price strong {
        top: -5px;
    }
     .header .nav > li > a {
        padding-top: 5px;
        padding-bottom: 15px;
    }
    div.dataTables_paginate{
        float: none!important;
        margin: 0;
        clear: both;
        overflow: hidden!important;
        margin-top: 24px!important;
    }
    h1{
        font-size: 30px!important;
    }
}
/* END max width 600px */

/* BEGIN max width 480px */
@media (max-width: 480px) {
    .pre-header .list-inline li {
        border: none;
        margin-bottom: 10px;
        padding: 0;
    }

    .pre-header .col-md-6 {
        float: left;
    }

    .pre-header .additional-nav {
        float: right;
        text-align: right;
    }

    .header {
        min-height: 125px;
    }

        .header .container > .navbar-collapse.in {
            margin-top: 40px;
        }

    .cart-block {
        top: 50px;
        left: 14px;
        right: auto;
    }

    .cart-content-wrapper {
        left: 0;
        right: auto;
    }

    .cart-content {
        width: 280px;
    }

        .cart-content:after {
            left: 15px;
        }

    .cart-block img,
    .cart-block .cart-content-count {
        display: none;
    }

    .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
        display: none;
    }

    .checkout-content {
        padding: 0 0 40px;
    }

    .checkoucth h2 a {
        padding: 9px 10px 8px;
    }

    .table-wrapper-responsive {
        overflow-x: scroll;
    }

    .shopping-carcth .btn-default {
        float: right;
    }

    .shopping-carcth .btn-primary {
        clear: both;
        margin-top: 10px;
    }

    .checkoucth .btn-default {
        clear: both;
        margin-top: 10px;
        margin-right: 0 !important;
    }
    
    .header .navbar-toggle{
        margin-top: 10px;
        margin-right: 0;
        margin-left: 10px;
    }
    .pre-header-div {
        height: auto;
    }
}
/* END max width 480px */

/* BEGIN max width 320px */

@media(min-width:767px){
    .navbar-header-sm{
        display: none;
    }
}

@media (max-width: 320px) {
    .footer img {
        margin-bottom: 10px;
    }

    .content-form-page .btn-default {
        margin-top: 10px;
    }

    .price-availability-block .availability {
        clear: left;
        float: left;
    }

    .product-page-options .pull-left {
        margin-bottom: 10px;
    }
}
/* END max width 320px */



navbar-header-sm {
    display: none;
}

@media (max-width:800px) {
    .navbar-brand img {
        max-height: 60px;
    }

    .header a.navbar-brand {
        height: auto;
    }

    .header .navbar-toggle {
        /*position: absolute;
        top: 30px;
        right: 0px;
        z-index: 99;*/
    }

    .header .navbar-collapse {
        position: fixed;
        left: 0px;
        right: 0px;
        top: 70px;
        background: #fff;
        z-index: 999;
        bottom: 0px;
        height: 100% !important;
        display: none !important;
    }

        .header .navbar-collapse.in {
            display: block !important;
            padding-left: 0px;
            background: #ececec;
        }

    .header {
        height: auto;
        min-height: 50px;
    }

        .header .navbar-nav:not(.notification) {
            margin: 0 0px !important;
        }

    .nav > li.dropdown .nav-content-col {
        width: 24%;
    }

    .header .search-bar .input-group.row {
        margin: 0;
    }

    .header .twitter-typeahead {
        display: block !important;
    }

        .header .twitter-typeahead .form-control.tt-input {
            width: 100%;
        }

    body .header .nav li a {
        padding: 10px 8px 10px !important;
    }
    .header .navbar-header-sm .navbar-toggle {
        position: relative;
        z-index:1;
        width: 32px;
        height: 32px;
        padding: 6px;
    }
    .header .navbar-header-sm .navbar-toggle.open,.header .navbar-header-sm .navbar-toggle.active {
        color: #fff;
    }
    .header .navbar-header-sm .navbar-toggle.open span:before{
        content: "\f00d";
    }
    .header .navbar .navbar-header .navbar-toggle:not(.open) .fa-times{
        display: none;
    }
    .header .navbar .navbar-header .navbar-toggle.open{
        width: 32px;
        height: 32px;
        padding: 6px;
    }
    .header .navbar .navbar-header .navbar-toggle.open .sr-only,.header .navbar .navbar-header .navbar-toggle.open .icon-bar{
        display: none;
        
    }
}
@media(min-width:767px) and (max-width: 900px){
    .header .navbar-collapse.home-menu{
           top: 100px;
    }
    .header .navbar-toggle{
        margin-top: 19px;
    }
    .right-header .pre-header{
        padding-top: 19px;
    }
    .reward-points i{
        width: 100px;
        height: 100px;
    }
    .reward-points i:before{
        margin-top: 20px;
    }
    .reward-points p{
        font-size: 20px;
        padding: 8px 0 0 103px;
        line-height: normal;
    }
    .social li{
        width: auto!important;
        padding: 0 0!important;
        margin-bottom: 5px;
    }
    .homepage .page-slider{
        padding-top: 100px!important;
    }
}

@media (max-width:700px) {
    .nav > li.dropdown .nav-content-col {
        width: 100%;
    }
    .reward-points i{
        width: 100px;
        height: 100px;
    }
    .reward-points i:before{
        margin-top: 20px;
    }
    .fb-point,.email-point,.offer-point,.super-pack-point{
        width: 100%;
    }
    .reward-points p{
        font-size: 20px;
        padding: 27px 0 0 113px;
        line-height: normal;
    }
    .fb-point{
        padding-right: 0;
    }
    .email-point,.offer-point{
        padding-left: 0%;
    }
    .reward-points .fb-point.twit-point, .reward-points .email-point.pint-point,.offer-point,.super-pack-point,.email-point{
        padding-top: 10px;
    }
    .fb-point,.super-pack-point{
        border: 0;
    }
    .rwrdPntDtl label{
        margin-right: 0px; 
    }
    .social li{
        width: auto!important;
        padding: 0 0!important;
    }
    .grid-items li:not(.col-md-3){
        width: 100%;
    }

    .user-menu {
        position: fixed;
        left: 0;
        bottom: 0;
        display: none;
        background: #fff;
        top: 101px;
    }
    .pt-left .nav-tabs{
        display: flex;
        overflow: auto hidden;
        align-items: center;
    }
    .user-menu.open {       
        display: block;
        background: #ececec;
        top: 71px;
       
    }

        .user-menu li {
            padding: 6px 0;
            width: 100%;
        }

    navbar-header-sm {
        display: block;
    }

    
	.main, .page-slider {
        padding-top: 60px;

	}
    .breadcrumb{
        width: 100%;
    }
    .results-filter label{
        display: block;
    }
    .results-filter{
        float: none;
        padding: 17px 0;
    }

    .paginations{
        margin-left: 17px;
    }

    .pre-f-b-l.col-md-2{
        width: auto;
        border: 0;
    }

    .pre-footer {
        text-align: center;
    }

    .pre-footer .social-icons li{
        float: none;
        display: inline-block;
    }

    .pre-footer .apps a{
        margin: 0 0 10px 0;
    }
    .col-md-12 h2{
        width: 75%;
        font-size: 22px;
    }
    .merchant-content h1{
        font-size: 30px;
    }
    .pre-header{
        float: none;
        display: flex;
    }
    .user-menu.top-right{
        width: 100%;
        margin: 0;
        padding: 15px;
        background: #f9f9f9;
    }
    .header .navbar-nav.notification {
        display: none;
    }
}