/****
 *
 *  Responsive styles for campuscookies
 *
 *  1260 and more
 *  up to 1024
 *  up to 768
 *  up to 480
 *
 ****/

/*
  General styles
*/
.desktop-hidden {
  display: none;
}
.width-100 {
  width: 100%;
}
.nowrap-4-desktop {
  white-space: nowrap;
}

/* Checkout */
.checkout-payment-table .first-column,
  .checkout-delivery-table .first-column {
  width: 30%
}
.checkout-payment-table .second-column,
  .checkout-delivery-table .second-column {
  width: 70%
}
.cart-content-table > tbody > tr > td {
  padding: 10px;
}
.cart-content-table .TableSubHead {
  background: #fff;
}
.cart-content-table > tbody > tr:not(.TableHead) > td {
  border-bottom: #ebebeb 1px solid;
}
.cart-content-table .ProductPriceSmall {
    color: #190000;
    font-weight: normal;
}
.cart-totals-block {
  width: 100%;
}
.cart-totals-block > tbody > tr > td {
  border-bottom: #ebebeb 1px solid;
  padding: 10px;
}
.cart-totals-block .ProductPriceSmall {
    color: #190000;
}
.cart-totals-block .total-line {
    font-size: 18px;
}
.cart-totals-block .total-line .ProductPriceSmall {
    color: #ef8514;
    font-size: 18px;
}

/* Subscription block */
.subscribe-form-block {
    background: #f5f5f5;
    padding: 40px 0;
    margin-bottom: 40px;
}
.subscribe-dialog .content {
    padding-left: 20px;
    padding-right: 20px;
}
.subscribe-form-block .data-table {
    margin: 0 auto;
}
.subscribe-form-block .button {
    background: #ef8514;
    padding: 9px 20px;
    border-radius: 3px;
    color: #fff;
    border: 0;
    font-size: 21px;
    white-space: nowrap;
}
.subscribe-form-block .input-email {
    background: #fff;
    border-color: #dddddd;
    border-radius: 3px;
    height: 50px;
    width: 400px;
    margin-right: 5px;
    box-shadow: rgba(41,41,41,0.1) 0 0 54px 0;
}
.subscribe-form-block .fa {
    margin-left: 10px;
}

/* Orders Search */
.orders-search-result {
    padding: 8px 20px;
    display: inline-block;
    box-shadow: 0px 0px 11.83px 1.17px rgba(0, 0, 0, 0.1); 
    text-align: center;
    color: #7b7373;
}

@media screen and (max-width:1600px) {

    .sidebar #center-main {
        margin-left: 370px;
    }
    #left-bar {
        width: 300px;
    }
    .grid-item {
        width: 33.33%;
    }
    #shop-status-block, #store-selector {
        width: auto;
    }
    #store-hours {
        padding-left: 50px;
        padding-right: 50px;
    }
    
}

@media screen and (max-width:1400px) {

  #header-menu,
  #header-content > * {
      padding-left: 20px;
      padding-right: 20px;
  }
  
  .sidebar #center-main {
      margin-left: 320px;
  }
  #left-bar {
      width: 250px;
  }

}
  
  
/**
 *  1260px
 */
@media screen and (max-width:1260px) {

  .shop-status-image {
    max-width: 50%;
  }
  
  .multilevel-menu ul li a {
    font-size: 14px;
    margin-right: 20px;
  }

  #store-selector {
    max-width: 450px;
    padding-left: 8px;
    padding-right: 8px;
  }

  #header-content .title-bar,
  #store-selector .title-bar {
    font-size: 16px;
  }
  
  .select_container select {
      height: 45px;
  }
  
  #top-auth-menu {
      margin-right: 20px;
  }
  
  .status-cell span,
  .status-cell span.orange {
      font-size: 14px;
  }
  #center-main {
      padding-left: 20px;
      padding-right: 20px;
  }
  #left-bar {
      padding-left: 20px;
      padding-right: 20px;
  }

  .s2f-dialog .content {
    background: #fff;
  }

  /* checkout page */
  .registration-features li {
    width: 50%; 
  }

  table.xauth-auth {
      margin: 0 auto;
  }
  .xauth-auth td.xauth-popup, .xauth-auth td.xauth-or, .xauth-auth td.xauth-form {
      display: block;
  }
  .xauth-auth-rpx td.xauth-or {
      background: none;
      text-align: center;
      position: relative;
  }
  .xauth-auth-rpx td.xauth-or:before {
      position: absolute;
      top: 50%;
      width: 100%;
      background: #ccc;
      content: "";
      display: block;
      height: 1px;
      z-index: 0;
      left: 0;
  }
  .xauth-auth-rpx td.xauth-or > span.or-label {
      display: inline-block;
      background: #f2f2f2;
      border: #d6d6d6 2px solid;
      width: 35px;
      height: 35px;
      border-radius: 35px;
      line-height: 35px;
      margin: 20px 0;
      position: relative;
      z-index: 1;
  }
  
  .dialog .title h2 {
      font-size: 36px;
  }
  
  .login-page {
      margin-left: -20px;
      margin-right: -20px;
  }
  .login-box {
      padding-left: 20px;
      padding-right: 20px;
  }
  
  .bonuses {
      flex-direction: column;
      margin-bottom: 100px;
  }
  .bonuses .referal-program,
  .bonuses .how-to-earn {
      width: 100%;
      text-align: center;
  }

  /* product page */
  .product-details {
      flex-direction: column;
      align-items: center;
  }
  .product-details .image-box,
    .product-details .details-box {
      margin-bottom: 20px;  
  }

  .product-details .details-box {
    margin-left: 0 !important;
    padding-left: 0;
  }
  .facebook-block {
      text-align: center;
  }
  
  .nowrap-4-desktop {
    white-space: normal;
  }  
  
  .checkout-menu {
    padding: 10px;  
  }
  .cart-content-table > tbody > tr > td {
    padding-left: 5px;
    padding-right: 5px;
  }
  
} /* end: 1260px */


