body {
    font-family: 'Playfair Display', serif;
}
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
color:#333;
}
a{
 color:#333;
 }
a:hover{
text-decoration:none;
color:#fdb900!important;
}
a:focus{
text-decoration:none;
color:#fdb900!important;
}
ul{
padding:0;
margin:0;
list-style:none;
margin-top:15px;
}
li{
 font-size:16px;
  }
.small{
 font-size:14px; 
 }
p{
padding:0;
margin:0;
font-size:16px;
margin-top:15px;
color:#333;
}
h1{
font-size:45px;
margin-top:15px;
font-weight:bold;
}
h2{
font-size:38px;
margin-top:15px;
font-weight:bold;
}
h3{
font-size:32px;
margin-top:15px;
font-weight:bold;
}
h4{
font-size:24px;
margin-top:15px;
font-weight:bold;
}
h5{
font-size:18px;
margin-top:15px;
}
h6{
font-size:16px;
margin-top:15px;
font-weight:100;
}
.space_left{
padding-left:0; 
} 
.space_right{
padding-right:0;
} 
.space_all{
padding:0; 
} 
.iw{
   width:100%;
   }
.button{
background:#fdb900;
display:inline-block;
color:#000;
padding:15px 30px 17px 30px;
margin-top:10px;
font-weight:normal;
  }
.button:hover{
background:#000!important;
color:#fff!important;
  }

.button_1{
background:#000;
display:inline-block;
color:#fff;
padding:15px 30px 17px 30px;
margin-top:10px;
font-weight:normal;
  }
.button_1:hover{
color:#000!important;
background:#fdb900;
  }
.border_none{
  border:none!important;
  }
.mgt{
  margin-top:0!important;
  }
.bold{
 font-weight:bold!important;
  }
.normal{
 font-weight:100!important;
  }
.navbar {
 min-height:auto; 
 margin-bottom:0;
 border:none;
 border-radius:0;
}
.col{
color:#fff!important;  
  }
.col_1{
 color:#fdb900!important;
 }
.col_2{
 color:#999!important;
 }
.col_3{
 color:#ddd!important;
 }
.col_4{
 color:red!important;
 }
.pdb{
padding-bottom:0!important; 
 }
.mgb{
margin-bottom:0!important; 
 }
.block{
display:block; 
 }
.inline{
display:inline-block; 
 }
.bgn{
background:none!important; 
 }
.big{
text-transform:uppercase; 
 }
/*********************top****************/
#top{
background:#000;
padding-top:5px;
padding-bottom:5px; 
 }
.top_1l .form-control{
width:120px;
display:inline-block;
margin-right:20px; 
box-shadow:none;
border:none;
background:none;
color:#999;
height:40px;
 }

/*********************top_end****************/

/*********************menu****************/
#menu{
background:#0000007d;
 }
#menu .navbar-brand{
font-size:30px;
height:auto;
border-right:none;
margin-right:15px; 
 }
#menu .navbar-brand span{
font-size:16px;
display:block;
margin-left:38px;
 }
#menu .navbar-brand i{
margin-right:5px;
color:#fdb900;
 }
.tag_m{
padding-top:10px; 
text-align:center;
margin-right:20px;
 }
.tag_m1{
padding-top:9px;
padding-left:15px;
 }
.tag_m span{
display:block;
font-weight:bold;
 }
.m_tag{
color:#fff;
font-size:18px;
margin-top:10px; 
 }
.m_tag:hover{
color:#fdb900!important;
background:none!important; 
 }
.m_tag:focus{
color:#fdb900!important;
background:none!important; 
 }
.active_tab{
color:#fdb900;  
 }

#menu  .drop_3 a{
font-size:16px;
padding-top:15px!important;
padding-bottom:15px!important;
color:#fff;
 }
#menu  .drop_3 a:hover{
color:#000!important;
background:#fdb900!important;
 }
#menu  .drop_3{
padding:0;
min-width:200px;
margin-top:16px;
background:#000;
 }
.nav_m{
margin-top:3px; 
 }
