/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
}
  
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html,body {
  font-family: "Open Sans", sans-serif;
  color: #444444;
  height:100%;
  scrollbar-width: none;    
}

body::-webkit-scrollbar {
  display: none;
}


a {
  color: #106eea;
  text-decoration: none;
}
  
a:hover {
  color: #3b8af2;
  text-decoration: none;
}
  
h1, h2, h3, h4, h5, h6 {
  font-family: 'Pacifico', cursive;
}
  
p {
  font-family: 'Roboto Condensed', sans-serif;
}

strong {
  font-weight:700;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.h-100 {
  height:100%;
  overflow: hidden;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.mr-auto{
  margin-right: auto !important;
}


/*--------------------------------------------------------------
  # Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}
  
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #223c73;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
  
@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
  
@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
  # Intro Page
--------------------------------------------------------------*/
#intro-bg {
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,222,255,1) 47%, rgba(233,212,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,222,255,1) 47%,rgba(233,212,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,222,255,1) 47%,rgba(233,212,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9d4ff',GradientType=0 ); /* IE6-9 */
}

#intro {
  display:flex;
  justify-content: center;
  align-items: center;
  background-image: url("../img/water-splash.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: auto 100%;  
}

#intro-container {
  text-align:center;
  width:250px;
  height:300px;
}

#welcome-text {
  font-size:18px;
  font-weight:400;
  padding:0;
  margin:10px 0;
  color:#223c73;
}

#question-text {
  font-size:30px;
  padding:0;
  margin:15px 0;
  font-weight:400;
  color:#ee3527;
}

#btn-container {
  display:flex;
  justify-content: center; 
}

#enter-btn{     
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 76%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 76%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
  width:120px;
  display:flex;
  border-radius:15px;    
}

#enter-btn div{
  width:50%;
  padding:5px;
}

#enter-btn a {
  font-size:16px;
  font-weight:700;
  color:#223c73;
}

#yes-btn {
  background:url(../img/divider.png) no-repeat right center;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  z-index: 997;
  padding: 25px 0;    
}

#header.header-scrolled {
  top: 0;
  padding: 15px;
}
  
#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
}
  
#header .logo img {
  max-height: 82px;
}
  
@media (max-width: 992px) {
  #header {
    padding: 15px;
    top: 0;
  }
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
#menu-icon {
    width:30px;
    height:30px;
    position:fixed;
    right:25px;
    top:25px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    cursor:pointer;
    background:url(../img/menu.png)no-repeat center top;
    
}

#nav-menu{
    top: 50px;
    list-style:none;
    background:#fff;
    position:fixed;
    left:0;
    right:0;
    z-index:999999999;
    width:100%;
    display:none;
}

#nav-menu li {
    padding:5px 0;
    text-align:center;
}

#nav-menu li a{
    font-weight:700;
}

#nav-menu li a:hover, #nav-menu li.active a{
    color:red;
}
.active-nav{
  background:#ee3527!important;
}

.row {
  display:flex;
}




/*--------------------------------------------------------------
# Product Page
--------------------------------------------------------------*/  
#item-control {
  width:25px;
  height:calc(100% - 100px);
  padding:50px 0;
  position:fixed;
  display:flex;
  justify-content: center;
  flex-direction: column;
  right:0;
  top:0;
  z-index:999;
}

nav#primary {
  z-index: 5;
  position: fixed;
  top: 50%;
  right: 16px;
  margin-top: -40px;
}

nav#primary li {
  list-style: none;
  position: relative;
  height: 20px;
}

nav#primary a {
  display: block;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: #223c73;
  border-radius:100%;
}

nav#primary a:hover,
nav#primary a.active {
  background:#ee3527;
}

#line {
  width:2px;
  height:100%;
  background:#038d17;
}


.product-container {
  height:100%;
  overflow:hidden;
  position:relative;
}

.product-bottle-container {
  width:350px;
  height:480px;
  background-size: contain;
  background-repeat:no-repeat;
  background-position: center;
  position:absolute;
  top: 50%;
  margin-top: -240px;
  right:150px;
  z-index:99;
}

.product-description {
  width:350px;
  height:350px;
  border-style: solid;
  border-width: 30px;
  border-radius:100%;
  position:absolute;
  top:50%;
  margin-top:-150px;
  margin-left:150px;
  background:#ffffff;
  z-index:2;
}

.product-wave-bg{
  width:100%;
  height:200px;
  background-size:100% 200px;
  background-repeat: no-repeat;
  background-position: center;
  position:absolute;
  top:50%;
  right:0;
  left:0;
  margin-top:-100px;
  z-index:1;
}

