/* Force mobile viewport behavior */
html {
  font-size: 10px;
  background: #ffffff;
}

body {
    max-width: 418px;
    margin: 0 auto;
    overflow-x: hidden;
    /* zoom: 0.9; */
    /* padding: 10px; */
    /* border: 14px solid #242424; */
    /* border-bottom: 25px solid #242424; */
    /* border-top: 25px solid #242424; */
    /* border-radius: 20px;  */
    /* box-shadow: 5px 6px 4px 3px #00000036;   */
    height: 106vh;
    /* margin-top: 2vh; */
    background:#fff;
    padding-top: 27px;
    height: 100vh;
    aspect-ratio: 1965 / 3953;
        margin-top: -3px;
}

/* Kill Bootstrap breakpoints */
@media (min-width: 768px),
       (min-width: 992px),
       (min-width: 1200px) {

  .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container-fluid {
    width: 97% !important;
  }
}


/* Force all grid columns to behave like col-xs-12 */
[class*="col-sm-"],
[class*="col-md-"],
[class*="col-lg-"] {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* Always show hamburger menu */
.navbar-toggle {
  display: block !important;
}

.navbar-collapse {
  display: none !important;
}

.navbar-collapse.in {
  display: block !important;
}

/* Disable desktop navbar styles */
.navbar-header {
  float: none !important;
}

.navbar-nav {
  float: none !important;
  margin: 0;
}

.navbar-nav > li {
  float: none !important;
}


/* Show XS, hide others */
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: block !important;
}
 
.visible-md,
.visible-lg {
  display: none !important;
}

.hidden-xs {
  display: none !important;
}

.hidden-sm,
.hidden-md,
.hidden-lg {
  display: block !important;
}





 


table {
  width: 100% !important;
}

.table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}


img {
  max-width: 100% !important;
  height: auto !important;
}


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

.text-right,
.text-left {
  text-align: left !important;
}


.hidden-xs .hidden-sm   {
  display: none !important;
}

 

.right_header_holder {
    display:none
}

#main_logo{
    padding: 00;
    height: 60px !important;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
  opacity:0;
}


.col-lg-8.col-md-12,.col-lg-4.col-md-12 {
    margin: 0;
    padding: 0;
}

.container-fluid {
		max-width: 100% !important;
	}


.mobile-buy-footer { 
   margin: 0 auto;
    bottom: 3.6vh !important;
    max-width: 500px;
}

 * .header_menu:hover{
    background-color: transparent;
 }
 

 .pre_header {
    font-size: 12px;
        max-width: 480px;
    margin: 0 auto;
}

input#button-coupon {
    margin: 0 !important;
}

.main-content {
    padding: 0;
}

#checkout-holder .container { 
    grid-template-columns: unset !important;
}

#checkout-holder .main-content {    
    padding: 0 !important;
}
 

#phone_frame {
    position: fixed; 
    z-index: 600000;
    pointer-events: none;
    top: 0px;
    margin-left: -24px;
    height: 100vh !important;
    aspect-ratio: 1965 / 3953;
}
 

 
 

.eco-carousel{
  overflow-x: auto;
  overflow-y: hidden;
}

/* WebKit browsers */
.eco-carousel::-webkit-scrollbar{
  height: 10px;               /* horizontal scrollbar thickness */
}

.eco-carousel::-webkit-scrollbar-track{
  background: transparent;    /* or #111 / whatever your bg is */
}

.eco-carousel::-webkit-scrollbar-thumb{
  background: #ffffff;        /* WHITE thumb */
  border-radius: 999px;
  border: 2px solid transparent; /* gives padding effect */
  background-clip: padding-box;
}

.eco-carousel::-webkit-scrollbar-thumb:hover{
  background: #f2f2f2;
}


.eco-carousel{
  scrollbar-width: thin;                 /* auto | thin | none */
  scrollbar-color: #ffffff transparent;  /* thumb track */
}


button.buy-now-btn {
    margin-right: 20px;
}

.backdrop span{
      max-width: 480px; 
    background-color: rgb(255 255 255 / 70%);
    color: #000000;
}

a.eco-checkout-btn {
    margin-right: 15px;
    padding: 15px 25px;
}

.main-header{
  display:none;
}

.mobile-buy-footer {
    left: -15px;
  }