.nav_r .drop_1{
min-width:320px; 
left:auto;
right:0;
padding:20px 15px;
margin-top:13px!important;
 }
.nav_r .drop_1i{
 border-bottom:1px solid #fdb90045;
 padding-bottom:10px;
 }
.nav_r .drop_1i1l span i{
display:inline-block;
width:30px;
height:30px;
line-height:27px;
border:1px solid #fdb90045;
text-align:center;
font-size:14px;
margin-top:10px;
cursor:pointer; 
 }
.nav_r .drop_1i1l span i:hover{
background:#333;
color:#fff;
border-color:#333;
 }
.nav_r .drop_1i1{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #fdb90045;
 }
.nav_r .drop_1i2{
padding-top:10px;
padding-bottom:10px; 
 }
.nav_r .drop_1i3 .button{
 display:block;
 }
.nav_r h2 a{
color:#000;
 }

.nav_r{
padding-top:6px; 
 }

.cd-secondary-nav {
  position: static;
}
.cd-secondary-nav .is-visible {
  visibility: visible;
  transform: scale(1);
  transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav.is-fixed {
    z-index: 9999;
    position: fixed;
    left: auto;
    top: 0; 
	width:100%;
	background:#111!important;
	top: -40px;
transform: translateY(40px);
transition: transform .3s;
  }
  
.font_16{
font-size:16px; 
 }

.font_14{
font-size:14px; 
 }
.font_20{
font-size:20px; 
 }
.nav_o{
background: #000000c9!important; 
 }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
  background:none!important;
  color:#fdb900!important;
 }
/*********************menu_end****************/

/*********************footer****************/
#footer{
padding-top:30px;
padding-bottom:30px;
background:#111; 
 }
#footer .navbar-brand{
font-size:30px;
height:auto;
margin-right:0; 
padding:0;
margin-top:15px!important;
display:inline-block;
float:none;
 }
#footer .navbar-brand span{
font-size:16px;
display:block;
margin-left:38px;
 }
#footer .navbar-brand i{
margin-right:5px;
color:#fdb900;
 }
.footer_1i1 ul li a{
color:#ddd; 
 }
.footer_1i1 ul li{
color:#ddd; 
margin-bottom:10px;
 }
.footer_1i1 .link_pg li i{
margin-right:5px;
font-size:11px;
color:#666666;
 }
.footer_1i1 h6{
line-height:1.4em;
border-bottom:1px dashed #666;
padding-bottom:15px;
 }
#footer_bottom{
padding-top:10px;
padding-bottom:10px;
background:#000; 
 }
 
.social_link {
display:inline-block;
margin-top:15px; 
 }
.social_link li{
display:inline-block;
padding-left:5px;
padding-right:5px; 
 }
.social_link a{
color:#fff;
 }
.ps-0{
 padding-left:0!important; 
 }
 
.category_2i1{
  position:relative;
 }
.category_2i1_inner1{
  position:absolute;
  top:0;
 }
.category_2i1_inner1 span{
  padding:8px 20px;
  display:inline-block;
  background:#dc3545;
  color:#fff;
 }
.category_2i1_inner2{
  position:absolute;
  top:38%;
  text-align:center;
  width:100%;
  display:none;
 }
.category_2i1_inner2 ul li{
  display:inline-block;
  margin-left:3px;
  margin-right:3px;
 }
.cart_link a {
    width: 45px;
    height: 45px;
    line-height: 43px;
    background:#000;
    transition: 0.3s;
    color: #fff;
	display:block;
	font-size:15px;
	border-radius:50%;
}
.cart_link a:hover {
   background:#fdb900;
   color:#fff!important;
}
.category_2i:hover .category_2i1_inner2{
  display:block;
 }
.category_2i2 h6 span{
  text-decoration:line-through;
  margin-left:5px;
 }
/*********************footer_end****************/

/*********************common****************/
.center_about {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fdb9002e;
}

.product_1_last{
margin-top:30px; 
 }