/**     
 *  991px
 */
@media screen and (max-width:991px) {

  h1 {
    font-size: 32px;
  }  
    
  .desktop-hidden {
    display: block;
  }
  .hide-below-960 {
    display: none;
  }

  #header-content {
      border-bottom: #f5f5f5 1px solid;
  }
  .landing-page #header-content {
      justify-content: center;
  }
  #header-content > * {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  #store-selector {
    margin-left: 10px;
    margin-right: 10px;
  }

  .shop-status-image {
    max-width: 68%;
  }
  
  .logo-cell {
      display: none;
  }
  
  #header {
      display: flex;
      flex-direction: column;
  }
  #header-menu {
      order: -1;
      padding-left: 10px;
  }
  #mobile-logo {
      display: block;
  }
  #multilevelmenu-wrapper {
      display: none;
  }
  #btn-m-menu {
      display: block;
  } 

  #site-logo {
    top: -4px;
    left: 71px;
    width: 80px;
    height: 61px;
    height: 65px;
  }

  .dialog .content {
    padding-left: 5px;
    padding-right: 5px;
  }
  .noborder .content {
    padding-left: 0;
    padding-right: 0;  
  }
  #totals_block {
    margin-right: -5px;
    margin-left: -5px;
  }
  
  .welcome-categories span {
      font-size: 16px;
  }
  
  #center,
  #center-main,
  #content-container2{
    float: none;
    width: 100%;
    left: 0;
    right: 0;
    margin-left:0;
    margin-right: 0;
  }
  
  #content-container {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .sidebar #center-main {
      margin-left: 0;
  }  

  #left-bar,
    #right-bar {
    float: none;
    width: 200px;
    margin: 0 auto 10px; 
    right: 0;
    display: none;
  }

  /* Checkout */
  .checkout-page .checkout-main-column,
    .checkout-page .checkout-side-bar {
    float: none;
    width: 100%;
    padding-right: 0;
  }

  .dialog .title h2 {
      font-size: 30px;
  }
  .dialog .title .subtitle {
      font-size: 16px;
  }
  
  .login-page {
      flex-direction: column;
      align-items: center;
  }
  .login-page:after {
      height: 200px;
      width: 100%;
  }
  .gift-cert {
    flex-direction: column;
  }
  .login-box .dialog .title h2 {
      font-size: 30px;
  }
  .login-text {
      font-size: 16px;
  }
  
  .winners .winner {
      min-width: 185px;
  }
  
} /* end: 991px */


/**
 *  768px
 */
