/*===================== Default CSS =====================*/
@import "//stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css";
@import "//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css";
@import url(../css/magiczoom.min.css);
@import "//cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js";
@import url(../css/flaticon.css);
/* @import url("https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css"); */

@import url('https://fonts.googleapis.com/css2?family=Jost: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&display=swap');

* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Jost', sans-serif;
  --theme: #444;
  --base: #777;
  transition: .3s ease-in-out .0s;
  overflow-x: hidden;
}
/*@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBold.woff2') format('woff2'),
        url('fonts/UniNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueRegular.woff2') format('woff2'),
        url('fonts/UniNeueRegular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
 .monts {
  font-family: 'Montserrat', sans-serif;
}
.quicksand {
  font-family: 'Quicksand', sans-serif;
} */

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 08/07/2020 09:22
  	*/

      @font-face {
        font-family: "Flaticon";
        src: url("./Flaticon.eot");
        src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
             url("./Flaticon.woff2") format("woff2"),
             url("./Flaticon.woff") format("woff"),
             url("./Flaticon.ttf") format("truetype"),
             url("./Flaticon.svg#Flaticon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
      }
      
      @media screen and (-webkit-min-device-pixel-ratio:0) {
        @font-face {
          font-family: "Flaticon";
          src: url("./Flaticon.svg#Flaticon") format("svg");
        }
      }
      
      [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
      [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
        font-family: Flaticon;
              font-size: 20px;
      font-style: normal;
      margin-left: 20px;
      }
      
      .flaticon-heart:before { content: "\f100"; }
      .flaticon-bag:before { content: "\f101"; }
      .flaticon-next:before { content: "\f102"; }
      .flaticon-left-arrow:before { content: "\f103"; }
      .flaticon-tick:before { content: "\f104"; }
      .flaticon-plus:before { content: "\f105"; }
      .flaticon-minus:before { content: "\f106"; }
      .flaticon-user:before { content: "\f107"; }
      .flaticon-lock:before { content: "\f108"; }
      .flaticon-cancel:before { content: "\f109"; }
      .flaticon-right:before { content: "\f10a"; }
      .flaticon-instagram:before { content: "\f10b"; }
      .flaticon-play-button:before { content: "\f10c"; }
      .flaticon-measuring:before { content: "\f10d"; }
      .flaticon-truck:before { content: "\f10e"; }
      .flaticon-whatsapp-1:before { content: "\f10f"; }
      .flaticon-bracelet:before { content: "\f110"; }
      .flaticon-perfume:before { content: "\f111"; }
      .flaticon-home-delivery:before { content: "\f112"; }
      .flaticon-exchange:before { content: "\f113"; }
      .flaticon-shop:before { content: "\f114"; }



      .flaticon-,
      [class^="flaticon-"]:before,
      [class*=" flaticon-"]:before,
      [class^="flaticon-"]:after,
      [class*=" flaticon-"]:after {
          margin-left: 0px
      }

.jost {
font-family: 'Jost', sans-serif;
}

p {
  margin-bottom: 0 !important;
}
ul {
  margin: 0 !important;
  padding: 0 !important;
}
ul li {
  list-style-type: none;
}
a  {
    text-decoration: none !important;
    transition: .3s ease-in-out 0s;
}
.row, .col {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width:5px
}

::-webkit-scrollbar-thumb {
    background:#333; border-radius:30px
}

::-webkit-scrollbar-track {
    box-shadow:inset 0 0 0 grey; border-radius:0px; background:#EEE
}

/*===================== main CSS =====================*/
.header-bar {
    padding: 15px 0 15px 0;
}
.header-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.header-left-icons li {
    padding-right: 24px;
    line-height: 0;
}
.header-left-icons li svg {
    width: 20px;
    height: auto;
    fill: #777;
    /* stroke: #777; */
}
.header-left-icons li svg a {
    transition: .3s ease-in-out 0s;
    fill: #777;
    stroke: #777;    
}
.header-left-icons li svg a:hover {
    fill: #111;
    stroke: #111;
}
.header-left-icons li svg:hover {
    fill: #111;
    /* stroke: #333; */
    transition: .3s ease-in-out 0s;
}
.header-center {
    display: flex;
    justify-content: center;
}
.header-center.logo > svg {
    width: 120px;
    height: auto;
}
.header-right-icons {
    justify-content: end;
}
.header-right-icons li {
    padding-left: 24px;
    line-height: 0;
}
.header-right-icons li svg {
    width: 20px;
    height: auto;
    fill: #777;
}
.header-right-icons li svg:hover {
    fill: #111;
    transition: .3s ease-in-out 0s;
}

.nav-bar {
    padding:10px 0;
}
.nav-bar ul {
    justify-content: center;
    text-align: center;
}
.nav-bar ul li {
    padding: 10px 0px;
    text-transform: uppercase;
    text-decoration: none;
    list-style-type: none;
    display: inline-block;
    color: #777;
    font-size: calc(0.7rem + 0.390625vw);
}
.nav-bar ul li a {
    text-decoration: none;
    color: #777;
    padding: 10px 24px;
    font-weight: 400;
    position: relative;
    transition: .5s;
}
.nav-bar ul li a:hover {
    color: #333;
    font-weight: 400;
    transition: .5s;
}
.nav-bar ul li a:hover::before {
    /* width: calc(100% - 70px); */
    width: 30px;
}
.nav-bar ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    width: 0;
    height: 1px;
    transition: all .3s;
    margin: auto;
}

/*---------------------- Responsive Header START ----------------------*/

@media only screen and (min-width: 992px) {
    #Header .mainHeader {
        padding-top: 10px;
    }
}
#Header .mainHeader .row {
    margin: 0px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

#Header .mainHeader .socialIds {
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 30px !important;
}
@media only screen and (min-width: 335px) {
    #Header .mainHeader .socialIds {
        padding-right: 50px !important;
    }
}
@media only screen and (min-width: 468px) {
    #Header .mainHeader .socialIds {
        padding-right: 60px !important;
    }
}
@media only screen and (min-width: 992px) {
    #Header .mainHeader .socialIds {
        margin: 0 -11px;
        padding-right: 0px;
        margin-bottom: 15px;
    }
}
#Header .mainHeader .socialIds li a {
    display: block;
    position: relative;
    transition: all .3s;
}
#Header .mainHeader .socialIds li .addedItm {
    position: absolute;
    left: 9px;
    top: 18px;
    font-size: 13px;
    color: #444444;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
    #Header .mainHeader .socialIds li .addedItm {
        left: 12px;
    }
}

/* #Header .mainHeader .socialIds li a svg {
    fill: #777;
    width: 16px;
    height: 16px;
    transition: all .3s;
}
@media only screen and (min-width: 768px) {
    #Header .mainHeader .socialIds li a svg {
        width: 21px;
        height: 21px;
    }
} */

#Header .mainHeader .socialIds .cartIcon a svg {
    fill: #777;
    width: 25px;
    height: 25px;
}
@media only screen and (min-width: 768px) {
    #Header .mainHeader .socialIds .cartIcon a svg {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (min-width: 992px) {
    #Header .menu_icon {
        display: none;
    }
}
@media only screen and (max-width: 992px) {
    #Header .menu_icon {
        display: flex;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }
}
@media only screen and (max-width: 992px) {
    #Header .menu_icon button {
        display: block;
        border: none;
        height: 60px;
        font-size: 0;
        outline: none;
        margin-right: 0;
        margin-top: 0;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        height: 100%;
        width: 40px;
        padding: 10px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 335px) {
    #Header .menu_icon button {
        width: 55px;
        padding: 15px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 468px) {
    #Header .menu_icon button {
        width: 60px;
    }
}
@media only screen and (max-width: 992px) {
    #Header .menu_icon button span {
        width: 100%;
        height: 1px;
        display: block;
        background: #313131;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        position: relative;
        margin-top: 6px;
    }
}
@media only screen and (max-width: 992px) {
    #Header .menu_icon button span:nth-child(2) {
        width: 90%;
    }
}
@media only screen and (max-width: 992px) {
    #Header .menu_icon button span:nth-child(3) {
        width: 66%;
    }
}

/*---------------------- Responsive Header END ----------------------*/

/*=========================== Swiper custom CSS START ===========================*/

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    right: 0;
}
.swiper-pagination-bullet { 
    width: 14px;
    height: 14px;
}
.swiper-pagination-bullet {
    /* background: #ffffff; */
    opacity: 0.5;
    border: 2px solid #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
.swiper-button-next, .swiper-button-prev {
    color: #bbb !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    color: #333 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 36px;
    line-height: 10;
    padding: 0 50px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 15px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 15px;
}

/*=========================== Swiper custom CSS END ===========================*/

.banner-container {
    position: relative; 
}
 
.banner-container img {
    width: 100%;
    height: auto;
    /* position: relative; */
}
.inner-banner-container {
    position: relative; 
}

.inner-banner-container img {
    height: 26vh;
    width: 100%;
    object-fit: cover;
}

.mouse-card {
    width: 100px;
    height: auto;
    position: absolute;
    left: 46.5%;
    right: 0;
    bottom: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9;
}
.mouse-card span {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.mouse {
	width: 20px;
	height: 36px;
	border: 2px solid #fff;
	border-radius: 60px;
	position: relative;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
	overflow: hidden;
}
@keyframes bounce {
	0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.mouse::before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    animation: wheel 2s infinite;
    -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

/* .scrollDown {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    cursor: pointer;
    text-align: center;
    z-index: 1;
}
.scrollDown span {
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
    display: block;
}
.scrollDown .down {
    position: relative;
    width: 19px;
    height: 29px;
    border-radius: 25px;
    background: 0 0;
    border: 1px solid #10a6e8;
    overflow: hidden;
    margin: 0 auto;
}
.scrollDown .down::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 6px;
    border-radius: 50%;
    background: #10a6e8;
    left: 52%;
    top: 0;
    transform: translate(-50%,0);
    animation: animate 3s linear infinite;
} */


#ourStudio {
    width: 100%;
    /* max-height: 850px; */
   
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
}
.welcome-container {
    padding: 3% 0;
}
.welcome-text {
    text-align: center;
    /* backdrop-filter: blur(6px);
    border-radius: 30%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.welcome-text h1 {
    font-size: calc(2rem + 0.390625vw);
    color: #444;
    font-weight: 300;
    letter-spacing: 0.06rem;
}
.tritva-welcome-logo {
    padding: 20px 0;
}
.tritva-welcome-logo svg {
    width: 220px;
    height: auto;
    color: #333;
}
.welcome-text p {
    font-size: 1rem;
    color: #444;
    padding: 30px 100px;
    line-height: 34px;
    font-weight: 300;
    letter-spacing: 0.06rem;
}


#ourCategories {
    
}
section#ourCategories .sectionHead {
    padding-top: 50px;
}

.category-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.category-box, .about-box {
    width: auto;
    height: auto;
    padding: 0;
    position: relative;
}
.category-box img, .about-box img {
    width: 100%;
    position: relative;
}
.category-box img:hover, .about-box img:hover {
    transition: opacity 0.5s, transform var(--duration) var(--easing);
}
.category-box::before, .about-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #fff;
    z-index: 99;
    margin: 40px;
}
.category-box h3, .about-box h3 {
    font-size: calc(2rem + 0.390625vw);
    position: absolute;
    text-align: center;
    bottom: 14%;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
}
.cat-img-outer {
    margin: 20px;
    overflow: hidden;
}
.hover {
    --duration: 0.8s;
    --easing: ease;
}
.hover:hover img {
    transform: scale(1.1);
    transition: transform var(--duration) var(--easing);
}

#ourStore {

}
.sectionHead {
    font-family: 'Jost', sans-serif;
    text-align: center;
    padding: 30px 0;
}
.sectionHead h1 {
    font-size: calc(2rem + 0.390625vw);
    color: #444;
    font-weight: 300;
    letter-spacing: 0.06rem;
}
.sectionHead p {
    font-size: 1rem;
    color: #777;
    font-weight: 300;
    letter-spacing: 0.06rem;
}


a {
    cursor: pointer;
}
.GridBox {
    display: grid;
    grid-auto-rows: 130px;
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 468px) {
    #ourStore .GridBox {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 210px;
    }
}
@media only screen and (min-width: 700px) {
    #ourStore .GridBox {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 275px;
        gap: 12px;
    }
}
@media only screen and (min-width: 992px) {
    #ourStore .GridBox {
        grid-template-columns: repeat(4, 1fr);
        grid-auto-rows: 375px;
        gap: 15px;
    }
}
#ourStore .GridBox .item {
    /* margin: 10px; */
    position: relative;
    overflow: hidden;
}
#ourStore .GridBox .item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
#ourStore .GridBox .item:nth-child(1) {
    order: 0;
}
/* #ourStore .GridBox .item:nth-child(1), #ourStore .GridBox .item:nth-child(3) {
    grid-row: span 2/auto;
} */
#ourStore .GridBox .item:nth-child(2) {
    grid-row: span 2/auto;
}
@media (max-width: 992px) and (min-width: 700px) {
    #ourStore .GridBox .item:nth-child(7) {
        grid-column: span 2/auto;
    }
}
#ourStore .GridBox .item .over {
    height: 95px;
}
#ourStore .GridBox .item .over {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    background-color: rgb(0 0 0 / 20%);
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all .5s;
    padding: 15px;
    /* height: 55px; */
}
#ourStore .GridBox .item:hover .over {
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
#ourStore .GridBox .item .over .itmName {
    font-size: calc(1.6rem + 0.390625vw);
    line-height: 34px;
    font-weight: 200;
    color: #fff;
    text-transform: uppercase;
}
#ourStore .GridBox .item .over .shpBtn {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    margin: auto;
    transition: all .5s;
    transition-delay: .5s;
    transform: translateY(40px);
}
#ourStore .GridBox .item:hover .over .shpBtn {
    opacity: 1;
    visibility: visible;
    height: 48px;
}
.shpBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.502);
    width: 125px;
    height: 40px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
}



.footerSection {
    padding-top: 40px;
}
.footer-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.footer-title h3, .footer-contact-details h3 {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 18px;
    color: #777;
    font-weight: 500;
}
.footer-title ul li a {
    text-decoration: none;
    color: #777;    
}
.footer-title ul li a:hover {
    text-decoration: none;
    color: #111;    
}
.footer-contact-details h3 a {
    text-decoration: none;
    color: #777;
}
.footer-contact-details h3 a:hover {
    text-decoration: none;
    color: #333;
}
.footer-title ul li {
    font-size: 12px;
    text-transform: uppercase;
    display:flex;
    flex-direction: column;
    padding-bottom: 12px;
    color: #777;

}
.footer-logo {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.footer-logo svg {
    width: 180px;
    height: auto;
}
.footer-contact-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-contact-details p {
    text-transform: uppercase;
    font-size: 12px;
    color: #777;
    text-align: center;
    letter-spacing: 0.4rem;
}
.footer-contact-details h3 {
    /* font-size: 14px; */
    font-size: calc(0.5rem + 0.390625vw);
    color: #777;
    font-weight: 600;
    padding: 10px 0;
    text-transform: lowercase;
}

.social-networks {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.social-networks li {
    padding: 0 10px;
}
.social-networks li svg {
    width: auto;
    height: 17px;
    fill: #777;
    stroke: #777;
}
.social-networks li svg path {
    stroke: #777;
    transition: .3s ease-in-out 0s;
}
.social-networks li svg:hover path {
    stroke: #333;
}

/* .social-networks li svg a {
    color: #777;
}
.social-networks li svg a:hover {
    color: #777;    
}
.social-networks li svg:hover {
    fill: #333;
    stroke: #333;
} */

.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.footer-bottom p {
    font-size: 12px;
    color: #777;
    text-transform: uppercase;
}
.footer-bottom p a {
    text-decoration: none;
    color: #777;
}
.footer-bottom p a:hover {
    text-decoration: none;
    color: #333;
}
.payment-icons img {
    width: 320px;
    height: auto;
    text-align: center;
}


.scrollup {
    position: fixed;
    right: 42px;
    bottom: 25px;
    height: 67px;
    width: 32px;
    cursor: pointer;
    display: block;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.scrollup.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.scrollup::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 32px;
    height: 49px;
    border-radius: 30px;
    box-shadow: inset 0 0 0 2px rgba(184,146,107,0.1);
}
.scrollup svg.progress_circle {
    fill: #b2afaf03;
}
.scrollup svg .st0 {
    fill: #ddae27;
}
.scrollup #Chevron_Right {
    -moz-animation: sdb05 2s infinite;
    -webkit-animation: sdb05 2s infinite;
    animation: sdb05 2s infinite;
}


/*============================ inner page ============================*/

.inner-banner-container .banner-head-box {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
}
.inner-banner-container .banner-head-box h1 {
    text-transform: uppercase;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    font-size: 5rem;
    color: #fff;
    opacity: 0.2;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
}
.inner-banner-container .banner-head-box h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

#BreadCrumb {
    padding: 20px 0;
}
#BreadCrumb ul {
    display: flex;
    align-items: center;
}
#BreadCrumb ul li {
    display: flex;
    align-items: center;
}
#BreadCrumb ul li a {
    font-size: 12px;
    color: #929292;
    display: block;
}
#BreadCrumb ul li:not(:last-of-type)::after {
    content: "/";
    font-size: 12px;
    color: #929292;
    margin: 0 7px 0 4px;
}

.about-box {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
}
.about-box img {
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
}
.about-box::before {
    margin: 20px !important;
}
.abt-img-outer {
    margin: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.about-text {

}
.about-text h2 {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 20px;
}
.about-text p {
    font-size: 1rem;
    color: #777;
    font-weight: 300;
    letter-spacing: 0.06rem;
}

.view-more {
    color: #777;
    display: inline-block;
    font-size: 0.8rem !important;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
    position: relative;
    text-align: center;
    padding: 0 0 6px 0;
    transition: .5s;
}
.view-more::before {
    content: '';
    transition: .5s;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 1px;
    background: #444;
}
.view-more:hover {
    color: #444 !important;
}
.view-more:hover::before {
    width: 100%;
    left: 0;
}

.press img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid #EEE;

    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    -webkit-transition: all .3s ease-in-out;
}
.press img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
}
.press h3 {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
    color: #777;
    letter-spacing: 0.06rem;
    margin-bottom: 20px;
}

