@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:wght@500&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

@font-face {
    font-family: 'roma_light';
    src: url('/fonts/Roma Light.ttf');
}
.notification-bar {
    background-color: #fff;
    color: #000;
    padding: 10px;
    font-size: 16px;
    display:flex;
    width: 100%;
    align-items: center;
}
.message {
    flex: 1;
    text-align: left;
    padding-left: 4.7rem;
    font-size:small;
  }
  
.delivery-zipcode {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-right: 4.7rem;
    font-size:small;

}

.location-info {
    font-size: 14px;  
    font-weight: 700;
    margin-left: 8px; 
    margin-right: 8px; 
    display: flex;  
    align-items: center;  
    color: #292f7c; 
}

.layout {
    display: contents;
    justify-content: center;
    gap: 20px;

}

 /*Sub-ottom text;*/
.Buy-text-container {
    text-align: center;
    font-family: Arial, sans-serif;
}

.Buy-text-container p {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.dots {
    margin-top: 10px;
    font-size: 32px;
    line-height: 0.5;
}
    /*features;*/
.features-images-container {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    overflow: hidden; 
}
.features-image {
    max-width: 300px;
    height: auto;
    margin: 5px;
    flex: 1 1 auto;
}
    
    /*contact-us style;*/
.contact-us-hr {
    border: 0;
    height: 2px;
    width: 20%;
    background: #272e7c;
    margin: 20px 0;
}
.contact-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 50px;
    gap: 80px;
}

.contact-info {

}

.contact-info h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.contact-info p {
    font-size: 16px;
    margin: 5px 0;
    text-align: left;
}

.phone-number {
    font-size: 20px;
    color: #1e90ff;
    font-weight: bold;
}

.contact-form {
    width: 600px;
}

.contact-form form {
    display: flex;
    flex-direction: column;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
}

.contact-form textarea {
    resize: vertical;
    height: 150px;
}

.contact-form button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.contact-form button:hover {
    background-color: #28a745;
}
@media (max-width: 768px) {
    .side-menu-wrapper{
        display: none;
    }
    .contact-container {
        flex-direction: column;
    }

    .contact-info, .contact-form {
        width: 100%;
    }
    .filterandsort {
        padding-top: 10px;
    }
    .layout {
        display: flex;
        flex-direction: column;
    }
}
    /*contact-us style end;*/
.card-box {
    width: 280;
    height: 300;
    border: #444;
    box-shadow: 0 20px 30px  #3333330b;
}
.div_box {
    width: 200px;
    height: 200px;
    background-color:#0066C0
}
body {
    font-family: 'roboto', sans-serif;
    outline: none !important;
    overflow-x: hidden;
    overflow-y: scroll !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
    background: #fff;
}
section img {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
section img:hover {
    /*opacity:0.85;*/
}
h1 {
    margin-top: 0px;
    font-weight: 500;
    line-height: 26px;
    font-size: 26px;
    padding: 0px;
}

h3 {
    margin-top: 0px;
}

p {
    margin-top:15px;
    font-size: 12px;
}

.wrapper {
    margin: 0 auto;
}

.s_wrapper {
    margin: 0 auto;
    padding-top: 70px;
}
#menu-text{
    letter-spacing: normal;
}

@media only screen and (max-width: 1023px) {
    #menu-text{
        display:none;
    }
    .notification-bar {
        display: none;
    }
    .s_wrapper {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .delivery-zipcode img{
        width: 25px;
        height: auto;
    }
    .filterandsort {
        padding-top: 10px;
    }

    .lihide {
        display: none !important;
    }

    .content-wrapper {
        position: relative;
        /* top:160px; */
        min-height: 500px;
    }

    

    .footer-menu-txt .navbar-nav {
        float: right !important;
    }
}

a {
    color: #384088;
    /*text-decoration: initial !important;*/
}

ul, ol {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.wrapper {
    width: 100% !important;
}

@media (min-width: 768px) {
    .wrapper {
        width: 750px;
    }

    #account-menu {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .wrapper {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .wrapper {
        width: 1170px;
    }
}

@media (max-width: 767px) {
    
    header {
        border-bottom: 1px solid #e5e5e5;
    }

    h1 {
        margin-top: 20px;
        font-size: 26px;
    }
}

.product-thumb .active {
    border: none;
}


/*=================== Header ====================*/

header {
    background: #fff;
}

/*header .header-wrapper .container {*/
/*position:relative;*/
/*min-height:99px;*/
/*padding:0px;*/
/*}*/
.container--giga-narrow {
    width: 600px;
}
header a {
    color: #444;
}

header .searchbar {
    max-width: 130px;

}

.action-header {
    /*opacity:.9;*/
}

.btn-search {
    color: #fff;
    background-color: #000;
    border-color: #aaa;
    border-radius: 0px !important;
}

.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
    color: #fff;
    background-color: #000;
    border-color: #222;
}

.btn-search:active,
.btn-search.active,
.open > .dropdown-toggle.btn-search {
    background-image: none;
}

.btn-addtocart {
    color: #fff;
    background-color: #272f7d;
    border-radius: 50px !important;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0em;
    height: 50px;
    padding: 0;
    width: 100%;
}

.btn-addtocart:hover,
.btn-addtocart:focus,
.btn-addtocart:active,
.btn-addtocart.active,
.open > .dropdown-toggle.btn-addtocart {
    border: 1px solid #000 !important;
    color: #000;
    background-color: #c0c0c0;
    border-color: #222;
}

.btn-addtocart:active,
.btn-addtocart.active,
.open > .dropdown-toggle.btn-addtocart {
    background-image: none;
}

.btn-addtowishlist {
    color: #111;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0px !important;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0em;
    padding: 12px 0;
}

.btn-addtowishlist:hover,
.btn-addtowishlist:focus,
.btn-addtowishlist:active,
.btn-addtowishlist.active,
.open > .dropdown-toggle.btn-addtowishlist {
    color: #111;
    background-color: #fff;
    border-color: #aaa;
}

.btn-addtowishlist:active,
.btn-addtowishlist.active,
.open > .dropdown-toggle.btn-addtowishlist {
    background-image: none;
}

.btn-addtocart img {
    width: 20px;
    position: relative;
    top: -2px;
    margin-right: 2px;
    display: none;
}

.btn-addtowishlist img {
    width: 16px;
    position: relative;
    top: -2px;
    margin-right: 2px;
    display: none;
}


.btn-account {
    color: #fff;
    background-color: #292f7c;
    border-color: #292f7c;
    border-radius: 25px !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    height: 40px;
    line-height: 28px;
}

.btn-account:hover,
.btn-account:focus,
.btn-account:active,
.btn-account.active,
.open > .dropdown-toggle.btn-account {
    color: #fff;
    background-color: #333;
    border-color: #222;
}

.btn-account:active,
.btn-account.active,
.open > .dropdown-toggle.btn-account {
    background-image: none;
}

.btn-checkout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border: 1px solid #292f7c;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: white;
    background-color: #292f7c;
    border-radius: 25px;
}

.btn-checkout:hover,
.btn-checkout:focus,
.btn-checkout:active,
.btn-checkout.active,
.open > .dropdown-toggle.btn-checkout {
    color: #fff;
    background-color: #333;
    border-color: #222;
    transition: 0.3s all ease-in;
    text-decoration: none;
}

.btn-checkout:active,
.btn-checkout.active,
.open > .dropdown-toggle.btn-checkout {
    background-image: none;
}

.form-control {
    border-radius: 0px;
}

.block {
    /*	margin-bottom:10px;*/
}

#searchByWeb {
    margin: 35px 0px 0px 20px;
    display: inline-block;
}

#searchByMobile {
    margin: 0px;
    float: left;

    /*display:none;*/
}


.header-wrapper .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #333;
    background-color: transparent;
}

.header-wrapper .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: transparent;
}

.header-wrapper .navbar-default {
    background-color: white;
    border: none;
}

.header-wrapper .navbar {
    min-height: 0px;
}

header .logo {
    /*	    position: absolute;*/
    /*		top: 31px;*/
    /*		left: 12.5%;*/
    width: 260px;
    height: auto;
}

.password-container {
    position: relative;
    display: flex;
    align-items: center;
}

.show-button {
    position: absolute;
    right: 10px; /* 인풋 필드 오른쪽에 위치 */
    background: none;
    border: none;
    cursor: pointer;
}

    .show-button img {
        width: 20px;
        height: 20px;
    }

@media (min-width: 768px) and (max-width: 1440px) {

    header .sideLogo {
        position: relative;
        top: 5px;
        float: right;
        width: 110px;
        margin-left: 15px;
    }

    header .logo {
        width: 150px;
        height: auto;
    }


}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    header .sideLogo {
        display: none;
    }
    .container--giga-narrow {
        width: 100%;
    }

    header .logo {
        padding-top: 12px;


    }

    header .navbar-nav {
        margin: 0px 0px 15px 0px;
    }

    header .navbar-toggle {
        position: absolute;
        top: 7px;
        right: 0px;

    }

    header .navbar-toggle .icon-bar {
        background: #333;
        height: 1px;
        width: 20px;
    }

    header .navbar-collapse {
        padding: 0px;
    }

    header .nav > li > a {
        padding: 10px 20px;
        text-align: left;
    }


    .mobileicon-categorymenu {
        float: none;
        font-size: 17px;
        margin: 0 !important;
    }

    #searchByWeb {
        display: none;
    }

    /*#searchByMobile{
		display:inline-block;
	}*/
    .inputSearch {
        /*background-color : black;*/
        /*border-bottom : 2px solid gray;*/
        /*color : white;*/
    }

}

/* Alert */
.alert {
    padding: 10px;
    border-radius: 0px;
    position: relative;
    text-align: center;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    top: 4px;
    right: 15px;
    color: inherit;
    font-size: 30px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/* Menu */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    /*position: static;*/
}

@media (min-width: 992px) {

    .yamm .dropdown.yamm-fw .dropdown-menu {
        left: 0px;
        width: 750px;
    }

    .wrapper {
        width: 970px;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        width: 970px;
    }


}

@media (min-width: 1200px) {
    .wrapper {
        width: 1170px;
    }

    .yamm .dropdown.yamm-fw .dropdown-menu {
        width: 1170px;
    }
}


@media (max-width: 767px) {

    .drop-list {
        padding: 0px;
    }

    .drop-list li {
        line-height: 20px;
    }

    .drop-list li a {
        display: block;
        padding: 5px 25px;
        text-decoration: none;
    }

    .yamm .yamm-content {
        padding: 0px;
    }

}

.swatch p {
    padding: 0px;
    margin-bottom: 0px;
}

header.topMenuLeft :hover {
    color: white;

}

header.topMenuRight :hover {
    color: black;
}

footer .container-fluid {
    max-width: 1220px;
}

.topsite:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/*=================== Main Banner ====================*/
/*=================== Main Banner ====================*/
.banner-wrapper {
    /* margin-top : 130px;	 */
    /*	margin-bottom:30px;*/
}

