@media (min-width: 481px) and (max-width:768px) {


  .span768 {
    display: block;
  }

    .FontSizeHeadline{
        font-size:20px;
        text-transform:uppercase;
    }

    .FontSizeTitle{
         font-size:17px;
         text-transform:uppercase;
     }

     .FontSizeTitleBase{
          font-size:14px;
          font-weight:bold;
      }

.FontSizeMiddle{
     font-size:17px;
}

#navbg {
  background: none;
}


  #nav_main {
    height: 55px;
    position: fixed;
    border-bottom: solid 1px #e5e5e5;
  }

  #container {
    max-width: 767px;
    overflow: hidden;
  }

  #mainContentArea {
    left: 0px;
  }

  #header {
    height: 55px;
  }

  #cssLogo {
    width: 170px;
    margin: 3px 0 0 3px;
  }

  .mainContent {
    margin: 0px auto;
  }

  #mainBanner img {
    max-width: 100%;
    min-width: 480px;
  }


  #subBanner li > img {
    width: 100%;
  }

  #subBanner li .Sbanner li{
      margin:0px;
      display:none;
  }

   #subBanner li .Sbanner li:first-child{
     display:block;
  }

    #subBanner .ild{
        color:#fff;
        top: 22%;
          width: 38%;
          right: 4%;
    }

    #subBanner .ild img{
        width:100%;
    }.


      .grayGB {

        padding: 30px;
        background:#fff;
      }

  #search {
    font-size: 15px;
    width: 140px;
    padding-left: 2px;
  }

#productPage .ProductDetails_Others{
    border-top: 1px solid #d9d9d9;
}


  #productTabs .productTabs {
    width: 90%;
    margin: 0px auto 40px auto;
    padding-top: 50px;
  }

  .productGrid .resp_span-6 {
    float: left;
    width: 33.33%;
  }

  .productGrid {
    margin-top: 10px;
    padding: 0 2%;
  }



  #productReference .span-24 .youmaylike {
    float: left;
    width: 99%;
    overflow: hidden;
  }


  #productReference .span-24 .recently {
    display: none;
  }

  .miniCartLayer {
    display: none;
    position: absolute;
    border: 3px solid #e7e7e7;
    -webkit-box-shadow: 1px 1px 5px #d9d9d9;
    -moz-box-shadow: 1px 1px 5px #d9d9d9;
    box-shadow: 1px 1px 5px #d9d9d9;
    padding: 20px;
    margin: 0;
    top: 33px !important;
    width: 400px !important;
    z-index: 10000 !important;
    left: -328px !important;
    background: #fff;
  }

  #reviewOrderDetails > table.cart,
    #cartItems div >table.cart {
    padding: 2%;

  }

  #reviewOrderDetails > table.cart,
    #cartItems div >table.cart tbody tr {
    background: #fff;
  }

  #cartItems .cartItem td.quantity {
    width: 100px;
    text-align: right;
  }

  .submitRemoveProduct {
    padding-right: 35px;
  }

  .cartDiscount {
    width: 100%;
    padding: 0 3%;
    font-size: 17px;
  }

  .cartDiscount .hd {
    text-align: center;
    font-size: 20px;
  }

  .tableRow768down .total {
    text-decoration: line-through;
  }

  #cartItems .apply_starDollars {
    text-align: right;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 2.5%;
    float: right;
    border-bottom: dotted 1px #d9d9d9;
    width: 95%;
  }

  .promoDivBox {
    padding: 30px 3%;
    margin: 30px 0;
    clear: both;
  }


  .span_1group {
    width: 50% !important;
  }




  .span-12 {
    width: 94%;
    padding: 3%;
  }

  .loginMarginTop {
    margin-top: 10px;
    height: 260px;
  }

  #regDiv .form_register_Title .control-label,
    #regDiv .form_register_FirstName .labels,
    #regDiv .form_register_gender .labels,
    #regDiv .form_register_mobile .labels,
    #regDiv .form_register_email .labels,
    #regDiv .form_register_email_check .labels,
    #regDiv .form_register_password .labels,
    #regDiv .form_register_checkPwd .labels,
    #regDiv .form_register_country .control-label ,
    #regDiv .form_register_mobile .control-label,
    #regDiv .form_register_dob .control-label,
    #regDiv .form_register_language .control-label,
    #regDiv .form_register_currency .control-label ,
    #starDiv .form_registerName .labels,
    #starDiv .form_registerModile .labels,
    #loginForm .form_j_username .labels ,
    #loginForm .form_j_password .labels,
    #loginForm .form_j_password .control-label {
    float: left;
    margin: 25px 0px 0px;
    width: 29%;
    padding-left: 1%;
  }

    .ris_list_qty .controls,
        .ris_list_remarks .reserve_remark,
    #regDiv .form_register_FirstName .controls,
    #regDiv .form_register_gender .controls,
    #regDiv .form_register_mobile .controls,
    #regDiv .form_register_email .controls,
    #regDiv .form_register_email_check .controls,
    #regDiv .form_register_password .controls,
    #regDiv .form_register_checkPwd .controls,
    #regDiv .form_register_country .controls,
    #regDiv .form_register_language .controls,
    #regDiv .form_register_currency .controls,
    #starDiv .form_registerName .controls,
    #starDiv .form_registerModile .controls,
    #loginForm .form_j_username .controls,
    #loginForm .form_j_password .controls,
     #forgottenPwdForm .controls{
    float: left;
    width: 100%;
  }

  #regDiv .form_register_dob .controls {
    width: 48%;
    float: left;
    margin-right: 2%;
  }


   #cartTotalDiv .totals_button{
    margin:0 auto;
    width:95%;
   }

  .mainBtn {
    width: 100%;
    padding: 8px 0px;
    font-size: 14px;
    display: block;
  }

  button.mainBtn {
      padding: 10px 0px;
    }