@media screen and (max-width:768px) {


  /* header */
  #header-content {
    text-align: center;
    flex-direction: column;
  }
  #header-content > * {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  #content-container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .shop-status-image {
    float: none;
    padding:  15px 0 30px;
    max-width: 100%;
  }
  #store-selector {
    max-width: initial;
  }
  #site-logo {
    overflow: hidden;
  }
  .welcome-categories {
      margin-left: -20px;
  }
  .welcome-categories .item {
    width: 33.33%;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .dropdown-label {
      display: none;
  }
 
  #header-content .title-bar {
      margin-bottom: 10px;
  }

  .grid-item {
    width: 50%;
  }

  /* cart page */
  .big-page-buttons td {
    display: block;
  }

  .cart-product .img-box {
    float: none;
    padding-bottom: 15px;
  }
  .cart-product .details-box {
    margin-left: 0;
    padding-left: 10px;
  }

  /* checkout process */
  td.FLCDialogCell {
    display: block;
    padding-bottom: 20px;
    height: auto;
    width: 100%;
    padding-left: 0;
    padding-right: 0; 
  }
  .FLCDialogCell .dialog {
    margin: 0 auto;
    max-width: 350px;
  }
  .registration-features li {
    width: 100%;  
  }

  #selectCustomizeMode {
    flex-direction: column;  
  }
  .gcard-separator {
    padding-bottom: 80px;
  }

  .checkout-payment-table .first-column,
    .checkout-delivery-table .first-column,
    .checkout-payment-table .second-column,
    .checkout-delivery-table .second-column {
    width: auto;
    display: block;
  }

  .checkout-notes-table td {
    display: block;
  }

  .product-details .image-box, .product-details .details-box {
    margin: 0 auto !important;
    padding-right: 0;
  }

  .product-properties input[type=text], 
    .product-properties input[type=password], 
    .product-properties select, 
    .product-properties textarea, 
    .product-properties .input-style {
    width: 100%;
    box-sizing: border-box;
  }

  .data-table input[type=text],
    .data-table input[type=password],
    .data-table select,
    .data-table textarea,
    .data-table input[type=file] {
    width: 100%;
  }
  .data-table div.default-width-inputs select,
  .data-table div.default-width-inputs input{
    width: auto;   
  }
  
  h1,
  .dialog .title h2 {
      font-size: 22px;
  }
  h1 .subtitle,
  .dialog .title .subtitle {
      font-size: 16px;
  }
  .dialog .title .subtitle:before {
      margin-bottom: 10px;      
  }
  .footer-box {
      font-size: 12px;
  }

  .cart-bottom-buttons {
      flex-direction: column;
      align-items: center;
  }
  .cart-bottom-buttons > div {
      text-align: center;
  }
  .cart-bottom-buttons .button {
      margin-bottom: 20px;
  }
  
  .login-box {
      width: 100%;
  }
  
  .bonuses .how-to-earn .options {
      flex-direction: column;
  }
  .bonuses .how-to-earn .options > div {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
  }

  .referal-program-page {
      flex-direction: column;
  }
  .referal-program-page .image {
      text-align: center;
  }
  
  .order-for-now-box td {
      display: block;
  }
  
  .gift-header-info {
      flex-direction: column;
  }
  .gift-header-info .check-list {
      padding-left: 0;
  }
  
} /* end: 768px */


/**
 *  480px
 */
@media screen and (max-width:480px) {
    
    #center-main {
        padding-left: 10px;
        padding-right: 10px;
    }
  
  .welcome-categories .item {
    width: 100%;
    text-align: center;
  }

  .hide-below-480 {
    display: none;
  }

  .grid-item {
    width: 100%;
  }
  
  #mobile-logo img {
      max-height: 40px;
  }

  input[type=text], input[type=password], select, textarea, .input-style {
    font-size: 16px;
  }

  .data-table .default-width-inputs select,
  .data-table .default-width-inputs input[type=text] {
    width: auto;
  }

  .register-table > tbody > tr > td {
    display: inline-block;
  }
  .register-table > tbody > tr,
    .register-table > tbody > tr > td:nth-child(3n),
    .register-table .RegSectionTitle,
    .register-table .section-title{
    display: block;
    float: none;
  }

  .discount-coupon-dialog .data-table td {
    display: block;
    text-align: center;
    padding: 3px 20px;
  }

  .coupon-subbox {
    padding-top: 0;
  }

  .order-type-gift > tbody > tr > td {
    display: block;
  }
  .order-gift-img {
    background-position: 50% 0;
    width: 100%;
    margin-bottom: 10px;
  }

  .checkout-menu {
    padding-left: 5px;
    padding-right: 5px;
  }
  .checkout-menu .livezilla-banner {
    float: none;
    text-align: center;
  }
  .checkout-menu .customer-care-hours {
    padding-left: 10px;
  }

  .cart-content-table {
  
  }

  .responsive-table > tr,
    .responsive-table > tr > td,
    .responsive-table > tbody > tr,
    .responsive-table > tbody > tr > td {
    display: block;
    width: auto;
  }

  .coupon-winners-table > tbody > tr {
    text-align: center;
  }
  td.FormButton.order-gift-additional-information {
    text-align: left;
  }


  /* Coupon winners */
  .bonus-pos {
    width: 100%;
  }
  .bonus-commisioner {
    padding-bottom: 35px;
  }

  .dialog .content {
    padding-left: 0;
    padding-right: 0;
  }

  .checkout-tab .content {
    padding-left: 5px;
    padding-right: 5px;  
  }


  /* Checkout */

  .video-wrapper {
    position: relative;
    /*padding-bottom: 56.25%;*/ /* 16:9 */
    padding-bottom: 50%;
    padding-top: 25px;
    height: 0;
    max-width: 300px;
    max-height: 225px;
    margin: 0 auto;
  }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .checkout-tab h3 {
    padding-left: 5px;
  }

  .cart-content-table > tbody > tr > td {
    padding: 10px 5px;
  }
  .cart-totals-block {
    width: 100%;
  }
  
  .subscribe-form-block .data-table > tbody > tr > td,
  .checkout-block .data-table > tbody > tr > td {
      display: block;
  }
  
  #auth-dropdown {
      right: -70px;
  }
  #auth-dropdown:before {
      transform: translate(-80px,-100%);
  }
  
} /* end: 480px */