<>
.customer_caretxt {
display: none;
}
.customer_caretxt.visible {
display: block;
}
>
<>
.os_gb {
background: url("https://static.malabargoldanddiamonds.com/skin/frontend/malabar/default/images/Store-landing-page_uk.jpg" ) no-repeat center left;
}
.os_ca {
background: url("https://static.malabargoldanddiamonds.com/skin/frontend/malabar/default/images/canada.jpg" ) no-repeat center left;
}
.os_au {
background: url("https://static.malabargoldanddiamonds.com/skin/frontend/malabar/default/images/austarlia.png" ) no-repeat center left;
}
.os_nz {
background: url("https://static.malabargoldanddiamonds.com/skin/frontend/malabar/default/images/new-zealand.jpg" ) no-repeat center left;
}
>
<>
.social-login-button,
.social-login-button .account-login.facebook-login,
.social-login-button .mobile-login-with-google-container,
.login_users .separator{
display: none!important;
}
.checkout-onepage-index #cus_login .account-login.mob-my-account.border-clear .login_users.row .content.col-xs-16.full-width .mobile-login-with-google-container,
.customer-account-login .account-login.mob-my-account.border-clear .login_users.row .content.col-xs-16.full-width .mobile-login-with-google-container{
width: 100% !important;
margin: 0 auto;
display: flex;
justify-content: center;
}
.mobile-login-with-google-container a{
position: relative;
margin-left:0px !important;
}
/* list page start */
.catalogsearch-result-index ul.products-grid.col-xs-16 li.item,
.catalog-category-view ul.products-grid.col-xs-16 li.item {
border-radius: 8px;
}
.products-grid .image_wrapper{
background: #f9f9f9;
border-radius: 8px;
}
.plp_banner_image img {
border-radius: 8px;
}
.products-grid li.item a img{
mix-blend-mode: darken;
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
div.name-firstname .input-box{
display: flex !important;
flex-wrap: wrap;
column-gap: 3%;
}
.input-box select#salutation{
flex: 0 0 20%;
}
.input-box input.registration-page-firstname-field{
flex: 0 0 77%;
}
.checkout-onepage-index .input-box input.registration-page-firstname-field{
flex: 0 0 74%;
}
.checkout-onepage-index .row .field:nth-child(2n+2) {
float: right;
}
.opc .postcode {
margin-top: 0;
}
#co-billing-form ul li .field {
margin: 5px 0px;
}
.intl-tel-input .flag-container{
height: 40px;
}
.intl-tel-input.allow-dropdown input.intl-tel-input.allow-dropdown input[type=text].intl-tel-input.allow-dropdown input[type=tel] {
padding-left: 52px !important;
}
.details_block .intl-tel-input .flag-container{
height: inherit !important;
}
@media screen and (min-width: 768px){
.category-products .products-grid .pdp-promises-container{
border-radius: 8px;
}
}
@media screen and (min-width: 300px) and (max-width: 767px) {
.products-grid li.item.col-md-5 {
width: 49% !important;
margin: 0.5%;
}
.checkout-onepage-index li#opc-billing div#checkout-step-billing .billing_shipping_address.col-xs-16.col-md-16 form#co-billing-form ul.form-list li#billing-new-address-form ul li.fields .input-box .input-text.input-text-mob,
#co-billing-form .edit-form-wrapper ul li.fields .input-box .input-text.input-text-mob{
padding-left: 52px !important;
}
.intl-tel-input .flag-container {
height: 35px;
}
.checkout-onepage-index li#opc-billing div#checkout-step-billing form#co-billing-form ul.form-list li.control{
display: flex !important;
}
}
/* list page end */
@media screen and (min-width: 768px){
.catalog-product-view .product-view .mob-customsize.byr_custsize div#customsize .mobDisplay .ring_selsize span.ui-btn-inner {
padding: 8px 0px 0px 8px !important;
}
.catalog-product-view .product-view .mob-customsize.byr_custsize div#customsize .mobDisplay{
max-width: fit-content;
}
.customer-account-create .account-create.border-clear form#form-validate .fieldset .form-list input#mobile{
padding-left: 52px !important;
}
}
@media screen and (max-width: 767px){
.pdp-product-name h2{font-size: 16px;}
.product-code {padding: 5px 0 5px 20px;}
.product-view .price_breakup{z-index: 0;}
}
@media screen and (min-width: 300px) and (max-width: 767px){
.seo-container { display: block!important;}
.catalog-product-view .mob-customsize.byr_custsize #customsize {
margin: 20px 0 5px !important;
}
}
@media only screen and (min-width: 230px) and (max-width: 900px){
.rootmenu > .rootmenu-list > li.custom-menus span.rootmenu-click {
display: block !important;
}
}
.catalog-product-view .cod-serviceability #expectedDelDate.margin-0 {
margin: 0 !important;
}
>
<>
.product-view #offer_price_check .price-box,
.product-view .price-box.list-regular,
.cart .totals table,
table#shopping-cart-totals-table,
.product-view .sticky-buynow .price-box,
td.inner-order{
position: relative;
}
.product-view #offer_price_check .price-box:after,
.product-view .price-box.list-regular:after,
.cart .totals table:after,
table#shopping-cart-totals-table:after,
.product-view .sticky-buynow .price-box:after,
table.inner-order-summary:after{
content: "(Inclusive of all taxes)";
display: flex;
position: absolute;
bottom: -15px;
width: 150px;
font-size: 11px;
font-family: 'Muli';
}
table.inner-order-summary:after {
bottom: 3px;
right: 0;
}
table#shopping-cart-totals-table:after{
right: -41px;
}
.product-view .sticky-buynow .price-box:after{
left: 15px;
}
.view_more_offerTag .viewMore_offer {
padding: 10px 0 5px;
}
.cart .totals table {
margin: 7px 0 15px;
}
@media screen and (max-width: 767px){
.product-view .sticky-buynow-container .price-box .price{
padding: 0 15px;
}
.sticky-savings-price {
bottom: -1px;
left: 15px;
}
}
@media screen and (min-width: 300px) and (max-width: 400px){
.product-code .detail-page-procode{
margin-top: -5px !important;
}
}
.catalog-category-view .col-main.col-xs-16.col-sm-12.col-md-12.catalogsearch-result-index .col-main.col-xs-16.col-sm-12.col-md-12{
display: block;
}
>
< type="text/css">
.please-wait {
position: fixed;
top: 0;
width: 100%;
left: 0;
height: 100% !important;
margin: 0 auto;
z-index: 9991;
background: #eee;
opacity: .5;
}
.spinner {
position: absolute;
top: 50%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}
>
<>>
Fast Ships
Best Sellers
New Arrivals
Coins & Bars
Coin Pendants
Silver Coins
Gold Jhumka
Ring
Bangle
Earring
Mangalsutra
Platinum
Gold Chain
Fast Ships
Best Sellers
New Arrivals
Coins & Bars
Coin Pendants
Silver Coins
Gold Jhumka
Ring
Bangle
Earring
Mangalsutra
Gold Chain
Diamond Jewellery
Sparkle through the events with timeless diamonds
Handpicked Just for You!
Our lightweight collection keeps you stylish and comfortable from dawn to dusk.
Silver Collection
Where tradition meets silver sophistication!
Earring Collection
Our Exclusive Earring Collection
Gemstone Jewellery
Capturing timeless grace in each precious stone
Platinum collection
Refine elegance with forever gleaming beauties
Gold Jewellery
Fine jewellery for life's meaningful moments
Our Collection
Discover our latest jewellery collection!
One Day Shipping
Experience convenience with our one-day shippingensuring your purchase arrives at your doorstep quickly.
<>
.deal-banner > a {
float: left;
width: 20%;
}
.exclusive-products{
float: left;
width: 80%;
position: relative;
}
.exclusive-product-list{
width: 100%;
}
.homepage-main-container-section > div {
clear: both;
}
.owl-item > div .description {
padding: 4px 5px;
}
.owl-item > div {
border: 1px solid #ccc;
}
p.price {
margin: 0;
}
.owl-item > div > a {
text-decoration: none;
}
.deal-banner{
display: flex;
}
.deal-banner > a{
text-decoration: none;
}
>
Shop By Gender
New Arrivals
Prepare to elevate your sense of with our latest collection!
<>
.deal-banner > a {
float: left;
width: 20%;
}
.exclusive-products{
float: left;
width: 80%;
position: relative;
}
.exclusive-product-list{
width: 100%;
}
.homepage-main-container-section > div {
clear: both;
}
.owl-item > div .description {
padding: 4px 5px;
}
.owl-item > div {
border: 1px solid #ccc;
}
p.price {
margin: 0;
}
.owl-item > div > a {
text-decoration: none;
}
.deal-banner{
display: flex;
}
.deal-banner > a{
text-decoration: none;
}
>
Malabar Promises
The promises that we'll never break