#checkoutButtonBottom{
    margin-bottom:15px;
}

#productAddToPanel .productAddToCartPanel,
#productAddToPanel .productAddToCartPanel2,
#productAddToPanel .productAddToReservationPanel,
#productAddToPanel .productAddToWishlistPanel{
    width:100%;
    padding: 20px 0 10px;
}

#productAddToPanel .productAddToReservationPanel{
    padding:0 0 10px;
}

#productAddToPanel .productAddToWishlistPanel{
    padding:0 0 10px;
}

  .userLogin {
    border-bottom: dotted 2px #cacaca;
    margin-bottom: 10px;
  }




  .productImage .productImageGallery {
    float: left;
    width: 22%;
    position: relative;
    margin-right: 1%;
    top: 20px;
      margin-bottom: 20px;
  }

  .productImage .productImagePrimary {
    width: 60%;
    height: 460px;
    float: left;
    margin-left: 2%;
    margin-bottom:20px;
  }

    /*.flex-viewport { height: 450px !important;}*/

  #carousel .flex-viewport {
    width: 80px;
    height:255px;
  }

  .productDescription {
    width: 90%;
    margin: 0 auto;
     clear: both;
  }



   #ProductBasic768b .ProductDetails_StarDollars,
  #ProductBasic768b .ProductDetails_Price,
  .productSetLists .ProductDetails_StarDollars{
    float: left;
    width: 45%;
    margin: 2%;
    padding: 2% 0;
  }

   .productSetLists .ProductDetails_StarDollars{
    float:right;
   }

  #ProductBasic768b .ProductDetails_StarDollars, .productSetLists .ProductDetails_StarDollars{
    width: 46%;
  }

  .ProductDetails_StarDollars .starDollarUpToBox,  .productSetLists .starDollarUpToBox{
       width: 185px;
       float:right;
  }


   #productPage .ProductDetails_StarDollarsUsedUpTo,
     .productSetLists .ProductDetails_StarDollarsUsedUpTo{
       font-weight: bold;
       font-size: 18px;
   }
    #productPage .ProductDetails_UsedUpTo,
     .productSetLists .ProductDetails_UsedUpTo {
    font-size: 14px;
    }


    .productTabSet .big-price ,
    .productDescription .big-price {
      font-size: 30px;
    }

    /*************************** delivery_address **************************/

    .delivery_address {
      width: 96%;
      float: left;
      margin: 30px 0 30px 2%;
    }

      .delivery_address .deliveryBox {
        float: left;
          width: 42%;
          margin-left: 3%;
          border: solid 1px #c9c9c9;
          padding: 4% 3%;
          min-height: 150px;
          text-align: center;
      }

.deliveryBox  .deliveryBox_delivery , .deliveryBox .deliveryBox_instore{
    width:88%;
}


      .delivery_address .deliveryBox .deliveryIcon {
        margin: 5px 0 0 22px;
      }

 .delivery_address .checkout_buttons {
       clear: both;
     }

            #addressform_button_panel .mainBtn,
           .delivery_address .checkout_buttons #addressForm{
                width:90%;
                margin:20px auto;
           }

     .delivery_address .checkout_buttons #saveCheckoutBtn{
         width:90%;
         margin:0 auto;
     }

      .checkoutDetails #cartTotalDiv2, .checkoutDetails #cartTotalDiv3, #cartTotalDiv4{
             width:49%;
             float:left;

         }

         .checkoutDetails #cartTotalDiv2{
             margin-right: 2%;
         }

