

@media (max-width: 767px) { 

.desktop-header{display: none;}
.mobile-hadser-wrapp{display: block; padding: 13px 0px;}
.top-bar{padding: 5px;}
.top-bar h4{font-size: 12px;}
.mobile-hadser-wrapp .container-fluid{padding: 0px 20px;}
#sidebar-link h4{margin-bottom: 0px;}
.kapil-mega {padding: 0px 15px !important; }
.kapil-mega .container-fluid{padding: 0px; }
.first-col h5::before {left: -3px;}
.second-col li a{padding: 10px 0px!important;}
.first-col{padding-top: 40px;}
#home-slider .item .cover .header-content {position: relative; padding: 0px 0px 56px; overflow: hidden; text-align: left; width: 97%; left: 7px; }
#home-slider .item .cover .header-content h5 {font-size: 18px; font-weight: 300; margin: 0px 0 0px; word-spacing: 1px; color: var(--color); font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; text-align: left; }
#home-slider .item .cover .header-content h2 {font-size: 16px; margin: 18px 0 0px; word-spacing: 0px; color: #fff; text-align: left; font-weight: 800; text-transform: uppercase; position: relative; line-height: 30px; }
.banner-offer{margin-top: 10px;}
.banner-offer span{font-size: 18px;}
.banner-offer h3{font-size: 42px;}
#home-slider .item{height: 350px;}
.banner-bottom-wrapper .container-fluid {padding: 0px 20px; }
.image-caption{bottom: 0;}
.view-second {margin-top: 0px; }
.sec-padding {padding-top: 50px; }
.view-col-button {width: 100%; height: 3.2rem; line-height: 8px; font-size: 23px; color: #33363e; position: relative; background: linear-gradient(white,white) padding-box padding-box,linear-gradient(to right,rgb(222,87,229),rgb(136,99,251)) border-box border-box; border-width: 2px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 9px 9px 9px 9px; padding: 16px 78px; margin: -60px auto; text-decoration: none; padding: 20px; display: inline-block; margin-top: 30px;}
.view-collection-below .container-fluid {padding: 0px 20px; }
.view-collection-below {padding: 0px 0px; }
.below-caption {position: absolute; top: 0; display: flex; justify-content: start; align-items: center; height: 100%; left: 12px; width: 180px; }
.below-cap-inner.dark-img h5 {color: #000; text-transform: uppercase; margin-bottom: 0px; line-height: 36px; font-weight: var(--font-weight-400); font-size: 18px; }
.below-cap-inner.dark-img a {color: #000; text-transform: uppercase; font-size: 16px; position: relative; z-index: 99; }
.cta-inner h2 {color: #fff; text-transform: uppercase; margin-bottom: 16px; line-height: 34px; font-weight: var(--font-weight-400); font-size: 24px; text-align: center; }
.cta-inner p {color: #fff; font-size: 15px; text-align: center; width: 100%; margin: 0 auto -1px; }
.cta-inner .view-col-button {width: auto; height: auto; line-height: 0; font-size: 18px; color: #fff; position: relative; background: linear-gradient(#aa0144,#aa0144) padding-box padding-box,linear-gradient(to right,rgb(222,87,229),rgb(136,99,251)) border-box border-box; border-width: 2px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 9px 9px 9px 9px; padding: 21px 24px; margin: -58p; text-decoration: none; margin-bottom: 50px; display: inline-block; }
.best-jewellers-wrap .container-fluid {padding: 0px 20px; }
footer {background-color: var(--secondary-background); padding: 23px 20px 25px; }
.footer-about {padding-left: 0; }
.card-img {text-align: left; }
.card-img img {margin-right: 0; }
.footer-col-1 h5 {font-weight: var(--font-weight-600); color: var(--primary-color); font-size: var(--font-22); margin-bottom: 20px; margin-top: 20px; }
.special-offer h3{font-size: 27px;}
.special-offer h4 {color: #fff; font-size: 19px; }
.special-offer {background-color: #000; padding: 50px 23px; text-align: center; margin-top: 30px; }
.inner-content-div h2 {color: #fff; font-weight: 600; font-size: 21px; margin-bottom: 0px; }
.css-1jalk4m{display: block;}
.blog-page-wrapper{margin-top: 20px!important;}
.blog-page-wrapper .row{margin-top: 20px!important;}
.blog-detail-wrapper{margin-top: 20px!important;}
.blog-detail-wrapper .row{margin-top: 20px!important;}
.product-detail-content h3 {font-size: 23px; margin-bottom: 20px; }
#price-data-gaurav{font-size: 20px;}
.varient-select select{width: 70%;}
.plan-pro{font-size: 15px;}
.but-pro{font-size: 15px;}
#pills-tab li button.active {background-color: #aa0144; color: #fff; text-decoration: none; border-radius: 0; margin-right: 8px; padding: 13px 16px; margin-bottom: 12px; }
#pills-tab li button {background-color: #ebebeb; color: #000; text-decoration: none; border-radius: 0; margin-right: 5px; padding: 13px 19px; }

.cart-page-detail {position: relative; padding-right: 0px; }
.cart-price-title{display: block; padding: 18px 11px 0px;}
.cart-metal h5{font-size: 15px;}
.cart-stone h5{font-size: 15px;}
.order-smmer-cart {padding-left: 0px; }
.cart-page-wrapp {padding: 0px 0px; }
.total-amount h4{font-size: 17px;}
.total-payable h4{font-size: 17px;}
.total-payable h5{font-size: 17px;}
.total-amount h5{font-size: 17px;}
.cart-ring-size h3{font-size: 14px;}
.cart-metal h4{font-size: 14px;}
.cart-stone h4{font-size: 14px;}
.cart-page-detail::before {display: none;}

.check-your-detail{padding: 30px 0px 50px;}

#show-data-container object{height: 340px!important; object-fit: cover;}
.thumbnail-images {
  margin-top: 16px;
  padding: 0px 44px;
  width: 92%;
  overflow: hidden;
  position: relative;
  display: list-item;
  height: 53px;
}
.thumbnail-images ul li {
  width: 51px;
  height: 51px;
  border: 1px solid #ccc;
  margin-right:7px;
}


.header-feat-inner ul li img{width: 24px;}
.banner-bottom-mobile{display: block;}


.banner-bottom-wrapper {
  padding: 27px 0px;
}


.best-jewell-new-sec{padding-top: 0px; padding-bottom: 20px;}
.best-jewell-new-sec .best-rc-head h5{margin-bottom: 20px;}
.best-jewells-content {padding: 21px 11px; }
.best-jewells-content h4 {font-size: 16px; margin-bottom: 0; }
.best-jewells-content p {margin-bottom: 0px; margin-top: 11px; }
.new-price{display: block; font-size: 13px;}
.old-price {color: #b1b0b0; font-size: 12px; font-weight: 500; margin-left: 0; }

.shop-page-mobile .shop-flex-row{flex-direction: column-reverse;}
.shop-page-mobile .food-box.shop-box{border: 1px solid #ccc; height: 310px;}
.shop-page-mobile .shop-box .desc {text-align: left; padding: 4px 8px; }
.shop-page-mobile .shop-box .desc h4 a {color: #000; text-decoration: none; font-size: 15px; }
.shop-page-mobile .price-new-design {display: block;}
.shop-page-mobile .shop-box .desc .price {color: #aa0144; font-weight: 600; margin-bottom: 15px; display: block; }
.shop-page-mobile .shop-box .thumb .button-group a {width: 28px; height: 28px; display: block; font-size: 11px; line-height: 31px; color: #000000; text-align: center; border-radius: 0; margin-bottom: 10px; background-color: #bfbfbf; transform: scale(0.6); transition: all 0.3s ease-out 0s; opacity: 0; visibility: hidden; }

.shop-page-mobile .single-sidebar{margin-top: 30px;}

.shop-page-mobile .filter-attribute-container ul li a{font-size: 13px;}
.shop-page-mobile .filter-attribute-container ul li label{font-size: 13px;}


}



@media (min-width: 768px) and (max-width: 1024px) { 
.banner-bottom-mobile{display: block;}
.desktop-header{display: none;}
.mobile-hadser-wrapp{display: block; padding: 13px 0px;}
.top-bar{padding: 5px;}
.top-bar h4{font-size: 14px;}
.mobile-hadser-wrapp .container-fluid{padding: 0px 20px;}
#sidebar-link h4{margin-bottom: 0px;}
.kapil-mega {padding: 0px 15px !important; }
.kapil-mega .container-fluid{padding: 0px; }
.first-col h5::before {left: -3px;}
.second-col li a{padding: 10px 0px!important;}
.first-col{padding-top: 40px;}
#home-slider .item .cover .header-content {position: relative; padding: 0px 0px 56px; overflow: hidden; text-align: left; width: 97%; left: 7px; }
#home-slider .item .cover .header-content h5 {font-size: 18px; font-weight: 300; margin: 0px 0 0px; word-spacing: 1px; color: var(--color); font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase; text-align: left; }
#home-slider .item .cover .header-content h2 {font-size: 21px; margin: 18px 0 0px; word-spacing: 0px; color: #fff; text-align: left; font-weight: 800; text-transform: uppercase; position: relative; line-height: 30px; }
.banner-offer{margin-top: 10px;}
.banner-offer span{font-size: 25px;}
.banner-offer h3{font-size: 60px;}
#home-slider .item{height: 350px;}
.banner-bottom-wrapper .container-fluid {padding: 0px 20px; }
.image-caption{bottom: 0;}
.view-second {margin-top: 0px; }
.sec-padding {padding-top: 50px; }
.view-col-button {width: 100%; height: 3.2rem; line-height: 8px; font-size: 23px; color: #33363e; position: relative; background: linear-gradient(white,white) padding-box padding-box,linear-gradient(to right,rgb(222,87,229),rgb(136,99,251)) border-box border-box; border-width: 2px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 9px 9px 9px 9px; padding: 16px 78px; margin: -60px auto; text-decoration: none; padding: 20px; display: inline-block; margin-top: 30px;}
.view-collection-below .container-fluid {padding: 0px 20px; }
.view-collection-below {padding: 0px 0px; }
.below-caption {position: absolute; top: 0; display: flex; justify-content: start; align-items: center; height: 100%; left: 12px; width: 180px; }
.below-cap-inner.dark-img h5 {color: #000; text-transform: uppercase; margin-bottom: 0px; line-height: 36px; font-weight: var(--font-weight-400); font-size: 18px; }
.below-cap-inner.dark-img a {color: #000; text-transform: uppercase; font-size: 16px; position: relative; z-index: 99; }
.cta-inner h2 {color: #fff; text-transform: uppercase; margin-bottom: 16px; line-height: 34px; font-weight: var(--font-weight-400); font-size: 24px; text-align: center; }
.cta-inner p {color: #fff; font-size: 15px; text-align: center; width: 100%; margin: 0 auto -1px; }
.cta-inner .view-col-button {width: auto; height: auto; line-height: 0; font-size: 18px; color: #fff; position: relative; background: linear-gradient(#aa0144,#aa0144) padding-box padding-box,linear-gradient(to right,rgb(222,87,229),rgb(136,99,251)) border-box border-box; border-width: 2px; border-style: solid; border-color: transparent; border-image: initial; border-radius: 9px 9px 9px 9px; padding: 21px 24px; margin: -58p; text-decoration: none; margin-bottom: 50px; display: inline-block; }
.best-jewellers-wrap .container-fluid {padding: 0px 20px; }
footer {background-color: var(--secondary-background); padding: 23px 20px 25px; }
.footer-about {padding-left: 0; }
.card-img {text-align: left; }
.card-img img {margin-right: 0; }
.footer-col-1 h5 {font-weight: var(--font-weight-600); color: var(--primary-color); font-size: var(--font-22); margin-bottom: 20px; margin-top: 20px; }
.special-offer h3{font-size: 27px;}
.special-offer h4 {color: #fff; font-size: 19px; }
.special-offer {background-color: #000; padding: 50px 23px; text-align: center; margin-top: 30px; }
.inner-content-div h2 {color: #fff; font-weight: 600; font-size: 25px; margin-bottom: 0px; }
.css-1jalk4m{display: block;}
.blog-page-wrapper{margin-top: 20px!important;}
.blog-page-wrapper .row{margin-top: 20px!important;}
.blog-detail-wrapper{margin-top: 20px!important;}
.blog-detail-wrapper .row{margin-top: 20px!important;}
.product-detail-content h3 {font-size: 23px; margin-bottom: 20px; }
#price-data-gaurav{font-size: 20px;}
.varient-select select{width: 70%;}
.plan-pro{font-size: 15px;}
.but-pro{font-size: 15px;}
#pills-tab li button.active {background-color: #aa0144; color: #fff; text-decoration: none; border-radius: 0; margin-right: 8px; padding: 13px 16px; margin-bottom: 12px; }
#pills-tab li button {background-color: #ebebeb; color: #000; text-decoration: none; border-radius: 0; margin-right: 5px; padding: 13px 19px; }


.cart-page-detail {position: relative; padding-right: 0px; }
.cart-price-title{display: block; padding: 18px 11px 0px;}
.cart-metal h5{font-size: 15px;}
.cart-stone h5{font-size: 15px;}
.order-smmer-cart {padding-left: 0px; }
.cart-page-wrapp {padding: 0px 0px; }
.total-amount h4{font-size: 17px;}
.total-payable h4{font-size: 17px;}
.total-payable h5{font-size: 17px;}
.total-amount h5{font-size: 17px;}
.cart-ring-size h3{font-size: 14px;}
.cart-metal h4{font-size: 14px;}
.cart-stone h4{font-size: 14px;}
.cart-page-detail::before {display: none;}

.check-your-detail{padding: 30px 0px 50px;}
#show-data-container object{height: auto!important;}
.thumbnail-images {
  margin-top: 16px;
  padding: 0px 60px;
  width: 92%;
  overflow: hidden;
  position: relative;
  display: list-item;
  height: 140px;
}

.thumbnail-images ul li {
  width: 130px;
  height: 130px;
  border: 1px solid #ccc;
  margin-right: 11px;
}


.best-jewell-new-sec{padding-top: 0px; padding-bottom: 20px;}
.best-jewell-new-sec .best-rc-head h5{margin-bottom: 20px;}
.best-jewells-content {padding: 21px 11px; }
.best-jewells-content h4 {font-size: 16px; margin-bottom: 0; }
.best-jewells-content p {margin-bottom: 0px; margin-top: 11px; }
.new-price{display: block; font-size: 13px;}
.old-price {color: #b1b0b0; font-size: 12px; font-weight: 500; margin-left: 0; }

.shop-page-mobile .shop-flex-row{flex-direction: column-reverse;}
.shop-page-mobile .food-box.shop-box{border: 1px solid #ccc; height: auto;}
.shop-page-mobile .shop-box .desc {text-align: left; padding: 4px 8px; }
.shop-page-mobile .shop-box .desc h4 a {color: #000; text-decoration: none; font-size: 15px; }
.shop-page-mobile .price-new-design {display: block;}
.shop-page-mobile .shop-box .desc .price {color: #aa0144; font-weight: 600; margin-bottom: 15px; display: block; }
.shop-page-mobile .shop-box .thumb .button-group a {width: 28px; height: 28px; display: block; font-size: 11px; line-height: 31px; color: #000000; text-align: center; border-radius: 0; margin-bottom: 10px; background-color: #bfbfbf; transform: scale(0.6); transition: all 0.3s ease-out 0s; opacity: 0; visibility: hidden; }

.shop-page-mobile .single-sidebar{margin-top: 30px;}

.shop-page-mobile .filter-attribute-container ul li a{font-size: 13px;}
.shop-page-mobile .filter-attribute-container ul li label{font-size: 13px;}





}







@media (min-width: 1369px) and (max-width: 2592px) {



	.logo-inner img{width: 200px;}

	.logo-inner{padding: 28px 28px 28px 45px;}

	.navbar-nav li{margin-right: 10px;}

	 .header-features{padding: 40px 33px;width: 160px;background-color: #fff;}

	 .search{position: relative; box-shadow: 0 0 40px rgba(51, 51, 51, .1); width: 100%;}

	 #home-slider .item .cover .header-content h2 {font-size: 29px;}

	 #home-slider .item .cover .header-content h5{font-size: 29px;}

	 .category-box .image-caption {position: absolute; right: 0; width: 40%; background-color: #ffffffa1; padding: 22px; text-align: left; top: 31px; bottom: unset; left: unset; }

	 .image-caption h3{color: #000; text-transform: uppercase; margin-bottom: 0px; font-weight: var(--font-weight-400);}

	 .below-cap-inner h5{color: #000; text-transform: uppercase; margin-bottom: 16px; line-height: 36px; font-weight: var(--font-weight-400);font-size: 25px;}

    .below-caption{position: absolute; top: 0; display: flex; justify-content: center; align-items: center; height: 100%; left: 40px; width: 245px;}

    .below-cap-inner.dark-img h5{color: #fff; text-transform: uppercase; margin-bottom: 16px; line-height: 36px; font-weight: var(--font-weight-400);font-size: 25px;}

    .main-footer .container-fluid{padding: 0px 200px;}

.navbar-nav li a{color: var(--secondary-color)!important; text-transform: var(--text-uppercase); font-size: var(--font-12);font-weight: var(--font-weight-400);padding: 10px 0px;}

.category-box .image-caption h3{text-transform: lowercase; font-size: 21px;}

}

