@charset "utf-8";
/* My account pages styles for mobile devices between 320-739px  */

@media only screen and (min-width: 739px)
{
    #menu_navigation h2,
    #order_summery_mobile,
    #register_page form li.input.dob label.mobile,
    #account_page .wishlist_items_mobile,
    .cms-get-lucky #content-mobile,
    .cms-onepercent #content-mobile{
        display: none;
        }

    }

@media only screen and (min-width: 320px) and (max-width: 739px){

/***********login page************************/
p.singleStyle{
    font-size: 12px;
    }
#login_page{
    width: 100%;
    float: left;
    height: auto;
    }
#login_page div.panel{
    width: 100%;
    }
    #login_page div.panel .helper{
        font-size: 12px;
        }
    #login_page div.panel .btn-wrapper,#login_page div.panel .btn-wrapper p,#login_page div.panel .btn-wrapper b{
        float: left;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
    #login_page div.panel .btn-wrapper,#login_page div.panel .btn-wrapper p,#login_page div.panel .btn-wrapper b{
        display: block;
        text-align: center;
        }
    #login_page div.panel .btn-wrapper p{
        font-size: 12px;
        }
    #login_page div.panel .btn-wrapper b a{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }
    .customer-account-login .grid{
    padding: 0 3%;
    width: 94%;
    }
#login_page div.details,#login_page div.action{
    float: left;
    width: 96%;
    margin:0 0 20px 0;
    padding: 2%;
}
    #login_page form ul li{
        position: relative;
        width: 100%;
        }
#login_page form label{
    display: none;
    height: 18px;
    margin: 0;
    padding: 6px 2%;
    line-height: 20px;
    position: absolute;
    top: 5px;
    width: 96% !important;
    z-index: 3000;
    font-size: 13px!important;
    left: 0;
    width: calc(96% + 2px);
    }