.mycode2 li{ width:48%; float:left; display:block;padding:0px 2% 3% 0px;}


#addressForm .control-group .controls.pulldown,
#CSSContactUsForm .controls.pulldown{
  width: 98%;
}
.accessory_details .controls.pulldown,
#CSSContactUsForm .controls,
#addressForm .control-group .controls,
 #i18nAddressForm .control-group .controls,
 .contactInformation .control-group .controls,
 .tellafriend .control-group .controls{
 width:100%;
 }


 #addressForm #countrySelector .control-group .controls{
    width:98%;
}

#regDiv .form_register_Title .nameElementTitle,
  #regDiv .form_register_mobile .mobile1,
#addressForm .control-group .controls.mobile1,
#addressForm .control-group .controls.nameElementTitle,
#pickupContactForm .control-group .controls.mobile1,
.pickupContactForm .controls.nameElementTitle,
#recipient .control-group .controls.nameElementTitle,
#updateProfileForm .controls.nameElementTitle,
#CSSContactUsForm .controls.nameElementTitle,
#CSSContactUsForm .controls.mobile1,
#recipient .control-group .controls.mobile1,
.contactInformation .control-group .controls.mobile1,
#updateProfileForm .control-group .controls.mobile1,
.contactInformation .control-group .controls.nameElementTitle{
        width:30%;
        margin-right:2%;
    }

#regDiv .form_register_Title .nameElementName,
#regDiv .form_register_mobile .mobile2,
#addressForm .control-group .controls.mobile2,
#addressForm .control-group .controls.nameElementName,
#pickupContactForm .control-group .controls.mobile2,
.pickupContactForm .controls.nameElementName,
#recipient .control-group .controls.nameElementName,
#updateProfileForm .controls.nameElementName,
#CSSContactUsForm .controls.nameElementName,
#CSSContactUsForm .mobile2, #recipient .control-group .controls.mobile2,
.contactInformation .control-group .controls.mobile2,
#updateProfileForm .control-group .controls.mobile2,
.contactInformation .control-group .controls.nameElementName{
        width:67%;
    }



#updateProfileForm .bday{
    width:48.5%;
    margin:10px 0;
 }

#updateProfileForm .accountMobile2{
    max-width:100%;
}

 #updateEmailForm .controls, #updatePasswordForm .controls{
    width:100%;
}
#updateProfileForm .country{
    width:98%;
}

.lookforField .DeleteLookingfor{
   margin: 10px 0px 0px -2%;
}

.accountContentPane .ItemstoReserve_style .control-group .reservationStyleNo.controls {
  width: 95%;
}


.accountContentPane .ItemstoReserve_style .control-group .reservationQty.controls {
  width:90%;
}


.accountContentPane .ItemstoReserve_style .control-group .reservationDesc.controls, .accountContentPane .ItemstoReserve_style {
  width: 100%;
}

.storeLocation  .controls.pulldown{
    width:48%;
    max-width: 315px;
}

 .storeLocation .store{
     width:100%;
 }

  #content #paddingSpace{
    display:none;
  }



/******** cs page ***********/


#CSSContactUsForm .labels {
  width: 30%;
  float: left;
  max-width: 105px;
}



#contactus-enquiry .control-label {
  width: 30%;
  float: left;
    max-width: 105px;
}



 #CSSContactUsForm .contactme{
    width:70%;
 }

.searchEmpty .searchEmptyBanner, .searchEmpty .EmptyBanner{
    display:none;
}


.searchEmpty .searchEmptyContent, .searchEmpty .EmptyContent{
    width:100%;
    margin:0 auto;
}



#accessoryCord{
    font-size:23px;
}

.accessory_image {
  max-width: 400px;
  width:50%;
  border: solid 1px #d9d9d9;
  margin:0 auto;
  float:none;
}

.accessory_details {
  float: left;
  padding: 10px 0 0 30px;
  width: 90%;
}

  #colorbox.popup660,
  #colorbox.popup660 #cboxLoadedContent{
    max-width: 660px !important;
  }


  #tabsReturnExchange .controls{
       width:100%;
   }


   #submitReturnForm .orderListTable .item >td{
    border:0px;
   }

    #reviewOrderDetails {

    margin: 30px 2%;
  }

