.box-cart .login-a {display:none;}
          .box-cart .login-a.wishlist a:before {content: "\e94b";}
          .home2 {display:none;}
	.common-home {
		background:#230448 url(../image/bg1.jpg) no-repeat fixed 50% 50%;
		background-size:cover;
		
	}
	.common-home #content > .b-cat2 a {display:inline-block;margin:10px;}
	.common-home footer {margin-top: 0;}
	.common-home header {margin-bottom: 20px;}
	.common-home #top,.common-home .top-menu,.common-home  .home1,.lk-mob {display:none !important;}
	.common-home #column-left {max-width:300px;padding:0;}
	.common-home .home2 {display:block;}
	.common-home .footer-top,.common-home .header-inner,.common-home #btn-search-category {background:none;}
	.common-home .category-module h3 {display:none;}
	.common-home .category-module {
background:rgba(0,0,0,.5);
border:3px solid #fff;
border-radius:15px;
padding:10px;
-webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
}
	.common-home .category-module .li a {color:#fff;font-size:21px;text-decoration:underline;}
	.common-home .category-module .li {padding-bottom:5px;}
	.common-home .category-module .in {padding-bottom:0;}
	.common-home .category-module .top10 {padding-top:10px;}
	.common-home .category-module .top20 {padding-top:20px;}
	.common-home .category-module .li > a {text-transform:uppercase;}
	.common-home .category-module .in > a {text-transform:none;font-size:16px !important;padding:0;}
	.common-home .footer-title,.common-home .footer-content,.common-home .footer-bottom  {display:none;}
    .common-home #search-by-category .search-container #text-search {background:none;color:#fff;border:2px solid #fff;border-radius:10px;padding-left:45px;padding-right:25px;}

	.common-home #sp-btn-search {left:0;right:100% !important;}
	.common-home #text-search::-webkit-input-placeholder {color:#fff; opacity:1;}/* webkit */
    .common-home  #text-search::-moz-placeholder {color:#fff; opacity:1;}/* Firefox 19+ */
    .common-home #text-search:-moz-placeholder {color:#fff; opacity:1;}/* Firefox 18- */
    .common-home #text-search:-ms-input-placeholder {color:#fff; opacity:1;}/* IE */
	
	.common-home .box-cart .wishlist a:before,.common-home #cart > button:before {color:#fff;}
	.common-home .box-cart .wishlist a:hover:before,.common-home #cart > button:hover:before {color:#fff;}
	.common-home #cart-total .total-price {color:#fff;}
	.common-home .box-cart .wishlist a .count, .common-home #cart-total .txt_number {color:#000;background:#fff;}
	.common-home .box-cart .login-a.wishlist a:before {content:"\e94b";}
          .home2 .box-cart .login-a.wishlist a:before {content:"\e94b";}
	.common-home .box-cart .login-a {content:"\e94b"; display:inline-block;}
	.common-home #search-by-category {max-width: 350px;}
	.common-home .telephone2 {position:absolute;right:0;top:12px;font-size:18px;z-index:10;}
	.common-home .telephone2 a  {color:#fff;text-decoration:none;}
	.small-menu {font-size:16px;position: relative;top: 10px;}
	footer .small-menu {top:0;}
	.small-menu a,.small-menu a:hover {color:#fff;text-decoration:underline;margin-right:20px;}
	.soc-icons {text-align:right;}
	.soc-icons img {width:36px;height:36px;position:relative;z-index:5;}
	.soc-icons a {display:inline-block;width:40px;height:40px;position:relative;}
	.soc-icons a:after {width:30px;height:30px;border-radius:50%;background:#fff;content:"";position:absolute;top:3px;left:5px;display:block;z-index:1;}
	.soc-icons .yt-icon {width:40px;height:40px;}
	.main-box1 {color:#fff;padding-left:100px;overflow:hidden;}
	.main-box1 h1 {text-transform:uppercase;font-size:27px;padding:0px 0 0px;color:#fff;font-weight: normal;}
	.main-box1 p {font-size:24px;}
	.common-home .logo-container {margin-left:0 !important;}
	.common-home .top-search {left:33%;max-width: 400px;}
	.common-home .box-cart {top:100% !important;}
	.logo .home2 {max-width: 230px;}


@media (min-width: 1199px) {
.common-home  .container {
    width: 95%;
}
.common-home .top-search {left:28%;max-width: 30%;}
.main-box1 h1 {font-size:40px;}
.main-box1 p {font-size:28px;}
.logo .home2 {max-width: 100%;}
.common-home #column-left {max-width:300px;}

.common-home #sp-btn-search {left:10px;}

.common-home #content > .b-cat2 a:nth-child(1),.common-home #content > .b-cat2 a:nth-child(6) {margin-left:0;}  
}

@media (min-width: 1450px) {
.common-home #search-by-category {max-width: 450px;}	
.main-box1 h1 {font-size:40px;}
.common-home #search-by-category {margin-left:-10px;}
.main-box1 {color:#fff;padding-left:0px;}
.common-home .top-search {left:420px;}
}

@media (min-width: 1230px) {
	.common-home .telephone2 {position:absolute;right: 320px;top:30%;font-size:20px;}
	.common-home .box-cart {top:50% !important;}
	.common-home #sp-btn-search {left:10px;}
	.common-home #cart-total {color:#fff;}
}

@media (max-width: 990px) {
.common-home .d-none {display:none !important;}
.common-home footer .col-footer:nth-child(3) {clear:none;}
}
@media (min-width: 1420px) {

.common-home .top-search {left:480px;max-width: 400px;}
.common-home #sp-btn-search {left:16px;}
}
@media (min-width: 1650px) {
.common-home #search-by-category {max-width: 650px;}	
.common-home #search-by-category .search-ajax {left:16px;}
}

@media (max-width:988px) {
.common-home .telephone2 {position:absolute;right:0;top:40px;font-size:18px;z-index:10;}

.common-home .logo-container {margin-left:50px !important;}
.common-home header .small-menu,.common-home .box-cart,.common-home #logo,.common-home .search-content .button-close,.common-home .search-button {display:none !important;}
.common-home .search-content {
display: block !Important;
    position: relative;
    top: auto;
    left: auto;
    float: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
}
.common-home #search-by-category .search-content .search-container #text-search {height:34px;font-size:14px;background:#fff;color:#000;border: 1px solid #fff;border-radius: 4px;padding-left:35px;padding-right:5px;font-size:12px;}

.common-home #text-search::-webkit-input-placeholder {color:#777; opacity:1;}/* webkit */
    .common-home  #text-search::-moz-placeholder {color:#777; opacity:1;}/* Firefox 19+ */
    .common-home #text-search:-moz-placeholder {color:#777; opacity:1;}/* Firefox 18- */
    .common-home #text-search:-ms-input-placeholder {color:#777; opacity:1;}/* IE */
.common-home header {
    margin-top: 20px;min-height: 70px;
}
.common-home #btn-search-category {
   
    border: 0;
    line-height: 34px !important;
    width: 34px !important;
    padding: 0;
    box-shadow: none !important;
    margin: 0;
    font-size: 18px !important;
    color: #777 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.common-home  .mobile-menu .oc-menu-bar .left i {color:#fff;}
.common-home  .col-menu-mobile {
    -moz-transform: translateY(-27%);
    -webkit-transform: translateY(-27%);
    -o-transform: translateY(-27%);
    -ms-transform: translateY(-27%);
    transform: translateY(-27%);
	z-index:13;
}
.common-home .top-search {
    left: 30px;
}
.common-home .search-content .container {
    position: static;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-right: 0;
}
.common-home #search-by-category .btn-group {display:block;}
.common-home .top-search {right:0;}

.common-home .lk-mob {display:block !important;position:absolute;top:45px;left:0;}
.common-home .lk-mob a,.common-home .lk-mob a:hover {color:#fff;text-decoration:underline;}
.common-home #content {
	display: flex;
	flex-direction: column;
}
.common-home .main-box1 {padding-left:0;}
.common-home .main-box1 .clear {display:none;}
.common-home .main-box1 h1 {font-size:20px;}
.common-home .main-box1 p {font-size:14px;}
.common-home #content > .b-cat2 {order: 3;text-align:center;} 
.common-home #content > .b-cat2 img {max-width:150px;}
.common-home #content > .col-md-3 {order: 2;}
.common-home #content > .b-cat1 {order: 1;}
.common-home #column-left {margin-top:10px;}
.common-home .small-menu {max-width: 120px;}
.common-home footer {margin-top:30px;background: #777;}
.common-home .footer-top {padding:15px 0;}
.common-home footer .col-footer {margin-bottom:0;}
.common-home #search-by-category,.common-home .top-search {max-width:80%;}
.common-home .top-search {position:absolute !important;right:0 !important;}
}

@media (min-width:768px) and (max-width:988px) {
.common-home .top-search {margin-top: -27px !important;left:45px !important;}
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:inline-block;
   padding: .3em .6em .3em 1.5em;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
}
summary:before {  
  left: .3em;
  top: .4em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding:0 1em 0 1em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
details{
  display:block;
  margin-bottom: .5rem;
}
.common-home .category-block {
  background-size: cover;
  height: 192px;
  cursor: pointer;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 25px;
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 500;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: uppercase;
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 1);
}
}
@media (min-width: 768px) {
.common-home .category-block {
  height: 150px;
  font-size: 10px;
}
.top-search {
    margin-top: -15px;
}
}
@media (max-width: 988px) {
.common-home .category-block {
  height: 150px;
  font-size: 14px;
}
.top-search {
    margin-top: -10px;
    top: 0px;
}
}
@media (min-width: 992px) {
.common-home .category-block {
  height: 150px;
  font-size: 10px;
}
}
@media (min-width: 992px) and (min-width: 988px) {
.common-home .category-block {
  height: 150px;
  font-size: 10px;
}
}