.product_1_last ul li{
 display:inline-block;
 margin: 0 2px;
 width:45px;
 height:45px;
 line-height:45px;
 background: #fdb9002e;
 text-align:center;
 border-radius:3px;
 }
.product_1_last ul li a{
display:block;
color: #333;
 }
.product_1_last ul li:hover{
 background: #fdb900;
 }
.product_1_last ul li:hover a{
 color: #000!important;
 }
.act{
  background:#fdb900!important;
 }
.act a{
 color: #000!important;
 }
 
/* footer social icons */
ul.social-network {
	list-style: none;
	display: block;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 1px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:16px;
}
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.hrb{
border-color:#fdb900;
border-width:5px;
width:60px;
margin-left:0; 
 }
.category_1 h1{
font-size:60px; 
 }
 
.blog_1li2 h6 {
    border-bottom: 1px solid #fdb90045;
    padding-bottom: 15px;
    font-size: 14px;
    text-transform: uppercase;
}
.blog_1li2 h6 i {
    font-size: 6px;
    vertical-align: middle;
    margin-right: 5px;
}
/*********************common_end****************/


@media screen and (max-width : 767px){
.space_left{
padding-left:15px; 
} 
.space_right{
padding-right:15px; 
} 
.space_all{
padding-left:15px;
padding-right:15px;
} 
.navbar-collapse{
box-shadow:none; 
max-height: 300px;
overflow-y: scroll;
  }
.navbar .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}
.navbar-toggle{
 background:#fdb900;
 border:none;
 border-radius:0; 
 margin-top:10px;
  }
.navbar-toggle:hover{
 background:#fdb900!important; 
  }
.navbar-toggle:focus{
 background:#fdb900!important; 
  }
.navbar-toggle .icon-bar{
 background:#fff!important; 
  }
.navbar {
position:static;
background:#111!important;
  }
.dropdown-menu{
background:#000!important; 
 }
.drop_3 a{
font-size:24px!important;
padding-left:50px; 
 }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
border:none; 
 }
.m_tag{
font-size:28px!important;
border-bottom:1px solid #333;
padding-top:15px!important;
padding-bottom:18px!important;
margin-top:0;
 }

#top{
text-align:center;
padding-top:10px;
padding-bottom:10px;
display:none; 
 }
.top_1l .form-control{
margin-right:0;
margin-left:auto;
margin-right:auto; 
 }
.top_1r {
text-align:center;  
 }
#menu .navbar-brand {
border-right:none;
margin-right:0;
}
.nav_r{
padding-top:0; 
 }
.drop_1{
background:#fff!important;
min-width:100%!important; 
 }
.drop_1il {
text-align:center;
margin-top:10px; 
 }
.drop_1i1r {
text-align:center; 
margin-top:10px; 
 }
.tag_m1{
padding-left:0; 
 }
.category_1 h1{
font-size:40px!important;
text-align:center; 
 }
.hrb{
margin-left:auto!important; 
 }
#footer{
text-align:center; 
 }
.footer_1i1{
margin-top:15px; 
 }
.footer_1i1 ul li{
display:inline-block;
margin:3px; 
 }

.product_1_last ul li{
margin-bottom:5px;
 }
}
@media (min-width:768px) and (max-width:991px) {
.container{
width:100%; 
padding-left:20px;
padding-right:20px;
 }
.m_tag {
padding-left:5px!important;
padding-right:5px!important;
margin-top:5px;
}
.tag_m{
display:none!important; 
 }

.tag_m1{
padding-left:5px;
padding-top:5px;
 }
#menu .navbar-brand {
    font-size: 20px;
    height: auto;
    border-right: none;
    margin-right: 10px;
}
#menu .navbar-brand span{
margin-left:25px; 
font-size:14px;
 }
 
#footer .navbar-brand {
    font-size: 20px;
}
#footer .navbar-brand span{
margin-left:25px; 
font-size:14px;
 }
 
.cart_link a {
    width: 30px;
    height: 30px;
    line-height: 27px;
	font-size:13px;
}
 }
 