.placeOrder{
    margin:0 0 30px 0;
}

#checkout-summary-reviewSummary, .summaryDeliveryAddress{
    margin: 30px 2% 0;
}

    .checkoutDetails,
    .checkout-pickup-details,
    .promoDivBox {
    float: left;
    width: 96%;
    padding: 0 2%;
    margin: 30px 0;
  }

.placeOrder .buttons{
    margin-top:20px;
}
.placeOrder .buttons .mainBtn{
    display:block;
    float:none;
    margin:0 0 20px 0;

}

.write_review_container .controls textarea,
.write_review_container .controls input {
  width: 100%;
}





.titleHD .hd {
font-size: 22px;
}

.titleHD .subhd {
font-size: 16px;
}


.titleHD .con {
font-size: 14px;
}

.titleHD .line{
    margin: 5px auto;
}

#updatePwd .control-group .controls{
  width:100%;
}



#navbg {
  min-height: 20px;
}

.priveCurrency{
    margin:0px;
     display: block;
}



.ItemstoReserve {
    border-top:dotted 1px #d9d9d9;
    padding-top:10px;
}





.account-order-history .paginationBar .sortForm {
    margin-left:0%;
}


.productlist .paginationBar {
    height: auto;
    padding-top: 0px;
  }



/************* banner *****************/


  #banner .catp.reservation{
    width:70%;
    margin:0 15%;
  }


#banner .span481up .catp .hd{
       font-size:21px;
       text-transform: uppercase;
 }

 #banner .span481up .catp .txt{
     font-size:12px;
 }

#checkoutConfirmedItem{
    margin-top:20px;
}

#checkoutConfirmedItem, #checkout-confirmation-info {
  padding: 0% 2%;
}

#tabsReturnExchange .return_auth{
  float:left;
}
#tabsReturnExchange .return_req_date{
  float:right;
}



/************ promotion ***********/

.promo{
   background:#ede5e5;
    color:#949494;
}

.promo .promoHD{
    font-size: 16px;
    margin: 2% 0 2% 0;
      text-transform: uppercase;
}

.promo .promoCon{
    width:80%;
    margin:0 auto 4% auto;
     font-size:15px;
}

.promo .subhd{
    width:26%;
    margin:1% auto;
}


/****** productset  ******/

.productsetBox .productset_full{
    font-size:14px;
     position: absolute;
     top:2px;
      right:10px;
      display:none;
}

.productset .productReferenceImage{
     margin:15px 0;
     padding-right:30px;
     width: 99%;
}

.productsetBox .productset_total{
    font-size:14px;
    color:#979797;
    position: absolute;
    top:3px;
    left:45px;
    display:none;
}


.productsetBox .btn_close{
     position: absolute;
    top:3px;
    right:45px;
     display:none;
}

  #productSetPage .productTabSet {
        border-top: 1px solid #d9d9d9;
        padding: 5%;
        margin-bottom: 5%;
    }

.btn_productset{
     height: 20px;
    font-size: 15px;
    color: #000;
    text-transform:uppercase;
    margin:10px 0 0 10px;
}

.productsetBox .span768down .icon-abs-gray-close{
    position: relative;
}


#main_banner .discounthd{
    position: absolute;
    width:100%;
    padding-top: 18%;
    left:0%;
    text-align:center;
    padding-left:0px;
}

#banner .discounthd{
    padding-top: 28%;
}

#main_banner .discounthd .start, #banner .discounthd .start{
     font-size:2.8vw;
     margin-right:5px;
}

#main_banner .discounthd .getting-started, #banner .discounthd .getting-started{
    font-size:5vw;
     display:block;
     line-height:4vw;
}




#main_banner .shopnow{
    position: absolute;
    padding-top: 2%;
    font-size: 14px;
    color: #aeada9;
}

#main_banner .shopnow span{
    border: solid 1px #d7d4cd;
    padding: 8px 12px;
    font-style: italic;
}
#main_banner .shopnow ul{
    padding-top: 5px;
   display:none;
}

#banner .catp{
    width:100%;
    text-align:center;
}

/*o2o*/


.o2o_header{
    background:#f1f1f1 url('//cdn.chowsangsang.com/eshop/hk/web/web_o2o_eng_01.jpg') 50% 0% no-repeat;
    height:90px;
}

