@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');


@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('fonts/opensans-condbold-webfont.woff2') format('woff2'),
        url('fonts/opensans-condbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('fonts/opensans-condlight-webfont.woff2') format('woff2'),
        url('fonts/opensans-condlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('fonts/opensans-condlightitalic-webfont.woff2') format('woff2'),
        url('fonts/opensans-condlightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
ul,
li,
input {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    font-family: "Raleway", sans-serif;
}

input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
    outline: none !important;
    outline-offset: 0 !important;
}

img,
a img {
    border: medium none;
}

.clear {
    border: medium none;
    clear: both;
    float: none;
    height: 1px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    transition: all 0.4s ease;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #535353;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding-bottom: 10px;
}

h1 {
    font-size: 37px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 27px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 17px;
}

p {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

body {
    font-family: "Raleway", sans-serif;

}

.body {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 3rem;
    background-color: #eeeeee;
    display: inline-block;
    width: 100%;
}

.body.homePageOnly {
    margin-bottom: 0;
    background-color: #fff;
}

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

.clearfix {
    overflow: auto;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.headerContainer {
    width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
}

.container {
    width: 1250px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px;
    max-width: 100%;
}
.topHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topHeader .topHeadLeft a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
}

/********************************************************/
/********************************************************/
/********************************************************/
dl.productView-info {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding-top: 25px;
}

.productView-rating .icon--ratingFull svg {
    fill: #ff9c1e;
}

.productView-info> :first-child {
    margin-top: 0;
}

dl.productView-info dt,
dl.productView-info dd,
.form-field.form-field--increments label,
.productView-options form .form-label {
    font-size: 16px;
    color: #000;
    font-family: "Raleway", sans-serif;
    margin-bottom: 25px;
}

.productView-options {
    margin-top: 1.5rem;
}

.productView-options form .form-label {
    margin-bottom: 0;
}

.form-field.form-field--increments {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

dl.productView-info dt,
.form-field.form-field--increments label {
    float: left;
    margin: 0;
    min-width: 110px;
    padding-bottom: 0px;
}

.form-field.form-field--increments .form-increment button.button[data-action="dec"] {
    border-right: 1px solid #ddd;
    border-radius: 0;
}

.form-field.form-field--increments .form-increment button {
    border: none;
    padding: 10px 4px;
}

.form-field.form-field--increments .form-increment {
    border: 1px solid #ddd;
    background: #fff;
}

.add-to-cart-wallet-buttons {
    display: contents;
}

.form-field.form-field--increments .form-increment button.button[data-action="inc"] {
    border-left: 1px solid #ddd;
    border-radius: 0;
}

.button--primary {
    background-color: #ff9c1e;
    border-color: #ff9c1e;
    color: white;
}

.wishlist a.button.dropdown-menu-button {
    margin: 0;
    border: sienna;
    padding: 0;
}

.wishlist span {
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    color: #ff9c1e;
}

.form-wishlist {
    margin-top: 2rem;
}

.dropdown-menu-button .icon {
    display: none;
}

.add-to-cart-buttons::before {
    content: url('../img/images/starBtnimg.png');
    display: inline-block;
    margin-right: 10px;
    /* Adjust as needed */
}

.add-to-cart-buttons::after {
    content: url('../img/images/starBtnimg.png');
    display: inline-block;
    margin-left: 10px;
    /* Adjust as needed */
}

.productView-options .add-to-cart-buttons input#form-action-addToCart {
    border: none;
    font-size: 18px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: #000;
    background: #ff9c1e;
    padding: 0px 0px 0px 0;
    text-align: center;
    margin: 0;
    border-radius: 5px;
}

.productView-options .add-to-cart-buttons {
    display: flex;
    margin-top: 9px;
    width: 50%;
    padding: 15px;
    justify-content: space-between;
}

.aboutProductBoxes a {
    background-color: #fff;
    padding: 8px 20px;
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    margin-bottom: -1px;
}

.tabs-contents dl.productView-info {
    border: none;
    padding: 0;
}

.tab.is-active .tab-title {
    color: #000;
    font-weight: 600;
}

.tabs {
    border-bottom: none;
}

.tab.is-active {
    border: none;
    border-bottom: none;
}

.aboutProductBoxes p {
    font-size: 15px;
    color: #000;
    font-family: "Raleway", sans-serif;
    padding-bottom: 25px;
    letter-spacing: .5px;
}

.tabs-contents {
    background: #fff;
    padding: 0 25px;
}

/*section.productView-images {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/
figure.productView-image {
    flex: auto;
    margin-left: 8px;
    overflow: hidden;
    border: 1px solid #e8eaef;
    margin-top: 0;
}
.mainNavbar a[data-text="FREE SHIPPING ON THIS PRODUCT"],
.mainNavbar a[data-text="FREE SHIPPING ON THIS PRODUCT "],
.mainNavbar a[aria-label="FREE SHIPPING ON THIS PRODUCT "],
.mainNavbar a[aria-label="FREE SHIPPING ON THIS PRODUCT"]{
    color: red;
}

.productThumbNails .slick-track {
    display: flex;
}

.productView {
    margin: 0;
}

.productView-thumbnails .slick-list {
    margin: 0;
}

.productGrid {
    margin: 0 -25px;
}

.productGrid li.product {
    width: 33.33% !important;
    padding: 0 25px 10px;
    margin-bottom: 25px;
}


.heroCarousel.slick-initialized {
    /* max-height: 28.85714rem; */
    margin: 0;
}

.actionBar-section .form-field {
    border: none;
}

.pagination-list {
    margin-bottom: 0px;

}

.Additemsbox .form-field {
    margin: 0;
}

ol.breadcrumbs {
    text-align: left;
}

ol.breadcrumbs li a span {
    color: #000;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
}

.card-figure {
    padding: 0px;
}

/********************************************************/
/********************************************************/
/********************************************************/
.mainHeaderbox {
    background-color: #282828;

}

.userLoginbtn {
    font-size: 13px;
    color: #000;
    background: #fe961d;
    padding: 8px 23px;
    border-radius: 50px;
    display: inline-block;
}

.createAccountbox ul {
    padding-right: 14%;
}

.userLogin {
    padding-right: 7px;
}

.loginHeaderMessage p {
    text-align: right;
    color: red;
    padding: 0 0 4px 0;
    margin-top: -10px;
}

.userLogin #login_email,
.userLogin #login_pass {
    padding: 7px 15px;
    width: 205px;
    border-radius: 50px;
    font-family: "Raleway", sans-serif;
}

.mainHeaderboxes {
    border-top: 1px solid #f9951d;
    border-style: dashed;
    padding: 11px 0 10px;
}

.createAccountbox {
    padding: 10px 0;
}

.createAccountbox ul li {
    border-right: 2px solid #d27f20;
    padding-right: 12px;
}

.createAccountbox ul li:last-child {
    border-right: none;
    padding-left: 12px;
}

.userLogin input[type="text"]::placeholder {
    color: #000;
    font-size: 13px;
    font-family: "Raleway", sans-serif;
}

.createAccountbox ul li a {
    color: #fff;
    font-size: 13px;
    font-family: "Raleway", sans-serif;
}

.userLoginboxes form,
.createAccountbox ul {
    display: flex;
    justify-content: end;
    align-items: center;
}

.userLoginboxes {
    padding-top: 10px;
}

.logOutHeader {
    text-align: right;
    margin-bottom: 10px;
}

.mainHeader {
    display: flex;
    align-items: center;
}

.logo {
    width: 43%;
}

.mainsearchbaricon {
    background: #fff;
    border-radius: 50px;
}

.burgerBox {
    width: 39%;
}

.mainheadericons {
    display: flex;
    width: 18%;
    justify-content: end;
}

.headerIconbox {
    padding-left: 45px;
    position: relative;
}

.headerIconbox span.countPill {
    position: absolute;
    top: -15px;
    right: -8px;
    background: #fe961d;
    color: #000;
}

.mainsearchbar form,
.mainsearchbaricon form,
.formobilesearch form {
    display: flex;
    border-radius: 50px;
    align-items: center;
}

.mainsearchbar input[type="text"],
.mainsearchbaricon input[type="text"],
.formobilesearch input[type="text"] {
    width: 100%;
    padding: 24px 40px;
    border-radius: 50px;
    font-size: 13px;
    font-family: "Raleway", sans-serif;
}

.mainsearchbaricon input[type="image"],
.formobilesearch input[type="image"] {
    padding: 0px 35px 0 0;
}

.mainsearchbaricon input[type="text"]::placeholder {
    color: #000;
    font-size: 13px;
    font-family: "Raleway", sans-serif;
}

.mainNavbar ul {
    display: flex;
    padding: 27px 0px;
    justify-content: center;
}

.mainNavbarbox {
    background-color: #141414;
    border-top: 1px solid #f9951d;
    border-style: dashed;
}

.mainNavbar ul li {
    padding: 0 10px;
    text-align: center;
    line-height: 16px;
}

.mainNavbar ul li:first-child {
    padding: 0;
}

.mainNavbar ul li a {
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}

.mainNavbar ul li a:hover {
    color: #f9951d;
}

.mainPagecategoriesbox {
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
}

.categoryItems {
    position: relative;
}

.mainCategoriesbox {
    background-image: url(../img/images/productBackgroundimg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

.categoryItemtitle a {
    font-size: 30px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #de881c;
}

.categoryItemtitle a:hover {
    color: #fff;
}

.categoryItemtitle {
    text-align: center;
    background-color: #141414;
    padding: 10px 20px;
    width: 90%;
    margin-left: auto;
    border-radius: 50px 0px 0px 50px;
    position: absolute;
    bottom: 60px;
    right: 1px;
}

.mainPagefeaturedbox h2 {
    text-align: center;
    background: #eeeeee;
    width: 330px;
    margin: 0 auto;
    padding: 20px 0 0px;
    font-size: 20px;
    color: #000;
    letter-spacing: 2px;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    border-radius: 5px 5px 0px 0px;
}
.mainCategoriesboxbottom.emptyFeat .mainPagecategoriesbox {
    padding-top: 0;
}
.mainFeaturedbox .productCarousel {
    /* display: flex;
    justify-content: space-around; */
    padding: 80px 100px;
    width: 100%;
}

.mainFeaturboxes {
    background-color: #eeeeee;
}

.mainFeaturedbox img {
    margin: 0 auto;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-next,
.slick-prev {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #000;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-next::before,
.slick-prev::before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 16px;
    width: 12px;
    filter: brightness(0.5);
}

.carousel-tooltip {
    display: none;
}

.mainFeaturedproduct {
    width: 24%;
}

article.prodBoxInner.card {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}

article.prodBoxInner.card:hover {
    transform: scale(1.01);
}

.mainFeaturedproducttitle {
    padding: 25px 20px;
    text-align: center;
    min-height: 100px;
}

.card-text .price-section {
    text-align: center;
    font-weight: 700;
    color: #000;
}

.mainFeaturedproducttitle a {
    font-size: 14px;
    color: #000;
    font-family: "Raleway", sans-serif;
    text-align: center;
}

.productbtn {
    background: #ff9c1e;
    text-align: center;
    padding: 8px;
    width: 100%;
    margin: 0 auto;
    border-radius: 50px;
    box-shadow: 0 7px 10px -10px;
}

.productbtn:hover {
    background: #ffb251;
}

.productbtn a {
    font-size: 18px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: #000;
    line-height: 17px;
    display: block;
}

ol.breadcrumbs {
    margin-top: 15px;
}

h1.page-heading,
h2.page-heading {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

p.alertBox-column.alertBox-message {
    padding: 0;
}

.cart-header-item {
    text-transform: uppercase;
    background: #ff9c1e;
    padding: 15px 10px;
    font-size: 15px;
    color: #000;
}






.aboutVideosection {
    width: 52%;
}

.mainPageaboutusbox {
    background-image: url(../img/images/mainPageaboutbackimg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.mainPageaboutus {
    display: flex;
    align-items: center;
    padding: 80px 0;
}

.aboutDetails {
    width: 48%;
    padding-left: 80px;
}

.aboutDetails h3 {
    padding-bottom: 40px;
    font-size: 52px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    max-width: 300px;
    line-height: 55px;
}

.aboutDetails p {
    padding-bottom: 95px;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    color: #000;
}

.mainPageaboutbtn {
    background-color: #ff9c1e;
    width: 200px;
    text-align: center;
    border-radius: 50px;
    padding: 10px 0;
}

.mainPageaboutbtn a {
    font-size: 18px;
    color: #000;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}

.mainFooterbox {
    border-top: 1px solid #f9951d;
    border-style: dashed;
}

footer.footer {
    border: none;
    background-color: #282828;
    padding: 5px 0 0;
}

.footerSociallinks {
    display: flex;
    justify-content: center;
    padding: 50px 0 45px;
}

.mainFooterslinkbox {
    display: flex;
    justify-content: space-between;
    padding: 70px 0;
}

.footerListitem ul {
    column-count: 2;
}

.copyright {
    border-top: 1px solid #f9951d;
    border-style: dashed;
}

.mainFooterslinkbox ul li a:hover {
    color: #f9951d;
}

.mainFooterslinkbox h2 {
    color: #fff;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    padding-bottom: 25px;
}

.copypara {
    text-align: center;
}

.copypara p {
    padding-bottom: 65px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.mainFooterslinkbox ul li {
    padding-bottom: 10px;
}

.mainFooterslinkbox ul li a {
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

.footerSociallinks a {
    padding: 0 25px;
}

.footerListitem {
    width: 42%;
}

.footerAccountbox {
    width: 42%;
    padding-left: 20px;
}

.creditCardbox {
    width: 16%;
}

.creditCardbox img {
    margin-left: auto;
    padding-top: 53px;
}

.burger {
    display: none;
}

.mainsearchbaricon {
    width: 100%;
}

/********************************************************/
/**************Category Page*****************************/
/********************************************************/

.maincategoriespage {
    display: flex;
    padding: 20px 0 0;
}

.categoriessidebar {
    min-width: 251px;
}

.categoriessidebarInner {
    background-color: #fff;

}

.maincategoriesproduct {
    margin: 0px;
    padding-left: 55px;
    width: auto;
    flex: auto;
}

.productBack h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    text-align: left;
    margin-bottom: 15px;
}

.productView-thumbnail-link {
    width: 100%;
    max-width: 150px;
    height: 150px;
}

.productView-thumbnail {
    width: 33.33%;
}

.productView-thumbnails .slick-prev,
.productView-thumbnails .slick-next {
    top: 125%;
}

.productView-thumbnails .slick-prev {
    left: 30%;
}

.productView-thumbnails .slick-next {
    right: 30%;
}

.productBack button.slick-next {
    right: -45px;
}

.productBack button.slick-prev {
    left: -45px;
}

.productView-thumbnails img {
    width: auto;
    background: #fff;
}

.mainpagetopbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #000;
    padding: 12px 0;
    border-top: 2px solid #000;
    margin-bottom: 35px;
}

.mainpagetopbar ul {
    display: flex;
}

.crumbNav ul {
    display: flex;
    margin: 10px 0 30px;
    flex-wrap: wrap;
}

.crumbNav ul li {
    padding-right: 8px;
}

.categoriespageitemsbox .mainFeaturedbox {
    flex-wrap: wrap;
    padding: 20px 0;
    justify-content: space-between;
}

.categoriespageitemsbox .mainFeaturedproduct {
    width: 29%;
    padding-bottom: 18px;
}

.mainpagetopbar ul li a,
.crumbNav ul li a {
    color: #000;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
}

.crumbNav ul li a {
    padding-right: 0px;
}

.mainpagetopbar ul li a:hover,
.crumbNav ul li a:hover {
    color: #ff991d;
}

.maincategoriesproduct h3,
.categoriessidebar h2 {
    font-size: 22px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: #000;
}

.categoriessidebar h2 {
    font-size: 20px;
    padding: 30px 0px 22px 18px;
    border-bottom: 1px solid #f9951d;
    border-style: dashed;
}

.maincategoriesproduct .Additemsbox select {
    border: 1px solid #000;
    padding: 7px 12px 5px;
    border-radius: 0;
    text-transform: uppercase;
    background-color: transparent;
}

.maincategoriesproduct .Additemsbox select {
    border: 1px solid #000;
    padding: 7px 12px 5px;
}

.Additemsbox {
    padding-right: 10px;
}

.mainFeaturedproduct span {
    font-size: 18px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
}

.categoriespageitemsbox .mainFeaturedproducttitle {
    padding-bottom: 3px;
}

.categoriespageitemsbox .productbtn {
    width: 100%;
    margin-top: 5px;
}

.maincategorypage,
.mainProductpageBox {
    background-color: #eeeeee;
}

.categoriessidebar ul ul {
    /* display: none; */
}

.categoriessidebar ul li.active ul {
    display: block;
}

ul.mainUl {
    padding: 18px 0px 30px 18px;
}

ul.mainUl>li {
    margin-bottom: 10px;
    text-transform: uppercase;
}

ul.mainUl>li li {
    text-transform: capitalize;
    padding-bottom: 0;
}

ul.mainUl ul li {
    padding: 7px 0 7px 0;
}

ul.mainUl li a {
    font-size: 15px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    color: #000;
}

ul.mainUl li a:hover {
    color: #ff991d;
}

ul.subUl li a {
    font-weight: 400;
}

.Additemsbox form {
    margin: 0;
}

.Additemsbox .actionBar-section .form-field {
    background: none;
}

.Additemsbox label.form-label {
    text-transform: uppercase;
}

/********************************************************/
/**************product Page*****************************/
/********************************************************/
section.productView-images {
    padding: 0;
}

figure.productView-image {
    border: none;
    background: #fff;
    margin: 0;
}

.productView-img-container {
    max-height: 500px;
}

.mainproductpage {
    display: flex;
}

.wishlistBox,
.wishlist,
.productdetailbox {
    display: flex;
}

.mainproductdetail {
    padding-left: 25px;
}

.productView-price .productbtn {
    margin-top: 35px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.mainproductdetail h1 {
    font-size: 30px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    color: #000;
    padding-bottom: 30px;
    text-transform: uppercase;
    line-height: 32px;
}

.mainproductdetail .productView-price .price-section {
    font-size: 18px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: #000;
}

.productView-price {
    margin-top: 1rem;
}

.productdetailbox {
    display: flex;
    align-items: center;
    padding: 30px 0 0px;
    border-bottom: 1px solid #cccccc;
}

.detailbox h4,
.detailbox h3 {
    font-size: 16px;
    color: #000;
    font-family: "Raleway", sans-serif;
    padding-bottom: 25px;
}

.detailbox h3 {
    padding-left: 70px;
}

.Additemsbox {
    margin: 0px;
    display: flex;
    align-items: baseline;
}

.Additemsbox h3 {
    padding-right: 110px;
    font-size: 16px;
    color: #000;
    font-family: "Raleway", sans-serif;
}

.countQuantity a {
    border: 1px solid #dddddd;
    padding: 5px 9px;
    margin-left: -5px;
    font-size: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    color: #000;
}

.countQuantity span {
    padding: 0 10px;
}

.productbtn.mainProductpagebtn ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.wishlist {
    align-items: center;
    padding-left: 40px;
}

.mainProductpagebtn {
    background: #ff9c1e;
    padding: 15px 0px;
    width: 54%;
    margin: 0;
    border-radius: 5px;
}

.mainProductpagebtn a:hover {
    color: #fff;
}

.wishlist img {
    padding-right: 5px;
}

.wishlist a {
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    color: #ff9c1e;
}

.productmoreimages {
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
}

.mainProductpageBox {
    padding: 20px 0 50px;
}

article.productView-description {
    padding: 0;
}

.aboutProductBoxes {
    margin-top: 55px;
    margin-bottom: 40px;
}
.prodImgBox {
    background: #fff;
    max-height: 240px;
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prodImgBox img {
    max-height: 240px;
    margin: 0 auto;
}
/*.aboutProductBoxes h3 {*/
/*    background-color: #fff;*/
/*    width: 26%;*/
/*    padding: 10px 0px;*/
/*    text-align: center;*/
/*    font-size: 34px;*/
/*    color: #000;*/
/*    font-family: "Raleway", sans-serif;*/
/*    font-weight: 600;*/
/*}*/
/*.titleDetail p {*/
/*    font-size: 15px;*/
/*    color: #000;*/
/*    font-family: "Raleway", sans-serif;*/
/*    font-weight: 200;*/
/*    padding-bottom: 25px;*/
/*    letter-spacing: .5px;*/
/*}*/
/*.titleDetail {*/
/*    padding: 30px 35px 25px 22px;*/
/*    background-color: #fff;*/
/*}*/
.mainProductpageBox .mainFeaturedbox {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin-left: auto;
}

.mainProductpageBox .mainFeaturedproduct {
    width: 30%;
}

.mainProductpageBox .mainPagefeaturedbox {
    width: 80%;
    margin-left: auto;
    padding-left: 20px;
}

.mainProductpageBox .mainPagefeaturedbox h2 {
    padding: 0px 0 40px;
    font-size: 36px;
    color: #000;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    margin: 0;
    text-align: left;
    width: auto;
}

.mainproductimageboxes {
    display: flex;
    gap: 30px;
}

.mainProductcrumbnav {
    width: 80%;
    margin-left: 20px;
}

.mainProductpageBox .categoriessidebar {
    margin-left: 30px;
}
dt.productView-info-name.pickupTitle {
    font-weight: 700;
}
dd.productView-info-value.pickupText {
    font-weight: 700;
    color: red;
    text-shadow: 0 0px 0px BLACK;
}
/********************************************************/
/**************Responsive*****************************/
/********************************************************/

@media only screen and (min-width: 1200px) and (max-width: 1280px) {

    .container,
    .headerContainer {
        width: 1170px;
    }

    .mainNavbar ul li a {
        font-size: 16px;
    }

    .mainNavbar ul li {
        padding: 0 7px;
    }

    .categoryItemtitle a {
        font-size: 28px;
    }

    .mainPagecategoriesbox {
        gap: 20px;
    }

    .createAccountbox ul {
        padding-right: 15.5%;
    }

    .mainproductdetail {
        width: 46%;
    }

    .mainproductimagebox {
        width: 54%;
    }

    .headerIconbox {
        padding-left: 40px;
    }
}

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

    .container,
    .headerContainer {
        width: 970px;
    }

    .headerIconbox {
        padding-left: 28px;
    }

    .mainNavbar ul li a {
        font-size: 14px;
        font-weight: 600;
    }

    .mainNavbar ul {
        justify-content: center;
    }

    .mainNavbar ul li {
        padding: 0 4px;
    }

    .mainPagecategoriesbox {
        gap: 20px;
    }

    .categoryItemtitle a {
        font-size: 22px;
    }

    .mainFeaturedbox {
        padding: 80px 35px;
    }

    .createAccountbox ul {
        padding-right: 19%;
    }

    .categoriessidebar {
        width: 25%;
    }

    .maincategoriesproduct {
        margin: 0px 0 0px 15px;
        width: 75%;
    }

    .categoriespageitemsbox .mainFeaturedproduct {
        width: 33%;
    }

    .mainproductimagebox {
        width: 55%;
    }

    .mainproductdetail {
        width: 45%;
        padding-left: 0px;
    }

    .wishlist {
        padding-left: 10px;
    }

    .mainProductcrumbnav {
        margin-left: 15px;
    }

    .mainproductdetail h2 {
        font-size: 23px;
        font-weight: 800;
    }

    .mainProductpagebtn {
        width: 56%;
    }

    .mainproductimageboxes {
        gap: 15px;
    }

    .aboutProductBoxes h3 {
        width: 35%;
    }

    .mainProductpageBox .mainFeaturedbox {
        flex-wrap: wrap;
    }

    .mainProductpageBox .mainFeaturedproduct {
        width: 33%;
    }

    .productbtn a {
        font-size: 16px;
    }

    .mainPageaboutusbox {
        padding-bottom: 85px;
    }

    .mainFeaturedproducttitle {
        padding: 25px 10px;
    }

    .productGrid li.product {
        padding: 0 8px;
    }

    .productView-options .add-to-cart-buttons {
        width: 58%;

    }

    .aboutProductBoxes a {
        padding: 8px 18px;
        font-size: 27px;
    }
}

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

    .container,
    .headerContainer {
        width: 800px;
    }

    .logo {
        width: 40%;
    }

    .mainsearchbaricon {
        width: 100%;
    }

    .mainheadericons {
        width: 20%;
    }

    .headerIconbox {
        padding-left: 20px;
    }

    .createAccountbox ul {
        padding-right: 23%;
    }

    .mainNavbar ul li {
        padding:0 3px;
    }

    .mainNavbar ul li a {
        font-size: 12px;
        font-weight: 600;
    }

    .categoryItemtitle {
        padding: 10px 0px;
    }


    .categoriessidebar {
        width: 32%;
    }

    .maincategoriesproduct {
        margin: 0px 0 0px 15px;
        width: 75%;
    }

    .categoriespageitemsbox .mainFeaturedproduct {
        width: 48%;
    }

    .mainproductimageboxes {
        display: block;
    }

    .mainproductimagebox {
        width: 100%;
    }

    .mainproductdetail {
        width: 100%;
        padding-top: 30px;
    }

    .aboutProductBoxes h3 {
        width: 45%;
    }

    .mainProductpageBox .mainFeaturedproduct {
        width: 50%;
        padding-bottom: 20px;
    }

    .aboutDetails {
        width: 48%;
        padding-left: 50px;
    }

    .aboutDetails p {
        padding-bottom: 45px;
    }

    .productGrid li.product {
        width: 50% !important;
        padding: 0 25px;
    }

    .categoryItemtitle a {
        font-size: 18px;
    }

    .maincategoriesproduct {
        padding-left: 0px;
    }

    .aboutProductBoxes a {
        padding: 8px 15px;
        font-size: 22px;

    }

}

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

    .container,
    .headerContainer {
        width: auto;
        padding: 0 20px;
    }

    .header {
        height: auto;
        position: relative;
    }

    .mainheadericons {
        order: -1;
        width: 100%;
        gap: 45px;
        justify-content: center;
    }

    .mainsearchbaricon {
        order: 1;
        width: 80%;
        display: flex;
        align-items: center;
    }

    .logo {
        width: 100%;
        padding: 20px 0 12px;
    }

    .logo img {
        margin: 0 auto;
    }

    .mainHeader {
        flex-direction: column;

    }

    .burger {
        display: block;
    }

    .mainsearchbaricon form {
        width: 100%;
    }

    .mainsearchbaricon input[type="image"],
    .formobilesearch input[type="image"] {
        padding: 0px 15px 0 0;
    }

    img.closeicon {
        display: none;
    }

    .burgerBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .mainNavbar ul {
        display: none;
        text-align: center;
    }

    .mainNavbar ul li a {
        font-size: 17px;
    }

    .mainNavbar ul li {
        padding-bottom: 8px;
    }

    .mainNavbar ul li:first-child {
        padding: 0 0 8px 0;
    }

    .aboutDetails {
        width: 100%;
        padding: 0;
    }

    .aboutDetails p {
        padding-bottom: 15px;
    }

    .aboutDetails h3 {
        padding: 20px 0;
        max-width: 100%;
        line-height: 35px;
        font-size: 36px;
    }

    .mainPageaboutbtn {
        width: 66%;
    }

    .slick-prev {
        left: -20px;
    }

    .slick-next {
        right: -20px;
    }

    .productCarousel {
        margin: 0;
    }

    .footerAccountbox {
        width: 27%;
        padding-left: 0px;
    }

    .creditCardbox {
        width: 20%;
    }

    .footerListitem {
        width: 53%;
    }

    .mainPageaboutus {
        display: block;
        padding: 25px 0 40px;
    }

    .aboutVideosection {
        width: 100%;
    }

    .mainPageaboutusbox {
        background-position: right -235px top;
    }

    .mainFeaturedbox {
        padding: 15px 5px;
    }

    .categoryItems {
        width: auto;
        max-width: 310px;
        margin: 0 auto;
    }

    .mainPagecategoriesbox {
        gap: 15px;
        flex-wrap: wrap;
        padding: 25px 0px;
    }

    .createAccountbox ul {
        padding-right: 0%;
        justify-content: center;
    }

    .userLoginboxes form {
        justify-content: center;
    }

    .maincategoriespage {
        display: block;
    }

    .categoriessidebar {
        width: 100%;
        text-align: center;
    }

    .maincategoriesproduct {
        margin: 0px;
        width: 100%;
    }

    .mainproductpage {
        display: block;
    }

    .mainProductpageBox .categoriessidebar {
        margin-left: 0;
    }

    .mainProductcrumbnav {
        width: 100%;
    }

    .aboutProductBoxes {
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
    }

    .mainProductpageBox .mainPagefeaturedbox {
        width: 100%;
        margin-left: 0;
        padding-left: 0px;
    }

    .mainProductpageBox .mainFeaturedproduct {
        width: 48%;
    }

    .mainProductpageBox .mainFeaturedbox {
        gap: 10px;
    }

    ul.mainUl {
        display: none;
    }

    .mainProductcrumbnav {
        margin-left: 0px;
    }

    .mainFeaturedbox .productCarousel {
        padding: 30px 0;
    }

    .mainFooterslinkbox {
        display: flex;
        padding: 35px 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .footerListitem,
    .footerAccountbox,
    .creditCardbox {
        width: 100%;
    }

    .footerListitem ul {
        column-count: 1;
    }

    .creditCardbox img {
        margin-left: auto;
        padding-top: 53px;
        margin-right: auto;
    }

    .footerSociallinks a {
        padding: 0 10px;
    }

    .footerSociallinks {
        padding: 25px;
    }

    .footerAccountbox {
        margin-top: 15px;
    }

    .slick-next,
    .slick-prev {
        width: 35px;
        height: 35px;
    }

    .topHeader {
        display: none;
    }

    .maincategoriesproduct {
        padding-left: 0;
    }

    .mainpagetopbar {
        flex-direction: column;
        gap: 10px;
    }

    .productGrid li.product {
        width: 100% !important;
        padding: 0 25px;
        margin-bottom: 25px;
    }

    .mainsearchbar input[type="text"],
    .mainsearchbaricon input[type="text"],
    .formobilesearch input[type="text"] {
        padding: 10px 20px;
    }

    .mainproductdetail h1,
    .productBack h2 {
        font-size: 24px;
        line-height: 25px;
    }

    .productBack button.slick-prev {
        left: -20px;
    }

    .productBack button.slick-next {
        right: -20px;
    }

    .productView-thumbnail-link {
        height: 100px;
    }

    .categoriessidebar {
        display: none;
    }

    section.productView-images {
        order: -1;
    }

    .productView-options .form {
        display: inline;
        text-align: left;
    }

    .aboutProductBoxes a {
        padding: 0px 20px;
        font-size: 18px;
    }

    h1.page-heading,
    h2.page-heading {
        line-height: 28px;
        line-height: 30px;
    }

    #search-results-heading {
        margin-top: 15px;
    }

    .categoryItemtitle a {
        font-size: 22px;
    }

    .page h1.page-heading {
        padding-top: 20px;
    }
    .prodImgBox {
        max-height: 210px;
        min-height: 210px;
    }
    .prodImgBox img {
        max-height: 210px;
    }

}

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

    .container,
    .headerContainer {
        width: auto;
        padding: 0 20px;
    }

    .wishlist {
        padding-top: 28px;
    }
}