@media only screen and (min-width: 1024px) {
    .banner-wrapper {
        /* margin-top : 108px; */
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .banner-wrapper {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    footer a#dropdownMenu2{
        font-weight:900;
        position: relative;
        padding-bottom:20px;
    }

    footer ul.dropdown-menu{
        display:block;
        border:0;
        box-shadow:none;
        position:static;
    }
}

@media only screen and (max-width: 767px) {
    .banner-wrapper {
        margin-top: 0px;
    }

   
}

.banner-wrapper .bxslider img {
    width: 100%;
    object-fit: cover;
}

.banner-wrapper .bx-wrapper {
    margin-bottom: 40px;
}

.product-detail-image .bx-wrapper {
    max-width: 500px;
}
.product-image-detail li {
    max-width: 500px;
}


@media only screen and (max-width: 1460px) {
    .product-image-detail li {
        max-width: 100%;
    }
    .product-detail-image .bx-wrapper {
        max-width: 100%;
    }
}
.bx-viewport {
    height: auto !important;
}

.banner-wrapper .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-pager-link.active {
    background: #000 !important;
}

.bx-pager-link {
    background: transparent !important;
    border: 1px solid #666;
    width: 15px !important;
    height: 5px !important;
    border-radius: 100px !important;
    margin: 0px 3px !important;
}
.banner-wrapper .bx-controls {
    display: block;
    bottom: 50px;
    z-index: 9999;
    width: 100px;
    text-align: right;
    right: 0px;
}
.swatchimage .bx-controls {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 100%;
}

.swatchimage .bx-controls-direction > a{
    display:inline-block;
    width:8px !important;
    height:10px !important;
    padding:10px;
}

@media only screen and (max-width: 767px) {
    .banner-wrapper .bx-controls {
        display:block;
    }
    .swatchimage .bx-controls {
        display: block;

    }
}
.swatchimage .bx-controls-direction{
    display:flex;
    justify-content: space-between;
}
.swatchimage .bx-wrapper .bx-next{
    right: 10px;
    background: url(/images/arrow-right.svg) no-repeat;
    background-position-x: 100%;
}
.banner-wrapper .bx-controls-direction {
    display: none
}

/*=================== Tile Banner ====================*/
.tile-banner-wrapper-type1 {
    margin-bottom: 10px;
}

.tile-banner-wrapper-type1 .container {

}

.tile-banner-wrapper-type1 img {
    margin-bottom: 10px;
    width: 100%;
}

.tile-banner-wrapper-type2 {
    padding: 0px;
    margin-bottom: 0px;
}

.tile-banner-wrapper-type2 img {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .tile-banner-wrapper-type2 .container {
        width: 100%;
        padding: 0px;
    }
}

/*=================== Pop Slide ====================*/
.pops-promotion {
    position: fixed;
    top: 50%;
    right: -400px;
    z-index: 99999;
    transition: 1s all;
    -webkit-transition: 1s all;
}

.pops-promotion:hover {
    right: 0px;
}

/*=================== Featured Item  ====================*/
.featured-product-wrapper {
    margin: 30px 0px;
}

.featured-product-wrapper .container {
    width: 100%;
    margin: 0 auto;
}

.featured-product-wrapper h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
}

/*=================== Product List Item  ====================*/
.product-item-box2 {
    display: flex;
    justify-content: center;
    
    
}
.product-list-wrapper {
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    clear: none;
    background-color: #FFF;
    padding: 0px; 
    /*border: 1px solid #e5e5e5;*/
}

.header-left-li .dsinleft2 {
    color: #000 !important;
}

@media (max-width: 767px) {
    .product-item-box2 {
    overflow-x: auto; 
}
    /*.product-list-wrapper:nth-child(2n) {
        padding-left: 7.5px;
    }

    .product-list-wrapper:nth-child(2n+1) {
        padding-right: 7.5px;
        clear: both;
    }*/.bx-wrapper .bx-controls-direction a{height:36px;}
    .bx-wrapper .bx-prev{background-position: 0 -45px;}
    .bx-wrapper .bx-next{background-position: -43px -45px;} 
    .s-banner-wrapper{margin-top:10px; margin-bottom:20px;}
    .product-list-wrapper {
        margin-bottom: 5px;

    }
}

@media (min-width: 992px) {
    /*.product-list-wrapper:nth-child(4n+3) {
        padding: 0 3px 0 6px;
    }

    .product-list-wrapper:nth-child(4n+2) {
        padding: 0 6px 0 3px;
    }

    .product-list-wrapper:nth-child(4n+1) {
        padding: 0 9px 0 0;
    }

    .product-list-wrapper:nth-child(4n) {
        padding: 0 0 0 9px;
    }*/

    .featured-product-wrapper .product-list-wrapper:nth-child(4n+1) {
        clear: none;
    }
}

/*
@media (min-width:768px) and (max-width:991px) {
	.product-list-wrapper:nth-child(3n+1) {
		clear:both;
	}
}
*/

.product-list {
    position: relative;
    text-align: center;
    padding: 10px;
    background: #fff;
}

.product-list-img {
    text-align: center;
    position: relative;
    height: 300px;
    display: table-cell;
    vertical-align: middle;
}

.product-list-img img {
    width: 230px;
    padding: 10px;
    max-height: 250px;
    object-fit: scale-down;
}

.product-list-price {
    margin-bottom: 6px;
}
.category_price {
    padding: 10px 0 20px 0;
}
.product-list-name a {
    color: #333;
    text-decoration: none;
    font-size: 13px;
    /*	text-transform:uppercase;*/
    line-height: 14px;
}

.product-list-price-wrapper {
    display: inline-block;
    margin-top: 0px;
}

.product-list-price-wrapper .product-price-onsale, .product-list-price-wrapper .product-price-retail {
    font-size: 12px;
    /*float:left;*/
}

.product-detail-price-wrapper .product-price-onsale .piece-price, .product-detail-price-wrapper .product-price-retail .piece-price {
    font-size: 12px;
    display: block;
    margin-bottom: 0px;
    margin-top: 7px;
}

.product-list-price-wrapper .product-price-onsale {
    font-weight: bold;
}

.product-list-price-wrapper .product-price-discount {
    color: red;
    text-decoration: line-through;
}

.product-list-price-wrapper .product-price-retail {
    text-decoration: line-through;
    margin-left: 5px;
    color: #777;
}

.product-list .selectricWrapper {
    width: 80px;
}

.swatch {
    display: inline-table;
    clear: both;
}

.product-swatch {
    display: flex;
    flex-direction: column;
    clear: both;
}

.product-list-price-wrapper .swatch {
    margin-top: 0px;
}

.product-list-swatch span {
    width: 16px !important;
    height: 16px !important;

}

.swatch span {
    border: 1px solid #b4b4b4;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
    /*	-webkit-border-radius: 50%;
  border-radius: 50%;*/
    /*cursor:pointer;*/
    width: 20px;
    height: 20px;
    background-position: center !important;
    background-size: 20px !important;

}

.swatch span.selected, .swatch span:hover {
    /*	border-color:#000;*/
    border: 1px solid #000;
}

.product-promotion {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}

.quickview-container {
    opacity: 0;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    position: absolute;
    width: 100%;
    bottom: 50px;
    top: 48%;
    display: none;
}

.btn-quickview {
    background: #fff;
    color: #fff;
    padding: 10px 15px;
    color: #000 !important;
    text-decoration: none !important;
}

.product-list-img:hover .quickview-container {
    opacity: 1;
}

.wishlist-item .product-list {
    padding: 20px 10px 10px;
    border: 1px solid #ccc;
}


@media (max-width: 767px) {
    .quickview-container {
        display: none !important;
    }
    .row-in{
        margin-left:-15px;
        margin-right:-15px;
    }
    .product-list-img {
        height: 250px;
        text-align: center;
        position: relative;
        height: 300px;
        display: contents;
        vertical-align: middle;
    }
}


/*=================== Category ====================*/
.subtitle-wrapper {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 140px; /* 섹션 높이 */
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    /*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/
}

.subtitle-wrapper .overlay {
    position: absolute;
    width: 1280px;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); /* 어두운 오버레이 */
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 10px;
}

.subtitle-wrapper h2 {
    z-index: 1;
    font-size: 2rem;
    margin: 0;
}
.price-rounded-button {
    display: inline-block;
    padding: 5px 18px;
    font-size: 12px;
    color: white;
    background-color: #272e7c;
    border: none;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-addtocart-product {
    width: 100%;
    margin-top: 10px;
    padding: 5px 18px;
    font-size: 12px;
    color: #fff !important;; 
    background-color: #272f7d !important;;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0em;
    border: none !important;
}

/* 마우스를 올렸을 때 */
.btn-addtocart-product:hover {
    color: #000 !important;
    background-color: #c0c0c0 !important;
    border: none !important;
}

.btn-addtocart-product:active {
    color: #fff !important;;
    background-color: #272f7d !important;
    border: none !important;
}

.category-wrapper, .product-wrapper {
    margin: 0 auto;
    padding: 0px 0px;
}

.lnb li > a, .lnb_featured a {
    font-size: 13px;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;
    text-transform: capitalize;
}

.breadcrumb {
    display: table-cell;
    vertical-align: middle;
    background: none;
    padding: 0px;
    font-size: 11px;
    text-transform: uppercase;
    height: 36px;
    border-radius: 0px;
    /* border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; */
    margin-bottom: 20px;
}

.breadcrumb a {
    color: #ccc;
    font-size: 14px;
}


.pagination-sort {
    /* margin-top: 10px;
	margin-bottom:20px; */
    text-align: right;
    height: 60px;
}

.pagination-sort button {
    /* margin-top: 10px;
	margin-bottom:20px; */
    background: #f3f3f3;
    padding: 5px 15px;
    border-radius: 0%;
    border: 1px solid #ccc;
}

.pagination-sort select {
    background: transparent;
    border: none;
    width: 35px;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    text-align: center;
}

.pagination-sort select > option {
    width: auto;
    left: -25%;
}

.pagination-sort h1 {
    text-align: left;
    line-height: 90%;
}

.pagination-sort span {
    margin-left: 20px;
    font-size: 13px;
}

.pagination-sort .items-found {
    font-weight: normal;
    line-height: 20px;
}

.pagination-sort .items-found .value {
    font-weight: bold;
}

.pagination-sort .view-amount {
}

.pagination-sort .view-amount a {
    padding: 0px 3px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
    /*text-decoration: underline;*/
}

.pagination-sort .view-amount a.active {
    width: 42px;
    height: 32px;
    font-weight: 600;
    background-color: #f6f6f6;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc; 
}

.paging {
    float: right
}

.paging li {
    display: inline-block;
}

.pagination-sort .paging a {
    color: #333;
    padding: 5px 2px;
    line-height: 30px;
    font-size: 16px;
    /*font-weight: bold;
    /*text-decoration:underline;*/

}

.pagination-sort .paging a.current-page {
    text-decoration: underline !important;

}

.pagination-sort .paging a.page-prev, .pagination-sort .paging a.page-next {
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 4px 8px;
}

.pagination-sort .sort-items {
    margin-left: 10px;
}

.pagination-sort.bottom {
    margin-top: 30px;

}

.sub-banner-wrapper {
    margin: 0px 0px 20px;
    overflow: hidden;
    height: 550px;
}

.sub-banner-wrapper img {
    width: 100%;
}

.sub-banner-wrapper .container {
    width: 100%;
    padding: 0px;
}

.side-menu-wrapper {
	float:left;
	position:relative;
}
.side-menu-wrapper a {
	display:block;
	padding:15px 5px;
	color:#000;
}
.side-menu-wrapper .panel-title {
	font-size:12px;
}
.warranty_container{
    width: 500px;
    margin-inline: auto;
}

.side-block {
    border: 1px solid #f4f5f7;
    width: 200px;
}

.side-block h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.side-block h3 .clear-filter {
    font-size: 11px;
    float: right;
    line-height: 18px;
    font-weight: normal;
}

.side-block h3 .clear-filter a {
    text-decoration: none;
    color: #111;
}

.side-block a.active {
    color: #000 !important;
}

#filter-menu {
    margin-top: 15px;
}

#filter-collapse .panel-default {
    border: 0px;
}

#filter-collapse .panel {
    margin-bottom: 12px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

#filter-collapse .panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    padding: 0px;
}

#filter-collapse .panel-title a {
    font-weight: bold;
    background: url(../images/icon-uncollapsed.png) no-repeat right center;
    text-decoration: none !important;
}

#filter-collapse .panel-title a.collapsed {
    background: url(../images/icon-collapsed.png) no-repeat right center;
}

#filter-collapse .panel-body {
    margin-top: 10px;
    padding: 10px 0px;
}

#filter-collapse .swatch span {
    width: 30px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: 6px;
}

#filter-mobile-menu {
    display: block !important;
    float: none !important;
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin: 0px;
    border: 1px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0px;
    padding: 5px;
}