.o2o_header img{
   position: absolute;
       left: 50%;
       margin-left: -89px;
       top: 22px;
       height: 50px;
}


/* charme cord wearing */

.charmeCordWearing .charmeCord_left, .charmeCordWearing .charmeCord_right{
     width:30px;
        top:130px;
}
.charmeCordWearing .stepPhoto .bracelet .step1, .charmeCordWearing .stepPhoto .bracelet .step2, .charmeCordWearing .stepPhoto .bracelet .step3, .charmeCordWearing .stepPhoto .bracelet .step4,
.charmeCordWearing .stepPhoto .necklace .step1, .charmeCordWearing .stepPhoto .necklace .step2, .charmeCordWearing .stepPhoto .necklace .step3, .charmeCordWearing .stepPhoto .necklace .step4{
   background-position:30% 0;
}

.charmeCordWearing .step_bg{
    margin-left:0%;
    left:55px;
}

#optionNamedetail{
    width:100%;
}


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

.fixedbar{
    background:rgba(255,255,255,0.8);
    position:fixed;
    z-index:20;
    top:56px;
    display:none;
}

.fixedbar .mainContent{
    padding:10px 0 35px 20px;
}

.fixedbar .mainContent span{
    float:left;
    font-size:3.2vw;
    font-family:AGOpus;
    color:#494949;
    padding:5px 0 10px 0;
}

.fixedbar .mainContent a{
    float:right;
    margin-right:20px;
}



   .charmesPadding{
     height:30px;
   }


}


@media (min-width: 481px) and (max-width: 767px) {

  #shortcut {
    font-size: 14px;
    color: #c69967;
    margin: 1px 0px;
  }

  #shortcut li img {
    height: 45px;
  }

  #shortcut li {
    width: 100%;
    padding: 9px 0;
    background: #fff;
    margin: 0.1%;
  }

  #shortcut li span.icon {
    width:100px;
  }


  #shortcut li span.text {
    width: 67%;
    max-width:360px;
  }

  #about {
    display: none;
  }

  #footer ul>li {
    padding: 20px 4% 10px 4%;
  }

  #footer ul>li ol {
    display: none;
    padding-left:20px;
  }

  #footer ul>li ol li {
    font-size: 14px;
    padding: 5px 0;
  }



.productlist .paginationBar {
    padding:0px;
    height :auto;
  }

.paginationBar.bottom {
    padding:10px 0 20px 0;
  }


  #productTabs .tableHead {
    font-size:15px;
    margin-bottom: 10px;
    display: block;
    color: #000;
  }

  .productTabs .shippingreturn {
    width: 97%;
    float: right;
  }

  #productTabs .tabBody .shippingreturn .content {
    margin-bottom: 25px;
  }

  .productFeatureClasses {
    width: 100%;
    clear: both;
  }

  .productTabs .prodImg {
    text-align: center;
  }
}

@media (max-width: 768px) {

  .span768down {
    display: block;
  }

  .tableHead768down {
    display: table-header-group;
  }

  .tableCell768down {
    display: table-cell;
  }

  .tableRow768down {
    display: block;
  }

      .tableRow768down {
        display: block;
      }


.accountContentPaneBox .tableRow768down{
    display: table-row;
}

    .productSetLists .ProductDetails_Image{
        margin: 0;
        width: 60%;
        float: none;
       margin: 0 auto;
    }

    .productSetLists .productSetListsDet{
        width: 100%;
    }

    #productSetPage{
        width: 90%;
        margin: 20px auto;
        clear: both;
        padding: 0;
    }



  .productSetLists .starDollars{
       position: relative;
       left:0px;
       margin-top:10px;
   }

    .m_productSetListsDet_pt1{
        width:100%;
    }

    .productSetLists .ProductDetails_Price {
        width: 100%;
        margin: 2% 0 0 0;
        padding: 2% 0 0 0;
    }

    .productSetLists .ProductDetails_Link {
        margin: 0 0 2% 0;
        padding: 0 0 2% 0;
        float:none;
        text-align:left;
    }


  .paginationBar {
    clear: both;
    font-size: 16px;
    color: #000;
  }

    /***** hide labels ******/

    .ItemstoReserve .labels,
    #forgottenPwdForm .labels,
    #pickupContactForm .labels,
    .collect_from_store .labels,
    #addressForm .labels,
    #addressForm .labels2,
    #addressForm .control-label,
    #CSSContactUsForm .labels,
    #registerForm .labels,
    #registerForm .control-label,
    .form_j_username .labels,
    .form_j_password .control-label,
    .form_registerName .labels,
    .form_registerModile .labels,
     #reservationFormDiv .labels,
     .tellafriend .labels,
     #updateEmailForm .labels,
     #updatePasswordForm .labels,
      #updateProfileForm .labels
     {
    display: none;
  }

    .tellafriend .captchaVeriCode .labels,
  #CSSContactUsForm .labels.captchaVeriCode{
    display: block;
  }

   .tellafriend .captchaVeriCode .labels{
      width: 100%;
   }


  #reservationFormDiv .lookingfor .ris_list_item .labels{
    display:block;
  }

  #reservationFormDiv .reserveinstoreqty .labels {
    display:block;
  }

    .accountContentPane .reserveinstoreqty .control-group .controls.reserve_remark{
        width:100%;
    }