.product-description h2 {
  padding:0 50px;
  margin-top:40px;
  margin-bottom:5px;
}

.product-description p {
  padding:0 50px;
  text-transform: capitalize;
}

.product-percent {
  width:120px;
  height:120px;
  border-style: solid;
  border-width: 15px;
  border-radius:100%;
  position:absolute;
  display:flex;
  justify-content: center;
  align-items: center;
  font-size:35px;
  font-weight:700;
  color:#ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  top:50%;
  margin-top:-170px;
  margin-left:400px;
  z-index:3;   
}

.circle {
  border-radius:100%;
  border-style: solid;
  position:absolute;
  display:flex;
  justify-content: center;
  align-items: center;
  top:50%;  
  z-index:3; 
}

.circle-one {
  width:70px;
  height:70px;
  margin-top:140px;
  margin-left:200px;  
  border-width: 15px; 
}

.circle-two {
  width:50px;
  height:50px;
  margin-top:110px;
  margin-left:150px; 
  border-width: 10px;
}

.circle-three {
  width:30px;
  height:30px;
  border-width: 8px;
  margin-top:160px;
  margin-left:275px;
}

/* Watermelon Soju */
#watermelon, #highlight-watermelon {
  background: rgb(236,233,229); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(236,233,229,1) 0%, rgba(235,165,174,1) 48%, rgba(212,104,119,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(236,233,229,1) 0%,rgba(235,165,174,1) 48%,rgba(212,104,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(236,233,229,1) 0%,rgba(235,165,174,1) 48%,rgba(212,104,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece9e5', endColorstr='#d46877',GradientType=0 ); /* IE6-9 */
}

#watermelon-soju {
  background-image:url(../img/watermelon_soju.png);  
}

#watermelon-description {  
  border-color: #edaab3;  
}

#watermelon-percent {
  background:#e6052d;
  border-color: #ffffff;    
}

#watermelon-circle-one {  
  background:#fca3af;  
  border-color: #dd7f8c;
}

#watermelon-circle-two {
  background:#edabb4;
  border-color: #d60216;    
}

#watermelon-circle-three {
  background:#edabb4;
  border-color: #d60216;    
}

#watermelon-description h2 {
  color:#e6052d;
}

#watermelon-one {
  width:250px;
  height:169px;
  position: absolute;
  background:url(../img/watermelon_one.png)no-repeat center;
  background-size: contain;
  top:50%;
  right:320px;
  margin-top:-25px;
  z-index: 2;
}

#watermelon-two {
  width:130px;
  height:198px;
  position: absolute;
  background:url(../img/watermelon_two.png)no-repeat center;
  background-size: contain;
  right:120px;
  top:50%;
  margin-top:140px;
  z-index: 99999;
}

#watermelon-wave-bg {
  background-image: url(../img/watermelon-bg.png);
}

/* Blueberry */
#blueberry, #highlight-blueberry {
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ecbfef+0,ac66af+61,8c2e91+100 */
background: #ecbfef; /* Old browsers */
background: -moz-linear-gradient(top,  #ecbfef 0%, #ac66af 61%, #8c2e91 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ecbfef 0%,#ac66af 61%,#8c2e91 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ecbfef 0%,#ac66af 61%,#8c2e91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecbfef', endColorstr='#8c2e91',GradientType=0 ); /* IE6-9 */

}

#blueberry-soju {
  background-image:url(../img/blueberry_soju.png);
}

#blueberry-description {
  border-color: #742177;
}

#blueberry-percent {
  background:#891a9c;
  border-color: #ffffff;    
}

#blueberry-circle-one {
  background:#ffffff;
  border-color: #99449d;    
}

#blueberry-circle-two {
  background:#fff;
  border-color: #742076;    
}

#blueberry-circle-three {
  background:#ad68b0;
  border-color: #ffffff;    
}

#blueberry-description h2 {
  color:#891a9c;
}

#blueberry-bg {
  width:330px;
  height: 481px;
  background:url(../img/blueberry.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:160px;
  top:50%;
  margin-top:-240px;
  z-index:2;
}

#blueberry-wave-bg {
  background-image: url(../img/blueberry-bg.png);
}

/* Peach Soju */
#peach {
  background: rgb(255,218,185); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,218,185,1) 0%, rgba(250,187,165,1) 44%, rgba(241,132,131,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,218,185,1) 0%,rgba(250,187,165,1) 44%,rgba(241,132,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,218,185,1) 0%,rgba(250,187,165,1) 44%,rgba(241,132,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdab9', endColorstr='#f18483',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;
}