#login_page form input{
    float: left;
    padding: 6px 2%;
    width: 96%;
    width: calc(96% - 2px);
    font-size: 13px;
    border: 1px solid #D7D7D7 !important;
    line-height: 18px;
    height: 18px;
    margin: 0;
    moz-appearance:none !important;
    -webkit-appearance:none !important;
    }

    #login_page div.panel div a.create-btn,#login_page form input[type="submit"]{
        width: 100%;
        text-align: center;
        float: left;
        height: 42px;
        }
    #login_page div.panel h3{
        text-align: center;
        margin-left: 0;
        }
    #login_page form input[type="submit"]{
        moz-appearance:none !important;
        -webkit-appearance:none !important;
        margin-top: 25px;
        }
    #page_title h2{
        margin-top: 5px;
        text-align: center;
        }
 /********************register page*********************/
    #register_page{
        background: none repeat scroll 0 0 #FFFFFF;
        border: medium none;
        box-shadow: none;
        float: none;
        margin: 0 auto;
        width: 100%;
        }
    .regiseter-wrapper{
        float: left;
        width: 100%;
        }
    #register_form{
        float: left;
        width: 100%;
        }

    #register_page div.details,
    #register_page div.action{
        float: left;
        width: 100%;
        margin: 0;
        }
    #register_page div.action{
        margin-top: 10px;
        }
    #page_title_custom h2{
        padding-left: 0;
        padding-top: 15px;
        text-align: center;
        }
    #register_page form li.input label{
        float: left;
        width: 100%;
        color: #000000 !important;
        }
    #register_page form li.input:not(.no-label-over) label{
        display: none;
        }

    #register_page form li.input input{
        float: left;
        width: 97%;
        width: calc(98% - 2px);
        padding: 8px 1%;
        margin: 0;
        background-image: none;
        -moz-appearance:none !important;
        -webkit-appearance:none !important;
        }
    #register_page form li.input.gender-li label{
        width: 20%;
        float: left;
        margin-right: 2%;
        }
    #register_page form li.input.gender-li .input-box{
        width: 78%;
        float: right;
        }
    #register_page form li.input.gender-li input.half{
            width: 48%;
            float: left;
            margin-right: 2%;
        width: calc(49% - 2px);
        }
    #register_page form li.input input[type="button"].gender.active{
        background-color: #EE802A;
        color: #fff;
        }
    #register_page form li.input input[type="button"].female{
         background: url("../images/mobile/icon_sprite.png") no-repeat 20px -399px;
         background-size: 71px 600px;
         margin-left: 0;
        margin-right: 0;
        float: right;
      }
    #register_page form li.input input[type="button"].female.active{
        background-position: 20px -473px;
        }
    #register_page form li.input input[type="button"].male{
        background: url("../images/mobile/icon_sprite.png") no-repeat 27px -436px;
        background-size: 71px 600px;
        }
    #register_page form li.input input[type="button"].male.active{
        background-position: 26px -510px;
        }
    #register_page form li.input.dob label.dt{
        display: none;
        }
    #register_page form li.input.dob label.mobile{
        display: block;
        width: 20%;
        float: left;
        margin-right: 2%;
        }
    #register_page form li.input.dob .input-box{
        width: 78%;
        float: right;
        }
    #register_page form li.input.dob .input-box  input.quart{
        margin-right: 2%;
        margin-top: 1px;
        width: 20%;
        width: calc(20% - 2px);
        }
    #register_page form li.input.dob .input-box  input.half{
        margin-right: 0;
        margin-left: 0;
        margin-top: 1px;
        width: 48%;
        padding: 8px 1%;
        width: calc(50% - 2px);
        }

    #register_page form input[type="submit"]{
        float: left;
        width: 98%;
        height: 42px;
        margin: 0;
        padding: 5px 2%;
        -moz-appearance:none !important;
        -webkit-appearance:none !important;
        }

    #register_page form li.input.mobile{
        float: left;
        padding: 10px 2%;
        width:96%;
        }

    #register_page form li.prompt{
        float: left;
        width: 93%;
        }
    #register_form .dob .error{
        float: right;
        }

    /********forgot password***************/
    .customer-account-login #popupContentWrapper{
        width: 90%;
        padding: 5%;
        float: left;
        }
    .customer-account-login #popupContentWrapper p.invalid-email{
        color: #ff0000;
        }
    #popupBox #forgotten_email{
        margin-top: 5px;
        width: 94%;
        -moz-box-sizing: border-box;
        height:34px;
        font-size: 13px;
        padding: 0 3%;
        }


    #popupBox #forgot_password_form{
        margin-top: 20px;
        margin-left: 0;
        width: 100%;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        }

 /***********my account **********************/
    #account_page div.delivery h3,
    #account_page div.billing h3,
    #account_page div.additional h3,
    #account_page div.panel li b{
        font-weight: 700 !important;
        }

    #menu_navigation
    {
        width: 100%;
        float: left;
        text-align: center;
        padding: 5px 0 5px 0;
        cursor: pointer;
        box-sizing: border-box;
        margin:0;
    }
    #menu_navigation .block-title{
        padding: 6px 20px;
        background: #000000;
        }
    #menu_navigation h2{
        display: none;
        }
    #menu_navigation h2.mobile-h2{
        display: block;
        color: #fff;
        margin: 0;
        line-height: 33px;
        background: url("../images/mobile/carrets.png")right -22px  no-repeat;
        background-size: 16px 100px;
        }
     #menu_navigation h2.mobile-h2.clicked{
        background-position: right 8px;
        }
 #menu_navigation .account-menu{
    display: none;
    width: 100%;
    }
    #menu_navigation li:hover a,
    #menu_navigation li.active a,
    #menu_navigation li:hover b,
    #menu_navigation li.active a b{
        background-color: #f0f0f0;
        color: #ed8029;
        }
    #menu_navigation li:hover b,
    #menu_navigation li.active a b{
        color: #ed8029;
        }
    #menu_navigation li a p{
        display: none;
        }
    /*#menu_navigation li.my-wishlist{
        display: none;
        }*/

    #mobile-whishlist{
        position: relative;
        display: block;
    }

    .link-wishlist-mobile {
        font-family: tradegothic-bold;
        padding-left: 21px;
        padding-right: 0;
        display: block;
        background: url('../images/icon_product_wishlist.png') 0 50% no-repeat;
        background-image: url('../images/icon_product_wishlist.png'), url(../images/icon_right_arrow.gif);
        background-repeat: no-repeat, no-repeat;
        background-position: 1px 45%,95px 16px;
        font-size: 15px;
        max-width: 83px;;
        padding-top: 14px;
        padding-bottom: 20px;
        margin: 0 auto;
        text-transform: uppercase;
        color: #000;
    }

    #account_page form li > em.error,
    form .input > em.error{
        margin-bottom: 7px;
        margin-left: 0;
        line-height: 11px;
        font-size: 11px;
        }
    #account_page form li.error input{
        margin-bottom: 2px;
        }
    #account_page div.actions b{
        width: 100% !important;
        }
    #account_page{
        width: 94%;
        padding: 20px 3% 0;
        float: left;
        margin-bottom: 0;
        }
    #account_page h3{
        font-size: 13px;
        }
    #account_page div.panel{
        margin-bottom: 10px;
        width: 100%;
        height: auto;
        }
    #account_page form.checks,
    #account_page form.checks li{
        font-size: 13px;
        text-align: left;
        }
    #account_page form.checks li a{
        float: left;
        text-align: left;
        }

    #account_page div.panel a.edit,
    #account_page form.checks a.edit{
        padding: 3px 9px;
        border: 1px solid #5A5A5A;
        color: #fff;
        background-color: #000;
        display: block;
        font-family: helvetica;
        font-weight: normal;
        text-transform: uppercase;
        }

    #account_page div.panel h3{
        float: left;width: 96%;
        padding: 10px 2%;
        font-size: 14px;
        }
    #account_page div.panel ul{
        float: left;
        width: 97%;
        padding-left: 2%;
        padding-right: 1%;
        }
    #account_page div.panel li{
        font-size: 13px;
        }

    #account_page .form{
        float: left;
        width: 100%;
        }
    #account_page #personal_information{
        width: 100%;
        float: left;
        box-sizing: border-box;
        background: #fff;
        border: none;
        box-shadow: none;

        }
    #account_page #personal_information .communications-opt-ins  li label{
        line-height: 30px;
    }
    #account_page #personal_information .communications-opt-ins  li:last-of-type{
        padding-bottom: 30px;
    }
    #account_page li.detail,
    #account_page h3.comm{
        padding-left: 0;
    }
    #account_page div.panel form#change_password{
        float: left;
        width: 100%;
        }
    #account_page div.panel form#change_password ul{
        margin-left: 0;
        }
    #account_page div.panel form#change_password li{
        width: 100%;
        float: left;
        }
    #account_page div.panel form#change_password label{
        display: block;
        float: left;
        font-size: 11px;
        line-height: 17px;
        padding-left: 0;
        width: 100%;
        }
    #account_page div.panel form#change_password input[type="submit"]{
        width: 100%;
        margin-left: 0;
        -moz-appearance:none !important;
        -webkit-appearance:none !important;
        padding: 10px 0;
        }
    #account_page div.panel form#change_password input{
        display: block;
        margin-bottom:8px;
        margin-left: 0;
        margin-top: 0;
        padding: 8px 2%;
        width: 97%;
        width: calc(96% - 2px);
        }
    #account_page .accountTab #personal_information fieldset > ul{
        float: left;
        width: 100%;
        padding: 0;
        }

    #account_page #personal_information li label{
        padding-left:0;
        width: 100%;
       float: left;
        line-height: 18px;
        text-indent: 0;
        margin-bottom: 1px;
        }
    #account_page #personal_information li.valid label{
        color: #000000;
        }
    #account_page #personal_information li.error label{
        color: #000000;
        }
    #account_page #personal_information li.error input{
        color: #ff0000;
        background-color: #FAEBE7;
        }
    #account_page div.delivery,
    #account_page div.billing,
    #account_page div.additional{
        padding: 10px 2%;
        width: 96%;
        position: relative;
        }
    #account_page div.billing ul{
        margin-bottom: 5px;
        }
    #account_page #address_checks{
        width: 100%;
        }
    #addressbookentry{
        float: left;
        width: 100%;
        }
    #account_page #address_list fieldset li {
        font-size: 13px;
        width: 100%;
        }
    #account_page #address_list fieldset li.radio label{
        width: 100%;
        text-indent: 0;
        line-height: 22px;
        float: left;
        font-size: 12px;

        }
    #account_page #address_list fieldset li input[type="radio"]{
        visibility: hidden;
        float: none;

        }
    #account_page #address_list fieldset li input[type="radio"]+span{
        background-image: url("../images/mobile/radio-btns.png");
        background-repeat: no-repeat;
        background-position: -22px  -40px;
        cursor: pointer;
        -webkit-appearance: none;
        -mozkit-apperance: none;
        width: 20px;
        height: 20px;
        display: inline-block;
        float: left;
                }
    #account_page #address_list fieldset li input[type="radio"]+span+em{
        margin-top: -2px;
        display: block;
        float: left;
        width: 84%;
        margin-left: 6px;
        font-style: normal;
        }
    #account_page #address_list fieldset li input[type="radio"]:disabled+span {
        background-position: -22px -60px
        }
    #account_page #address_list fieldset li input[type="radio"]:checked+span {
        background-position: -22px  0px
        }
    #account_page #address_list #address_form_new{
        position: static;
        }
    #account_page form{
            width: 100%;
        }
    #account_page .accountTab ul{
        float: left;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        }
    #account_page div.certificates form,
    #account_page div.certificates form ul{
        width: 100%;
        }
    #account_page div.certificates form ul li input[type="text"],
    #account_page div.certificates form input[type="text"]{
        width: 97%;
        padding: 8px 1%;
        width: calc(98% - 2px);
        }
    #account_page form fieldset.action,
    #account_page form fieldset.action li{
        float: left;
        width: 100%;
        }
    #account_page #personal_information fieldset.action li.chk label{
        float: right;
        width: 92%;
        text-indent: 0;
        margin: 0;
        line-height: 13px;
        }
    #account_page #personal_information fieldset.action li.chk #register_subscribe{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        }
    #account_page form fieldset.action li input[type="submit"]{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-left: 0;
        padding: 10px 0;
        margin: 0 auto;
        -moz-appearance:none !important;
        -webkit-appearance:none !important;
        }
    #account_page form li{
        width: 100%;
        float: left;
        }
    #account_page form li.error label,#account_page form li.valid label{
        color: #000000;
        }
    #account_page form li.error input{
        background-color: #FAEBE7;
        }
    #account_page form label{
        padding-left: 0;
        line-height: 13px;
        width: 100%;
        text-indent: 0;
        margin-bottom: 2px;
        }
    #account_page #address_book{
        border: medium none;
        box-shadow: none;
        }
    #account_page #address_book form label{
        width: 100%;
        line-height: 13px;
        }
    #account_page #address_book form input[type="text"],
    #account_page #address_book form input[type="password"]{
        margin-bottom: 10px;
        }
    #account_page .accountTab #address_book fieldset > ul{
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        }
    #address_book #region_id{
        width: 97%;
        margin-left: 0;
        padding: 8px 2%;
        margin-right: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        float: left;
        margin-bottom: 10px;
        margin-top: 0;
        background-color: #fff;
        margin-left: 0 !important;

        }

    #account_addresses #address_checks #shipping_address,#account_addresses #address_checks #billing_address,#account_addresses #address_checks #address_list,#account_addresses #address_checks .address-book-box{
        position: relative;
        }
    #account_addresses #address_checks a.edit{
        position: absolute;
        top: 10px;
        right: 10px;
        }
    #account_page #address_book fieldset.action li.chk label{
        width: 92%;
        margin-left: 5px;
        margin-top: 0;
        line-height: 14px;
        display: block;
        text-indent: 0;
        float: left;
        text-align: left;
        }
    #account_page form input.full{
        width: 100%;
        margin: 0 0 8px 0;
        margin-left: 0%;
        padding: 8px 2%;
        /*width: calc(96% - 2px);*/
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-background-image: none !important;
    }
    #account_page form li.chk input{
        float: left;
        margin-top: 0;
    }

    #personal_information fieldset.action li p{
        margin-left: 0;
        width: 100%;
        padding-left: 0;
    }
    #account_page form fieldset.action li label{
        width: 89%;
    }

    #account_page #payment_details{
        float: left;
        width: 100%;
    }
    #account_page #payment_details div.card{
        padding: 2%;
        width: 96%;
    }

    /********************

    **********************/
    #account_page #my-rewards-table tfoot td.m-hide{
         display: none;
     }
    #account_page #my-rewards-table tfoot td{
        width:50% ;
    }
    #account_page #my-rewards-table tfoot .subtotal.first .black.a-right.last:after{
        display: none;
    }
    #account_page #my-rewards-table tr td:first-of-type, #account_page #my-rewards-table tr td:last-of-type, #account_page #my-rewards-table tr th:first-of-type {
        padding-left: 10px;
    }
    #account_page #my-rewards-table tr td {
        padding-left: 10px;
    }
    #account_page #my-rewards-table th {
        padding: 11px 5px 7px 10px;
    }

    #order_summery{
        display: none;
        }
    #order_summery_mobile{
        display: table;
        width: 100%;
        }
    #order_summery_mobile th h3{
        margin-bottom: 0;
        }
    #account_page #order_summery_mobile.summary td, #account_page table.summary th{
        padding: 10px 5px;
        }
    #account_page table.summary tr{
        background-image: none;
        }
    #account_page #order_summery_mobile.summary tr:not(.no-border-bottom){
        border-bottom: 1px solid #ccc;
        }
    #account_page table.summary tr.prod-name td{
        background-color: #fff;
        font-size: 13px;
        font-weight: bold;
        }
    #order_summery_mobile tbody{
        border-bottom: 1px solid #ccc;
        }

    #account_page #wishlist_items{
        display: none;
        }

    #account_page div.products .wishlist_items_mobile,
    #account_page div.products .wishlist_items_mobile ul
    {
       border:0px!important;
        padding:0px!important;
    }


    /************wishlist***************/

    .customer-account-index #account_page div.actions a.additems
    {
        background-image: url("../images/mobile/icon_sprite.png");
        background-origin: padding-box;
        background-position: 8% -291px;
        background-position: 8% -291px;
        background-repeat: no-repeat;
        background-size: 58px auto !important;
        text-decoration: none;
    }

    #account_page .wishlist_items_mobile{
        display: block;
        }

    #account_page ul.wishlist_items_mobile  li
    {
        position: relative;
        border-bottom: solid 1px #EBEBEB;
    }

    #account_page ul.wishlist_items_mobile  li .product-image
    {
        display: inline-block;
        width:134px;
        margin-top:4px;
    }
    #account_page ul.wishlist_items_mobile  li .cart-products-info
    {
        display: inline-block;
        position: relative;
        top: 19px;
        width: 50%;
        vertical-align: top;
    }
    #account_page ul.wishlist_items_mobile  li .cart-products-info p
    {
        margin-bottom:3px;
        font-size: 12px;
    }

    #account_page div.actions b
    {
        width:100%!important;
    }

    #account_page ul.wishlist_items_mobile  li .cart-products-info b .productName
    {
       text-transform: uppercase;
        font-family: tradegothic-bold;
        font-weight: normal;
        text-decoration: none;
    }

    #account_page ul.wishlist_items_mobile  li .cart-products-info .addtobag
    {
        background-color: #EE802A;
        background-image: url("../images/mobile/icon_sprite.png");
        background-origin: padding-box;
        background-position: 14% -290px;
        background-repeat: no-repeat;
        background-size: 58px auto !important;
        clear: left;
        color: #FFFFFF;
        display: block;
        float: left;
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 15px;
        padding: 6px 10px 6px 40px;
        width: 90px;
        min-width:100px;
        text-decoration: none;
    }

    #account_page ul.wishlist_items_mobile  li .cart-products-info .productView
    {
    display:none;
    }
    #account_page ul.wishlist_items_mobile  li .cart-remove-product
    {
        float:right;
        top:10px;
        position: absolute;
        display: inline-block;
        right:-5px;
    }
    #account_page div.products a.wishlist_remove
    {
        position: relative;
        background: url('../images/close_btn.gif') no-repeat;
        background-position: 0px 3px;
        width: 20px;
        height: 20px;
        top: 5px;
    }