.account-wrapper {
    min-height: 700px;
}

.category-list-wrapper {
    margin-top: 20px;
    min-height: 400px;
    width: -webkit-fill-available;
    /* padding-top:20px;
	margin-top: 30px; */
}
.edit-link{
    background:#272e7c;
    border-radius: 15px;
    padding: 6px 25px;
    color: #fff

}
.category-wrapper.related .category-list-wrapper {
    margin: 0;
    border-left: 0px;
    padding: 0px;
    width: 100%;
}

.category-wrapper.related h2 {
    margin: 30px 0px 10px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.navbar-collapse {
    /* font-family: 'Open Sans', sans-serif; */
    padding-left: 0px !important;
    padding-right: 0px !important;


}

.sort-items .selectricWrapper {
    width: 160px !important;
    display: inline-table;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/*.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}*/
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.seperate-menu {
    padding-top: 26px;
    display: block;
}

.seperate-menu span {
    padding: 0px 28px 0 28px;
}

@media only screen and (max-width: 1023px) {
    .warranty_container{
        width: 80%;
        margin-inline: auto;
    }
    .seperate-menu {
        display: none;
    }
}

@media (max-width: 1199px) {
    .sort-items .selectricWrapper {
        width: 150px !important;
        /*	float: left;*/
    }

    .seperate-menu a {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) {
    .category-wrapper, .product-wrapper {
        width: 100%;
    }

    .pagination-sort {
        max-width: 1250px; 
    }

    #demo4 {
        width: 395px;
    }
}

@media (min-width: 992px) {
    .category-wrapper {
        width: 970px;
    }

    .product-wrapper {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .category-wrapper {
        width: 1280px; /*1170px;*/
    }

    .product-wrapper {
        width: 100%;
    }
}

.category-wrapper {
    padding: 15px 0;
}

@media (min-width: 1500px) {
    .container {
        /*width: 1140px;*/
    }

    .category-wrapper {
    }

    .product-wrapper {
        max-width: 1460px;
    }
}

@media (max-width: 767px) {
    .subtitle-wrapper .overlay {
        position: absolute;
        width: 100%;
        height: 100%;

    }
    .category-wrapper, .product-wrapper {
        padding: 0px;
    }

    .category-list-wrapper {
        margin: 0px;
    }

    .pagination-sort {
        height: auto;
        text-align: center;
    }

    .pagination-sort .paging {
        display: block;
        margin: 10px 0px;
    }

    .side-block {
        margin-bottom: 10px;
        margin-top: 10px;
        width:auto;
    }
   
    .category-filter .navbar-toggle.collapsed {
        /*background:url(../images/icon-collapsed.png) no-repeat right center;*/
    }

    .category-filter .navbar-toggle {
        /*background:url(../images/icon-uncollapsed.png) no-repeat right center;*/
        border: 2px solid #111 !important;
    }

    .category-wrapper .container-fluid .row {
        margin: 0px;
    }


    .side-menu-wrapper {
        width:100%;
        display:block;
        }

    .pagination-sort span {
        margin: 0px 15px;
        font-size: 14px;
    }

    #demo4 {
        width: 100%;
    }
}


/*=================== Product Detail  ====================*/
.product-price-retail {
    font-size: 18px;
}

.product-price-onsale {
    font-size: 14px;
}

.product-detail-wrapper {
    margin: 36px 0 50px;
    padding: 0; /*200px;*/
}

.product-detail-image {
    padding: 0 0 0 24px;
}

@media only screen and (min-width: 768px) and (max-width: 1459px) {
    .product-detail-wrapper {
        padding: 0 20px;
    }

    .product-detail-image {
        padding: 0 36px 0 24px;
    }
}

@media only screen and (max-width: 767px) {
    .product-detail-wrapper {
        padding: 0;
    }

    .product-detail-image {
        padding: 0;
    }
}

.product-detail-price-wrapper {
    margin-bottom: 15px;
    text-align: left;
}

.product-detail-price-list {
}

.product-detail-price-wrapper .product-price-retail span {
    color: #787878;
    font-size: 13px;
    line-height: 26x;
}

.product-detail-sku {
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
}

.detail-option-block {
    /* margin-top:5px; */
}

.detail-option-block .option-label {
    font-weight: 600;
    letter-spacing: 0em;
    font-size: 13px;
    margin-bottom: 5px;
}

.detail-option-block .option-label .value {
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 10px; 
}

.detail-option-block .option-select .selectricWrapper {
    width: 100px;
}

.detail-option-block .option-select {
    width: 34px;
    height: 34px;
}

.detail-option-block .option-select .size-options a {
    min-width: 30px;
    max-width: 100px;
    padding: 1px 4px 2px;
    background: #fff;
    border: 1px solid #ddd;
    color: #999;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-right: 3px;
    font-size: 11px;
    line-height: 24px;
    border-radius: 50%;
}

.detail-option-block .option-select .size-options .selected {
    border-color: #b80808;
    background: #b80808;
    color: #fff;
    font-weight: bold;
}

.detail-option-block .option-select .size-options .selected:hover {
    color: #fff;
}

.detail-option-block .option-select .size-options .disabled {
    border-color: #DDD !important;
    background: #EEE !important;
    color: #999 !important;
    cursor: default;
}

.detail-option-block .option-select .size-options :hover {
    border-color: #222;
    color: #222;
}

.product-photo-carousel {
    margin-bottom: 50px;
  }
  
  @media (min-width: 768px) {
    .product-photo-carousel .col-sm-push-2 {
      left: 14%;
    }
  }
  
  .product-photo-carousel .bx-wrapper {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  .product-photo-carousel .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    left: 0;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
  }
  
  .product-photo-carousel #bx-pager {
    overflow-y: auto;
    height: auto;
    max-height: 800px;
  }
  .product-photo-carousel #bx-pager::-webkit-scrollbar {
    width: 0 !important;
  }
  .product-photo-carousel #bx-pager {
    overflow: -moz-scrollbars-none;
  }
  .product-photo-carousel #bx-pager {
    -ms-overflow-style: none;
  }
  
  @media only screen and (max-width: 767px) {
    .product-photo-carousel #bx-pager {
      height: 0px;
    }
  }
  
  .product-photo-carousel #bx-pager img {
    width: 100%;
    border: 2px solid #fff;
  }
  
  .product-photo-carousel #bx-pager a {
    margin-bottom: 10px;
    display: block;
  }
  
  .product-photo-carousel #bx-pager a.active img {
    border: 1px solid #000;
    margin-top: 10px;
  }


@media (min-width: 992px) {
    .product-wrapper {
        /*		/*float:left;*/
        /*		width:73%;*/
    }

    .category-wrapper.related {
        /*		float:right;*/
        margin-top: 45px;
        /*		  background-color: rgba(0,0,0,.02);*/
        padding: 0 15px 10px 15px;
    }

    .category-wrapper.related .product-list-wrapper .container-fluid {
        padding: 0px;
    }

    .category-wrapper.related .container-fluid .row {
        margin: 0px;
    }

    .category-wrapper.related h2 {
        margin: 20px -15px 0px;
        border-bottom: 0px;
        font-size: 13px;
    }

    .category-wrapper.related .product-list-wrapper {
        float: none;
        width: 100%;
        margin: 5px 0px;
        padding: 0px;
        border: 1px solid #ddd;
    }

    .category-wrapper.related .product-list-wrapper .product-list-img img {
        margin-bottom: 0px;
    }

    .category-wrapper.related .product-list-wrapper .product-list-name, .category-wrapper.related .product-list-wrapper .product-list-price-wrapper, .category-wrapper.related .product-list-wrapper .swatch, .category-wrapper.related .product-list-wrapper .product-promotion {
        display: none;
    }

}
.dis_price {
    font-size: 13px;
    color: #000;
    display: inline-block;
    margin-right: 5px;
}

@media (max-width: 767px) {
    .product-list-name a {
        font-size: 12px;
    }

    .product-list-name {
        font-size: 18px !important;
    }

    .dis_price {
        font-size: 12px;
    }

    .product-photo-carousel #bx-pager {
        width: 100%;
    }

    .product-photo-carousel #bx-pager a {
        float: left;
        width: 20%;
        padding: 0px 2px;
    }

    .product-wrapper {
        padding: 0;
    }
}

.description-block {
    margin-top: 30px;
}

.description-block .panel-default {
    border: 0px;
    margin-top: -2px !important;
}

.description-block .panel {
    background-color: #fff;
    border: 2px solid #eee;
    border-right: 0px;
    border-left: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
    padding: 10px 4px;
}

.description-block .panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    padding: 0px;
}

.description-block .panel-title a {
    font-weight: bold;
    background: url(../images/icon-uncollapsed.png) no-repeat right center;
    text-decoration: none !important;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.description-block .panel-title a.collapsed {
    background: url(../images/icon-collapsed.png) no-repeat right center;
}

.description-block .panel-body {
    margin-top: 10px;
    padding: 10px 0px;
}

.description-block p {
    font-size: 14px;
}

.social-block h5 {
    font-weight: bold;

}

#panel-sizechart table {
    font-size: 12px;
}

.detail-option-block .btn-addtocart {
    /* width:100%;
	float:left; */
}

/*=================== Social Sharing 32px 32px ====================*/
.stButton {
    margin-right: 2px !important;
    margin-left: 0px !important;
}

.st_facebook_large .stLarge {
    background: url(../images/social-facebook.png) no-repeat !important;
}

.st_instagram_large .stLarge {
    background: url(../images/social-instagram.png) no-repeat !important;
}

.st_twitter_large .stLarge {
    background: url(../images/social-twitter.png) no-repeat !important;
}

.st_googleplus_large .stLarge {
    background: url(../images/social-google.png) no-repeat !important;
}

.st_pinterest_large .stLarge {
    background: url(../images/social-pinterest.png) no-repeat !important;
}

.st_email_large .stLarge {
    background: url(../images/social-mail.png) no-repeat !important;
}

.stButton .stLarge {
    height: 20px !important;
    width: 20px !important;
}

/*=================== Quick View ====================*/
.modal-content {
    width: 600px;
    height: auto;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 30px rgba(0, 0, 0, .3);
    padding: 10px 30px 30px;
}

@media only screen and (max-width: 767px) {
    .modal-content {
        width: 100%;
    }
}

.modal-header {
    border-bottom: 0px;
    padding-top: 10px;
}

.modal-dialog {

}

.modal-body {
    padding: 0px;
}

.modal-body .product-detail-wrapper {
    margin-top: 0px;
}

.modal-block {
    margin-bottom: 10px;
}

.modal-footer {
    padding: 10px 0px;
    margin-top: 30px;
}

.social-share {
    /*border-radius: 50%;*/
    /*border: 1px solid #000;*/
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 7px;
    /*background-color: #fff;*/
}

/*=================== Cart ====================*/
.cart-price-wrapper {
    padding: 30px 0px;
    margin: 30px auto;
    border-top: 1px solid #ddd;
}

.cart-price-wrapper h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.describeText {
    font-size: 13px;
    color: #666;
    font-weight: normal
}

.cart-price-wrapper .form-group label {
    font-size: 12px;
    text-transform: uppercase;
}

.total-table {

}

