html,body {
  height:100%;
} 
.pad0 {
  padding:0px !important;
}
body::-webkit-scrollbar { 
  display: none; 
} 
body { -ms-overflow-style: none; }
::-moz-selection { /* Code for Firefox */

  background: #26919e;
  color: #fff; 
}
:focus {
  outline: none;
}

::selection {

  background: #26919e;
  color: #fff;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */ 
  z-index: 9999;
  /* makes sure it stays on top */
} 

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
@font-face {
  font-family: 'NotoSansCJKkr-Thin';
  font-style: 100;
  src: url('../fonts/NotoSansCJKkr-Thin.woff') format('woff');

}

@font-face {
  font-family: 'NotoSansCJKkr-Light';
  font-style: 200;
  src: url('../fonts/NotoSansCJKkr-Light.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansCJKkr-DemiLight';
  font-style: 300;
  src: url('../fonts/NotoSansCJKkr-DemiLight.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansCJKkr-Regular';
  font-style: 400;
  src: url('../fonts/NotoSansCJKkr-Regular.woff') format('woff');
}

@font-face {
  font-family: 'NotoSansCJKkr-Medium';
  font-style: 500;
  src: url('../fonts/NotoSansCJKkr-Medium.woff') format('woff');
}

@font-face {
  font-family:NotoSansCJKkr-Black;
  font-style: 700;
  src: url('../fonts/NotoSansCJKkr-Black.woff') format('woff');
}
@font-face {
  font-family: 'NotoSansCJKkr-Bold';
  font-style: Bold;
  src: url('../fonts/NotoSansCJKkr-Bold.woff') format('woff');
}

@font-face { 
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
} 

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.open-menu,
.close-menu {
  cursor: pointer;
  border: none;
  outline: none;
  color: #252a32;
  background: #10218b !important;
  padding: 22px;
}
.header .navbar .menu-item.active.has-collapsible2:last-child  .menu-child {
    display: none;
}
.close-menu svg{
  background: #10218b;
}
.close-menu {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  color: #252a32;
  background: none;
}

.brand {
  font-family: inherit;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  color: #d32f2f;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}

.title-large {
  font-family: inherit;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: inherit;
  color: #252a32;
  text-align: center;
  text-transform: capitalize;
}

.header {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  color: #252a32;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.header .navbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 0 80px;
  border-bottom: 1px solid #dddddd;
}
.header .navbar .menu-wrapper::before {
  content: "";
  /*position: fixed;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: background 0.5s;
}
.header .navbar .menu-wrapper.offcanvas .menu {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.7s;
  transition-delay: 0.2s;
}
.header .navbar .menu-wrapper.offcanvas::before {
  background: rgba(37, 42, 50, 0.6);
  z-index: 1;
  position: fixed;
}
.header .navbar .menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  /*left: 0;*/
  right: 0;
  bottom: 0;
  max-width: 330px;
  width: 100%;
  padding: 0;
  z-index: 2;
  overflow-y: auto;
  color: #252a32;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100vh;
}
.header .navbar .menu-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.header .navbar .menu-link {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: inherit;
  text-transform: uppercase;
  transition: color 0.35s ease-out;
}
.header .navbar .menu-link:hover {
  color: #d32f2f;
}
.header .navbar .menu-item {
  position: relative;
}
.header .navbar .menu-item a {
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: inherit;
  display: block;
  color: #10218b;
  transition: color 0.35s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.header .navbar .menu-item a:hover {
  /*color: #d32f2f;*/
  text-decoration: none;
}
.header .navbar .menu-item.has-collapsible2 {
  position: relative;
  top: 15%;
}
.header .navbar .menu-item.has-collapsible2 .menu-child {
  display: none;
}
.header .navbar .menu-item.has-collapsible2 .menu-child .menu-child-item a {
  font-family: "OpenSans-Light";
  font-size: 18px;
  color: #252a32;
  /*padding-left: 2.5rem;*/
  transition: color 0.35s ease-out;
}
.header .navbar .menu-item.active.has-collapsible2 .menu-child {
  display: block;
  transition: all 0.35s ease;
  margin-bottom: 30px;
}
.menu-child-item {
  line-height: 1;
}
.menu-child li a{
  color: #333333;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: #10218b;
}
.navbar-light .navbar-nav .nav-link {
  font-family: 'OpenSans';
  font-size: 18px;
  color: #333333;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #10218b;
}
.lang a:hover {
  color: #000 !important;
  /* text-decoration: underline; */
  border-bottom: 1px solid #000;
  padding: 0 0 !important;
  margin: 5px;
}
.lang a{
  color: #000 !important;
  padding: 0 0 !important;
  margin: 5px;
  border-bottom: 1px solid transparent;
}
.lang{
  margin-right: 52px;
  font-family: 'OpenSans';
  font-size: 18px;
  color: #999999;
  z-index: 9;
}
.fixed-top {
  height: 70px;
}
.main_menu li{
  /*padding: 0 30px !important;*/
  margin: 0 30px;
  padding: 10px 0;
}
.main_menu li:first-child{
  padding-left: 0px !important;
}
.main_menu li:last-child{
  padding-right: 60px !important;
}
.dropdown-toggle::after{
  display: none;
}
.dropdown-menu {
  top: 55px;
  left: 50%;
  padding: .5rem 0;
  margin: 0 auto;
  font-family: 'OpenSans-Light';
  font-size: 18px;
  color: #333333;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 2px;
  transform: translate(-50%);
}
.main_menu li:hover .dropdown-menu {
  display: block;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #10218b;
}
/*header end*/
/*healthy scalp*/
.healthyscalp{
  /*background: url(../images/healthyscalp.jpg) no-repeat center;*/
  background: #10218b;
  background-size: cover;
  height: 500px;
  display: flex;
  align-items: center;
}
.healthyscalp h1{
  color: #fff;
  font-family: 'OpenSans-Bold';
  font-size: 32px;
}
.healthyscalp a{
  color: #97ce0d;
  font-family: 'OpenSans-Bold';
  font-size: 16px;
  text-decoration: underline;
}
.healthContent{
  height: 500px;
  display: flex;
  align-items: center;
}
.shadow_img{
  box-shadow: 20px 23px 0px 0px rgba(0, 0, 0, 0.2);
}
/*healthy scalp*/

/*quick link*/
.quick_link01, .quick_link02 {
  position: fixed;
  max-width: 16.43%;
  min-width: 60px;
  /* background: orange; */
  bottom: 0px;
  /*top: 140px;*/
  right: 0px;
  z-index: 500;
  transition: bottom .4s ease-in-out;
  display: flex;
  flex-direction: column;
  box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.2);
}
/*.quick_link02 {
flex-direction: row;
max-width: 100%;
right: 0;
bottom: 0;
}*/
.quick_link02 {
  flex-direction: row;
  max-width: 100%;
  right: 0;
  bottom: 0;
  /*    position: absolute;*/ 
}
/*.is-sticky {
position: sticky;
top: 65px;
}*/
nav.navbar{
  background: #fff;
}
.navbar-light .navbar-nav.lang .nav-link {
  font-size: 14px;
}
.header .navbar .menu-item .quick_link02 a {
  padding: 0; 
  margin-bottom: 0; 
}
/*footer*/
footer{
  border-top: 2px solid #333333;
}
.mr-20{
  margin-right: 20px;
}
.foot1{
  height: 70px;
  display: flex;
  align-items: center;
}
.foot2{
  background: #10218b;
  height: 70px;
}
.foot2 a, .foot2 p, .foot2 span{
  font-family: 'OpenSans';
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.foot2 span{
  padding: 0 20px;
}
.fcon1, .fcon2{
  display: flex;
  align-items: center;
}
.h-70{
  height: 70px;
}
.fcon2{
  justify-content: flex-end;
}
/*simple effect*/

.item:nth-child(2n) {
  margin-right: 0;
}

.item.slide-from-bottom,
.item.slide-from-top {
  visibility: visible;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.item.slide-from-bottom {
  -webkit-animation-name: slide-from-bottom;
  animation-name: slide-from-bottom;
}

.item.slide-from-top {
  -webkit-animation-name: slide-from-top;
  animation-name: slide-from-top;
}

@media (max-width: 400px) {
  .item {
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    margin-right: 0;
  }
}
@-webkit-keyframes slide-from-bottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0%, 200%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slide-from-top {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0%, -200%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-from-bottom {
  from {
    opacity: 0;
    transform: translate3d(0%, 200%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-from-top {
  from {
    opacity: 0;
    transform: translate3d(0%, -200%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/*simple effect*/

/*breadcrumb*/
.mt-70{
  margin-top: 70px;
}
.bs-example{
  background: #f5f5f5;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  background: url(../images/bread_arrow.png) no-repeat center;
  height: 10px;
  width: 6px;
  margin: 0 10px;
}

.breadcrumb{
  margin-bottom: 0;
  padding: 20px 0;
  background-color: inherit;
}
.breadcrumb-item a, .breadcrumb-item.active{
  font-family: 'OpenSans';
  color: #333333;
  font-size: 16px;
}
.breadcrumb-item.active{
  font-weight: bold;
}
/*subbanner*/
.subBanner{
  display: flex;
  background: url("../images/subBanner.jpg") no-repeat center;
  background-size: cover;
  height: 465px;
}
.subBanner h1{
  color: #fff;
  font-family: 'OpenSans-Bold';
  font-size: 36px;
  /*position: relative;*/
  padding-right: 50px;
  padding-bottom: 80px;
}
.subBanner .line {
  height: 4px;
  width: 60px;
  background: #97ce0d;
  position: absolute;
  top: -20px;
}

.ccontact .subBanner {
  background: url(../images/contactBanner.jpg) no-repeat center;
  align-items: center;
  margin-top: 68px;
  background-size: cover;
  padding-left: 296px;
}
.ccontact .subBanner h1{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 60px;
  /*position: relative;*/
  padding-right: 50px;
  padding-bottom: 0px;
}
.ccontact .subBanner h3{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 40px;
}
.ccontact .subBanner p{
  color: #333333;
  font-family: 'OpenSans';
  font-size: 28px;
}
.ccontact .f-end {
  align-items: center;
}
.ctest .subBanner p{
  color: #fff;
  font-family: 'OpenSans-Light';
  font-size: 32px;
}
.f-end{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.h1text{
  position: relative;
}
/*product features*/
.pro_feat .main_content h5{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 32px;
  margin-bottom: 30px;
}
.pro_feat .main_content p {
  color: #333333;
  font-family: 'OpenSans-Light';
  font-size: 18px;
  line-height: 2;
  margin-bottom: 0px;
}
.pro_feat .main_content h1{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 47px;
}
.pro_feat .main_content h4 span{
  color: #fff;
  font-family: 'OpenSans';
  font-size: 29px;
  background: #e6383f;
}
.bor-right{
  border-right: 1px solid #333333;
  border: 1px solid #000;
}
.bor-top {
  border-top: 1px solid #333333;
}
.bsflx{
  display: flex;
  justify-content: flex-start;
}
.txt-right, .txt-left, .txt-center{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
.txt-left{
  align-items: flex-start;
}
.txt-center{
  align-items: center;
}
.txt-right .txt-content {
  padding-right: 40px;
  text-align: right;
}
.txt-left .txt-content {
  padding-left: 40px;
  text-align: left;
}
.bg_grey{
  background: #f7f7f7;
}
.d-flx{
  display: flex;
}
/*.f-center{
display: flex;
align-items: center;
justify-content: center;
}*/
.mb-20{
  margin-bottom: 20px;
}
.img_content{
  background: #333333;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s linear;
}
.img_content h1{
  color: #fff;
  font-family: 'OpenSans-Light';
  font-size: 18px;
  margin-bottom: 0;
}
.testcontent img{
  width: 100%;
}
.testcontent .col-md-4:hover{
  cursor: pointer;
}
.testcontent .col-md-4:hover .img_content{
  background: #99ce14;
  cursor: pointer;
}
/*contact page*/
.help{
/*  display: flex;
  align-items: center;
  justify-content: center;*/
  background: url("../images/con1.jpg") no-repeat center;
  background-size: cover;
  /*height: 501px;*/
  padding: 120px 0;
  text-align: center;
  width: 100%;
}
.help h1{
  color: #fff;
  font-family: 'OpenSans';
  font-size: 32px;
  margin-bottom: 50px;
}
.help h1 span{
  font-family: 'OpenSans-Bold';
}
.help h5{
  color: #fff;
  font-family: 'OpenSans';
  font-size: 18px;
  margin-bottom: 10px;
   line-height: 1.5;  
}
.help h5 span{
  font-family: 'OpenSans-Bold';
  font-size: 20px;
}
.help a{
  color: #fff;
  font-family: 'OpenSans';
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 50px; 
  padding: 5px 20px;
}
.helpLine td{
  border: 1px solid #fff;
  text-align: center;
  /*padding: 50px;*/
  width: 500px;
  height: 120px;
}
.warranty{
 /* display: flex;
  align-items: center;
  justify-content: center;*/
  background: url("../images/con2.jpg") no-repeat center;
  background-size: cover;
  /*height: 501px;*/
  padding: 100px 0 140px 0;
}
.warranty h1{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 32px;
  margin-bottom: 50px;
}
.warranty .row{
  justify-content: center;
}
/*.warranty input[type=text]{
width: 820px;
}*/
.warranty input[type=text]{
  width: 100%;
  height: 40px; 
  border-radius: unset;
  border: 1px solid #333333;
}
.w-820{
  padding: 0 145px;
}
.w-820 div{
  margin-bottom: 20px;
}
.warranty label{
  color: #013d89;
  font-family: 'OpenSans-Light';
  font-size: 16px;
}
.radiopart input[type=radio]{

}
.radiopart label{
  color: #333333;
}
.radiopart label:first-child{
  color: #013d89;
}
.warranty p{
  color: #999999;
  font-family: 'OpenSans-Light';
  font-size: 14px;
}
.check label{
  color: #333333;
  font-family: 'OpenSans';
  font-size: 16px;
  margin-left: 10px;
}
#send{
  background: #013d89;
  width: 150px;
  height: 50px;
  color: #fff;
  font-family: 'OpenSans-Bold';
  font-size: 16px;
  border: none;
  border-radius: 50px;
}
#send:focus{
  outline: none;
}
.table_content {
  padding: 130px 0 115px 0;
}
.table_content table {
  width: 100%;
  border-top: 2px solid #013d89;
  border-bottom: 2px solid #e8e8e8;
  margin-bottom: 37px;
  margin-top: 44px;
}
.table_content table tbody {
  border-bottom: 1px solid #e8e8e8;
}
.table_content table tbody td:first-child {
  width: 10%;
}
.table_content table tbody td:nth-child(2) {
  width: 60%;
}
.table_content table tbody td:nth-child(3) {
  width: 15%;
}
.table_content table tbody td:last-child {
  width: 15%;
}
.table_content table tbody td a {
  color: #333333;
  font-family: 'OpenSans';
  font-size: 16px;
}
.table_content h1{
  color: #333333;
  font-family: 'OpenSans-Bold';
  font-size: 32px;
  margin-bottom: 50px;
}
.table_content .row{
  justify-content: center;
}
/*anu code end*/
/*index*/ 
.banner {
  background: url(../images/banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:730px;  
  display: flex;
  align-items: center;  
  margin-top: 68px;
}
.banner h1 {
  font-family: 'OpenSans-Bold';
  font-size:60px;
  color:#000000;
  text-align: center;
  line-height: 1.1;
}
.banner h1 span {
  font-size: 42px;
  color:#10218b;
}
.banner1 {
  display: flex;
  align-items: center;
}
.wvideo {
  width:890px;
  height:500px;
  float: right;
}
.wvideo video{
  width:100%;  
/*  border-top: 1px solid #000;
  border-bottom: 1px solid #000;*/
}
.wcontainer {
  width:1200px;
  margin: 0 auto;
}
.mainBg1 {
  background:url(../images/mainBg1.jpg);
  height: 1900px;  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:124px 0px 100px;
}
.mainBg1 table, .mainBg1 table tr, .mainBg1 table td {
  border-collapse: collapse;
  border: 1px solid #333333;
}
.mainBg1 h1 {
  font-family: 'OpenSans-Bold';
  font-size:42px;
  color:#333333;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 14px;
}
.mainBg1 p {
  font-family: 'OpenSans';
  font-size:24px;
  color:#333333;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 31px;  
}
.mainBg1 a {
  font-family: 'OpenSans-Bold';
  font-size:16px;
  color:#10218b;
  text-align: center;
  display: block;
  text-decoration: underline;
  text-decoration-color: #6b71ac;
  margin-top: 23px;
}
.mainBg1 table tr td {
  width:600px;
  height: 329px;
  background:#fff;
}
.mainBg1 table tr td video{
  display: flex;
}
/*index end*/
/*benefits*/
.benefits1 video {
  display: flex;
}
.borleft {
  border-left: 1px solid #333333;  
}
.borbot {
  height: 500px;
  border-bottom:1px solid #333;
}
.benefits2 h1 {
  font-family: 'OpenSans-Bold';
  font-size:32px;
  color:#333;
  margin-bottom: 20px;
}
.benefits2 p {
  font-family: 'OpenSans-Light';
  font-size:18px;
  color:#333;
  margin-bottom: 0px;
  line-height: 1.9;
}
.bright {
  text-align: right;
  padding: 40px;
  padding-top: 105px;
}
.bflx {
  display: flex;
  /*  align-items: center; */
  justify-content: flex-end;
}
.bflx1 {
  display: flex;
  /*  align-items: center;*/ 
  justify-content: flex-start; 
}
.bleft {
  text-align: left;
  padding-left: 40px;
  padding-top: 105px;
/*  width: 80%;*/
}  
.bleft br {
/*  display: none;    */
}
.benefits3 {
  padding-top: 37px;
}
.frt {
  float:right;
}
.benefits4 {
  display: flex;  
  justify-content: space-between;
}

/*benefits end*/  
/*beauty*/
.beauty1 {
  background:url(../images/beauty1.jpg);
  height: 500px;    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:100px 0px 100px;
  display: flex;  
  align-items: center;
}
.beauty1 h1, .beauty2 h1 {
  font-family: 'OpenSans-Bold';
  font-size:32px;
  color:#fff;
  margin-bottom: 19px;
  text-align: center;
}  
.beauty1 p, .beauty2 p {
  font-family: 'OpenSans-Light';
  font-size:18px;
  color:#fff;
  margin-bottom: 7px;
  text-align: center;
  line-height: 2;  
}
.benefits2 h6 {
  font-family: 'OpenSans-Bold';
  font-size:18px;
  color:#013d89;  
  margin-bottom: 7px;
}
.cbeauty .benefits2 p {  
  margin-bottom: 15px;
}
.cbeauty .benefits2 p br {
    display: none;
}
.beauty2 {
  background:url(../images/beauty6.jpg);
  height: 500px;    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:134px 0px 100px;
  display: flex;  
  align-items: center; 
}
.beauty3 {
  background:url(../images/beauty10.jpg);
  height: 900px;    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:111px 0px 100px;
}
.beauty4 {
  display: flex;
  margin-top: 62px;
  justify-content: space-between;
}
.beauty5 {
  background:url(../images/beauty11.png);
  height: 300px;    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 64px;
  width: 530px;
}
.beauty3 h1 {
  font-family: 'OpenSans-Bold';
  font-size:32px;
  color:#ffffff;  
  margin-bottom: 23px;
  text-align: center;
}
.beauty3 p {
  font-family: 'OpenSans';
  font-size:16px;
  color:#ffffff;  
  margin-bottom: 12px;    
  text-align: center;
  line-height: 2;
}
.beauty5 h5 {
  font-family: 'NotoSansCJKkr-Regular';
  font-size:18px;
  color:#333333;
  text-align: center;
  line-height:1.8;
}
.beauty4 .beauty5:first-child {
  margin-right: 60px;
}
.beauty6 h1 {
  font-family: 'OpenSans-Bold';
  font-size:32px;
  color:#333;    
  margin-bottom:67px;
  text-align: center;
}  
.beauty6 {
  padding: 94px 0px 89px;  
}
.beauty7 {
  display: flex;
  padding: 0px 40px; 
}
.beauty7 img {
  display: block;
  margin:0 auto;
  padding-bottom: 22px;
} 
.beauty7 p {
  font-family: 'OpenSans-Light';
  font-size:18px;
  color:#333; 
  text-align: center;
  line-height: 1.9;    
}
.beauty7 div {
  padding: 0px 13px;
}
.cbeauty .bright {
  padding-top: 89px;
  padding-left: 20%;
}
.cbeauty .bleft {
  padding-top: 89px;
  padding-right: 30%;
}
/*beauty end*/ 
/*testimonial*/
.ctest .subBanner, .ctutorial .subBanner, .cprivacy  .subBanner{
  display: flex;
  background: url("../images/testimonial_banner.jpg") no-repeat center;
  background-size: cover;
  height: 500px;
}
.ctest .subBanner .line, .ctutorial .subBanner .line, .cprivacy .subBanner .line {  
  position: unset;
  margin: 15px auto 20px auto;
}
.ctest .subBanner h1, .ctutorial .subBanner h1, .cprivacy .subBanner h1 {
  padding-right: 0px; 
  padding-bottom: 0;
  text-align: center;  
  margin-bottom: 0px;
}
.ctest .subBanner p, .ctutorial .subBanner p{
  color: #fff;
  font-family: 'OpenSans-Light';
  font-size: 32px;
  text-align: center;
} 
.f-center{
  padding-top: 202px;
}
.testcontent{
  padding: 65px 0 80px 0;
}
.mb-20{
  margin-bottom: 20px;
}
.img_content{
  background: #333333;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s linear;
}
.img_content h1{
  color: #fff;
  font-family: 'OpenSans-Light';
  font-size: 18px;
  margin-bottom: 0;
}
.testcontent img{
  width: 100%;
}  
.testcontent .col-md-4:hover{
  cursor: pointer;
}
.testcontent .col-md-4:hover .img_content{
  background: #99ce14;
  cursor: pointer;
}
/*testimonial end*/
/*tutorial*/
.tutorial {
  padding-top: 65px;
  padding-bottom: 19px;
}
.tutorial1 img {
  display: block;
  margin:0 auto; 
  padding-top: 48px;
}
.tutorial1 p {
  color: #333333;
  font-family: 'OpenSans-Light';
  font-size: 18px;
  text-align: center;
  margin-bottom:0px;
  line-height: 2;  
  margin-top: 8px;  
}
.tutorial1 .col-md-12 {
  border-bottom:1px solid #999999;
  padding-bottom: 57px !important;
}
.tutorial1 .col-md-12:last-child {
  border-bottom:unset;    
  padding-bottom: 120px !important;
}
.ctutorial .wcontainer {
  padding: 0px 40px;      
}
.tutorial2 {
  background: url("../images/tutorial1.jpg") no-repeat center;
  background-size: cover;
  height: 600px;
  padding:82px 0px 100px;  
}
.tutorial2 img {
  display: block;
  margin:0 auto;
}
.tutorial2 h1 {
  color: #ffffff;
  font-family: 'OpenSans-Bold';
  font-size: 32px;
  text-align: center;
  margin-bottom:73px;
  margin-top: 11px;
}
.tutorial2 p{
  color: #ffffff;  
  font-family: 'OpenSans-Light';
  font-size: 18px;
  text-align: center;
  margin-bottom:0px;
  line-height: 2;   
  margin-top: 12px;
}

/*tutorial end*/

/*privacy*/
.cprivacy  .subBanner{
  margin-top: 68px;
}
.privacy {
  padding-top: 25px;  
  padding-bottom: 61px;
}
/*privacy end*/
.vidfix {
  position: relative; 
  overflow: hidden;
} 
.vidfix video{
  position: absolute; 
  left: -5%; 
  top: 0; 
  width: 110%;
}  
.tutorial video {
  width:100%;
  height: 630px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

/*.col-md-3 {
height: 500px;
}
*/

.sil {
  height: 100% !important;
}  
.pro_silver .subBanner h1 {
  padding-right: 0px;
}  
.silver1 h1 {
  color: #333;
  font-family: 'OpenSans-Bold';
  font-size: 40px;
}
.silver1 h5 {
  font-family: 'OpenSans-Bold';
  font-size: 32px;
  color: #333;
  margin-bottom: 20px;
}
.silver1 p {
  font-family: 'OpenSans-Light';
  font-size: 18px;
  color: #333;
  margin-bottom: 0px;
  line-height: 1.9;  
}
.help h5 span img {
  padding-right:10px;
}
.help a:hover {
  text-decoration: unset;
}
.testcontent a:hover {
  text-decoration: unset;
}
.testcontent img {
  width:100%;
  height:292px;
}
.testcontent iframe {
  width:100%; 
  height:240px;
  border:unset;
  display: flex;
}
.feawidth img {
  width:100%;
}
.silver1 iframe {
  width: 100%;  
  height: 539px;    
}
.siframe {
  height: 540px; 
}

.wview {
  display: block;
}
.mview {
  display: none;
}


/*popup video*/

#bgvid {
  /*    position: fixed;*/
  top: 0;
  left: 0;  
  min-width: 100%;
  min-height: 100%;
}
#content {  
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  overflow-y: auto;
  top: 0;
  left: 55px;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  text-align: center;
  width: 890px;  
}
#akiratrailer {
  margin: 0 auto;
  width: 50%;
}
.button {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #10218b;
  border: 2px solid #fff;
  color: #000;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  top: 232px;
}
.button:hover {
  background: #ddd;
  color: black;
}
.title {
  text-align: center;
  text-transform: uppercase;
}
.video {
  width: 100%;
  height: 450px;
  margin: auto;
  display: block;
  border: none;
}
.popup-btn, .close-btn {
  width: 150px;
  height: 50px;
  display: block;
  margin: 0px auto;
  cursor: pointer; 
}
.close-btn{
  margin-top: 30px;
  margin-bottom: 50px;
}
.popup-btn:hover {
  color: white;
  background-color: black;
}
.video-popup {
  display: none;
  width: 100%;
  height: 100vh;
  margin: auto;
  position: fixed;
  top: 0; 
  box-shadow: 10px 10px 10px 10px black;
  left: 0;
  z-index: 9;
}
.popup-bg {
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
}
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: auto;
}
.popup-title {
  padding: 30px;
  margin: 0 auto;
  color: red;
  text-transform: uppercase;
}

/*popup video end*/
.tutorial4 .carousel-wrap {
  margin: 0px auto;
  padding: 0%;
  width: 100%;
  position: relative;
}
.tutorial4 .owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
.tutorial4 .owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.tutorial4 .owl-nav i {
  font-size: 52px;
}
.tutorial4 .owl-nav .owl-prev {
  position: absolute;
  top: 280px;
  left: -50px;
}
.tutorial4 .owl-nav .owl-next {
  position: absolute;
  top: 280px;
  right: -50px; 
}  
button:focus {
  outline: none;
} 
.fevideo video {
  display: flex;
} 
.clog video {
  width:100%; 
}
.sbr {
  width:100%;
}
.pro_silver #content {
    left: 0px;
    width: 100%;
}
.videowidth {
  width:100%;
}
/*newly added css*/
 /*login page*/
.login_page input[type="submit"] {
  background-color: #1e6285;
}
.login_page .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1e6285;
  box-shadow: none;
}  
.login_page {
background: url("../images/log1.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 720px;
display: flex;
align-items: center;
justify-content: center;
}
.modal-login input[type="text"],
.modal-login input[type="password"],
.modal-login input[type="submit"] {
border-radius: 50px;
outline: none;
box-shadow: none;
}
.modal-login input[type="submit"] {
width: 440px;
font-family: 'NanumSquareR';
font-size: 17px;
color: #fff;
}
.modal-login {
color: #636363;
/*width: 350px;*/
}
.modal-login .modal-content {
padding: 20px;
border-radius: 5px;
border: none;
background: transparent;
}  
.modal-login .modal-header {
border-bottom: none;
position: relative;
justify-content: center;
padding-bottom: 5px;
}
.modal-login h4 {
font-family: 'NanumSquareB';  
text-align: center;
font-size: 17px;
}
.modal-login .form-group {
position: relative;
margin-bottom: 20px;
}
.modal-login .form-group:nth-child(2) {
margin-bottom: 40px;
}
.modal-login .form-group:nth-child(3) {
margin-bottom: 0px;
}
.modal-login i {
position: absolute;
left: 30px;
top: 22px;
font-size: 18px;
}
.modal-login .form-control {
padding-left: 60px;
}
.modal-login .form-control:focus {
border: 1px solid #ced4da;
}
.modal-login .form-control,
.modal-login .btn {
min-height: 60px;
border-radius: 3px;
width: 440px;
}
.modal-login .hint-text {
text-align: center;
padding-top: 10px;
}
.modal-login .close {
position: absolute;
top: -5px;
right: -5px;
}
.modal-login .btn {
background: #011689;
border: none;
line-height: normal;
}
.form-control:focus {
outline: 0;
box-shadow: none;
}
.modal-login .modal-footer {
background: #ecf0f1;
border-color: #dee4e7;
text-align: center; 
margin: 0 -20px -20px;
border-radius: 5px;
font-size: 13px;
justify-content: center;
}
.modal-login .modal-footer a {
color: #999;
}
.trigger-btn {
display: inline-block;
margin: 100px auto;
}
.log_user {
background: url("../images/log_user.png") no-repeat;
padding: 10px;
}
.log_pass {
background: url("../images/log_pass.png") no-repeat;
padding: 10px;
}
.mrbt40 {
margin-bottom: 40px !important;
}
/*login page*/ 
/*write*/
.newsMas .content div {
  display: flex;
  align-items: center;
}
.newsMas form .col-md-12 {
  margin-bottom: 20px;
}
.newsMas p {
  font-family: 'NanumSquareR';
  font-size: 17px;
  color: #363636;
}
div.mce-edit-area {
  border-width: 0 1px 0 0 !important;
}
.notbut a,
.newsMas .notbut input {
  font-family: 'NanumSquareR';
  font-size: 17px;
  color: #333333;
  background: #e8e8e8;
  padding: 13px 29px;
  margin-left: 15px;
  border: none;
}
.newsMas .notbut input {
  width: 111px;
  margin-left: 0;
}
.newsMas {
  padding:100px 0px 100px;
}
/*write end*/ 
/*newsdetail*/
.newsdetail1 {
  padding:117px 0px 49px; 
}
.newsdetail1 h6 {
  font-family: 'NanumSquareEB';
  font-size: 30px;
  color:#333333;      
  margin-bottom: 120px;  
  text-align: center; 
}
.newsdetail1 h1 {
  text-align: center; 
  margin-bottom: 93px;
}
.newsdetail1 p {
  font-family: 'NanumSquareB';
  font-size: 14px; 
  color:#333333;      
  margin-bottom: 10px;  
}
.nflx {
  display: flex;
}
.newsdetail2 h6 {
  font-family: 'NanumSquareEB';
  font-size: 16px;
  color:#333333;   
  margin-bottom: 4px;
  text-align: center;
}
.newsdetail2 p {
  font-family: 'NanumSquareB';
  font-size: 14px; 
  color:#333333;      
  margin-bottom: 0px;    
  text-align: center;
}
.newsdetail2 .nflx div {
  width:120px;
}
.newsdetail2 .nflx div:nth-child(2) {
  width:90px;  
}
.newsdetail2 .nflx div:first-child h6, .newsdetail2 .nflx div:first-child p {
  text-align: left;
} 
.newsdetail2 .nflx div:last-child{
  padding-left: 50px;
}
.nbutton , .nbutton1 button{
  width:147px;
  height:63px;
  background:rgba(233,71,9,1);
  transition: all 200ms linear;
  display: flex; 
  align-items: center;
  justify-content: center;
}
.nbutton1 button{ 
  border:none;
}
.nbutton:hover , .nbutton1 button:hover{
  background:rgba(233,71,9,0.8); 
} 
.nbutton a, .nbutton1 button{
  font-family: 'NanumSquareEB';
  font-size: 17px;
  color:#ffffff;   
}
.nflx1 {
  display: flex;
  justify-content: flex-end;
} 
.nflx1 .nbutton:first-child {
  margin-right:40px;
}
.newsdetail2 .row {
  align-items: center;
}
.newdetail3 { 
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 57px;
}
.file {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.file a {
    font-family: 'NanumSquareB';
    font-size: 18px;
    color: #333333;
    margin-bottom: 31px;
}
/*newsdetail end*/
.bwrite {
  background: #013d89;
    width: 150px;
    height: 50px;
    color: #fff;
    font-family: 'OpenSans-Bold';
    font-size: 16px;
    border: none;
    border-radius: 50px;
    float: right;
  } 
.bwrite a {
  color: #fff;
  display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.bwrite a:hover {
  text-decoration: unset;
}

.bwrite1 {
  margin-right:25px;
} 
.tox .tox-notification--in {
    opacity: 0 !important;
} 
/*1600 view*/
@media (min-width: 1600px) and (max-width: 1919px) {
  .main_menu li {
    margin: 0px;
  }
  .main_menu li:last-child {
    padding-right: 40px !important;
  }   
  .banner {    
    height: 520px;
  }
  .wvideo {
    width: 620px;
    height: 350px;
  }  
  .banner .col-md-6:last-child {
    display: flex;
    align-items: center;
  }
  .banner h1 {
    font-size: 40px;
  }
  .banner1 {
  }  
  .healthyscalp video {
    width:100%;  
  }
  .shadow_img {
    width: 100%;
  }
  .main_content img {
    width: 101%;
  }
  .healthyscalp h1 { 
    font-size: 30px;
  }  
  .healthContent {
    padding-left: 30px !important;
  }
  .healthyscalp , .healthContent {
    height: 430px;
  }  
  .mainBg1 h1 {
    font-size: 37px;
  }
  .mainBg1 p {
    font-size: 21px;
  } 
  .subBanner {
    height: 412px;
  }
  .cbenefits .subBanner {
    height: 413px;
  }
  .subBanner .col-md-8 img {
    width:100%;
  }
  .borbot {
    height: 359px;
    overflow: hidden;
  }
  .pro_feat .main_content h5 {
    font-size: 29px;
  }
  .pro_feat .main_content p {
    font-size: 17px;
  }
  .txt-left .txt-content {
    padding-left: 25px;
  }
  .txt-right .txt-content {
    padding-right: 25px;
  }
  .bleft {
    padding-left: 25px;
    padding-top: 48px;
  }  
  .pbr p br {
    display: none;
  }
  .main_content video {
    width:101%;
  }
  .benefits1 video, .benefits1 img {
    width:100%;
  }
  .ccontact .subBanner h1 {
    font-size: 50px;
  }
  .ccontact .subBanner h3 {
    font-size: 38px;
  }
  .subBanner h1 {
    font-size: 38px;
  }
  .ccontact .subBanner p {
    font-size: 26px;
  }
  .help h1 {
    font-size: 30px;
  }
  .ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    height: 360px;
  }
  .ctest .subBanner p, .ctutorial .subBanner p {
    font-size: 29px;
  }
  .f-center {
    padding-top: 120px;
  }
  .privacy img {
    width:100%;
  }
  .bbr br {
    display: none;
  }
  .bright {
    padding-right: 25px;
    padding-top: 40px;
  }
  .cbenefits .borbot, .cbeauty .borbot, .pro_silver .borbot{
    height: 417px; 
  }
  .benefits2 h1 {
    font-size: 29px;
    margin-bottom: 7px;
  }
  .benefits2 p {
    font-size: 17px;
  }
  .benefits3 {
    padding-top: 20px;
  }
  .benefits5 {
    width: 400px;
    padding-right: 15px;
  }  
  .cbeauty img {
    width:100%;
  }
  .beauty7 img {
    width: auto !important;
  } 
  .cbeauty .bright {
    padding-top: 45px;
  }
  .cbeauty .bleft {
    padding-top: 45px;
  }  
  .sbr p br {
    display: none;
  }
  .svid video {
    width:101% !important;
  }
  .help {
    background-size: auto;
  }  
  .feawidth1 img {
    width:100%;
  }
  .swidth img {
    width:100%;
  }
  .silver1 h5 {
    font-size: 29px;
  }
  .silver1 p {
    font-size: 17px;
  }
  .sbr , .pbr{
    padding-right:15px;
  }
  .bbr {
    padding-left: 15px;
  }
  .cbeauty .benefits2 h1 {
    margin-bottom: 20px;
  }
  .banner h1 span {
    font-size: 37px;
  }
  .beauty1, .beauty2 {
    height: 416px;
  }  
  .silw img {
    width:100% !important;
  }
  .silw video {
    width:100% !important;
  }
  .silw .col-md-6 img {
    width: 100.2% !important;
  }
  .silver1 iframe {  
    height: 449px;    
  }
  .siframe {
    height: 450px !important; 
  } 
  #content {
    left: 164px;
    width: 620px;
  }  
  .button {
    top: 153px;
  } 
  .puriwidth {
    width: 394px;
  }
  .fwidth { 
    width:80%;
  }
  .fevideo  {
    height: 422px;
  }
}
/*1600 view end*/
/*1440 view*/
@media (min-width: 1440px) and (max-width: 1599px) {
  .main_menu li {
    margin: 0px;
  }
  .main_menu li:last-child {
    padding-right: 40px !important;
  }   
  .banner {    
    height: 520px;
  }
  .wvideo {
    width: 620px;
    height: 350px;
  }  
  .banner .col-md-6:last-child {
    display: flex;
    align-items: center;
  }
  .banner h1 {
    font-size: 40px;
  }
  .banner1 {
  }  
  .healthyscalp video {
    width:100%;  
  }
  .shadow_img {
    width: 100%;
  }
  .main_content img {
    width: 101%;
  }
  .healthyscalp h1 { 
    font-size: 30px;
  }  
  .healthContent {
    padding-left: 30px !important;
  }
  .healthyscalp , .healthContent {
    height: 430px;
  }  
  .mainBg1 h1 {
    font-size: 37px;
  }
  .mainBg1 p {
    font-size: 21px;
  }  
  .subBanner {
    height: 372px;
  }
  .subBanner .col-md-8 img {
    width:100%;
  }
  .borbot {
    height: 359px;
    overflow: hidden;
  }
  .pro_feat .main_content h5 {
    font-size: 29px;
  }
  .pro_feat .main_content p {
    font-size: 17px;
  }
  .txt-left .txt-content {
    padding-left: 25px;
  }
  .txt-right .txt-content {
    padding-right: 25px;
  }
  .bleft {
    padding-left: 25px;
    padding-top: 48px;
  }  
  .pbr p br {
    display: none;
  }
  .main_content video {
    width:101%;
  }
  .benefits1 video, .benefits1 img {
    width:100%;
  }
  .ccontact .subBanner h1 {
    font-size: 50px;
  }
  .ccontact .subBanner h3 {
    font-size: 38px;
  }
  .subBanner h1 {
    font-size: 38px;
  }
  .ccontact .subBanner p {
    font-size: 26px;
  }
  .help h1 {
    font-size: 30px;
  }
  .ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    height: 360px;
  }
  .ctest .subBanner p, .ctutorial .subBanner p {
    font-size: 29px;
  }
  .f-center {
    padding-top: 120px;
  }
  .privacy img {
    width:100%;
  }
  .bbr br {
    display: none;
  }
  .bright {
    padding-right: 25px;
    padding-top: 40px;
  }
  .cbenefits .borbot, .cbeauty .borbot, .pro_silver .borbot{
    height: 375px; 
  }
  .benefits2 h1 {
    font-size: 29px;
    margin-bottom: 7px;
  }
  .benefits2 p {
    font-size: 17px;
  }
  .benefits3 {
    padding-top: 20px;
  }
  .benefits5 {
    width: 360px;
    padding-right: 15px; 
  }  
  .cbeauty img {
    width:100%;
  }
  .beauty7 img {
    width: auto !important;
  } 
  .cbeauty .bright {
    padding-top: 45px;
  }
  .cbeauty .bleft {
    padding-top: 45px;
  }  
  .sbr p br {
    display: none;
  }
  .svid video {
    width:101% !important;
  }
  .help {
    background-size: auto;
  }  
  .feawidth1 img {
    width:100%;
  }
  .swidth img {
    width:100%;
  }
  .silver1 h5 {
    font-size: 29px;
  }
  .silver1 p {
    font-size: 17px;
  }
  .sbr , .pbr{
    padding-right:15px;
  }
  .bbr {
    padding-left: 15px;
  }
  .cbeauty .benefits2 h1 {
    margin-bottom: 20px;
  }
  .banner h1 span {
    font-size: 37px;
  }
  .beauty1, .beauty2 {
    height: 416px;
  }  
  .silw img {
    width:100% !important;
  }
  .silw video {
    width:100% !important;
  }
  .silw .col-md-6 img {
    width: 100.2% !important;
  }  
  .silver1 iframe {  
    height: 405px;    
  }
  .siframe {
    height: 406px !important; 
  }   
  #content {
    left: 85px;  
    width: 620px;
  }  
  .button {
    top: 153px;
  } 
  .puriwidth {
    width: 359px;
  }
  .fwidth { 
    width:80%;
  }
  .fevideo  {
    height: 380px;
  }

}
/*1440 view end*/
/*1366 view*/
@media (min-width: 1366px) and (max-width: 1439px) {
  .cbeauty .bleft {
    padding-right: 10%;
  }
  .main_menu li {
    margin: 0px;
  }
  .main_menu li:last-child {
    padding-right: 40px !important;
  }   
  .banner {    
    height: 520px;
  }
  .wvideo {
    width: 620px;
    height: 350px;
  }  
  .banner .col-md-6:last-child {
    display: flex;
    align-items: center;
  }
  .banner h1 {
    font-size: 40px;
  }
  .banner1 {
  }  
  .healthyscalp video {
    width:100%;  
  }
  .shadow_img {
    width: 100%;
  }
  .main_content img {
    width: 101%;
  }
  .healthyscalp h1 { 
    font-size: 30px;
  }  
  .healthContent {
    padding-left: 30px !important;
  }
  .healthyscalp , .healthContent {
    height: 430px;
  }  
  .mainBg1 h1 {
    font-size: 37px;
  }
  .mainBg1 p {
    font-size: 21px;
  }
  .subBanner {
    height: 353px;
  }
  .subBanner .col-md-8 img {
    width:100%;
  }
  .borbot {
    height: 359px;
    overflow: hidden;
  }
  .pro_feat .main_content h5 {
    font-size: 27px;
    margin-bottom: 10px;
  }
  .pro_feat .main_content p {
    font-size: 16px;
  }
  .txt-left .txt-content {
    padding-left: 25px;
  }
  .txt-right .txt-content {
    padding-right: 25px;
  }
  .bleft {
    padding-left: 25px;
    padding-top: 48px;
  }  
  .pbr p br {
    display: none;
  }
  .main_content video {
    width:101%;
  }
  .benefits1 video, .benefits1 img {
    width:100%;
  }
  .ccontact .subBanner h1 {
    font-size: 50px;
  }
  .ccontact .subBanner h3 {
    font-size: 38px;
  }
  .subBanner h1 {
    font-size: 38px;
  }
  .ccontact .subBanner p {
    font-size: 26px;
  }
  .help h1 {
    font-size: 30px;
  }
  .ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    height: 360px;
  }
  .ctest .subBanner p, .ctutorial .subBanner p {
    font-size: 29px;
  }
  .f-center {
    padding-top: 120px;
  }
  .privacy img {
    width:100%;
  }
  .bbr br {
    display: none;
  }
  .bright {
    padding-right: 25px;
    padding-top: 40px;
  }
  .cbenefits .borbot, .cbeauty .borbot, .pro_silver .borbot{
    height: 356px; 
  }
  .benefits2 h1 {
    font-size: 27px;
    margin-bottom: 7px;
  }
  .benefits2 p {
    font-size: 16px;
  }
  .benefits3 {
    padding-top: 20px;
  }
  .benefits5 {
    width: 341px;
  }  
  .cbeauty img {
    width:100%;
  }
  .beauty7 img {
    width: auto !important;
  } 
  .cbeauty .bright {
    padding-top: 45px;
  }
  .cbeauty .bleft {
    padding-top: 45px;
  }  
  .sbr p br {
    display: none;
  }
  .svid video {
    width:101% !important;
  }
  .help {
    background-size: auto;
  }  
  .feawidth1 img {
    width:100%;
  }
  .swidth img {
    width:100%;
  }
  .silver1 h5 {
    font-size: 27px;
  }
  .silver1 p {
    font-size: 16px;
  }
  .sbr , .pbr{
    padding-right:15px;
  }
  .bbr {
    padding-left: 15px;
  }
  .cbeauty .benefits2 h1 {
    margin-bottom: 20px;
  }
  .banner h1 span {
    font-size: 37px;
  }
  .beauty1, .beauty2 {
    height: 365px;
  }  
  .silver1 iframe {
    height: 354px;
  } 
  .silver1 iframe {  
    height: 385px;    
  }
  .siframe {
    height: 386px !important; 
  }   
  #content {
    left: 48px;  
    width: 620px;
  }  
  .button {
    top: 153px; 
  }  
  .puriwidth {
    width: 339px;
  }
  .fwidth { 
    width:80%;
  }
  .popup-content {
    top: 58%;
  }



}
/*1366 view end*/
/*1280 view*/
@media (min-width: 1280px) and (max-width: 1365px) {
  .main_menu li {
    margin: 0px;
  }
  .main_menu li:last-child {
    padding-right: 40px !important;
  }   
  .banner {    
    height: 520px;
  }   
  .banner h1 span {
    font-size: 37px;  
  }
  .wvideo {
    width: 584px;
    height: 330px;
  }  
  .banner .col-md-6:last-child {
    display: flex;
    align-items: center;
  }
  .banner h1 {
    font-size: 40px;
  }
  .banner1 {
  }  
  .healthyscalp video {
    width:100%;  
  }
  .shadow_img {
    width: 100%;
  }
  .main_content img {
    width: 101%;
  }
  .healthyscalp h1 { 
    font-size: 30px;
  }  
  .healthContent {
    padding-left: 30px !important;
  }
  .healthyscalp , .healthContent {
    height: 430px;
  }  
  .mainBg1 h1 {
    font-size: 37px;
  }
  .mainBg1 p {
    font-size: 21px;
  }
  .subBanner {
    height: 330px;
  }
  .cbenefits .subBanner {
    height: 331px;
  }
  .subBanner .col-md-8 img {
    width:100%;
  }
  .borbot {
    height: 336px;  
    overflow: hidden;
  }
  .pro_feat .main_content h5 {
    font-size: 27px;
    margin-bottom: 14px;
  }
  .pro_feat .main_content p {
    font-size: 16px;
    line-height: 1.8;
  }
  .txt-left .txt-content {
    padding-left: 25px;
  }
  .txt-right .txt-content {
    padding-right: 25px;
  }
  .bleft {
    padding-left: 25px;
    padding-top: 48px;
    padding-right: 15px;
  }  
  .pbr p br {
    display: none;
  }
  .main_content video {
    width:101%;
  }
  .benefits1 video, .benefits1 img {
    width:100%;
  }
  .ccontact .subBanner h1 {
    font-size: 50px;
  }
  .ccontact .subBanner h3 {
    font-size: 38px;
  }
  .subBanner h1 {
    font-size: 38px;
  }
  .ccontact .subBanner p {
    font-size: 26px;
  }
  .help h1 {
    font-size: 30px;
  }
  .ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    height: 360px;
  }
  .ctest .subBanner p, .ctutorial .subBanner p {
    font-size: 29px;
  }
  .f-center {
    padding-top: 120px;
  }
  .privacy img {
    width:100%;
  }
  .bbr br {
    display: none;
  }
  .bright {
    padding-right: 25px;
    padding-top: 40px;
  }
  .cbenefits .borbot, .cbeauty .borbot, .pro_silver .borbot{
    height: 334px; 
  }
  .cbeauty .borbot {
    height: 333px; 
  }
  .benefits2 h1 {
    font-size: 27px;
    margin-bottom: 7px;
  }
  .benefits2 p {
    font-size: 16px;
    line-height: 1.7;
  }
  .benefits3 {
    padding-top: 10px;
  }
  .benefits5 {
    width: 319px;
    padding-top: 25px;
  }  
  .cbeauty img {
    width:100%;
  }
  .beauty7 img {
    width: auto !important;
  } 
  .cbeauty .bright {
    padding-top: 45px;
  }
  .cbeauty .bleft {
    padding-top: 45px;
  }  
  .sbr p br {
    display: none;
  }
  .svid video {
    width:101% !important;
  }
  .help {
    background-size: auto;
  }  
  .feawidth1 img {
    width:100%;
  }
  .swidth img {
    width:100%;
  }
  .silver1 h5 {
    font-size: 27px;
  }
  .silver1 p {
    font-size: 16px;
  }
  .sbr , .pbr{
    padding-right:15px;
  }
  .bbr {
    padding-left: 15px;
  }
  .cbeauty .benefits2 h1 {
    margin-bottom: 20px;
  }
  .beauty1, .beauty2 {
    height: 280px;
  }
  .cbeauty .benefits2 p {
    margin-bottom: 6px;
  } 
  .silw img, .silw video {
    width:100% !important;
  }
  .header .navbar {
    padding: 0px 0 0 40px;
  }
  .silver1 iframe {
    height: 333px;
  } 

  .silver1 iframe {  
    height: 360px;      
  }
  .siframe {
    height: 361px !important; 
  }    
  #content {
    left: 41px;
    width: 585px;
  }  
  .button {
    top: 150px;  
  }  
  .puriwidth {
    width: 319px;  
  }
  .fwidth { 
    width:80%;
  }


}
/*1280 view end*/  
/*1024 view*/
@media (min-width: 1024px) and (max-width: 1279px) {
  .main_menu li {
    margin: 0px;
  }
  .main_menu li:last-child {
    padding-right: 40px !important;
  }   
  .banner {    
    height: 355px;
  }
  .wvideo {
    width: 475px;
    height: 269px;
  }  
  .banner .col-md-6:last-child {
    display: flex;
    align-items: center;
  }
  .banner h1 {
    font-size: 32px;
  }
  .banner h1 span {
    font-size: 28px;
  }
  .healthyscalp video {
    width:100%;  
  }
  .shadow_img {
    width: 100%;
  }
  .main_content img {
    width: 101%;
  }
  .healthyscalp h1 { 
    font-size: 23px;
  }  
  .healthContent {
    padding-left: 30px !important;
  }
  .healthyscalp , .healthContent {
    height: 430px;
  }  
  .mainBg1 h1 {
    font-size: 30px;
  }
  .mainBg1 p {
    font-size: 18px;
  }
  .subBanner {
    height: 264px;
  }
  .subBanner .line {
    width: 44px;
    top: -14px;
  }
  .subBanner .col-md-8 img {
    width:100%;
  }
  .borbot {
    height: 269px;
    overflow: hidden;
  }
  .pro_feat .main_content h5 {
    font-size: 22px;
    margin-bottom: 11px;
  }
  .pro_feat .main_content p {
    font-size: 14px;
    line-height: 1.7;
  }
  .txt-left .txt-content {
    padding-left: 23px;
  }
  .txt-right .txt-content {
    padding-right: 23px;
  }
  .bleft {
    padding-left: 23px;
    padding-top: 27px;
  }  
  .pbr p br {
    display: none;
  }
  .main_content video {
    width:101%;
  }
  .benefits1 video, .benefits1 img {
    width:100%;
  }
  .ccontact .subBanner h1 {
    font-size: 30px;
  }
  .ccontact .subBanner h3 {
    font-size: 29px;
  }
  .subBanner h1 {
    font-size: 31px;
    padding-bottom: 39px;
  }
  .ccontact .subBanner p {
    font-size: 23px;
  }
  .help h1 {
    font-size: 29px;
  }
  .ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    height: 320px;
  }
  .ctest .subBanner p, .ctutorial .subBanner p {
    font-size: 26px;
  }
  .f-center {
    padding-top: 100px;
  }
  .privacy img {
    width:100%;
  }
  .bbr br {
    display: none;
  }  
  .bright {
    padding-right: 23px;
    padding-top: 27px;
  }
  .cbenefits .borbot, .cbeauty .borbot, .pro_silver .borbot{
    height: 267px; 
  }
  .benefits2 h1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .benefits2 p {
    font-size: 14px;
    line-height: 1.7; 
  }
  .benefits3 {
    padding-top: 10px;
  }
  .benefits5 {
    width: 255px;
  }  
  .cbeauty img {
    width:100%;
  }
  .beauty7 img {
    width: auto !important;
  } 
  .cbeauty .bright {
    padding-top: 23px;
    padding-left: 15%;
  }
  .cbeauty .bleft {
    padding-top: 23px;
  }  
  .sbr p br {
    display: none;
  }
  .svid video {
    width:101% !important;
  }
  .help {
    background-size: auto;
  }  
  .feawidth1 img {
    width:100%;
  }
  .swidth img {
    width:100%;
  }
  .silver1 h5 {
    font-size: 22px;
    margin-bottom: 13px;
  }
  .silver1 p {
    font-size: 14px;
    line-height: 1.6;
  }
  .sbr , .pbr{
    padding-right:15px;
  }
  .bbr {
    padding-left: 15px;
  }
  .cbeauty .benefits2 h1 {
    margin-bottom: 14px;
  }
  .cbeauty .benefits2 p {
    margin-bottom: 5px;
  } 
  .wcontainer {
    width: 925px;
  }
  .header .navbar {
    padding: 0 0 0 47px
  }
  .txt-right {
    justify-content: flex-start; 
    padding-top: 27px !important;
  }
  .beauty1 ,.beauty2 {
    height: 280px;
  }
  .beauty2{
    padding: 105px 0px 100px;
  }
  .beauty3 h1 {
    font-size: 30px;
  }
  .beauty3 p, .beauty7 p, .tutorial1 p, .tutorial2 p {
    font-size: 14px;
  }
  .beauty3 p br {
    display: none;
  }
  .beauty1 p, .beauty2 p {
    font-size: 15px;
  }
  .beauty1 h1, .beauty2 h1, .beauty6 h1 , .tutorial2 h1, .table_content h1{
    font-size: 29px;
  }
  .beauty5 h5 {
    font-size: 16px;
  }
  .beauty5 {
    height: 241px;
    padding-top: 52px;
  }
  .beauty3 {
    height: 745px;
    padding: 69px 0px 100px;
  }  
  .beauty7 {
    padding: 0px;
  }  
  .silver1 h1 {
    font-size: 32px;
  } 
  .tutorial video {
    height: 477px;
  }
  .tutorial2 {
    height: 530px;
  }
  .foot2 a, .foot2 p, .foot2 span {
    font-size: 15px;
  }
  .ccontact .subBanner {
    padding-left: 145px;
  }
  .mainBg1 img {
    width:100%;
  }
  .mainBg1 table tr td {
    height: 253px;
  }
  .mainBg1 {
    height: 1530px;
  }  
  .cbenefits .subBanner {
    height: 265px;
  }
  .w-820 {
    padding: 0 80px;
  }
  .silver1 iframe {
    height: 266px;
  } 
  .silver1 iframe {  
    height: 288px;      
  }
  .siframe {
    height: 289px !important; 
  }    
  #content {
    left: 23px;  
    width: 475px;
  }  
  .button {
    top: 117px;  
  } 
  .puriwidth {
    width: 255px;       
  }   
  .tutorial4 .owl-nav .owl-prev ,
  .tutorial4 .owl-nav .owl-next {
    top: 200px; 
  } 
  .fwidth { 
    width:80%;
  }





}


@media only screen and (min-width:0\0){
  .quick_link02 {
    flex-direction: row;
    max-width: 100%;
    right: 0;
    bottom: -4px;
    position: absolute;
  }
}
 


/*media query for xs end*/ 
@media(min-width:320px) and (max-width: 767px){
    .header .navbar .menu-item.active.has-collapsible2:last-child  .menu-child {
        display: block;
    }
    .d-flx {
        display: inline-block;
    }
    .table_content {
        padding: 50px 0;
    }
    .warranty p br {
        display: none;
    }
    .help {
        padding: 50px 4%;
    }
    .help h1 {
        font-size: 28px;
    }
    .testcontent {
        padding: 50px 0;
    }
    .tutorial2 p {
        margin-bottom: 40px;
    }    .tutorial2 p br {
        display: none;
    }
    .ctutorial .wcontainer {
  padding: 0px 6%;      
}
    .popup-btn, .close-btn {
        width: 100px;
    }    
    .ctest .subBanner p, .ctutorial .subBanner p {
        font-size: 18px;
    }
    .button {
        top: 30%;
    }
.benefits2 h1 br {
    display: none;
}
.silver1 h5 {
  margin-bottom: 20px;
  text-align: center;
  padding: 0 8%;
}
    .silver1 p {
        text-align: center;
    }
    .silver1 p br {
        display: none;
        padding: 0 8%;
    }
    .beauty3 p {
        padding: 0 6%;
    }    
.pro_feat .main_content p {
    margin-left: 0 !important;
    padding: 0 10%;
}    
    .pro_feat .main_content p:last-child {
        margin-bottom: 50px;
    }
.benefits2 h1, .benefits2 p {
    margin: 20px 4%;
}
.cbeauty .bleft {
        padding: 0;
        padding-bottom: 40px;
}
    .beauty1 p, .beauty2 p {
        margin: 10px 4%;
    }
  .wview {
    display: none;
  }  
  .mview {
    display: block;
  }
  /*anu code*/
  .navbar-light .navbar-toggler{
    display: none;
  }
  .header .navbar .menu {
    max-width: 100%;
    background: rgb(255 255 255 / 95%);
  }
  .quick_link02{
    display: none;
  }
  .header .navbar .menu-wrapper.offcanvas::before {
    background: none;
/* z-index: 1;
position: relative;*/
}
.header .navbar .menu-item a {
    font-size: 24px;
    margin-bottom: 1rem;
}
.navbar-light .navbar-brand {
  z-index: 9;
  position: absolute;
  left: 10px;
}
.quick_link01 {
  bottom: auto;
  right: 25px;
  top: 145px;
}
.close-menu {
  padding: 23px;
}
.foot1 {
  height: 350px;
}
.foot2 {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.fcon2 {
  justify-content: center;
}
    .h-70 {
        height: 40px;
    }
.banner {
  background: url(../images/bannerm.jpg);
  height:650px; 
  margin-top: 68px;
  align-items: flex-start;
}
.banner1 {
  padding-left: 165px;
  padding-top: 125px;
  padding-bottom: 65px;
}
.wvideo {
  width: 100%;
  /*height: 500px;*/
}
.banner h1 {
  font-size: 45px;
}
.banner h1 span {
  font-size: 38px;
}
.tapvid{
  width: 100px;
}
.shadow_img {
  box-shadow: 10px 3px 0px 0px rgb(0 0 0 / 20%);
}
.healthyscalp {
  padding-top: 40px;
  height: 340px;
  display: flex;
  align-items: flex-start;
}
.healthContent {
  height: 200px;
}
.healthContent div:first-child{
  padding-left: 20px;
}
.healthyscalp h1 {
  font-size: 30px;
}
.mainBg1.mview .col-md-6{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #333333;
}
.mainBg1{
  height: auto;
}
.mainBg1 h1 {
  font-size: 32px;
  padding: 30px;
}
.mainBg1 p {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 8%;    
}
    .mainBg1 p br {
        display: none;
    }
    .mainBg1 a {
        margin: 10px 0 30px 0;
    }
.mainBg1.mview img{
  width: 100%;
  height: 100%;
}
.foot2 a, .foot2 p, .foot2 span {
  font-size: 14px;
}
.foot2 span {
  padding: 0 15px;
}
.mainBg1.mview .col-md-6:first-child{
  margin-top: 40px;
}
.mainBg1.mview .col-md-6:last-child{
  margin-top: -1px;
}
.subBanner {
  display: flex;
  background: url(../images/cBlue.jpg) no-repeat center;
  background-size: cover;
  height: 200px;
  align-items: center;
  justify-content: center;
}
.cbenefits .h1text {
  top: 0;
}
.cbenefits .bright {
  text-align: center;
  padding: 30px !important;
  /* padding-top: 105px; */
}
.cbenefits .benefits1 p br{
  display: none;
}
.cbenefits .benefits1 img{
  width: 100%;
}
.foot1 .col-3 img{
  width: 100%;
}
.foot1 .col-9 img{
  width: 30%;
}
.foot1 .mr-20 {
  margin-right: 5px;
}
.mainBg1.mview .col-md-6{
  padding: 0 !important;
}
/*benifits*/
.benefits4 {
    display: block;
}
.benefits1 video {
    width: 100%;
    margin-top: 50px;
}
.restore .col-md-6:first-child{
  order: 2;
}
.restore .col-md-6:last-child{
  order: 1;
}
.bortb {
    margin: 20px 0;
}
.beauty1 {
    background: url(../images/beauty1m.jpg);
    height: 1000px;
    padding: 100px 0px 300px;
    align-items: flex-end;
}
.cbeauty .bright {
    text-align: center;
    /*padding-right: 0;*/
    padding: 30px 10px;
}
.cbeauty .benefits2 p br {
 display: none;
}
.cbeauty img{
  width: 100%;
}
.coloring .col-md-6:first-child, .ammonia .col-md-6:first-child,
.clog .col-md-6:first-child, .cleanse .col-md-6:first-child{
  order: 2;
}
.coloring .col-md-6:last-child, .ammonia .col-md-6:last-child,
.clog .col-md-6:last-child, .cleanse .col-md-6:last-child{
  order: 1;
}
.beauty2 {
    background: url(../images/beauty6m.jpg);
    height: 900px;
    background-position: center;
    }
    .beauty1 p br, .beauty2 p br{
      display: none;
    }
    .beauty3 {
        background: url(../images/beauty10m.jpg) no-repeat #000;
        background-size: contain;
        /*height: 2100px;*/
        height: auto;
        background-position: top;
      }
      .beauty4 {
          display: block;
          padding: 0 10px;
        /*  margin-top: 62px;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;*/
      }
      .beauty5 {
          background: url(../images/beauty11.png);
          height: auto;
          width: 100%;
          padding: 30px 2%;
          
      }
      .beauty4 .beauty5:first-child {
          margin-bottom: 20px;
      }
      .beauty5 h5 br{
        display: none;
      }
      .beauty7 {
          display: block;
          padding: 0;
      }
    .beauty7 br {
        display: none;
    }   
    .beauty7 div {
        padding: 20px 8%;
    }
      .beauty7 img {
          width: auto;
      }
    .beauty6 {
        padding: 50px 0;
    }
      .silver1 h1 {
          text-align: center;
          font-size: 32px;
          margin: 30px;
      }
      .siframe {
          height: 300px !important;
      }
.pro_silver img{
  width: 100%;
}
/*tutorial*/
.ctutorial .wcontainer.bread {
    padding: 0px 0px;
}
.ctest .subBanner, .ctutorial .subBanner, .cprivacy .subBanner {
    background: url(../images/testimonial_bannerm.jpg) no-repeat center;
    height: 200px;
}
.ctutorial .f-center, .ctest .f-center {
    padding-top: 0;
}
.tutorial4 .owl-nav i {
    display: none;
}
.tutorial2 {
    background: url(../images/tutorial1m.jpg) no-repeat center;
    height: auto;
    padding: 50px 0;
}
.ebox{
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #fff;
  margin-bottom: 20px;
}
    .ebox:last-child {
        height: 300px;
    }
.mview.help{
  padding-top: 0;
  padding-bottom: 0;
}
.warranty h1 {
    text-align: center;
    font-size: 28px;
    padding: 0 4%;
}
.w-820 {
    padding: 0 20px;
}
.warranty {
    background: url(../images/con2m.jpg) no-repeat center;
    padding: 50px 0 50px 0;
}
.table_content .wcontainer{
  padding: 0 20px;
}
.table_content .wcontainer img{
  width: 100%;
}
.table_content h1 {
    text-align: center;
    margin: 0;
}
.table_content table tbody td a {
    white-space: nowrap;
}
.mainpage .wvideo {
    height: 100%;
    margin-bottom: 20px;
    padding: 0 25px;
}
.mt-70{
  margin-top: 70px;
}
.main_content img, .main_content video{
  width: 100%;
    height: auto;
    vertical-align: bottom;
}
.mobflx{
  display: inline-block;
}
    .bflx {
        display: inline-block;
    }
/*.benefits2.bleft {
    width: 100%;
}*/
/*anu code end*/
/*divya*/
p,h1,h2,h3,h4,h5,h6 {
  word-break: keep-all;
}
    .tutorial1 p {
        padding: 0 4%;
    } 
    .tutorial1 p br {
        display: none;
    }
.quick_link01 {
  display: none;  
}
.breadcrumb {
  padding: 20px 12px;
}
.breadcrumb-item+.breadcrumb-item {
  padding-left: 0px;
}
/*.pro_feat .subBanner {
  display: flex;
  background: url(../images/msubBanner.png) no-repeat center;
  background-size: cover;
  height: 735px;
}*/
.subBanner .f-end {
  display: unset;
}  
.subBanner h1 {
  text-align: center;
  padding-right: 0px;  
  padding-bottom: 0px;
}
.txt-right .txt-content {
  text-align: center;
  padding: 40px 4%;
} 
.pro_feat .main_content p br {
  display: none;
}
.subBanner .line {
  position: unset;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
} 
/*.h1text {
  top: 86px;
} */ 
.borbot {
  height: auto;
  border-bottom: unset;
}
.main_content .mview > img {
  width:100%;
}
.borleft {
  border-left: unset;
  margin-top: 0;
}
.borleft.sil {
  margin-top: 50px;
}    
.txt-left .txt-content {
  padding-left: 0px; 
    margin: 50px 0;
}
.pro_feat .main_content h5 {
  font-size: 30px;
    padding: 8% 40px 20px 8%;
    margin-bottom: 0;
}
.bleft {  
  text-align: center;
  padding: 0;
}  
.mbortop {
  border-top: 1px solid #333333;
}
.wcontainer {
  width: 100%;
}
.tapvid, .tapvid2 {
    width: 74px;
    height: 100px;
}
.foot2 a, .foot2 p, .foot2 span {
  font-size: 12px;
}
.foot2 span {
  padding: 0 15px;
}
.foot1 .col-12 img {
  margin: 5px 10%;
}
.footlogo{
    text-align: center;
    margin-bottom: 10px;
}
.fcon1, .fcon2 {
    justify-content: center;
}
.mainBg1.mview {
   padding: 0 25px 95px 25px;
}
.mvid{
  width: 100%;
  vertical-align: bottom;
}
.foot1 .text-right{
  text-align: center !important;
}
/*new*/
.banner { 
    background: unset;
    height: unset;
    margin-top: 0px;
    margin-bottom: 20px;
  } 
  .banner1 {
    display: none;
  } 
  #content {
    top: 3px;
    left: 25px;
    width: 375px;
    height: 215px;
  } 
  .banner .col-md-6 {
    padding:0px;
  }
  .mainpage .wvideo {
    height: 100%;
    margin-bottom: 0px;
    padding: 0 25px; 
  }
  .button {
    top: 37%;
  }
  .popup-content {
    width: 100%;
    height: auto;
    padding: 0px 15px;
  } 
  .video {
    height: 222px;
  }  
  .silver1 iframe {
    width: 100%;
    height: 303px;
}


}
/*320 view*/ 
@media(min-width:318px) and (max-width: 320px){
  .tapvid, .tapvid2 {
      width: 100px;
      height: 76px;
  }
  .foot2 a, .foot2 p, .foot2 span {
    font-size: 12px;
  }
  .foot2 span {
    padding: 0 15px;
  }
  .warranty label {
      font-size: 14px;
      letter-spacing: -0.5px;
  }
  .mainBg1.mview .col-md-6 {
      height: auto;
    }
    .mainBg1 h1 {
        font-size: 26px;
        padding: 20px 0 0 0;
        width: 80%;
    }
    .mainBg1 p br{
        display: none;
    }
    .mainBg1 a {
        margin-top: 0;
        padding: 0 0 20px 0;
    }
     #content {
        width: 270px;
     height: 155px;
  }
}
/*320 view end*/ 
/*360 view*/ 
@media(min-width:321px) and (max-width: 360px){
  .warranty label {
      font-size: 13px;
  }
  .tapvid {
      width: 85px;
      height: 76px;
  }
  .tapvid2 {
      width: 100px;
      height: 74px;
  }
  .mainBg1.mview .col-md-6 {
      height: 180px;
    }
    .mainBg1 h1 {
        font-size: 28px;
    }
    .mainBg1 p br{
        display: none;
    }
    .mainBg1 a {
        margin-top: 0;
    }
    #content {
        width: 311px;
     height: 179px;
  }

}
/*360 view end*/
/*375 view*/ 
@media(min-width:361px) and (max-width: 375px){
  .warranty label {
      font-size: 13px;
  }
  .tapvid {
      width: 100%;
      height: 82px;
      margin-left: -10%
  }
  .tapvid2 {
      width: 100%;
      height: 82px;
      margin-right: -10%;
  }
  .mainBg1.mview .col-md-6 {
      height: 180px;
    }
    .mainBg1 h1 {
        font-size: 28px;
    }
    .mainBg1 p br{
        display: none;
    }
    .mainBg1 a {
        margin-top: 0;
    }
    #content {
        width: 325px;
      height: 187px;  
    }  
}
/*375 view end*/ 
/*400 view*/ 
@media(min-width:376px) and (max-width: 400px){
  .warranty label {
      font-size: 13px;
  }
  .tapvid {
      width: 85px;
      height: 76px;
  }
  .tapvid2 {
      width: 100px;
      height: 74px;
  }
  #content {
      width: 350px;
    height: 201px;
}
}
/*400 view end*/
/*414 view*/
@media(min-width:401px) and (max-width: 414px){
  .shadow_img {
    height: 100px;
  }
  .warranty label {
      font-size: 13px;
  }

/*  .vid.pad0{
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}*/
.tapvid {
  width: 100px;
  height: 100px;
    margin-left: -5%;
}
.tapvid2 {
    width: 140px;
    height: 100px;
}  
 #content {
    width: 364px;
    height: 208px;
}
}
/*414 view end*/
/*425 view*/
@media(min-width:415px) and (max-width: 425px){
  .shadow_img {
    height: 100px;
  }
/*  .vid.pad0{
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }*/
  .tapvid {
      width: 90px;
  }
  .tapvid2 {
      width: 140px;
      height: 100px;
  }
} 
/*425 view end*/
@media only screen and (min-width:0\0){
  .quick_link02 {
    flex-direction: row;
    max-width: 100%;
    right: 0;
    bottom: 5px;
    position: absolute;
  }
}
@media only screen and (min-width:0\0) and (max-width: 1599px) and (min-width: 1440px) {

  .benefits5 {
    width: 444px;      
  }
}
@media only screen and (min-width:0\0) and (max-width: 1439px) and (min-width: 1366px) {
  #content {
    left:51px;
  }
  .benefits5 {
    width: 444px;    
  }
  .pro_feat .subBanner {  
    height: 353px;
  }
  .subBanner {
      height: 354px;  
  }
  .silw .col-md-6 img {
    width:101.2%;
  }  


}