#account_page div.certificates form ul li{
    float: left;
    width: 100%;
    }
#account_page div.certificates{
    background:none;
    padding: 10px 0;
    width: 100%;
    float: left;
    box-shadow: none;
    border: none;
    height: auto;
    min-height: 0;

    }
#account_page div.certificates form ul li{
    height: auto;
    }
#account_page div.certificates form ul li input[type="submit"]{
    margin-left: 0;
    width: 100%;
    padding: 8px 0;
    margin-top: 15px;
    height: 42px;
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    }
#account_page div.card{
    padding: 10px 3%;
    float: left;
    width: 94%;
    }
#account_page div.certificates li.divided{
    background-image: none;
    border-bottom: 1px solid #ccc;
    }

.customer-account-resetpassword #reset_page div.panel h3{
    color: #000;
    float: left;
    width: 100%;
    font-size: 18px;
    }
.customer-account-resetpassword #reset_page div.panel div{
    width: 90%;
    padding: 5%;
    margin-right: 0;
    }
.customer-account-resetpassword #reset_page{
    background-image: none;
    overflow: hidden;
    }
#reset_page form label{
    width: 100%;
    margin-right: 0;
    text-indent: 0;
    }
#reset_page form input{
    width: 100%;
    margin-right: 0;
    padding: 8px 1%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    }
