@charset "utf-8"; /* CSS Document */
/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 992px) and (min-width: 1200px) {  
.top-header .right-side .mobile{display: none; }
.top-header .right-side .message{display: none; }
.top-header .right-side .searchbar-1{display: none; }

}
@media only screen and (min-width: 993px) {
header .menu>ul>li.menu-item-has-children:hover .menu-subs { margin-top: 0.5rem; opacity: 1; visibility: visible }
}
@media only screen and (max-width: 992px) { 
.top-header{ width:100%; position:relative; background:#FFFFFF; padding:5px 0px; border-bottom:1px solid #F0F0F0; margin-bottom:10px;}
.header-item-center { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border:none;}
.header-item-right { /*-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto*/ position:relative; top:-28px; display:block; float:right;}
.header-item-left{ display:block; margin-left:15px;}
header .menu-mobile-trigger { position: relative; display: block; cursor: pointer; width: 1.75rem; height: 1rem; border: none; outline: none; margin-left: 1.25rem; background: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; z-index:9; right:15px;}
header .menu-mobile-trigger span { display: block; position: absolute; width: 100%; height: 2px; left: 0; border: none; outline: none; opacity: 1; border-radius: 0.25rem; background: #121212; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out}
header .menu-mobile-trigger span:nth-child(1) { top: 0}
header .menu-mobile-trigger span:nth-child(2), .header .menu-mobile-trigger span:nth-child(3) { top: 0.5rem}
header .menu-mobile-trigger span:nth-child(4) { top: 1rem}

header .menu { position: fixed; top: 0; left: 0; width: 20rem; height: 100%; z-index: 1099; overflow: hidden; background: #fff; -webkit-transform: translate(-100%); -ms-transform: translate(-100%); transform: translate(-100%); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out}
header .menu.active { -webkit-transform: translate(0%); -ms-transform: translate(0%); transform: translate(0%)}
header .menu>ul>li { display: block; line-height: 1; margin: 0}
header .menu>ul>li>a { display: block; line-height: 3.125rem; height: 3.125rem; padding: 0 3.125rem 0 1rem; border-bottom: 1px solid #f0f0f0; text-align:left; color:#484848;}
header .menu>ul>li>a i.ion { position: absolute; font-size: 1.25rem; line-height: 3.125rem; top: 0; right: 0; width: 3.125rem; height: 3.125rem; text-align: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg)}
header .menu .menu-mobile-header { position: relative; position: -webkit-sticky; position: sticky; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; height: 3.125rem; z-index: 501; border-bottom: 1px solid rgba(0,0,0,0.1); background: #fff}
header .menu .menu-mobile-header .menu-mobile-arrow { display: none; font-size: 1.25rem; line-height: 3.125rem; width: 3.125rem; height: 3.125rem; cursor: pointer; border-right: 1px solid #f0f0f0; border:none; color: #484848; text-align: center}
header .menu .menu-mobile-header.active .menu-mobile-arrow { display: block}
header .menu .menu-mobile-header .menu-mobile-title { font-family: inherit; font-size: 1rem; font-weight: 500; line-height: inherit; color: #121212; text-transform: capitalize; text-rendering: optimizeLegibility}
header .menu .menu-mobile-header .menu-mobile-close { font-size: 2.25rem; line-height: 3.125rem; cursor: pointer; width: 3.125rem; height: 3.125rem; border-left: 1px solid #F0F0F0; color: #484848; border:none; text-align: center}
header .menu .menu-section { height: 100%; overflow-y: auto; overflow-x: hidden}
header .menu>ul>li .menu-subs { position: absolute; display: none; top: 0; left: 0; max-width: none; min-width: auto; width: 100%; height: 100%; margin: 0; padding: 1rem; padding-top: 4rem; opacity: 1; overflow-y: auto; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-box-shadow: none; box-shadow: none}
header .menu>ul>li .menu-subs.menu-mega { position: absolute; display: none; top: 0; left: 0; max-width: none; min-width: auto; width: 100%; height: 100%; margin: 0; padding: 1rem; padding-top: 4rem; opacity: 1; overflow-y: auto; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-box-shadow: none; box-shadow: none}
header .menu>ul>li .menu-subs.active { display: block}
header .menu>ul>li .menu-subs.menu-column-4>.list-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0rem}
header .menu>ul>li .menu-subs.menu-column-4>.list-item-1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0rem}
header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive { margin-top: 0}
header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title { margin-bottom: 1.25rem}
header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title { margin-bottom: 0rem}
header .menu>ul>li .menu-subs>ul>li>a { display: block}
header .menu>ul>li .menu-subs.menu-mega>.list-item>ul { margin-bottom: 1rem}

header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a { display: block; width:100%; font-size: 0.875rem; line-height: 1.25; padding: 1rem 0;border-bottom:1px solid #f0f0f0;}
header .menu>ul>li .menu-subs.menu-mega>.list-item-1>ul>li>a { display: block; width:100%; font-size: 0.875rem; line-height: 1.25; padding: 1rem 0;border-bottom:1px solid #f0f0f0;}
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1098; opacity: 0; visibility: hidden; background: rgba(0,0,0,0.77); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.overlay.active { opacity: 1; visibility: visible}

header .menu>ul>li .menu-subs.menu-column-3>.list-item-2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0rem; float: left; width: 100%}
header .menu>ul>li .menu-subs.menu-column-3>.list-item-2 img.responsive { margin-top: 0}
header .menu>ul>li .menu-subs.menu-column-3>.list-item-2.text-center .title { margin-bottom: 1.25rem}
header .menu>ul>li .menu-subs.menu-column-3>.list-item-2.text-center:last-child .title { margin-bottom: 0rem}
header .menu>ul>li .menu-subs>ul>li>a { display: block}
header .menu>ul>li .menu-subs.menu-mega>.list-item-2>ul { margin-bottom: 1rem}
header .menu>ul>li .menu-subs.menu-mega>.list-item-2>ul>li>a { display: block; width:100%; font-size: 0.875rem; line-height: 1.25; padding: 1rem 0;border-bottom:1px solid #f0f0f0;}
}
/* width: 991px; */

@media screen and (max-width: 61.938em) {
    

.footer-section{ background:#e3e3e3; }
.offers-text{display: block; margin-bottom: 15px;}
.dhms{padding: 5px;}
.footer-section .footer-main-menu{ text-align:left; }
.footer-section .footer-main-menu ul li{ padding:0px; display:block; margin-bottom:15px; text-align:left; }
.footer-section .footer-sub-menu .first-sub-menu ul li{ display:block; width:100%; float:none; }
.footer-section .copyright-section .design-development{ text-align:left; }
.footer-section .copyright-section .payment-options{ text-align:left; margin:10px 0px; }
.footer-certificate ul li{ list-style-type:none; border:1px solid #cacaca; margin:0px 5px 5px 0px; display:inline-block; text-align:center; padding:5px 5px; float:left; width:45%; }
.footer-social-media{ position:relative; top:10px; }
.ebook .left-side{ position:relative; width:100%; float:left; padding:15px 15px}
.ebook .right-side{position:relative; width:100%; float:right; }
.ebook .left-side ul li{ margin-left:0px; }
.rudraksha-gyan .col-xs-3{ width:50%; float:left; }
.rudraksha-gyan .box-r-g .title h3{font-size: 18px;font-weight: normal;color: #000000;text-transform: capitalize; height: 8.6em;display: flex; align-items: center;justify-content: center;text-align: center; }
.why-rudraksha .why-rudraksha-top-section{ position:relative; padding-left:0px; }
.why-rudraksha .why-rudraksha-top-section ul li{ list-style-type:none; text-align:center; display:block; float:none; position:relative; width:auto; margin-bottom:20px; }
.why-rudraksha .why-rudraksha-top-section ul li .content-top{ position:relative; display:block; align-items:center; }
.why-rudraksha .why-rudraksha-last-section{ position:relative; padding-left:0px; }
.why-rudraksha .why-rudraksha-last-section ul li{ list-style-type:none; text-align:center; display:block; float:none; position:relative; width:auto; margin-bottom:20px; }
.why-rudraksha .why-rudraksha-last-section ul li .content-top{ position:relative; display:block; align-items:center; }
.why-rudraksha .why-rudraksha-last-section ul li:last-child{ width:auto; left:0px; float:none; }
.why-rudraksha .why-rudraksha-top-section ul li .content-top .content-section{ padding-left:0px; }
.why-rudraksha .why-rudraksha-last-section ul li .content-top .content-section{padding-right:0px; }
.home-our-clients .client-detail-section{ min-height:221px; height:100%; }
.our-credibility ul li{ width:100%; }
.home-top-section .power-of-rudraksha-section .title-section h4{ font-size:19px; text-transform:uppercase; color:#000000; letter-spacing: normal; line-height:2px; }
.home-top-section .power-of-rudraksha-section .title-section h1{ font-size:25px; text-transform:uppercase; color:#e2020e; line-height:normal; font-weight:700; }
.home-top-section .power-of-rudraksha-section .title-section h3{ font-size:14px; text-transform:uppercase; color:#1b1464; line-height:16px; font-weight:600; }
.home-top-section .power-of-rudraksha-section .title-section h3 span{ font-size:16px; letter-spacing:0; color:#000000; font-weight:normal; }
.home-top-section .power-of-rudraksha-section .expert-btn a.button:after{ display:none; }
.home-top-section .power-of-rudraksha-section .expert-btn a.button{ font-size:12px; }
.home-our-founder .founder-section .img-section{ float:left; z-index:1; position:relative; padding-top:0px; }
.home-our-founder .founder-section .info-section{ position:relative; float:left; background:#fff0a9; padding:15px; width:100%; }
.home-our-founder .founder-section .info-section .section-dis .top{ margin-bottom:25px; max-width:100%;}
.home-our-founder .founder-section .info-section .section-dis .top .top-title{ font-size:54px; }
.home-top-section .online-puja-sankalp-section .title-section{ position:absolute; text-align:center; top:9px; left:87px; }
.home-top-section .online-puja-sankalp-section .title-section h1{ line-height:37px; margin-bottom:0px; }
.home-top-section .online-puja-sankalp-section .title-section h1 span{ display:block; font-size:28px; }
.menulogo{ display:inline-block; text-align:center; margin:0 auto; position:relative; }
.top-header .logo-section{ text-align:center; display:none; }
.banner-section .big-banner{ position:relative; margin-bottom:30px; }
.banner-section .small-banner-1 img{ width:100%; height:auto; }
.banner-section .small-banner-2 img{ width:100%; height:auto; }
.top-header .top-left{display: block;margin-top:0px; }
.top-header .right-side{margin-top:5px; }
/*.top-header .right-side .top-search{display: none; }*/
.top-header .right-side .mobile a p{display: none; }
.top-header .right-side .message a p{display: none; }
.top-header .right-side .myaccount a p{display: none; }
.top-header .right-side .track-order a p{display: none; }
.top-header .right-side .top-cart a p{display: none; }
.top-header .right-side ul li{margin-right: 3px; }
.top-header .right-side ul li li{margin-right: 0px; }
.togglesearch{background: #E8E8E4; position: absolute; top: 30px; right: 0%; width: 371px; height: 60px; display: none; left: 0; z-index: 9; padding: 12px 0px; }
.togglesearch input[type="text"]{width: 233px;padding: 5px 10px;border: 1px solid #fe5825;outline: none;background: #fff;font-size: 14px; }
.togglesearch input[type="button"]{width: 93px;padding: 4px 0;background: #fe5825;color: #fff;margin-left: -20px;border: 1px solid #fe5825;outline: none;cursor: pointer; }
.top-header .right-side .top-cart .cart-dropdown {position: absolute;width: 365px;right: -71px; }
.top-header .right-side .myaccount .account-dropdown{position: absolute;width: 365px;right: -109px}
.rudraksha-beeds-product-description-section{ background:#EBEBEB; }
.rudraksha-bread-crumb h1{text-align: center;}
.top-news{ width:100%; float:left; position:relative; background:#37160f; z-index:10; margin-bottom:5px}
.go-top {position:fixed;right: 10%;}
.search-autocomplete{ margin:45px auto; left:0; right:0; width:400px;}
.product-description-review-section .nav-pills .nav-link, .product-description-review-section .nav-tabs .nav-link{ padding:15px 48px}
.empower-bread-crumb{width: 100%;float: left;position: relative;padding: 120px 0px; display: none;}
.empower-bread-crumb-mob{width: 100%;float: left;position: relative;padding: 200px 0px; display: block;}
.rudraksha-beeds-product-description-section{ width:100%; float:left; position:relative; background:url(../../images/product-des-section.jpg) no-repeat right top; background-size:cover; padding:120px 0px; display: none;}
.rudraksha-beeds-product-description-section-mob{ width:100%; float:left; position:relative; background:url(../../images/product-des-section.jpg) no-repeat right top; background-size:cover!important; padding:163px 0px; display: block;}
.notify-badge {
    position: absolute;
    /* left: 145px; */
    top: 6px;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 3px 5px;
    font-size: 8px;
    /* right: 0; */
    left: 160px;
    line-height: normal; width: 28px;
}
.notify-badge1 {
    position: absolute;
    /* left: 145px; */
    top: 6px;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 3px 5px;
    font-size: 8px;
    /* right: 0; */
    left: 120px;
    line-height: normal; width: 28px;
}
.notify-badge2 {
    position: absolute;
    /* left: 145px; */
    top: 6px;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 3px 5px;
    font-size: 8px;
    /* right: 0; */
    left: 173px;
    line-height: normal; width: 43px;
}
.notify-badge3 {
    position: absolute;
    /* left: 145px; */
    top: 6px;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 3px 5px;
    font-size: 8px;
    /* right: 0; */
    left: 146px;
    line-height: normal; width: 30px;
}
.top-text p{text-align: center; font-size: 12px; font-weight: 500; color: #ffffff}
header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a .notify-badge-special{
    position: relative;
    right:133px;
    top:-7px;
    background:red;
    text-align: center;
    /*border-radius: 30px 30px 30px 30px;*/
    color:white;
    padding:0px 1px;
    font-size:8px; float: right;
}
.home-top-section .online-puja-sankalp-section{ margin-bottom:30px;}

.sitemap .sitemaplinks .split li{width: 47%;}
.second-thankyou-section .call-pane .content-pane h3{font-size:17px;}
.shopping-cart-section table td .content-pane{ display: inline-flex; margin-top:20px;}
.shopping-cart-section table td::before{ margin-right: 20px;}
.shopping-cart-section .shopping-cart-total-wrapper table tr{ display: flex;}
.shopping-cart-section table td{border: none;}
.product_timeline_block{ padding-right:0px;}
div.timeline{ width:90%; left: -20px;}
div.timeline .dot date{ font-size:11px;}
div.timeline .dot:nth-child(1){ left:6%;}
div.timeline .dot:nth-child(2){ left:30%;}
div.timeline .dot:nth-child(3){ left:50%;}
div.timeline .dot:nth-child(4){ left:72%;}
div.timeline .dot:nth-child(5){ left:93%}

}

/*============	Media 768Px Start ============ */

@media (min-width: 768px) and (max-width: 991px) {



}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 320px) and (max-width: 768px) {
html,
body{ width:100%; overflow-x:hidden; }

}

@media (min-width: 768px) {



}




/*============ Media 300Px Star ============ */

@media (max-width: 480px) {



}

/*============ Media 320Px Start ============ */

@media (max-width: 320px) {

}
/* top-text */