.contact-details {

}
.contact-detail-box {
    border-right: 1px solid #EEE;
    
}
.contact-detail-box:nth-child(3) {
    border-right: none;   
}
.contact-detail-box h3 {
    font-size: 1.6rem;
    color: #777;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.06rem;
    padding-bottom: 20px;
}
.contact-map {
    width: 100%;
    height: 80%;
}
.contact-main {
    
}
.contact-main-item {
    padding-bottom: 30px !important;
}
.contact-main-item h4 {
    font-size: 1rem;
    color: #333;
}
.contact-main-item p {
    color: #777;
}
.contact-main-item p a {
    color: #777;
    text-decoration: none;
}
.contact-main-item p a:hover {
    color: #777;
    text-decoration: none;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #CCC;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cmn_inp {
    border-radius: 0px !important;
    height: 50px;
    margin-bottom: 12px;
}
.contact_form_sect .form-row textarea {
    height: 150px;
}

.cart_button {
    margin-top: 10px;
}
.cart_button button {
    z-index: 1;
    overflow: hidden;
    padding: 10px 30px;
    border: none;
    background: #777;
    color: #fff;
    z-index: 999;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0px;
    margin-top: 0px;
    position: relative;
    transition: .5s;
}
.cart_button button:hover {
    box-shadow: 5px 5px 15px rgb(0 0 0 / 5%);
}
.cart_button button::before {
    content: '';
    position: absolute;
    right: 0;
    width: 0%;
    height: 100%;
    background: #111;
    z-index: -1;
    top: 0;
    transition: all ease 350ms;
}
.cart_button button:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}



.fade {
    transition:opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition:none
    }
}

.fade:not(.show) {
    opacity:0
}

.collapse:not(.show) {
    display:none
}

/*================================ Modal ==============================*/

#searchModal .modal-dialog {
    margin: 0;
    max-width: 100%;
    margin-top: 68px;
}
@media only screen and (min-width: 468px) {
    #searchModal .modal-dialog {
        margin-top: 73px;
    }
}
@media only screen and (min-width: 768px) {
    #searchModal .modal-dialog {
        margin-top: 110px;
    }
}
#searchModal .modal-content {
    border: none;
    border-radius: 0px;
    background: transparent;
}
#searchModal .modal-body {
    padding: 0px;
}
#searchModal form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0d6b9;
    border-top: 1px solid #f0d6b9;
    background: #fff;
    padding: 0 8px;
}
#searchModal form .container {
    display: flex;
    align-items: center;
}
#searchModal input {
    font-size: 11px;
    color: #434242;
    text-transform: uppercase;
    padding: 0 0;
    letter-spacing: 1px;
    height: 40px;
    outline: none;
    box-shadow: none;
    border: none;
    width: calc(100% - 30px);
    background: transparent;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#searchModal input::placeholder {
    font-size: 11px;
    color: #434242
}
.search-keyword-dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    background: #1c1c29;
    width: 100%;
    z-index: 9999;
}

.search-keyword-dropdown ul {
    width: 100%;
    margin: auto
}

@media only screen and (min-width: 992px) {
    .search-keyword-dropdown ul {
        max-width: 1050px
    }
}

@media only screen and (min-width: 1200px) {
    .search-keyword-dropdown ul {
        max-width: 1180px
    }
}

@media only screen and (min-width: 1441px) {
    .search-keyword-dropdown ul {
        max-width: 1260px
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .search-keyword-dropdown ul {
        max-width: 95%
    }
}

@media only screen and (max-width: 768px) {
    .search-keyword-dropdown ul {
        max-width: none
    }
}

.search-keyword-dropdown ul li {
    padding: 10px 15px !important;
    border: none;
    font-size: 13px !important;
    color: #fff !important;
    transition: all .3s;
    cursor: pointer
}

.search-keyword-dropdown ul li:hover {
    color: #f685bb !important
}

.search-keyword-dropdown ul li:not(:last-of-type) {
    border-right: 0 !important;
    border-bottom: 1px solid #2b303c
}


#searchModal button {
    width: 30px;
    height: 40px;
    padding: 0px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#searchModal button svg {
    width: 15px;
    fill: #242424;
}
#searchModal.sticky .modal-dialog {
    margin-top: 68px
}

@media only screen and (min-width: 468px) {
    #searchModal.sticky .modal-dialog {
        margin-top: 73px
    }
}

@media only screen and (min-width: 768px) {
    #searchModal.sticky .modal-dialog {
        margin-top: 91px
    }
}

@media only screen and (min-width: 1200px) {
    #searchModal.sticky .modal-dialog {
        margin-top: 73px
    }
}


.modal-open {
    overflow:hidden;
}

.modal-open .modal {
    overflow-x:hidden; overflow-y:auto;
}

.modal {
    position:fixed; top:0; left:0; z-index:1050; display:none; width:100%; height:100%; overflow:hidden; outline:0
}

.modal-dialog {
    position:relative; width:auto; margin:.5rem; pointer-events:none
}

.modal.fade .modal-dialog {
    transition:-webkit-transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform:translate(0, -50px); transform:translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition:none
    }
}

.modal.show .modal-dialog {
    -webkit-transform:none; transform:none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform:scale(1.02); transform:scale(1.02)
}

.modal-dialog-scrollable {
    display:-ms-flexbox; display:flex; max-height:calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height:calc(100vh - 1rem); overflow:hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    -ms-flex-negative:0; flex-shrink:0
}

.modal-dialog-scrollable .modal-body {
    overflow-y:auto
}

.modal-dialog-centered {
    display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; min-height:calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display:block; height:calc(100vh - 1rem); height:-webkit-min-content; height:-moz-min-content; height:min-content; content:""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; height:100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height:none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content:none
}

.modal-content {
    position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0, 0, 0, 0.2); border-radius:.3rem; outline:0
}

.modal-backdrop {
    position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000
}

.modal-backdrop.fade {
    opacity:0
}

.modal-backdrop.show {
    opacity:.5
}

.modal-backdrop{background:rgba(54,54,54,0.8);z-index:99}
.modal-backdrop.show{opacity:1}

.modal-header {
    display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; -ms-flex-pack:justify; justify-content:space-between; padding:1rem 1rem; border-bottom:1px solid #dee2e6; border-top-left-radius:calc(0.3rem - 1px); border-top-right-radius:calc(0.3rem - 1px)
}

.modal-header .close {
    padding:1rem 1rem; margin:-1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom:0; line-height:1.5
}

.modal-body {
    position:relative; -ms-flex:1 1 auto; flex:1 1 auto; padding:1rem
}

.modal-footer {
    display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:end; justify-content:flex-end; padding:.75rem; border-top:1px solid #dee2e6; border-bottom-right-radius:calc(0.3rem - 1px); border-bottom-left-radius:calc(0.3rem - 1px)
}

.modal-footer>* {
    margin:.25rem
}

.modal-scrollbar-measure {
    position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px; margin:1.75rem auto
    }

    .modal-dialog-scrollable {
        max-height:calc(100% - 3.5rem)
    }

    .modal-dialog-scrollable .modal-content {
        max-height:calc(100vh - 3.5rem)
    }

    .modal-dialog-centered {
        min-height:calc(100% - 3.5rem)
    }

    .modal-dialog-centered::before {
        height:calc(100vh - 3.5rem); height:-webkit-min-content; height:-moz-min-content; height:min-content
    }

    .modal-sm {
        max-width:300px
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}
/*================================ Modal END ==============================*/


.productsPage #proListing {
    border-bottom: 1px solid #f0eeef;
}
.productsPage #proListing .container {
    max-width: 100%;
}

.productsPage #proListing .lftSec {
    padding-right: 0px;
    width: 310px;
    padding-bottom: 40px;
    position: sticky;
    top: 40px;
    height: 100%;
}
.productsPage #proListing .lftSec #filterAccodionModal {
    display: block;
    position: relative;
    border: none;
    opacity: 1;
    z-index: 2;
    padding-right: 0;
}
.productsPage #proListing .lftSec #filterAccodionModal .modal-dialog {
    max-width: none;
    margin: 0;
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,-50px);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}


@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec {
        padding:70px 0px 45px 30px; border-right:1px solid #f0eeef; width:220px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec {
        padding:90px 0px 45px 40px; width:290px
    }
}

.productsPage #proListing .lftSec #filterAccodionModal {
    z-index:999
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal {
        z-index:1; display:block; padding-right:0; position:relative; border:none; opacity:1; transform:translateX(1px)
    }
}

@media only screen and (max-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal {
        background:#fff
    }
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-dialog {
    max-width:none; margin:0; -webkit-transform:translate(0, 0px); transform:translate(0, 0px)
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-content {
    border:none; background:none
}

@media only screen and (max-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal .modal-content {
        height:100vh; border-radius:0px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal .modal-body {
        padding:0px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal .modal-header {
        display:none; border:none
    }
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-header .modal-title {
    font-size:16px; color:#040404; font-weight:400; text-transform:uppercase; letter-spacing:1px
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-header button {
    border-radius:0px; border:none; outline:none; box-shadow:none
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-footer {
    padding:5px .75rem
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodionModal .modal-footer {
        display:none; border:none
    }
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-footer .btn {
    background:#f685bb; border-radius:0px; border:none; outline:none; box-shadow:none; font-size:12px; min-width:90px; text-transform:uppercase; color:#fff
}

.productsPage #proListing .lftSec #filterAccodionModal .modal-footer .btn.clear {
    background:transparent; border:1px solid #dee2e6; color:#888
}

.productsPage #proListing .lftSec #filterAccodion .card {
    border:none; background:none
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader {
    padding:10px 0px; margin:10px 0
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader {
        padding:0px
    }
}

@media only screen and (max-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader {
        border-bottom:1px solid #dee2e6
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader button {
    font-family:"Futura PT"; padding:0px; margin:0px; font-size:12px; letter-spacing:1px; color:#9e9e9e; text-transform:uppercase; outline:none; border:none; box-shadow:none; text-decoration:none; width:100%; display:block; text-align:left; position:relative
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader button::before {
    content:"+"; position:absolute; right:0px; top:0px; bottom:0px; margin:auto; transition:all .3s; width:22px; text-align:center; font-size:20px; display:flex; align-items:center; justify-content:center
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader button::before {
        right:10px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader button[aria-expanded="true"] {
    color:#f685bb
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader button[aria-expanded="true"]::before {
    content:"-"
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader button {
        font-size:16px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader button {
        font-size:20px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader a.btn {
    padding:0px; margin:0px; font-size:12px; font-weight:400; vertical-align:middle; letter-spacing:1px; color:#9e9e9e; text-transform:uppercase; outline:none; border:none; box-shadow:none; text-decoration:none; width:100%; display:block; text-align:left; position:relative
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader a.btn {
        font-size:16px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cardHeader a.btn {
        font-size:20px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .cardHeader a.btn.active {
    color:#f685bb
}

.productsPage #proListing .lftSec #filterAccodion .card .card-body {
    padding:0px; margin-top:10px; padding-bottom:10px
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .card-body {
        border:none
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec #filterAccodion .card .card-body {
        margin-top:25px; margin-bottom:20px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .cheeck_box {
    display:flex; align-items:center
}

.productsPage #proListing .lftSec #filterAccodion .card .cheeck_box:not(:last-of-type) {
    margin-bottom:8px
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cheeck_box:not(:last-of-type) {
        margin-bottom:13px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec #filterAccodion .card .cheeck_box:not(:last-of-type) {
        margin-bottom:25px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card form {
    width:100%
}

.productsPage #proListing .lftSec #filterAccodion .card input {
    opacity:0; visibility:hidden; width:0px; height:0px; position:absolute
}

.productsPage #proListing .lftSec #filterAccodion .card label, .productsPage #proListing .lftSec #filterAccodion .card a {
    font-size:12px; color:#848382; text-transform:uppercase; display:block; cursor:pointer; user-select:none; -moz-user-select:none; -webkit-user-select:none; width:100%; position:relative; transition:all .3s
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .lftSec #filterAccodion .card label, .productsPage #proListing .lftSec #filterAccodion .card a {
        font-size:13px
    }
}

.productsPage #proListing .lftSec #filterAccodion .card label::after, .productsPage #proListing .lftSec #filterAccodion .card a::after {
    content:""; position:absolute; right:0px; top:0px; bottom:0px; margin:auto; background-color:#f685bb; width:1px; height:16px; opacity:0; visibility:hidden; transition:all .3s
}

.productsPage #proListing .lftSec #filterAccodion .card label:hover, .productsPage #proListing .lftSec #filterAccodion .card a:hover {
    color:#f685bb; font-weight:500
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card label:hover::after, .productsPage #proListing .lftSec #filterAccodion .card a:hover::after {
        opacity:1; visibility:visible
    }
}

.productsPage #proListing .lftSec #filterAccodion .card input:checked+label {
    color:#f685bb; font-weight:500
}

.productsPage #proListing .lftSec #filterAccodion .card input:checked+label::after {
    opacity:1; visibility:visible
}

.productsPage #proListing .lftSec #filterAccodion .card a.active {
    color:#f685bb; font-weight:500
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card a.active::after {
        opacity:1; visibility:visible
    }
}

@media only screen and (max-width: 992px) {
    .productsPage #proListing .lftSec #filterAccodion .card:not(:last-of-type) .card-body {
        border-bottom:1px solid #dee2e6
    }
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList {
    margin:-7px
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li {
    margin:8px; display:inline-block
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li button {
    position:relative; display:inline-block; height:30px; width:30px; vertical-align:top; cursor:pointer; background-size:cover
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li button::before {
    content:attr(date-tooltip); position:absolute; bottom:70%; left:70%; padding:4px 11px 3px 11px; white-space:nowrap; border:1px solid #e7e7e7; background:#fff; color:#5c5c5c; font-size:12px; pointer-events:none; visibility:hidden; opacity:0; -webkit-transition:visibility .2s ease-in-out, opacity .2s ease-in-out; transition:visibility .2s ease-in-out, opacity .2s ease-in-out; z-index:1
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li button::after {
    content:""; position:absolute; width:calc(100% + 6px); height:calc(100% + 6px); top:-3px; left:-3px; border:1px solid #e7e7e7
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li button:hover::before {
    opacity:1; visibility:visible
}

.productsPage #proListing .lftSec #filterAccodion .card .ColorSwatchList li button.isActive::after {
    border:1px solid #f685bb
}



.productsPage #proListing .ritSec {
    padding:30px 15px 60px
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec {
        padding:40px 20px 60px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .ritSec {
        padding:60px 40px 75px; width:calc(100% - 220px)
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .ritSec {
        padding:75px 40px 105px; width:calc(100% - 290px)
    }
}

.productsPage #proListing .ritSec .ProListhead {
    margin-bottom:25px; display:flex; align-items:flex-end; justify-content:space-between
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .ritSec .ProListhead {
        display:block
    }
}

.productsPage #proListing .ritSec .ProListhead .ProCat {
    font-size:22px; color:#1c1c29; line-height:normal; letter-spacing:1px
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec .ProListhead .ProCat {
        font-size:25px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .ritSec .ProListhead .ProCat {
        font-size:30px
    }
}

.productsPage #proListing .ritSec .ProListhead .summary {
    font-size:13px; color:#868687; line-height:normal; letter-spacing:1px; margin-top:5px
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec .ProListhead .summary {
        margin-top:15px
    }
}

.productsPage #proListing .ritSec .ProListhead #mobFilterBtn {
    display:flex; justify-content:flex-end; position:sticky; position:-webkit-sticky; top:0; z-index:3; margin-bottom:-10px
}

@media only screen and (min-width: 992px) {
    .productsPage #proListing .ritSec .ProListhead #mobFilterBtn {
        /* display:none */
    }
}

.productsPage #proListing .ritSec .ProListhead #mobFilterBtn button {
    background:transparent; outline:none; border:none; box-shadow:none; font-size:12px; color:#000; display:flex; align-items:center; border:1px solid #f685bb; border-radius:0px; padding:3px 12px
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec .ProListhead #mobFilterBtn button {
        font-size:14px; padding:5px 15px
    }
}

.productsPage #proListing .ritSec .ProListhead #mobFilterBtn button svg {
    width:11px; margin-right:5px; fill:#f685bb
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec .ProListhead #mobFilterBtn button svg {
        width:15px
    }
}

.productsPage #proListing .ritSec .row {
    margin:-5px
}

.productsPage #proListing .ritSec .row .col-, .productsPage #proListing .ritSec .row [class^="col-"], .productsPage #proListing .ritSec .row [class*="col-"] {
    padding:5px
}

@media only screen and (min-width: 468px) {
    .productsPage #proListing .ritSec .row {
        margin:-10px
    }

    .productsPage #proListing .ritSec .row .col-, .productsPage #proListing .ritSec .row [class^="col-"], .productsPage #proListing .ritSec .row [class*="col-"] {
        padding:10px
    }
}

@media only screen and (min-width: 1441px) {
    .productsPage #proListing .ritSec .row {
        margin:-15px
    }

    .productsPage #proListing .ritSec .row .col-, .productsPage #proListing .ritSec .row [class^="col-"], .productsPage #proListing .ritSec .row [class*="col-"] {
        padding:15px
    }
}



.cartBtn {
    display:flex; align-items:center; justify-content:center; border:1px solid rgba(255, 255, 255, 0.2); width:125px; height:40px; font-size:12px; color:#fff; text-transform:uppercase; cursor:pointer
}

@media only screen and (min-width: 468px) {
    .cartBtn {
        width:140px; height:45px; font-size:12px
    }
}

@media only screen and (min-width: 1441px) {
    .cartBtn {
        width:149px; height:48px; font-size:14px
    }
}

.cartBtn svg {
    width:20px; height:20px; fill:#f5c3db; margin-right:10px
}

.cartBtn:hover {
    color:#F3C995; border-color:#F3C995
}

.cartBtn:hover svg {
    fill:#f685bb
}



.proItem {
    width:100%; overflow:hidden; position:relative; background:#1c1c29
}

@media only screen and (min-width: 468px) {
    .proItem {
        height:395px
    }
}

@media only screen and (min-width: 992px) {
    .proItem {
        height:320px
    }
}

@media only screen and (min-width: 1441px) {
    .proItem {
        height:465px
    }
}

.proItem::after {
    content:""; display: none; position:absolute; left:0px; bottom:0px; width:100%; height:35%; transition:all .5s; background:#1c1c29; background:-moz-linear-gradient(0deg, #1c1c29 0%, rgba(28, 28, 41, 0) 100%); background:-webkit-linear-gradient(0deg, #1c1c29 0%, rgba(28, 28, 41, 0) 100%); background:linear-gradient(0deg, #1c1c29 0%, rgba(28, 28, 41, 0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c29", endColorstr="#1c1c29", GradientType=1)
}

.proItem img {
    object-fit:cover; width:100%; height:100%; transition:all .5s
}

.proItem .btnSec {
    position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; width:fit-content; width:-moz-fit-content; height:fit-content; height:-moz-fit-content; transition:all .5s; opacity:0; visibility:hidden; z-index:1
}

.proItem .proInfo {
    position:relative; z-index:1; left:0px; bottom:0px; width:100%; transform:translateY(0px); transition:all .5s; padding:15px 15px 20px
}

@media only screen and (min-width: 468px) {
    .proItem .proInfo {
        padding:25px 15px; position:absolute
    }
}

@media only screen and (min-width: 1441px) {
    .proItem .proInfo {
        padding:25px 30px
    }
}

.proItem .proInfo .item {
    font-size:16px; margin-bottom:8px; color:#fff; text-transform:uppercase; text-align: center;
}

@media only screen and (min-width: 468px) {
    .proItem .proInfo .item {
        font-size:16px; margin-bottom:12px
    }
}

@media only screen and (min-width: 1441px) {
    .proItem .proInfo .item {
        font-size:22px; margin-bottom:15px
    }
}

.proItem .proInfo .priceInfo {
    align-items:center; margin-top:-7px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: center;
}

.proItem .proInfo .priceInfo .price {
    font-size:12px; color:#F3C995; padding-top:7px
}

@media only screen and (min-width: 468px) {
    .proItem .proInfo .priceInfo .price {
        font-size:15px
    }
}

@media only screen and (min-width: 1441px) {
    .proItem .proInfo .priceInfo .price {
        font-size:17px
    }
}

.proItem .proInfo .priceInfo .OgPrice {
    font-size:10px; color:#fff; padding-left:5px; text-decoration:line-through; padding-top:7px
}

@media only screen and (min-width: 576px) {
    .proItem .proInfo .priceInfo .OgPrice {
        padding-left:7px
    }
}

@media only screen and (min-width: 468px) {
    .proItem .proInfo .priceInfo .OgPrice {
        font-size:12px
    }
}

@media only screen and (min-width: 1441px) {
    .proItem .proInfo .priceInfo .OgPrice {
        font-size:14px
    }
}

.proItem .proInfo .priceInfo .offPrice {
    font-size:10px; color:#f685bb; padding-top:7px
}

@media only screen and (min-width: 576px) {
    .proItem .proInfo .priceInfo .offPrice {
        padding-left:7px
    }
}

@media only screen and (min-width: 468px) {
    .proItem .proInfo .priceInfo .offPrice {
        font-size:12px
    }
}

@media only screen and (min-width: 1441px) {
    .proItem .proInfo .priceInfo .offPrice {
        font-size:14px
    }
}

.proItem:hover img {
    opacity:.302 !important; transform:scale(1.1)
}

.proItem:hover .btnSec {
    opacity:1; visibility:visible
}

@media only screen and (min-width: 468px) {
    .proItem:hover .proInfo {
        transform:translateY(-10px)
    }
}


.proInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
}
.proInfo .item {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: calc(0.7rem + 0.390625vw);
}
.proInfo .priceInfo {
    font-weight: 500;
    font-size: calc(0.8rem + 0.390625vw);

}

/*================================= PRODUCTS listing section START  =================================*/

section#prolist {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#products_page .mobile_menu {
    padding: 7px 0 6px;
}
html:lang(ar) #products_page .mobile_menu {
    direction: rtl;
}
@media only screen and (max-width: 468px) {
    #products_page .page_header {
        display: none
    }
}