#reset_page form input[type="submit"]{
    width: 100%;
    margin-right: 0;
    -moz-appearance:none !important;
    -webkit-appearance:none !important;
    }
#reset_page form li.error{
    height: auto !important;
    }
    #reset_page form li.error span.error{
        height: auto;
        }


    /************store lacator****************/
.cms-store-locator .page-title{
    width: 98%;
    }

.cms-store-locator .page-title h1{
    width: 100%;
    float: left;
    text-align: center;
    }
    .cms-store-locator .page-title .back-link{
        float: left;
        }
    .cms-store-locator .location-store-info,
    .cms-store-locator .location-store-img{
        float: left;
        width: 100%;
        margin-left: 0;
        }
    .cms-store-locator .location-store-main{
        padding: 10px 3%;
        width: 96%;
        }
    .cms-store-locator #location-map{
        display: none;
        }

    .location-list-cnt ul li .location-list-name .store-link{
        display: none;
        }
}/*******end of media query *****************/


@media only screen and (min-width: 320px) and (max-width: 460px){

    #account_page form li{
        width: 100%;
        }
    #account_page form input[type="text"],#account_page form input[type="password"],#account_page form input[type="tel"]{
        margin-right: 0;
        margin-left: 0;
        width: 96%;
        width: calc(96% - 2px);
        margin-bottom: 5px;
        }
    #account_page form fieldset.action input[type="submit"]{
        float: left;
        }

    #account_page form fieldset.action p{
        margin-left: 0;
        }