.delivery_address .store{
    width: 48%;
     margin: 2% 2% 0 0;
}


  .accountDetailsGrid {
    width: 94%;
    float: left;

    margin:2% 3%;
  }

  .accountDetailsGrid_inner {
   text-align:center;
    background: #ffffff;
    min-height: 150px;
    padding: 35px 35px 80px 35px;
  }



    #colorbox.cb-accessoryCord,
    #colorbox.cb-accessoryCord #cboxLoadedContent{
      max-width: 95% !important;
    }
/*
    #engravingPopup,
    .engravingPopup{
        position: fixed;
        width:95%;
        min-height:460px;
        top:0%;
        left:50%;
        margin:0px 0 0 -190px;
        z-index:200;
        padding:30px;
        box-shadow: 1px 1px 10px #888888;
        display:none;
        overflow:auto;
    }
*/

    #engravingPopup .left > img,
    .engravingPopup .left > img{
        width:50%;
    }

    #engravingPopup .left ,
    .engravingPopup .left {
        text-align: center;
        width:100%;
    }

    #engravingPopup .right,
    .engravingPopup .right{
        width:100%;
    }


    .orderList .orderList_subHead{
        float:left;
    }

    .orderDetails_order1,
    .orderDetails_order2{
        width:100%;

    }

    .orderDetails_order2{
        padding-bottom:10px;
        border-bottom:dotted 1px #c9c9c9;
    }

    .orderDetails_delivery,
    .orderDetails_orderSummary{
        width:100%;
    }


    .orderDetails_table{
        border-bottom:solid 1px #c9c9c9;
        padding-bottom:20px;
    }

    .orderList .orderListTable .item td{
        border:0px;
    }
    .orderListTable .tableRow768down td{
        border-bottom: 1px dotted #a5a5a5;
        text-align:right;
        color:#c69967;
        font-weight:bold;
        padding-bottom:20px;
        padding-right:20px;
    }

    #submitReturnForm .orderListTable .tableRow768down td{
        text-align:left;
        color:#000;
        font-weight:bold;
        padding-bottom:20px;
    }

    .accountSettingPanel .labels{
      width: 100%;
      margin-bottom: 0;
   }

    .reviewDetail {
         width: 100%;
         padding: 15px 0 15px 0;
     }
    .reviewDetailBox {
         min-height:180px;
     }

    .productlist .paginationBar .span768down{
           display:none;
         }

    .cartpage_charmeBundle {
        padding: 0 2%;
    }

}

@media (max-width: 767px) {
  .span767down {
    display: block;
  }



  .newArrivals_hd {
    text-align: center;
    font-size: 22px;
    padding: 30px 0px 0px 0px;
  }



    #main_banner div.indexImgH{
        left:9%;
    }

}

@media (min-width: 768px) {




   .text768{
        min-width:265px;
    }


      #shortcut li:first-child {
          background: none;
        }


  .span768up {
    display: block;
  }

  .mainContent {
    max-width: 1024px;
    min-width: 768px;
    margin: 0px auto;
  }

  .minSize {
    min-width: 768px;
  }

  #mainBanner img {
    max-width: 100%;
    min-width: 768px;
  }

  #subBanner li {
    margin-top: 1%;
    display: table;
    float: left;
    position: relative;
  }



  .newArrivals li {
    width: 18.8%;
    margin: 1% 0 0 1%;
    min-height: 245px;
    background: #fff;
    float: left;
    text-align: center;
    position: relative;

  }

  #shortcut {

    background: #fff;
    font-size: 12px;
    color: #c69967;
      padding: 5px;
  }

  #shortcut li img {
    margin-right: 5%;

  }

  #footer ul>li {
    float: left;
    padding-top: 30px;
    margin: 0px 4%;
  }



  .accountDetailsGrid_inner {
    text-align:center;
    background: #ffffff;
    min-height: 250px;
    padding: 35px 35px 60px 35px;
  }

  .ris_list_item{
      float:left;
      width:100%;
  }
  .ris_list_qty{
      width:100%;
      float:left;
  }
  .ris_list_remarks{
      width:100%;
      float:left;
  }


}