@media (min-width:992px) and (max-width:1200px) {
.container{
width:100%; 
padding-left:20px;
padding-right:20px;
 }
.m_tag {
padding-left:5px!important;
padding-right:5px!important;
margin-top:5px;
}
.tag_m1{
padding-left:5px;
padding-top:5px;
 }
#menu .navbar-brand {
    font-size: 20px;
    height: auto;
    border-right: none;
    margin-right: 10px;
}
#menu .navbar-brand span{
margin-left:25px; 
font-size:14px;
 }
  }
@media (min-width:1201px) and (max-width:1366px) {

 }



/* ==============================
   DESIGN CENTRE NAVBAR
================================ */

#menu {
    background: #ffffff;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

#menu .navbar {
    margin-bottom: 0;
    border: none;
    background: #ffffff;
    min-height: 82px;
}


    /* Full width navbar container */
    #menu .container {
        width: 100% !important;
        max-width: none !important;
        min-height: 82px;
        margin: 0 !important;
        padding-left: 15px !important;
        padding-right: 25px !important;
        display: flex;
        align-items: center;
    }

/* Logo */
.design-logo {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    color: #23176f !important;
    font-weight: 700;
    line-height: 1.1;
    padding: 6px 0 !important;
    margin-left: 0 !important;
    margin-right: 150px !important;
    width: auto !important;
    max-width: none;
    white-space: nowrap;
    align-items: center;
}

.design-logo .fa {
    position: absolute;
    left: 0;
    top: 50%;

    margin: 0 !important;
    transform: translateY(-50%);

    font-size: 38px;
    color: #ffb400;
}

.logo-main {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.logo-small {
    display: block;
    margin-top: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #d34a1f;
    text-transform: uppercase;
    letter-spacing: 0.3px;   /* Add this */
}

/* Navbar collapse wrapper */
#menu .navbar-collapse {
    flex: 1;
    padding-left: 0;
    padding-right: 0;

  
}

/* Main menu */
#menu .nav_m {
    float: none;
    display: flex;
    align-items: center;

    margin: 0 !important;
}

#menu .nav_m > li {
    float: none;
}

#menu .nav_m > li > a {
    position: relative;

    color: #1f285f;
    font-size: 16px;
    font-weight: 600;

    padding: 30px 14px;
    background: transparent;
    white-space: nowrap;
}

#menu .nav_m > li > a:hover,
#menu .nav_m > li > a:focus,
#menu .nav_m > li > a.active_tab {
    color: #1156b5;
    background: transparent;
}

#menu .nav_m > li > a.active_tab::after,
#menu .nav_m > li > a:hover::after {
    content: "";
    position: absolute;

    left: 14px;
    right: 14px;
    bottom: 16px;

    height: 3px;
    background: #1156b5;
}

/* Human icon on right side */
#menu .nav_r {
    float: none;
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    margin-left: auto !important;
    margin-right: 0 !important;
    margin-bottom: 0;
}

#menu .nav_r > li {
    float: none;
}

.admin-login-icon {
    width: 46px;
    height: 46px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50%;
    background: royalblue !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(17, 86, 181, 0.3);
}

.admin-login-icon .fa {
    font-size: 21px;
}

.admin-login-icon:hover,
.admin-login-icon:focus {
    background: #0b438f !important;
    color: #ffffff !important;
}

/* ==================================
   DESKTOP NAVBAR
================================== */

@media (min-width: 768px) {

    #menu .navbar-collapse {
        display: flex !important;
        align-items: center;
        height: auto !important;
    }

    #menu .nav_m {
        float: none;
        display: flex;
        align-items: center;
        margin: 0 !important;
    }

    #menu .nav_m > li {
        float: none;
    }

    #menu .nav_r {
        float: none;
        display: flex;
        align-items: center;
        margin-left: auto !important;
        margin-right: 0 !important;
        margin-bottom: 0;
    }
}

/* ==================================
   MOBILE NAVBAR
================================== */