.total-table dd, .total-table dt {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.total-table dd {

    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

.total-table .total-price {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.cart-list.head {
    font-weight: bold;
    text-transform: capitalize;
    padding: 5px 0px;
    font-size: 13px;
    border-bottom: 2px solid #ddd;
}

.cart-list {
    padding: 15px 0px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.cart-thumb {
    width: 120px;
    float: left;
}

.cart-item-info {
    margin-left: 140px;
}

.cart-thumb img {
    width: 100%;
}

.item-name {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: large;
}

.item-info {
    margin-bottom: 5px;
}

.item-info .item-option-label {
    float: left;
    width: 88px;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-item-info .each-price {
    font-weight: bold;
}

.cart-item-info .total-price {
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .cart-thumb {
        width: 150px;
    }

    .cart-item-info {
        margin-left: 170px;
    }

    .cart-item-info .total-price {
        font-weight: bold;
        text-align: left;
    }

    .item-info .item-option-value {
        margin-left: 90px;
    }    

    .total-table {
        width: 100%;
    }

    .total-table dt, .total-table dd {
        width: 50%;
        float: left;
    }

    .cart-thumb {
        width: 70px;
        float: left;
    }

    .cart-item-info {
        margin-left: 85px;
    }
}

.item-info .item-option-quantity-value {
    flex-direction: row; 
    margin-top:-5px;
    margin-left: 30px; 
    display:flex; 
    flex:1;    
    justify-content: center;
    align-items: center;
}
.quantity-minus-button, .quantity-plus-button {
    all: unset;
    width: 20px; /* 버튼 크기 */
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%; /* 원형 버튼 */
    transition: all 0.2s ease-in-out; /* 부드러운 전환 효과 */
}
.quantity-button-text:hover {
    background-color: #cacce0; /* 살짝 밝은 파란색 */
    transform: scale(1.05); /* 버튼 크기 확대 */
}
.quantity-button-text:active {
    background-color: #cacce0; /* 더 어두운 파란색 */
    transform: scale(0.95); /* 클릭 시 약간 축소 */
}

.quantity-button-text {
    width: 20px; /* 버튼과 동일한 크기 */
    height: 20px;
    background-color: #292f7c;
    border-radius: 50%; /* 원형 */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: white;
    font-weight: bold;
    box-sizing: border-box; /* 패딩이 크기에 영향 주지 않도록 설정 */
}
.cart_qty{
    font-weight: 700;
    margin-right: 5px;
    margin-left: 5px;
}

@media (min-width: 768px) {
    .cart-update .btn {
        /*		width:200px;*/
    }

    .cart-update {
        margin: 36px 0px;
    }
}

.cart-item-info .cart_qty {
    width: 40px;
    text-align: center;
}

/* Cart Message */
#addToCartResultMsg {
    /*position: fixed;*/
    top: 0px;
    left: 0px;
    width: 100%;
    background: #999;
    text-align: center;
    padding: 10px;
    color: #fff;
    opacity: 1;
    font-size: 16px;
    z-index: 999999;
}

/*=================== Content ====================*/


.content-wrapper h1 {
    margin-top: 20px;
}

.content-wrapper h2 {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #777;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

.content-wrapper .form-group label {
    text-transform: uppercase;
    font-size: 11px;
    padding-left:5px;
}

.content-wrapper .form-group.address-row label {
    vertical-align: top;
}

.lookbook-wrapper {
    margin-top: 20px;
}

.lookbook-wrapper .lookbook-content {
    padding: 15px 0 35px 0;
}

/*=================== Accounts & Etc ====================*/
.account h2 {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px solid #111;
    padding-bottom: 7px;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

.account p {
    margin-bottom: 2px
}

.forgot-password-link {
    float: right;
}

.myorder-list {
    padding: 15px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    margin-bottom: -1px;
}

.myorder-list .order-status-number {
    font-weight: 500;
    font-size: 15px;
}

.myorder-list .order-status-date {
    display: block;
    color: #999;
    font-size: 11px;
}

.myorder-list .order-status-text span {
    /*font-weight: bold;*/
    font-style: italic;
}

.myorder-list .order-status-total span {
    /*font-weight: bold;*/
}

.myorder-list .view-detail-link {
    text-align: right;
    display: block;
}

.myorder-list .ordered-item-list-img {
    margin-top: 10px;
}

.myorder-list .ordered-item-list-img img {
    width: 100%;
}

.myorder-list .ordered-item-list-img div {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
    border: 1px solid #aaa;
    margin-right: 4px;
}

.account-cta {
    text-align: left;
}

.wishlist-check {
    position: absolute;
    top: 0px;
    left: 0px;
}

.universial-block {
    margin-bottom: 15px;
}

.universial-block-label {
    font-weight: bold;
}

.sign-in-up-wrapper p {
    margin-bottom: 25px;
}

#checkout .checkout-label-desktop {
    display: block;
    font-weight: bold;
    text-transform: uppercase;

}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    margin-top: 5px;
}

@media (max-width: 767px) {
    #checkout .checkout-label-desktop {
        display: none;
    }
}


/*================ Footer ====================*/
footer {
    border-top: 1px solid #eee;
    margin: 0 auto 0 auto;
    clear: both;
}

footer ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

footer .logo {
    width: 150px;
    margin: 15px 0 20px 0;
    float: left;
    padding-left:40px;
}

footer .footer-wrapper {
    /* border-top: 1px solid #eee; */
    margin: 0 auto;
    min-height: 300px;
    bottom: 0;
    width: 100%;
    background-color: #FFFFFF;
    padding: 50px 50px 0;
    font-weight: bold;
    /*	text-align: left;/*right;*/
    /*border-top: 1px solid rgba(0,0,0,.1);*/
}

footer .footer-wrapper .nav_death2 li a {
    padding: 0 100px 10px 0;
}

@media only screen and (max-width: 1199px) {
    footer .footer-wrapper {
        padding: 20px 15px 0;
    }
    .footer-menu-txt{
        display: flex;
        line-height:22px;
        min-width:790px;
        padding: 0 50px;
    }

}

footer .footer-menu {
    vertical-align: middle;
}

footer .footer-menu li {
    float: left;
    padding-right: 20px;

}

footer .footer-menu li:last-child {
    padding-right: 0px;
}

footer .footer-menu a {
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    /* font-family: 'Open Sans', sans-serif; */
}

footer .footer-menu a:hover, footer .footer-menu a:focus {
    text-decoration: none;
    color: gray; /*#000*/
}

footer .footer-menu-title {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    color: white; /*#222;*/
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 30px;
    float: right !important;
}

footer .connect-wrapper {
    margin-bottom: 20px;
}

footer .connect-wrapper img {
    width: 18px;
    margin-right: 3px;
}

footer .copyright-wrapper {
    /*border-top: 1px solid rgba(0,0,0,.1);*/
    color: white; /*#333;*/
    font-size: 12px;
    text-align: center;
    /*background-color:rgb(193, 183, 193);*/
    letter-spacing: 0.12em;
    font-weight: bold;
}

footer .input-sm, .form-horizontal .form-group-sm .form-control {
    border-radius: 0px;
    background: #fff;
    border-color: #222;
    color: #222;
}

.btn-signup {
    color: #222;
    background-color: #fff;
    border-color: #222;
    border-radius: 0px !important;
}

.btn-signup:hover,
.btn-signup:focus,
.btn-signup:active,
.btn-signup.active,
.open > .dropdown-toggle.btn-signup {
    color: #fff;
    background-color: #333;
    border-color: #222;
}

.toggle-title a {
    line-height: 42px;
    padding: 3px 10px;
    text-align: center;
}

.toggle-title > a:before {
    float: right !important;
    /* font-family: FontAwesome; */
    content: "\f068";
    padding-right: 5px;
}

.toggle-title > a.collapsed:before {
    float: right !important;
    content: "\f067";
}

.toggle-title > a:hover,
.toggle-title > a:active,
.toggle-title > a:focus {
    text-decoration: none;
}

.btn-signup:active,
.btn-signup.active,
.open > .dropdown-toggle.btn-signup {
    background-image: none;
}
.footer-nav {
 
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    .footer-nav {
     
    }

    .footer-menu-txt{
        display:block;
    }
   
    footer .logo {
       display: none;
    }
    .footer-wrapper {
        /* background-color:rgba(236, 220, 220, 0.69);/*#000;*/
    }

    footer .footer-menu {
        /* text-align: center; */
        
    }

    .offline-store p {
        text-align: center !important;
    }

    .footer-menu li {
        float: none !important;
        color: black;
    }

    .footer-menu li a {
        color: #fff;
        line-height: 24px;
    }

    .footer-menu-title {
        float: none;
        background-color: #fff;
        margin-top: 15px;
        padding: 10px;
    }

    footer .footer-menu a:hover, footer .footer-menu a:focus {
        color: #000;
    }

    .productInfoTitle td {
        font-size: 10px;
    }
    
}

.Quantity_box_pack {
    color: #333;
    background-color: transparent;
    text-align: center;
    border: 0px solid #B7B7B7;
    width: 25px;
    height: 15px;
}

.productInfoContents {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 14px;
    background: #FFF;
    vertical-align: -webkit-baseline-middle !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

table.productInfoTable {
    border: none;
}

tr.productInfoTableRow td {
    border-bottom: 1pt solid #B2BABB;
}

.productInfoTitle {
    color: #333;
    font-size: 14px;
    background: #fbefed;
    padding: 10px 20px;
    font-family: 'Poppins', sans-serif;
    vertical-align: middle !important;
}

.Quantity_box_readonly {
    background-color: #FFF;
    text-align: center;
    border: 0px solid #B7B7B7;
    width: 25px;
    height: 15px;
    margin: 0;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}

.Quantity_button_minus, .Quantity_button_plus {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    cursor: pointer;
}

.Quantity_box {
    width: 40px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    height: 42px;
}

.Price_box_readonly_Total {
    background-color: transparent;
     text-align: left;
    border: 0px solid #B7B7B7;
    margin: 0;
    padding: 0px 0px 0px 2px;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-size: 16px;
    font-weight: bold;
    color: #272f7d; 
}

.option-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: #fff;

    /* border-top:1px solid #EEE;
	padding: 10px 0 0px 0;
	min-width:200px; */
}


/*side add*/
.side-menu-wrapper .category-page ul.first-list li{
	line-height:20px;
    margin: 10px;
}
.side-menu-wrapper .category-page ul.first-list li a{
	letter-spacing:0.05em
}
.side-menu-wrapper .category-page ul.second-list{
	margin-bottom:10px;
	/*padding-left:10px;*/
}
.side-menu-wrapper .category-page ul.second-list li{
	line-height:14px;
}
.side-menu-wrapper .category-page ul.second-list li a{
	color:#666;
	letter-spacing:0em
}
.side-menu-wrapper .category-page ul.third-list{
	margin-bottom:5px;
	padding-left:15px;
}
.side-menu-wrapper .category-page ul.third-list li{
	line-height:14px;
}
.side-menu-wrapper .category-page ul.third-list li a{
	color:#666;
	letter-spacing:0em
}
.side-menu-wrapper .category-page a.collapsed{
	  background: url(../images/icon-collapsed.png) no-repeat 120px center;
}

.third-list li a {
    line-height: 26px;
    border-top: 1px solid #fff;
}

.third-list li a.active {
    color: #4b34bd !important;
}

#back-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99
}

/* opc */
.panel-group .panel.panel-default.allow {
    cursor: pointer !important;
}

.panel-group .panel.panel-default.allow.active {
    cursor: auto !important;
}

.panel-title {
    *float: left;
}

.panel-group .allow .panel-heading {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.panel-group .panel-heading a {
    text-decoration: none;
    *cursor: default;
}

.panel-group .panel-heading .edit {
    float: right;
    margin-top: -17px;
    color: #000;
    text-decoration: none;
    display: none;
}

.panel-group .allow .panel-heading {
    background-color: #e5e5e5 !important;
}

.panel-group .allow .panel-heading:hover {
    background-color: #e5e5e5 !important;
}

.panel-group .allow .active .panel-heading .panel-title {
    color: #fff !important;
}

.panel-title {
    font-size: 12px !important;
    color: #777 !important;
}

.panel-group .allow .panel-heading .panel-title:hover {
    color: #000 !important;
}

.panel-group .active .panel-heading .panel-title:hover {
    color: #fff !important;
}

.panel-group .active .panel-heading {
    background-color: #444 !important;
}

.panel-group .active .panel-heading:hover {
    background-color: #444 !important;
}

.panel-title {
    color: #999;
}

.panel-group .active .panel-title {
    color: #fff !important;
    font-weight: bold;
}

.panel-heading div {
    padding: 5px 0 0 15px;
}

/* //opc */

.inputSearch {
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: 150px;
    border: none;
    border-bottom: 2px solid #757575;
    padding-left: 5px;
    margin-right: 0px;
    background: transparent;
}

@media (max-width: 480px) {
    .colXs-8 {
        width: 100%;
    }

    .colXs-4 {
        width: 100%;
        top: 10px;
    }

    .inputSearch {
        font-size: 10px;
        width: 100px;
    }
}


.address-row {
    /* margin: 9px 9px 9px 20px; */
    padding: 9px;
}

.list-address-selected {
    background-color: #FCF5EE;
    border: 1px solid #FBD8B4;
    border-radius: 5px;
}

.panel-group .radio {
    margin-right: 5px;
    display: inline-block;
    margin-top: 0px;
    min-height: inherit;
}

.panel-group a, .panel-group a:active, .panel-group a:link, .panel-group a:visited {
    text-decoration: none;
    color: #0066C0;
}

.panel-group a, .panel-group a:active, .panel-group a:link, .panel-group a:visited {
    text-decoration: none;
    color: #0066C0;
}

@media (max-width: 767px) {
    .category-wrapper .container-fluid .row {
        margin: 0px;
    }
}

/*.bx-wrapper ul li { max-height: 720px; }*/


header .navbar-nav .dropdown-menu .sub {
    width: auto;
    min-width: 10em;
    top: auto;
    left: 0px;
    margin-left: 0px;
    margin-top: 0px;
    min-width: 200px;
}

@media (min-width: 768px) {
    header .navbar-nav .dropdown-menu.sub {
        margin-left: 157px !important;
        margin-top: -46px !important;
    }
}


/****************************************/
/*@ran*/
#frmSearch {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.btn_search {
    background-color: #7fbc42;
    border-radius: 0 20px 20px 0;
    width: 60px;
    height: 40px;
    position: absolute;
    right: -20px;
}

.btn_search img {
    padding-bottom: 3px;
    width: 50px; 
    height: 42px; 
}

.w_search {
    padding: 0 0 0 15px;
    border: none;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    font-size: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    height: 40px; 
    width: 700px; 
    border-radius: 20px 0 0 20px;
}


.w_search:hover, .w_search:focus {
    outline: none;
    background-color: #fff;
    border: 1px solid #d1d1d1;

}

.w_search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    letter-spacing: 0.06em;
    font-family: 'Poppins', sans-serif;
    opacity: 1; /* Firefox */
}

.w_search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    letter-spacing: 0.06em;
    font-family: 'Poppins', sans-serif;
}