/**********************************************/


}
@media only screen and (min-width: 320px) and (max-width: 520px){

    #register_page form li.input input[type="button"].female{
        background: url("../images/mobile/icon_sprite.png") no-repeat 20px -399px;
        background-size: 71px 600px;

        }
    #register_page form li.input input[type="button"].male{
        background: url("../images/mobile/icon_sprite.png") no-repeat 27px -436px;
        background-size: 71px 600px;
        }
    #register_page form li.input{
        padding: 10px 2%;
        width: 96%;
        margin-top: 0;
        position: relative;
        float: left;
        border: none;
        }

    #register_page form li.input:not(.no-label-over) label{
        background: #fff;
        position: absolute;
        line-height: 32px;
        left: 4px;
        padding: 0 2%;
        top: 8px;
        width: 92% !important;
        border: 1px solid #ccc;
        }

    #register_page form li.input input.quart{
        width: 20%;
        margin-right: 2%;
        }
    #register_page form li.input input.quart:last-of-type{
        margin-right: 0;
        }
    #register_page form li.chk input{

        background-color: #EBEBEB;
        width: 14px;
        border: 1px solid #ccc;
        height: 14px;
        }

    }



/*********************************************************Cms pages*************************************************/
@media only screen and (max-width: 739px){
    .cms-page-view #shop_breadcrumbs,
    .cms-page-view #cms_menu_navigation
    {
            display: none;
        }
    .cms-page-view .grid-9,
    .cms-page-view .grid-12
    {
        float: left;
        width: 100%;
        }
    .cms-page-view .contentWrap{
        padding: 10px 3%;
        width: 94%;
        float: left;
        }
    .cms-page-view .page-title h1{
        padding: 10px 0 15px 0;
        }
    .cms-page-view #content p{
        font-size: 12px;
        margin-bottom: 8px;
        }
    .cms-page-view.cms-customer-returns #content p{
        width: 100%;
        text-align: center;
        font-size: 18px;
        margin-bottom: 1px;
    }
    .cms-customer-returns p.customer-return-calendar img,
    .cms-customer-returns p.customer-return-truck img
    {
        float: none!important;
    }
    .cms-customer-returns .return-faq ul {
        width: 100%;
    }
    .cms-customer-returns .return-faq{
        width: 100%;
    }

    .cms-customer-returns #page {
        min-width: 100%;
    }
    .cms-customer-returns .faq{
        /*font-size: 12px;*/
        position: relative;
        padding: 10px;
    }
    .cms-customer-returns .faq > a{
        display: block;
    }
    .cms-customer-returns .return-faq .faq-heading{
        position: relative;
    }
    .cms-customer-returns .return-faq .faq-heading .arrow-img{
        top: 0;
    }
    .cms-customer-returns .return-faq .arrow-img {
        position: absolute;
        right: 0;
        top: 10px;
    }
    .cms-customer-returns .return-faq .faq-heading {
        font-size: 15px;
        height: 22px;

    }
    .cms-customer-returns .return-faq .faq-heading strong{
        float: left;
        font-size: 15px;
    }
    .cms-customer-returns .easy-return{
        padding-bottom: 117px;
    }
    .cms-customer-returns .easy-return p{
        width: 100%;
        display: inline-table!important;
    }
    .cms-customer-returns #content div p img{
        max-width: 77px;
    }
    .cms-page-view #content table{
        font-size: 12px;
        }
    .cms-page-view #content h2{
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        float: left;
        width: 100%;
        margin-left: 0;
        }
    .cms-page-view #content div img{
        max-width: 100%;
        }
    .cms-page-view #content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
        }

    .cms-page-view #content .video-container iframe,
    .cms-page-view #content .video-container object,
    .cms-page-view #content .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }
    .cms-page-view #content #brands_list{
        width: 100%;
        float: left;
        }
    .cms-page-view #content #brands_list .browse{
        display: none;
        }
    .cms-page-view #content #brands_list div.pagination{
        display: none;
        }
    .cms-page-view #content #brands_list ul li a{
        font-size: 12px;
        }
    #brands_list div.browse_brands{
        width: 100%;
        float: left;
        }
    #brands_list div.browse_brands div{
        width: 100%;
        margin: 0;
        }
    .cms-page-view #content div img{
        float: left;
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        }
    .cms-page-view #content div img.half{
        width: 50%;
        }
    #brands_list div.browse_brands b{
        font-size: 12px;
        float: left;
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../images/mobile/carrets.png') no-repeat right -49px;
        background-size: 16px 100px;
        }
    #brands_list div.browse_brands ul,#brands_list div.browse_brands ul li{
        float: left;
        width: 100%;
        line-height: 19px;
        text-indent: 0;
        }
    #brands_list div.browse_brands ul li{
        margin-bottom: 5px;
        }
    #brands_list div.browse_brands ul,#brands_list div.browse_brands ul li a{
        float: left;
        width: 100%;
        text-indent: 0;
        }
    #brands_list div.browse_brands b + ul{
        padding-left: 2%;
        width: 98%;
        }
    #brands_list div.browse_brands b + ul.closed{
        display: none;
        }
    #brands_list div.browse_brands b.collapsed{
        background: url('../images/mobile/carrets.png') no-repeat right -77px;
        background-size: 16px 100px;
        }
    #brands_list div.browse_brands b a{
        display: block;
        }
    #shop-page a.mens,
    #shop-page a.womens
    {
        font-size: 12px;
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        }
    .cms-page-view #content .gift-card-block{
        float: left;
        width: 100%;
        }
    .cms-page-view #content .gift-card-block > div{
        margin: 0 5%;
        width: 40% !important;
        height: auto !important;
        }

    .cms-gift-well-comp .input-box .email-error,
    .cms-win-a-wardrobe .input-box .email-error{
        font-size: 11px;
        }

    /************contact us page******************/
    .xcontacts-index-index h2{
        text-align: center;
        }
    .xcontacts-index-index #contact_us{
        background-image: none;
        width: 94%;
        padding: 10px 3%;
        height: auto;
        }
    .xcontacts-index-index #contact_us #contactForm{
        font-size: 12px;
        padding: 0;
        width: 100%;
        }
    #contactForm fieldset{
        width: 100%;
        }
    #contactForm fieldset .input-box{
        float: left;width: 100%;
        }
    #contactForm fieldset .input-box.validation-error input, 
    #contactForm fieldset .input-box.validation-error select{
        background: #FAEBE7;
        color: #DF280A;
        }
    #contactForm label{
        float: left;
        width: 100%;
        }
    #contactForm .input-box input,
    #contactForm .input-box select{
        float: left;
        width: 100%;
        padding: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: content-box;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        height: 36px;
        }
    #contactForm .input-box input#subject{
        margin-left: 0;
        }
    #contactForm .input-box select{
        border: solid 1px #cdcdcd;
        }
    #contactForm textarea{
        float: left;
        width: 100% !important;
        border: solid 1px #cdcdcd;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: content-box;
        box-sizing: border-box;
        }
    #contactForm button.button{
        float: left;
        width: 100%;
        padding: 10px 0;
        text-transform: uppercase;
        }

    #contactForm  .validation-advice{
        display: none !important;
        }
    #contactForm  .validation-advice#advice-validate-email-email{
        display: block !important;
        padding: 5px 3%;
        float: left;
        width: 94%;
        border: 1px solid #ff0000;
        background: #FAEBE7;
        color: #DF280A;
        }
    /***************404 page **********************/
    .cms-index-noroute img{
        max-width: 100%;
        }

    /**************campaign pages********************/
    .cms-win-a-wardrobe .contentWrap,
    .cms-xmas-campaign .contentWrap,
    .cms-get-lucky .contentWrap,
    .cms-onepercent .contentWrap
    {
        height: auto;
        }

    .cms-win-a-wardrobe .input-box div.gender-box,
    .cms-students-register .input-box div.gender-box,
    .cms-xmas-campaign .input-box div.gender-box,
    .cms-get-lucky .input-box div.gender-box,
    .cms-onepercent .input-box div.gender-box{
        margin-top: 10px;
        }
    .cms-win-a-wardrobe .input-box div label,
    .cms-students-register .input-box div label,
    .cms-xmas-campaign .input-box div label,
    .cms-get-lucky .input-box div label,
    .cms-onepercent .input-box div label
    {
        width: 12%;
        max-width:  32px;
        display: inline-block;
        font-size: 12px;
        text-align: right;
        }
    .cms-win-a-wardrobe .input-box div label[for="gender_female"],
    .cms-students-register .input-box div label[for="gender_female"],
    .cms-xmas-campaign .input-box div label[for="gender_female"],
    .cms-get-lucky .input-box div label[for="gender_female"],
    .cms-onepercent .input-box div label[for="gender_female"]
    {
        width: 21%;
        max-width:  45px;;
        }
    .cms-win-a-wardrobe .input-box div .input-radio,
    .cms-students-register .input-box div .input-radio,
    .cms-xmas-campaign .input-box div .input-radio,
    .cms-get-lucky .input-box div .input-radio,
    .cms-onepercent .input-box div .input-radio{
        display: inline-block;
        }
    .cms-win-a-wardrobe .group-select,
    .cms-students-register .group-select,
    .cms-xmas-campaign .group-select,
    .cms-get-lucky .group-select,
    .cms-onepercent .group-select{
        float: left;
        padding: 0 2%;
        width: 94%;
        margin-bottom: 10px;
        }
    .cms-win-a-wardrobe .input-box input,
    .cms-students-register .input-box input,
    .cms-xmas-campaign .input-box input,
    .cms-get-lucky .input-box input,
    .cms-onepercent .input-box input
    {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9px 4px;
        margin-bottom: 10px;
        }
    .cms-page-view.cms-students-register #wrap{
        background-image: none !important;
        background-color: #F9EFA8;
        }
    .cms-students-register .input-box select,
    .cms-onepercent .input-box select{
        width: 100%;
        padding: 9px 4px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 36px;
        }
    .cms-students-register .button-set,
    .cms-xmas-campaign .button-set,
    .cms-get-lucky .button-set,
    .cms-onepercent .button-set,
    .cms-win-a-wardrobe .button-set
    {
        float: left;
        width: 100%;
        }
    #wardrobeSignup{
        padding-top: 25px;
        }
    #wardrobeSignupForm{
        float: left;
        width: 100%;
        }
    .cms-students-register .btnGetOfferOnline{
        width: 100%;
        background-repeat: no-repeat;
        }
    .cms-xmas-campaign #wrap{
        background-image: none !important;
        background-color: #023795;
        }
    .cms-xmas-campaign #content .grid{
        overflow: visible;
        }
    .cms-get-lucky #wrap{
        background-image: none !important;
        background-color: #e21c34;
        }
    .cms-get-lucky #page{
        width: 100%;
        }
    .cms-get-lucky .input-box .email-error,
    .cms-students-register .input-box .email-error{
        font-size: 11px;
        }
    /*.cms-page-view .contentWrap{*/
        /*padding: 0px 0%;*/
        /*width: 100%;*/
        /*float: left;*/
        /*height: auto;*/
        /*}*/

    .cms-onepercent #wrap{
        background-image: none !important;
        background-color: #140b0c;
        }
    .cms-onepercent #studentSignup{
        width: 94%;
        padding: 0 3%;
        }
    .cms-onepercent #content p{
        float: left;
        width: 100%;
        }
    .cms-onepercent #content-mobile{
        float: left;
        width: 100%;
        }
    .cms-onepercent .input-box select{
        width: 100%;
        }
    .cms-onepercent .button-set .terms{
        float: left;
        width: 100%;
        padding: 10px 0;
        }
    .cms-students-register #studentSignup{
        float: left;
        width: 100%;
        padding-top: 25px;
        }


    /* brand new page */
    .brands-index-index #shop_breadcrumbs,
    .brands-index-index #cms_menu_navigation
    {
        display: none;
    }

    .brands-index-index .grid-9,
    .brands-index-index .grid-12
    {
        float: left;
        width: 100%;
    }
    .brands-index-index .contentWrap{
        padding: 10px 3%;
        width: 94%;
        float: left;
    }
    .brands-index-index .page-title h1{
        padding: 10px 0 15px 0;
    }
    .brands-index-index #content p{
        font-size: 12px;
        margin-bottom: 8px;
    }
    .brands-index-index #content table{
        font-size: 12px;
    }
    .brands-index-index #content h2{
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .brands-index-index #content div img{
        max-width: 100%;
    }
    .brands-index-index #content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
    }

    .brands-index-index #content .video-container iframe,
    .brands-index-index #content .video-container object,
    .brands-index-index #content .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .brands-index-index #content #brands_list{
        width: 100%;
        float: left;
    }
    .brands-index-index #content #brands_list div.pagination{
        display: none;
    }
    .brands-index-index #content #brands_list ul li a{
        font-size: 12px;
    }

    /* customer return */
    .cms-customer-returns .customer-return-head {
        margin: 45px auto 51px auto;
        font-size: 31px;
        font-family: tradegothic-bold,arial;

    }


}/**************************end of media query******************************************************************/



