.st-heading div {
    z-index: 99999;
}


.nav-toggle {
    display: none;
}

.nav-container li {
    margin: 0px 11px;
}

.nav-container li#theLocker, .nav-container li#theFootlockerReward {
    display: none !important;
}

.mobile-cal-dd {
    display: none;
}

.image-container{height:130px !important;width:120px !important;}
/* Slick Slider */

.hot-picks {
}
.shoe-list li{
    margin:1px !important;
    width: 120px !important;
}


.hot-picks .slider {
    padding-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
}



.hot-picks .slide-content {
    border-bottom: solid 2px #FFF;
    padding-bottom: 20px;
    font-size: 12px;
    color: #FFF;
    margin-left: 10px;
    margin-right: 10px;
}

.hot-picks .slide-content:before, .hot-picks .slide-content:after {
    content: '';
    display: table;
    clear: both;
}

.hot-picks .slide-content > a {
    margin-bottom: 12px;
    display: block;
}

.hot-picks .slide-content h3 {
    float: left;
    width: 60%;
    font-weight: bold;
    font-size: 12px;
    min-height: 32px;
}

.slick-slide img {
    width: 100%;
    display: block;
}

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    display: block !important;
    border: 0;
    width: 23px;
    height: 23px;
    text-indent: -1000em;
    cursor: pointer;
    background: none;
    padding: 0;
    margin: -28px 0 0 0;
    border: none;
    z-index: 99;
}

.slick-prev {
    background: url(..images/new/ic_arr.png) no-repeat left -40px;
    left: 19px;
}

.slick-prev:hover {
    background-position: left -84px;
}

.slick-next {
    background: url(../images/new/ic_arr.png) no-repeat right -40px;
    right: 19px;
}

.slick-next:hover {
    background-position: right -84px;
}

@media (min-width: 768px) {

    .nav-container > ul {
        display: block !important;
    }
}