@media (min-width: 769px) {
  .span769up {
    display: block;
  }

.orderListTable.returnExchangeTable.span769up th{
    width: 11%;
    border-bottom: dotted 1px #c9c9c9;
}

  .tableHead769up {
    display: block;
  }

.orderList .orderListTable .tableHead769up{
      display: table-row-group;
}
  .tableCell769up {
    display: table-cell;
    width:30%;
  }

  .tableRow769up {
    display: block;
  }



  .productImage .productImageGallery li .thumb {
    display: block;
    overflow: hidden;
    width: 85px;
    margin: 1px;
  }

  .span769up .productImage.mainContent {
    padding-left: 3%;
  }


  #productSetPage .productTabSet{
      border-top:1px solid #d9d9d9;
      margin-top:10px;
      padding-top:20px;
  }

    /***** place holder style *******/

    .ris_list_qty .controls > input::-webkit-input-placeholder,
    .contactInformation .controls > input::-webkit-input-placeholder,
    .pickupContactForm .controls > input::-webkit-input-placeholder,
    #checkoutAddArea .controls > input::-webkit-input-placeholder,
    #shippingAddressForm .controls > input::-webkit-input-placeholder,
    .tellafriend #fullName::-webkit-input-placeholder,
    .tellafriend #email::-webkit-input-placeholder,
    .tellafriend .msg .controls > input::-webkit-input-placeholder,
    .lookingfor .controls > input::-webkit-input-placeholder,
    #content::-webkit-input-placeholder,
    #updateEmailForm .controls > input::-webkit-input-placeholder,
    #updatePasswordForm .controls > input::-webkit-input-placeholder,
    #register\2e title::-webkit-input-placeholder,
    #name::-webkit-input-placeholder,
    #register\2e email::-webkit-input-placeholder,
    #register\2e mobile::-webkit-input-placeholder,
    #register\2e checkEmail::-webkit-input-placeholder,
    #j_username::-webkit-input-placeholder,
    #j_password::-webkit-input-placeholder,
    #register\2e registeredName::-webkit-input-placeholder,
    #register\2e registeredMobile::-webkit-input-placeholder {
    opacity: 0;
  }

    .ris_list_qty .controls > input::-webkit-input-placeholder,
    .contactInformation .controls > input::-webkit-input-placeholder,
    .pickupContactForm .controls > input::-webkit-input-placeholder,
    #checkoutAddArea .controls > input::-webkit-input-placeholder,
    #shippingAddressForm .controls > input::-webkit-input-placeholder,
    .tellafriend #fullName::-webkit-input-placeholder,
    .tellafriend #email::-webkit-input-placeholder,
    .tellafriend .msg .controls > input::-webkit-input-placeholder,
    .lookingfor .controls > input::-webkit-input-placeholder,
    #content::-webkit-input-placeholder,
    #updateEmailForm .controls > input::-webkit-input-placeholder,
    #updatePasswordForm .controls > input::-webkit-input-placeholder,
    #register\2e title::-webkit-input-placeholder,
    #name::-webkit-input-placeholder,
    #register\2e email::-webkit-input-placeholder,
    #register\2e mobile::-webkit-input-placeholder,
    #register\2e checkEmail::-webkit-input-placeholder,
    #j_username::-moz-placeholder,
    #j_password::-moz-placeholder,
    #register\2e registeredName::-moz-placeholder,
    #register\2e registeredMobile::-moz-placeholder {
 /* Firefox 18- */
    opacity: 0;
  }

    .ris_list_qty .controls > input::-webkit-input-placeholder,
    .contactInformation .controls > input::-webkit-input-placeholder,
    .pickupContactForm .controls > input::-webkit-input-placeholder,
    #checkoutAddArea .controls > input::-webkit-input-placeholder,
    #shippingAddressForm .controls > input::-webkit-input-placeholder,
    .tellafriend #fullName::-webkit-input-placeholder,
    .tellafriend #email::-webkit-input-placeholder,
    .tellafriend .msg .controls > input::-webkit-input-placeholder,
    .lookingfor .controls > input::-webkit-input-placeholder,
    #content::-webkit-input-placeholder,
    #updateEmailForm .controls > input::-webkit-input-placeholder,
    #updatePasswordForm .controls > input::-webkit-input-placeholder,
    #register\2e title::-webkit-input-placeholder,
    #name::-webkit-input-placeholder,
    #register\2e email::-webkit-input-placeholder,
    #register\2e mobile::-webkit-input-placeholder,
    #register\2e checkEmail::-webkit-input-placeholder,
    #j_username::-moz-placeholder,
    #j_password::-moz-placeholder,
    #register\2e registeredName::-moz-placeholder,
    #register\2e registeredMobile::-moz-placeholder {
  /* Firefox 19+ */
    opacity: 0;
  }

    .ris_list_qty .controls > input::-webkit-input-placeholder,
    .contactInformation .controls > input::-webkit-input-placeholder,
    .pickupContactForm .controls > input::-webkit-input-placeholder,
    #checkoutAddArea .controls > input::-webkit-input-placeholder,
    #shippingAddressForm .controls > input::-webkit-input-placeholder,
    .tellafriend #fullName::-webkit-input-placeholder,
    .tellafriend #email::-webkit-input-placeholder,
    .tellafriend .msg .controls > input::-webkit-input-placeholder,
    .lookingfor .controls > input::-webkit-input-placeholder,
    #content::-webkit-input-placeholder,
    #updateEmailForm .controls > input::-webkit-input-placeholder,
    #updatePasswordForm .controls > input::-webkit-input-placeholder,
    #register\2e title::-webkit-input-placeholder,
    #name::-webkit-input-placeholder,
    #register\2e email::-webkit-input-placeholder,
    #register\2e mobile::-webkit-input-placeholder,
    #register\2e checkEmail::-webkit-input-placeholder,
    #j_username::-ms-input-placeholder,
    #j_password::-ms-input-placeholder,
    #register\2e registeredName::-ms-input-placeholder,
    #register\2e registeredMobile::-ms-input-placeholder {
    opacity: 0;
  }

  /****** color box ******/



  #colorbox.cb-accessoryCord,
  #colorbox.cb-accessoryCord #cboxLoadedContent{
      max-width: 920px !important;

  }



  #colorbox.popup660 #cboxContent,
  #colorbox.popup660,
  #colorbox.popup660 #cboxLoadedContent{
    max-width: 660px !important;
  }




  /***** engraving ******/

