@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1160px;
  }
}

@media (min-width: 1200px) and (max-width: 1309px) {
}

@media (min-width: 1400px) {
  .navbar-nav > li:hover .sub-menu,
  .bottomPart .navbar {
    padding: 24px calc((100vw - (1320px + 8px)) / 2);
  }

  .navbar-nav {
    gap: 60px;
  }
}

@media (min-width: 1200px) {
  .navbar-nav > li:hover .sub-menu,
  .bottomPart .navbar {
    padding: 24px calc((100vw - (1140px + 0px)) / 2);
  }

  .navbar-nav {
    gap: 50px;
  }
}

@media (min-width: 992px) {
  .mobile_logo {
    display: none;
  }

  .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }

  .navbar-nav > li:hover .sub-menu,
  .bottomPart .navbar {
    padding: 24px calc((100vw - (960px + 0px)) / 2);
  }

  .navbar-toggler {
    display: none;
  }

  .brand-and-icon {
    flex: 0 0 100px;
    border-bottom: none;
    padding: 0;
  }

  .navcollapse {
    display: block !important;
    overflow-y: hidden;
    flex: 1 0 auto;
  }

  .navbar-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
  }

  .navbar-nav > li > a {
    text-transform: uppercase;
    border-bottom: none;
    margin: 0;
    padding: 25px 0;
    font-weight: 600;
  }

  .navbar-nav > li > a:has(.drop-icon) {
    padding-right: 24px;
  }

  .sub-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .navbar-nav > li:hover .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
  }

  .sub-menu-item {
    padding-left: 0;
  }

  .sub-menu-item.bgBox {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .fixedSidebar {
    position: sticky;
    top: 135px;
  }
}

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

@media (min-width: 992px) and (max-width: 1199.98px) {
  .mega-nav {
    gap: 3px !important;
  }
  #header .navbar-expand-lg .navbar-nav .nav-item {
    margin-right: 15px;
  }

  #header .extra_nav {
    margin-left: 15px;
  }
}

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

@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar-toggler.menuClose-icon {
    display: none;
  }

  .navbar-toggler.menu-opened:before {
    top: 10px;
    background: #000000;
    width: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar-toggler.menu-opened span {
    opacity: 0;
  }

  .navbar-toggler.menu-opened:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 10px;
    border: 0;
    height: 2px;
    width: 22px;
    background: #000000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media (max-width: 1599.98px) {
  body.login-signup::after,
  body.login-signup::before {
    height: 120px;
  }
}

@media (max-width: 1399.98px) {
  body.login-signup::after,
  body.login-signup::before {
    height: 100px;
  }

  .benefitsItem h5 {
    font-size: 16px;
    margin-top: 8px;
  }

  .benefitsItem figure {
    width: 50px;
    height: 50px;
  }

  .section-header {
    margin-bottom: 30px;
  }

  .section-header h6 {
    font-size: 14px;
  }

  .section-header h2 {
    font-size: 32px;
    margin-top: 10px;
  }

  .bestCollectionItem {
    padding: 20px;
    border-radius: 12px;
  }

  .bestCollectionItem figure {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
  }

  /* .productCard {
    padding: 24px;
  }

  .productCard .proImg {
    width: 140px;
    height: 140px;
  } */

  .findStyleSection::before {
    width: 572px;
    height: 82px;
  }

  .findStyleSection::after {
    width: 625px;
    height: 72px;
  }

  .whyChooseUsContentBox {
    padding: 32px;
  }

  .whyChooseUsContentBox li h3 {
    font-size: 18px;
  }

  .whyChooseUsContentBox li {
    gap: 16px;
    margin-bottom: 36px;
  }

  .whyChIcon {
    width: 60px;
    height: 60px;
    padding: 14px;
  }

  .collectionBox {
    padding: 30px;
  }

  .collectionBox .contentBox h4 {
    font-size: 30px;
  }

  .blogItem {
    padding: 30px 30px 0;
  }

  .blogDetail h3 {
    font-size: 18px;
  }

  .newsLetterinner {
    padding: 40px 48px;
  }

  .newsLetterinner img {
    max-width: 500px;
  }

  .newsLetterinner h2 {
    font-size: 32px;
    margin-bottom: 16px;
  }

  .pageTitle {
    font-size: 28px;
  }

  .proDetailOuter h2 {
    font-size: 38px;
  }

  .p_detail_box h5 {
    font-size: 22px;
    margin-bottom: 12px;
  }
}