/* Mobile */
@media (max-width: 767px) {

    /* Typography */
    /*--------------------------------------------------------------*/

    .magazine-toplevel-header h1, .competition-left h1, .competition-left h2, .competition-left h3, .competition-left h4, .competition-left h5, .competition-left h6, .competition-list h1, .competition-list h2, .competition-list h3, .competition-list h4, .competition-list h5, .competition-list h6, .postWrapper h1, .postWrapper h2, .postWrapper h3, .postWrapper h4, .postWrapper h5, .postWrapper h6, .st-heading h1, .content-atatic-left h1, .content-atatic-left h2, .content-atatic-left h3, .content-atatic-left h4, .content-atatic-left h5, .content-atatic-left h6 {
        line-height: 1.1;
    }

    .st-text .st-heading {
        width: auto;
        margin: 0 auto;
        padding-top: 30px;
    }

    #my-locker-tab ul.filter li a {font-size:14px !important;}
    .price-area a.title {font-size:12px !important;}


    /*Added by yogesh to fix overlapping issue of product desctiption heading with top image*/
    #product-description{
        padding-top:15px;
    }
    #product-description h2 {
        color: #000;
        font-size: 12px;
        font-weight: normal;
        padding-top: 30px;
    }
    .st-heading div {
        padding-left: 0;
        padding-right: 0;
    }

    .st-text .st-heading h1 {
        padding-left: 0;
    }


    .brand-heading h1, .top-suscribe h1, .box-success h1 {
        padding: 30px 0 65px 0;
    }

    .postWrapper .postTitle h2 p {
        font-size: 17px !important;
    }

    .postContent table{
        font-size: 70% !important;
        width:300px !important;
    }

    .form-list input.input-text, .form-list textarea {
        width:200px !important;
    }

    .form-list label{
        width:50px !important;
    }

    #product_sendtofriend_form p.required{
        width:100px !important;
    }

    #product_sendtofriend_form #add_recipient_button .button{
        margin-left:17px !important;
    }

    .profile-tab .tabbed-content{
        width:98% !important;
    }

    .profile-tab .totals {
        width:100% !important;
    }

    .join-the-locker{
        width:100% !important;
    }

    table.activity-table {
        width: 100% !important;
    }

    .checkbox-categories{
        width:290px; !important;
    }
    .your-details input{
        width:200px !important;
    }
    .your-details fieldset input{
        width:200px !important;
    }
    .your-details{
        width:250px !important;
    }

    .tabbed-menu li {
        width:98% !important;
    }

    .your-details input[type="radio"]{
        width:auto !important;
    }
    /* Header */
    /*--------------------------------------------------------------*/


    .header-container {
        height: auto;
    }

    .catalog-category-view .header-container .header-content {
        height: auto;
    }

    .header, .member-index-info .header {
        width: auto;
        margin: 0 auto;
        background: #000;
        padding: 0 15px;
    }

    .header .logo {
        display: block;
        margin: 0 auto;
        text-align: center;
        float: none !important;
        width: 130px;
    }

    .header .logo img {
        width: 100%;
        display: block;
    }

    .branding {
        overflow: hidden;
    }


    .locker-bar-container {
        width: auto;
        height: auto;
        float: none;
        display: block;
        text-align: center;
    }

    .tb-the-locker {
        position: relative;
        left: 0;
    }

    .tb-rewards {
        position: relative;
        left: 0;
        margin: 0 auto;
    }

    .locker-bar-container img {
        display: block;
        margin: 0 auto;
    }

    .tb-rewards {
        display: none !important;
    }

    .tb-the-locker {
        display: inline-block !important;
        margin-right: -14px !important;
        margin-left: -14px !important;
    }


    .locker-bar-container {
        margin-bottom: 10px;
        position: relative !important;
        top: 0px;
        right: 0;
        text-align: center;
    }

    .locker-bar-container:before, .locker-bar-container:after {
        content:'';
        clear: both;
        display: table;
    }

    .locker-bar-container .tb-join {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: -3px;
    }

    .locker-bar-container #login-container {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    #theLocker {
        width: 90px;
    }

    #theFootlockerReward {
        width: 170px;
    }

    #theLocker img {
        width: 100%;
    }

    #theFootlockerReward img {
        width:100%;
    }

    a.tb-join, a.tb-login {
        position: relative;
        left: 0;
        margin: 0 auto;
        display: inline-block;
    }

    #login-container {
        width: 60px;
        margin: 0 auto;
        position: relative;
        display: inline-block;
    }

    .login-hover {
        width: 190px;
        background: #1a1a1a;
        position: absolute;
        z-index: 9999999;
        padding: 15px 10px;
        right: auto;
        top: 30px;
        display: block !important;
        left: 50%;
        margin-left: -165px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .login-hover.active {
        opacity: 1;
        visibility: visible;
    }

    .tb-login:hover .login-hover {
        display: block !important;
    }

    #login-container:hover .login-hover {
        display: block !important;
    }



    /* Nav */

    .nav-container {
        position: relative;
        z-index: 4;
        width: auto;
        float: none;
        line-height: 2.4em;
        z-index: 1020;
        margin-bottom: 12px;
    }

    .nav-container li {
        font-size: 14px;
        display: block;
        margin: 0;
    }

    .nav-container li a {
        display: block;
    }

    .nav-container > ul {
        display: none;
    }


    .nav-container li ul {
        position: relative;
        top: 10px;
        left: 0;
        padding: 15px 0 35px 0;
        width: 100%;
    }

    .nav-container li.parent:hover ul {

    }


    .nav-container li.parent ul {
        display: none !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        padding-bottom: 15px !important;
    }
    .nav-container li.parent.parent-active ul {
        display: block !important;
    }


    .nav-toggle {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        padding: 10px 0 10px 0;
        position: relative;
        display: block;
    }

    .hamburger {
        position: absolute;
        right: 0;
        top: 14px;
    }

    .nav-toggle .icon-bar {
        width: 28px;
        height: 3px;
        background-color: #ffffff;
        margin-bottom: 4px;
        display: block;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: relative;
        top: 0;
    }

    .nav-toggle.active .icon-bar {

    }

    .nav-toggle.active .icon-bar:nth-child(2) {
        display: none;
    }

    .nav-toggle.active .icon-bar:first-child {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 7px;
    }

    .nav-toggle.active .icon-bar:last-child {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav-toggle .icon-bar:last-child {
        margin-bottom: 0;
    }


    .nav-container li#theLocker, .nav-container li#theFootlockerReward {
        display: none !important;
    }

    .nav-container li#theFootlockerReward ul {
        background: none;
    }

    .nav-container li#theFootlockerReward ul:before, .nav-container li#theFootlockerReward ul:after {
        content:'';
        display: table;
        clear: both;
    }

    .nav-container li#theFootlockerReward ul li {
        float: left;
        padding: 0;
    }




    /* Search Form */

    .header .form-search {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 25px;
        height: 30px;
        background: #fff url(../images/search-icon-mobile_360.png) no-repeat 100% 6px;
        background-size:
    }

    .header .form-search input.input-text {
        width: 100%;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        height: 30px;
    }



    /* Main */
    /*--------------------------------------------------------------*/


    .main {
        margin: 0 auto 0px;
        min-height: 350px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container {
        width: 100% !important;
        min-width: 1px;
        padding: 0 0px !important;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

    .main .breadcrumbs {
        padding-left: 0;
        padding-right: 0;
    }

    .breadcrumbs {
        width: auto;
        /*padding-left: 15px;
        padding-right: 15px;*/
        padding-left: 0;
        padding-right: 0;
    }

    .col-right {
        float: none;
        display: block;
        width: auto;
    }

    .col2-right-layout .col-main {
        width: auto !important;
        float: none;
        display: block;
    }

    .col2-right-layout {
        padding-top: 0px;
    }

    .container-1000 {
        width: auto;
    }

    .container-680 {
        width: auto;
        float: none;
        display: block;
    }

    .st-img .breadcrumbs {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .staticpage .content-atatic {
        padding-left: 0;
        padding-right: 0;
    }


    .content-atatic-left ul {
        padding-left: 0;
    }

    .content-atatic {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Slider */

    .bx-slider {
        height: 520px;
    }

    .slide-nav {
        top: 160px;
    }

    #slide-nav {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

    }

    #slide-nav li {
        width: 100%;
        float: none;
        display: block;
    }

    #slide img {
        width: 100%;
        height: auto;
        display: block;
    }

    #wrapper_slider {
        max-width: none !important;
        margin: 0 0 0 0px !important;
    }

    #brand_info #slide-landing > div {
        width: 100% !important;
    }


    .brand-index-view #wrapper_slider {
        height: 170px;
    }

    .brand-index-view .br-listbn {
        float: none;
        display: block;
        margin-left: -5px;
        margin-right: -5px;
    }

    .brand-index-view .br-listbn li {
        float: left;
        display: block;
        width: 33.3333333%;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .brand-index-view .br-listbn li.center {
        margin: 0;
    }

    #slide-landing > div > a > img {
        width: 100% !important;
    }

    .brand-index-view .slide-nav {
        top: 0px;
        position: relative;
        margin-bottom: 30px;
    }

    .brand-index-view #slide-landing {
        width: auto !important;
        height: auto !important;
    }

    .brand-index-view #slide-landing > div {
        width: 100% !important;
        height: auto !important;
    }

    .brand-index-view #slide-landing img {
        width: 100% !important;
        display: block !important;
        height: auto !important;
    }



    .br-listbn li img {
        width: 100%;
        display: block;
    }

    #slide {
        max-width: 750px !important;
    }

    .std #slide-panel {
        margin-left: -75px;
        margin-right: -75px;
    }

    #slide > div {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0px;
    }


    .bx-content {
        width: 100%;
        margin: 0;
        position: relative;
        z-index: 3;
        padding: 0;
    }

    .bx-toppromo li {
        float: none !important;
        display: block;
        margin-bottom: 15px;
        margin-right: 0 !important;
    }

    .bx-toppromo li a {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .bx-toppromo li img {
        width: 100%;
        display: block;
    }

    .bx-toppromo li.promo1 .bg-hover {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .bx-toppromo li .bg-hover {
        height: auto !important;
    }

    .bx-toppromo li .bg-hover, .bx-toppromo li .afterHover {
        width: 100%;
        padding: 12px 10px 12px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bx-toppromo li .afterHover {
        width: 100%;
        height: 100%;
        padding-top: 30px;
    }


    .bx-left, .bx-right {
        float: none;
        width: auto;
        display: block;
    }

    .header-new-releases img {
        display: block;
        width: 100%;
    }

    .new-releases-products .new_releases li div {
        width: 50%;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .new-releases-products .new_releases li a {
        width: 50%;
    }

    .new-releases-products .prevNewReleases {
        margin-left: 0;
    }

    .new-releases-products .nextNewReleases, .new-releases-products .prevNewReleases {
        margin: 0 auto;
    }

    .new-releases-products .nextNewReleases {
        margin-top: 8px;
    }

    .cms-home .hot-picks-product .prevHotPicks, .cms-home .hot-picks-product .nextHotPicks {
        top: 50%;
        margin-top: -35px;
    }

    .bn-right img {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .bx-center {
        float: none;
        width: auto;
        margin-right: 0px;
        display: block;
    }

    .bn-right {
        float: none;
        display: block;
    }

    .col-main {
        width: auto !important;
    }

    .header-hot-picks img {
        width: 100%;
        display: block;
    }

    .brand-logo-block img {
        width: 100%;
        display: block;
    }

    .hot-picks-product {
        overflow: hidden;
    }

    .hot-picks li a img {
        width: 100%;
        display: block;
    }


    .hot-picks li h3 {
        width: 60%;
        float: left;
        padding-left: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .boxprice {
        width: 40%;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }



    /* Brands */
    /*--------------------------------------------------------------*/

    .brand-left {
        float: none;
        display: block;
        width: auto;
        margin: 0 auto 25px auto;
        overflow: hidden;
    }

    .brand-heading h1, .top-suscribe h1, .box-success h1 {
        font-size: 60px;
    }

    .brand-left .logo-item {
        /*width: 250px;*/
        width: 33.333333%;
        height: auto;
    }

    .logo-item img {
        width: 100%;
        display: block;
        height: auto;
    }

    .brand-newreleases-index .header-content {
        position: relative;
        height: auto;
    }


    .stores-extra .stores-extra-right, .content-atatic-right {
        width: auto;
        float: none;
        display: block;
    }

    .latest-activity p {
        overflow: hidden;
        float: none;
        display: block;
        margin-top: 0;
        padding-top: 15px;
        width: auto;
    }

    .latest-activity img {
        float: none;
        display: block;
        margin-top: 10px;
    }

    .latest-activity li {
        display: block;
    }


    .brand-heading h1, .top-suscribe h1, .box-success h1 {
        font-size: 36px;
        line-height: 1.2;
    }




    /* Products Page */
    /*--------------------------------------------------------------*/

    .catalog-category-view .toolbar, .brand-newreleases-index .toolbar, .brand-hotpicks-index .toolbar {
        position: relative !important;
        /*padding-top: 40px;*/ /*commented by yogesh on 28th Oct to fix filter spacing from the breadcrumb*/
    }
    .category-products{
        padding-top:2px !important;
    }
    .search-result .category-products .products-grid .product-image {
        width: 150px;
        height: auto !important;
        display: block;
        background: #000;
    }

    .search-result .category-products .products-grid .product-image img {
        margin-top: 10px !important;
    }
    .calendar td.linked-day .calendar-content-wpr .other-content a {
        color: #fff !important;
        text-decoration: none;
    }

    .products-grid {
        margin-right: 0px;
        margin-left: 10px;
    }
    .search-result .category-products .products-grid li.item {
        min-height: 1px;
    }
    #product-description ul {
        list-style: circle;
        margin-left: 20px;
    }

    /**********************************************************************/
    .brand-hotpicks-index .toolbar, .brand-newreleases-index .toolbar {
        top: 0;
    }

    .brand-hotpicks-index .st-heading, .brand-newreleases-index .st-heading {
        margin-top: 40px;
    }

    .sorter {
        position: relative !important;
        top: 0 !important
    }

    .catalog-category-view .toolbar {
        height: auto;
    }

    .catalog-category-view .toolbar .sorter {
        width: auto;
        margin-left: 0;
        left: auto;
        position: relative !important;
        top: 0 !important;
    }

    .top-pager .pager {
        display: none;
    }

    .sorter .brand {
        margin-right: 0;
    }

    .sorter label.title {
        width: auto;
        float: none;
        display: block;
    }

    .sorter .sort-by, .sorter .brand, .sorter .style {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 10px;
        margin-right: 0 !important;
    }

    .sorter .sort-by ol, .sorter .filter ol {
        display: block;
    }

    .sorter .sort-by.sort-active label span, .sorter .filter.sort-active label span, .sorter .style.sort-active label span, .sorter .brand.sort-active label span {
        background-position: right -586px;
    }

    .sorter .sort-by.sort-active label, .sorter .filter.sort-active label, .sorter .style.sort-active label, .sorter .brand.sort-active label {
        background: #ffffff;
        color:#d40a08
    }

    .sorter .sort-by:hover ol, .sorter .brand:hover ol, .sorter .style:hover ol {
        display: block;
    }

    .sorter .sort-by ol, .sorter .brand ol, .sorter .style ol {
        display: none !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .sorter .sort-by.sort-active ol, .sorter .brand.sort-active ol, .sorter .style.sort-active ol {
        display: block !important;
    }

    .products-grid li.item, .irregular-grid li.new {
        width: 100%;
        padding-bottom: 15px;
        margin: 0 10px 20px 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 210px;
    }

    .products-grid .product-image {
        width: auto;
    }

    .products-grid li.item img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .products-grid {
        margin-right: 0px;
    }

    .products-grid .product-name, .irregular-grid li .product-name {
        width: 70%;
    }

    .boxprice {
        width: 30%;
    }

    .bottom-pager .pager .pages, .pager .limiter {
        margin-bottom: 10px;
    }




    /* Stores Page */
    /*--------------------------------------------------------------*/


    .stores-map {
        margin-left: -15px;
        margin-right: -15px;
    }

    .stores-extra, .content-atatic {
        width: auto;
    }

    .stores-extra:before, .stores-extra:after, .content-atatic:before, .content-atatic:after {
        content: '';
        display: table;
        clear: both;
    }

    .stores-extra .stores-extra-left, .content-atatic-left, .full.col2 .content-atatic-left {
        width: auto;
        margin-bottom: 25px;
        float: none !important;
        display: block;
    }

    .breadcrumbs ul {
        position: relative;
    }



    /* Sneaker Central Page */
    /*--------------------------------------------------------------*/

    .calendar-wpr {
        min-height: 0px !important;
        height: auto !important;
        position: relative;
        width: 100%;
        overflow: auto;

    }

    .products-viewed {
        float: none;
        display: block;
        overflow: hidden;
        text-align: center;
    }


    .products-viewed .block-content {
        width: auto !important;
        float: none;
        display: block;
    }

    .products-viewed .header-product-viewed {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .products-viewed .block-content #recently-viewed-items li {
        float: none;
        display: block;
        margin: 15px auto 0 auto;
    }

    .products-viewed .block-content #recently-viewed-items li img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important
    }

    .hot-picks #recently-viewed-items li.item {
        width: 300px !important;
    }

    .products-viewed .block-content #recently-viewed-items li {
        width: 264px !important;
    }

    .products-viewed .block-content #recently-viewed-items li img {
        width: 264px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .st-heading h1, .magazine-toplevel-header h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .postWrapper p img {
        max-width: 100%;
        display: block;
    }

    .st-left {
        width: auto;
    }

    .st-heading div {
        z-index: 99999;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-contact .text {
        position: absolute;
        top: 175px !important;
    }


    /* Forms */
    /*--------------------------------------------------------------*/

    .content-atatic .form-list select {
        width: 100%;
    }

    .content-atatic .form-list input, .content-atatic .form-list textarea {
        width: 100%;
    }

    .form-list .input-box {
        float: none;
        display: block;
    }

    .content-atatic .form-list input, .content-atatic .form-list textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    /* Footer */
    /*--------------------------------------------------------------*/


    .footer {
        width: auto;
        margin: 0 auto;
        padding: 0 15px;
    }

    .newsletter_form {
        float: none;
        display: block;
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter_form label {
        text-align: center;
        margin-bottom: 5px;
    }

    .newsletter_form input {
        width: 148px;
    }

    .footer ul.footer_links {
        display: block;
        float: none;
        width: auto;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 25px;
        padding-left: 14px;
        text-align: center;
    }

    .follow-on-twitter a.btn-social-footer, .like-on-facebook a.btn-social-footer {
        float: none;
        display: block;
        margin: 0 auto 15px auto;
    }

    .bx-copyright {
        text-align: center;
    }



    /* Logged in */
    /*--------------------------------------------------------------*/


    .bar-counter {
        /*position: relative;*/
        height: 30px;
        background: #797979;
        width: 150px;
        left: 0;
        margin-top:5px;
        /*margin: 0 auto;*/
    }
    .bar-white{display:none;}

    #profile-container {
        position: relative;
        width: 172px;
        /*margin: 0 auto;*/
        left:140px;
        top:5px;
        text-align: left;
    }
    @media all and (orientation:landscape) {
        /* Styles for Landscape screen */
        .bar-counter {
            /*position: relative;*/
            height: 30px;
            background: #797979;
            width: 150px;
            left: 120px;
            margin-top:5px;
            /*margin: 0 auto;*/
        }
        #profile-container {
            position: relative;
            width: 172px;
            /*margin: 0 auto;*/
            left:260px;
            top:5px;
            text-align: left;
        }
    }

    .profile-menu {
        right: 20px;
    }

    #profile-container .profile-menu {
        display: none;
        /*opacity: 0;
        visibility: hidden;*/
    }

    #profile-container .profile-menu.active {
        opacity: 1;
        visibility: visible;
    }


    .locker-bar-container a.btn-name-profile {
        position: relative;
        left: 0;
        top: 0;
    }

    .join-the-locker {
        width: 645px;
    }

    .thelocker-area .container-680 {
        overflow: auto;
    }





    /* Product Details */
    /*--------------------------------------------------------------*/

    .col-main.col-main-detail {
        width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main.main-detail {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-details {
        margin-left: 0 !important;
    }

    .product-essential-content {
        width: auto !important;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #more-views span.prev {
        margin-left: 0 !important;
        left: 10px;
    }

    #more-views span.prev, #more-views span.next {
        top: 40px;
    }

    #more-views span.next {
        right: 10px;
    }

    .product-image img {
        width: 100%;
        display: block;
        height: auto;
    }

    .catalog-category-view .toolbar {
        margin-top: 0;
    }

    .product-view .product-img-box .product-image {
        /*height: auto;
        background: url(http://socialstaging.com/xhtml/blank-background1.jpg) 50% 50% repeat-x;*/
    }

    #product-image-mobile {
        background: url(http://socialstaging.com/xhtml/blank-background.jpg) 0 0 no-repeat;
        background-size: cover;
    }

    #product-image-mobile > div {
        height: 260px !important;
        background-size: cover !important;
        background-position: 15% 50% !important;
    }

    .product-view .product-img-box {
        position: relative;
    }

    .product-view .product-img-box .product-image img {
        margin-left:0px;
    }

    #product-image-mobile img {
        margin-left: 20%;
    }


    .box-collateral .box-content .item, .box-collateral .box-content .product-image {
        float: none;
        display: block;
    }


    .catalog-product-view .product-details {
        height: 450px;
        background: none !important;
        background-color: #ffffff;
        padding-top: 0px;
    }

    .product-view .product-shop {
        background-color: rgba(0, 0, 0, 0.9);
        padding: 15px;
        margin-top: 43%;
        width: auto;
        margin-right: 0px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block;
    }

    .product-view .product-shop p.product-disclaimer {
        color: #eaeaea;
    }

    .product-view .product-shop .product-ids, .product-view .product-shop .product-ids a {
        color: #ffffff !important;
    }

    .fb-like-container {
        width: 75px;
    }


    .product-mostviewed-inden {
        width: auto;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }

    .box-collateral {
        width: auto;
    }

    .box-collateral .box-content {
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
    }

    .box-collateral .box-content .item {
        width: 100%;
        display: block;
        float: none;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        overflow: hidden;
    }

    .box-collateral .box-content .product-image, .product-review {
        width: auto;
    }

    .box-collateral .box-content .product-image img {
        width: 100%;
        display: block;
        height: auto;
    }


    #product-image-zoom {
        margin-top: 0px;
        margin-bottom: 0;
        z-index: 999999;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #product-image-zoom img {
        width: 100%;
        display: block;
        height: auto;
        left: 0;
        top: 120px;
    }



    #product-description, .options-container-big {
        width: 90%;/* Updated by yogesh from 280px to 90% to fix desc issue on landscape*/
    }

    #product-description {
        padding-left: 15px;
        padding-right: 15px;
        margin-top:100px;
    }

    .blog-cat-view .breadcrumbs,  .blog-post-view .breadcrumbs, .catalogsearch-result-index .breadcrumbs, .member-activate-index .breadcrumbs, .blog-index-index .breadcrumbs, .cms-page-view .breadcrumbs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .postWrapper {
        padding-bottom: 0;
    }

    .cms-careers .breadcrumbs {
        padding-left: 0;
        padding-right: 0;
    }



    /* Calendar */

    .calendar {
        /*width: 270px;*/
        -webkit-overflow-scrolling: touch;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobile-cal-dd {
        display: inline-block;
        vertical-align: middle;
        font-size: 11px;
        font-style: normal;
        font-family: 'AkzidenzGroteskBold';
        text-transform: uppercase;
        color: #646464;
        margin-left: 5px;
    }

    .empty-cell {
        display: none !important;
    }

    .calendar td.calendar-cell.linked-day .mobile-cal-dd {
        margin-left: 8px;
    }

    .calendar-wpr > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        position: relative !important;
    }

    .calendar th {
        width: 14.2% !important;
        font-size: 12px;
        display: inline-block;
        vertical-align: top;
        height: auto !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
    }

    .calendar td {
        height: auto !important;
        width: 100% !important;
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .calendar td.calendar-cell {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: -1px;
    }

    .calendar caption {
        font-size: 18px;
    }

    .calendar-cell.linked-day {

    }

    .calendar td.calendar-cell br {
        display: none;
    }

    .calendar td.calendar-cell .calendar-day {
    }


    .calendar-today {
        font-size: 12px;
        padding: 0px 10px;
        top: 40px;
        line-height: 30px;
        right: 50%;
        margin-right: -30px;
    }


    .calendar-month, .calendar-list-year h2 {
        padding: 0 0 0 0px;
        line-height: 44px;
        height: 80px;
        text-align: center;
    }




    /* Search Results */

    .search-result {
        width: auto;
        float: none;
        display: block;
    }

    .search-header .form-search input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .search-header .form-search {
        width: 100%;
    }


    .competition-left {
        width: 100%;
        float: none;
        display: block;
    }




    /* Join The Club */

    #join-the-club, #join-the-club .banner, #join-the-club .rewards-at-foot-locker, .my-locker, .two-ways-to-play, .already-a-member, .the-most, .member-index-info .header, .container-1235, .container-995 {
        width: auto;
    }


    #join-the-club .banner h1.love-sneakers {
        background-size:280px 266px;
        height: 266px;
    }

    #join-the-club .banner {
        height: 280px;
    }


    /* Rewards */

    #join-the-club .rewards-at-foot-locker h2 {
        margin-bottom: 30px;
        background-size: 280px 18px;
        width: 280px;
        margin: 0 auto 30px auto;
    }

    #join-the-club .rewards-at-foot-locker {
        padding-top: 40px;
        padding-bottom: 0px;
        text-align: center;
        margin-top: 0;
    }


    #join-the-club .rewards-at-foot-locker .col1, #join-the-club .rewards-at-foot-locker .col2, #join-the-club .rewards-at-foot-locker .col3, #join-the-club .rewards-at-foot-locker .col4 {
        width: 100%;
        display: block;
        vertical-align: top;
        float: none;
        margin: 0 0 20px 0;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    /* My Locker */

    .my-locker {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }

    .my-locker .mylocker-text {
        position: relative;
        top: 0;
        left: 0;
    }

    .my-locker p {
        width: auto;
    }

    .my-locker img {
        float: none;
        position: relative;
        display: block;
        z-index: 2;
        right: 0;
        top: 0;
        height: auto;
        width: 90%;
    }

    .my-locker .container-1235 {
        height: auto;
    }



    /* Two Ways */

    .two-ways-to-play .container-1000 {
        height: auto;
        overflow: hidden;
        text-align: center;
    }

    .two-ways-to-play .container-1000 {
        padding-top: 40px;
    }

    .two-ways-to-play h2 {
        background-size: 280px 22px;
        width: 280px;
        height: 22px;
        margin-bottom: 40px;
    }

    .two-ways-to-play .download-app, .two-ways-to-play .thelocker-card {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 0 auto 30px auto;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
    }

    .two-ways-to-play .download-app, .two-ways-to-play .thelocker-card {
        width: auto;
    }

    .two-ways-to-play .download-app h3 {
        background-size: 280px 37px;
        width: 280px;
        height: 37px;
    }

    .two-ways-to-play .thelocker-card p {
        text-align: center;
    }

    .two-ways-to-play .thelocker-card h3 {
        float: none;
        display: block;
        margin: 15px auto 0 auto;
    }


    /* The Most */


    .the-most {
        overflow: hidden;
        padding-bottom: 30px;
    }

    .the-most .col1, .the-most .col2, .the-most .col3 {
        width: 100%;
        margin: 0;
        float: none;
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 40px;
    }

    .the-most h2 {
        background-size: 280px 22px;
        width: 280px;
        height: 22px;
        margin-top: 20px;
        margin-bottom: 40px;
    }



    /* popup */

    .rewards-pop-up {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
    }

    .rewards-pop-up img  {
        width: 100%;
        margin: 0 !important;
        display: block;
    }

    .tandc {
        left: 0 !important;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    p.tandc {
        margin: 0  !important;
    }



    /* Don't have */

    .dont-have {
        background: none;
        background: #000000;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        overflow: hidden;
    }

    .dont-have .text {
        width: auto;
        padding: 20px;
        padding-bottom: 0;
    }

    .dont-have a.btn-find-store {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: auto;
        margin-left: 15px;
        margin-bottom: 15px;
        float: none;
        display: block;
    }


    .activate-form input[type="text"], .activate-form input[type="password"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .activate-form .notice {
        width: auto;
    }


    .products-viewed .block-content #recently-viewed-items li img {
        margin: 0 auto;
    }



    .postContent:before, .postContent:after {
        content: '';
        display: table;
        clear: both;
    }


    .social-network iframe, .fb_iframe_widget span {
        width: 100% !important;
    }



    .staticpage .content-atatic {
        display: block;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .full .content-atatic-left {
        float: none;
        display: block;
    }

    .container {
        min-width: 1px;
        #background-color:#000;/*Added by yogesh*/
    }

    .staticpage .content-atatic iframe {
        width: 100% !important;
        height: 300px !important;
    }



    #map {
        height: 250px;
    }

    .stores-extra .stores-extra-left h1 {
        font-size: 20px;
        line-height: 1.4;
    }


    .banner-editable {
        height: 250px;
        width:100% !important;
    }

    .banner-editable h1.the-locker {
        background-size: cover;
        height: 250px;
    }


    .st-heading.top-contact {
        height: 250px !important;
    }


    .top-contact .text {
        position: absolute;
        top: 90px !important;
    }

    .st-heading h1, .magazine-toplevel-header h1 {
        font-size: 26px;
    }

    .stores-extra, .content-atatic {
        padding-top: 20px;
    }

    .blog-item .entry p img {
        width: 100%;
        display: block;
    }

    .blog-item .entry p:nth-child(2) {
        width: 152px !important;
    }


    .form-buttons {
        width: auto !important;
    }


    em.popup {
        display: none !important;
    }


    .topten-products .topten li {
        height: auto !important;
    }

    .empty .search-results {
        width: auto;
    }

    .empty .search-results .search-results-inden {
        padding: 30px;
    }

    .empty .search-results .search-results-inden .form-search input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .empty .search-results .search-results-inden .form-search {
        width: auto;
    }

    .empty .search-results .search-results-inden .box-search {
        width: auto;
        float: none;
        display: block;
    }

    .empty .search-results {
        margin-top: 40px;
    }

    .empty .search-results .search-results-inden .form-search {
        background-position: 202px 11px;
    }



    /* Brand SUB MENU */

    .brand_info .br-menu {
        padding: 0;
        font-size: 14px;
    }

    .brand_info .br-menu li {
        width: auto;
    }
    .brand_info {
        padding-top:0px !important;
    }
    .brand-heading h1{
        margin:0px !important;
        padding:0px !important;
    }

    .brand_info .br-menu a {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .want-pop-up .button {
        position: absolute;
        top: 72px !important;
        right: 1px !important;
        cursor: pointer;
    }

    .own-pop-up .button {
        position: absolute;
        top: 72px !important;
        right: 1px !important;
        cursor: pointer;
    }

    .vote-pop-up .button {
        position: absolute;
        top: 72px !important;
        right: 1px !important;                                                                                                                                                                                                px;
        cursor: pointer;
    }

    .locker-buttons ul li#want{
        margin:0;
    }

}