.w_search::-ms-input-placeholder { /* Microsoft Edge */
    letter-spacing: 0.06em;
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 1023px) {
    
    #frmSearch {
        display: contents;
        align-items: stretch;
        width: 100%;
    }
    .btn_search img{
        content: url('/images/header_search.png');
        width: 27px; 
        height: 30px;
    }

    #frmSearch:hover > .w_search {
    /*#frmSearch:hover > .w_search {*/
        display: flex;
        border-radius: 20px;
        width : 100%;
    }

    .w_search {
        width: calc(100% - 60px); /* 좌우 여백을 고려한 너비 */
        border-radius: 20px;
        height: 34px;
        background-color: #fff;
        display: none;
        
    }
    .btnTopSearch {
        display: none;
    }
    #btnTopSearch {
        display: contents;
    }

    .right_menu li > a {
        line-height: 0px;
    }

    .center_logo .mobile_logo {
        display: inline-block;
        position: absolute;
        top: -17px;
        z-index: 99999;
        width: 220px;
    }

    .header-top-wrapper {
        position: relative;
    }

    .left_menu {
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 1000;
    }

    .right_menu {
        position: absolute;
        top: -15px !important;
    }


    input::-webkit-input-placeholder {
        font-size: 14px;
        color: #CCC !important;
    }

    input:-moz-placeholder {
        font-size: 14px;
        color: #fff !important;
    }

    input::-moz-placeholder {
        font-size: 14px;
        color: #fff !important;
    }

    input:-ms-input-placeholder {
        font-size: 14px;
        color: #fff !important;
    }

    .form-control {
        color: black;
    }

    .header .navigation li {
        float: static;
    }

}
@media (max-width: 768px) {
  .form-control {
        color: black;
    }
}

header .header-top-wrapper .container {
    position: relative;
    width: auto;
    max-width: 1480px;
    padding-left: 20px;
    padding-right: 20px;
}

header .header-top-wrapper .form-control {
    box-shadow: none;
}

header .mymenu a {
    padding: 0px 0 0 15px;
    /*text-transform:uppercase;*/
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: black; /*#f7f7f7;*/
    /*border-right:1px solid #555;*/
    float: right;
    /*	line-height: 17px;*/
}

header .header-top-wrapper a {
    padding: 0px;
}

header .header-top-wrapper a:hover {
    /*color:black;/*#fff;*/
    /* text-transform: uppercase; */
}

header .header-top-wrapper a.signin {
    /*border-right:0px;*/
    padding-right: 3px;
    /*border-right: 1px solid #555;*/
}


header .header-top-wrapper a.promotion {
    border: 0px;
    position: absolute;
    left: 50%;
    width: 300px;
    margin-left: -20px;
    text-align: center;
    font-size: 13px;
    z-index: 99;
    color: black; /*#fff;*/
    font-weight: 200;
    letter-spacing: 0.08em;

}

header .header-top-wrapper a.promotion img {
    display: none;
}
@media (min-width: 768px) {
    
   

}

@media (min-width: 1024px) {
    .zipcode_wrapper{
        display: none;
    }
    .header-left-li {
        margin-right: 50px;
    }

    header .header-top-wrapper {
        /*		height:73px;*/
        background-color: white;
        /* position: fixed; */
        top: 0;
        z-index: 99999;
        width: 100%;
    }

    header .header-top-wrapper a {
        color: #000; /*fff;*/
    }

    header.action-header .header-top-wrapper a.promotion {
        color: #fff
    }

    header .header-top-wrapper .container {
        padding-top: 20px;
    }

    header .header-top-wrapper .container .signin {

    }

    header .header-top-wrapper a.member {
        display:flex;
        flex-direction: row;
        align-items: center;
    }
    header .header-top-wrapper a.member img {
        display:none;

    }

    header .header-top-wrapper .container {
        /*		width:100%;*/
    }

    header .header-top-wrapper {
        /*-webkit-transition: 550ms all ease-out;*/
        /*transition: 550ms all ease-out;*/
    }

    /*header .header-top-wrapper:hover
    header .header-top-wrapper {
        background-color: rgba(255, 255, 255, 1);
        position: fixed;
        top: 0;

    }*/
}


@media (max-width: 1200px) {
    header .header-top-wrapper a.promotion {
        left: 30%;
        font-size: 11px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    }


}

@media (min-width: 1024px) {
    header .logoWhiteTrans {
        display: none;
    }

    header .cartWhite {
        display: none;
    }

    header .header-top-wrapper a.member.cart .value {
        font-weight: bold;
        color: white;
        position: absolute;
        top: 2px;
        right: 82px;
    }

    input::-webkit-input-placeholder {
        font-size: 14px;
        color: #CCC !important;
    }

    input:-moz-placeholder {
        font-size: 14px;
        color: #CCC !important;
    }

    input::-moz-placeholder {
        font-size: 14px;
        color: #CCC !important;
    }

    input:-ms-input-placeholder {
        font-size: 14px;
        color: #CCC !important;
    }
}

@media (max-width: 1023px) {


    header .header-top-wrapper a.signin {

        /*border-left: 1px solid #555;*/
        border-right: none;

    }

    header .header-top-wrapper a.member.cart .value {
        font-weight: bold;
        color: black;
        position: relative;
        top: 2px;
        left: -60px;
    }

    header .logoAtag {
        display: none;
    }
    .header-icon {
        width: auto;
        height: 28px;
    }
    header .cartBlack{
        width: auto;
        height: 30px;
    }
        


    header .cartWhite {
        display: inline;
    }

    header .logoWhiteTrans {
        display: block;
        position: absolute;
        width: 200px;
        top: 15px;
        margin-left: -100px;
        left: 50%;
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: auto;
        overflow: visible !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        height: auto;
        overflow: visible !important;
    }

    header img.logo {
        width: 100px;

    }

    header .navbar-nav {
        margin: 0px 0px 25px 0px;
    }

    header .navbar-toggle {
        /*display:block !important;*/
        position: absolute;
        top: 90px;
        left: 5px;
    }

    #navBtn {
        display: block;
        z-index: 999;
    }


    header .navbar-toggle .icon-bar {
        background: black;
    }

    header .navbar-collapse {
        padding: 0px;
    }

    header .nav > li > a {
        padding: 30px 20px 20px 0;
        color: black; /*#fff;*/
        
    }

    header .nav > li {
        border-bottom: 1px solid #ddd;
        top: 10px;
    }

    header .header-top-wrapper {

        text-align: center;
        /*height:143px;*/

    }

    header .header-top-wrapper a {
        font-size: 13px;
        
    }
    header .header-top-wrapper a.member{
    }

    header .header-top-wrapper a.promotion {
        display: none;
    }


    header {
        background: white; /*-webkit-linear-gradient(#444444 0%, #101010 100%);*/

        transition: 0.3s opacity;
        -webkit-transition: 0.3s opacity;
    }
}

.header-top-wrapper li {
    list-style: none;
}

.header-top-wrapper .promotion li {
    list-style: none;
    display: inline-block;
    width: 33%;
    float: left;
}

@media (max-width: 1023px) {
    .header-top-wrapper li {
        display: inline-block;
    }


    .navbar-nav li {
        display: block !important;
    }

    .navbar-nav li {
        float: none;
    }

    .cartBlack, .cartWhite {
        margin-right: 0px !important;
    }
}
#spCartCnt {
    position: absolute;
    right: -3px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7em;
    height: 1.7em; 
    background: #7fbc42;
    color: #FFF;
    border-radius: 50%; 
    font-size: 0.4em;
    padding: 0;
    z-index: 1;
    transform: scale(2);
    transform-origin: top right;
}
.icon-bag {
    position: relative;
    display: inline-block;
}
@media (min-width: 1280px) {
#spCartCnt {
    position: absolute;
    right: 34px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7em;
    height: 1.7em; 
    background: #7fbc42;
    color: #FFF;
    border-radius: 50%; 
    font-size: 0.4em;
    padding: 0;
    z-index: 1;
    transform: scale(2);
    transform-origin: top right;
}
}
@media (min-width: 1024px) {
    .bag_mobile {
        display: none !important;
    }
}

/*style.css:291*/


/*297*/
header .input-sm, .form-horizontal .form-group-sm .form-control {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}


@media (min-width: 320px) {
    /*style.css:333*/
    .input-group-btn .btn_search {
        overflow: hidden;
        width: 33px;
        height: 33px;
        border: none;
        background-color: transparent;
        text-align: right;
        padding: 0;
        margin-top: -1px;
    }


}


.mymenu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mymenu li {
    /* float:right; */
    line-height: 30px;
    display: inline-block;
    margin-left: 50px;
}

/* .header_searchform {border-bottom:1px solid black !important; } */
.zipcode_wrapper{
    padding-right: 10px;
}

@media only screen and (max-width: 1023px) {
    .navlogo {
        display: block;
        top: 10px;
    }

    .mymenu {
        width: 100%;
        height: auto;
        min-height: 60px;
    }
}

@media only screen and (max-width: 648px) {
    .btn_search img {
        content: url('/images/header_search.png');
        width: 24px; 
        height: auto;
        padding-top: 3px;
    }
    .navlogo {
        display: block;
        top: 10px;
    }

    .mymenu {
        width: 100%;
        height: auto;
        min-height: 60px;
    }
    .header-icon{
        width: auto;
        height: 25px;
    }
    header .cartBlack{
        width: 29px;
        height: 26px;
    }
    header .navigation {
        display: flex;
        padding: 0 10px;
        margin: 0 auto;
        margin-top: 15px;
    }
    #zipcode {
    }
    .zipcode_icon {
        position: relative;
        left: -10px;
    }
    
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgrey;
  }