#peach-soju {
  background-image:url(../img/peach_soju.png);
}

#peach-description {
  border-color: #cc3366;
  background:#ffffff;
}

#peach-percent {
  background:#fa4d53;
  border-color: #ffffff;    
}

#peach-circle-one {
  background:#ffffff;
  border-color: #ff6699;    
}

#peach-circle-two {
  background:#ff9999;
  border-color: #fe6666;    
}

#peach-circle-three {
  background:#ff9999;
  border-color: #ffffff;    
}

#peach-description h2 { 
  color:#fa4d53;
}

#peach-bg {
  width:400px;
  height: 366px;
  background:url(../img/peach.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:137px;
  top:50%;
  margin-top:-30px;
  z-index:2;
}

#peach-wave-bg {
  background-image: url(../img/peach-bg.png);
}

/* Grape Soju */
#grape, #highlight-grape{
  background: rgb(243,249,180); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(243,249,180,1) 0%, rgba(202,210,129,1) 44%, rgba(155,168,80,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(243,249,180,1) 0%,rgba(202,210,129,1) 44%,rgba(155,168,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(243,249,180,1) 0%,rgba(202,210,129,1) 44%,rgba(155,168,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f9b4', endColorstr='#9ba850',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;
}
#grape-soju {
  background-image:url(../img/grape_soju.png);
}

#grape-description {
  border-color: #8e823a;
  background:#ffffff;
}

#grape-percent {
  background:#538802;
  border-color: #ffffff;   
}

#grape-circle-one {
  background:#ffffff;
  border-color: #cfd686;    
}

#grape-circle-two {
  background:#e3eacb;
  border-color: #476704;  
}

#grape-circle-three {
  background:#8e823a;
  border-color: #ffffff;     
}

#grape-description h2 { 
  color:#538802;
}

#grape-bg {
  width:350px;
  height: 366px;
  background:url(../img/grape.png)no-repeat center;
  background-size: contain;
  position:absolute;
  top: 50%;
  right:160px;
  margin-top: -20px;
  z-index:5;
}

#grape-wave-bg {
  background-image: url(../img/grape-bg.png);
}

/* Original Soju */
#original {    
  background: rgb(240,255,211); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(240,255,211,1) 0%, rgba(201,248,146,1) 44%, rgba(164,229,91,1) 99%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(240,255,211,1) 0%,rgba(201,248,146,1) 44%,rgba(164,229,91,1) 99%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(240,255,211,1) 0%,rgba(201,248,146,1) 44%,rgba(164,229,91,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffd3', endColorstr='#a4e55b',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}

#original-description {
  border-color: #c6ee94;
  background:#ffffff;
}

#original-percent {
  background:#038d17;
  border-color: #bae57a;    
}

#circle-one {
  background:#aaea64;
  border-color: #9dd75c;    
}

#circle-two {
  background:#a9e962;
  border-color: #038d17;
}

#circle-three {
  background:#a9e962;
  border-color: #038d17;    
}

#original-description h2 {
  padding:0 50px;
  margin-top:40px;
  color:green;
}

#original-description p {
  padding:0 50px;
}

#original-soju {
  background-image:url(../img/original_soju.png);
}

#bamboo {
  width:330px;
  height: 481px;
  background:url(../img/bamboo.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:130px;
  top:50%;
  margin-top: -260px;
}

#original-wave-bg {
  background-image: url(../img/original-bg.png);
}

/* Yuzu Soju */
#yuzu {    
  background: #fdedb3; /* Old browsers */
  background: -moz-linear-gradient(top,  #fdedb3 0%, #fee895 49%, #fddf6f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fdedb3 0%,#fee895 49%,#fddf6f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fdedb3 0%,#fee895 49%,#fddf6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdedb3', endColorstr='#fddf6f',GradientType=0 ); /* IE6-9 */  
  overflow:hidden;
  position:relative;  
}
  
#yuzu-percent {
  background:#ffcb08;
  border-color: #fff;    
}

#yuzu-description {
  border-color: #e8b802;
  background:#ffffff;
}

#yuzu-circle-one {
  background:#ffffff;
  border-color: #fce384;    
}

#yuzu-circle-two {
  background:#ffffff;
  border-color: #e8b802;
}

#yuzu-circle-three {
  background:#fff;
  border-color: #ffcb08;    
}

#yuzu-soju {
  background-image:url(../img/yuzu_soju.png);
}
  
#yuzu-fruit{
  width:220px;
  height: 175px;
  background:url(../img/yuzu.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:100px;
  top:50%;
  margin-top: 120px;
  z-index:999;
}
  