/*********************************************************Checkout page*************************************************/
@media only screen and (max-width: 739px){
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt{
        width: 100%;
        float: left;
        }
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt label,#onestepcheckout-form dt.radio-dt label{
        float: left;
        font-size: 12px;
        line-height: 22px;
        text-indent: 0;
        width: 100%;
        }

    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt label span+em{
        color: #000 !important;
        font-style: normal;
        font-weight: normal;
        float: left !important;
        }


    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt input[type="radio"]{
        visibility: hidden;
        float: none;

        }
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt input[type="radio"]+span{
        background-image: url("../images/mobile/radio-btns.png");
        background-repeat: no-repeat;
        background-position: -22px  -40px;
        cursor: pointer;
        -webkit-appearance: none;
        -mozkit-apperance: none;
        width: 20px;
        height: 20px;
        display: inline-block;
        float: left;
        }
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt input[type="radio"]+span+em{
        margin-top: -2px;
        display: block;
        float: left;
        width: 84%;
        margin-left: 6px;
        font-style: normal;
        }
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt input[type="radio"]:disabled+span {
        background-position: -22px -60px
        }
    .onestepcheckout-index-index dl.shipment-methods dt.radio-dt input[type="radio"]:checked+span {
        background-position: -22px  0px
        }

    /*********************************************************Cart page*************************************************/