@media only screen and (max-width: 1023px) {
    header .navigation {
        display: flex;
        /*flex-direction: column-reverse;/* 세로 정렬 */
        padding: 0 10px;
        margin: 0 auto;
        
    }
}

@media (min-width: 1024px) {
    /*style.css:394*/
    header .navigation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 55px ;
        width: 100%;
        text-align: center;
        text-align: -webkit-center;
        min-height: 48px;
        height: auto;
        margin: 20px auto;
        margin-top: 18px;
    }
}


@media (min-width: 1024px) {
    /*style.css:400*/
    header .navigation li {
        /*    float: left;*/
        /* line-height: 50px; */
        /*text-transform: capitalize;*/
    }
}

@media (min-width: 1024px) {
    /*style.css:416*/
    header .navigation li > a {
        line-height: 30px;
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
    }

    .mymenu li > a {
        /* line-height: 30px !important; */
        font-size: 14px !important;
    }
}

@media (min-width: 1024px) {
    /*style.css:417*/
    header .navigation li ul li > a {
        line-height: 40px;
    }
}

@media (min-width: 1024px) {
    /*style.css:422*/
    header .navbar-collapse.collapse {

    }
}


.nav > li > a {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.03em;
    position: relative;
    display: block;
    /* padding: 0 20px; */
    text-transform: capitalize;
}

@media (min-width: 1024px) {
    /*style.css:698*/
    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}


/*748*/
.yamm .dropdown-menu {
    left: auto;
    margin-top: -37px;
}

@media (min-width: 1024px) {
    /*style.css:1308*/
    .category-wrapper {
        /*    margin-top: 90px;*/
    }
}

@media (min-width: 1024px) {
    /*style.css:2437*/
    #cart-hover-container {
        width: 366px;
        margin: 0;
    }
}

@media (max-width: 1023px) {
    /*style.css:2437*/
    #cart-hover-container {
        width: 366px;
        top: 46px;

    }
}


.cart-li-subtotal {
    width: 100%;
    padding: 0 20px;
}

.cart-li-subtotal p {
    /*2511*/
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
}

/*2661*/
/* .MT_adjust{
	margin-top:100px;
	margin-bottom:70px;
} */
.ca_adjust {
    /* margin-top:108px; */
    /*margin-bottom: 70px;*/
}