#yuzu-wave-bg {
  background-image: url(../img/yuzu-bg.png);
}

/* Plum Wine Soju */
#plum {   
  background: #f1ed9d; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1ed9d 0%, #e2dc67 53%, #b4ac1f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f1ed9d 0%,#e2dc67 53%,#b4ac1f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f1ed9d 0%,#e2dc67 53%,#b4ac1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ed9d', endColorstr='#b4ac1f',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}
  
#plum-percent {
  background:#b4ab1f;
  border-color: #fff;    
}

#plum-description {
  border-color: #d1ca2a;
  background:#ffffff;
}

#plum-circle-one {
  background:#ffffff;
  border-color: #e5df6f;    
}

#plum-circle-two {
  background:#ffffff;
  border-color: #b3ab1f;
}

#plum-circle-three {
  background:#fff;
  border-color: #ded858;    
}

#plum-soju {
  background-image:url(../img/plumb_wine_soju.png);
}

#plum-wine{
  width:220px;
  height: 175px;
  background:url(../img/plum.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:100px;
  top:50%;
  margin-top: 120px;
  z-index:999;
}

#plum-wave-bg {
  background-image: url(../img/plum-bg.png);
}
  
/* Apple Soju */
#apple {   
  background: #cca3a4; /* Old browsers */
  background: -moz-linear-gradient(top,  #cca3a4 0%, #cc7e81 37%, #af1f24 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #cca3a4 0%,#cc7e81 37%,#af1f24 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #cca3a4 0%,#cc7e81 37%,#af1f24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca3a4', endColorstr='#af1f24',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}

#apple-percent {
  background:#950e12;
  border-color: #fff;    
}

#apple-description {
  border-color: #bb2f33;
  background:#ffffff;
}

#apple-circle-one {
  background:#ffffff;
  border-color: #c65255;    
}

#apple-circle-two {
  background:#ffffff;
  border-color: #960e12;
}

#apple-circle-three {
  background:#fff;
  border-color: #e48588;    
}

#apple-soju {
  background-image:url(../img/apple_soju.png);
}

#apple-basket{
  width:220px;
  height: 175px;
  background:url(../img/apple.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:330px;
  top:50%;
  margin-top: 120px;
  z-index:999;
}

#apple-wave-bg {
  background-image: url(../img/apple-bg.png);
}

/* Apple Soju */
#mandarin {  
  background: #fbcb93; /* Old browsers */
  background: -moz-linear-gradient(top,  #fbcb93 0%, #e2871b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fbcb93 0%,#e2871b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fbcb93 0%,#e2871b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbcb93', endColorstr='#e2871b',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}
            
#mandarin-percent {
  background:#d17c18;
  border-color: #fff;    
}

#mandarin-description {
  border-color: #f59726;
  background:#ffffff;
}

#mandarin-circle-one {
  background:#ffffff;
  border-color: #fbcb93;    
}

#mandarin-circle-two {
  background:#ffffff;
  border-color: #d17c18;
}

#mandarin-circle-three {
  background:#fff;
  border-color: #e2871b;    
}

#mandarin-soju {
  background-image:url(../img/mandarin_soju.png);
}

#mandarin-branch{
  width:220px;
  height: 175px;
  background:url(../img/mandarin.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:333px;
  top:50%;
  margin-top: 135px;
  z-index:999;
}

#mandarin-wave-bg {
  background-image: url(../img/mandarin-bg.png);
}

/* Strawberry Soju */
#strawberry {                                  
  background: #f9b2d1; /* Old browsers */
  background: -moz-linear-gradient(top,  #f9b2d1 0%, #eb4e94 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f9b2d1 0%,#eb4e94 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f9b2d1 0%,#eb4e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b2d1', endColorstr='#eb4e94',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}
                
#strawberry-percent {
  background:#e9277d;
  border-color: #fff;    
}

#strawberry-description {
  border-color: #c81b67;
  background:#ffffff;
}

#strawberry-circle-one {
  background:#ffffff;
  border-color: #f683b7;    
}

#strawberry-circle-two {
  background:#ffffff;
  border-color: #ef398a;
}

#strawberry-circle-three {
  background:#fff;
  border-color: #e32076;    
}

#strawberry-soju {
  background-image:url(../img/strawberry_soju.png);
}

#strawberry-fall{
  width:310px;
  height: 475px;
  background:url(../img/strawberry.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:180px;
  top:50%;
  margin-top: -200px;
  z-index:999;
}

#strawberry-wave-bg {
  background-image: url(../img/strawberry-bg.png);
}