@media (max-width: 1199.98px) {
  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .whyChooseUsContentBox {
    padding: 24px;
  }

  .whyChooseUs .section-header {
    margin-bottom: 12px;
  }

  .whyChooseUsContentBox li {
    gap: 12px;
    margin-bottom: 16px;
  }

  .whyChooseUsContentBox li h3 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .collectionBox .contentBox h4 {
    font-size: 28px;
  }

  .testimonialItem p {
    font-size: 22px;
  }

  .testimonialSection {
    min-height: 400px;
  }

  .newsLetterinner {
    padding: 36px;
  }

  .newsLetterinner img {
    max-width: 400px;
  }

  .newsLetterinner h2 {
    font-size: 28px;
  }

  .footerSocialList {
    margin-top: 30px;
  }

  .footer-block figure {
    margin: 0 0 18px;
    max-width: 90px;
  }

  .socialLink {
    width: 50px;
    height: 50px;
  }

  .copyright {
    padding: 24px 0;
    margin-top: 45px;
  }

  .pageTitle,
  .reviewOuter .pageTitle {
    font-size: 24px;
  }

  .proDetailOuter h2 {
    font-size: 32px;
  }

  .proDetailOuter .p_Price {
    font-size: 22px;
  }

  .pro_dimension:has(+ p) {
    margin-bottom: 16px;
  }

  .btnBox {
    margin-top: 24px;
  }

  .p_detail_box:has(+ .p_detail_box) {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  .p_detail_box h5 {
    font-size: 20px;
  }

  .bulkPricingItem {
    padding: 12px 16px;
  }

  .bulkPricingItem .custom_checkbox {
    gap: 12px;
  }

  .totalbulkPrice {
    font-size: 18px;
  }

  .proImgThumb,
  .swiper-slide:has(> .proImgThumb) {
    width: 100px;
    height: 100px;
    border-radius: 12px;
  }

  .log-desc {
    font-size: 14px;
  }

  .contactCard {
    padding: 20px;
  }

  .log-title {
    font-size: 26px;
  }
}

@media (max-width: 991.98px) {
  .footer-right-copyright-area > div {
    justify-content: center !important;
  }

  .footer-logo-card p {
    font-size: 15px;
    margin-top: 14px;
  }
  .footer-logo-card {
    border-radius: 19px;
    padding: 30px;
  }
  .footerSocialList {
    margin-top: 8px;
  }
  .footer-col-title {
    font-size: 17px;
    margin: 31px 0 16px;
  }
  .site-footer {
    padding: 50px 0 30px;
  }
  .swiper-pagination.overlapPagination {
    bottom: 6px !important;
  }
  .services-offer-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .team-expert-block {
    flex-direction: column;
    padding: 25px;
    gap: 25px;
  }

  .team-expert-title {
    font-size: 26px;
    margin-bottom: 12px;
  }

  .team-expert-text {
    font-size: 15px;
    max-width: 100%;
  }

  .benefitsItem h5 {
    font-size: 14px;
  }

  .benefitsItem figure {
    width: 40px;
    height: 40px;
  }

  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .benefitsOuter {
    gap: 16px 0;
  }

  .benefitsItem {
    width: calc(100% / 3);
  }

  .hader-right {
    gap: 20px;
  }

  .bottomPart .navbar {
    padding: 0 12px !important;
  }

  .hader-left {
    order: 3;
    width: 100%;
    padding: 0;
    margin-top: 11px;
    margin-right: 0;
  }

  #header .header_filled_btn,
  #header .header_border_btn {
    padding: 8px 15px !important;
  }

  .menuoverlay {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 9;
  }
  .navbar {
    padding: 8px 0;
  }
  #header .navbar-nav .dropdown-menu {
    border: none;
    /* background: transparent; */
    position: absolute;
  }

  .navbar-toggler:focus,
  .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }

  .navbar-toggler {
    width: 24px;
    height: 18px;
    position: relative;
    right: 0px;
    padding: 0;
    border: 0;
    z-index: 9;
  }

  .navbar-toggler:before {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 2px;
    width: 22px;
    background: #000000;
    content: "";
  }

  .navbar-toggler span {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 8px;
    right: 0;
    display: block;
    height: 2px;
    width: 22px;
    background: #000000;
  }

  .navbar-toggler:after {
    position: absolute;
    top: 16px;
    right: 0;
    display: block;
    height: 4px;
    width: 22px;
    border-top: 2px solid #000000;
    content: "";
  }

  /* Main Menu */
  header .navcollapse:not(.show) {
    display: block;
    position: fixed;
    top: 78px;
    right: -400px;
    height: calc(100vh - 78px);
    overflow-y: auto;
    width: 300px;
    background: #fff;
    padding: 0 12px;
    /* padding-top:95px; */
    /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); */
    transition: all 0.5s;
    z-index: 99;
  }

  header .navcollapse:not(.show).menu-show {
    right: 0px;
    border-top: 1px solid #cdcdcd;
  }

  header.is-sticky .navcollapse:not(.show).menu-show {
    border-top: none;
  }

  header.is-sticky .navcollapse:not(.show) {
    top: 77px;
    height: calc(100vh - 77px);
  }

  body.scroll-off {
    overflow-y: hidden;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link.sign_up,
  #header .navbar-expand-lg .navbar-nav .nav-link.sign_in {
    margin: 0 0;
    margin-top: 10px;
    text-align: center;
  }

  .mobile_logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 22px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    background-color: #fff;
    height: 72px;
    display: flex;
    align-items: center;
    right: 0;
  }

  .is-sticky .mobile_logo {
    padding: 15px 10px;
  }

  .is-sticky .navcollapse:not(.show) {
    /* padding-top: 75px; */
  }

  .mobile_logo img {
    max-height: 30px;
    width: auto;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link.sign_up {
    margin-top: 20px;
  }

  .overlay {
    position: fixed;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 78px;
    left: 0;
    z-index: 1;
  }

  header.is-sticky .overlay {
    top: 77px;
  }

  .user_dropdown .dropdown-toggle::after {
    display: none;
  }

  #header .extra_nav {
    margin-left: 0;
    border-top: 1px solid #ddd;
    /*margin-top: 15px;*/
    padding-top: 15px;
  }

  #header .extra_nav.for_mobile {
    padding: 0;
    margin-top: 0;
    border: 0;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 0;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link.extra_btn {
    width: 100%;
    margin-bottom: 10px;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {
    padding-left: 30px;
    margin-bottom: 0;
  }

  #header .navbar-expand-lg .navbar-nav .nav-item {
    margin-right: 0px !important;
    margin-bottom: 10px;
  }

  #header .extra_nav.for_mobile .nav-item {
    margin-bottom: 0;
  }

  #header .navbar-nav .dropdown-menu {
    border: none;
    padding: 0;
  }

  #header .for_mobile {
    display: block;
  }

  #header .for_desktop {
    display: none;
  }

  .extra_nav.for_mobile {
    margin-left: 0 !important;
  }

  .user_dropdown > a {
    padding-left: 0;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link:before {
    display: none;
  }

  .sub-menu h4 {
    font-size: 15px;
  }

  .sub-menu ul li a {
    font-size: 14px;
  }

  .footer-signin-link a span,
  .footer-signup-link a span {
    font-size: 30px;
  }

  .footer-signin-link a p,
  .footer-signup-link a p {
    font-size: 13px;
  }

  .footer-signup-link a span.footer-link-arrow,
  .footer-signin-link a span.footer-link-arrow {
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 10px;
  }

  .footer-signup-link a {
    padding-left: 50px;
  }

  .footer-signin-link a,
  .footer-signup-link a {
    padding-right: 70px;
  }

  .footer-block figure {
    margin-bottom: 10px;
  }

  .footer-block {
    margin-bottom: 0;
  }

  .otp_verification .form-control.dark-form-control {
    width: 76px;
    height: 76px;
  }

  .section-header h2 {
    font-size: 28px;
  }

  .bestCollectionItem {
    padding: 16px;
  }

  /*    

  .productCard .proImg {
    width: 120px;
    height: 120px;
  } */

  .proTitle {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  .findStyleSection {
    padding: 100px 0 calc(100px + 50px) !important;
    background: #fff4e9;
  }

  .findStyleSection::before {
    width: 422px;
    height: 62px;
  }

  .findStyleSection::after {
    width: 475px;
    height: 55px;
  }

  .findStyleSection .content {
    max-width: unset;
  }

  .swiperBtnOuter {
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .whyChooseUsContentBox {
    --leftOverlap: 0;
    padding: 40px;
  }

  .whyChooseUsContentBox li h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .whyChooseUsContentBox li {
    gap: 16px;
    margin-bottom: 24px;
  }

  .whyChooseUsImgOuter {
    aspect-ratio: 5 / 3;
  }

  .collectionBox {
    padding: 24px;
  }

  .collectionBox .contentBox h4 {
    font-size: 26px;
  }

  .blogItem {
    --marginBottom: 20px;
  }

  .blogItem .blogDate {
    width: 70px;
    height: 70px;
    font-size: 18px;
  }

  .blogItem .blogDate span {
    font-size: 22px;
  }

  .blogItem .blogDetail {
    padding: 24px;
  }

  .blogBy {
    font-size: 16px;
  }

  .blogItem {
    padding: 24px 24px 0;
  }

  .newsLetterinner img {
    position: unset;
    max-width: 500px;
    width: 100%;
  }

  .form-control.newsletterControl {
    padding: 13px 20px;
  }

  .newsLetterinner .btn-secondry {
    padding: 12px 20px;
    font-size: 16px;
  }

  .newsLetterinner {
    padding: 26px;
  }

  .newsLetterinner h2 {
    font-size: 24px;
  }

  footer h6 {
    font-size: 20px;
    margin: 0 0 16px;
  }

  ul.footer-links li a {
    line-height: 1.8;
  }

  .contactItem,
  ul.footer-links li a {
    font-size: 16px;
  }

  .footer-block {
    border: 0;
  }

  .footerBlockContent {
    padding: 0;
  }

  .proImgOuter,
  .videoSlide {
    aspect-ratio: 70 / 50;
  }

  .proShareWith {
    margin-top: 24px;
  }

  .proDetailOuter h2 {
    font-size: 26px;
  }

  .proShareWith .socialLink {
    width: 40px;
    height: 40px;
  }

  .proShareWith span {
    font-size: 16px;
  }

  .p_detail_box h5 {
    font-size: 18px;
  }

  .bulkPricingItem .labelBottom {
    margin-top: 10px;
  }

  .navbar-nav > li > a {
    padding: 0.6rem 0;
  }

  .sub-menu {
    max-height: 300px;
    overflow-y: auto;
  }

  .blogImgOuter {
    aspect-ratio: 8 / 4;
  }

  .blogDate {
    font-size: 14px;
  }

  .blogContent h1,
  .cms-content h1 {
    font-size: 28px;
  }

  .blogContent h2,
  .cms-content h2 {
    font-size: 25px;
  }

  .blogContent h3,
  .cms-content h3 {
    font-size: 21px;
  }

  .blogContent h4,
  .cms-content h4 {
    font-size: 19px;
  }

  .blogContent h5,
  .cms-content h5 {
    font-size: 17px;
  }

  .blogContent h6,
  .cms-content h6 {
    font-size: 15px;
  }

  .blogContent p,
  .cms-content p {
    font-size: 14px;
  }

  .blogContent p:has(+ h1, + h2, + h3, + h4, + h5, + h6),
  .cms-content p:has(+ h1, + h2, + h3, + h4, + h5, + h6) {
    margin-bottom: 22px;
  }

  .updateInfo {
    flex-direction: column;
  }

  .duration_time {
    margin-top: 4px;
    /* text-align: end; */
  }
  .ac-lbl {
    margin: 0;
  }
  .dashmain-card {
    border-radius: 15px;
  }
.sidebar-subpanel {
  display: none;
}
  .fixedSidebar {
    padding: 13px 16px;
    border-radius: 12px;
  }

  .fixedSidebar nav {
    clear: both;
    max-height: 0;
    transition: max-height 0.2s ease-out;
    display: none;
  }

  .fixedSidebarHead:has(> .menu-btn:checked) ~ nav {
    display: block;
    max-height: 370px;
    overflow: auto;
    margin: 12px 0 0 0;
  }
}

@media (max-width: 767.98px) {
  .textimonials-wrapper .container {
    padding: 0;
  }
  .testimonialSlider {
    padding: 49px 20px;
  }
  .section-padding {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .testi-quote-icon {
    margin-bottom: 11px;
  }  

  .testi-card-premium {
    padding: 20px 27px;
  }
  .location-brand-name {
    font-size: 20px;
  }
  #header.is-sticky .navbar {
    padding-top: 11px;
  }
  .location-address {
    font-size: 16px;
    margin-bottom: 21px;
  }
  .info-highlight-box {
    padding: 18px;
    gap: 15px;
  }
  .productCard .proImg img {
    aspect-ratio: 2 / 2.1;
  }
  .footer-logo-card p {
    font-size: 15px;
    margin-top: 14px;
  }
  .footer-logo-card {
    border-radius: 19px;
    padding: 30px;
  }
  .footerSocialList {
    margin-top: 8px;
  }
  .footer-col-title {
    font-size: 17px;
    margin: 31px 0 16px;
  }
  .site-footer {
    padding: 50px 0 60px;
  }

  #header .navbar-brand img {
    max-height: 65px;
  }

  .navbar {
    padding: 11px 0;
  }

  .newsletter-banner .btn-secondry {
    width: 100%;
  }

  .newsletter-banner {
    border-radius: 25px;
    padding: 20px;
  }
  .request-form-block {
    padding: 30px 18px;
  }

  .team-expert-block {
    padding: 18px;
    gap: 18px;
  }

  .benefitsItem {
    width: calc(100% / 1);
    border: 0 !important;
  }

  /* .desktopSlider {
    display: none;
  } */

  .navbar-toggler.menuClose-icon {
    position: absolute;
    top: 13px;
    right: 15px;
  }

  /* .navbar-toggler.menuClose-icon::before,
  .navbar-toggler.menuClose-icon::after {
    display: none;
  } */

  .navbar-toggler.menu-opened:before {
    top: 10px;
    background: #000000;
    width: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar-toggler.menu-opened span {
    opacity: 0;
  }

  .navbar-toggler.menu-opened:after {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 10px;
    border: 0;
    height: 2px;
    width: 22px;
    background: #000000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  header .navcollapse:not(.show) {
    width: 100%;
  }

  header .navcollapse:not(.show) {
    right: -100%;
    box-shadow: unset;
  }

  p {
    font-size: 15px;
  }

  #header.is-sticky {
    /* height: 60px; */
  }

  /* .copyright {
    font-size: 12px;
  } */

  footer h6 {
    margin: 0 0 10px;
  }

  .features-coin {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }

  .features-coin img {
    height: 30px;
  }

  .features-heading {
    font-size: 17px;
  }

  .features-text {
    font-size: 13px;
  }

  .footer-signin-link a span,
  .footer-signup-link a span {
    font-size: 20px;
  }

  .footer-signin-link a p,
  .footer-signup-link a p {
    font-size: 11px;
  }

  .footer-signin-link a,
  .footer-signup-link a {
    padding-right: 40px;
  }

  .footer-signup-link a span.footer-link-arrow,
  .footer-signin-link a span.footer-link-arrow {
    height: 30px;
    width: 30px;
    line-height: 30px;
    right: 10px;
    font-size: 14px;
  }

  .footer-signin-link a,
  .footer-signup-link a {
    padding-right: 40px;
    padding-left: 15px;
  }

  .price-value-right,
  .coinname-detail-box,
  .coin-trade-action {
    padding: 10px 20px;
  }

  .login-container {
    height: auto;
    padding: 0 12px;
  }

  .login-form {
    padding: 36px;
    margin: 12px auto;
  }

  .login-form .logo img {
    height: 60px;
  }

  .login-form-inner h1 {
    font-size: 24px;
  }

  .login-form-inner .login-h2 {
    font-size: 14px;
  }

  body.login-signup::after,
  body.login-signup::before {
    height: 80px;
  }

  .collectionBox .contentBox h4 {
    font-size: 24px;
  }

  .testimonialItem svg {
    width: 100px;
    height: 100px;
  }

  .testimonialItem .clientDetail h6 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .mobileSlider img {
    max-width: 768px;
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .whyChooseUsImgOuter img {
    max-width: 575px;
  }
  /* .productCard .proImg img {
    max-width: 475px;
  } */
  .collectionBox {
    background-size: cover;
  }
  .mobileSlider img {
    max-width: 768px;
    width: 100%;
  }
  .services-offer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  .youMakeTitle {
    font-size: 15px;
    margin-top: 10px;
  }

  #header .navbar-expand-lg .navbar-nav .nav-link.lang_drop img {
    width: 19px;
  }

  .section {
    margin-top: 25px;
  }

  .features-coin {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }

  .features-coin img {
    height: 22px;
  }

  .footer_wrapper {
    padding: 40px 0 0;
  }

  .copyright {
    padding: 18px 0;
    margin-top: 24px;
  }

  /* .footer-block figure img {
    height: 35px;
  } */

  footer h6 {
    font-size: 15px;
  }

  ul.footer-links li {
    margin: 2 0;
  }

  .footer-signin-link a,
  .footer-signup-link a {
    padding-left: 10px;
    padding-right: 0;
    height: 80px;
  }

  .footer-signin-link a span,
  .footer-signup-link a span {
    font-size: 16px;
  }

  .footer-signup-link a span.footer-link-arrow,
  .footer-signin-link a span.footer-link-arrow {
    top: 10px;
    transform: unset;
    height: 22px;
    width: 22px;
    line-height: 22px;
    font-size: 13px;
  }

  .login-form {
    padding: 36px 20px;
  }

  body.login-signup::after,
  body.login-signup::before {
    height: 60px;
  }

  .hader-right {
    gap: 12px;
  }

  header .btn-primary {
    font-size: 14px;
    padding: 6px 11px;
  }

  .cart-btn svg {
    width: 24px;
    height: 25px;
  }

  /* .cart-btn .cartCount {
    right: -4px;
    top: -6px;
    height: 16px;
    width: 16px;
    min-height: 16px;
    font-size: 10px;
    line-height: 1.4;
  } */

  .section-header h6 {
    font-size: 12px;
  }

  .bestCollectionItem figure {
    width: 100px;
    height: 100px;
  }

  /* .productCard .btnOutlineSecondary {
    min-width: 150px;
  } */

  .proType,
  .proSize {
    font-size: 14px;
  }

  .findStyleSection::before {
    width: 322px;
    height: 47px;
  }

  .findStyleSection::after {
    width: 375px;
    height: 44px;
  }

  .findStyleSection {
    padding: 80px 0 calc(80px + 50px) !important;
  }

  .swiperBtnOuter {
    bottom: 60px;
  }

  .whyChooseUsContentBox {
    padding: 24px;
  }

  .whyChooseUsContentBox li h3 {
    font-size: 16px;
  }

  .whyChooseUsContentBox li {
    gap: 12px;
    margin-bottom: 20px;
  }

  .collectionBox .contentBox {
    max-width: 300px;
  }

  .addCard {
    padding: 0;
  }

  .testimonialItem p {
    font-size: 18px;
  }

  .testimonialSection {
    min-height: 340px;
  }

  .blogItem {
    padding: 24px 24px 0;
    border-radius: 20px;
  }

  .otherLinks {
    gap: 6px 20px;
    flex-wrap: wrap;
  }

  .contactItem,
  ul.footer-links li a {
    font-size: 15px;
  }

  .pageTitle,
  .reviewOuter .pageTitle {
    font-size: 22px;
  }

  .pageHeader,
  .filterOuter {
    margin-bottom: 16px;
  }

  .bulkPricingItem {
    padding: 10px 14px;
  }

  .offBadge {
    font-size: 12px;
    padding: 5px 10px;
    white-space: nowrap;
  }

  .bulkPricingItem .custom_checkbox input {
    margin: 0;
  }

  .totalbulkPrice {
    font-size: 16px;
  }

  .bulkPricingItem label .title {
    font-size: 14px;
  }

  .bulkPricingItem .labelTop {
    flex-wrap: wrap;
  }

  .bulkPricingItem .labelTop {
    gap: 4px;
  }

  .proImgOuter,
  .videoSlide {
    aspect-ratio: 70 / 60;
  }

  .productThumb {
    width: 80px;
    height: 80px;
  }

  .productInfo .productTitle {
    font-size: 15px;
  }

  .fullAmount {
    font-size: 24px;
  }

  .totalBox {
    padding: 16px;
  }

  .table-wrap th:first-child,
  .table-wrap td:first-child {
    padding-left: 16px;
  }

  .table-wrap th:last-child,
  .table-wrap td:last-child {
    padding-right: 16px;
  }

  .customTitle,
  .customSmallTitle {
    font-size: 17px;
  }

  .customSmallTitle,
  .custom_checkbox label,
  .custom_radio [type="radio"]:checked + label,
  .custom_radio [type="radio"]:not(:checked) + label {
    font-size: 14px;
  }

  .savedAddress label {
    flex-direction: column;
    align-items: unset !important;
  }

  .currencySelect {
    /* padding: 6px 6px !important; */
    /* background-position: right 0.15rem center; */
    min-height: 32px;
  }
}

@media (max-width: 430.98px) {
  .otp_verification .form-control.dark-form-control {
    width: 60px;
    height: 60px;
  }  .productCard .proImg img {
    aspect-ratio: 2 / 2;
  }

  div.col-6:has(.productCard) {
    width: 100%;
  }

  .collectionBox .contentBox {
    max-width: 230px;
  }

  .collectionBox {
    min-height: 40vh;
  }

  .bulkPricingItem .labelTop {
    flex-direction: column;
    align-items: unset;
  }
}

@media (max-width: 360.98px) {
  .otp_verification .form-control.dark-form-control {
    width: 52px;
    height: 52px;
  }

  .findStyleSection::before {
    width: 275px;
    height: 40px;
  }

  .findStyleSection::after {
    width: 275px;
    height: 32px;
  }

  .currencySelect {
    font-size: 12px;
  }
}