#products_page #items_showed {
    padding: 45px 0 35px;
    border-top: 1px solid #ebebeb
}

@media only screen and (max-width: 468px) {
    #products_page #items_showed {
        padding: 20px 0
    }
}

#products_page #items_showed .row {
    margin: 0px
}

#products_page #items_showed .summery {
    font-size: 16px;
    color: #676765;
    line-height: normal
}

#products_page #items_showed .summery span {
    font-size: 16px;
    color: #676765
}

#products_page #prolist {
    border-top: 1px solid #ebebeb
}

#products_page #prolist .margin0 {
    margin: 0px
}

#products_page #prolist #product_view {
    position: relative
}

#products_page #prolist #product_view .filtered {
    display: flex;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 15px
}

@media (max-width: 900px) and (min-width: 468px) {
    #products_page #prolist #product_view .filtered {
        top: 20px
    }
}

@media only screen and (max-width: 468px) {
    #products_page #prolist #product_view .filtered {
        right: 15px
    }
}

#products_page #prolist #product_view .filtered .label {
    font-size: 13px;
    color: #000;
    font-weight: 400
}

@media only screen and (max-width: 468px) {
    #products_page #prolist #product_view .filtered .label {
        font-size: 11px;
        display: none
    }
}

#products_page #prolist #product_view .filtered .dropdown-toggle {
    border: 1px solid #e5e5e5;
    height: 39px;
    outline: none;
    box-shadow: none;
    margin-left: 22px;
    font-size: 11px;
    color: #191919;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #fff;
    position: relative;
    background-position: center right 8px;
    background-size: 11px
}

@media only screen and (min-width: 468px) {
    #products_page #prolist #product_view .filtered .dropdown-toggle {
        min-width: 135px
    }
}

#products_page #prolist #product_view .filtered .dropdown-toggle:placeholder {
    font-size: 11px;
    color: #191919
}

#products_page #prolist #product_view .filtered .dropdown-toggle option {
    min-height: 25px
}

#products_page #prolist #product_view .filtered .data_input .dropdown-menu.inner li a {
    padding: 8px 10px
}

#products_page #prolist #product_view .summary {
    border: none
}

@media only screen and (max-width: 468px) {
    #products_page #prolist #product_view .summary {
        margin-bottom: 30px;
        padding-top: 11px !important;
        display: none
    }
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .container {
        max-width: 100%;
        padding: 0
    }
}

#products_page #prolist .container .row {
    margin: 0 -5px
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .container .row {
        margin: 0px
    }
    #products_page #prolist .container .row .col-,
    #products_page #prolist .container .row [class^="col-"],
    #products_page #prolist .container .row [class*="col-"] {
        padding: 2.5px
    }
}

#products_page #prolist .pro_item_box {
    margin-bottom: 25px
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .pro_item_box {
        margin-bottom: 0px
    }
}

#products_page #prolist .pro_item_box .item_info {
    top: 0px;
    width: 100%;
    padding: 15px 15px 0
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .pro_item_box .item_info {
        padding: 10px 10px 0
    }
}

#products_page #prolist .pro_item_box .item_info .pro_name {
    margin-bottom: 3px
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .pro_item_box .item_info .pro_name {
        margin-bottom: 0px
    }
}

#products_page #prolist .pro_item_box .item_info .rating-container {
    margin: 8px 0
}

@media only screen and (max-width: 468px) {
    #products_page #prolist .pro_item_box .item_info .rating-container {
        margin: 2px 0 5px
    }
}

#products_page #prolist .pro_item_box .item_info .shape {
    margin-top: 8px
}

/* Left Top Filter options */

#prolist .filter_header_tab {
    display: none
}

@media only screen and (max-width: 900px) {
    #prolist .filter_header_tab {
        background: #fff;
        width: 100%;
        padding: 10px 0px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        border-bottom: 1px solid #efefef;
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        z-index: 3
    }
}

#prolist .filter_header_tab .sort_option {
    font-size: 18px;
    font-weight: 400;
    color: #323131;
    position: relative;
    padding: 30px;
    border-right: 1px solid #efefef
}

@media only screen and (min-width: 900px) {
    #prolist .filter_header_tab .sort_option {
        display: none
    }
}

@media only screen and (max-width: 900px) {
    #prolist .filter_header_tab .sort_option {
        font-size: 13px;
        font-weight: 600;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
    }
    #prolist .filter_header_tab .sort_option .icon {
        margin-right: 10px
    }
    #prolist .filter_header_tab .sort_option .icon::before {
        content: "";
        margin: auto;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url("../../images/product-list-images/sort.png") no-repeat center;
        background-size: contain !important
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist .filter_header_tab .sort_option .icon::before {
        width: 24px;
        height: 24px
    }
}

@media only screen and (max-width: 468px) {
    #prolist .filter_header_tab .sort_option {
        font-size: 15px
    }
}

#prolist .filter_header_tab .filter_header {
    font-size: 18px;
    font-weight: 400;
    color: #323131;
    position: relative;
    padding: 30px
}

@media only screen and (min-width: 900px) {
    #prolist .filter_header_tab .filter_header[data-toggle="modal"] {
        display: none
    }
    #prolist .filter_header_tab .filter_header::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        width: 19px;
        height: 16px;
        background: url("../../images/product-list-images/filter_icon.png") no-repeat center;
        background-size: contain !important
    }
}

@media only screen and (max-width: 900px) {
    #prolist .filter_header_tab .filter_header {
        font-size: 13px;
        font-weight: 600;
        padding: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase
    }
    #prolist .filter_header_tab .filter_header:first-child {
        border-right: 1px solid #efefef
    }
    #prolist .filter_header_tab .filter_header:not([data-toggle="modal"]) {
        display: none
    }
    #prolist .filter_header_tab .filter_header .icon {
        margin-right: 10px
    }
    #prolist .filter_header_tab .filter_header .icon svg {
        height: 14px;
        fill: #f9bb28
    }
    #prolist .filter_header_tab .filter_header .icon.filterIcon::before {
        content: "";
        margin: auto;
        display: inline-block;
        width: 17px;
        height: 14px;
        background: url("../../images/product-list-images/filter_icon.png") no-repeat center;
        background-size: contain !important
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist .filter_header_tab .filter_header .icon.filterIcon::before {
        width: 22px;
        height: 22px
    }
}

@media only screen and (max-width: 468px) {
    #prolist .filter_header_tab .filter_header {
        font-size: 15px
    }
}

/* Left aside filter tabs section */

@media only screen and (min-width: 900px) {
    #prolist #filter_tab {
        width: 250px;
        border-right: 1px solid #ebebeb;
        padding-bottom: 45px
    }
}

@media (max-width: 1200px) and (min-width: 900px) {
    #prolist #filter_tab {
        width: 210px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab.fixed {
        background: #fff;
        width: 100%
    }
}

#prolist #filter_tab .filter_header_tab {
    display: block
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab .filter_header_tab {
        display: none
    }
}

@media only screen and (min-width: 900px) {
    #prolist #filter_tab #filter_pop {
        position: unset;
        display: block
    }
    #prolist #filter_tab #filter_pop .modal-dialog {
        padding: 0px;
        margin: 0px
    }
    #prolist #filter_tab #filter_pop .modal-content {
        background: transparent;
        border: none
    }
    #prolist #filter_tab #filter_pop .modal-content .button-header {
        display: none
    }
    #prolist #filter_tab #filter_pop .modal-content .modal-body {
        padding: 0px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #filter_pop .modal-dialog {
        padding: 0px;
        margin: 0px;
        max-width: 100%
    }
    #prolist #filter_tab #filter_pop .modal-content .button-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 16px 15px
    }
    #prolist #filter_tab #filter_pop .modal-content .button-header .modal_close {
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
        padding: 0;
        height: 30px;
        width: 30px;
        border: 1px solid #9a9a9a;
        border-radius: 50%;
        margin-left: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    #prolist #filter_tab #filter_pop .modal-content .button-header .modal_close i::before {
        font-size: 12px
    }
    #prolist #filter_tab #filter_pop .modal-content .button-header .clear {
        background: transparent;
        color: #323131;
        border: 1px solid #323131;
        margin: 0;
        margin-right: 15px;
        width: 85px;
        height: 27px;
        padding: 6px 10px
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist #filter_tab #filter_pop .modal-content .button-header .clear {
        font-size: 11px;
        letter-spacing: 1px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #filter_pop .modal-content .button-header .filter_apply {
        color: #ee9f03;
        background: transparent;
        border-radius: 0;
        padding: 5px 10px;
        text-transform: uppercase;
        letter-spacing: 2px;
        border: 1px solid #ee9f03;
        width: 85px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist #filter_tab #filter_pop .modal-content .button-header .filter_apply {
        font-size: 11px;
        letter-spacing: 1px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #filter_pop .modal-content .modal-body {
        padding-top: 0
    }
}

#prolist #filter_tab #sort_pop {
    height: auto;
    top: auto;
    bottom: 61px
}

@media only screen and (min-width: 900px) {
    #prolist #filter_tab #sort_pop {
        display: none
    }
    #prolist #filter_tab #sort_pop .modal-dialog {
        padding: 0px;
        margin: 0px
    }
    #prolist #filter_tab #sort_pop .modal-content {
        background: transparent;
        border: none
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header {
        display: none
    }
    #prolist #filter_tab #sort_pop .modal-content .modal-body {
        padding: 0px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #sort_pop .modal-dialog {
        padding: 0px;
        margin: 0px;
        max-width: 100%
    }
    #prolist #filter_tab #sort_pop .modal-content {
        border-radius: 0px;
        margin: 0px;
        border: none
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 16px 15px
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header .modalHead {
        width: 100%;
        font-size: 13px;
        color: #363635;
        text-transform: uppercase;
        text-align: left;
        outline: none;
        box-shadow: none;
        outline: none;
        text-decoration: none;
        position: relative;
        transition: ease-in-out all .3s;
        width: calc(100% - 30px)
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header .modal_close {
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
        padding: 0;
        height: 30px;
        width: 30px;
        border: 1px solid #9a9a9a;
        border-radius: 50%;
        margin-left: 15px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header .modal_close i::before {
        font-size: 12px
    }
    #prolist #filter_tab #sort_pop .modal-content .button-header .clear {
        background: transparent;
        color: #323131;
        border: 1px solid #323131;
        margin: 0;
        margin-right: 15px;
        width: 85px;
        height: 27px;
        padding: 6px 10px
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist #filter_tab #sort_pop .modal-content .button-header .clear {
        font-size: 11px;
        letter-spacing: 1px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #sort_pop .modal-content .button-header .filter_apply {
        color: #ee9f03;
        background: transparent;
        border-radius: 0;
        padding: 5px 10px;
        text-transform: uppercase;
        letter-spacing: 2px;
        border: 1px solid #ee9f03;
        width: 85px;
        height: 27px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media only screen and (max-width: 900px) and (max-width: 468px) {
    #prolist #filter_tab #sort_pop .modal-content .button-header .filter_apply {
        font-size: 11px;
        letter-spacing: 1px
    }
}

@media only screen and (max-width: 900px) {
    #prolist #filter_tab #sort_pop .modal-content .modal-body {
        padding-top: 0
    }
    #prolist #filter_tab #sort_pop .modal-content .modal-body .tab-pane .label {
        font-size: 13px;
        padding: 10px 0;
        color: #303030;
        position: relative
    }
    #prolist #filter_tab #sort_pop .modal-content .modal-body .tab-pane .label input[type="checkbox"],
    #prolist #filter_tab #sort_pop .modal-content .modal-body .tab-pane .label input[type="radio"] {
        opacity: 0;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%
    }
    #prolist #filter_tab #sort_pop .modal-content .modal-body .tab-pane .label input[type="checkbox"]:checked+label,
    #prolist #filter_tab #sort_pop .modal-content .modal-body .tab-pane .label input[type="radio"]:checked+label {
        font-weight: 500
    }
    #prolist #filter_tab #sort_pop #pro_filter .card-header button::after {
        display: none
    }
}

#prolist #filter_tab #pro_filter .card {
    border: none;
    border-top: 1px solid #ebebeb
}

#prolist #filter_tab #pro_filter .card-header {
    border-radius: 0px;
    background: transparent;
    border: none;
    padding: 0px
}

#prolist #filter_tab #pro_filter .card-header button {
    padding: 25px 0 15px;
    width: 100%;
    font-size: 15px;
    color: #363635;
    text-transform: uppercase;
    text-align: left;
    outline: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    position: relative;
    transition: ease-in-out all .3s
}

@media only screen and (max-width: 468px) {
    #prolist #filter_tab #pro_filter .card-header button {
        font-size: 13px
    }
}

#prolist #filter_tab #pro_filter .card-header button::after {
    content: "";
    font-family: Flaticon;
    font-size: 11px;
    position: absolute;
    right: 10px;
    top: 8px;
    bottom: 0px;
    margin: auto;
    height: fit-content;
    height: -moz-fit-content;
    transition: ease-in-out all .3s
}

#prolist #filter_tab #pro_filter .card-header button[aria-expanded="false"]::after {
    content: "+";
    /* background: url(/images/product-list-images/plus.svg) no-repeat; */
    font-family: Flaticon;  

}

#prolist #filter_tab #pro_filter .card-header button[aria-expanded="true"]::after {
    content: "-";
    /* background: url(/images/product-list-images/minus.svg) no-repeat; */
    font-family: Flaticon;
}

#prolist #filter_tab #pro_filter .cntnt_box {
    margin-bottom: 25px;
    margin-right: 15px;
    max-height: 270px;
    overflow-x: hidden
}

#prolist #filter_tab #pro_filter .cntnt_box::-webkit-scrollbar {
    width: 2px
}

#prolist #filter_tab #pro_filter .cntnt_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #f0f0f0;
    border-radius: 10px
}

#prolist #filter_tab #pro_filter .cntnt_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 8px #f7b42a
}

#prolist #filter_tab #pro_filter .cntnt_box label {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #232323;
    user-select: none;
    cursor: pointer
}

@media only screen and (max-width: 468px) {
    #prolist #filter_tab #pro_filter .cntnt_box label {
        font-size: 11px
    }
}

