@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap");

/* @import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@font-face {
    font-family: Apercu;
    src: url(../Fonts/Apercu.otf);
    /* src: url(../fonts/Helvetica\ Neue\ LTW0697BlkCnObl.ttf); */
}

/* :root {
    --primaryColor: #091d62;
    --white: #ffffff;
    --black: #000000;
    --dark: #333333;
    --grayColor: #727272;
    --secondaryColor: #53c45a;
    --lightBg: #f0f2f6;
    --lightBg2: #e9fafd;
    --grayBg: #f5f5f5;
    --footerBg: #0d1633;
    --baseFont: "Poppins", sans-serif;
    --themeFont: "Raleway", sans-serif;
} */

:root {
    --baseFont: "Apercu", sans-serif;
    --titleFont: "Apercu", sans-serif;
    --primaryColor: #f86011;
    --primaryHoverColor: #d94c03;
    --baseColor: #363636;
    --lightColor: #6e7683;
    --whiteColor: #fff;
    --darkBg: #181d24;
    --grayBg: #f5f5f5;
    --lightBg: #f2f2f2;
    --lightBg2: #cbcbcb;
    --lightBg3: #efefef;
}

html,
body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--baseFont);
    color: var(--baseColor);
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}

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

a,
.btn {
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}
img {
    max-width: 100%;
}
.btn.focus,
.btn:focus,
.form-control:focus,
.form-select:focus {
    box-shadow: none;
}
:focus-visible {
    outline: none;
}

/********/