@media (max-width: 1024px) {
    /* .MT_adjust{
	margin-top:0px;
	margin-bottom:70px;
	} */
    .ca_adjust {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}


@media (max-width: 1023px) {
    /*style.css:2666*/
    .navigation .navbar-nav {
        float: initial;
        width: 350px;
    }
}

/*429*/
header .header-top-wrapper .my-cart li img {
    position: relative;
    top: -2px;
}

/*2668*/
@media (min-width: 768px) {
    .mini-cart-wrapper {
        max-height: 392px;
        overflow-y: auto;
        overflow-x: hidden;
        /* margin-top:10px; */
    }
}

/*2716*/
.my-cart .cart-li-subtotal p {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/*2732*/
.cart-li {
    float: none !important;
    padding: 10px 10px 10px 10px !important;
    margin: 0 auto !important;
}

/*2735*/
.cart-li a {
    /* border: none !important;
	padding: 0px !important;
	margin: 0px; */
}

.cart-li p {
    border: none !important;
    padding: 0px !important;
    margin: 0px;
}

#cart-hover-container img {
    width: 100%;
}

/*2744*/
.cart-li:last-child {
    padding-top: 0px;
}

.cateTag {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px !important;
}

.bestOf {
    text-align: center;
    padding: 0 0 20px 0;
    font-size: 18px;
    /* font-family: "Open Sans"; */
    color: #303030;
    text-transform: none;
    letter-spacing: 0.04em;
}

/*Ran */

/* .headermargin{margin:108px auto;} */
.content-wrapper .container h1,
.Sub_p15 h1 {
    /* font-family: 'Poppins Slab', serif; */
    font-size: 24px;
}

.nav_death2 > li {
    display: block;
    margin: 0 auto !important;

}

.nav_death2 li a {
    padding: 10px;
}

.history {
    /* font-family: 'Open Sans', serif; */
    font-size: 14px;
    color: #f0f0f0;
}

.s-banner-wrapper {
    width: auto;
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    text-align: center;
}
.s-banner-header {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.s-banner-descr {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width: 1459px) {
    .s-banner-img {
        width: 100% !important;
    }

    .instagram-padding {
        padding: 0 40px !important;
    }
}

.nopadding {
    /*padding: 0 !important;*/
    margin: 0 !important;
}

.imgContainer1 {
    float: none;
    display: inline-block;
    padding: 0 9px 0 0;
}

.imgContainer2 {
    float: none;
    display: inline-block;
    padding: 0 6px 0 3px;
}

.imgContainer3 {
    float: none;
    display: inline-block;
    padding: 0 3px 0 6px;
}

.imgContainer4 {
    float: none;
    display: inline-block;
    padding: 0 0 0 9px;
}

.simgContainer1 {
    padding: 0 1vw 1vw 0 !important;
}

.simgContainer2 {
    padding: 0 0.5vw 1vw 0.5vw !important;
}

.simgContainer3 {
    padding: 0 0 1vw 1vw !important;
}

.subImgContainer1 {
    padding: 0 0 0.75vw 0;
}

.subImgContainer2 {
    padding: 0.75vw 0 0 0;
}

.divCenter p {
    margin: 0;
}

@media only screen and (min-width: 1024px) {
    .divPad {
        padding-left: 50px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dsinleft {
        text-align: left;
    }

    .dsinleft2 {
        text-align: left;
    }

    .dsinleft a {
        display: inline-block !important;
    }
}

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

    .nav_death2 {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .nav_death2 a {
        text-align: center;
        font-size: 15px !important;
    }

    .productInfoTitle {
        font-size: 11px;
        padding: 0px !important;
    }

    .description_body {
        font-size: 13px !important;
    }

}

@media only screen and (max-width: 767px) {
    .s-banner-wrapper .nopadding img{padding-right:0 !important; padding-left:0 !important;}
    .dsinleft {
        text-align: left;

    }

    .dsinleft2 {
        text-align: left;

    }

    .dsinleft a {
        display: inline-block !important;

    }

    .cart-update .btn {
        margin-top: 15px;
        padding: 6px 15px !important;
        font-size: 10px;
    }

    .imgContainer1 {
        padding: 0 0 0 0 !important;
    }

    .imgContainer2 {
        padding: 0 0 0 0 !important;
    }

    .imgContainer3 {
        padding: 0 0 0 0 !important;
    }

    .imgContainer4 {
        padding: 0 0 0 0 !important;
    }

    .simgContainer1 {
        padding: 0 0 1vw 0 !important;
    }

    .simgContainer2 {
        padding: 0.5vw 0 0.5vw 0 !important;
    }

    .simgContainer3 {
        padding: 1vw 0 0 0 !important;
    }

    .subImgContainer1 {
        padding: 0 0.75vw 0 0 !important;;
    }

    .subImgContainer2 {
        padding: 0 0 0 0.75vw !important;;
    }

    .divCenter {
        text-align: center !important;
        margin: 0 auto;
    }

    .footer-wrapper .divWidth {
        width: 200px;
        margin: 0 auto;
    }

    .footer-wrapper .divLeft {
        left: 15%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer-wrapper .divMargin {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


.s-banner-title {
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 20px;
    letter-spacing: 0.04em;
    margin-bottom: 20px;
    font-weight: 500;
}

.s-banner-title:after {
    content: "";
    display: none;
    width: 42px;
    height: 2px;
    background-color: #000;
    margin: 30px auto;
}

.s-banner-body {
    /* font-family: 'PT Sans', sans-serif; */
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: 2px;
}

.bpcolor {
    color: #e0b1ac
}

.s-banner-bunddle div {
    float: left;
    width: 32%;
    margin-right: 2%;
}

.s-banner-bunddle div.s-banner-01 {
    float: left;
    width: 45%;
    margin-right: 1%;
}

.s-banner-bunddle div.s-banner-02 {
    float: left;
    width: 22%;
    margin-right: 1%;
}

.s-banner-bunddle div.s-banner-03 {
    float: left;
    width: 22%;
    margin-right: 1%;
}

.s-banner-bunddle div:last-child {
    margin-right: 0;
}

.s-banner-bunddle div img {
    width: 100%;
}

.s-banner-divide img:first-child {
    margin-bottom: 6%;
}

.footer-follow {
    font-family: 'Poppins', serif;
    font-size: 14px;
    letter-spacing: 2px;
}

.footer-menu-txt {
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 14px;
    max-width: 1920px;
    margin: 0 auto;
}

.footer div {
    padding: 0 !important;
}

.footer-email {
    height: 50px;
    font-size: 14px;
    background-color: #f4f4f4;
    border-radius: 25px !important;
    border: 0;
    width: 90% !important;
    color: #666;
    padding: 10px 30px;
    letter-spacing: 2px;
}

.mail-btn {
    /* background-color: #f9c9c3; */
    height: 50px;
    border-radius: 25px !important;
    width: 120px;
    /* font-family: 'Open Sans', serif; */
    top: 0;
    letter-spacing: 2px;
    font-size: 14px;
}

.footer-mail-btn {
    position: absolute;
    right: 120px;
    z-index: 222;
}

.main_instagram {
    /* background: url('../images/instragram_bg.png'); */
    width: 100%;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
}

.instra_leaf {
    margin-top: -24px;
}

.widget-container ul li {
    border: 5px solid #000;
}

.thumbnail-wrapper .thumbnail .thumbnail-image .object-fit {
    border: 5px solid #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.snapwidget-widget li {
    border: 5px solid #000;
}

.headerlogo {
    line-height: 70px !important;
}

.headerlogo img {
    width: 175px;
}

.logoAtag img {
    width: 175px;
    margin-top: 15px;
}

.gnb {
    text-align: center;
    /* height: 70px; */
}

.promotion {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    background-color: #96785A;
    color: white
}

.input-group-btn {
    line-height: 20px;
}

.swatchimage .bx-controls-direction a {
    height:20px;
    width:20px;
}
.swatchimage .bx-prev {
    left:10px;
    background: url(/images/arrow-left.svg) no-repeat;
}
.swatchimage .bx-next {
    right: 10px;
    background: url(/images/arrow-right.svg) no-repeat;
}
.index_middle_banner {
    width: auto;
    max-width: 1480px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: auto;
    margin-right: auto;
}

.category_title h1 {
    font-size: 24px;
    color: #000;
    /* font-family: 'Poppins Slab', serif; */
    font-weight: 300;
}

.category_title p {
    font-size: 13px;
}

.subtitlebg img {
    width: 100%;
}

 /* .subtitlebg-text {
    display: flex;
} */
.category_line {
    margin: 0;
}

.stock {
    font-size: 14px;
    color: #999;
}

.topNav {
    display:flex; 
    justify-content:center;
}

.preorder_title {
    font-size: 10px;
    color: #4b34bd;
    /* font-family: 'Poppins Slab', serif; */
    margin: 0px 0 0 0;
    display: inline-block;
}

.category_preorder:after {
    content: "";
    display: block;
    margin: 10px 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}

.detail-information h1 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: -0.01em;
    /* font-family: 'Poppins Slab', */
    font-weight: 300;
}

.product-title {
    font-size: 24px;
    /* font-family: 'Poppins Slab', serif; */
    font-weight: 500;
}

.product-webtitle {
    font-size: 14px;
    /* font-family: 'Poppins Slab', serif; */
    font-weight: 200;
}

/* .product-detail-price-list:before{content:""; display:block; width:40px; height:2px; background-color:#000; margin:20px 0 30px;} */
.product-price-bundle:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 5px 0;
}

.detail_price {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
}

.detail_price_txt {
    font-size: 14px;
    font-weight: 400;
}

.product-price-onsale {
    display: inline;
}

/*.product-price-onsale:after{content:""; display:inline-block; width:1px; height:10px; background-color:#666; margin:0 20px;}*/
.product-price-retail {
    display: inline;
}

.product-description ul {
    overflow: hidden;
}

.product-description ul:nth-child(2) {

}

/* .product-description ul li{float:left; margin-bottom:18px;} */
/* .product-description ul li:first-child{width:22%;}
.product-description ul li:last-child{width:78%;} */

.description_title {
    font-size: 14px;
    display: inline-flex;
    /* font-family: 'Poppins Slab', serif; */
}

.description_body {
    font-size: 14px;
}

.description_body a {
    margin-right: 20px;
}


.productInfoTable {
    align-items: center;
    display: flex;
    /* border-top: 1px solid #e5e5e5; */
}


.total_title {
    font-size: 14px;
}

.total_body {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
}

/* .overallfit_bunddle{overflow:hidden; margin-top:15px;} */
/* .overallfit_bunddle div{float:left;} */
.overallfit_bunddle .overallfit_title {
    width: 65px;
}

.overallfit_bunddle .overallfit_info {
    margin-top: 10px;
}

.overallfit {
    position: relative;
}

.overallfit_txt {
    position: absolute;
    display: inline-block;
    line-height: 14px;
    font-size: 12px;
    z-index: -1;
}

/* .overallfit span:nth-of-type(1){top:-6px; left:5px;}
.overallfit span:nth-of-type(2){top:-6px; left:88px;}
.overallfit span:nth-of-type(3){top:-6px; left:177px;} */
.overallfit span:before {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: #aaa;
    margin: 0 auto;
}

input[type=range] {
    -webkit-appearance: none;
    width: 210px;
    padding: 0 35px;
    margin-bottom: 40px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 10px;
    margin-top: -3px;
    background-color: #000;
    border-radius: 10px;

}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    height: 2px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    height: 2px;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: goldenrod;
}

input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

.detail_recently {
    width: 100%;
    margin-top: 70px;
}

.recently_detail {
    margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
    .recently_detail-item-box:nth-child(2n) {
        padding-left: 7.5px;
    }

    .recently_detail-item-box:nth-child(2n+1) {
        padding-right: 7.5px;
    }

    .topNav {
        justify-content:left;
    }
}
.detail_recently .instra_leaf {
    text-align: center;
}

.detail_recently .s-banner-title {
    text-align: center;
    margin-bottom: 40px;
}

.detail_recently .s-banner-title:after {
    display: none;
}

.product-list-swatch {
    text-align: left;
    padding: 0;
}

.product-list-name {
    text-align: left;
    color: #272f7d;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
    line-height: 19px;
    width: 220px;
}

.btn_size_chart {
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
}

.size_chart {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #e5e5e5
}

.size_chart_title {
    padding: 20px 0 30px 0 !important;
}

.size_chart .size_chart_title, .size_chart_plus {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
}

.size_chart_plus {
    margin-top: 20px;
}

.size_chart .size_chart_title:before {
    /*content: "";*/
    /*display: block;*/
    /*width: 110px;*/
    /*height: 6px;*/
    /*background-color: #f0f0f0;*/
    /*margin-top: -36px;*/
    /*margin-bottom: 20px;*/
}

.size_chart th {
    text-align: center;
    padding: 12px 0;
    background-color: #f0f0f0;
    font-size: 13px;
    height: 50px;
    text-transform: uppercase;
}

.size_chart td {
    height: 50px;
    font-size: 13px;
}

.size_chart tbody:nth-child(even) {
    /*background-color: #f7f7f7;*/
}

.size_chart td:nth-child(even) {
    /*padding-right: 4.5%;*/
}

.size_chart td:nth-child(odd) {
    /*padding-left: 4.5%;*/
}

.size_chart tr {
    border: solid 2px #f0f0f0;
}

.lnb_title {
    font-size: 24px !important;
    /* font-family: 'Poppins Slab', serif; */
    color: #4b34bd;
    font-weight: 100 !important;
    letter-spacing: -1px;
    text-transform: capitalize !important;
    display: block;
    margin-top: 66px;
    margin-bottom: 10px;
}
.my-account-wrapper {
    display: flex;
    margin-top: 20px;
}
.myaccount_lnb {
    /* font-family: 'Poppins Slab', serif; */
    font-size: 18px;
    color: #000000;
    font-weight: 400 !important;
    letter-spacing: -1px;
    text-transform: capitalize !important;
    display: block;
    padding: 20px 0 0 10px;
}
@media (max-width: 768px) {
    .my-account-wrapper {
        flex-direction: column;
    }
}

.nodis_price {
    font-size: 12px;
    color: #999;
    display: inline-block;
    position: relative;
}

.nodis_price:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 110%;
    height: 1px;
    top: 8px;
    background-color: #999;
}

.Sub_Accordian ul > li {
    font-size: 14px;
    text-align: left;
    padding: 12px 50px 12px 15px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 20px;
    position: relative;
}

.Sub_Accordian ul > li:nth-child(even) {
    padding: 10px 50px 10px 15px;
    background-color: #f7f7f7;
}

.Sub_Accordian ul > li:first-child {
    border-top: 1px solid #e1e1e1;
}

.Sub_Accordian .Button_Show {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 34px;
}

.Sub_Accordian .Button_Show p {
    width: 12px;
    height: 2px;
    background-color: #000;
    display: inline-block;
}

.Sub_Accordian_body_Txt {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.Button_Show {
    position: relative;
    display: inline;
}

.Button_Show p {
    width: 12px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 12px;
}

.Button_Show p:nth-of-type(2) {
    transform: rotate(90deg);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button_Hide {
    transform: rotate(0deg) !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.Button_Show2 {
    transform: rotate(-90deg) !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #fff;
}

.faq_title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #4b34bd;
}
.card-images-container {

    max-width: 100%;
    overflow: hidden;
}

.card-image {
    max-width: 100%;
    height: auto; 
}
.detail-information{
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.content-container {
    margin: 15px;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    overflow: hidden;
}

.content-container h3 {
    color: #272f7d;
    font-size: 1.5em;
    margin-bottom: 10px;
}

.content-container .description_body {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #333;
}

.documents-table {
    table-layout: fixed; /* 고정된 테이블 레이아웃 */
    border-collapse: collapse; /* 테두리 겹침 제거 */
}

.documents-table td {
    
    padding: 10px 50px 10px 0;
    text-align: center;

}

.documents-table a {
    text-decoration: none;
    color: #272f7d;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.documents-table img {
    width: 24px;
    height: 24px;
}
    

/* .detail-information-bullet{width:6px; height:6px; background-color:#000; border-radius:3px; display:inline-block; margin-right:5px;} */

@media (max-width: 767px) {
    
    .content-container {
        padding: 15px;
    }

    .content-container h3 {
        font-size: 1.25em;
    }

    .content-container .description_body {
        font-size: 0.9em;
    }

    .documents-table td {
        /*width: 100%;*/
        padding: 8px;
    }

    .documents-table tr {
        display: flex;
        /*flex-direction: column;*/
        margin-bottom: 10px;
    }

    .documents-table a {
        flex-direction: column;
    }

    .documents-table img {
        margin-bottom: 5px;
    }
    .content-wrapper .container h1, .category_title h1, .Sub_p15 h1 {
        font-size: 20px;
    }

    .headermargin {
        margin: 0;
    }

    .s-banner-bunddle {
        position: relative;
    }

    .s-banner-bunddle div {
        float: none;
        width: 100%;
    }

    .s-banner-bunddle div:first-child {
        margin-bottom: 2%;
    }

    .s-banner-01 {
        width: 49% !important;
    }

    .s-banner-02 {
        width: 49% !important;
    }

    .s-banner-03 {
        width: 49% !important;
    }

    .s-banner-02 a {
        display: inline-block;
        float: left;
        width: 49%;
    }

    .s-banner-02 a:first-child {
        margin-right: 2%;
    }

    .s-banner-03 a {
        display: inline-block;
        float: left;
        width: 49%;
    }

    .s-banner-03 a:first-child {
        margin-right: 2%;
    }

    .index_middle_banner {
        margin: 30px 0 40px 0;
    }

    .flowerimg {
        width: 24px;
    }


    /* .footer-wrapper{text-align:center;} */
    .logoAtag img {
        width: 140px;
        margin-bottom: 30px;
        margin-top: 11px;
    }

    .social-share {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 0 20px 0 !important;
    }

    .social-share img {
        width: 100%;
    }

    .footer-menu br {
        display: none;
    }

    .footer-menu a {
        margin: 0 5px;
    }

    /* .main_instagram{ height:auto; } */
    /* .snapwidget-widget{height:60px !important;	} */
    .seperate-menu {
        padding-top: 2px;
    }

    .promotion span {
        font-size: 11px;
    }
}

/* header .logoWhiteTrans{top:60px;} */
header .navbar-toggle {
    top: 58px;
}
@media (max-width: 399px) {
header .navbar-toggle{

}
}

input.footer-email::-webkit-input-placeholder {
    font-size: 12px;
}

input.footer-email::-moz-placeholder {
    font-size: 12px;
}

.detail-information h1 {
    margin-top: 0;
    font-size: 24px;
    line-height: 24px;
}

.detail-information h1:after {
    margin: 15px 0 20px;
    width: 30px;
}

.product-description ul li:first-child {
    font-weight: 500px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.product-description ul li:last-child {
    width: 100%;
}

.product-description ul li {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #272f7d;
}

.mail-btn {
    font-size: 12px;
}

.footer-follow {
    font-size: 12px;
}

.footer-menu {
    text-align: left;
}

.social-bunddle {
    text-align: right;
}

.detail_recently {
    margin-top: 20px;
    background: #f4f5f7;
}

input[type=range] {
    width: 100%;
}

.overallfit span:nth-of-type(1) {
    top: -6px;
    left: 2%;
}

.overallfit span:nth-of-type(2) {
    top: -6px;
    left: 40%;
    right: 40%;
}

.overallfit span:nth-of-type(3) {
    top: -6px;
    right: 2%;
}

.modal-dialog {
    /*width:600px;*/
    /*min-height:450px;*/
}

.modal-content {
    padding: 0 20px 10px;
}

/* .product-detail-price-list:before{margin:13px 0 20px;} */

.sort-items .selectricWrapper {
    float: left;
}

.Sub_p15 {
    padding: 0 15px;
}

header .navbar-nav .dropdown-menu .sub {
    margin-left: 5px;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .headermargin {
        margin: 0;
    }

    /* .category-list-wrapper {margin-left:220px;} */
    /* .mymenu {
		position: absolute;
		right: 0;
		top: 0px;
	} */
    /* .main_instagram{height:310px; } */
    /* .snapwidget-widget{height:160px !important;	} */
    .logoAtag img {
        width: 140px;
    }

    .footer-follow {
        font-size: 13px;
    }

    .footer-email {
        height: 40px;
        border-radius: 20px !important;
        padding: 10px 15px;
        letter-spacing: 0.5px;
    }

    .mail-btn {
        height: 40px;
        border-radius: 20px !important;
        width: 80px;
        letter-spacing: 0px;
        font-size: 12px;
    }

    .footer-mail-btn {
        position: absolute;
        right: 80px;
        z-index: 222;
    }

    input.footer-email::-webkit-input-placeholder {
        font-size: 12px;
    }

    input.footer-email::-moz-placeholder {
        font-size: 12px;
    }

    .footer-mail-bundle {
        top: 5px;
    }

    .index_middle_banner {
        margin: 30px 0 40px 0;
    }

    .detail-information h1 {
        font-size: 24px;
    }

    .detail-information h1:after {
        margin: 12px 0 22px;
    }

    .product-description ul li:first-child {
        width: /*29%;*/
    }

    .product-description ul li:last-child {
        width: 71%;
    }

    .mymenu a {
        margin-left: 15px;
    }

    .product-price-onsale:after {
        margin: 0 12px;
    }

    input[type=range] {
        width: 210px;
        padding: 0 35px;
    }

    /* .overallfit span:nth-of-type(1){ left:5px;}
	.overallfit span:nth-of-type(2){ left:75px;}
	.overallfit span:nth-of-type(3){ left:155px;} */
    .detail_recently {
        margin-top: 70px;
    }

    .side-block h3 {
        margin-top: 35px;
    }
}

.category_line {
    margin-top: 10px;
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .headerlogo img, .logoAtag img {
        width: 140px;
    }

    header .mymenu a {
        padding: 0px 0 0 0px;
    }

    .nav > li > a {
        font-weight: 300;
        font-size: 13px;
        letter-spacing: 0;
        padding: 0px 10px 0 10px;
    }

    /* header .navigation li > a, .headerlogo{line-height: 40px !important;	} */
    .gnb {
        height: 60px;
    }

    .s-banner-title:after {
        margin: 20px auto;
    }

    .s-banner-body {
        margin-bottom: 20px;
        font-weight: 300;
    }

    /* .main_instagram{height:360px; } */
    /* .snapwidget-widget{height:180px !important;	} */
    .footer-email {
        height: 50px;
        background-color: #f4f4f4;
        border-radius: 25px;
        border: 0;
        width: 90%;
        /* font-family: 'Poppins Slab', serif; */
        color: #666;
        padding: 10px 20px;
        letter-spacing: 1px;
    }

    .mail-btn {
        letter-spacing: 1px;
        width: 110px;
        font-size: 14px;
    }

    .footer-mail-btn {
        right: 110px;
    }


    /* .category-list-wrapper {margin-left:220px;} */
}

@media (max-width: 1199px) {
    .s-banner-title {
        font-size: 16px;
    }

    .s-banner-title:after {
        margin: 20px auto;
    }
}

@media (max-width: 1024px) {
    .s-banner-body {
        font-weight: 400;
        margin-bottom: 20px;
    }

    .mymenu li {
        /* line-height: 40px; */
        margin: 0px;
    }

    .mymenu li > a {
        /* line-height: 40px; */
        font-size: 12px;
    }

    .w_search::placeholder {
        font-size: 12px;
    }

    #cart-hover-container li {
        float: left !important;
        margin-left: 30px;
    }

    .shows img {
        width: 100%;
    }
}

.cart-li-subtotal, .cart-li p {
    line-height: initial;
}

.instagram-padding {
    padding: 0 80px;
}

/* Dropdown Button */
.dropbtn {
    background-color: #f3f3f3;
    color: #000;
    height: 36px;
    font-size: 14px;
    border: none;
    font-weight: 400;
}

.btn-group, .cat-btn > .btn {
    border: none;
    padding: 0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    /* position: relative; */
    /* display: inline-block; */
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 0;
    /*left: 50%;*/
    /*transform: translate(-50%, 0);*/
}

.dropdown-view {
    min-width: inherit;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #343434;
    color: white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #343434;
    color: white;

}

ul.nav.navbar-nav > li > a:hover {
    text-decoration: underline;
}

/* ul.nav.navbar-nav>li>a:hover::before{
		background-image: -webkit-gradient(linear,right top,left top,from(#96785A),to(#FFE08C));
    background-image: linear-gradient(to left,#96785A,#FFE08C);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
} */

ul.dropdown.dropdown-menu.nav_death2 > li > a:hover {
    /* background-color:#96785A;
	color:white;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-left:5px solid#FFE08C; */
    text-decoration-line: underline !important;
}

#btnAddtoCart, #priceTotal {
    outline: none;
    max-width: 320px;
}
#priceTotal::placeholder{
    text-align:center;
}
#priceTotal::-webkit-input-placeholder {
    text-align: center;
}

#priceTotal:-moz-placeholder { /* Firefox 18- */
    text-align: center;
}

#priceTotal::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;
}