#prolist #filter_tab #pro_filter .cntnt_box label:not(:last-of-type) {
    margin-bottom: 15px
}

#prolist #filter_tab #pro_filter .cntnt_box label input[type="checkbox"] {
    min-width: 15px;
    width: 15px;
    height: 15px;
    position: relative;
    margin-right: 12px;
    cursor: pointer
}

#prolist #filter_tab #pro_filter .cntnt_box label input[type="checkbox"]::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    width: 15px;
    height: 15px
}

#prolist #filter_tab #pro_filter .cntnt_box label input[type="checkbox"]::after {
    content: "";
    background: url(../../images/product-list-images/checkmark.svg) no-repeat center;
    background-size: 9px;
    width: 10px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f9bb28;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out all .3s;
    transform: translate(-50%, -50%)
}

#prolist #filter_tab #pro_filter .cntnt_box label input[type="checkbox"]:checked::after {
    opacity: 1;
    visibility: visible
}

#prolist #filter_tab #pro_filter .cntnt_box:not(sizing) input[type="radio"] {
    min-width: 15px;
    width: 15px;
    height: 15px;
    position: relative;
    margin-right: 12px;
    cursor: pointer
}

#prolist #filter_tab #pro_filter .cntnt_box:not(sizing) input[type="radio"]::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    width: 15px;
    height: 15px
}

#prolist #filter_tab #pro_filter .cntnt_box:not(sizing) input[type="radio"]::after {
    content: "";
    background: url(../images/icons/checkmark.svg) no-repeat center;
    background-size: 9px;
    width: 10px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #f9bb28;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out all .3s;
    transform: translate(-50%, -50%)
}

#prolist #filter_tab #pro_filter .cntnt_box:not(sizing) input[type="radio"]:checked::after {
    opacity: 1;
    visibility: visible
}

#prolist #filter_tab #pro_filter .cntnt_box.sizing {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 8px;
    padding-right: 15px
}

#prolist #filter_tab #pro_filter .cntnt_box.sizing label {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 5px;
    margin-bottom: 8px;
    position: relative
}

#prolist #filter_tab #pro_filter .cntnt_box.sizing label span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #e8e8e8;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

#prolist #filter_tab #pro_filter .cntnt_box.sizing label input[type="radio"],
#prolist #filter_tab #pro_filter .cntnt_box.sizing label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#prolist #filter_tab #pro_filter .cntnt_box.sizing label input[type="radio"]:checked~span,
#prolist #filter_tab #pro_filter .cntnt_box.sizing label input[type="checkbox"]:checked~span {
    border-color: #f9bb28;
    color: #f9bb28
}

#prolist #filter_tab #pro_filter .cntnt_box.color label span {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border: 1px solid
}

#prolist #filter_tab #pro_filter #Size .cntnt_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#prolist #filter_tab #pro_filter #Size .cntnt_box label {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 13px;
    color: #6f6f6f;
    padding: 6px 8px;
    margin: 4px;
    transition: ease-in-out all .3s;
    cursor: pointer;
    min-width: 35px;
    max-width: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

#prolist #filter_tab #pro_filter #Size .cntnt_box label span {
    position: absolute;
    border: 1px solid #d7dade;
    width: 100%;
    height: 100%;
    transition: ease-in-out all .3s;
    cursor: pointer
}

#prolist #filter_tab #pro_filter #Size .cntnt_box label:hover span {
    border-color: #f7b42a
}

#prolist #filter_tab #pro_filter #Size .cntnt_box label input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    margin: auto;
    min-width: auto
}

#prolist #filter_tab #pro_filter #Size .cntnt_box label input:checked+span {
    border-color: #f7b42a
}

#prolist .clear {
    background-color: #333;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 30px
}

@media only screen and (min-width: 900px) {
    #prolist .clear {
        width: 95%
    }
}

@media only screen and (max-width: 900px) {
    #prolist .clear {
        letter-spacing: 2px;
        width: 100%
    }
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    /* flex: 1 1 auto; */
    padding: 1rem;
}

.ui-widget.ui-widget-content {
    margin: 5px 3px 7px 10px;
    height: 3px
}

.ui-widget-content {
    border: none;
    background: #e8e8e8;
    color: #333;
    height: 8px
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    background: #fdc64d;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

/* Product RIGHT section START */

@media only screen and (min-width: 1200px) {
    #prolist .container,   #BreadCrumb .container {
        min-width: 1000px;
        max-width: 1500px
    }
}

@media only screen and (min-width: 1580px) {
    #prolist .container,   #BreadCrumb .container {
        min-width: 1000px;
        max-width: 1500px
    }
}

@media (max-width: 1580px) and (min-width: 1200px) {
    #prolist .container, #BreadCrumb .container {
        min-width: 1000px;
        max-width: 97%
    }
}

@media only screen and (max-width: 1200px) {
    #prolist .container,  #BreadCrumb .container {
        max-width: 95%
    }
}


#product_view .summary {
    width: 100%;
    margin-left: 15px;
    margin-bottom: 35px;
    /*border-top: 1px solid #ebebeb;*/
    padding-top: 20px;
}

@media only screen and (min-width: 900px) {
    #prolist #product_view {
        width: calc(100% - 250px);
        padding-left: 30px
    }
}

@media (max-width: 1200px) and (min-width: 900px) {
    #prolist #product_view {
        width: calc(100% - 225px)
    }
}

@media only screen and (max-width: 900px) {
    #prolist #product_view {
        width: 100%;
        padding-top: 5px
    }
}

@media only screen and (min-width: 468px) {
    #prolist #product_view {
        padding-bottom: 55px
    }
}


/*----------------- Pagination START -----------------*/
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}
.pagination {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    clear: both;
    padding: 0px 15px !important;
    margin-top: 30px !important ;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}


.pagination li {
    display: inline;
    margin-right: 8px
}

.pagination li a,
.pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    font-size: 14px;
    color: #5f5f5f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    font-weight: 400
}

.pagination li.active a {
    background: #e1aa46;
    color: #fff
}

.pagination li:hover a {
    background: #e1aa46;
    color: #fff
}
/*----------------- Pagination END -----------------*/

/*================================= PRODUCTS listing section END  =================================*/

/*================================= PRODUCTS Details Section START  =================================*/

/*------------ Magic Zoom custom CSS START -------------*/
div#zoom-fig {
    width: 100%;
    height: auto;
}



.productsPage #productDtlSec {
    padding: 0px 0 25px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec {
        padding: 30px 0 70px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .scrollfix {
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
        height: 100%;
    }
}

.productsPage #productDtlSec .MainRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productsPage #productDtlSec .proSlideSecCol {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .proSlideSecCol {
        width: 580px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .proSlideSecCol {
        width: 620px
    }
}

@media only screen and (min-width: 1550px) {
    .productsPage #productDtlSec .proSlideSecCol {
        width: 720px
    }
}

.productsPage #productDtlSec .proSlideSec {
    position: relative
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .proSlideSec {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.productsPage #productDtlSec .proSlideSec .QckActn {
    position: absolute;
    z-index: 1;
    top: 22px;
    right: 10px
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .proSlideSec .QckActn {
        top: 30px;
        right: 25px
    }
}

.productsPage #productDtlSec .proSlideSec .wishlist {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    background: #fff;
    transition: all .3s;
    cursor: pointer;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .11)
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .wishlist {
        height: 40px;
        width: 40px
    }
}

.productsPage #productDtlSec .proSlideSec .wishlist svg {
    fill: #000;
    opacity: .5;
    width: 18px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .wishlist svg {
        width: 21px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .proSlideSec .wishlist svg {
        width: 23px
    }
}

.productsPage #productDtlSec .proSlideSec .wishlist.Isactive svg {
    fill: #ff4343;
    animation: fav 3s
}

@keyframes fav {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.productsPage #productDtlSec .proSlideSec .Share {
    position: relative;
    margin-top: 15px
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    background: #fff;
    transition: all .3s;
    margin-top: 4px;
    position: relative;
    cursor: pointer;
    height: 35px;
    width: 35px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .11)
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share .ShareBtn {
        height: 40px;
        width: 40px
    }
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn svg {
    display: block;
    fill: rgba(0, 0, 0, .5);
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share .ShareBtn svg {
        width: 20px
    }
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn #share {
    opacity: 1
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn #close {
    opacity: 0;
    width: 14px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share .ShareBtn #close {
        width: 17px
    }
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn.open #share {
    opacity: 0
}

.productsPage #productDtlSec .proSlideSec .Share .ShareBtn.open #close {
    opacity: 1
}

.productsPage #productDtlSec .proSlideSec .Share ul {
    margin-top: 4px;
    opacity: 0
}

.productsPage #productDtlSec .proSlideSec .Share ul li {
    transition: all .3s;
    transition-delay: .3s;
    transform: translateY(10px);
    opacity: 0
}

.productsPage #productDtlSec .proSlideSec .Share ul li:not(:last-of-type) {
    margin-bottom: 4px
}