.checkout-cart-index .grid-3.last.rewards-wrapper{
    width: 100%;
    margin-top: 20px;
    max-width: 320px;
}
    .checkout-cart-index .grid-3.last.rewards-wrapper .loyalty-from-message{
    font-size: 12px;
}

    .checkout-cart-index  .rewards-wrapper #reward_amount,
    .rewards-wrapper .input-group.one #reward_amount,
    .rewards-wrapper .input-group.one .reward_balance_disabled
    {
        width: 34%;
        margin-right: 4%;
    }
    .rewards-wrapper .input-group-btn .btn,
    .rewards-wrapper .input-group.one .input-group-btn .btn{
        /*width: 53%;*/
        display: inline-block;
    }
    /* Rewards info */
    .cms-rewards-info .content .bottom-content {
        padding: 30px 20px;
    }

    .cms-rewards-info .content .top-content .bottom h1 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 20px;
        margin-bottom: 15px;
    }
    .cms-rewards-info .content .bottom-content h3 {
        font-size: 20px;
    }
    .cms-rewards-info .content .top-content .bottom .button-wrapper a{
        margin: 15px 5px;
        color: #fff;
        min-width: 120px;
        font-size: 12px;
    }
    .cms-rewards-info .content .bottom-content p{
        line-height: 18px;
    }

    .cms-rewards-info .content .bottom-content ul li {
        font-size: 16px;
    }
    .cms-rewards-info .content .bottom-content ul li:before {
        width: 10px;
        height: 10px;
        top: 16px;
        left: -15px;
    }
    .cms-rewards-info .content .bottom-content ul {
        width: 250px;
        margin: 20px auto;
    }
    .cms-rewards-info .content .top-content .bottom{
        margin-top: -46px;
    }
}