#priceTotal:-ms-input-placeholder {
    text-align: center;
}

.productInfoContents.disable:hover {
    background-color: #343434;
    color: white;
    font-weight: bold;
    font-size: 16px;
    transition: 0.3s all;
}

.dropdown-cart-btn {
    padding: 0px 10px !important;
    line-height: 40px !important;
}

.product_container {
    margin-top: 2vh;
}
.warranty-statement img {
    /*width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;*/
}

.pdf-download img {
    width: 21px;
    height:auto;
    margin: 1vh;
}

.product-name a {
    color: #ae4b4b;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.no-pd {
    padding: 0 20px !important; 
   
}

.product-text ul {
    list-style-type: square;
    margin: 1vh;
  }

@media only screen and (max-width: 767px) {
    .footer-box:not(:last-child) {
        flex-direction: column;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        padding: 0 10px;
    }

    .footer-box a:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 25px;

    }
    .footer-info{
        flex-direction: column;
    }
    .footer-box a {
        margin-left:5px;
    }
    
}

#searchresult_div table th,
#searchresult_div table td {
    padding: 10px;
    border: 1px solid #ffffff; /* Add white border */
}

#searchresult_div table th {
    text-align: left;
    background-color: #efefef;
}

#searchresult_div table td {
    background-color: #efefef;
}

#searchresult_div table tfoot p {
    margin: 10px 0;
}

#searchresult_div table col:first-child {
    width: 350px;
}


.header .navigation li > a:hover {
    text-decoration-line: underline !important;
}

.dropdown-menu-right > li {
    margin: 0 auto !important;
}

.footer-box {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    height: 66px;
    background-color: #848484;
}

.footer-box a:not(:last-child) {
    margin-right: 50px;

}

.footer-info > a {
    font-size: 12px !important;
    color: #f1f1f1 !important;
}

.availtag {
    display: flex;
    justify-content: flex-start;
}

.availtag label {
    margin-left: 30px;
}


.colorSwatchName {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.colorSwatchName.selected {
    font-weight: bold;
}
.selected {
    font-weight: bold;
}

@media only screen and (min-width:992px){
    .mt-lg-16{
        /*margin-top:16px !important;*/
    }
}
.mt-0 {
    margin-top:0 !important;
}
.mt-16 {
    margin-top: 16px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-36 {
    margin-top: 36px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

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

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

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

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

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

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

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

.pt-50 {
    padding-top: 50px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.recentlyview-title {
    padding: 20px 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
}

.font-size-13 {
    font-size: 13px;
}

.h-50 {
    height: 50px !important;
}

.h-20 {
    height: 20px !important;
}

.overallfit input {
    height: 2px;
    color: #d1d1d1;
}

.btn-shoppingbag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 40px;
    border: 1px solid #000;
    font-size: 13px;
    font-weight: bold;
}

.btn-emptyshoppingbag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 40px;
    border: 1px solid #000;
    font-size: 13px;
    font-weight: bold;
}

.shipping-option {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.shipping-option input[type="radio"] {
    margin: 0;
}

.shipping-option label {
    font-weight: normal;
    margin: 0; 
    margin-left:5px
}


@media only screen and (max-width: 767px) {
    .btn-shoppingbag {
        width: 100%;
    }
}

.float-right {
    float: right !important;
}

.summary-title {
    border-bottom: 2px solid #ddd;
    font-size: 21px;
    font-weight: bold;
    padding: 1.5px 0;
    text-transform: capitalize;
}

.btn-applycoupon {
    display: flex;
    background-color: transparent;
    width: 100px;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid #000;
    font-size: 13px;
    font-weight: bold;
}

.btn-applycoupon:hover {
    color: #2a6496;
    text-decoration: underline;
}

.border-bottom {
    border-bottom: 2px solid #ddd;
}

#couponCode {
    height: 40px;
    border: 1px solid #000000;
}

#customerPO {
    height: 40px;
    border: 1px solid #000000;
}

.total-box {
    /*height: 50px;*/
}

.total-box:after {
    content: "";
    background: white;
    position: absolute;
    bottom: 25%;
    left: 5%;
    height: 50%;
}

.colorSwatch-color-item-box {
    display: flex;
    align-items: center;
}
.colorSwatch-color-item-box {
    font-size:15px;
}
.colorSwatch-color-item-box > span {
    margin-top: 0px;
    background-position: center !important;
    background-size: 20px !important;
}

.product-item-box, .recently_detail-box{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-row: repeat(auto-fit, minmax(550px,1fr));
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    margin-bottom:30px;
}
.recently_detail-item-box, .bestSellerProduct {
    max-width: 280px;
}
.recently_detail-box, .bestSellerProductBox {
    justify-items: center;
}


@media only screen and (max-width:1199px){
    .product-item-box, .recently_detail-box{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width:767px){
    .product-item-box, .recently_detail-box{
        grid-template-columns: repeat(2, 1fr);
    }
    
}
@media only screen and (max-width: 480px) {
    .product-item-box, .recently_detail-box {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
        text-align: center;
    }
    .product-list-img img {
        width: 280px;
        align-items: center;
    }
    .price-rounded-button {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 20px;
        text-align: center;

    }
    .product-list-name a {
        font-size: 16px;
    }
}


.img-download-btn{
    position:absolute;
    bottom:0px;
    right:-20px;
    padding:0;
    background:rgba(0,0,0,0.0);
    outline:none;
    z-index:1;
}
@media only screen and (max-width:1459px){
    .img-download-btn {
        display:none;
    }
}

.paging a.active {
    background-color: #272f7d;
    color: #fff;
    border: 1px solid #192166;
}


/*checkout modal popup*/
.checkout-popup .modal-content{
    padding:0;
    background-color:transparent;

}
.checkout-popup .modal-header{
    background-color:#000;
    color:#fff;
    letter-spacing: 3px;
    text-align:center;
    padding:6px;
}
.checkout-popup .modal-header h4{
    font-size:24px !important;
    font-weight:100;
}
.checkout-popup .modal-body{
    padding:10px 30px;
}
.checkout-popup .modal-body, .checkout-popup .modal-footer{
    background-color:rgba(226,226,226,0.9);
}
.checkout-popup .modal-body p{
    font-size:15px; 
    text-align:center;
    color:#111;
}
.checkout-popup .modal-body td, .checkout-popup .modal-body button{
    font-size:16px;
    font-weight:100;
    padding:5px 10px;
}
.checkout-popup .modal-body td input{
    border:0;
    padding:8px 10px;
    width:100%;
}
.checkout-popup .modal-body td textarea{
    width:100%;
    border:0;
    padding:10px
}
.checkout-popup .modal-body button{
    background:#fff;
    text-align:center;
    border:0;
    width:120px;
    line-height:30px;

}
.checkout-popup .modal-body button:hover{
    background:#000;
    color:#fff;

}
.checkout-popup .modal-body p.btn-wrap{
    text-align:Right;
    margin-right:10px;
}
.checkout-popup .modal-dialog{
    width:700px;

}
.checkout-popup .modal-dialog .modal-content, .checkout-popup table{
    width:100%;
}
.checkout-popup .modal-footer{
    padding:0 30px 20px;
    border-top:0;
    margin-top:0;
}
.checkout-popup .modal-footer p{
    text-align:left;
    font-size:15px;
    color:#111;
}
.checkout-popup .modal-footer span{
    margin-left:20px;
    display:inline-block;
}

.checkout-popup .modal-footer span:before{
    content:'';
    display:inline-block;
    width:15px;
    height:12px;
    background:url("../images/popup-email.png")


}

@media(max-width:767px){
    .checkout-popup .modal-dialog{
        width:auto;
    
    }
    .checkout-popup .modal-footer span{
        margin-left:12px;
    }
    .product-list-name{
        width: 230px;

    }
}
.main-notice{
    width:100%; 
    font-size:11px; 
    color:#fff; 
    background-color:#000; 
    text-align:center; 
    padding:5px 10px;}
@media(max-width:767px){
    .main-notice{font-size:10px;line-height:18px;}
}
.form-control{
    box-shadow: none !important;
}

.contact_textarea {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    padding: 6px 12px;
    height: 140px;
}