.productsPage #productDtlSec .proSlideSec .Share ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    background: #fff;
    transition: all .3s;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .11);
    height: 35px;
    width: 35px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a {
        height: 40px;
        width: 40px
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a svg {
    display: block;
    fill: #000;
    transition: all .3s
}

.productsPage #productDtlSec .proSlideSec .Share ul a.copy svg {
    width: 16px;
    fill: #444
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.copy svg {
        width: 19px
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.fb svg {
    width: 12px;
    fill: #1877f2
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.fb svg {
        width: 14px
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.insta svg {
    width: 18px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.insta svg {
        width: 22px
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st0 {
    fill: url(#SVGID_Mob1_)
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st0 {
        fill: url(#SVGID_1_)
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st1 {
    fill: url(#SVGID_Mob00000129911642042784193110000017549844345517353093_)
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st1 {
        fill: url(#SVGID_00000129911642042784193110000017549844345517353093_)
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st2 {
    fill: url(#SVGID_Mob00000042015750123992487810000002775133383149193151_)
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.insta svg .st2 {
        fill: url(#SVGID_00000042015750123992487810000002775133383149193151_)
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a.whatsapp svg {
    fill: #55cd6c;
    width: 20px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .Share ul a.whatsapp svg {
        width: 24px
    }
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover {
    background: #F3C995
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover svg {
    fill: #fff
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover.insta svg path {
    fill: #fff !important
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover.insta svg .st0 {
    fill: #fff
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover.insta svg .st1 {
    fill: #fff
}

.productsPage #productDtlSec .proSlideSec .Share ul a:hover.insta svg .st2 {
    fill: #fff
}

.productsPage #productDtlSec .proSlideSec .Share ul.show {
    opacity: 1
}

.productsPage #productDtlSec .proSlideSec .Share ul.show li {
    opacity: 1;
    transform: translateY(0px)
}

.productsPage #productDtlSec .proSlideSec .wishlist-popup-dtl {
    left: auto;
    right: 0 !important;
    z-index: 1
}

@media only screen and (min-width: 590px) {

    .productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id],
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id] {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id] img,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id] img {
    max-width: 100%
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn {
    border: 1px solid #e2e5f1;
    position: relative
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn img,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn img {
    transition: ease-in-out all .1s
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn i,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn i {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 1
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn i::before,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn i::before {
    font-size: 26px
}

@media only screen and (min-width: 1441px) {

    .productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn i::before,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn i::before {
        font-size: 28px
    }
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn svg,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn svg {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 1;
    width: 26px;
    height: 26px;
    fill: #e56e9f;
    background: rgba(255, 255, 255, .86);
    border-radius: 50%
}

@media only screen and (min-width: 1441px) {

    .productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn svg,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn svg {
        width: 28px;
        height: 28px
    }
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn:hover,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn:hover {
    border-color: #ee9f03
}

.productsPage #productDtlSec .proSlideSec .thumb_slide a[data-zoom-id].vidBtn:hover img,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a[data-zoom-id].vidBtn:hover img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%)
}

.productsPage #productDtlSec .proSlideSec .thumb_slide li,
.productsPage #productDtlSec .proSlideSec .carousel-indicators li {
    width: 48px;
    height: 38px;
    border: 1px solid #e2e5f1;
    padding: 0px !important
}

.productsPage #productDtlSec .proSlideSec .thumb_slide li.active,
.productsPage #productDtlSec .proSlideSec .carousel-indicators li.active {
    border-color: #ee9f03
}

@media only screen and (max-width: 768px) {
    .productsPage #productDtlSec .proSlideSec.DeskSlide {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .productsPage #productDtlSec .proSlideSec.MobSlide {
        display: none
    }
}

.productsPage #productDtlSec .proSlideSec.MobSlide a {
    display: block
}

.productsPage #productDtlSec .proSlideSec.MobSlide .ThumbSlide .slick-current .item {
    border: 1px solid #ee9f03 !important
}

.productsPage #productDtlSec .proSlideSec .mainSlide {
    order: 1;
    width: 100%;
    height: calc(100% - 66px)
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .proSlideSec .mainSlide {
        height: fit-content;
        height: -moz-fit-content;
        width: calc(100% - 140px);
        padding-left: 15px
    }
}

@media(max-width: 991px)and (min-width: 468px) {
    .productsPage #productDtlSec .proSlideSec .mainSlide {
        padding-bottom: 5px
    }
}

@media only screen and (max-width: 467px) {
    .productsPage #productDtlSec .proSlideSec .mainSlide {
        padding-bottom: 5px
    }
}

.productsPage #productDtlSec .proSlideSec .mainSlide a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden
}

.productsPage #productDtlSec .proSlideSec .mainSlide a picture {
    width: 100%;
    height: 100%
}

.productsPage #productDtlSec .proSlideSec .mainSlide a img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.productsPage #productDtlSec .proSlideSec .mainSlide .zoom_gallery_slide {
    opacity: 1 !important
}

.productsPage #productDtlSec .proSlideSec .mainSlide figure div:not(.mz-lens) {
    display: none !important
}

.slick-vertical .slick-list.draggable,
.slick-vertical .slick-list.draggable .slick-track {
    height: auto !important;
}

.productsPage #productDtlSec .proSlideSec .thumbSlide,
.productsPage #productDtlSec .proSlideSec .carousel-indicators {
    order: 0;
    margin: 0 -2.5px
}

@media only screen and (min-width: 992px) {

    .productsPage #productDtlSec .proSlideSec .thumbSlide,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators {
        height: auto;
        margin: 0px;
        width: 140px
    }
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .slick-track,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .slick-track {
    display: block !important
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .slick-slide,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .slick-slide {
    height: auto !important
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .item,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .item {
    margin: 3px;
    border: none
}

@media only screen and (min-width: 992px) {

    .productsPage #productDtlSec .proSlideSec .thumbSlide .item,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators .item {
        margin: 0px;
        width: 140px !important;
        margin-bottom: 15px
    }
}

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

    .productsPage #productDtlSec .proSlideSec .thumbSlide .item,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators .item {
        border: 1px solid #d8dbe6
    }

    .productsPage #productDtlSec .proSlideSec .thumbSlide .item.slick-current,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators .item.slick-current {
        border-color: #e56e9f
    }
}

.productsPage #productDtlSec .proSlideSec .thumbSlide a,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

@media only screen and (min-width: 992px) {

    .productsPage #productDtlSec .proSlideSec .thumbSlide a,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a {
        height: 132px
    }
}

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

    .productsPage #productDtlSec .proSlideSec .thumbSlide a,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a {
        height: 145px
    }
}

@media only screen and (min-width: 1551px) {

    .productsPage #productDtlSec .proSlideSec .thumbSlide a,
    .productsPage #productDtlSec .proSlideSec .carousel-indicators a {
        /*height: 180px*/
        height: 140px;
    }
}

.productsPage #productDtlSec .proSlideSec .thumbSlide a img,
.productsPage #productDtlSec .proSlideSec .carousel-indicators a img {
    width: 100%;
    /*height: 100%;*/
    height: 140px;
    object-fit: cover
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .mz-thumb,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .mz-thumb {
    border: none !important
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .mz-thumb:hover:not(.mz-thumb-selected),
.productsPage #productDtlSec .proSlideSec .carousel-indicators .mz-thumb:hover:not(.mz-thumb-selected) {
    border: none !important
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .mz-thumb-selected,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .mz-thumb-selected {
    border: none !important
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .vidBtn a,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .vidBtn a {
    height: 100%;
    position: relative;
    background: #000
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .vidBtn a img,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .vidBtn a img {
    opacity: .5
}

.productsPage #productDtlSec .proSlideSec .thumbSlide .vidBtn a svg,
.productsPage #productDtlSec .proSlideSec .carousel-indicators .vidBtn a svg {
    position: absolute;
    margin: auto;
    width: 40px;
    fill: #e56e9f;
    z-index: 1;
    background: #1f2121;
    border-radius: 50%
}

.productsPage #productDtlSec .ProInfoSec {
    width: 100%;
    padding-top: 25px
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .ProInfoSec {
        width: calc(100% - 580px);
        padding-left: 45px;
        padding-top: 0px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec {
        width: calc(100% - 620px);
        padding-left: 65px
    }
}

@media only screen and (min-width: 1550px) {
    .productsPage #productDtlSec .ProInfoSec {
        width: calc(100% - 720px);
        padding-left: 90px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .BrandTag {
    background: rgba(243, 201, 149, .8);
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    z-index: 1;
    padding: 3px 6px;
    margin-bottom: 11px;
    min-width: 80px;
    font-size: 9px;
    height: 19px
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .BrandTag {
        font-size: 11px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .BrandTag::after {
    content: "";
    position: absolute;
    border-color: rgb(243, 201, 149, .5) rgba(0, 0, 0, 0) rgb(243, 201, 149, .5) rgba(243, 201, 149, .8);
    border-style: solid;
    left: 100%;
    width: 0;
    height: 0;
    top: 0;
    border-width: 9.6px
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .BrandTag::after {
        border-width: 9.4px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .Head {
    color: #2f333d;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .Head {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .Head {
        font-size: 23px;
        line-height: 30px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProCode {
    color: #F3C995;
    font-size: 11px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProCode {
        font-size: 13px
    }
}

@media only screen and (min-width: 768px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProCode {
        font-size: 14px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProCode {
        font-size: 15px;
        margin-bottom: 20px;
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .dlvryStts {
    padding: 7px 20px;
    border: 1px dashed #b7a26d;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 13px;
    width: fit-content
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .dlvryStts svg {
    fill: #b7a26d;
    margin-right: 10px;
    width: 20px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 29px;
    padding: 8px;
    background: rgba(243, 201, 149, .12);
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    margin: 15px 0px 20px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating>* {
    padding: 0 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating .RatingValue {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #3c3a3a;
    border-right: 1px solid #ffd0db
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating .RatingValue span {
    margin-right: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating .RatingValue svg {
    width: 14px;
    fill: #F3C995
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating .RatingCount {
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #535766
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .OverallRating .RatingCount span {
    margin-right: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProInfo {
    color: #3c3a3a;
    line-height: 21px;
    margin: 0;
    font-size: 13px;
    margin-top: 10px;
    display: block;
    position: relative
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProInfo {
        margin-top: 15px;
        font-size: 14px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ProHeader .ProInfo a {
    color: #F3C995
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex {
    display: flex;
    align-items: center;
    margin: 0 -6px;
    padding: 15px 0
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex {
        padding: 18px 0
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex {
        padding: 25px 0
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex>* {
    padding: 0 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .label {
    color: #707070;
    font-size: 11px;
    margin-bottom: 5px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .label {
        margin-bottom: 6px;
        font-size: 12px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .label {
        font-size: 13px;
        margin-bottom: 8px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .amnt {
    color: #000;
    font-size: 16px;
    font-weight: 500
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .amnt {
        font-size: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .cPrice .amnt {
        font-size: 25px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .APrice {
    text-transform: uppercase;
    color: #a9adb7;
    text-decoration: line-through;
    font-size: 12px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .APrice {
        font-size: 13px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .APrice {
        font-size: 14px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .APrice span {
    font-weight: 500
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .off {
    text-transform: uppercase;
    color: #F3C995;
    font-size: 13px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .PriceFlex .off {
        font-size: 14px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .label {
    letter-spacing: 1px;
    color: #5c5a5a;
    font-size: 14px
}

/* Select Drop Down Field Integration */
.select2 {
    border: 1px solid #e56e9f;
    background: rgba(0,0,0,0);
    width: 100% !important;
    display: flex !important;
    align-items: center;
    padding: 0;
    border: none;
    border-radius: 0;
    height: 50px;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    /* position: relative; */
    vertical-align: middle;
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
    background: #b7a26d !important;
}


.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .select2 {
    border: 1px solid #b7a26d;
    width: 55px !important;
    height: 40px;
    margin-left: 20px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .select2-selection {
    outline: none !important;
    box-shadow: none !important;
    background: url(../../images/arrowDown.svg) no-repeat;
    background-size: 8px;
    height: 100% !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    background-position: right 5px center !important;
    font-size: 13px;
    color: #363636
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .select2-selection {
        background-position: right 9px center !important;
        background-size: 10px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .select2-selection .select2-selection__rendered {
    width: 100%;
    padding: 0 34px;
    font-size: 13px;
    color: #363636;
    padding-left: 15px !important
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .qty .select2-selection .select2-selection__arrow {
    display: none
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .FreeShippingad {
    letter-spacing: 1px;
    color: #00000f;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 13px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .FreeShippingad {
        font-size: 12px;
        margin-bottom: 18px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .QntRow .FreeShippingad {
        font-size: 13px;
        margin-bottom: 25px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt {
    margin-bottom: 20px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt {
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt {
        margin-bottom: 30px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .label {
    color: #626262;
    font-size: 14px;
    margin-bottom: 10px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .label {
        margin-bottom: 20px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp {
        width: calc(100% - 95px)
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp .owl-carousel .owl-stage-outer {
    overflow: visible !important
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp .owl-carousel .owl-stage {
    display: flex
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp .owl-carousel .owl-item {
    opacity: 0;
    transition: all .3s
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .ColorSwapperWrp .owl-carousel .owl-item.active {
    opacity: 1
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm {
    overflow: visible
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: block;
    width: 30px;
    height: 30px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label input,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox input {
    visibility: hidden
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label .checkboxIndicator,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox .checkboxIndicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label .checkboxIndicator::before,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox .checkboxIndicator::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    transition: all 125ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    border: 1px solid #ceced3;
    inset: -4px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label .checkboxIndicator .ImgBox,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox .checkboxIndicator .ImgBox {
    overflow: hidden;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label span,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox span {
    text-transform: uppercase;
    font-size: 9px;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    opacity: 0;
    transition: all 125ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label input:checked~.checkboxIndicator,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox input:checked~.checkboxIndicator {
    border: none;
    background: #e56e9f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label input:checked~.checkboxIndicator::before,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox input:checked~.checkboxIndicator::before {
    border-color: #e56e9f;
    transition-duration: 250ms
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label.active .checkboxIndicator::before,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox.active .checkboxIndicator::before {
    border-color: #e56e9f;
    transition-duration: 250ms;
    inset: -4px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm label:hover span,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper .itm .customCheckbox:hover span {
    opacity: 1
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt #ColorSwapper a {
    display: block
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .owl-nav button {
    background-color: #e56e9f;
    width: 17px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .owl-nav button img {
    width: 9px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .owl-nav .owl-prev {
    opacity: 0
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .owl-nav .owl-next {
    right: 0px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .ColorPalt .owl-nav .owl-next img {
    transform: rotate(180deg)
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo {
    margin-bottom: 20px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo {
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo {
        margin-bottom: 30px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .labelWrap {
    display: flex;
    align-items: center
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .labelWrap .label {
    color: #5c5a5a;
    font-size: 14px;
    margin-right: 20px
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .labelWrap .label {
        margin-right: 40px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .labelWrap a {
    font-size: 13px;
    letter-spacing: 1px;
    color: #F3C995;
    display: flex;
    align-items: center
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .labelWrap a svg {
    fill: #F3C995;
    width: 6px;
    margin-left: 10px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -4px;
    margin-top: 10px
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList {
        margin-top: 18px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList li {
    padding: 4px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ceced3;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 50%;
    color: #000;
    width: 43px;
    height: 44px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a {
        font-size: 13px;
        width: 48px;
        height: 49px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a {
        width: 56px;
        height: 57px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.selected,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a:hover {
    border-color: #F3C995;
    color: #F3C995
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.stockOut {
    cursor: not-allowed;
    background: #fff;
    color: #bdbdbd;
    border-color: #bdbdbd;
    position: relative;
    overflow: hidden
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.stockOut::before,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.stockOut::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 1px;
    background: #dcdcdc
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.stockOut::before {
    transform: rotate(135deg)
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .SizeInfo .sizeList a.stockOut::after {
    transform: rotate(-135deg)
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    margin: -5px;
    margin-top: 15px;
    background: #fff
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec {
        display: flex;
        margin-top: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec {
        margin-top: 25px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec.MobBtnFix {
    position: sticky;
    bottom: 0;
    display: flex
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec.MobBtnFix {
        display: none
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li {
    width: 50%;
    padding: 5px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a {
    width: 100%;
    text-transform: uppercase;
    border: 1px solid #777;
    background-color: #777;
    height: 43px;
    font-weight: 500;
    font-size: 12px;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 0 15px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a {
        padding: 0 40px;
        font-size: 13px;
        height: 50px
    }
}

@media only screen and (min-width: 992px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a {
        height: 56px
    }
}

@media only screen and (min-width: 1551px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a {
        height: 60px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a::before {
    background: #b7a26d
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a span {
    display: flex;
    align-items: center;
    justify-content: center
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a svg {
    fill: #fff;
    transition: all .3s;
    width: 14px;
    margin-right: 20px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a svg {
        width: 16px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a:hover {
    color: #fff;
    border-color: #b7a26d
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a:hover svg {
    fill: #fff
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a.btn2 {
    background: rgba(0, 0, 0, 0);
    border-color: #b7a26d;
    color: #00000f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .BtnSec li a.btn2:hover {
    color: #fff
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion {
    margin-top: 10px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(9, 9, 9, .2)
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header {
    background: none;
    border: none;
    outline: none;
    box-shadow: none
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: #b18e37;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button {
        padding: 20px 0;
        font-size: 15px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button svg {
    width: 20px;
    margin-left: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button svg .st0 {
    fill: #fff;
    stroke: #b18e37;
    stroke-width: 17;
    stroke-miterlimit: 10
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button svg .st1 {
    fill: #b18e37
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button svg .st2 {
    fill: #b18e37
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    color: #e56e9f;
    transition: all .3s;
    background: none;
    content: "+";
    width: auto;
    height: auto;
    font-size: 18px;
    right: 0
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button::after {
        font-size: 22px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-header button[aria-expanded=true]::after {
    content: "-";
    font-size: 30px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body {
    padding: 0;
    padding-bottom: 15px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body {
        padding-bottom: 20px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body p {
    color: #3c3a3a;
    line-height: 21px;
    margin-bottom: 15px;
    font-size: 13px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body p {
        font-size: 14px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li {
    position: relative;
    background: url("../images/listicon.svg") no-repeat;
    color: #3c3a3a;
    background-size: 15px;
    font-size: 13px;
    padding-left: 27px;
    background-position: top 0px left 0
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li:not(:last-of-type) {
    margin-bottom: 15px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li {
        font-size: 14px;
        padding-left: 27px
    }

    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li:not(:last-of-type) {
        margin-bottom: 22px
    }
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li {
        background-size: 16px
    }

    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li:not(:last-of-type) {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body li {
        padding-left: 33px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table {
    width: 100%;
    margin-bottom: 15px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table th {
    font-weight: 500
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tbody,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table td,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tfoot,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table th,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table thead,
.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tr {
    border: 1px solid #cecece;
    padding: 5px 9px;
    color: #3c3a3a;
    font-size: 13px
}

@media only screen and (min-width: 468px) {

    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tbody,
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table td,
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tfoot,
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table th,
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table thead,
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .accordion .accordion-body table tr {
        font-size: 14px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews {
    overflow: hidden;
    margin-top: 30px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead {
    display: flex;
    align-items: center;
    color: #b18e37;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead {
        font-size: 15px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead svg {
    width: 20px;
    margin-left: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead svg .st0 {
    fill: #fff;
    stroke: #b18e37;
    stroke-width: 17;
    stroke-miterlimit: 10
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead svg .st1 {
    fill: #b18e37
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RivewHead svg .st2 {
    fill: #b18e37
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget {
    margin: -20px 0;
    margin-bottom: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget {
        margin: 0 -40px;
        margin-bottom: 25px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget>* {
    padding: 20px 0
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget>* {
        padding: 0 40px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating {
    width: 100%;
    border-bottom: 1px solid #e9e9e9
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 0px;
        border-right: 1px solid #e9e9e9;
        width: 215px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating .RatingValue {
    display: flex;
    align-items: flex-end;
    color: #3c3a3a;
    margin-bottom: 25px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating .RatingValue span {
    font-weight: 400;
    font-size: 48px;
    line-height: 37px;
    margin-right: 15px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating .RatingValue svg {
    width: 22px;
    fill: #e56e9f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating .RatingCount {
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #535766;
    font-size: 14px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .OverallRating .RatingCount span {
    margin-right: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard {
    width: 100%
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard {
        width: calc(100% - 215px);
        max-width: 255px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .li:not(:last-of-type) {
    margin-bottom: 7px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .IndexRating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    color: #a9abb3;
    width: 20px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .IndexRating span {
    width: 7px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .IndexRating svg {
    margin-left: 3px;
    width: 9px;
    fill: #c3c4c9
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress {
    width: calc(100% - 45px);
    height: 4px;
    margin: 0 10px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress {
    border: none;
    width: 100%;
    height: 100%
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress::-moz-progress-bar {
    background: #f5f5f6 !important
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress::-webkit-progress-bar {
    background: #f5f5f6 !important
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress[data-rating="1"]::-webkit-progress-value {
    background: #f16565
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress[data-rating="2"]::-webkit-progress-value {
    background: #fcb301
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress[data-rating="3"]::-webkit-progress-value {
    background: #72bfbc
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress[data-rating="4"]::-webkit-progress-value {
    background: #14958f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .progress progress[data-rating="5"]::-webkit-progress-value {
    background: #fcb301
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .RatingWidget .scorecard .IndexCount {
    font-size: 12px;
    color: #282c3f;
    width: 25px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .Head {
    font-size: 16px;
    color: #282c3f;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 468px) {
    .productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .Head {
        margin-bottom: 25px
    }
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .Head a {
    display: flex;
    align-items: center;
    color: #e56e9f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .Head a svg {
    width: 20px;
    margin-right: 8px;
    fill: #e56e9f
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .ReviewContainer {
    margin: -18px 0
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper {
    padding: 18px 0;
    margin: 0;
    display: flex;
    align-items: flex-start
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper:not(:last-of-type) {
    border-bottom: 1px solid #eaeaec
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserRating {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 6px;
    display: flex;
    align-items: center;
    border-radius: 1px;
    background-color: #e56e9f;
    fill: #fff;
    width: 30px;
    height: 18px;
    margin-top: 6px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserRating svg {
    width: 9px;
    margin-left: 5px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserReviewMain {
    padding-left: 15px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserReviewMain .UserReviewMsg p {
    margin: 0
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserReviewFooter {
    color: #3c3a3a;
    font-size: 13px;
    margin-top: 15px
}

.productsPage #productDtlSec .ProInfoSec .ProInfoMainBox .CustomerReviews .DetailedReviews .UserReviewWrapper .UserReviewFooter .lft span:not(:last-of-type)::after {
    content: "|";
    width: 15px;
    display: inline-block;
    text-align: center
}



.hoveranim span {
    position: relative;
}
.hoveranim::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #e56e9f;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    left: 0;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}
.hoveranim:hover::before {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}


/* Product Details Accordion */

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px
}



 .accordion {
    margin-top: 20px
}

 .accordion .card {
    border: none;
    background: none;
    border-bottom: 1px solid #dadada
}

 .accordion .card .card-header {
    border: none;
    background: none;
    border-radius: 0px;
    padding: 0px
}

 .accordion .card .card-header button {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 0;
    padding-right: 35px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    position: relative;
    transition: ease-in-out all .3s
}

@media only screen and (min-width: 468px) {
     .accordion .card .card-header button {
        font-size: 15px;
        padding: 20px 0
    }
}

 .accordion .card .card-header button::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 9px;
    height: 9px;
    transition: ease-in-out all .3s;
    background-size: contain
}

@media only screen and (min-width: 468px) {
     .accordion .card .card-header button::after {
        width: 11px;
        height: 11px
    }
}

 .accordion .card .card-header button[aria-expanded="false"]::after {
    background: url("../../images/plus.svg") no-repeat center
}

 .accordion .card .card-header button[aria-expanded="true"]::after {
    background: url("../../images/minus.svg") no-repeat center
}

 .accordion .card .tab-pane p {
    font-size: 13px;
    letter-spacing: 1px;
    color: #6b6b6b;
    line-height: 19px
}

@media only screen and (min-width: 468px) {
     .accordion .card .tab-pane p {
        font-size: 15px;
        line-height: 22px
    }
}

/*------------------ CART POPUP START ------------------*/
style attribute {
    --app-height: 629px;
}

#cartPop {
    overflow: hidden !important;
}
#cartPop .modal-body .limit {
    min-height: calc(var(--app-height) - 225px) !important;
    max-height: calc(var(--app-height) - 225px) !important;
}


#cartPop {
    position: fixed;
    top: 0;
    visibility: hidden;
    height: 100vh;
    max-height: none;
    z-index: 20;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    right: 0;
    left: auto;
    transition: ease-in-out .3s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 9999
}

#cartPop.show {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#cartPop .modal-dialog {
    max-width: 100%
}

@media only screen and (min-width: 576px) {
    #cartPop .modal-dialog {
        margin-top: 0px;
        margin-right: 0px;
        max-width: 400px
    }
}

@media only screen and (max-width: 576px) {
    #cartPop .modal-dialog {
        margin: 0px
    }
}

#cartPop .modal-content {
    border-radius: 0px;
    border: none
}

#cartPop .modal-header {
    border: none;
    margin: 0px;
    padding: 20px 30px;
    outline: none;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px;
    position: relative
}

#cartPop .modal-header .popHead {
    font-size: 20px;
    color: #050505;
    text-transform: uppercase
}

#cartPop .modal-header .close {
    width: 15px;
    height: 15px;
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
    display: flex
}

#cartPop .modal-header .close svg {
    fill: #e1aa46
}

#cartPop .modal-body {
    padding: 0px
}

#cartPop .modal-body .limit {
    min-height: calc(100vh - 135px);
    max-height: calc(100vh - 135px);
    overflow-y: scroll
}

@media only screen and (min-width: 576px) {
    #cartPop .modal-body .limit {
        min-height: calc(100vh - 165px);
        max-height: calc(100vh - 165px)
    }
}

#cartPop .modal-body .limit::-webkit-scrollbar {
    width: 0px
}

#cartPop .modal-body .cartList .itm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 30px
}

@media only screen and (min-width: 468px) {
    #cartPop .modal-body .cartList .itm {
        padding: 10px 30px
    }
}

@media only screen and (min-width: 768px) {
    #cartPop .modal-body .cartList .itm {
        padding: 15px 20px
    }
}

@media only screen and (min-width: 992px) {
    #cartPop .modal-body .cartList .itm {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 1200px) {
    #cartPop .modal-body .cartList .itm {
        padding: 25px 30px
    }
}

#cartPop .modal-body .cartList .itm:not(:last-of-type) {
    border-bottom: 1px solid #efefef
}

#cartPop .modal-body .cartList .itm .imgBox {
    width: 60px
}

#cartPop .modal-body .cartList .itm .itmWrap {
    width: calc(100% - 60px);
    padding-left: 15px
}

@media only screen and (min-width: 1200px) {
    #cartPop .modal-body .cartList .itm .itmWrap {
        padding-left: 20px
    }
}

@media only screen and (min-width: 1441px) {
    #cartPop .modal-body .cartList .itm .itmWrap {
        padding-left: 30px
    }
}

#cartPop .modal-body .cartList .itm .itmWrap .proName {
    font-size: 13px;
    color: #1e1e1e;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block
}

@media only screen and (min-width: 1200px) {
    #cartPop .modal-body .cartList .itm .itmWrap .proName {
        font-size: 15px
    }
}

@media only screen and (min-width: 1441px) {
    #cartPop .modal-body .cartList .itm .itmWrap .proName {
        font-size: 14px
    }
}

#cartPop .modal-body .cartList .itm .itmWrap .price {
    font-size: 14px;
    font-family: "Century Gothic";
    color: #2f333d;
    text-transform: uppercase;
    letter-spacing: 1px
}

#cartPop .modal-body .cartList .itm .itmWrap .flx {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 10px
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .quantity {
    border: 1px solid #e7e7e7;
    width: 75px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 992px) {
    #cartPop .modal-body .cartList .itm .itmWrap .flx .quantity {
        height: 30px
    }
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .quantity input[type="button"] {
    background: none;
    border: none;
    padding: 0 5px;
    outline: none;
    box-shadow: none;
    height: 100%;
    border-radius: 0px;
    font-size: 14px
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .quantity input[type="number"] {
    background: none;
    border: none;
    padding: 0 5px;
    text-align: center;
    outline: none;
    box-shadow: none;
    font-size: 12px;
    width: 50px;
    height: 100%;
    border-radius: 0px
}

@media only screen and (min-width: 576px) {
    #cartPop .modal-body .cartList .itm .itmWrap .flx .quantity input[type="number"] {
        font-size: 12px
    }
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .remove {
    font-size: 10px;
    font-family: "Century Gothic";
    color: #919191;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 5px
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .remove::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: #e7e7e7;
    width: 45px;
    height: 1px
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .remove:hover {
    color: #e1aa46
}

#cartPop .modal-body .cartList .itm .itmWrap .flx .remove:hover::after {
    background: #e1aa46
}

#cartPop .modal-footer {
    background: #2f333d;
    border-radius: 0
}

#cartPop .modal-footer .buyNow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #e1aa46;
    background: #e1aa46;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    -webkit-transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    -webkit-tap-highlight-color: initial;
    padding: 12px 22px;
    width: 100%
}

#cartPop .modal-footer .buyNow span {
    font-size: 11px;
    position: relative;
    z-index: 1;
    padding: 0 12px
}

#cartPop .modal-footer .buyNow span:not(:last-of-type)::before {
    content: "";
    position: absolute;
    right: -2px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    transition: all .45s
}

#cartPop .modal-footer .buyNow::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    background-color: #2f333d;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
    transition: -webkit-transform .45s cubic-bezier(.785, .135, .15, .86);
    transition: transform .45s cubic-bezier(.785, .135, .15, .86);
    transition: transform .45s cubic-bezier(.785, .135, .15, .86), -webkit-transform .45s cubic-bezier(.785, .135, .15, .86)
}

#cartPop .modal-footer .buyNow:hover {
    border-color: #fff;
    color: #fff
}

#cartPop .modal-footer .buyNow:hover span::before {
    background: #fff
}

#cartPop .modal-footer .buyNow:hover::before {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

/*------------------ CART POPUP END ------------------*/

/*================================= PRODUCTS Details Section END  =================================*/

/*================================= SIMILAR PRODUCTS Scroll Section START  =================================*/

#BestSeller {
    padding: 40px 0;
}
@media only screen and (min-width: 468px) {
    #BestSeller {
        padding: 70px 0 60px;
    }
}
@media only screen and (min-width: 992px) {
    #BestSeller {
        padding: 95px 0 60px;
    }
}
.productsPage #BestSeller {
    overflow: hidden;
    padding: 40px 0;
}
@media only screen and (min-width: 468px) {
    .productsPage #BestSeller {
        padding: 60px 0 60px;
    }
}
@media only screen and (min-width: 992px) {
    .productsPage #BestSeller {
        padding: 60px 0 85px;
    }
}
#BestSeller .container {
    max-width: 100%;
}
@media only screen and (min-width: 768px) {
    #BestSeller .container {
        padding: 0 35px;
    }
}

#BestSeller .owl-stage-outer .owl-item {
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
#BestSeller .owl-stage-outer .owl-item.active {
    opacity: 1;
    visibility: visible;
}
.ProBox {
    display: block;
    text-align: center;
    position: relative;
}
.ProBox .wishlist {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 7px;
    right: 7px;
}
@media only screen and (min-width: 468px) {
    .ProBox .wishlist {
        top: 15px;
        right: 15px;
    }
}
.ProBox .wishlist svg {
    fill: #000;
    opacity: .5;
    width: 18px;
}
@media only screen and (min-width: 468px) {
    .ProBox .wishlist svg {
        width: 21px;
    }
}
@media only screen and (min-width: 992px) {
    .ProBox .wishlist svg {
        width: 27px;
    }
}
.ProBox .ImgBox {
    display: block;
    position: relative;
}

.ProBox .ProInfo {
    padding: 15px 10px 10px;
    background: #fff;
    position: relative;
}
@media only screen and (min-width: 576px) {
    .ProBox .ProInfo {
        padding: 28px 15px 10px;
    }
}
.ProBox .ProInfo .ProName {
    color: #2f333d;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 20px;
}
@media only screen and (min-width: 468px) {
    .ProBox .ProInfo .ProName {
        font-size: 14px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 576px) {
    .ProBox .ProInfo .ProName {
        margin-bottom: 18px;
    }
}
.ProBox .ProInfo .PriceWrp {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ProBox .ProInfo .PriceWrp>* {
    padding: 0 4px;
}
.ProBox .ProInfo .PriceWrp .CPrice {
    color: #e56e9f;
    font-size: 12px;
}
@media only screen and (min-width: 468px) {
    .ProBox .ProInfo .PriceWrp .CPrice {
        font-size: 14px;
    }
}
.ProBox .ProInfo .PriceWrp .CPrice span {
    font-weight: 500;
}

.ProBox .ProInfo .PriceWrp .APrice {
    color: #929191;
    text-decoration: line-through;
    font-size: 10px;
}
@media only screen and (min-width: 468px) {
    .ProBox .ProInfo .PriceWrp .APrice {
        font-size: 11px;
    }
}

.Navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -12px;
    margin-top: 25px;
}
@media only screen and (min-width: 468px) {
    .Navigation {
        margin-top: 45px;
    }
}
.Navigation .arrows {
    color: #4f4f4f;
    text-transform: uppercase;
    letter-spacing: 2px;
    fill: #F3C995;
    cursor: pointer;
    padding: 0 12px;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-items: center;
    font-size: 10px;
}
@media only screen and (min-width: 468px) {
    .Navigation .arrows {
        font-size: 12px;
    }
}
.Navigation .arrows.OwlPrev::before {
    content: "/";
    position: absolute;
    right: -4px;
    top: 0;
    color: #F3C995;
    text-transform: uppercase;
    font-size: 10px;
}
@media only screen and (min-width: 468px) {
    .Navigation .arrows.OwlPrev::before {
        font-size: 12px;
    }
}
.Navigation .arrows svg {
    width: 20px;
}
@media only screen and (min-width: 468px) {
    .Navigation .arrows svg {
        width: 24px;
    }
}
.Navigation .arrows.OwlPrev svg {
    margin-right: 8px;
}
@media only screen and (min-width: 468px) {
    .Navigation .arrows.OwlPrev svg {
        margin-right: 18px;
    }
}
.Navigation .arrows.OwlNext svg {
    margin-left: 8px;
}
@media only screen and (min-width: 468px) {
    .Navigation .arrows.OwlNext svg {
        margin-left: 18px;
    }
}


/*================================= SIMILAR PRODUCTS Scroll Section END  =================================*/


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Sep 9, 2021, 11:38:54 AM
    Author     : Manu
*/
.wishlist-popup-dtl.hide,.alert_error_size.hide,.wishlist-listing-alert.hide,.wishlist-listing-alert-dtl.hide.hide{
    display: none;
}
.wishlist-popup-dtl{
    position: absolute;
    top: 45px;
    background: #ef882f;
    color: #fff;
    text-align: center;
    margin: 0px 5px;
    padding: 5px;
    font-size: 14px;
}
.proDtl .wishlist-popup-dtl{
    position: inherit;
}
.ProBox .wishlist svg.active {
    fill: #f28a30;
}
.cartlist-popup-dtl-error.hide{
    display:none;
}
.cartlist-popup-dtl-error{
    position: absolute;
    background: #ec4848;
    color: #fff;
    padding: 5px 25px;
    margin-top: 13px;
}
.empty-cart{
    text-align: center;
    margin:  0 auto;
}
.empty-cart img{
    width: 300px;
}
.empty-cart .empty-link{
    font-size: 14px;
    padding: 8px 20px;
    background: #e56e9f;
    border-color: #e56e9f;
    color: #fff;
}

.promo-msg-error{
    color:red;padding-top:10px;font-size: 14px;font-weight: 600;
}
.loginPage #login_sec .form_bx form .pswrd .hide-show {
    right: 10px;
    bottom: 28px;
}
.continue-btn.hide{
    display: none !important;
}
.alert-dismissable{
    font-size: 13px;
    padding: 5px 10px;
}
.alert-dismissable .alert-close{
    position: absolute;
    right: 6px;
    top: 0px;
    background: transparent;
    border: none;
    outline: none;
    color: #ff0707;
    font-weight: bold;
    font-size: 19px;
}

.ordr-cancel{
    color: red;
    font-size: 13px;
    font-weight: 600;
}

#agree{
    color: red;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}
/*.wishlist-listing-alert{*/
/*    position: absolute;*/
/*    top: 37px;*/
/*    background: #4caf50;*/
/*    z-index: 99999999;*/
/*    width: 90%;*/
/*    margin-left: 10px;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*    font-weight: 500;*/
/*    padding: 6px 0px;*/
/*}*/
.wishlist-listing-alert-dtl{
    position: absolute;
    top: 24px;
    right: 15px;
    background: #4caf50;
    z-index: 99999999;
    width: auto;
    margin-left: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding: 6px 20px;
}
.review-btn{
    background: none;
    color: #e56e9f;
}
.showPass.valid {
    opacity: 1;
    pointer-events: all;
}

.wish-sec .user-sec .user .img-box .Choose{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: 7px;
    right: 0;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    width: 26px;
    height: 26px;
}

.alert_error_size {
    -webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards infinite;
    animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards infinite;
    perspective: 1000px;
    padding: 6px 10px;
    color: #e62225;
    margin: 15px 0 10px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #e62225;
    background: rgba(0,0,0,0);
}

/* ------------------- Grid system -------------------- */

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
    .container {
        max-width: none;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .container {
        max-width: 95%;
    }
}
@media only screen and (min-width: 992px) {
    .container {
        max-width: 1050px;
    }
}
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
}
@media only screen and (min-width: 1441px) {
    .container {
        max-width: 1260px;
    }
}
@media only screen and (min-width: 1550px) {
    .container {
        max-width: 1350px;
    }
}

/*================================= BLOG PAGE START =================================*/
a {
    text-decoration: none;
    transition: all .3s;
}
.BlogPage #BlogList {
    padding: 0px 0 30px;
    overflow: hidden;
}
@media only screen and (min-width: 468px) {
    .BlogPage #BlogList {
        padding: 45px 0 30px;
    }
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogList {
        padding: 45px 0 50px;
    }
}
.BlogPage #BlogList .box {
    display: block;
}
@media only screen and (min-width: 468px) {
    .BlogPage #BlogList .box {
        padding-bottom: 45px;
    }
}
.BlogPage #BlogList .box .imgHolder {
    overflow: hidden;
}
.BlogPage #BlogList .box .imgBox {
    width: 100%;
    height: 225px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: auto;
    transition: ease-in-out all .7s;
}
.BlogPage #BlogList .box:hover .imgBox {
    transform: scale(1.1);
}
.BlogPage #BlogList .box .date {
    font-size: 11px;
    color: #F3C995;
    text-transform: uppercase;
    padding: 10px 0;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogList .box .date {
        padding: 20px 0;
        letter-spacing: 2px;
    }
}
.BlogPage #BlogList .box .blogTitle {
    font-size: 16px;
    line-height: 23px;
    color: #252525;
    text-transform: uppercase;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogList .box .blogTitle {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 25px;
    }
}
.BlogPage #BlogList .box .info {
    font-size: 14px;
    color: #525252;
    line-height: 22px;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogList .box .info {
        line-height: 24px;
    }
}
.BlogPage #BlogList .box .readMore {
    margin-top: 20px;
    font-size: 12px;
    color: #525252;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    padding-bottom: 8px;
    border-bottom: 1px solid #cbcbca;
    transition: all .4s;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogList .box .readMore {
        margin-top: 25px;
        font-size: 13px;
    }
}
.BlogPage #BlogList .box:hover .readMore {
    color: #F3C995;
    border-color: #F3C995;
}

/*-------------------- BLOG DETAIL PAGE START --------------------*/
.BlogPage #BlogDtl {
    padding: 0px 0 30px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogDtl {
        padding: 45px 0 60px;
    }
}
.BlogPage #BlogDtl .leftSec .MetaHead .blogTitle {
    font-size: 16px;
    line-height: 23px;
    color: #252525;
    text-transform: uppercase;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogDtl .leftSec .MetaHead .blogTitle {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 25px;
    }
}
.BlogPage #BlogDtl .leftSec .MetaHead ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -17.5px;
    margin-bottom: 25px !important;
}
.BlogPage #BlogDtl .leftSec .MetaHead ul li {
    font-size: 11px;
    color: #747473;
    text-transform: uppercase;
    padding: 0 17.5px;
    position: relative;
}
.BlogPage #BlogDtl .leftSec .MetaHead ul li span {
    font-size: 11px;
    color: #F3C995;
    text-transform: uppercase;
}
.BlogPage #BlogDtl .leftSec .MetaHead ul li:not(:last-of-type)::after {
    content: "/";
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 11px;
    color: #b9b9b9;
}
.BlogPage #BlogDtl .leftSec .imgBox {
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 250px;
    margin-bottom: 25px;
}
@media only screen and (min-width: 468px) {
    .BlogPage #BlogDtl .leftSec .imgBox {
        height: 350px;
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 992px) {
    .BlogPage #BlogDtl .ritSec {
        margin-top: 35px;
    }
}
.BlogPage #BlogDtl .ritSec .secTitle {
    font-size: 18px;
    color: #252525;
    text-transform: uppercase;
    margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
    .BlogPage #BlogDtl .ritSec .secTitle {
        margin-bottom: 35px;
    }
}
.BlogPage #BlogDtl .ritSec .box {
    display: block;
    margin-bottom: 30px;
}
.BlogPage #BlogDtl .ritSec .box .imgHolder {
    overflow: hidden;
}
.BlogPage #BlogDtl .ritSec .box .imgBox {
    width: 100%;
    height: 180px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: auto;
    transition: ease-in-out all .7s;
}
.BlogPage #BlogDtl .ritSec .box .date {
    font-size: 11px;
    color: #F3C995;
    text-transform: uppercase;
    padding: 10px 0;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogDtl .ritSec .box .date {
        padding: 15px 0;
        letter-spacing: 2px;
    }
}
.BlogPage #BlogDtl .ritSec .box .blogTitle {
    font-size: 13px;
    line-height: 23px;
    color: #252525;
    text-transform: uppercase;
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogDtl .ritSec .box .blogTitle {
        font-size: 14px;
        line-height: 26px;
    }
}
.BlogPage #BlogDtl .ritSec .box .readMore {
    font-size: 12px;
    color: #525252;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    padding-bottom: 8px;
    border-bottom: 1px solid #cbcbca;
    transition: all .4s;
    text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
    .BlogPage #BlogDtl .ritSec .box .readMore {
        font-size: 13px;
        text-transform: uppercase;
    }
}

.BlogPage #BlogDtl .ritSec .box:hover .readMore {
    color: #F3C995;
    border-color: #F3C995;
}
.BlogPage #BlogDtl .ritSec .box:hover .imgBox {
    transform: scale(1.1);
}


/*-------------------- BLOG DETAIL PAGE END --------------------*/
/*================================= BLOG PAGE END =================================*/


/*================================= LOGIN PAGE START =================================*/

.RegisterPage {
    background: rgba(189,170,122,.149);
}
.RegisterPage .layoutContainer {
    padding: 45px 15px 50px;
}
@media only screen and (min-width: 768px) {
    .RegisterPage .layoutContainer {
        padding: 85px 15px 90px;
    }
}
.RegisterPage .FormContainer {
    max-width: 880px;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
}
.RegisterPage .FlexBox {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.RegisterPage .ImgWrp {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .RegisterPage .ImgWrp {
        width: 50%;
        height: auto;
        position: unset;
    }
}
@media only screen and (min-width: 992px) {
    .RegisterPage .ImgWrp {
        width: 425px;
    }
}
.RegisterPage .ImgWrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.RegisterPage .FormWraper {
    background: rgba(255,255,255,.9);
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (min-width: 468px) {
    .RegisterPage .FormWraper {
        padding: 45px 40px 35px;
    }
}
@media only screen and (min-width: 768px) {
    .RegisterPage .FormWraper {
        background: #fff;
        width: 50%;
    }
}
@media only screen and (min-width: 992px) {
    .RegisterPage .FormWraper {
        width: calc(100% - 425px);
        padding: 50px 75px 35px 55px;
    }
}
.RegisterPage .FormWraper .FormHead {
    color: #bdaa7a;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
    .RegisterPage .FormWraper .FormHead {
        font-size: 24px;
    }
}
 .form-group {
    position: relative;
    margin-bottom: 15px;
}
 .form-group label {
    font-size: 12px;
    color: #858585;
    margin-bottom: 10px;
}
 .form-control {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #000;
    background-color: rgba(0,0,0,0);
    background-clip: padding-box;
    border-radius: 5px;
    transition: all .15s;
    outline: none;
    box-shadow: none !important;
    padding: 5px 15px;
    height: 48px;
    border: 1px solid #c8cad7;
}
.form-control:focus {
    background: none;
    border-color: #F3C995;
}
.help-block-error, .help-block, .promo-error-msg, .promo-msg {
    font-size: 11px;
    color: #ff5722;
    margin: 0;
    line-height: normal;
    margin-top: 4px;
    margin-bottom: 10px;
    display: block;
}

 .form-group .showPass {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    transition: all .3s;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    bottom: 0px;
    height: 45px;
    right: 10px;
}
@media only screen and (min-width: 468px) {
     .form-group .showPass {
        right: 15px;
        height: 50px;
    }
}
 .form-group .showPass svg {
    width: 19px;
    height: 19px;
    fill: #a0a8bc;
    transition: all .3s;
}
 .form-group .showPass .show svg#hide {
    display: none;
}
 .RegisterPage .FormWraper .flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
}
@media only screen and (min-width: 468px) {
     .RegisterPage .FormWraper .flex {
        margin-bottom: 25px;
    }
}
 .RegisterPage .FormWraper .flex .cheeck_box {
    display: flex;
    align-items: center;
    padding-right: 10px;
    cursor: pointer;
}
 .RegisterPage .FormWraper .flex .cheeck_box input[type=checkbox] {
    min-width: 23px;
    width: 23px;
    height: 23px;
    position: relative;
    margin-right: 15px;
}
 .RegisterPage .FormWraper .flex .cheeck_box input[type=checkbox]::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    width: 23px;
    height: 23px;
}
 .RegisterPage .FormWraper .flex .cheeck_box input[type=checkbox]::after {
    content: "";
    background: url(../images/checkmark.svg) no-repeat center;
    background-size: 13px;
    width: 13px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #e56e9f;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out all .3s;
    transform: translate(-50%, -50%);
}
 .RegisterPage .FormWraper .flex .cheeck_box input[type=checkbox]:checked::after {
    opacity: 1;
    visibility: visible;
}
 .RegisterPage .FormWraper .flex .forgot {
    font-size: 12px;
    color: #bdaa7a;
    text-decoration: none;
}
@media only screen and (min-width: 468px) {
    .RegisterPage .FormWraper .flex .forgot {
        font-size: 13px;
    }
}
button[type=submit] {
    border-radius: 5px;
    background-color: #F3C995;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    height: 44px;
    width: 100%;
    font-size: 12px;
}
button[type=submit]:hover {
    background: #777;
    color: #fff;
}
@media only screen and (min-width: 468px) {
    button[type=submit] {
        font-size: 14px;
    }
}
 .RegisterPage .FormWraper .pushBtn {
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
    color: #000;
}
@media only screen and (min-width: 468px) {
     .RegisterPage .FormWraper .pushBtn {
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) {
     .RegisterPage .FormWraper .pushBtn {
        margin-top: 20px;
        color: #7b7b7b;
    }
}
 .RegisterPage .FormWraper .pushBtn a {
    display: inline;
    color: #F3C995;
}


/*================================= LOGIN PAGE END =================================*/


/*================================= CART PAGE START =================================*/

.cartPage #cartMain .mainRow {
    justify-content: center;
    margin: 0;
}



.cartPage #cartMain {
    padding:30px 0 45px
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain {
        padding:60px 0 55px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain {
        padding:85px 0 70px
    }
}

.cartPage #cartMain .mainRow {
    justify-content:center; margin:0
}

.cartPage #cartMain .cartCard {
    background-color:#fff; box-shadow:0px 0px 90px 0px rgba(0, 0, 0, 0.1); padding:25px 20px 30px; width:100%; border-radius:8px
}

@media only screen and (min-width: 468px) {
    .cartPage #cartMain .cartCard {
        padding:40px 30px
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard {
        -ms-flex:0 0 85%; flex:0 0 85%; max-width:85%; padding:45px 55px 60px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard {
        -ms-flex:0 0 79%; flex:0 0 79%; max-width:79%
    }
}

.cartPage #cartMain .cartCard .boxHead {
    font-size:18px; font-family:"Century Gothic"; color:#2f333d; text-transform:uppercase; margin-bottom:15px; text-align:center; letter-spacing:1px
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .boxHead {
        font-size:18px; margin-bottom:20px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .boxHead {
        margin-bottom:50px
    }
}

.cartPage #cartMain .cartCard .proTable {
    width:100%
}

@media only screen and (max-width: 992px) {
    .cartPage #cartMain .cartCard .proTable {
        border-top:1px solid #e4e4e4
    }
}

.cartPage #cartMain .cartCard .proTable .tableHead {
    display:flex; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid #e4e4e4
}

@media only screen and (max-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tableHead {
        display:none
    }
}

.cartPage #cartMain .cartCard .proTable .tableHead .itm {
    font-size:13px; color:#2f333d; font-family:"Century Gothic"; text-transform:uppercase; letter-spacing:1px
}

.cartPage #cartMain .cartCard .proTable .tableHead .itm:nth-child(1) {
    color:#646464; width:57.6%
}

@media only screen and (min-width: 1200px) {
    .cartPage #cartMain .cartCard .proTable .tableHead .itm:nth-child(1) {
        width:54.6%
    }
}

@media only screen and (min-width: 1441px) {
    .cartPage #cartMain .cartCard .proTable .tableHead .itm:nth-child(1) {
        width:50.6%
    }
}

.cartPage #cartMain .cartCard .proTable .tableHead .itm:nth-child(2) {
    width:24.7%
}

.cartPage #cartMain .cartCard .proTable .tableHead .itm:nth-child(3) {
    width:24.7%; text-align:right
}

@media only screen and (min-width: 468px) {
    .cartPage #cartMain .cartCard .proTable .tBody {
        display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody {
        display:block
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itm {
    padding:30px 0px; border-bottom:1px solid #e4e4e4; position:relative; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap
}

@media only screen and (min-width: 468px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itm {
        width:calc(100% / 2); padding:30px 3px; display:block
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itm {
        padding:30px 0; width:100%; padding:20px 0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items:center
    }
}

@media (max-width: 992px) and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itm {
        padding-right:60px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .mobHead {
    font-size:10px; font-family:"Century Gothic"; color:#646464; text-transform:uppercase; letter-spacing:1px; margin-bottom:5px
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .mobHead {
        display:none
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .imgBox {
    width:120px
}

@media only screen and (min-width: 468px) {
    .cartPage #cartMain .cartCard .proTable .tBody .imgBox {
        width:150px
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .imgBox {
        width:107px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .imgBox a {
    display:block; height:100%
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .imgBox a {
        height:auto
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .imgBox a .picture, .cartPage #cartMain .cartCard .proTable .tBody .imgBox a picture {
    width:100%; height:100%
}

.cartPage #cartMain .cartCard .proTable .tBody .imgBox a img {
    object-fit:cover; width:100%; height:100%
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap {
    width:calc(100% - 120px); padding-left:10px
}

@media only screen and (min-width: 468px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap {
        padding-top:10px; padding-left:0px
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap {
        width:calc(100% - 107px); padding-left:20px; padding-top:0px
    }
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap {
        padding-left:35px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap {
        display:flex; align-items:center; padding-left:35px; justify-content:space-between
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .proinfo {
        width:43%
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .proinfo .proName {
    font-size:14px; color:#2f333d; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; display:block
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .proinfo .proName {
        font-size:17px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .proinfo .proName {
        margin-bottom:10px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .proinfo .price {
    font-size:14px; font-family:"Century Gothic"; color:#2f333d; text-transform:uppercase; letter-spacing:1px
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo {
        text-align:center; width:28.5%; text-align:center; text-align:-webkit-center
    }
}

@media only screen and (max-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo {
        padding:15px 0
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .flex {
        display:flex; align-items:center; gap:15px; justify-content:space-between
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .gst {
    font-size:14px; font-family:"Century Gothic"; color:#2f333d; text-transform:uppercase; margin-top:10px
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .gst {
        margin-top:0px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity {
    border:1px solid #e7e7e7; width:fit-content; width:-moz-fit-content; height:30px; display:flex; align-items:center; justify-content:space-between
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity {
        width:98px
    }
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity {
        height:38px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity input[type="button"] {
    background:none; border:none; padding:0 10px; outline:none; box-shadow:none; height:100%; border-radius:0px; font-size:14px
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity input[type="button"] {
        font-size:16px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity input[type="number"] {
    background:none; border:none; padding:0 5px; text-align:center; outline:none; box-shadow:none; font-size:12px; width:30px; height:100%; border-radius:0px
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .qntityInfo .quantity input[type="number"] {
        width:50px; font-size:14px
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice {
    font-size:14px; font-family:"Century Gothic"; color:#2f333d; text-transform:uppercase; letter-spacing:1px
}

@media only screen and (min-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice {
        width:28.5%; text-align:right; text-align:-webkit-right
    }
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove {
    font-size:10px; font-family:"Century Gothic"; color:#919191; text-transform:uppercase; letter-spacing:1px; position:relative; padding-bottom:5px; display:block; width:fit-content; width:-moz-fit-content
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove::after {
    content:""; position:absolute; left:0px; right:0px; bottom:0px; margin:auto; background:#e7e7e7; width:45px; height:1px
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove:hover {
    color:#DCAE7F
}

.cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove:hover::after {
    background:#DCAE7F
}

@media only screen and (max-width: 992px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove {
        position:absolute; right:0px; top:5px
    }
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tBody .itmWrap .totalPrice .remove {
        top:15px
    }
}

.cartPage #cartMain .cartCard .proTable .tFoot {
    padding-top:20px; text-align:right
}

@media only screen and (min-width: 576px) {
    .cartPage #cartMain .cartCard .proTable .tFoot {
        padding-top:35px
    }
}

.cartPage #cartMain .cartCard .proTable .tFoot .totlePrice {
    font-size:16px; font-family:"Century Gothic"; color:#1d1d1d; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .proTable .tFoot .totlePrice {
        font-size:18px
    }
}

.cartPage #cartMain .cartCard .proTable .tFoot .alertInfo {
    font-size:10px; font-family:"Century Gothic"; color:#8a8a8a; letter-spacing:1px
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .proTable .tFoot .alertInfo {
        font-size:12px
    }
}

.cartPage #cartMain .cartCard .proTable .tFoot .checkOut {
    border-radius:5px; background-color:#777; font-family:"Century Gothic"; color:#fff; text-transform:uppercase; display:flex; align-items:center; justify-content:center; padding:10px 18px; width:fit-content; width:-moz-fit-content; margin:auto; margin-right:0px; min-width:135px; height:40px; font-size:14px; margin-top:15px
}

.cartPage #cartMain .cartCard .proTable .tFoot .checkOut:hover {
    background:#2f333d
}

@media only screen and (min-width: 768px) {
    .cartPage #cartMain .cartCard .proTable .tFoot .checkOut {
        min-width:157px; height:45px; font-size:14px; margin-top:20px
    }
}


/*================================= CHECKOUT PAGE =================================*/

.checkoutPage #cartMain {
    background:#f7f7f7; padding:30px 0 55px
}

@media only screen and (min-width: 768px) {
    .checkoutPage #cartMain {
        padding:60px 0 95px
    }
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain {
        padding:95px 0 115px
    }
}

.checkoutPage #cartMain .mainRow {
    justify-content:center; margin:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap
}

.checkoutPage #cartMain .cartCard {
    width:100%; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap
}

@media only screen and (min-width: 576px) {
    .checkoutPage #cartMain .cartCard {
        -ms-flex:0 0 85%; flex:0 0 85%; max-width:85%
    }
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain .cartCard {
        -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%
    }
}

.checkoutPage #cartMain .cartCard .formSec {
    width:100%; padding:30px 20px 35px; background-color:#fff; box-shadow:0px 0px 90px 0px rgba(0, 0, 0, 0.1); border-radius:8px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec {
        padding:55px 35px 40px
    }
}

@media only screen and (min-width: 768px) {
    .checkoutPage #cartMain .cartCard .formSec {
        padding:40px 20px 45px
    }
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain .cartCard .formSec {
        padding:45px 35px
    }
}

@media only screen and (min-width: 1200px) {
    .checkoutPage #cartMain .cartCard .formSec {
        padding:50px 60px 60px
    }
}

.checkoutPage #cartMain .cartCard .formSec .row {
    margin:-10px
}

.checkoutPage #cartMain .cartCard .formSec .row .col-, .checkoutPage #cartMain .cartCard .formSec .row [class^="col-"], .checkoutPage #cartMain .cartCard .formSec .row [class*="col-"] {
    padding:10px
}

.checkoutPage #cartMain .cartCard .formSec .newsltrSec {
    margin-bottom:30px
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain .cartCard .formSec .newsltrSec {
        margin-bottom:45px
    }
}

.checkoutPage #cartMain .cartCard .formSec .boxHead {
    margin-bottom:17px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .boxHead {
        margin-bottom:25px
    }
}

.checkoutPage #cartMain .cartCard .formSec .boxHead .formHead {
    font-size:14px; color:#2f333d; text-transform:uppercase; letter-spacing:1px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .boxHead .formHead {
        font-size:16px
    }
}

.checkoutPage #cartMain .cartCard .formSec .form-group {
    position:relative
}

.checkoutPage #cartMain .cartCard .formSec .form-group .label {
    font-size:12px; color:#434343; letter-spacing:1px; position:absolute; top:0px; bottom:0px; height:fit-content; height:-moz-fit-content; margin:auto; left:12px; padding:0 12px; background:#fff; user-select:none; -webkit-user-select:none; pointer-events:none; font-family:"Century Gothic"; transition:all .4s
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .form-group .label {
        font-size:13px
    }
}

.checkoutPage #cartMain .cartCard .formSec .form-group .showPass {
    font-size:11px; font-family:"Century Gothic"; color:#434343; text-transform:uppercase; position:absolute; right:10px; top:0px; bottom:0px; margin:auto; height:fit-content; height:-moz-fit-content; z-index:1; cursor:pointer; user-select:none; -webkit-user-select:none; transition:all .3s; opacity:0
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .form-group .showPass {
        font-size:13px; right:25px
    }
}

.checkoutPage #cartMain .cartCard .formSec .form-group .form-control {
    border:1px solid #d6d6d5; border-radius:5px; background-color:#fff; width:100%; height:40px; box-shadow:none; outline:none; font-size:12px; font-family:"Century Gothic"; color:#434343
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .form-group .form-control {
        height:46px; font-size:14px
    }
}

.checkoutPage #cartMain .cartCard .formSec .form-group .form-control:valid {
    border:1px solid #DCAE7F
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .form-group .form-control:valid {
        border:2px solid #DCAE7F
    }
}

.checkoutPage #cartMain .cartCard .formSec .form-group .form-control:focus+.label, .checkoutPage #cartMain .cartCard .formSec .form-group .form-control:valid+.label {
    top:-50px
}

.checkoutPage #cartMain .cartCard .formSec .form-group .form-control:valid ~ .showPass {
    opacity:1
}

.checkoutPage #cartMain .cartCard .formSec .form-group .form-control::-ms-expand {
    display:none
}

.checkoutPage #cartMain .cartCard .formSec .or {
    font-size:13px; color:#f685bb; text-transform:uppercase; display:flex; align-items:center; justify-content:center; width:100%; position:relative; margin-bottom:15px
}

.checkoutPage #cartMain .cartCard .formSec .or span {
    padding:0 8px; background:#fff; position:relative; z-index:1
}

.checkoutPage #cartMain .cartCard .formSec .or::before {
    content:""; position:absolute; left:0px; top:0px; bottom:0px; margin:auto; width:50%; height:1px; background-color:#eae9e2
}

.checkoutPage #cartMain .cartCard .formSec .or::after {
    content:""; position:absolute; right:0px; top:0px; bottom:0px; margin:auto; width:50%; height:1px; background-color:#eae9e2
}

.checkoutPage #cartMain .cartCard .formSec .dropdown {
    width:100%; border:none !important; border-radius:0px !important
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .filter-option-inner-inner {
    font-size:12px; padding:0 12px; color:#434343; font-family:"Century Gothic"
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .dropdown .filter-option-inner-inner {
        font-size:14px
    }
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .btn {
    outline:none !important; outline-offset:0px; box-shadow:none; border-radius:0px; margin:0px; height:100%; border:1px solid #d6d6d5; border-radius:5px; background-color:#fff; background:none; font-size:12px; color:#434343; font-family:"Futura PT"; text-transform:none; padding:.375rem .75rem
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .dropdown .btn {
        font-size:14px
    }
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .btn:not(.bs-placeholder) {
    border:1px solid #f685bb
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .dropdown .btn:not(.bs-placeholder) {
        border:2px solid #f685bb
    }
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .btn .filter-option {
    display:flex; align-items:center
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .btn::after {
    display:none
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .btn::before {
    content:""; position:absolute; right:10px; top:0px; bottom:0px; margin:auto; background:url("../images/dropdown.svg") no-repeat center; background-size:contain; width:11px; height:11px
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu {
    padding:0px; border-radius:0px; min-height:auto !important; height:fit-content; height:-moz-fit-content
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .inner {
    min-height:auto !important; height:fit-content; height:-moz-fit-content
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .disabled {
    display:none
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .dropdown-item {
    font-size:12px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .dropdown-item {
        font-size:14px
    }
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .dropdown-item.active, .checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu .dropdown-item:active {
    background:#f685bb
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu.open {
    display:block
}

.checkoutPage #cartMain .cartCard .formSec .dropdown .dropdown-menu.open .dropdown-menu {
    display:block
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box {
    display:flex; align-items:center; padding-right:10px; cursor:pointer; margin-top:5px
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box .form-group {
    margin:0
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box .label {
    font-size:13px; font-family:"Century Gothic"; color:#505050; user-select:none; -webkit-user-drag:none; width:calc(100% - 23px); line-height:17px
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box label {
    display:flex; align-items:center
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"] {
    min-width:19px; position:relative; margin-right:15px; width:19px; height:19px
}

@media only screen and (min-width: 768px) {
    .checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"] {
        min-width:23px; width:23px; height:23px
    }
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"]::before {
    content:""; position:absolute; left:0px; top:0px; border:1px solid #e1e1e1; background-color:#fff; width:19px; height:19px
}

@media only screen and (min-width: 768px) {
    .checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"]::before {
        width:23px; height:23px
    }
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"]::after {
    content:""; background:url("../images/checkmark.svg") no-repeat center; background-size:9px; width:13px; height:10px; position:absolute; left:50%; top:50%; color:#f685bb; opacity:0; visibility:hidden; transition:ease-in-out all .3s; transform:translate(-50%, -50%)
}

@media only screen and (min-width: 768px) {
    .checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"]::after {
        background-size:13px
    }
}

.checkoutPage #cartMain .cartCard .formSec .cheeck_box input[type="checkbox"]:checked::after {
    opacity:1; visibility:visible
}

.checkoutPage #cartMain .cartCard .formSec .formFoot {
    align-items:center; justify-content:space-between; margin-top:35px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .formFoot {
        display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:40px
    }
}

.checkoutPage #cartMain .cartCard .formSec .formFoot .btn {
    border-radius:5px; background-color:#777; padding:11px 10px; font-size:12px; color:#fff; text-transform:uppercase; display:flex; align-items:center; justify-content:center; box-shadow:none; outline:none
}

.checkoutPage #cartMain .cartCard .formSec .formFoot .btn:hover {
    background:#2f333d
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain .cartCard .formSec .formFoot .btn {
        padding:11px 18px; font-size:14px
    }
}

@media only screen and (max-width: 468px) {
    .checkoutPage #cartMain .cartCard .formSec .formFoot .btn {
        margin-top:20px; width:100%
    }
}

.checkoutPage #cartMain .cartCard .formSec .formFoot .bckbtn {
    display:flex; align-items:center; font-size:13px; font-family:"Century Gothic"; color:#5f5f5f; height:fit-content; height:-moz-fit-content
}

.checkoutPage #cartMain .cartCard .formSec .formFoot .bckbtn svg {
    width:8px; height:13px; margin-right:10px; margin-top:2px; fill:#DCAE7F
}

.checkoutPage #cartMain .cartCard .formSec .formFoot .bckbtn:hover {
    color:#DCAE7F
}

.checkoutPage #cartMain .cartCard .cartBreifview {
    background-color:#fff; box-shadow:0px 0px 90px 0px rgba(0, 0, 0, 0.1); border-radius:8px; padding:33px 20px 35px; margin-top:30px
}

@media only screen and (min-width: 992px) {
    .checkoutPage #cartMain .cartCard .cartBreifview {
        margin-top:0px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .boxHead {
    margin-bottom:15px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .boxHead {
        margin-bottom:20px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .boxHead .formHead {
    font-size:14px; color:#2f333d; text-transform:uppercase; letter-spacing:1px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .boxHead .formHead {
        font-size:16px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart {
    margin:-20px 0
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item {
    padding:20px 0; border-bottom:1px solid #e8e8e8; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .imgBox {
    background-color:#fffbf5; width:73px
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .imgBox img {
    width:100%; height:100%; object-fit:cover
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap {
    width:calc(100% - 73px); padding-left:25px; padding-top:5px
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .itmName {
    font-size:15px; color:#1e1e1e; text-transform:uppercase; margin-bottom:15px; letter-spacing:.6px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .itmName {
        margin-bottom:25px; font-size:16px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .qntity {
    font-size:11px; font-family:"Century Gothic"; color:#5f5f5f; text-transform:uppercase; letter-spacing:1px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .qntity {
        font-size:12px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .price {
    font-size:14px; font-family:"Century Gothic"; color:#0f0f0f; text-transform:uppercase; margin-top:10px; letter-spacing:1px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .minCart .item .itmWrap .price {
        font-size:15px; margin-top:15px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .totalPrice {
    font-size:13px; font-family:"Century Gothic"; color:#4e4e4e; text-transform:uppercase; padding-top:45px; text-align:right
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .totalPrice {
        font-size:14px
    }
}

.checkoutPage #cartMain .cartCard .cartBreifview .totalPrice span {
    color:#DCAE7F; font-size:15px
}

@media only screen and (min-width: 468px) {
    .checkoutPage #cartMain .cartCard .cartBreifview .totalPrice span {
        font-size:16px
    }
}


/*================================== Order Summary START ==================================*/


.SummeryPage {
    background: #f7f7f7;
    padding: 30px 0 55px
}

@media only screen and (min-width: 768px) {
    .SummeryPage {
        padding: 60px 0 95px
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage {
        padding: 95px 0 115px
    }
}

.SummeryPage .MainWrapper {
    width: 100%;
    max-width: 100%
}

.SummeryPage .MainRow {
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SummeryPage .WrapperBox {
    background-color: #fff;
    box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px 15px 15px
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox {
        padding: 40px 35px 50px
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox {
        padding: 60px 55px 90px
    }
}

.SummeryPage .WrapperBox .titleSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox .titleSec {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .titleSec {
        margin-bottom: 25px
    }
}

.SummeryPage .WrapperBox .title {
    font-size: 16px;
    color: #2f333d;
    text-transform: uppercase;
    letter-spacing: 1px
}

.SummeryPage .WrapperBox .orderList .order {
    border: 1px solid #e2e5ef;
    border-radius: 3px;
    background-color: #fff
}

.SummeryPage .WrapperBox:not(:last-of-type) {
    margin-bottom: 15px
}

.SummeryPage .WrapperBox .BoxHead {
    background: rgba(48, 76, 120, 0.102);
    padding: 20px 20px 15px
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxHead {
        padding: 20px 35px 15px
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxHead {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxHead .lftSec {
        display: flex;
        align-items: center
    }
}

.SummeryPage .WrapperBox .BoxHead .orderId {
    font-size: 12px;
    color: #a3a3a3
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxHead .orderId {
        font-size: 13px
    }
}

.SummeryPage .WrapperBox .BoxHead span {
    color: #333
}

.SummeryPage .WrapperBox .BoxHead .placedon {
    font-size: 11px;
    color: #5e5d5d;
    margin-top: 5px
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxHead .placedon {
        margin-top: 0;
        margin-left: 25px
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxHead .placedon {
        margin-left: 40px
    }
}

.SummeryPage .WrapperBox .BoxHead .orderStatus {
    font-size: 13px;
    color: #5e5d5d;
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxHead .orderStatus {
        margin-top: 0
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxHead .orderStatus {
        font-size: 14px
    }
}

.SummeryPage .WrapperBox .BoxHead span {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxHead span {
        font-size: 14px
    }
}

.SummeryPage .WrapperBox .BoxCntnt {
    padding: 0 20px
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt {
        padding: 0 35px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .address {
    border-bottom: 1px solid #e0e4ef;
    padding: 20px 0
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt .address {
        padding: 45px 0 40px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .label {
    font-size: 14px;
    color: #e1aa46;
    text-transform: uppercase;
    margin-bottom: 15px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .label {
        font-size: 16px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .label svg {
    width: 18px;
    height: 18px;
    margin-right: 10px
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt .label svg {
        width: 20px;
        height: 20px;
        margin-right: 15px
    }
}

.SummeryPage .WrapperBox .BoxCntnt ul {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt ul {
        padding-left: 30px
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt ul {
        padding-left: 40px
    }
}

.SummeryPage .WrapperBox .BoxCntnt ul li {
    display: flex;
    font-size: 12px;
    line-height: 20px;
    color: #29292a
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt ul li {
        font-size: 14px
    }
}

.SummeryPage .WrapperBox .BoxCntnt p {
    font-size: 12px;
    color: #5f6773;
    line-height: 20px;
    margin: 0
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt p {
        font-size: 13px
    }
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt .flexBox {
        margin: -15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt .flexBox .lftBox {
        padding: 15px;
        width: 50%
    }
}

.SummeryPage .WrapperBox .BoxCntnt .flexBox .ritBox {
    word-break: break-all;
    white-space: normal
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxCntnt .flexBox .ritBox {
        padding: 15px;
        width: 50%
    }
}

.SummeryPage .WrapperBox .BoxCntnt .itmList {
    margin: 0 -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox .BoxCntnt .itmList {
        margin: 0 -25px;
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxCntnt .itmList {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.SummeryPage .WrapperBox .BoxCntnt .item {
    padding: 10px;
    width: 50%
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox .BoxCntnt .item {
        padding: 25px;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxCntnt .item {
        width: 50%
    }
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox .BoxCntnt .box {
        display: flex
    }
}

.SummeryPage .WrapperBox .BoxCntnt .box .ImgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 85px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .ImgBox {
        width: 100px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .box img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.SummeryPage .WrapperBox .BoxCntnt .box .proinfo {
    padding-top: 15px;
    width: 100%
}

@media only screen and (min-width: 468px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .proinfo {
        padding-top: 0;
        padding-left: 15px;
        width: calc(100% - 95px)
    }
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .proinfo {
        width: calc(100% - 150px)
    }
}

.SummeryPage .WrapperBox .BoxCntnt .box .proName {
    font-size: 12px;
    color: #404553;
    line-height: normal;
    margin-bottom: 15px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .proName {
        font-size: 13px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .box .price {
    font-size: 13px;
    color: #404553
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .price {
        font-size: 14px
    }
}

.SummeryPage .WrapperBox .BoxCntnt .box .price span {
    text-transform: uppercase;
    font-weight: 600;
    color: #333
}

.SummeryPage .WrapperBox .BoxCntnt .box .qty {
    font-size: 12px;
    color: #404553;
    margin-top: 5px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxCntnt .box .qty {
        font-size: 13px
    }
}

.SummeryPage .WrapperBox .BoxFoot {
    border-top: 1px solid #e0e4ef;
    justify-content: space-between;
    align-items: flex-start;
    text-align: right;
    padding: 15px 20px 15px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot {
        display: flex
    }
}

@media only screen and (min-width: 576px) {
    .SummeryPage .WrapperBox .BoxFoot {
        padding: 20px 35px 30px
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot .cart_promotion {
        margin-top: 40px
    }
}

@media only screen and (max-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot .cart_promotion {
        margin-bottom: 20px
    }
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .coupon_info {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: left
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .flex {
    display: flex;
    align-items: center
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .flex .code_form .input_text {
    border-radius: 0;
    border: solid 1px #e0e4ef;
    padding: 5px 15px;
    border-right: 0;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none !important;
    outline: none !important
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .flex .code_form .input_text::placeholder {
    font-size: 14px;
    font-weight: 400
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .flex .apply_coupen {
    background: #ddae27;
    border: none;
    box-shadow: none;
    border-radius: 0;
    height: 40px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: .4s all
}

.SummeryPage .WrapperBox .BoxFoot .cart_promotion .coupon .apply_promotion_code .flex .apply_coupen:hover {
    background: #000
}

.SummeryPage .WrapperBox .BoxFoot .bckbtn {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: "Century Gothic";
    color: #fff;
    width: 185px;
    height: 42px;
    background: #e1aa46;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: .4s all
}

.SummeryPage .WrapperBox .BoxFoot .bckbtn:hover {
    background: #1a1e23
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxFoot .bckbtn {
        height: 45px;
        font-size: 14px;
        width: 225px
    }
}

@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot .bckbtn {
        position: absolute;
        bottom: 25px
    }
}

@media only screen and (max-width: 468px) {
    .SummeryPage .WrapperBox .BoxFoot .bckbtn {
        width: 100%;
        margin-top: 12px
    }
}

.SummeryPage .WrapperBox .BoxFoot .bckbtn svg {
    width: 10px;
    height: 13px;
    margin-right: 10px;
    margin-top: 2px;
    fill: #fff
}

@media only screen and (max-width: 576px) {
    .SummeryPage .WrapperBox .BoxFoot form {
        width: 100%
    }
}

.SummeryPage .WrapperBox .BoxFoot form .title {
    font-size: 14px;
    color: #2f333d;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.SummeryPage .WrapperBox .BoxFoot form font {
    direction: ltr
}

.SummeryPage .WrapperBox .BoxFoot #otherdetails-gender {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media only screen and (max-width: 576px) {
    .SummeryPage .WrapperBox .BoxFoot #otherdetails-gender {
        display: block
    }
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media only screen and (max-width: 576px) {
    .SummeryPage .WrapperBox .BoxFoot .chk_bx {
        margin-bottom: 10px
    }
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio],
.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox] {
    width: 25px !important;
    height: 25px !important;
    position: relative;
    z-index: 1;
    outline: none;
    min-width: 25px;
    margin-left: 20px
}

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

    .SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio],
    .SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox] {
        margin-top: 5px
    }
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio]::before,
.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox]::before {
    content: "";
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    border: 2px solid #ede7d9;
    background-color: #fff;
    width: 25px;
    visibility: visible;
    height: 25px
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio]::after,
.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox]::after {
    content: "";
    visibility: visible;
    background: url("../images/icons/check.png") no-repeat center;
    display: inline-block;
    cursor: pointer;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #e1aa46;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out all .3s
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio]:checked::after,
.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox]:checked::after {
    opacity: 1;
    visibility: visible
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=radio]:checked~span,
.SummeryPage .WrapperBox .BoxFoot .chk_bx input[type=checkbox]:checked~span {
    background: none
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx label {
    font-size: 14px;
    color: #4a4a49;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 7px !important;
    margin-left: 15px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    direction: rtl
}

@media only screen and (max-width: 576px) {
    .SummeryPage .WrapperBox .BoxFoot .chk_bx label {
        font-style: 12px
    }
}

.SummeryPage .WrapperBox .BoxFoot .chk_bx label span {
    font-size: 24px;
    font-weight: 600;
    color: #bb911a;
    margin-left: 5px
}

.SummeryPage .WrapperBox .BoxFoot ul {
    margin: 0
}

.SummeryPage .WrapperBox .BoxFoot li {
    font-size: 12px;
    color: #646f81;
    line-height: 19px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxFoot li {
        font-size: 13px;
        line-height: 23px;
        display: flex;
        justify-content: flex-end
    }
}

.SummeryPage .WrapperBox .BoxFoot li span {
    font-weight: 600;
    color: #e1aa46;
    margin-left: 10px;
    text-align: left
}

.SummeryPage .WrapperBox .BoxFoot .btn_bx {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.SummeryPage .WrapperBox .BoxFoot .btn_bx button.cashDelivery {
    background: #1a1e23
}

.SummeryPage .WrapperBox .BoxFoot .btn {
    border-radius: 5px;
    background-color: #777;
    padding: 11px 10px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    outline: 0;
    width: 100%;
    margin-top: 15px
}

@media only screen and (min-width: 992px) {
    .SummeryPage .WrapperBox .BoxFoot .btn {
        padding: 11px 18px;
        font-size: 12px
    }
}

.SummeryPage .WrapperBox .BoxFoot .btn:hover {
    background: #2f333d
}

.SummeryPage .orderList .BoxCntnt {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
@media only screen and (min-width: 768px) {
    .SummeryPage .orderList .BoxCntnt {
        margin: 0 -15px;
        padding: 0 35px;
    }
}
@media only screen and (min-width: 1200px) {
    .SummeryPage .orderList .BoxCntnt {
        flex-wrap: nowrap;
    }
}
@media only screen and (min-width: 768px) {
    .SummeryPage .orderList .BoxCntnt > * {
        padding: 15px;
    }
}
.SummeryPage .orderList .BoxCntnt .box .ImgBox {
    width: 75px;
}
.SummeryPage .orderList .BoxCntnt .address {
    padding: 20px 0 !important;
    width: 100%;
    border-bottom: 0;
}
@media only screen and (min-width: 768px) {
    .SummeryPage .orderList .BoxCntnt .address {
        width: 50%;
    }
}
.SummeryPage .orderList .BoxCntnt .address #msg {
    margin: 10px 0;
}
.SummeryPage .orderList .BoxCntnt .addressBox {
    border: 1px solid #3d3d3d33;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct {
    font-size: 14px;
    padding: 12px 0;
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct:not(:last-of-type) {
    border-bottom: 1px solid #3d3d3d33;
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct .flx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (max-width: 468px) {
    .SummeryPage .orderList .BoxCntnt .addressBox .contct .flx {
        flex-wrap: wrap;
    }
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct .flx .addres {
    display: flex;
}
@media only screen and (max-width: 468px) {
    .SummeryPage .orderList .BoxCntnt .addressBox .contct .flx .addres {
        width: 100%;
        margin-bottom: 15px;
    }
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct .flx .addres span:first-child {
    padding-right: 15px;
    min-width: 64px;
}
.SummeryPage .orderList .BoxCntnt .addressBox .contct .flx .addres span {
    word-break: break-all;
    padding-right: 10px;
}
.SummeryPage .orderList .BoxCntnt .itmList {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .SummeryPage .orderList .BoxCntnt .itmList {
        padding-left: 30px;
        width: 50%;
    }
}
.SummeryPage .orderList .BoxCntnt .itmList .item {
    width: 100% !important;
    padding: 8px 26px 15px;
}
.SummeryPage .orderList .BoxCntnt .delv {
    border: 1px solid #3d3d3d33;
    padding: 15px;
    margin: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.SummeryPage .orderList .BoxCntnt .delv .amt {
    font-size: 14px;
}
.SummeryPage .WrapperBox {
    padding: 60px 55px 50px;
}
.SummeryPage .WrapperBox .BoxFoot {
    justify-content: flex-end;
    padding: 20px 0px 30px;
}
@media only screen and (max-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot {
        padding: 20px 0;
    }
}
.SummeryPage .WrapperBox .BoxFoot ul {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .SummeryPage .WrapperBox .BoxFoot ul {
        width: 330px;
    }
}
.SummeryPage .WrapperBox .BoxFoot li {
    justify-content: space-between;
    display: flex;
}
.SummeryPage .WrapperBox .BoxFoot li span {
    font-size: 16px;
    font-weight: 500;
    margin-left: 0;
}
.SummeryPage .WrapperBox .BoxFoot li span:first-child {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding-right: 50px;
    padding-bottom: 5px;
}
.SummeryPage .WrapperBox .BoxFoot li span.total {
    font-size: 17px;
    font-weight: 600;
}
.SummeryPage .WrapperBox .titleSec {
    justify-content: center;
}
.SummeryPage .WrapperBox .orderList .order {
    border: none;
    border-top: 1px solid #e2e5ef;
    border-radius: 0px;
}
.SummeryPage .WrapperBox .BoxHead {
    background: none;
    padding-top: 20px;
}

/*================================== Order Summary END ==================================*/