/* Yogurt Soju */
#yogurt {   
  background: #a4f2f9; /* Old browsers */
  background: -moz-linear-gradient(top,  #a4f2f9 0%, #1ec1d1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a4f2f9 0%,#1ec1d1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a4f2f9 0%,#1ec1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4f2f9', endColorstr='#1ec1d1',GradientType=0 ); /* IE6-9 */    
  overflow:hidden;
  position:relative;  
}
        
#yogurt-percent {
  background:#1aa7b4;
  border-color: #fef5eb;    
}

#yogurt-description {
  border-color: #1aa7b4;
  background:#ffffff;
}

#yogurt-circle-one {
  background:#fef5eb;
  border-color: #1ec1d1;    
}

#yogurt-circle-two {
  background:#ffffff;
  border-color: #259ea7;
}

#yogurt-circle-three {
  background:#fff;
  border-color: #a3f4fc;    
}

#yogurt-soju {
  background-image:url(../img/yogurt_soju.png);
}

#yogurt-splash{
  width:253px;
  height: 529px;
  background:url(../img/yogurt.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:230px;
  top:50%;
  margin-top: -300px;
  z-index:99;
}

#yogurt-wave-bg {
  background-image: url(../img/yogurt-bg.png);
}

/* Kyoho Grape Soju */
#kyoho-grape { 
  background: #dccbf4; /* Old browsers */
  background: -moz-linear-gradient(top,  #dccbf4 0%, #6e618c 73%, #493b69 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #dccbf4 0%,#6e618c 73%,#493b69 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #dccbf4 0%,#6e618c 73%,#493b69 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccbf4', endColorstr='#493b69',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}

#kyoho-grape-percent {
  background:#453762;
  border-color: #fef5eb;    
}
                        
#kyoho-grape-description {
  border-color: #433661;
  background:#ffffff;
}

#kyoho-grape-circle-one {
  background:#fef5eb;
  border-color: #635684;    
}

#kyoho-grape-circle-two {
  background:#ffffff;
  border-color: #3c3056;
}

#kyoho-grape-circle-three {
  background:#fff;
  border-color: #7e7399;    
}            
            
#kyoho-grape-soju {
  background-image:url(../img/kyoho_grape_soju.png);
}

#kyoho-grape-branch{
  width:220px;
  height: 145px;
  background:url(../img/kyoho-grape.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:100px;
  top:50%;
  margin-top: 120px;
  z-index:999;
}

#kyoho-grape-wave-bg {
  background-image: url(../img/kyoho_grape-bg.png);
}

/* Raspberry Soju */
#Raspberry {
  background: rgb(255,218,185); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,218,185,1) 0%, rgba(250,187,165,1) 44%, rgba(241,132,131,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,218,185,1) 0%,rgba(250,187,165,1) 44%,rgba(241,132,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,218,185,1) 0%,rgba(250,187,165,1) 44%,rgba(241,132,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdab9', endColorstr='#f18483',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;
}

#Raspberry-soju {
  background-image:url(../img/raspberry_soju.png);
}

#Raspberry-description {
  border-color: #cc3366;
  background:#ffffff;
}

#Raspberry-percent {
  background:#fa4d53;
  border-color: #ffffff;    
}

#Raspberry-circle-one {
  background:#ffffff;
  border-color: #ff6699;    
}

#Raspberry-circle-two {
  background:#ff9999;
  border-color: #fe6666;    
}

#Raspberry-circle-three {
  background:#ff9999;
  border-color: #ffffff;    
}

#Raspberry-description h2 { 
  color:#fa4d53;
}

#Raspberry-bg {
  width:400px;
  height: 366px;
  background:url(../img/raspberry.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:137px;
  top:50%;
  margin-top:-30px;
  z-index:2;
}

#Raspberry-wave-bg {
  background-image: url(../img/peach-bg.png);
}

/* Mojito Soju */
#Mojito {
  background: rgb(243,249,180); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(243,249,180,1) 0%, rgba(202,210,129,1) 44%, rgba(155,168,80,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(243,249,180,1) 0%,rgba(202,210,129,1) 44%,rgba(155,168,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(243,249,180,1) 0%,rgba(202,210,129,1) 44%,rgba(155,168,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f9b4', endColorstr='#9ba850',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;
}
#Mojito-soju {
  background-image:url(../img/Mojito_soju.png);
}

#Mojito-description {
  border-color: #8e823a;
  background:#ffffff;
}

#Mojito-percent {
  background:#538802;
  border-color: #ffffff;   
}

#Mojito-circle-one {
  background:#ffffff;
  border-color: #cfd686;    
}