/*
    #engravingPopup,
    .engravingPopup{
        position: fixed;
        width:95%;
        max-width:660px;
        min-height:260px;
        top:50%;
        left:50%;
        margin:-230px 0 0 -355px;
        z-index:200;
        padding:30px;
        box-shadow: 1px 1px 10px #888888;
        display:none;
        overflow:auto;
    }
    */
    #engravingPopup .left > img,
    .engravingPopup .left > img{
        width:90%;
    }
    #engravingPopup .left ,
    .engravingPopup .left {
        width:30%;
    }

    #engravingPopup .right,
    .engravingPopup .right{
        width:60%;
        margin-right:10%;
    }

    .orderDetails_order1{
        float:right;
    }
    .orderDetails_order2{
        float:left;
    }


    .orderDetails_delivery, .orderDetails_orderSummary{
        width:43.5%;
        border:solid 1px #d9d9d9;
        padding:3%;
        vertical-align: top;
    }
    .orderDetails_delivery{
        border-left:0px;
    }

    .reviewDetail {
        padding: 1%;
        width: 31%;
        float:left;
    }
    .reviewDetailBox {
        min-height:180px;
    }

    /** reserve in store **/



    #ris_itemReserved .labels.reservationStyleNo {
        display:block;
    }

    #ris_itemReserved .ris_list_body1 .labels {
        display:none;
    }

    .ris_list_item{
        float:left;
        width:45%;
    }
    .ris_list_qty{
        width:15%;
        float:left;
    }
    .ris_list_remarks{
        width:40%;
        float:left;
    }

    .ris_list_qty .controls,
    .ris_list_remarks .reserve_remark{
            width:90%;
        }

    .ris_list_body1{
        border-top:dotted 1px #d9d9d9;
        padding-top:10px;
    }





}

@media (min-width: 985px) {
     #colorbox.cb-accessoryCord{
        left:50% !important;
        margin-left:-460px;
     }
}

@media (min-width: 712px) {
     #colorbox.popup660{
        left:50% !important;
        margin-left:-330px;
     }
}