.btn {
    font-size: 16px;
    font-weight: normal;
    border: 0;
    border-radius: 50px;
    padding: 10px 25px;
    text-transform: uppercase;
}
.btnPrimary {
    background-color: var(--primaryColor);
    color: var(--bs-white) !important;
    position: relative;
    overflow: hidden;
}
.btnPrimary > span {
    position: relative;
    z-index: 2;
}
.btnPrimary:hover {
    background-color: var(--primaryColor);
    color: #fff !important;
}
.btnPrimary:before {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    border-radius: 8px;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: var(--primaryHoverColor);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.btnPrimary:hover:before {
    left: 0%;
    right: 0%;
    opacity: 1;
    color: #fff !important;
}
.btnSecondary{
    background-color:var(--darkBg);
    border:1px solid var(--darkBg)!important;
    color:var(--bs-white)!important;
    position:relative;
    overflow:hidden
}
.btnSecondary:hover{
    color:#fff!important;
    background-color:#000;
}
.btnSecondary>span{
    position:relative;
    z-index:2
}
.btnSecondary:before{
    content:"";
    position:absolute;
    left:20%;
    right:20%;
    top:0;
    bottom:0;
    opacity:0;
    background-color:#000;
    -webkit-transition:all 300ms ease-in-out 0s;
    -moz-transition:all 300ms ease-in-out 0s;
    -ms-transition:all 300ms ease-in-out 0s;
    -o-transition:all 300ms ease-in-out 0s;
    transition:all 300ms ease-in-out 0s
}
.btnSecondary:hover:before{
    left:0;
    right:0;
    opacity:1;
    color:#fff!important
}


.btnTertiary {
    background: var(--whiteColor);
    text-transform: uppercase;
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
}
.btnTertiary > span {
    position: relative;
    z-index: 2;
}
.btnTertiary:hover {
    color: #fff;
    background-position: right top;
}
.btnTertiary:before {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    border-radius: 50px;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: var(--primaryColor);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.btnTertiary:hover:before {
    left: 0%;
    right: 0%;
    opacity: 1;
    color: #fff !important;
}
/*************/
.menuToggle > a {
    width: 24px;
    height: 18px;
    position: relative;
    margin-left: auto;
    cursor: pointer;
    display: block;
    z-index: 999;
}
.bar {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: var(--primaryColor);
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    top: 7px;
    right: 0;
    border-radius: 20px;
}
.bar:nth-child(1) {
    top: 0px;
}
.bar:nth-child(3) {
    top: 14px;
}

/************/
.sBold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.lgTitle {
    font-size: 34px;
}
.lgText {
    font-size: 20px;
}
.lightBg {
    background-color: var(--lightBg2);
}
header .logoCol img {
    max-width: 284px;
}
/***********/
.headerCol,
.headerTop,
.headerSection,
.logo {
    -webkit-transition: all 600ms ease-in-out 0s;
    -o-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
.headerCol {
    padding: 20px 0 0 0;
    background-color: var(--whiteColor);
    border-bottom: 5px solid var(--primaryColor);
}
.fixedHeader .headerCol {
    padding: 15px 0 0;
}
.headerTop {
    background-color: var(--darkBg);
    color: var(--lightColor);
    padding: 15px 0;
    font-size: 15px;
}
.headerText > p {
    margin: 0;
}
.headerSection {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
.logo {
    width: 100%;
    margin-bottom: 50px;
}
.fixedHeader .logo {
    width: 200px;
}
.logo > a,
.logo > a > img {
    display: block;
    width: 100%;
}
.headerRightCol {
    max-width: 870px;
    margin-left: auto;
}
.fixedHeader .headerSection {
    top: -53px;
}
.searchCol {
    position: relative;
    margin-bottom: 25px;
}
.searchCol
    .select2-container--bootstrap-5.select2-container--focus
    .select2-selection,
.searchCol
    .select2-container--bootstrap-5.select2-container--open
    .select2-selection {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
}
/*.searchCol .select2-container--open .select2-selection__rendered {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  height: 24px;
}*/
.searchCol .select2-container--bootstrap-5 .select2-selection {
    border-color: rgba(0, 0, 0, 0.2);
    padding: 15px 70px 20px 20px;
    border-radius: 8px;
    font-size: 20px;
    color: var(--primaryColor);
    height: 60px;
}

.searchCol
    .select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-selection__rendered
    .select2-selection__choice {
    margin-bottom: 0;
    border: 0;
    padding: 0 7px 0 0;
}

.searchIcon {
    position: absolute;
    right: 25px;
    top: 50%;
    z-index: 1;
    width: 26px;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

.searchIcon > img {
    width: 100%;
    display: block;
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: rgba(0, 0, 0, 0.2);
}

.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"]:not(
        .select2-results__option--highlighted
    ) {
    color: var(--black);
    background-color: var(--lightBg2);
}

.headerOpt {
    padding-left: 20px;
}

.headerOpt > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.headerOpt > ul > li > a {
    display: block;
    font-size: 18px;
}
.headerOpt > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
}
.headerOpt > ul > li > a > span > img {
    display: block;
    max-width: 25px;
    height: 25px;
    object-fit: contain;
}
.headerOpt > ul > li + li {
    margin-left: 10px;
}
.headerOpt > ul > li > a > img {
    display: block;
    width: 30px;
    position: relative;
}
.headerOpt > ul > li > a > span + span {
    margin-left: 0px;
}
.WishlistNotification {
    position: absolute;
    top: -7px;
    left: 22px;
    width: 18px;
    height: 18px;
    background-color: var(--primaryColor);
    border-radius: 50%;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.WishlistNotification-1 {
    position: absolute;
    top: -7px;
    left: 22px;
    width: 18px;
    height: 18px;
    background-color: var(--primaryColor);
    border-radius: 50%;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none !important;
}
.headerOpt.headerOpt1 {
    padding-left: 0;
}
/*****dropdown*******/
li.cartDrop a {
    position: relative;
}
.cartInerStyle {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}
/* .cartCheckut {
    padding: 1px 2px;
} */
.checkoutTotal {
    background-color: var(--grayBg);
    padding: 10px 16px;
}
.checkoutText h5 {
    color: var(--primaryColor);
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 300;
}
.dropBtnCol .btn {
    font-size: 14px;
    font-weight: 400;
}
.cartInfo {
    background-color: var(--lightBg);
    border-top: 2px solid #ddd;
    padding: 10px;
    font-size: 15px;
}
.cartInfo > a {
    text-decoration: underline;
}
.btnOutline {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
}
.checkoutTotal {
    padding: 17px 16px;
    background-color: #f8f8f8;
    box-shadow: 0 -2px 3px 0 hsla(0, 0%, 60%, 0.2);
}
.subMenuCol .title-head {
    padding: 10px 15px;
    background-color: var(--lightBg);
}
.dropBtn {
    background-color: var(--lightBg);
    padding: 15px;
}
.subMenuCol .title-head h6 {
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    display: inline;
}
.subMenuCol .title-head a {
    font-size: 15px;
}
.subMenuCol .title-head a:hover {
    opacity: 0.7;
}
.cartImage {
    width: 100px;
    text-align: center;
}

.cartImage img {
    width: 100%;
    max-width: 80px;
    height: 100px;
    object-fit: contain;
}
.cartText01 h6 {
    color: var(--primaryColor);
    font-size: 14px;
}

.cartText01 h5 {
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: 400;
}

.Quantity h6 {
    color: var(--primaryColor);
    font-size: 14px;
}

.deleteIcon {
    color: var(--grayColor);
}
.subMenuCol.cartDropdown {
    width: 360px;
    right: -10px;
}
.cartDrop .subMenuCol:before {
    left: 85%;
}
.InnerCardStyle {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 5px;
}
.cartInerStyle .InnerCardStyle:last-child {
    border-bottom: none;
}
.cart_empty-text {
    padding-top: 10px;
    font-size: 16px;
    margin-bottom: -15px;
}
.cart_p {
    font-size: 16px;
    padding: 20px;
}
.regularFont {
    font-weight: 400;
}
.navLinks > ul > li {
    position: relative;
}
.ddParent {
    padding: 15px 5px;
}
.navLinks > ul > li > a span {
    margin-left: 4px;
}

.searchCol input.fromcontrols {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    padding: 14px 70px 14px 20px;
    border: 1px solid #727272;
    color: #f86011;
}
.headerOpt.headerOpt1 > ul > li > a {
    /* padding-bottom: 20px; */
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.userDrop {
    position: relative;
}
.subMenuCol {
    position: absolute;
    width: 300px;
    z-index: 3;
    background-color: var(--whiteColor);
    top: 100%;
    left: auto;
    right: 0;
    text-transform: uppercase;
    border: 1px solid #ddd;
    box-shadow: -2px 2px 4px 0 rgba(45, 45, 45, 0.14);
    display: none;
    text-align: left;
}
.subMenuCol:before {
    content: "";
    width: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 20px solid var(--lightBg);
    position: absolute;
    top: -22px;
    left: 74%;
    opacity: 1;
}
.loginInformation {
    margin-top: 10px;
    margin-bottom: 15px;
}
.loginInformation > ul > li > a {
    font-size: 16px;
    color: var(--primaryColor);
    display: block;
    padding: 11px 13px;
}
.loginInformation > ul > li > a:hover {
    opacity: 0.7;
}
.loginInformation > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.loginInformation > ul > li > a > span > img {
    display: block;
}
.loginInformation > ul > li > a > span.dropIcon {
    max-width: 14px;
    margin-right: 6px;
}
.loginInformation > ul > li > a > span > img {
    display: block;
    width: 100%;
}
.headerOpt > ul > li.cartDrop > a {
    padding-bottom: 25px;
}
/************/
.navCol {
    background-color: var(--lightBg2);
    padding: 3px 0;
}
.navLinks > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.navLinks > ul > li + li {
    margin-left: 10px;
}
.ddParent,
.subddParent {
    position: relative;
    font-size: 18px;
}
.ddCol {
    position: absolute;
    right: 0;
    width: 170px;
    text-align: left;
    background-color: var(--whiteColor);
    top: 100%;
    padding: 10px;
    opacity: 0;
    pointer-events: none;
    border: 1px solid #ddd;
    box-shadow: -2px 2px 4px 0 rgba(45, 45, 45, 0.14);
}
.actDD .ddCol {
    opacity: 1;
    pointer-events: initial;
}
.ddsubMenu {
    position: absolute;
    left: 100%;
    width: 170px;
    text-align: left;
    background-color: var(--whiteColor);
    top: 0;
    padding: 10px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    border: 1px solid #ddd;
}
.subActDD .ddsubMenu {
    opacity: 1;
    pointer-events: initial;
}
.ddCol > ul > li {
    display: block;
    line-height: 1;
    padding: 3px 15px;
}
.ddCol > ul > li .subddParent > a,
.ddCol > ul > li > a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}
.ddCol > ul > li .subddParent > a > span {
    display: inline-block;
    vertical-align: middle;
}
.ddCol > ul > li .subddParent > a > span > img {
    display: block;
    margin-left: 5px;
    max-width: 6px;
}
.ddsubMenu > li {
    display: block;
    line-height: 1;
    padding: 3px 15px;
}
.ddsubMenu > li > a {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
}

/*********/
.spaceTop {
    margin-top: 275px;
    -webkit-transition: all 600ms ease-in-out 0s;
    -o-transition: all 600ms ease-in-out 0s;
    transition: all 600ms ease-in-out 0s;
}
/* .bannerConatinAlign{
    padding-left: 50px;
} */
.bannerSection .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: block;
}
.bannerSection {
    background-color: var(--darkBg);
    color: var(--bs-white);
}
.bannerDesktopImg, .bannerMbImg {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.bannerContentCol {
    min-height: calc(100vh - 155px);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.bannerInnerContentCol {
    position: relative;
    width: 100%;
}
.bannerTitle {
    font-size: 50px;
    line-height: 1.2;
    position: relative;
    font-family: var(--titleFont);
    text-transform: uppercase;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.bannerContent {
    max-width: 800px;
    padding: 50px 0;
}
.bannerContent p {
    font-size: 18px;
    max-width: 500px;
}
.bannerTitle::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    border-bottom: 2px solid;
    width: 220px;
}
.bannerSection .carousel-indicators {
    justify-content: flex-end;
}
.carousel-inner {
    display: flex;
}
.overlayLine {
    position: relative;
}
.overlayLine::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background-color: rgba(9, 29, 98, 0.2);
    height: 2px;
    transform: translate(0, -50%);
}
.titleCol > h2 {
    margin: 0;
    display: inline-block;
    position: relative;
}
.titleCol.overlayLine > h2 {
    background-color: var(--whiteColor);
    padding: 0 30px;
}
.titleCol > h2 > span {
    display: inline-block;
}
.swiperSlider {
    margin-top: 45px;
    position: relative;
}
.bsCardStyle {
    background-color: var(--grayBg);
    text-align: center;
    border-radius: 21px;
    padding: 50px 15px 35px;
}
.bsCardImg {
    height: 70px;
    width: 100%;
    max-width: 88px;
    margin: 0 auto;
}

.bsCardImg > img {
    height: 100%;
    object-fit: contain;
}

.bsCardText {
    padding-top: 25px;
}

.bsCardText > h4 {
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    min-height: 42px;
}

.swiperSlider .swiper-button-prev {
    left: -60px;
}

.swiperSlider .swiper-button-next {
    right: -60px;
}

.swiperSlider .swiper-button-next:after,
.swiperSlider .swiper-button-prev:after {
    color: rgba(9, 29, 98, 0.2);
    font-size: 40px;
}

.tabInner .tab-content {
    padding-top: 55px;
}

.tabNav {
    text-align: center;
    display: inline-block;
    background-color: var(--whiteColor);
    position: relative;
    padding: 0 30px;
}

.tabNav > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.tabNav > li + li::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 12px;
    bottom: 0;
    background-color: var(--primaryColor);
    width: 2px;
    height: 30px;
    z-index: 1;
    -webkit-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    transform: rotate(14deg);
}

.tabNav > li + li {
    margin-left: 20px;
}

.tabNav > li > button {
    background-color: var(--whiteColor);
    border: 0;
    position: relative;
    padding: 0;
    text-transform: capitalize;
    border-bottom: 3px solid transparent;
    color: var(--primaryColor);
}

/* .tabNav > li > button.active {
  border-color: var(--primaryColor);
} */
.cartStyle {
    background-color: var(--whiteColor);
    border: 1px solid var(--grayBg);
    margin-bottom: 30px;
}

.cartContent {
    padding: 20px 20px 90px;
    position: relative;
}

.cartBtn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 30px;
}

.cartImg {
    background-color: var(--lightBg);
    text-align: center;
    padding: 20px;
    height: 280px;
}

.cartImg > img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.tagStyle > span {
    font-size: 17px;
    padding: 10px 18px;
    border-radius: 20px;
    line-height: 1;
    display: inline-block;
}

.tagBgStyle1 {
    background-color: #ffd1d1 !important;
    color: #f44047 !important;
}

.tagBgStyle2 {
    background-color: #ffeed1 !important;
    color: #f89b00 !important;
}

.tagBgStyle3 {
    background-color: #e3f9e0 !important;
    color: #72c166 !important;
}

.tagBgStyle4 {
    background-color: #ffd1d1 !important;
    color: #f44047 !important;
}

.tagBgStyle5 {
    background-color: #ffd1d1 !important;
    color: #f44047 !important;
}

.tagBgStyle6 {
    background-color: #ffd1d1 !important;
    color: #f44047 !important;
}

.tagBgStyle7 {
    background-color: #ffd1d1 !important;
    color: #f44047 !important;
}

.cartText {
    /* padding-top: 20px; */
}

.cartText > h2 {
    padding-top: 20px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    min-height: 60px;
    margin-bottom: 10px;
}

.cartText > p {
    color: var(--grayColor);
    font-size: 16px;
    margin-bottom: 5px;
    min-height: 40px;
}

.cartText > p > span {
    display: block;
    line-height: 1.3;
    color: var(--lightColor);
}

.cartPrice {
    font-size: 20px;
    font-weight: 600;
}

.cartBtn .btn {
    width: 100%;
}
.cartPrice > span {
    display: inline-block;
}

.cartPrice > span.retailPrice {
    color: #cbcbcc;
}

.cartBtn .btnPrimary {
    text-transform: uppercase;
}

.moretext,
.moreCard {
    display: none;
}

.readMore {
    margin-top: 20px;
}

/* .moreless-card {
    color: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 7px;
    background-color: var(--whiteColor);
    display: inline-block;
} */

.addImg {
    width: 100%;
    position: relative;
}

.addImg.addImgLg {
    height: 427px;
}

.addImg > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.addImg.addImgmd {
    height: 210px;
}

.addImgmd + .addImgmd {
    margin-top: 7px;
}

.pLogoSlider .swiper-wrapper {
    align-items: center;
    justify-content: center;
}

.pLogo {
    max-width: 110px;
    margin: 0 auto;
    text-align: center;
}

.pLogo > img {
    height: 86px;
    object-fit: contain;
}

.partnerSlider {
    position: relative;
}

.sectionSpace {
    padding: 80px 0;
}

.cardwrapImg {
    height: 320px;
    width: 100%;
}

.cardwrapImg > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.cardwrapText {
    padding-top: 30px;
}

.cardwrapText > h3 {
    font-size: 30px;
    margin-bottom: 0;
}

.wrapInner {
    padding-top: 30px;
}

.cardwrapStyle {
    margin-top: 40px;
}

.testimonialInner .titleCol.overlayLine > h2 {
    background-color: var(--lightBg2);
}

.testimonialSlider .swiper-wrapper {
    padding: 25px 0;
}

.rattingStar > li {
    display: inline-block;
    vertical-align: middle;
}

.rattingStar > li > a > img {
    display: block;
    width: 18px;
}
.testimonialSlider {
    padding: 0 15px;
}
.testimonialCard {
    background-color: var(--whiteColor);
    border-radius: 9px;
    box-shadow: 6px 7px 10px rgba(1, 31, 53, 0.08);
    padding: 25px;
    font-family: var(--themeFont);
}
.testimonialCard > p {
    font-size: 14px;
    color: var(--dark);
    padding: 10px 0;
    line-height: 1.2;
}

.testimonialCard > h4 {
    font-size: 16px;
    color: var(--dark);
    font-weight: 600;
    margin: 0;
}

.testimonialCard > span {
    font-size: 14px;
    display: block;
    color: var(--dark);
    padding-top: 5px;
}

.testimonialInner .swiperSlider {
    margin-top: 20px;
}

.sectionSpace.testimonialSection {
    padding-bottom: 40px;
}

.footerSection {
    padding: 60px 0 40px;
    background-color: var(--lightBg);
    /* background-image: url(../images/footer-bg.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    font-size: 16px;
    /* color: var(--whiteColor); */
    background-size: cover;
}
.footerCol .formStyle .form-control {
    border: 0;
}
.footerLogo img {
    max-width: 284px;
}
.footerLogo > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.footerCol > h2 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
}

.footerLinks > ul > li {
    display: block;
}

.footerLinks > ul > li > a {
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.footerLinks > ul > li > a:hover {
    opacity: 0.8;
}

.footerLinks > ul > li + li {
    margin-top: 10px;
}

.footeradd > ul > li {
    margin-bottom: 35px;
}

.footeradd > ul > li > span {
    display: block;
    padding-top: 5px;
}

.footerLogo > ul > li > img {
    display: block;
    max-width: 55px;
}
.socailIcons {
    padding-top: 30px;
}
.socailIcons > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.socailIcons > ul > li + li {
    margin-left: 5px;
}
.socailIcons > ul > li > a {
    background-color: var(--whiteColor);
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.socailIcons > ul > li > a:hover {
    opacity: 0.8;
}
.socailIcons > ul > li > a > img {
    display: block;
    width: 18px;
    height: 18px;
}
.formStyle + .formStyle {
    margin-top: 15px;
}
.formStyle .form-control {
    font-size: 15px;
    font-weight: 400;
    color: var(--dark);
    box-shadow: none;
    border-radius: 50px;
    padding: 12px 15px;
    resize: none;
}
.formStyle .form-control:focus {
    border-color: #ced4da;
}
.formBtnCol {
    margin-top: 25px;
}
.formBtnCol .btn {
    min-width: 150px;
    font-size: 18px;
}
.footerBotm {
    font-family: var(--themeFont);
    border-top: 1px solid rgba(98, 167, 224, 0.4);
    margin-top: 70px;
    padding-top: 20px;
    color: #e3e3e3;
    font-size: 14px;
    font-weight: 300;
    opacity: 0.8;
}
.footerBotmLink > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.footerBotmLink > ul > li + li {
    margin-left: 6px;
    padding-left: 12px;
}
.footerBotmLink > ul > li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 0;
    height: 13px;
    width: 1px;
    background-color: #e3e3e3;
    opacity: 0.5;
}

.footerBotmLink > ul > li > a {
    opacity: 0.8;
}

.footerBotmLink > ul > li > a:hover {
    opacity: 1;
}

.footerText > p {
    margin-bottom: 0;
}

.advertisingText {
    position: absolute;
    padding: 10px;
}
.text-shadow {
    font-size: 30px;
    color: #ffefff;
    max-width: 220px;
    font-weight: 700;
    text-shadow: 0 0px 15px rgb(215, 75, 215, 08);
}
.advertisingText.advertisingStyle1 {
    top: 10px;
    left: 15px;
}
.advertisingText > p {
    color: var(--whiteColor);
    font-size: 17px;
    font-weight: 600;
    padding: 8px 0 0;
}
.btn.shopBtn {
    background-color: var(--whiteColor);
    font-size: 15px;
    color: var(--primaryColor);
    text-transform: uppercase;
    border-radius: 0;
    padding: 4px 7px;
    font-weight: 500;
}
.btn.shopBtn:active {
    background-color: var(--whiteColor);
    color: var(--primaryColor);
}
.advertisingText.advertisingStyle2 {
    top: 0;
    right: 0;
    max-width: 212px;
    margin-left: auto;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.addInnerText .text-shadow2 {
    font-size: 24px;
    color: var(--whiteColor);
    font-weight: 600;
    line-height: 1.3;
}
p.yColor {
    color: #f5f600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    margin: 0;
}
.advertisingText.advertisingStyle2.advertisingStyle3 {
    margin-right: auto;
    margin-left: inherit;
}
.advertisingText.advertisingStyle3 {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.advertisingText > p.mdText {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    padding: 0 20px;
    line-height: 1.3;
}
.advertisingText > p.addLgText {
    font-size: 24px;
}
.swiper-pagination.bgPagination {
    bottom: -50px;
}

.bgPagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bgPagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primaryColor);
}
.bgPagination {
    display: none;
}
.swiper-pagination.bgPagination2 {
    position: static;
}
/* .headerOpt > ul > li.sMenuLink.cartDrop {
    margin-left: 25px;
} */

/***** contact page start *******/

.contactMainCol .titleCol .lgText {
    max-width: 720px;
    margin: 0 auto;
    padding-top: 35px;
}

.contactForm {
    max-width: 900px;
    margin: 0 auto;
}
.loginFoot a:hover {
    color: #0000ff;
}
.contactCol p {
    font-size: 16px;
}
.contactCol p span {
    display: block;
}
.contactInfo {
    padding: 20px 0 0 40px;
}
.mapCol {
    margin-top: 80px;
}
.mapCol > iframe {
    height: 500px;
}
.proSingleSlider {
    background-color: #f6f6f6;
    border: 1px solid #e9e8e8;
    text-align: center;
    padding: 50px 30px;
    height: 500px;
    position: relative;
}
.proSingleSlider .swiper-slide > img,
.prothumbSlider .swiper-slide > img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.prothumbSlider .swiper-slide {
    background-color: #f6f6f6;
    text-align: center;
    padding: 20px;
    height: 208px;
    border: 1px solid #e9e8e8;
    margin-top: 6px;
}
.proLikeImg {
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 0.2;
}
.proLikeImg > img {
    width: 25px;
}
.productDetail {
    padding: 20px 0 0 20px;
}
.availableProduct > li {
    display: inline-block;
    vertical-align: middle;
    color: var(--grayColor);
    font-size: 17px;
}
.availableProduct > li + li {
    margin-left: 30px;
}
.tagCol {
    font-size: 16px;
    padding: 8px 18px;
    border-radius: 20px;
    line-height: 1;
    font-weight: 700;
    background-color: #ffd1d1;
    color: #f44047;
    display: inline-block;
}
.productDetail > h2 {
    padding: 30px 0 20px;
    font-size: 20px;
    margin: 0;
}
.productDetail > p {
    font-size: 15px;
    line-height: 1.7;
}
.priceCol {
    padding-bottom: 10px;
}
.priceCol > h3 {
    font-size: 40px;
    font-weight: 600;
}
.priceCol > h3 > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    color: #cbcbcc;
}
.priceCol > h3 > span > del {
    line-height: 1;
    display: block;
    padding-right: 10px;
}
.quantityField {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 140px;
    height: 44px;
    justify-content: center;
    border: 1px solid #e9e8e8;
    background-color: #f6f6f6;
    border-radius: 50px;
}
.qtyBtn {
    margin: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border: 0;
}
.qty {
    width: 155px;
    text-align: center;
    padding: 0;
    font-weight: 500;
    line-height: 1;
    margin: 0px;
    height: 100%;
    background: var(--whiteColor);
    outline: none;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e9e8e8;
    border-right: 1px solid #e9e8e8;
}
.addBtn .btnPrimary {
    min-width: 230px;
}
.availableProduct > li.tagCol {
    color: #f44047;
}
.offerImg {
    background-color: #f6f6f6;
    text-align: center;
    padding: 20px;
    height: 160px;
    border: 1px solid #e9e8e8;
    margin-top: 6px;
    width: 160px;
}
.offerImg > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.offerSection {
    padding-top: 30px;
}
.offerTitle {
    position: relative;
}
.offerTitle::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    background-color: rgba(9, 29, 98, 0.2);
    height: 2px;
    transform: translate(0, -50%);
}
.offerTitle > h2 {
    background-color: var(--whiteColor);
    position: relative;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding-right: 15px;
}
.offerCol {
    padding-top: 20px;
}
.offerText > p {
    font-size: 15px;
    margin-bottom: 5px;
}
.offerText > h4 {
    font-size: 26px;
}
.offerText > h4 > span {
    font-size: 15px;
    font-weight: 400;
    padding-left: 10px;
}
.tabSection {
    margin-top: 80px;
}
.tabSection .nav {
    justify-content: center;
}
.navLink {
    border: 0;
    background-color: transparent;
    /* border-bottom: 2px solid transparent; */
    padding: 0;
    font-weight: 600;
    font-size: 20px;
    color: var(--primaryColor);
}
/*.navLink.active {
  border-color: #f44047;
}*/
.tabSection .nav > li.nav-item + li.nav-item {
    margin-left: 30px;
}
.reviewImg {
    width: 100px;
}
.reviewImg > img {
    width: 68px;
    border-radius: 50%;
    height: 68px;
    object-fit: cover;
}
.tabSection .tab-content {
    padding-top: 60px;
}
.ratePro {
    padding-bottom: 15px;
}
.starRatting > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 14px;
}
.starRatting > span > img {
    max-width: 18px;
}
.formStyle .form-control:disabled {
    background-color: transparent;
}
.reviewTabCol .formSection {
    padding-bottom: 15px;
}
.reviewCol p {
    font-size: 15px;
}
.questionFeild {
    position: relative;
}
.questionFeildEx {
    background-color: #ffeeba !important;
    padding: 12px 15px;
}
.questionFeild > input {
    background-color: #f7f7f9 !important;
    padding: 12px 40px;
    width: 100%;
    border-bottom: 2px dashed #eee;
    border-top: 2px dashed #eee;
    border-left: none;
    border-right: none;
    font-size: 15px;
}
.faqStyle > label {
    position: relative;
    padding: 7px 40px;
    font-size: 15px;
}
.faqFletter {
    width: 32px;
    display: flex;
    height: 32px;
    border: 1px solid #dee2e6;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}
.questionFeild .faqFletter {
    top: 18px;
}
.faqStyle .form-control {
    margin-top: 10px;
}
.searchFld {
    font-size: 16px;
    border-radius: 50px;
    padding: 15px 130px 15px 20px;
}
.faqsearchCol {
    position: relative;
}
.faqsearchCol .btnPrimary {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 145px;
}

/*** payment page start ******/

.shippingDetail > p {
    margin-bottom: 0px;
    font-size: 15px;
}
.shippingDetail .name {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.shipTo {
    padding-top: 30px;
}
.shipTo > h4 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
}
.cvcInput {
    border: 1px solid #ced4da;
    padding: 10px;
    margin: 2px 0 40px;
    border-radius: 10px;
}
.cvcInput > p {
    margin: 0;
    color: #6e6e6e;
    font-size: 14px;
}
.cvcInput > p > img {
    opacity: 0.6;
    padding-right: 2px;
}
.payCardCol > p {
    font-size: 15px;
}
.cartQuantityField {
    position: relative;
}
.checkOrder .cartProdutName > h5 {
    font-size: 16px;
    margin-bottom: 0px;
}
.checkOrder .cartPrice {
    top: 30px;
}
.checkStyle {
    position: relative;
    padding-left: 24px;
}
.checkStyle .form-check-label {
    font-size: 16px;
}
.checkStyle .form-check-input {
    width: 15px;
    height: 15px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 4px;
}
.tblCol > p {
    font-size: 15px;
}
.cartCol {
    background-color: #f8f9fa;
    padding: 30px 30px 40px;
    width: 400px;
    border-radius: 10px;
}
.cartCol .formTitle {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
}
.payCartCol {
    margin-bottom: 15px;
}
.payCartImg {
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 8px;
}
.payCartImg img.img-fluid {
    height: 100%;
    object-fit: contain;
}
.payCartText > h4 {
    font-size: 16px;
    margin-bottom: 4px;
    position: relative;
}
.payCartText > p {
    font-size: 15px;
    margin-bottom: 0;
}
.cartProdutName {
    font-size: 15px;
}
.payCartText > span {
    display: block;
    font-size: 13px;
    padding-top: 5px;
}
.payStyle > p {
    font-size: 16px;
    margin: 0;
    padding-bottom: 5px;
}
.qtyText {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
}
.summaryCol {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
.payCartInfo.cartTotal {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 15px;
}
.cartTotal .payStyle > p {
    font-size: 16px;
    font-weight: 600;
}
.payBtn {
    margin-top: 20px;
}
.editBtn {
    margin-right: 10px;
    max-width: 15px;
}

/*** payment page end ******/

/*** my-order page start *****/

.sidebarCol {
    width: 326px;
}
.accountInfo {
    border-radius: 10px;
}
.sidebarColTop {
    padding: 20px;
    border: 1px solid #ced4da;
    margin-bottom: 10px;
    border-radius: 10px;
}
.userImg {
    width: 71px;
}
.userImg > img {
    width: 71px;
    border-radius: 50%;
    height: 71px;
    object-fit: cover;
}
.userText > h4 {
    font-size: 18px;
    margin: 0;
    text-transform: capitalize;
}
.sidebarCol > ul > li .sidebarItem {
    padding: 20px;
    font-size: 16px;
    text-transform: capitalize;
    border: 1px solid #ced4da;
    font-weight: normal;
    border-radius: 10px;
}
.sidebarCol > ul > li + li {
    margin-top: 10px;
}
.sidebarCol > ul > li > span {
    display: inline-block;
    vertical-align: middle;
}
.sidebarCol > ul > li > span.sidebarIcon {
    width: 15px;
    margin-right: 10px;
}
.accountInfo > div > h5 {
    font-style: italic;
    margin: 15px 0px;
    font-weight: 700;
}
.dashboardImg {
    max-width: 90%;
}
.cartQuantityField {
    position: relative;
}
.dashboardName {
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 5px;
}
.shippingBtn > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.shippingBtn > ul > li a,
li button {
    background-color: white;
    border: 1px solid #9b9b9b;
    padding: 7px 15px;
    color: #9b9b9b;
    font-size: 16px;
    display: inline-block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.shippingLeft > div > label {
    font-style: italic;
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 500;
}
.shippingLeft > span {
    font-size: 16px;
    display: block;
}
.dashboardQty {
    font-size: 16px;
}
.shippingBtn {
    margin-top: 10px;
}
.cartDimg {
    width: 130px;
}
.cartDimg > img {
    width: 130px;
    height: 130px;
    object-fit: contain;
}
.paginationCol {
    text-align: right;
    padding-bottom: 20px;
}
.paginationCol > ul > li.page-item {
    display: inline-block;
    vertical-align: middle;
}
.paginationCol > ul > li.page-item a.page-link {
    background-color: var(--grayBg);
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 5px;
}

/*** my-order page end *****/

/***** media quary start ********/
@media (max-width: 1400px) {
    .headerOpt.headerOpt1 > ul > li > a {
        padding-bottom: 15px;
    }
    .headerOpt > ul > li > a > span > img {
        max-width: 20px;
        height: 20px;
    }
    .headerTop {
        padding: 10px 0 8px;
    }
    body {
        font-size: 16px;
    }
    .logo {
        width: 180px;
    }
    .fixedHeader .logo {
        width: 150px;
    }
    .searchCol .select2-container--bootstrap-5 .select2-selection {
        padding: 10px 55px 10px 20px;
        font-size: 16px;
        height: 45px;
    }
    .searchIcon {
        width: 18px;
        right: 20px;
    }
    .headerOpt > ul > li > a > img {
        width: 24px;
    }
    .WishlistNotification {
        top: -6px;
        /* left: 18px; */
        width: 16px;
        height: 16px;
        font-size: 11px;
    }
    .cartDrop .subMenuCol:before {
        left: 92%;
    }
    .cartImage img {
        height: 80px;
    }
    .checkoutTotal {
        padding: 10px 15px;
    }
    .cartInerStyle {
        max-height: 342px;
    }
    .fixedHeader .headerSection {
        top: -42px;
    }
    .spaceTop {
        margin-top: 234px;
    }
    .bannerSection .carousel-control-next-icon,
    .bannerSection .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
    }
    .bannerSection .carousel-indicators [data-bs-target] {
        width: 50px;
    }
    .lgTitle {
        font-size: 34px;
    }
    .bsCardStyle {
        padding: 30px 15px;
        margin-bottom: 15px;
    }
    .bsCardImg {
        height: 50px;
        max-width: 68px;
    }
    .swiperSlider .swiper-button-next:after,
    .swiperSlider .swiper-button-prev:after {
        font-size: 34px;
    }
    .bsCardText {
        padding-top: 15px;
    }
    .bsCardText > h4 {
        font-size: 14px;
        min-height: 34px;
    }
    .tabInner .tab-content {
        padding-top: 40px;
    }
    .cartImg {
        height: 230px;
    }
    .tagStyle > span {
        font-size: 14px;
        padding: 8px 15px;
    }
    .cartContent {
        padding: 15px 15px 75px;
    }
    .cartText {
        /* padding-top: 15px; */
    }
    .cartText > h2 {
        padding-top: 15px;
        font-size: 16px;
        min-height: 50px;
    }
    .cartText > p {
        font-size: 14px;
    }
    .cartPrice {
        font-size: 18px;
    }
    .cartBtn {
        left: 15px;
        right: 15px;
        bottom: 20px;
    }
    .btn, .searchFld, .formSelectOpt .form-select {
        font-size: 14px;
    }
    .shippingBtn > ul > li a, li button {
        font-size: 14px;
    }
    .btn.btnLink > span > img {
        margin-left: 10px;
        width: 16px;
    }
    .readMore {
        margin-top: 0;
    }
    .moreless-card {
        padding: 8px 15px;
        font-size: 16px;
    }
    .addImg.addImgLg {
        height: 364px;
    }
    .addImg.addImgmd {
        height: 179px;
    }
    .pLogo {
        max-width: 80px;
    }
    .pLogo > img {
        height: 80px;
    }
    .cardwrapImg {
        height: 250px;
    }
    .cardwrapText {
        padding-top: 20px;
    }
    .cardwrapText > h3 {
        font-size: 24px;
    }
    .testimonialCard {
        padding: 20px;
    }
    .footerCol > h2 {
        font-size: 20px;
    }
    .footerSection {
        font-size: 14px;
    }
    .formStyle .form-control {
        font-size: 14px;
        padding: 10px 15px;
    }
    .formBtnCol .btn {
        min-width: 120px;
        font-size: 16px;
        padding: 8px 15px;
    }
    .footerLogo > ul > li > img {
        max-width: 50px;
    }
    .socailIcons > ul > li + li {
        margin-left: 3px;
    }
    .footerLinks > ul > li + li {
        margin-top: 8px;
    }
    .socailIcons {
        padding-top: 20px;
    }
    .socailIcons > ul > li > a {
        width: 28px;
        height: 28px;
    }
    .swiperSlider .swiper-button-next {
        right: -35px;
    }
    .swiperSlider .swiper-button-prev {
        left: -35px;
    }
    .text-shadow {
        font-size: 24px;
    }
    .advertisingText > p {
        font-size: 14px;
    }
    .btn.shopBtn {
        font-size: 12px;
    }
    .advertisingText.advertisingStyle2 {
        max-width: 182px;
    }
    p.yColor {
        font-size: 14px;
    }
    .addInnerText .text-shadow2 {
        font-size: 18px;
    }
    .advertisingText > p.mdText {
        font-size: 16px;
    }
    .advertisingText > p.addLgText {
        font-size: 18px;
        margin-bottom: 0;
    }
    .navLinks > ul > li + li {
        margin-left: 5px;
    }
    .searchCol input.fromcontrols {
        height: 50px;
    }
    .subMenuCol:before {
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 15px solid var(--lightBg);
        top: -18px;
        left: 77%;
    }
    .contactInfo {
        padding: 10px 0 0 40px;
    }
    .contactMainCol .titleCol .lgText {
        max-width: 580px;
        padding-top: 20px;
    }
    .lgText {
        font-size: 16px;
    }
    .productDetail {
        padding: 10px 0 0 0;
    }
    .availableProduct > li {
        font-size: 16px;
    }
    .tagCol {
        padding: 7px 14px;
    }
    .availableProduct > li + li {
        margin-left: 20px;
    }
    .priceCol > h3 {
        font-size: 38px;
    }
    .priceCol > h3 > span {
        font-size: 28px;
    }
    .priceCol > h3 > span > del {
        padding-right: 10px;
    }
    .addBtn .btnPrimary {
        min-width: 200px;
    }
    .quantityField {
        width: 130px;
        height: 40px;
    }
    .offerText > h4 {
        font-size: 24px;
    }
    .prothumbSlider .swiper-slide {
        padding: 15px;
    }
    .proSingleSlider {
        height: 530px;
    }
    .prothumbSlider .swiper-slide {
        height: 170px;
    }
    .checkStyle .form-check-input {
        top: 5px;
    }
    .bannerContent {
        max-width: 550px;
    }
    .bannerTitle {
        font-size: 40px;
    }
}
@media (max-width: 1199px) {
    body {
        font-size: 15px;
    }
    .fixedHeader .headerSection {
        top: -39px;
    }
    .headerRightCol {
        max-width: 650px;
    }
    .headerOpt > ul > li > a > span > img {
        max-width: 18px;
        height: 18px;
    }
    .logo {
        width: 160px;
    }
    .fixedHeader .logo {
        width: 130px;
    }
    .searchCol input.fromcontrols {
        height: 45px;
        padding: 10px 50px 10px 15px;
    }
    .spaceTop {
        margin-top: 218px;
    }
    .bannerSection .carousel-item > img {
        height: 500px;
    }
    .bannerSection .carousel-indicators [data-bs-target] {
        width: 40px;
    }
    .bannerContent {
        max-width: 550px;
    }
    .bannerTitle {
        font-size: 40px;
    }
    .lgTitle {
        font-size: 30px;
    }
    .btn.btnSecondary > span > img {
        margin-left: 10px;
        width: 16px;
    }
    .cartImg {
        height: 220px;
        padding: 30px;
    }
    .cartStyle {
        margin-bottom: 20px;
    }
    .addImg.addImgLg {
        height: 300px;
    }
    .addImg.addImgmd {
        height: 146px;
    }
    .pLogo {
        max-width: 110px;
    }
    .footerCol {
        padding-bottom: 20px;
    }
    .footerBotm {
        margin-top: 30px;
    }
    .advertisingText > p {
        font-size: 13px;
    }
    .advertisingText.advertisingStyle2 {
        max-width: 152px;
    }
    .addInnerText .text-shadow2 {
        font-size: 16px;
    }
    p.yColor {
        font-size: 13px;
    }
    .advertisingText > p.mdText {
        font-size: 14px;
        padding: 0;
    }
    .advertisingText > p.addLgText {
        font-size: 16px;
    }
    .tabNav > li + li::before {
        top: 10px;
    }
    .mapCol > iframe {
        height: 400px;
    }
    .availableProduct > li + li {
        margin-left: 15px;
    }
    .availableProduct > li {
        font-size: 14px;
    }
    .priceCol > h3 > span {
        font-size: 26px;
    }
    .priceCol > h3 {
        font-size: 34px;
    }
    .proLikeImg > img {
        width: 20px;
    }
    .prothumbSlider .swiper-slide {
        height: 148px;
    }
    .proSingleSlider {
        height: 440px;
    }
    .cartCol {
        padding: 20px 20px 30px;
        width: 360px;
    }
    .checkStyle .form-check-input {
        top: 2px;
    }
    .sidebarCol {
        width: 276px;
    }
    .cartDimg {
        width: 100px;
    }
    .sidebarColTop {
        padding: 15px;
    }
    .sidebarCol > ul > li {
        padding: 15px;
        font-size: 16px;
    }
    .accountInfo > div > h5 {
        font-size: 18px;
    }
    .userText > h4 {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    .searchCol input.fromcontrols {
        height: 40px;
        padding: 8px 50px 8px 15px;
    }
    .headerOpt > ul > li > a > img {
        width: 20px;
    }
    .headerOpt > ul > li + li {
        margin-left: 12px;
    }
    .headerOpt > ul > li {
        padding-bottom: 15px;
    }
    .menuToggle > a {
        margin-left: inherit;
    }
    .subMenuCol.cartDropdown {
        width: 320px;
    }
    .cartImage {
        width: 80px;
    }
    .subMenuCol {
        width: 260px;
        margin-top: 10px;
        right: -10px;
    }
    .subMenuCol:before {
        left: 90%;
    }
    .loginInformation > ul > li > a {
        font-size: 14px;
        padding: 8px 10px;
    }
    .navCol {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        /*overflow-y: auto;*/
        background-color: var(--whiteColor);
        z-index: 99;
        padding: 160px 0 0;
        width: 100%;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        -webkit-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        transform: translateX(-150%);
    }
    .actNav .navCol {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .navLinks {
        position: relative;
        overflow-x: hidden;
        height: 520px;
    }
    .actNav.fixedHeader .headerSection {
        top: 0;
    }
    body.actNav {
        overflow: hidden;
    }
    .actNav .bar:nth-child(1) {
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 8px;
    }
    .actNav .bar:nth-child(2) {
        -webkit-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        opacity: 0;
    }
    .actNav .bar:nth-child(3) {
        -webkit-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 8px;
        width: 100%;
    }
    .toggle::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9;
    }
    .navLinks > ul {
        display: block;
    }
    .navLinks > ul > li + li {
        margin-left: 0;
    }
    .navLinks > ul > li > .ddParent > a {
        font-size: 16px;
        padding: 14px 60px 14px 22px;
        display: block;
        border-bottom: solid 1px var(--primaryColor);
        position: relative;
    }
    .navLinks > ul > li > .ddParent > a.ddTrigger::before {
        content: "";
        position: absolute;
        right: 35px;
        top: 20px;
        bottom: 0;
        background-image: url(../images/plus-icon.svg);
        background-position: center;
        background-size: contain;
        width: 14px;
        height: 15px;
    }
    .navLinks > ul > li.collapseAct > .ddParent > a.ddTrigger::before {
        background-image: url(../images/minus-icon.svg);
        height: 2px;
        top: 27px;
    }
    .actDD .ddCol {
        display: block;
    }
    .ddParent {
        padding: 0;
    }
    .bar {
        z-index: 999;
    }
    .navCol .container {
        padding: 0;
    }
    .headerSection .container {
        max-width: 100%;
    }
    .logo {
        position: relative;
        z-index: 999;
    }
    .headerOpt > ul > li.cartDrop > a {
        padding-bottom: 0;
    }
    .searchCol {
        margin-bottom: 0;
        position: relative;
        z-index: 99;
    }
    .spaceTop {
        margin-top: 160px;
    }
    .bannerSection .carousel-item > img {
        height: 400px;
    }
    .fixedHeader .headerSection {
        top: 0;
    }
    .bannerSection .carousel-indicators [data-bs-target] {
        width: 30px;
        height: 2px;
    }
    .bannerContentCol {
        -ms-align-items: flex-end;
        align-items: flex-end;
    }
    .bannerContent {
        max-width: 100%;
        text-align: center;
    }
    .bannerContent p {
        max-width: 100%;
    }
    .bannerTitle::before {
        width: 180px;
        right: 0;
        margin: 0 auto;
    }
    .sectionSpace {
        padding: 60px 0;
    }
    .tabNav > li > button {
        border-bottom: 1px solid transparent;
    }
    .addImg.addImgLg {
        height: 240px;
    }
    .addImg.addImgmd {
        height: 117px;
    }
    .cardwrapImg {
        height: 200px;
    }
    .cardwrapText > h3 {
        font-size: 20px;
    }
    .footerBotm {
        text-align: center;
    }
    .headerTop {
        display: none;
    }
    .headerCol {
        padding: 15px 0 0 0;
    }
    .searchCol input.fromcontrols {
        height: 38px;
        padding: 6px 50px 6px 15px;
        border-color: rgba(9, 29, 98, 0.1);
        border-radius: 7px;
    }
    .searchIcon {
        width: 15px;
        right: 27px;
    }
    .headerOpt {
        padding-left: 0;
        padding-top: 20px;
    }
    .headerOpt > ul > li > a > span > img {
        max-width: 20px;
        height: 20px;
    }
    .logo {
        margin: 0 auto 15px;
        width: 120px;
    }
    .fixedHeader .logo {
        width: 120px;
    }
    .tabNav > li + li::before {
        top: 6px;
    }
    .advertisingText.advertisingStyle1 {
        left: 0;
        top: 0;
        max-width: 180px;
    }
    .text-shadow {
        font-size: 20px;
    }
    .text-shadow {
        font-size: 18px;
    }
    .advertisingText.advertisingStyle2 {
        max-width: 112px;
    }
    .addInnerText .text-shadow2 {
        font-size: 14px;
    }
    .advertisingText > p.addLgText {
        font-size: 14px;
    }
    .headerSection {
        box-shadow: 0 8px 14px rgba(0, 0, 0, 0.05);
    }
    .headerOpt {
        padding-right: 12px;
    }
    .navLinks > ul > li > .ddParent > a > span {
        display: none;
    }
    .ddCol {
        width: 100%;
        display: none;
        position: static;
        border: 0;
        box-shadow: none;
        opacity: 1;
        pointer-events: all;
        padding: 0;
    }
    .ddCol > ul > li {
        line-height: inherit;
        padding: 0;
    }
    .ddCol > ul > li .subddParent > a,
    .ddCol > ul > li > a {
        font-size: 16px;
        padding: 10px 60px 10px 30px;
        display: block;
        border-left: 6px solid transparent;
        position: relative;
    }
    .ddCol > ul > li .subddParent > a > span.navarrow {
        display: none;
    }
    .ddCol > ul > li > .subddParent > a.ddSubTrigger::before {
        content: "";
        position: absolute;
        right: 35px;
        top: 15px;
        bottom: 0;
        background-image: url(../images/plus-icon.svg);
        background-position: center;
        background-size: contain;
        width: 14px;
        height: 15px;
    }
    .ddCol > ul > li.subCollapse > .subddParent > a.ddSubTrigger::before {
        background-image: url(../images/minus-icon.svg);
        height: 2px;
        top: 27px;
    }
    .ddsubMenu {
        width: 100%;
        display: none;
        position: static;
        border: 0;
        box-shadow: none;
        opacity: 1;
        pointer-events: all;
        padding: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    .ddsubMenu > li {
        padding: 0;
    }
    .ddsubMenu > li > a {
        padding: 8px 60px 8px 50px;
        display: block;
    }
    .ddCol > ul > li.subCollapse .subddParent > a {
        border-color: #f86011;
        opacity: 0.8;
    }
    .navLinks .headerOpt {
        padding: 0;
    }
    .navLinks .headerOpt > ul > li {
        display: block;
        padding: 0;
    }
    .navLinks .headerOpt > ul > li + li {
        margin-left: 0;
    }
    .navLinks .headerOpt > ul > li > a {
        padding: 10px 20px 10px 22px;
    }
    .navLinks .headerOpt > ul > li > a > span > img {
        max-width: 16px;
        height: 16px;
    }
    .navLinks .headerOpt > ul > li > a > span + span {
        margin-left: 5px;
    }
    .navLinks .headerOpt > ul > li > a {
        padding: 10px 20px 5px 22px;
        font-size: 16px;
    }
    .searchCol .searchCol {
        padding: 4px 10px;
    }
    .headerOpt > ul > li.sMenuLink.cartDrop {
        margin-left: 10px;
    }
    .headerOpt > ul > li.sMenuLink.cartDrop {
        margin-left: 5px;
    }
    .mapCol > iframe {
        height: 300px;
    }
    .contactInfo {
        padding: 0 0 0 20px;
    }
    .contactCol p {
        font-size: 14px;
    }
    .cartStyle {
        margin-bottom: 0;
    }
    .partnerSlider .swiper-button-next,
    .partnerSlider .swiper-button-prev,
    .swiper-pagination.pLogoPag {
        position: static;
    }
    .partnerSlider .swiper-button-next,
    .partnerSlider .swiper-button-prev {
        margin: 0;
    }
    .partnerSlider .swiper-button-prev {
        margin-left: auto;
    }
    .partnerSlider .swiper-button-next:after,
    .partnerSlider .swiper-button-prev:after {
        font-size: 22px;
        color: rgba(9, 29, 98, 0.6);
        font-weight: 600;
    }
    .pLogoSlider {
        padding-bottom: 15px;
    }
    .productDetail {
        padding: 30px 0 0 0;
    }
    .searchFld {
        padding: 15px 160px 15px 20px;
    }
    .prothumbSlider .swiper-slide {
        height: 200px;
    }
    .proSingleSlider {
        height: 530px;
    }
    .cartCol {
        width: 100%;
        margin-top: 20px;
    }
    .sidebarCol {
        width: 100%;
    }
    .userImg {
        width: 60px;
    }
    .userImg > img {
        width: 60px;
        height: 60px;
    }
    .userText > h4 {
        font-size: 14px;
    }
    .sidebarToggle > a {
        width: 30px;
        display: flex;
        height: 30px;
        border: 1px solid #ced4da;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
    }
    .sidebarCol {
        position: fixed;
        left: 0;
        top: 0;
        /* bottom: 0; */
        background-color: var(--whiteColor);
        z-index: 99;
        padding: 0;
        width: 100%;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s;
        -webkit-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        transform: translateX(-150%);
        overflow-y:auto;
        height: 100%;
    }
    .actsidebar .sidebarCol {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .sidebarCol > ul > li {
        font-size: 16px;
        padding: 14px 22px;
        display: block;
        border: 0;
        border-bottom: solid 1px var(--primaryColor);
        position: relative;
        border-radius: 0;
    }
    .sidebarCol > ul > li + li {
        margin-top: 0;
    }
    .sidebarColTop {
        padding: 10px;
    }
    h5.dashboardPrice {
        font-size: 18px;
    }
    .closeIcon {
        /* position: absolute;
        left: 6px;
        top: -57px; */
        padding: 15px 0px 0px 22px;
    }
    .closeIcon > img {
        width: 35px;
    }
    .actsidebar .menuToggle {
        opacity: 0;
    }
}
@media (max-width: 767px) {
    .WishlistNotification-1 {
        top: 5px;
        left: 34px;
        width: 14px;
        height: 14px;
        font-size: 11px;
        /* line-height: 19px; */
    }
    .lgTitle {
        font-size: 20px;
    }
    .tabNav {
        padding: 0 15px;
    }
    .titleCol.overlayLine > h2 {
        padding: 0 15px;
    }
    .tabNav > li + li {
        margin-left: 20px;
    }
    .addImg.addImgLg {
        height: 500px;
    }
    .addImg.addImgmd {
        height: 240px;
    }
    .cardwrapImg {
        height: 300px;
    }
    .footeradd > ul > li {
        margin-bottom: 15px;
    }
    .tabNav > li + li::before {
        top: 4px;
        height: 22px;
        width: 1px;
    }
    .cartText > h2 {
        font-size: 14px;
    }
    .cartPrice {
        font-size: 16px;
    }
    .cartBtn .btn {
        font-size: 13px;
        padding: 8px 15px;
    }
    .cartBtn {
        bottom: 15px;
    }
    .cartContent {
        padding: 15px 15px 62px;
    }
    .advertisingText.advertisingStyle2 {
        max-width: 256px;
    }
    .advertisingText.advertisingStyle3 {
        bottom: 30px;
    }
    .swiper-pagination.bgPagination {
        bottom: 0;
    }
    .bgPagination {
        display: block;
    }
    .swiperSlider {
        margin-top: 25px;
    }
    .swiper.bsSwiperSlider {
        padding-bottom: 0;
    }
    .swiperSlider .swiper-button-next:after,
    .swiperSlider .swiper-button-prev:after {
        font-size: 22px;
        color: rgba(9, 29, 98, 0.6);
        font-weight: 600;
    }
    .swiperSlider .swiper-button-next,
    .swiperSlider .swiper-button-prev,
    .swiper-pagination.bgPagination {
        position: static;
    }
    .swiperSlider .swiper-button-next,
    .swiperSlider .swiper-button-prev {
        margin: 0;
    }
    .swiperSlider .swiper-button-prev {
        margin-left: auto;
    }
    .testimonialCard {
        padding: 16px;
        box-shadow: 4px 4px 6px rgba(1, 31, 53, 0.08);
    }
    .swiper.bsSwiperSlider {
        max-height: 507px;
    }
    .bsSwiperSlider .swiper-slide {
        height: auto;
        margin-top: 0 !important;
        margin-top: 10px !important;
    }
    .swiper-grid-column > .swiper-wrapper {
        flex-direction: inherit;
    }
    .contactInfo {
        padding: 30px 0 0 0;
    }
    .mapCol {
        margin-top: 20px;
    }
    .mapCol > iframe {
        height: 250px;
    }
    .lgText {
        font-size: 14px;
    }
    .proSingleSlider {
        height: 480px;
        padding: 40px 15px;
    }
    .prothumbSlider .swiper-slide {
        height: 168px;
    }
    .tabSection .tab-content {
        padding-top: 40px;
    }
    .reviewTabCol > h5 {
        font-size: 16px;
    }
    .ratePro > h6 {
        font-size: 14px;
    }
    .tagCol {
        font-size: 15px;
    }
    .faqSection > h5 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .searchFld {
        font-size: 14px;
        padding: 10px 120px 10px 15px;
    }
    .faqsearchCol .btnPrimary {
        min-width: 110px;
    }
    .tabSection {
        margin-top: 50px;
    }
    .questionFeildEx {
        padding: 10px 15px;
        font-size: 14px;
    }
    .productDetail > h2 {
        padding: 20px 0 10px;
    }
    .cartDimg {
        margin-bottom: 10px;
    }
    .cartDimg > img {
        width: 100px;
        height: 100px;
        object-position: left;
    }
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
    .carousel-inner {
        max-height: 40vh;
    }
    .bannerContent p {
        font-size: 16px;
    }
    .bannerTitle {
        font-size: 32px;
    }
}
@media (max-width: 585px) {
    .WishlistNotification-1 {
        top: 5px;
        left: 34px;
        width: 14px;
        height: 14px;
        font-size: 11px;
        /* line-height: 19px; */
    }
    .bannerSection .carousel-item > img {
        height: 300px;
    }
    .bannerSection .carousel-control-next-icon,
    .bannerSection .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }
    .bannerSection .carousel-indicators [data-bs-target] {
        width: 20px;
    }
    .sectionSpace {
        padding: 40px 0;
    }
    .formStyle .form-control {
        padding: 8px 12px;
    }
    .footerCol > h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .formStyle + .formStyle {
        margin-top: 10px;
    }
    .footerBotm {
        margin-top: 10px;
    }
    .formBtnCol .btn {
        min-width: 100px;
        font-size: 14px;
        padding: 6px 12px;
    }
    .cardwrapText {
        padding-top: 10px;
    }
    .cardwrapText > h3 {
        font-size: 16px;
    }
    .cartStyle {
        margin-bottom: 10px;
    }
    .cartImg {
        height: 230px;
    }
    .tagStyle > span {
        font-size: 13px;
        padding: 6px 12px;
    }
    .bsCardStyle {
        padding: 25px 15px;
        border-radius: 15px;
    }
    .bannerSection .carousel-control-next,
    .bannerSection .carousel-control-prev {
        width: auto;
    }
    .tabCardCol .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .proLikeImg > img {
        width: 18px;
    }
    .proLikeImg {
        right: 12px;
        top: 10px;
    }
    .prothumbSlider .swiper-slide {
        height: 160px;
        padding: 10px;
    }
    .proSingleSlider {
        /*    height: 300px;*/
        padding: 30px 15px;
    }
    .productDetail {
        padding: 20px 0 0 0;
    }
    .availableProduct > li + li {
        margin-left: 10px;
    }
    .availableProduct > li {
        font-size: 13px;
    }
    .productDetail > h2 {
        padding: 10px 0;
    }
    .priceCol > h3 {
        font-size: 30px;
    }
    .priceCol > h3 > span {
        font-size: 24px;
    }
    .productDetail > p {
        font-size: 14px;
    }
    .offerSection {
        padding-top: 20px;
    }
    .quantityField {
        width: 100px;
        height: 34px;
    }
    .qtyBtn > img {
        max-width: 10px;
    }
    /* .addBtn .btnPrimary {
        min-width: 130px;
        padding: 8px 15px;
        font-size: 13px;
    } */
    .offerTitle > h2 {
        padding-right: 10px;
    }
    .offerImg {
        height: 130px;
        width: 130px;
        padding: 15px;
    }
    .offerText > h4 {
        font-size: 20px;
    }
    .offerText > h4 > span {
        font-size: 14px;
        padding-left: 4px;
    }
    .tagCol {
        font-size: 14px;
    }
    .navLink {
        border-bottom: 1px solid transparent;
        font-size: 18px;
    }
    .tabSection .nav > li.nav-item + li.nav-item {
        margin-left: 15px;
    }
    .userImg {
        width: 50px;
    }
    .userImg > img {
        width: 50px;
        height: 50px;
    }
    .accountInfo > div > h5 {
        font-size: 16px;
    }
    .bannerTitle {
        font-size: 26px;
    }
}
@media (max-width: 485px) {
    .addImg.addImgLg {
        height: 300px;
    }
    .addImg.addImgmd {
        height: 150px;
    }
    .pLogo > img {
        height: 50px;
    }
    .pLogo {
        max-width: 80px;
    }
    .cardwrapStyle {
        margin-top: 20px;
    }
    .footerBotm {
        font-size: 13px;
    }
    .tabNav > li + li::before {
        top: 6px;
    }
    .advertisingText.advertisingStyle2 {
        max-width: 206px;
    }
    .advertisingText.advertisingStyle3 {
        bottom: 0;
    }
    .headerOpt > ul > li + li {
        margin-left: 8px;
    }
    .subMenuCol.cartDropdown {
        width: 280px;
        margin-top: 8px;
        right: -5px;
    }
    .cartImage {
        width: 60px;
    }
    .checkoutText h5 {
        font-size: 14px;
    }
    .dropBtnCol .btn {
        padding: 6px 10px;
    }
    .subMenuCol {
        width: 240px;
        margin-top: 5px;
    }
    .testimonialCard {
        padding: 15px;
    }
    .testimonialCard > p {
        font-size: 13px;
        padding: 10px 0 0;
    }
    .rattingStar > li > a > img {
        width: 14px;
    }
    .testimonialCard > span {
        font-size: 13px;
        padding-top: 0;
    }
    .testimonialCard > h4 {
        font-size: 15px;
    }
    .moreless-card {
        font-size: 14px;
    }
    .bsCardStyle {
        margin-bottom: 10px;
    }
    .mapCol > iframe {
        height: 200px;
    }
    .navLinks > ul > li > .ddParent > a {
        padding: 12px 40px 12px 20px;
    }
    .navLinks .headerOpt > ul > li > a {
        padding: 8px 20px 2px 20px;
    }
    .ddCol > ul > li .subddParent > a,
    .ddCol > ul > li > a {
        padding: 8px 40px 8px 25px;
        border-left: 4px solid transparent;
    }
    .navLinks > ul > li > .ddParent > a.ddTrigger::before {
        right: 18px;
        top: 17px;
        width: 12px;
        height: 13px;
    }
    .ddCol > ul > li > .subddParent > a.ddSubTrigger::before {
        right: 18px;
        top: 14px;
        width: 12px;
        height: 13px;
    }
    .navLinks > ul > li.collapseAct > .ddParent > a.ddTrigger::before {
        top: 23px;
    }
    .ddCol > ul > li.subCollapse > .subddParent > a.ddSubTrigger::before {
        top: 20px;
    }
    .ddsubMenu > li > a {
        padding: 8px 30px 8px 40px;
    }
    .proSingleSlider {
        padding: 20px;
        height: 400px;
    }
    .offerImg {
        height: 100px;
        width: 100px;
        padding: 12px;
    }
    .offerText > h4 {
        font-size: 18px;
    }
    .tabSection .tab-content {
        padding-top: 20px;
    }
    .navLink {
        font-size: 15px;
    }
    .reviewTabCol > h6 {
        font-size: 14px;
    }
    .faqsearchCol .btnPrimary {
        min-width: 80px;
    }
    .prothumbSlider .swiper-slide {
        height: 140px;
    }
    .cartImg {
        /* height: 300px; */
        height: 190px;
    }
    .checkOrder .d-flex {
        display: block !important;
    }
    .shippingLeft {
        text-align: left !important;
    }
    .row.checkOrder + .row.checkOrder {
        border-top: 1px solid #ced4da;
        padding-top: 15px;
    }
}
@media (max-width: 385px) {
    .advertisingText.advertisingStyle2 {
        max-width: 170px;
    }
    .tabCardCol .col-sm-6 {
        width: 100%;
    }
    .offerText > p {
        font-size: 14px;
    }
    .cartImg {
        height: 260px;
    }
    .prothumbSlider .swiper-slide {
        height: 112px;
    }
    .proSingleSlider {
        height: 300px;
    }
    .bannerContent p {
        font-size: 15px;
        margin-bottom: 0;
    }
    .bannerTitle::before {
        bottom: 4px;
    }
    .bannerTitle {
        font-size: 22px;
        padding-bottom: 15px;
        margin-bottom: 5px;
    }
}
@media (max-width: 340px) {
    .advertisingText.advertisingStyle2 {
        max-width: 150px;
    }
}
.noResult {
    text-align: center;
}
.noResult > img {
    width: 15%;
}
.noResult > h2 {
    font-size: 20px;
    font-weight: 500;
    /* font-style: italic; */
}
.noResult > p {
    font-size: 16px;
}
.categoryCard .cartContent {
    padding: 20px 10px 10px;
}
.categoryCard .cartText {
    padding: 0 0 0;
}
.categoryCard .cartText > h2 {
    min-height: auto;
}
.cartQuantityField p {
    margin: 0;
}
/* a.btnPrimary span, a.btnSecondary span, a.btnTertiary span{
    position: relative;
    bottom: -1px;
} */
[v-cloak] {
    display: none !important;
}