#Mojito-circle-two {
  background:#e3eacb;
  border-color: #476704;  
}

#Mojito-circle-three {
  background:#8e823a;
  border-color: #ffffff;     
}

#Mojito-description h2 { 
  color:#538802;
}

#Mojito-bg {
  width:350px;
  height: 366px;
  background:url(../img/Mojito.png)no-repeat center;
  background-size: contain;
  position:absolute;
  top: 50%;
  right:160px;
  margin-top: -20px;
  z-index:5;
}

#Mojito-wave-bg {
  background-image: url(../img/grape-bg.png);
}

/* Margarita Soju */
#Margarita {   
  background: #f1ed9d; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1ed9d 0%, #e2dc67 53%, #b4ac1f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f1ed9d 0%,#e2dc67 53%,#b4ac1f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f1ed9d 0%,#e2dc67 53%,#b4ac1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ed9d', endColorstr='#b4ac1f',GradientType=0 ); /* IE6-9 */
  overflow:hidden;
  position:relative;  
}
  
#Margarita-percent {
  background:#b4ab1f;
  border-color: #fff;    
}

#Margarita-description {
  border-color: #d1ca2a;
  background:#ffffff;
}

#Margarita-circle-one {
  background:#ffffff;
  border-color: #e5df6f;    
}

#Margarita-circle-two {
  background:#ffffff;
  border-color: #b3ab1f;
}

#Margarita-circle-three {
  background:#fff;
  border-color: #ded858;    
}

#Margarita-soju {
  background-image:url(../img/Margarita_soju.png);
}

#Margarita-wine{
  width:350px;
  height: 366px;
  background:url(../img/Margarita.png)no-repeat center;
  background-size: contain;
  position:absolute;
  right:250px;
  top:50%;
  margin-top: 15px;
  z-index:999;
}

#Margarita-wave-bg {
  background-image: url(../img/plum-bg.png);
}

/* Highlight Soju */
#highlight {
  padding:70px 0;
}

#highlight h3 {
  color:#ee3527;
  font-size:30px;
  margin:10px 0;
  text-align:center;
}

.product-title h4{
  padding:20px 0;
  font-size:24px;
  text-align:center;
  color:#223c73;
}


/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/  
#about-us {
  position: relative;
  background: #d6f8fa;
}

#soju-all {
  display:flex;
  align-items: center;
}

.res-img img {
  width:100%;
  height:auto;
}

#wrapper-center {
  display:flex;
  justify-content: center;
  align-items: center;
}

#all-soju-bg {
  width:100%;
  height:600px;
  position: relative;
  background:url(../img/soju-bg.jpg)no-repeat center fixed;
}

#transparent {
  position:absolute;
  width:100%;
  height:120px;
  bottom:0;
  left:0;
  right:0; 
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(229,251,252,1) 63%, rgba(214,248,250,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(229,251,252,1) 63%,rgba(214,248,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(229,251,252,1) 63%,rgba(214,248,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6f8fa',GradientType=0 ); /* IE6-9 */
  z-index:9;
}

#eng-text,
#kr-text {
  width:100%;  
}

#eng-text p {
  padding:80px 30px 20px 30px;
  font-size:16px;
  line-height:26px;
  text-align:center;
}

#kr-text p {
  font-size:20px;
  padding:20px 30px 80px 30px;
  text-align:center;
  font-family: 'Single Day', cursive;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/ 
#contact-us {
  background: rgb(228,218,245); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(228,218,245,1) 0%, rgba(198,172,224,1) 44%, rgba(155,125,206,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(228,218,245,1) 0%,rgba(198,172,224,1) 44%,rgba(155,125,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(228,218,245,1) 0%,rgba(198,172,224,1) 44%,rgba(155,125,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4daf5', endColorstr='#9b7dce',GradientType=0 ); /* IE6-9 */
}

#about-us h3, #contact-us h3 {
  font-size:40px;
  font-weight:700;
  color:#223c73;
  text-align:center;
  padding:30px 0;
}

#ct-container {
  background:url(../img/contact-bg.png)no-repeat bottom left; 
  padding-top:30px;
}

.loading,.error-message,.sent-message{
  display:none;
}

.php-email-form{
  margin:0  25%;
}