Complete
Transparency
At Malabar Gold and Diamonds online storeevery piece of jewellery...
Complimentary
Insurance
Assured insurance for 1 year against any damage by burglary...
Assured Lifetime
Maintenance
We assure lifetime maintenance for jewellery from all our 300...
100% HUID
Compliant Gold
Since 2001all our gold jewellery has held BIS hallmark...
Fair Price
Policy
Beautiful designs crafted in impeccable gold at reasonable making...
Zero Deduction
Gold Exchange
When you exchange "22KT" gold with uswe give 100% Value...
Responsibly
Sourced Products
All our jewellery adheres to responsible acquisition standards...
Guaranteed
Buyback
At any point of time if you feel you need to change the jewellery collections...
Tested & Certified
Diamonds
Every diamond pass through 28 internal quality tests with IGI- GIA...
Fair Labour
Practices
This exclusive feature gives complete flexibility to our customers...
Easy
Exchange
This exclusive feature gives complete flexibility to our customers...
14 Days
Return Policy
If you don’t like the jewellery and solitaire purchased from us you can....
Gifting & More
Gifts that mark a moment
About Our Store
Get in touch with us for a complete jewellery shopping experience!
For store queries and schemes
<>
/*********************************** Womens day gifting collection *******************************************/
.sub-blocker{
display: flex;
}
.gifting-category{
padding: 25px 0;
border-radius: 10px;
border: 2px solid #F3DD99;
background: #FFEAEA;
}
.gifting-category h3{
text-align: center;
font-weight: bold;
padding: 15px 0;
}
.logo-bounce {
width: 180px; /* Adjust size as needed */
height: auto; /* Maintain aspect ratio */
animation: bounce 2s infinite; /* Apply the animation */
width: 188px !important;
margin: 0 auto;
margin-top: 40px;
}
@media(max-width: 480px){
.logo-bounce {
margin-top: 20px;
}
}
/* Define the bounce animation */
@keyframes bounce {
0%20%50%80%100% {
transform: translateY(0); /* Element is at the bottom (or original position) */
animation-timing-function: ease-out; /* Smooth landing */
}
40% {
transform: translateY(-50px); /* Element moves up 50px */
animation-timing-function: ease-in; /* Fast rise */
}
60% {
transform: translateY(-25px); /* Element moves up slightly less */
animation-timing-function: ease-out;
}
90% {
transform: translateY(-5px); /* Small final hop */
animation-timing-function: ease-out;
}
}
.election-text span{
font-weight: bold;
}
.election-text{
font-size: 1.8em;
background: #f9f2ea;
color: #9a0056;
padding: 10px;
border-radius: 15px;
text-align: center;
}
@media(max-width: 520){
.election-text{
font-size: 1.2em;
}
}
.main-container .sub-category-mobile-slider-block img
{
border-radius: 50px;
width: 65px !important;
height: 65px;
max-width: 65px !important;
border: 2px solid;
border-color: #FCCCC7;
}
@font-face {
font-family: Muli-Semi-Bold;
src: url("https://static.malabargoldanddiamonds.com/media/wysiwyg/fonts/muli/Muli-SemiBold.ttf") format("truetype");
}
@font-face {
font-family: PlayfairDisplay;
src: url("https://static.malabargoldanddiamonds.com/media/wysiwyg/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
}
.cms-home .main-container .main{background:none;}
.main-container{background: #fff;}
.cms-home .homepage-main-container-section img{width: auto !important;}
.cms-home .homepage-main-container-section .auto-width{ width: auto !important; margin: 0 auto!important}
.homepage-main-container-section{position: relative; }
@media (max-width:767px){
.heading-block-title{padding-bottom: 10px}
}
.m-auto{ margin: 0 auto;}
.mb2{
margin-bottom:20px !important
}
@media (max-width: 1345px) {
.mb2{
margin-bottom:0px !important
}
}
.mb20{margin-bottom:40px !important}
@media (max-width: 767px) {
.mb20{margin-bottom:20px !important}
}
.pb20{padding-bottom:40px !important}
@media (max-width: 767px) {
.pb20{padding-bottom:20px !important}
}
.owl-controls{
padding-top: 10px;
overflow: hidden;
margin-top: 0!important;
}
.main{
max-width: 100% !important;
}
.section-width a{text-decoration: none;}
.section-width{
max-width:1366px;
margin: 0 auto;
}
@media (max-width: 1366px) {
.section-width { max-width: 100%; }
}
/*
.section-width{width:1250px; margin: 0 auto}
.section-width a{text-decoration: none;}
@media (max-width: 1345px) {
.section-width { max-width: 1100px; }
}
@media (max-width: 1100px) {
.section-width { max-width: 767px; }
}
@media (max-width: 767px) {
.section-width { max-width: 100%; background: #fff; padding-top: 10px;}
}
*/
.section-width{margin: 0 auto}
.show-mob{display: none !important;}
.show-tab{display: none !important;}
@media (max-width:767px){
.show-tab{display: block !important;}
.hide-tab{display: none !important;}
}
@media (max-width:480px){
.hide-mob{display: none !important;}
.show-mob{display: block !important;}
}
.single-banner{
margin: 0 5px;
}
@media (max-width:480px){
.single-banner{
margin: 0;
}
}
.mb10{
margin-bottom: 10px !important;
}
@media (max-width: 767px) {
.tab-mb10{
margin-bottom: 10px;
}
}
.homepage-main-container-section .clear{
height: 1px;
}
/******************************** Home Main Slider *****************************/
.home_bnr_wrap .owl-theme .owl-controls .owl-page span
{
height: 5px;
width: 26px;
}
@media (max-width:767px){
.home_bnr_wrap .home_bnr {background: #fff;}
}
/******************************** Home Main Slider End *****************************/
.col-main img.col-main video{
border-radius: 10px;
}
/******************************** Section Heading *****************************/
.section-heading{
padding: 0 0 15px;
text-align: center;
}
.section-title{
font-family: PlayfairDisplay;
color: #000;
font-size: 2.3em;
position: relative;
text-transform:capitalize;
text-align: center;
clear: both;
}
@media (max-width:1100px){
.section-title{
font-size: 2em;
}
}
/*
.section-title:before{
content: '';
position:absolute;
width: 45px;
height: 2px;
border-bottom: 2px solid;
top: 22px;
margin-left: -60px;
}
.section-title:after{
content: '';
position:absolute;
width: 45px;
height: 2px;
border-bottom: 2px solid;
top: 23px;
margin-left: 15px;
}
*/
@media (max-width:767px){
.section-title:after{
width: 35px;
top: 13px;
margin-left: 7px;
}
.section-title:before{
display: none;
}
.section-title.mh-home .mh-title{
font-size: 2em;
}
}
.section-sub-text{
width: 100%;
text-align: center !important;
font-size: 1.4em;
margin: 0 auto !important;
}
@media (max-width:1024px){
.section-sub-text{
font-size: 1.2em;
width: 96%;
margin: 0 auto !important;
line-height: normal;
}
}
/******************************** Section Heading End*****************************/
/******************************** diwali collection start*****************************/
.diwali-collection-section{
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
@media(max-width: 480px){
.diwali-collection-section{
flex-direction: column;
}
}
.diwali-collection-section div{
padding: 5px;
}
/******************************** diwali collection end*****************************/
/*************************** Extended Diamond Block **********************/
.extended-section.extended-internal-section{
display: flex;
}
.extended-section{
margin-top: -40px;
}
.extended-internal-section div{
padding: 0 5px;
}
@media(max-width: 480px){
.extended-internal-section{
flex-direction: column;
}
.extended-internal-section div{
padding: 5px;
}
.extended-section{
margin-top: 0px;
}
}
@media(max-width: 480px){
.diamond-promises{
justify-content: space-between;
overflow: hidden;
overflow-x: scroll;
overflow-y: scroll;
width: 100% !important;
align-items: unset;
flex-direction: unset;
display: flex;
margin: 0 auto;
margin-top: -40px;
}
.diamond-promises div{
position: relative;
}
.diamond-promises div figure{
width: 300px !important;
}
.diamond-promises .diamond-promises-2{
width: 347px !important;
}
}
/*************************** Extended Diamond Block end **********************/
/************************************* Homepage Static Banner *******************************/
.homepage-static-banner{text-align:center;}
/*************************** Mobile category slider **********************/
.sub-category-main-block{display:block;}
@media (min-width: 767px) {
.sub-category-main-block {
display: none;
}
}
.sub-category-slider-block{text-align:center;}
.sub-category-mobile-slider-block{height: 100%; width: 100%; overflow: hidden;}
.sub-category-mobile-slider-block ul{display: flex; overflow: hidden; overflow-x: scroll; width: 100%; height: 100%; overflow-y: scroll;background: #f4f4f4;margin: 0}
.sub-category-mobile-slider-block ul::-webkit-scrollbar{display:none;}
/* .sub-category-mobile-slider-block ul li{border-radius: 3px;width: 100% !important;padding: 8px 14px !important;margin: 10px 5px !important;background: #fff;text-transform: capitalize;position: relative; border: 1px solid #CFB873; } */
@media (min-width: 767px) {
.main-container .sub-category-mobile-slider-block img {border-radius: 50px; width: 80px !important; height: 80px; max-width: 80px !important; border: 2px solid; border-color: #FCCCC7; padding: 2px;}
}
.sub-category-mobile-slider-block ul li{border: none !important; padding: 7px 5px; }
.sub-cat-title{font-size: 1em; text-align: center; padding-top: 0px !important;width: max-content; margin-bottom: 0 !important; margin: 0 auto; }
.cms-home .main-container .sub-category-slider-block img{width: 51px !important;}
.slider-offer-text{width: 87px; font-size: 15px; font-weight: bold;}
.sub-cat-title a.slider-offer-text a{text-decoration: none;}
.offer-text{color: #6f204d;}
/*************************** Mobile category slider end **********************/
/*************************** Malabar promises **********************/
.promise-banner{
width: 32%;
}
@media(max-width: 1045px){
.promise-banner{
display: none;
}
}
.promise-slide{
display: block !important;
padding: 15px 15px 40px 45px;
text-align: left;
border: 1px solid #e8e8e8;
border-radius: 10px;
}
@media(max-width: 1366px){
.promise-slide{
height: 292px !important;
}
}
@media(max-width: 979px){
.promise-slide{
padding: 42px 15px 45px 35px;
}
}
@media(max-width: 480px){
.promise-slide{
padding: 25px 15px;
height: 250px !important;
}
}
@media(max-width: 480px){
.promise-slide img{
margin: 0 auto;
}
}
.promises-slider-container{
display: flex;
}
@media(max-width: 1366px){
.promise-banner{
display: none;
}
}
.sub-promise-slider h2{
font-size: 20px;
padding: 15px 0 5px;
text-align: left;
font-weight: bold;
text-align: left;
}
@media(max-width: 480px){
.sub-promise-slider h2{
text-align: center;;
}
}
.sub-promise-slider p{
font-size: 14px;
margin-bottom: 0;
text-align: left;
color: #8d8888;
text-align: left;
}
@media(max-width: 767px){
.sub-promise-slider p{
}
@media(max-width: 480px){
.sub-promise-slider p{
text-align: center;;
}
}
.promise-slide{
padding-bottom: 0 !important;
}
.sub-promise-slider h2{
font-size: 13px;
}
}
@media(max-width: 480px){
.sub-promise-slider p{
font-size: 12px;
}
}
/***************************End Malabar promises **********************/
.offer-blocks div{
padding: 5px;
}
@media(max-width: 480px){
.offer-blocks{
flex-direction: column;
}
}
/************************************************** Exclusive Products Starts****************************************/
.exclusive-products{
width: 100%;
}
.exclusive-products h2{
display: none;
}
.exclusive-products .description p:first-child{
font-weight: bold;
letter-spacing: 0.02em;
margin-bottom: 5px;
font-size: 0.8em;
text-align: left;
padding: 0 30px;
}
@media(max-width: 769px){
.exclusive-products .description p:first-child{
text-align: center;
font-size: 0.7em;
padding: 0;
}
}
.exclusive-products .description p:last-child{
font-weight: bold;
letter-spacing: 0.04em;
color: #710540;
font-size: 0.8em;
text-align: left;
padding: 0 30px;
}
@media(max-width: 769px){
.exclusive-products .description p:last-child{
text-align: center;
font-size: 0.7em;
padding: 0;
}
}
.exclusive-products .description{
padding: 5px;
}
.exclusive-products .swiper-slide{
align-items: self-start;
border-radius: 17px;
}
@media(max-width: 1366px){
.exclusive-products .swiper-slide{
height: 100%;
}
}
@media(max-width: 480px){
.exclusive-products .swiper-slide{
padding-bottom: 0;
background: #fff !important;
margin-left: 5px;
margin-right: 5px !important;
}
}
.exclusive-products .swiper-slide img{
border-radius: 17px 17px 0 0;
width: 328px !important;
}
.exclusive-products .swiper-button-prev.exclusive-products .swiper-button-next{
display: none;
}
.exclusive-products .swiper-pagination{
display: none;
}
.deal-main-block{
background: #F9F5F0;
padding: 20px 0 1px;
}
.more-collection{
margin: 30px 0;
text-align: center;
}
.more-collection a{
background: #9a0056; color: #fff; text-transform: uppercase; padding: 10px 15px; font-family: 'Muli'; font-size: 1.2em; font-weight: bold; border-radius: 5px;
}
.exclusive-products .swiper-slide a:hover.exclusive-products .swiper-slide a:focus{
color: #000;
}
/************************************************** Exclusive Products End ****************************************/
/***************************New Arrival **********************/
.new-arrival-collection-section ul:first-child{
margin: 0 auto 15px !important;
}
.new-arrival-collection-section{
justify-content: center;
}
.new-arrival-collection-section li{
margin: 0 5px;
margin-left: 5px !important;
}
.new-arrival-mobile-section{
display: none;
}
@media(max-width: 480px){
.new-arrival-mobile-section{
display: block;
}
.new-arrival-desktop-section{
display: none;
}
}
/***************************End New Arrival **********************/
/***************************** Video Css ***********************************/
.video-and-banner-block{
display: flex;
margin: 0 5px;
}
@media(max-width: 580px){
.video-and-banner-block{
flex-direction: column;
}
}
.video-section-banner{
margin-left: 5px;
width: 54%;
}
@media(max-width: 580px){
.video-section-banner{
margin-left: 0px;
width: 100%;
margin-top: 5px;
}
}
.vdo {
position: relative;
height: 0;
padding-bottom: 38.35%;
width: 100%;
margin-right: 5px;
}
@media(max-width: 580px){
.vdo {
padding-bottom: 75.35%;
margin-right: 0px;
}
}
.vdo iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/***************************** END New Arrival ***********************************/
/***************************** Best Selling ***********************************/
.our-best-selling{
display: flex;
justify-content: space-between;
}
@media(max-width: 767px){
.our-best-selling{
display: flex;
justify-content: unset;
overflow: hidden;
overflow-x: scroll;
overflow-y: scroll;
width: 100% !important;
height: 100%;
align-items: unset;
padding: 0;
margin-top: 0;
}
}
.our-best-selling li{
width: 275px !important;
margin: 0 5px;
position: relative;
}
.cms-home .main-container .our-best-selling li img{
max-width: 275px !important;
}
.our-best-selling li span{
position: absolute;
bottom: 52px;
transform: rotate(269deg);
right: -40px;
color: #afaaaa;
width: 40%;
opacity: 0.5;
}
/***************************** Best Selling END***********************************/
/***************************** Shop By Collection ***********************************/
.shop-by-collection-block li{
margin: 0 5px;
margin-left: 5px;
}
@media(max-width: 767px){
.shop-by-collection-block{
display: inline-block !important;
}
.shop-by-collection-block li{
margin: 0px;
padding: 0 5px !important;
display: inline-block !important;
}
.collection-sub-blocks{
width: 49%;
}
}
/***************************** END Shop By Collection ***********************************/
/***************************** Shop by gender ***********************************/
.tab {
overflow: hidden;
text-align: center;
padding-bottom: 10px;
}
@media(max-width: 480px)
{
.tab {
position: relative;
}
}
/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 12px 10px;
transition: 0.3s;
font-size: 18px;
color: #9C8470;
font-weight: bold;
}
@media(max-width: 480px)
{
.tab button {
font-size: 14px;
padding: 12px 5px;
width: 70px;
}
}
/* Change background color of buttons on hover */
.tab button:hover {
border-bottom: 1px solid #9a0056;
color: #9a0056;
font-weight: bold;
}
/* Create an active/current tablink class */
.tab button.active {
border-bottom: 1px solid #9a0056;
color: #9a0056;
font-weight: bold;
}
/* Style the tab content */
.tabcontent {
display: none;
animation: fadeEffect 1s;
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.tablinks:after{
content: '';
width: 45px;
height: 2px;
border-right: 2px solid #A38842;
top: 23px;
margin-left: 10px;
margin-left: 10px;
}
@media(max-width: 480px)
{
.tablinks:after{
margin-left: 10px;
margin-left: 10px;
width: 27px;
height: 20px;
top: 13px;
position: absolute;
}
}
/***************************** END Shop by gender ***********************************/
/***************************** Sub Category H2 ***********************************/
.subcat-title{
font-weight: bold;
text-align: center;
text-transform: capitalize;
padding: 8px 0 0;
margin-bottom: 0;
}
@media(max-width: 1100px){
.subcat-title{
font-size: 1.3em;
}
}
@media(max-width: 480px){
.subcat-title{
font-size: 1.1em;
}
}
/***************************** END Sub Category H2 ***********************************/
/***************************** Personalised Jewellery***********************************/
.customized-main-block div{
margin: 0 5px;
}
.customized-title{
font-family: PlayfairDisplay;
}
@media(max-width: 767px){
.customized-main-block{
flex-direction: column;
}
.customized-1{
margin-bottom: 10px;
}
}
/*****************************End Personalised Jewellery***********************************/
/***************************** Shop by Category***********************************/
@media(max-width: 580px){
.shop-by-category-block{
flex-direction: column;
padding: 0 5px;
}
.cms-home .homepage-main-container-section .shop-by-category-block figure img{
width: 100% !important;
}
}
.shop-by-category-block div{
margin: 5px !important;
position: relative;
margin-left: 5px;
}
@media(max-width: 580px){
.shop-by-category-block div{
margin: 5px !important;
}
}
.shop-by-category-block .second-main-block.shop-by-category-block .inner-sub-block{
display: flex;
margin: 0 !important;
}
@media(max-width: 580px){
.inner-sub-block{
justify-content: space-between;
}
.second-main-block{
padding-top: 10px;
}
}
@media(max-width: 480px){
.second-main-block{
flex-direction: column;
}
}
.category-subcat-title{
width: 100%;
padding-top: 0;
bottom: 5%;
font-weight: bold;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
margin-top: 15px;
}
@media(max-width: 997px){
.category-subcat-title{
font-size: 1.2em;
}
}
.category-subcat-title a{
text-decoration: none;
}
.category-subcat-title a:hover.category-subcat-title a:focus{
color: #000;
}
.shop-by-category-block img{
border-radius: 2%;
-webkit-box-shadow: 3px 7px 5px 0px rgb(230 230 230);
-moz-box-shadow: 3px 7px 5px 0px rgba(230,230,230,1);
box-shadow: 3px 7px 5px 0px rgb(230 230 230);
}
/***************************** END Shop by Category***********************************/
/***************************** Shop by Sub Category***********************************/
@media(max-width: 767px){
.shop-by-sub-category .shop-by-category-block{
justify-content: space-between;
overflow: hidden;
overflow-x: scroll;
overflow-y: scroll;
width: 100% !important;
height: 100%;
align-items: unset;
}
.shop-by-sub-category .shop-by-category-block li figure{
width: 150px;
}
}
.shop-by-sub-category .shop-by-category-block li{
margin: 10px !important;
position: relative;
margin-left: 5px;
}
.shop-by-sub-category .category-subcat-title{
width: 100%;
padding-top: 0;
bottom: 5%;
font-weight: bold;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
margin-top: 15px;
}
.shop-by-sub-category .category-subcat-title a{
text-decoration: none;
}
.shop-by-sub-category .category-subcat-title a:hover.shop-by-sub-category .category-subcat-title a:focus{
color: #000;
}
.shop-by-sub-category .shop-by-category-block li img{
border-radius: 52%;
-webkit-box-shadow: 3px 7px 5px 0px rgb(230 230 230);
-moz-box-shadow: 3px 7px 5px 0px rgba(230,230,230,1);
box-shadow: 3px 7px 5px 0px rgb(230 230 230);
}
/***************************** END Shop by Category***********************************/
/***************************** Brides of India Block ***********************************/
.sub-brides{
padding: 15px;
background: #f7eef338;
width: 90%;
position: absolute;
bottom: 36px;
margin: 0 auto;
left: 0;
right: 0;
border-radius: 5px 5px 0 0;
display: flex;
}
@media(max-width: 797px)
{
.sub-brides{
padding: 5px 5px 0 5px;
bottom: 48px;
}
}
@media(max-width: 580px)
{
.sub-brides{
bottom: -22px;
}
}
@media(max-width: 480px)
{
.sub-brides{
display: none;
}
}
.sub-brides div{
padding: 5px;
}
@media(max-width: 580px)
{
.sub-brides div{
padding: 5px;
display: inline-block;
width: 48%;
vertical-align: text-top;
}
}
.sub-brides img{
border-radius: 5px;
}
.sub-brides h2{
text-align: center;
padding: 5px 0 0 0;
}
@media(max-width: 1100px)
{
.sub-brides h2{
font-size: 15px;
}
}
@media(max-width: 797px)
{
.sub-brides h2{
font-size: 10px;
}
}
@media(max-width: 580px)
{
.sub-brides h2{
font-size: 10px;
}
}
@media(max-width: 480px){
.boi-slider-container{
background: #f7eef338;
padding: 10px 10px 0 10px;
width: 100%;
margin-top: -100px;
position: relative;
}
.sub-brides-slider h2{
position: absolute;
bottom: -10px;
padding-bottom: 10px;
font-size: 13px;
}
.swiper-slide{
padding-bottom: 50px;
background: none !important;
}
}
.akshaya-tritiya-gold-jewel-block .swiper-slide{
padding-bottom: 10px;
}
.akshaya-tritiya-gold-jewel-block .swiper-pagination{
display: none;
}
@media(max-width: 1024px){
.akshaya-tritiya-gold-jewel-block .swiper-pagination{
bottom: -5px !important;
display: block;
}
}
.gold-jewellery-section figure .hide-tab{
border-radius: 100px;
}
/***************************** END BOI Block ***********************************/
/***************************** Our Store Homepage ***********************************/
@media(max-width: 767px){
.our-store-section{
padding-bottom: 10px;
margin-bottom: -20px;
}
}
.our-store-main-links{
display: flex;
}
@media (max-width: 997px){
.our-store-main-links{
flex-direction: column;
}
}
.our-store-main-first{
width: 83%;
margin-right: 5px;
}
@media (max-width: 997px){
.our-store-main-first{
margin-right: 0px;
width: 100%;
}
}
.our-store-main-second{
color: #000;
width: 75%;
margin-left: 5px;
}
@media (max-width: 997px){
.our-store-main-second{
width: 100%;
margin-left: 0px;
}
}
.our-store-main-second h2{
font-size: 3em;
}
@media (max-width: 1100px){
.our-store-main-second h2{
font-size: 2em;
}
}
.our-store-main-second h3{
font-size: 2.2em;
font-weight: bold;
text-transform: uppercase;
}
@media (max-width: 1345px){
.our-store-main-second h3{
font-size: 2em;
}
}
@media (max-width: 1100px){
.our-store-main-second h3{
font-size: 1.2em;
}
}
.our-store-main-second p{
font-size: 1.5em;
width: 100%;
}
.our-store-main-second a{
font-size: 1.6em;
color: #9a0056;
text-decoration: underline;
}
@media (max-width: 1100px){
.our-store-main-second a{
font-size: 1.1em;
}
}
@media (max-width: 1345px){
.our-store-main-second p{
font-size: 1em;
}
}
@media (max-width: 1100px){
.our-store-main-second p{
margin-bottom: 0;
}
}
.toll-free-number{
background: #f9f2ea;
width: 100%;
text-align: center;
padding: 53px 25px;
margin-bottom: 10px;
border-radius: 10px;
}
.toll-free-number h2 a{
font-size: unset;
text-decoration: none;
}
@media (max-width: 1345px){
.toll-free-number{
padding: 33px 25px;
}
}
@media (max-width: 1100px){
.toll-free-number{
padding: 20px 25px;
}
}
.hompage-useful-links{
display: flex;
}
.hompage-useful-links div{
width: 100%;
text-align: center;
background: #f9f2ea;
padding: 20px 10px;
border-radius: 10px;
}
@media (max-width: 1100px){
.hompage-useful-links div{
padding: 10px;
}
}
.hompage-useful-links div:first-child{
margin-right: 5px;
}
.hompage-useful-links div:last-child{
margin-left: 5px;
}
/*****************************End Our Store Homepage ***********************************/
/***************************** Diamond Sparkle Jewellery***********************************/
.flex-blocks{
display: flex;
justify-content: space-between;
}
@media(max-width: 767px){
.diamond-sparkle-jewellery-blocks{
flex-direction: column;
align-items: center;
}
}
.diamond-sparkle-jewellery-sub-blocks{
position: relative;
margin: 0 5px;
}
@media(max-width: 767px){
.diamond-sparkle-jewellery-sub-blocks{
position: relative;
margin: 0;
padding: 0 5px !important;
margin-bottom: 5px;
}
}
@media(max-width: 767px){
.diamond-sparkle-internal-sub-blocks{
display: flex;
}
}
.diamond-sparkle-jewellery-internal-blocks{
position: relative;
}
.internal-first-block{
margin-bottom: 12px;
}
@media(max-width: 767px){
.internal-first-block{
margin: 0px;
margin-right: 5px;
}
}
.diamond-subcat-title{
position: absolute;
width: 100%;
bottom: 5%;
font-weight: bold;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
}
.diamond-subcat-title a{
text-decoration: none;
}
.diamond-subcat-title a:hover.diamond-subcat-title a:focus{
color: #000;
}
@media(max-width: 767px){
.diamond-subcat-title{
font-size: 15px;
}
}
/***************************** END Diamond Sparkle Jewellery***********************************/
/***************************** Swiper slider ***********************************/
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
}
.swiper-button-next:after.swiper-button-prev:after{
color: #000;
}
.swiper-pagination-bullet-active {
background: #000 !important;
}
.swiper-pagination{
bottom: 3px !important;
}
.swiper-wrapper{
padding-bottom: 15px;
}
/*****************************END Swiper slider ***********************************/
/***************************** Mobile static banner homepage ***********************************/
.homepage-mobile-static-banner-block{
display: block;
}
@media (min-width: 767px) {
.homepage-mobile-static-banner-block{
display: none;
}
}
.homepage-mobile-static-banner-block .swiper-pagination{
display: none;
}
/*****************************END Mobile static banner homepage ***********************************/
/******************************** Engagement block *****************************************/
.engagement-block{
position: relative;
}
.mine-jewel-logo{
position: absolute;
top: 15px;
right: 15px;
}
.engagement-text{
position: absolute;
top: 28%;
right: 10%;
}
@media(max-width: 1100px){
.engagement-text{
right: 3%;
}
}
@media(max-width: 767px){
.engagement-text{
right: 0;
left: 0;
bottom: 10%;
top: unset;
}
}
@media(max-width: 480px){
.engagement-text{
top: 0;
margin: 60% auto 0;
right: 0;
left: 0;
}
}
.engagement-text h2{
color: #000;
font-size: 3.3em;
text-align: center;
}
@media(max-width: 1100px){
.engagement-text h2{
font-size: 2.2em;
}
}
@media(max-width: 480px){
.engagement-text h2{
font-size: 2em;
}
}
.engagement-links{
text-align: center;
margin-top: 50px;
}
@media(max-width: 480px){
.engagement-links{
display: flex;
justify-content: center;
margin-top: 0px;
}
}
.engagement-links a{
border: 1px solid;
padding: 7px 20px;
font-size: 1.3em;
margin: 10px;
color: #000;
}
@media(max-width: 480px){
.engagement-links a{
font-size: 1em;
padding: 7px;
}
}
.engagement-links a:hover{
color: #000;
}
/************************************ TEST ****************************/
.mobile-engagement-block{
padding: 0 10px;
position: relative;
}
.banner-sub-text{
display: flex;
position: absolute;
bottom: 35px;
width: 100%;
}
.banner-sub-text div:first-child{
width: 70%;
font-size: 1.5em;
color: #000;
padding: 5px 10px 5px 25px;
}
/********************************END Engagement block *****************************************/
/********************************Best Selling block *****************************************/
.best-selling-section{
display: flex;
}
.best-selling-offer-block{
width: 100%;
}
.best-selling-section .slider{
width: 75%;
}
@media (max-width: 1345px){
.best-selling-section .slider {
width: 77.3%;
}
}
@media (max-width: 1100px){
.best-selling-section .slider {
width: 78.3%;
}
}
@media (max-width: 767px){
.best-selling-section .slider {
width: 100%;
}
}
/********************************End Best Selling block *****************************************/
/****************************** Just Launched Collection **********************************/
.just-launched-collection-block li{
margin: 0 5px;
margin-left: 5px !important;
position: relative;
}
.just-launched-text-blocks{
position: absolute;
bottom: 5%;
width: 100%;
}
.just-launched-subcat-title{
width: 100%;
padding-top: 0;
font-weight: bold;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
}
.just-launched-subcat-title a{
text-decoration: none;
}
.just-launched-subcat-title a:hover.just-launched-subcat-title a:focus{
color: #000;
}
@media (max-width: 1345px){
.just-launched-collection-block {
align-items: end;
}
}
@media (max-width: 767px){
.just-launched-collection-block {
justify-content: space-between;
overflow: hidden;
overflow-x: scroll;
overflow-y: scroll;
width: 100% !important;
height: 100%;
align-items: unset;
flex-direction: unset;
}
.just-launched-collection-block li figure{
width: 310px !important;
}
}
.just-launched-main-banner-block{
width: 55%;
}
@media (max-width: 1345px){
.just-launched-main-banner-block{
width: 83.5%;
}
}
@media (max-width: 1100px){
.just-launched-main-banner-block{
width: 120.5%;
}
}
@media (max-width: 767px){
.just-launched-main-banner-block{
width: 100%;
}
}
.launched-flower-left{
position: absolute;
bottom: -38px;
left: -47px;
}
.just-launched-sub-block div:first-child{
margin: 0 0 5px 0;
}
.just-launched-sub-block div:last-child{
margin: 5px 0 0 0;
}
@media(max-width: 767px){
.cms-home .homepage-main-container-section .just-launched-sub-block img.cms-home .homepage-main-container-section .just-launched-main-banner-block img{
width: 100% !important;
}
}
/****************************** Just Launched Collection End**********************************/
/******************************* Desktop Category Slider **********************************/
.desktop-category-slider .sub-category-mobile-slider-block ul {
display: flex;
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
justify-content: center;
background: none;
}
.desktop-category-slider .sub-category-mobile-slider-block ul li {
border: none !important;
padding: 7px 5px;
text-align: center;
cursor: pointer;
}
.main-container .desktop-category-slider .sub-category-mobile-slider-block img{
border-radius: 100px;
max-width: 120px !important;
border: 2px solid;
border-color: #FCCCC7;
padding: 2px;
width: 100% !important;
height: auto;
}
@keyframes clockwise {
0% {
top: -5px;
left: 0;
}
12% {
top: -2px;
left: 2px;
}
25% {
top: 0;
left: 5px;
}
37% {
top: 2px;
left: 2px;
}
50% {
top: 5px;
left: 0;
}
62% {
top: 2px;
left: -2px;
}
75% {
top: 0;
left: -5px;
}
87% {
top: -2px;
left: -2px;
}
100% {
top: -5px;
left: 0;
}
}
@keyframes counterclockwise {
0% {
top: -5px;
right: 0;
}
12% {
top: -2px;
right: 2px;
}
25% {
top: 0;
right: 5px;
}
37% {
top: 2px;
right: 2px;
}
50% {
top: 5px;
right: 0;
}
62% {
top: 2px;
right: -2px;
}
75% {
top: 0;
right: -5px;
}
87% {
top: -2px;
right: -2px;
}
100% {
top: -5px;
right: 0;
}
}
.desktop-category-slider .sub-cat-title {
font-size: 1.2em;
text-align: center;
padding-top: 0px !important;
width: auto;
margin-bottom: 0 !important;
}
/******************************* End Desktop Category Slider **********************************/
@media (max-width: 480px){
.zoul-collection-banner{
overflow-y: scroll;
}
}
@media (max-width: 480px){
.zoul-collection-banner img{
width: 979px !important;
max-width: 979px !important;
}
}
.care-msg{
font-size: 1.2em;
padding: 10px 10px;
background: #9a0056;
font-weight: bold;
margin-bottom: 20px;
color: #fff;
border-radius: 5px;
}
>
<>
.video-slider .slick-arrow {
width: 50px;
height: 50px;
opacity: 1;
z-index: 9999;
}
.video-slider .slick-prev {
left: 30px;
}
.video-slider .slick-next {
right: 0px;
}
>
<>
/*
.pwa_container
{
width:70%;
margin:0 auto;
border:1px solid #ccc;
border-radius:5px;
display:none;
align-items:left;
justify-content:space-between;
box-shadow:1px 1px 8px rgba(0,0,0,.2);
cursor:pointer;
font-family:'Open Sans',sans-serif;
position:fixed;
bottom:10px;
z-index:999;
background-color:#f7f7f7
}
.pwa_description
{
font-size:12px;
color:#000;
text-align:center;
width:70%
}
.pwa_addIcon
{
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.pwa_addIcon a
{
text-decoration:none;
font-size:24px;
color:#7d0849;
text-align:center;
display:block;
background-color:#f5f1e6;
border:1px solid gray;
border-radius:4px;
width:60%;
margin:0 auto
}
.pwa_CloseIcon
{
padding:6px;
border-radius:50%;
line-height:10px;
color:#fff;
background-color:#404040;
position:absolute;
right:-2px;
top:-8px;
}
*/
@font-face {
font-family: GothamFontLIGHT; font-display: swap;
src: url("/media/wysiwyg/fonts/Gotham_font/GothamHTF-Light.woff2") format("woff2")url("/media/wysiwyg/fonts/Gotham_font/GothamHTF-Light.woff") format("woff") url("/media/wysiwyg/fonts/Gotham_font/GOTHAMHTF-LIGHT.OTF") format("opentype") ;
}
.pwa_container
{
width: 200px;
margin: 0 auto;
border: 1px solid #ccc;
display: none;
justify-content: space-between;
box-shadow: 1px 1px 8px rgba(0,0,0,.2);
cursor: pointer;
font-family: 'Open Sans',sans-serif;
position: fixed;
bottom: 10px;
z-index: 999;
padding: 10px 5px 10px;
border-radius: 0 33px 33px 0;
background: #fff;
border-left: none;
}
.pwa_description
{
font-size:12px;
color:#000;
float: left;
text-align: left;
margin-left: 7px;
margin-top: 1px;
font-family: GothamFontLIGHT;
font-weight: bold;
}
.pwa_addIcon
{
/*
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
*/
}
.pwa_addIcon a
{
text-decoration: none;
font-size: 21px;
color: #ffffff;
text-align: center;
display: block;
background-color: #851753;
border: 1px solid #6f204d;
width: 35px;
margin: 2px auto 0;
border-radius: 19px;
}
.pwa_CloseIcon
{
padding: 5px 7px;
border-radius: 50%;
line-height: 10px;
color: #fff;
background-color: #dc1600;
position: absolute;
right: 2px;
top: -10px;
text-decoration: none;
font-size: 10px;
}
>
Press the '+' button to add to home screen.
+X