.h1, h1 { font-size: 17px; }
.h2, #left-col h2, h2 { font-size: 20px; color: rgb(50, 42, 126); font-weight: normal;}
@media(max-width: 767px) { #which-product h1, .page-home #left-col h2 { font-size: 23px; font-weight: 600; }#which-product h1{margin-bottom:15px;} }
.h1, .h2, .h3, h1, h2, h3 {  margin-top: 23px;   margin-bottom: 10px; }
h5 {  font-size: 15px; font-weight: bold; line-height: 1.5; }
.product-details h1{ font-size: 23px; color: rgb(50, 42, 126); font-weight: bold;  text-align: center; margin-top: 0px; margin-bottom: 15px;}
h2 span { font-weight: 600; }
.col-left h2 { margin-top: -21px; font-size: 14px; }
.col-left p { font-size: 11px; }
.navbar-nav {  margin: 0px -5px; }
.navbar-default .navbar-nav>li>a { color: #322a7e; }
.navbar-default .navbar-nav>li>a:hover { color: #009d9b; background-color: transparent;}
.navbar-default .navbar-nav>li>a:focus { color: #b42196; background-color: transparent;}
.nav>li { position: relative; display: block; border-bottom: 1px solid #000000; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus { color: #322a7e; background-color: rgb(235, 213, 243); }
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #322a7e; background-color: #fcf5ff;  }
.navbar-default .navbar-nav>.open>a:hover { background-color: #a87cb7; color:#ffffff; }
.nav>li:last-child { position: relative; display: block; border-bottom: 0px solid #000000; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 10px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; }
.navbar-default .navbar-toggle { border-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #322a7e; }
.navbar-brand { padding: 0px 15px; }
.navbar-toggle .icon-bar { display: block; width: 34px; height: 4px; border-radius: 1px; }
figure.product-photo { margin-bottom: 18px; }
.page-content { display: block; flex-flow: row nowrap; align-items: stretch; }
.author span { font-weight: bold;  }
.author a { font-style: italic; font-weight: 600;}
/* ==========================================================================
   Mobile Search Button 
   ========================================================================== */
.box { float:left; margin-top: 10px; }
.mobile-search { width: 170px; vertical-align: middle; white-space: nowrap;	position: relative; }
.mobile-search input#search { width: 36px; height: 36px; border-radius: 23px;  border: 1px solid #b995c7; border-top-color: #cba7d8;
	border-bottom-color: #a783b5;  background: #ecf0f1;	font-size: 10pt; float: left;	
	-webkit-transition: width .55s ease;
	-moz-transition: width .55s ease;
	-ms-transition: width .55s ease;
	-o-transition: width .55s ease;
	transition: width .55s ease;
}
.mobile-search .icon { color: #4f5b66;	left: 0;	margin-left: 7px;	margin-top: 6px;	position: absolute;	top: 50%;	z-index: 1; }
.mobile-search .icon img { width: 51%; }
.mobile-search input#search:focus, .mobile-search input#search:active{ outline:none; width: 270px; padding-left: 36px; } 
.mobile-search:hover input#search{ width: 234px; padding-left: 36px; } 
.mobile-search:hover .icon{ color: #93a2ad; }
.reverse-row { display: flex;  flex-direction: column-reverse; }
.col-center-block { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; }
.tabs { margin-top: 25px; }
@media(max-width:767px) { #kyb .tabs { margin-top: 15px; } }

@media(min-width:768px) {
	.h1, h1 { font-size: 2em; }
	.h2, #left-col h2, h2 { font-size: 30px; color: rgb(50, 42, 126);}
	.tabs h2 { font-size: 20px; text-align: center  }
	.h1, .h2, .h3, h1, h2, h3 {  margin-top: 20px;   margin-bottom: 10px; }
	.product-details h1{ font-size: 32px; font-weight: bold; text-align: left;}
	.product-details h2{ font-size: 28px; font-weight: normal; }
	.nav>li { position: relative; display: block; border-bottom: 0px solid #000000; }
	.navbar-nav { float: left; margin: 0; }
	.reverse-row {  display: block; flex-direction: column-reverse;  }
	.reverse-row .buttons { float: left; }
	.nav-tabs>li {  float: left;  margin-bottom: -2px; }
	.nav-tabs {  border-bottom: 4px solid #a677c3; }
	figure.product-photo { margin-bottom: 0px; }
	.col-left h2 { margin-top: 23px; font-size: 20px; }
	.col-left p { font-size: 14px; }
}

/* ==========================================================================
   Desktop Tab, Accordion in Mobile
   ========================================================================== */

@media (max-width: 767px) {
	.tab-list { display: none;}
	.tabs.enabled .tab-heading { cursor:pointer; }
	.tabs.enabled .tab-heading.active-tab-heading { cursor: default; }
	.hidden-mobile { display: none;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 10px 25px;}
    .navbar-nav ul.dropdown-menu li { border-bottom: 1px solid #000 }
    .navbar-nav ul.dropdown-menu li:last-child { border-bottom: 0px solid #000 }
    .dropdown-menu { padding: 0px 0; }
    .rephresh-tabs .tabs-wrapper { margin-left: -15px; }

}

@media (min-width: 768px) {
	.tabs.enabled .tab-heading { display: none;}
	.tab-list li { display: inline; cursor:pointer;}
	.hidden-mobile { display: block !important;}
}

.tab-panel { margin-bottom: 0px; box-shadow: 2px -9px 2px 0px rgba(74, 46, 84, 0); margin: auto; padding-top: 0px; padding-right: 0px}
#kyb .tab-panel { box-shadow: 0px -17px 20px 0px rgba(74, 46, 84, .0);  margin-top: 0px;}  
.tabs.enabled .tab-heading:focus,
.tabs.enabled .tab-list li:focus { outline: 1px solid #ccc;  }
.tabs.enabled .tab-heading.active-tab-heading:focus,
.tabs.enabled .tab-list li.active-tab:focus { outline: none !important;}

@media (max-width: 767px) {
	#product-detail-tabs .tabs.enabled .tab-heading {margin: 4px -15px 4px -15px; }
   .tabs.enabled .tab-heading { padding: 0.7em; position: relative; border: 0px none; background: #ebd5f3; color: #322a7e; font-size: 20px; font-weight: 600; text-align: left; margin: 4px 0px 0px 0px; }
   .tabs.enabled .tab-heading:after { content: ""; display: block; position: absolute; background-image: url(../img/plus-icon.png); width: 37px; height: 29px; right: 10px; top: 13px; background-repeat: no-repeat; background-size: 68%; }
   .tabs.enabled .tab-heading.active-tab-heading { z-index:1; box-shadow: 7px -4px 14px 0px rgba(74, 46, 84, .26); padding: 0.7em; position: relative; border: 0px none; background: #a677c3; color: #fff; font-size: 20px; font-weight: 600; border-bottom-right-radius: 26px; display: block; }
   .tabs.enabled .tab-heading.active-tab-heading:after { border: 0px none; background: #a677c3; color: #fff; font-size: 20px; font-weight: 600; background-image: url(../img/minus-icon.png); right: 10px; top: 13px; background-repeat: no-repeat; background-size: 68%; }
   #product-detail-tabs .tab-panel { margin-bottom: 0px; box-shadow: 3px 3px 3px 0px #d1d2d3; margin: -38px -13px 0 0; padding-top: 29px;padding-right: 10px}
   #kyb .tab-panel { box-shadow: 2px 3px 3px 0px #d1d2d3; margin-top: -25px;}    
   #tablist1-panel1 ol { margin-bottom: 0; }  #tablist1-panel1 ol li { margin-bottom: 10px; }   
   #panel { display: none; height: 576px; margin-top: 27px;} 
   .reph-parallax-clean #panel { height: auto; } 
}

@media (min-width: 768px) {
	.tab-list {border-bottom: 3px solid #a677c3; display: flex;  flex-flow: row nowrap;  justify-content: space-between; padding: 0;}
	.tab-list li {  font-size: 16px; font-weight: 600; color: #a677c3; width: 25%; padding: 10px 15px; text-align:center; display: flex;
    align-items: center; justify-content: center;}
	.tab-list li:hover {background: #efefef }
	.tab-list li.active-tab { border: 0px none; background: #a677c3; color: #fff;  font-size: 16px;  font-weight: 600; display: flex;
    align-items: center; justify-content: center;}
	.tab-list li.active-tab:first-child {   border-top-left-radius: 26px; }
	.tabs-wrapper { width:90%; margin:0 auto; }
	#panel { display: block; height: auto; margin-top: 0px;} 
}
/*multi-language setting*/
.lang-manu{
     margin-left: 20px;
	 margin-top:10px;
}
.lang-manu .btn{
     /*background: transparent;
     box-shadow: none;
     padding-right: 5px;*/
    background: #375BB3;
    box-shadow: none;
    padding-right: 5px;
    border: 1px solid rgb(235, 213, 243);
    color: #322a7e;
    font-weight: bold;
    font-size: 13px;
    background-color: rgb(235, 213, 243);
    box-shadow: inset 0px 3px 7px 0px rgba(74, 46, 84, .26);
}
.lang-manu .dropdown-menu{
     border-radius: 3px;
     min-width: initial;
     padding: 0;
     -webkit-box-shadow: 0px 3px 15px 0px rgba(1, 1, 1, 0.11);
     box-shadow: 0px 3px 15px 0px rgba(1, 1, 1, 0.11);
}
.lang-manu:hover .caret,.lang-manu.open .caret{
    color: #da3743;
}
.lang-manu .dropdown-menu a img{
     margin-right: 5px;
     margin-bottom: 5px;
     margin-top: 1px;
}
.lang-manu .dropdown-menu{
    padding: 10px 0;
}
.lang-manu .dropdown-menu > li > a{
    padding: 5px 15px;
    background: transparent;
}
.lang-manu .dropdown-menu > li > a:hover{
    color: #da3743;
}
.lang-manu .caret{
     margin-bottom: 2px;
     margin-left: 2px;
}
.navbar-form {
    margin-top: 12px;
}
.container {
    width: 1192px;
	max-width: 100%;
}