@media (max-width: 767px) {

    #menu {
        width: 100% !important;
        background: #ffffff !important;
    }

        #menu .container {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            min-height: 65px !important;
            margin: 0 !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            background: #ffffff !important;
        }

        #menu .navbar {
            width: 100% !important;
            background: #ffffff !important;
            margin: 0 !important;
        }

        #menu .navbar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100% !important;
            min-height: 65px;
            background: #ffffff !important;
            margin: 0 !important;
        }

    #menu .design-logo {
        margin: 0 !important;
        height: 65px !important;
        padding: 5px 10px !important;
        max-width: calc(100% - 65px);
    }

    #menu .design-logo .fa {
        font-size: 29px;
    }

    #menu .logo-main {
        font-size: 16px;
    }

    #menu .logo-small {
        font-size: 9px;
        white-space: normal;
    }

    #menu .navbar-toggle {
        float: none;
        margin: 0;
        padding: 10px;
        border: none;
        border-radius: 2px;
        background: #1156b5;
        margin-top: 10px;
    }

    #menu .navbar-toggle:hover,
    #menu .navbar-toggle:focus {
        background: #0b438f;
    }

    #menu .navbar-toggle .icon-bar {
        background: #ffffff;
    }

    .navbar-logo {
        height: 45px !important; /* Scales down the logo nicely on mobile */
        max-width: 180px !important;
    }

    #menu .navbar-collapse {
        width: 100%;
        padding: 0;
        border-top: 1px solid #eeeeee;
        background: #ffffff;
        box-shadow: none;
    }

    #menu .nav_m,
    #menu .nav_r {
        display: block;
        width: 100%;
        margin: 0 !important;
    }

    #menu .nav_m > li,
    #menu .nav_r > li {
        display: block;
        width: 100%;
    }

    #menu .nav_m > li > a {
        padding: 13px 16px;
        border-bottom: 1px solid #eeeeee;
    }

    #menu .nav_m > li > a::after {
        display: none;
    }

    #menu .nav_r {
        padding: 12px 16px;
    }

    #menu .admin-login-icon {
        width: 42px;
        height: 42px;
    }
}



/* ==============================
   DESIGN CENTRE NAVBAR LOGO
================================ */

.design-logo {
    height: 82px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
}

.navbar-logo {
    width: auto;
    height: 65px;
    max-width: 320px;
    object-fit: contain;
    display: block;
}


/* ===== SUCCESS TOAST ===== */
.dc-success-toast {
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translateX(-50%) translateY(-30px);
    z-index: 9999999; /* above everything, including the page loader */

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

    .dc-success-toast.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

.dc-success-toast-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 320px;
    max-width: 420px;
    background: #ffffff;
    border-left: 5px solid #28a745;
    border-radius: 8px;
    padding: 16px 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

    .dc-success-toast-box i {
        color: #28a745;
        font-size: 26px;
        margin-top: 2px;
    }

    .dc-success-toast-box h4 {
        margin: 0 0 4px;
        font-size: 16px;
        font-weight: 700;
        color: #1a1a1a;
    }

    .dc-success-toast-box p {
        margin: 0;
        font-size: 14px;
        color: #555;
        line-height: 1.4;
    }

    .dc-success-toast-box button {
        margin-left: auto;
        border: none;
        background: transparent;
        font-size: 22px;
        line-height: 1;
        color: #999;
        cursor: pointer;
    }

        .dc-success-toast-box button:hover {
            color: #333;
        }

@media (max-width: 480px) {
    .dc-success-toast-box {
        min-width: unset;
        width: calc(100vw - 30px);
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    #menu .container {
        padding-left: 10px !important;
        padding-right: 15px !important;
    }

    .design-logo {
        margin-right: 20px !important; /* Reduces large gap between logo and links */
    }

    #menu .nav_m > li > a {
        font-size: 13px !important; /* Slightly smaller font to fit items */
        padding: 30px 8px !important; /* Reduces horizontal padding between links */
    }

    .admin-login-icon {
        width: 38px !important;
        height: 38px !important;
    }

        .admin-login-icon .fa {
            font-size: 17px !important;
        }
}