/* 480 - 767 */
@media (min-width: 480px) and (max-width: 767px) {
    .brand-index-view #wrapper_slider {
        height: 250px;
    }

    .hot-picks #recently-viewed-items li.item {
        width: 480px !important;
    }
    .slide-nav {
        top: 200px;
    }

    .empty .search-results .search-results-inden .form-search {
        background-position: 362px 11px;
    }
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {


    .nav-container li#theLocker, .nav-container li#theFootlockerReward {
        display: none !important;
    }

    .calendar td.linked-day .calendar-content-wpr .other-content a {
        color: #fff !important;
        text-decoration: none;
    }

    /* Typography */
    /*--------------------------------------------------------------*/

    .st-text .st-heading {
        width: 750px;
        margin: 0 auto;
    }

    .st-heading div {
        padding-left: 0;
        padding-right: 0;
    }

    .st-text .st-heading h1 {
        padding-left: 0;
    }

    h1 {
        line-height: 1.1;
    }




    /* Header */
    /*--------------------------------------------------------------*/

    .header {
        width: 750px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .locker-bar-container {
        margin-left: -18px;
        z-index: 99999;
        margin: 0 0 28px 0;
    }

    .header .logo {
        margin: 5px 0 5px 0;
    }

    .header .logo img {
        width: 180px;
        display: block;
    }

    .nav-container {
        clear: both;
    }

    .nav-container li {
        font-size: 14px;
    }


    .nav-container li.parent:hover ul {
        display: block !important;
    }

    .nav-container li.parent ul {
        display: none !important;
    }




    /* Main */
    /*--------------------------------------------------------------*/


    .main {
        width: auto !important;
        margin: 0 auto;
        min-height: 350px;
    }

    .container {
        width: auto !important;
        min-width: 750px;
        margin: 0 auto;
        padding-left: 0px !important;
        padding-right: 0px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .breadcrumbs {
        width: 750px !important;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .col-main {
        width: 750px !important;
        margin: 0 auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .col1-layout .col-main {

    }

    .col2-right-layout .col-main {
        width: auto !important;
        float: none;
    }

    .col-right {
        float: none;
        display: block;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .right-menu {
        display: block;
        margin-bottom: 30px;
    }

    .container-1000 {
        width: auto;
    }

    .catalogsearch-result-index .competition-left {
        width: auto;
        float: none;
        display: block;
        margin-bottom: 30px;
    }

    .catalogsearch-result-index .search-result {
        width: auto;
    }

    .search-header .form-search {
        width: auto;
        background-position: 305px 5px;
    }

    .search-header .form-search input {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .catalogsearch-result-index .latest-activity {
        margin-top: 0;
    }

    .search-result .category-products .products-grid .product-image {
        height: auto;
    }

    .search-result .category-products .products-grid .product-image img {
        margin-top: 0;
    }

    .search-result .category-products .products-grid li.item {
        min-height: 1px;
    }



    /* Slider */

    .bx-slider {
        height: 480px;
    }

    #wrapper_slider {
        max-width: none !important;
        margin: 0 0 0 0px !important;
    }

    #slide {
        max-width: none !important;
    }

    #slide > div {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0px;
    }

    #slide-panel {
        max-width: none !important;
    }

    #slide img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .wrapper_slider {
        margin-left: 0 !important;
    }

    .std #slide-panel {
        margin-left: -175px;
        margin-right: -175px;
    }



    #slide-nav {
        width: 720px;
    }

    .slide-nav {
        top: 465px;
    }

    .brand-index-view #slide-nav {
        width: auto;
        display: block;
        margin-bottom: 30px;
    }

    .brand-index-view #wrapper_slider {
        max-width: none !important;
        margin:  0 !important;
        height: 410px;
    }

    .brand-index-view .slide-nav {
        top: 0px;
        position: relative;
    }

    .brand-index-view #slide-landing {
        width: auto !important;
        height: auto !important;
    }

    .brand-index-view #slide-landing > div {
        width: 100% !important;
        height: auto !important;
    }

    .brand-index-view #slide-landing img {
        width: 100% !important;
        display: block !important;
    }

    #slide-nav li {
        width: 180px;
    }

    #slide-nav li:first-child, #slide-nav li:last-child {
        width: 180px;
    }

    .brand-index-view .br-listbn {
        float: none;
        display: block;
        margin-left: -5px;
        margin-right: -5px;
    }

    .brand-index-view .br-listbn li {
        float: left;
        display: block;
        width: 33.3333333%;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .brand-index-view .br-listbn li.center {
        margin: 0;
    }

    .br-listbn li img {
        width: 100%;
        display: block;
    }

    em.popup {
        height: 80px !important;
        width: 188px !important;
        top: -80px !important
    }

    em.popup img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    .bx-content {
        width: auto;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        padding: 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bx-toppromo:before, .bx-toppromo:after {
        content: '';
        display: table;
        clear: both;
    }

    .bx-toppromo ul {
        margin-left: -15px;
        margin-right: -15px;
    }

    .bx-toppromo li {
        margin: 0 !important;
        float: left !important;
        padding: 0 15px 0 15px;
        width: 33.3333333%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .bx-toppromo li .afterHover {
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 30px;
        font-size: 28px;
    }

    .bx-toppromo li .bg-hover {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px 15px !important;
        height: auto !important;
    }

    .bx-toppromo li a {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .bx-toppromo li img {
        width: 100%;
        height: auto;
    }


    .bx-left {
        float: none;
        width: 100%;
        display: block;
    }

    .bx-left:before, .bx-left:after {
        content: '';
        display: table;
        clear: both;
    }

    .new-releases-products {
        float: left;
    }

    .bx-toppromo {
        margin-bottom: 30px;
    }

    .bx-left .bx-toppromo {
        float: right;
        margin-top: -15px;
    }

    .bx-center .bx-toppromo li, .bx-left .bx-toppromo li {
        width: 390px;
    }

    .bx-right {
        float: none;
        margin: 0 auto;
        width: auto;
        display: block;
    }

    .bx-center {
        float: left;
        width: auto;
        margin-right: 0;
    }

    .brand-logo-block img, .header-hot-picks img {
        width: 100%;
        display: block;
    }



    /* Brands Page */
    /*--------------------------------------------------------------*/

    .brand-left {
        width: auto;
        display: block;
        float: none;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .brand-heading h1, .top-suscribe h1, .box-success h1 {
        font-size: 60px;
    }

    .brand-left .logo-item {
        /*width: 250px;*/
        width: 20%;
        height: auto;
    }

    .logo-item img {
        width: 100%;
        display: block;
        height: auto;
    }

    .stores-extra .stores-extra-right, .content-atatic-right {
        float: none;
        display: block;
        width: auto;
    }




    /* Products Page */
    /*--------------------------------------------------------------*/

    .catalog-category-view .toolbar .sorter {
        margin-left: 0;
        left: auto;
        position: absolute !important;
        top: 0 !important;
    }

    .catalog-category-view .toolbar, .brand-newreleases-index .toolbar, .brand-hotpicks-index .toolbar {
        position: relative !important;
        padding-top: 40px;
    }

    .brand-hotpicks-index .toolbar, .brand-newreleases-index .toolbar {
        top: 0;
    }

    .brand-hotpicks-index .st-heading, .brand-newreleases-index .st-heading {
        margin-top: 40px;
    }

    .sorter {
        position: relative !important;
        top: 0 !important
    }

    #product-description {
        padding-left: 15px;
        padding-right: 15px;
        width: auto;
    }

    .top-pager .pager {
        display: none;
    }

    .sorter .brand {
        margin-right: 0;
    }

    .sorter label.title {
        width: 85px;
    }

    .sorter .sort-by label.sort-active, .sorter .filter label.sort-active {
        background: #ffffff;
        color:#d40a08
    }

    .sorter .sort-by label.sort-active span, .sorter .filter label.sort-active span {
        background-position: right -586px;
    }

    .sorter .sort-by:hover ol ,.sorter .brand:hover ol,.sorter .style:hover ol  {
        display: none;
    }

    .sorter .sort-by ol, .sorter .filter ol {
        display: block;
    }

    .sorter .sort-by.sort-active label span, .sorter .filter.sort-active label span, .sorter .style.sort-active label span, .sorter .brand.sort-active label span {
        background-position: right -586px;
    }

    .sorter .sort-by.sort-active label, .sorter .filter.sort-active label, .sorter .style.sort-active label, .sorter .brand.sort-active label {
        background: #ffffff;
        color:#d40a08
    }

    .sorter .sort-by:hover ol, .sorter .brand:hover ol, .sorter .style:hover ol {
        display: block;
    }

    .sorter .sort-by ol, .sorter .brand ol, .sorter .style ol {
        display: none !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .sorter .sort-by.sort-active ol, .sorter .brand.sort-active ol, .sorter .style.sort-active ol {
        display: block !important;
    }



    .products-grid {
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    .products-grid li.item, .irregular-grid li.new {
        width: 228px;
        padding-bottom: 15px;
        margin: 0 10px 20px 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 215px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }


    .catalog-category-view .toolbar .sorter {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .sorter .sort-by, .sorter .brand, .sorter .style {
        width: 202px;
    }

    .products-grid .product-image {
        width: auto;
    }

    .products-grid li.item img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .products-grid .product-name, .irregular-grid li .product-name {
        width: 70%;
    }

    .boxprice {
        width: 30%;
    }




    /* Stores Page */
    /*--------------------------------------------------------------*/


    .stores-map {
        margin-left: -28px;
        margin-right: -28px;
    }

    .stores-extra, .content-atatic {
        width: auto;
    }

    .stores-extra:before, .stores-extra:after, .content-atatic:before, .content-atatic:after {
        content: '';
        display: table;
        clear: both;
    }

    .stores-extra .stores-extra-left, .content-atatic-left {
        width: auto;
        display: block;
        float: none;
        overflow: hidden;
        margin-bottom: 30px;
    }







    /* Sneaker Central Page */
    /*--------------------------------------------------------------*/


    .products-viewed {
        float: none;
        display: block;
        overflow: hidden;
    }


    .products-viewed .block-content {
        width: auto !important;
        float: none;
    }

    .st-heading h1, .magazine-toplevel-header h1 {
        font-size: 60px;
    }


    .postWrapper p img {
        max-width: 100%;
        display: block;
    }

    .st-heading div {
        z-index: 99999;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-contact .text {
        position: absolute;
        top: 175px !important;
    }


    /* Forms */
    /*--------------------------------------------------------------*/


    .activate-form input[type="text"], .activate-form input[type="password"] {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn-continue {
        cursor: pointer;
    }


    /* Footer */
    /*--------------------------------------------------------------*/

    .footer {
        width: 750px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .like-on-facebook a.btn-social-footer {
        margin-top: 20px;
    }




    .contacts-index-index .st-heading {
        margin-left: -16px;
        margin-right: -15px;
        width: auto !important;
    }


    /* Logged in */
    /*--------------------------------------------------------------*/


    .thelocker-area .container-680 {
        float: none;
        display: block;
    }

    .thelocker-area .stores-extra .stores-extra-right, .thelocker-area .content-atatic-right {
        float: none;
        display: block;
    }



    /* Product Details */
    /*--------------------------------------------------------------*/

    .col-main.col-main-detail {
        width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-details {
        margin-left: 0 !important;
    }

    .product-essential-content {
        width: 750px !important;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #more-views span.prev {
        margin-left: 0 !important;
    }

    #more-views span.prev, #more-views span.next {
        top: 200px;
    }

    .product-image img {
        width: 100%;
        display: block;
    }

    .product-view .product-img-box .product-image {
        height: 340px;
    }


    .catalog-product-view .product-details {
        background-size: cover;
        height: 340px;
        background: none;
        background-color: #ffffff;
    }

    .product-view .product-shop {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 15px;
        margin-top: 50px;
        width: 260px;
        margin-right: 60px;
    }

    .product-view .product-shop p.product-disclaimer {
        color: #eaeaea;
    }


    .product-mostviewed-inden {
        width: 750px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }

    .box-collateral {
        width: auto;
    }

    .box-collateral .box-content {
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
    }

    .box-collateral .box-content .item {
        width: 33.33333%;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0 !important;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .box-collateral .box-content .product-image, .product-review {
        width: auto;
    }

    .box-collateral .box-content .product-image img {
        width: 100%;
        display: block;
        height: auto;
    }


    #product-image-zoom {
        margin-top: -340px;
        margin-bottom: 0;
    }

    #product-image-zoom img {
        width: 70%;
        display: block;
        height: auto;
        left: 0;
        top: 0px;
        margin: 0 auto;
        position: relative !important;
    }



    /* Join The Club */

    #join-the-club, #join-the-club .banner, #join-the-club .rewards-at-foot-locker, .my-locker, .two-ways-to-play, .already-a-member, .the-most, .member-index-info .header, .container-1235, .container-995 {
        width: 750px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #join-the-club .banner {
        padding-top: 0px;
    }

    #join-the-club .banner h1.love-sneakers {
        background-size: 505px 480px;
        height: 480px;
    }


    /* Rewards */

    #join-the-club .rewards-at-foot-locker h2 {
        margin-bottom: 30px;
    }

    #join-the-club .rewards-at-foot-locker {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }


    #join-the-club .rewards-at-foot-locker .col1, #join-the-club .rewards-at-foot-locker .col2, #join-the-club .rewards-at-foot-locker .col3, #join-the-club .rewards-at-foot-locker .col4 {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0 0 20px 0;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    /* My Locker */

    .my-locker {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }

    .my-locker .mylocker-text {
        position: relative;
        top: 0;
        left: 0;
    }

    .my-locker img {
        float: none;
        position: relative;
        display: block;
        z-index: 2;
        right: 0;
        top: 0;
        height: auto;
        width: 90%;
    }

    .my-locker .container-1235 {
        height: auto;
    }



    /* Two Ways */

    .two-ways-to-play .container-1000 {
        height: auto;
        overflow: hidden;
    }

    .two-ways-to-play .container-1000 {
        padding-top: 60px;
    }

    .two-ways-to-play h2 {
        background-size: 600px 48px;
        width: 600px;
        height: 48px;
        margin-bottom: 50px;
    }

    .two-ways-to-play .download-app, .two-ways-to-play .thelocker-card {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin: 0 auto 30px auto;
        overflow: hidden;
    }



    /* The Most */


    .the-most .col1, .the-most .col2, .the-most .col3 {
        width: 33.33333%;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    .latest-activity p {
        width: auto;
        float: none;
        display: block;
    }

    .latest-activity li img {
        margin-bottom: 20px;
    }



    .content-atatic-right {
        float: none;
        display: block;
        width: auto;
    }

    .latest-activity {
        float: left;
        margin-top: 0;
    }

    .bestsellers {
        width: 340px;
        float: right;
    }

    .topten-products li {
        width: auto !important;
    }


    .empty .search-results {
        width: auto;
    }

    .empty .search-results .search-results-inden {
        padding: 60px;
    }

    .product-view .product-shop .product-ids, .product-view .product-shop .product-ids a {
        color: #ffffff !important;
    }


    .calendar td.calendar-cell.linked-day:last-child .other-content {
        left: -208px;
    }


    .product-view .product-shop {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 15px;
        margin-top: 50px;
        width: 300px;
        margin-right: 40px;
    }

    .locker-buttons ul li#want{
        margin:0;
    }

    .want-pop-up .button {
        position: absolute;
        top: 0px;
        right: -75px;
        cursor: pointer;
    }

    .own-pop-up .button {
        position: absolute;
        top: 0px;
        right: -75px;
        cursor: pointer;
    }

    .vote-pop-up .button {
        position: absolute;
        top: 0px;
        right: -75px;
        cursor: pointer;
    }

}


/* Desktop */
@media (min-width: 1025px) {
    /*#wrapper_slider {
    	margin-left: auto !important;
    }*/
    .nav-container li.parent:hover ul {
        display: block !important;
    }

    .nav-container li.parent ul {
        display: none !important;
    }
    .calendar td.linked-day .calendar-content-wpr .other-content a {
        color: #fff !important;
        text-decoration: none;
    }
}