form-group {
  margin-bottom: 1rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col, .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 15px 20px;
  margin-bottom:15px;
  font-size: 14px;
  font-weight: 400;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

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

.mb-3 {
  margin-bottom:15px!important;
}

.php-email-form button[type="submit"] {
  background: #223c73;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  cursor: pointer;
  transition: 0.4s;
  border-radius: 4px;
}

footer{
  position:absolute;
  z-index:999;
  width:100%;
  margin-top:-60px;
  
}

footer p{
  text-align:center;
}

footer a{
  font-weight:700;
  color:orange;
}

@media only screen and (max-width: 991.98px) { 
    
    #header .logo img {
    height:40px;
  }

  .product-description {
    margin-top:-400px;
  } 
  
  .product-bottle-container {
    top: 50%;
    margin-top:-150px;    
  }

  .product-percent {
    top:50%;
    margin-top:-400px
  }

  .circle-one{
    margin-top: -110px;
  }

  .circle-two {
    margin-top: -140px;
  }
  .circle-three {
    margin-top: -90px;
  }

  #watermelon-one {
    top: 50%;
    margin-top:90px;
  }

  #watermelon-two {
    top: 50%;
    margin-top:200px;
  }

  #blueberry-bg {
    top:50%;
    margin-top:-200px
  }

  #peach-bg {
    top:50%;
    margin-top:20px;
  }

  #bamboo {
    top:50%;
    margin-top:-200px;
  }

  #grape-bg {
    top: 50%;
    margin-top:15px;
  }

  #yuzu-fruit{
	top:50%;
	right:50%;	
	margin-right: -80px;
    margin-top: 235px!important;
  }

  #plum-wine{
	margin-right: -20px;
    margin-top: 190px!important;
  }

  #apple-basket{
	top:50%;
	right:50%;	
	margin-right: -71px;
    margin-top: 236px!important;
  }

  #mandarin-branch{
	top:50%;
	right:50%;		
	margin-right: -20px;
    margin-top: 180px!important;
  }

  #strawberry-fall{
	top:50%;
	right:50%;	
	margin-right: -226px;
    margin-top: -93px!important;
  }

  #yogurt-splash{
	top:50%;
	right:50%;	
	margin-right: -199px;
    margin-top: -233px!important;

  }

  #kyoho-grape-branch{
	top:50%;
	right:50%;	
	margin-right: -313px;
    margin-top: 246px!important;
  }


  .row {
    display:block;
  }

  .col {
    width:100%;
    padding:0;
    margin:0;
  }

  .col {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .product-title {
    width:100%;
  }

  .php-email-form{
    margin:0!important;
  }

 }

 @media only screen and (max-width: 767.98px) {
    
	#header .logo img {
	   height:40px;
	 }
   
	 .product-description {
	   margin-top:-400px;
	 } 
	 
	 .product-bottle-container {
	   top: 50%;
	   margin-top:-150px;    
	 }
   
	 .product-percent {
	   top:50%;
	   margin-top:-50px;
	 }
   
	 .circle-one{
	   margin-top: -110px;
	 }
   
	 .circle-two {
	   margin-top: -140px;
	 }
	 .circle-three {
	   margin-top: -90px;
	 }
   
	 #watermelon-one {
	   top: 50%;
	   margin-top:90px;
	 }
   
	 #watermelon-two {
	   top: 50%;
	   margin-top:200px;
	 }
   
	 #blueberry-bg {
	   top:50%;
	   margin-top:-200px
	 }
   
	 #peach-bg {
	   top:50%;
	   margin-top:20px;
	 }
   
	 #bamboo {
	   top:50%;
	   margin-top:-200px;
	 }
   
	 #grape-bg {
	   top: 50%;
	   margin-top:15px;
	 }
   
	 #yuzu-fruit{
	   top:50%;
	   right:50%;
	   width:150px;
	   height: 98px;
	   margin-right: -20px;
	   margin-top: 270px!important;
	 }
   
	 #plum-wine{
	   width:135px;
	   height: 121px;
	   margin-right: -20px;
	   margin-top: 190px!important;
	 }
   
	 #apple-basket{
	   top:50%;
	   right:50%;
	   width:147px;
	   height: 142px;	
	   margin-right: 9px;
	   margin-top: 190px!important;
	 }
   
	 #mandarin-branch{
	   top:50%;
	   right:50%;
	   width:197px;
	   height: 150px;	
	   margin-right: -20px;
	   margin-top: 180px!important;
	 }
   
	 #strawberry-fall{
	   top:50%;
	   right:50%;
	   width:200px;
	   height: 306px;	
	   margin-right: -90px;
	   margin-top: 15px!important;
	 }
   
	 #yogurt-splash{
	   top:50%;
	   right:50%;
	   width:150px;
	   height: 314px;	
	   margin-right: -58px;
	   margin-top: -91px!important;
   
	 }
   
	 #kyoho-grape-branch{
	   top:50%;
	   right:50%;
	   width:150px;
	   height: 99px;	
	   margin-right: -140px;
	   margin-top: 300px!important;
	 }
   
   
	 .row {
	   display:block;
	 }
   
	 .col {
	   width:100%;
	   padding:0;
	   margin:0;
	 }
   
	 .col {
	   display: flex;
	   justify-content: center;
	   flex-direction: column;
	 }
   
	 .product-title {
	   width:100%;
	 }
   
	 .php-email-form{
	   margin:0!important;
	 }
   
	}

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

		.product-description {
		  width: 270px;
		  height: 270px;
		  border-width: 20px;
		  left: 50%;
		  margin-top:-260px!important;
		  margin-left: -135px;
		} 
	  
		.product-description p {
		  padding: 0 20px;
		  font-size:12px;
		}
		
		.product-bottle-container {
		  right: 50%;    
		  width: 250px;
		  height: 381px;
		  margin-right: -125px!important; 
		  margin-top: -80px!important;    
		}
	  
		.product-percent {
		  top:50%!important;
		  left:50%!important;
		  border-width: 10px;
		  font-size: 24px;
		  width: 90px;
		  height: 90px;
		  margin-top: -250px!important;
		  margin-left: 50px!important;
		  z-index: 9999;
		  
		}
	  
		.circle-one{
		  margin-top: -110px;
		}
	  
		.circle-two {
		  margin-top: -140px;
		}
		.circle-three {
		  margin-top: -90px;
		}
	  
		#watermelon-one {
		  width: 178px;
		  right:50%;
		  margin-right: -15px;
		  margin-top: 82px!important;
		}
	  
		#watermelon-two {
		  width: 100px;
		  right:50%;
		  margin-right: -152px;
		  margin-top: 129px!important;
		}
	  
		#blueberry-bg {
		  top:50%;
		  width:230px;
		  height:381px;
		  right:50%;
		  margin-right: -115px;
		  margin-top:-80px!important;
		}
	  
		#peach-bg {
		  top:50%;
		  width:290px;
		  height:381px;
		  right:50%;
		  margin-right: -140px;
		  margin-top:-12px!important;
		}
	  
		#bamboo {
		  top:50%;
		  width:230px;
		  height:381px;
		  right:50%;
		  margin-right: -133px;
		  margin-top:-107px!important;
		}
	  
		#grape-bg {
		  top: 50%;
		  width:230px;
		  height:381px;
		  right:50%;
		  margin-right: -110px;
		  margin-top: 0px!important;
		}
	  
		#yuzu-fruit{
		  top:50%;
		  right:50%;
		  width:150px;
		  height: 98px;
		  margin-right: -20px;
		  margin-top: 210px!important;
		}
	  
		#plum-wine{
		  width:135px;
		  height: 121px;
		  margin-right: -20px;
		  margin-top: 190px!important;
		}
	  
		#apple-basket{
		  top:50%;
		  right:50%;
		  width:147px;
		  height: 142px;	
		  margin-right: 9px;
		  margin-top: 190px!important;
		}
	  
		#mandarin-branch{
		  top:50%;
		  right:50%;
		  width:197px;
		  height: 150px;	
		  margin-right: -20px;
		  margin-top: 180px!important;
		}
	  
		#strawberry-fall{
		  top:50%;
		  right:50%;
		  width:200px;
		  height: 306px;	
		  margin-right: -90px;
		  margin-top: 15px!important;
		}
	  
		#yogurt-splash{
		  top:50%;
		  right:50%;
		  width:150px;
		  height: 314px;	
		  margin-right: -58px;
		  margin-top: -91px!important;
	  
		}
	  
		#kyoho-grape-branch{
		  top:50%;
		  right:50%;
		  width:150px;
		  height: 99px;	
		  margin-right: -140px;
		  margin-top: 200px!important;
		}
	  
		
	  
		.circle-one{
		  left:50%;
		  margin-left: -103px;
		  margin-top: -42px!important;
		}
	  
		.circle-two {
		  left: 50%;
		  margin-left: -142px;
		  margin-top: -26px!important;
		}
	  
		.circle-three {
		  left: 50%;
		  margin-left: -133px;
		  margin-top: -62px!important;
		}
	  
		.row {
		  display:block;
		}
	  
		.col {
		  width:100%;
		  padding:0;
		  margin:0;
		}
	  
		.col {
		  display: flex;
		  justify-content: center;
		  flex-direction: column;
		}
	  
		.product-title {
		  width:100%;
		}
	  
}
	  
	  
   

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

 }