@media (min-width: 1500px){ .container{ max-width:1440px!important;} }
/************************ common classes starts ************************/
.fluid0 { padding: 0; margin: 0; }
.boxpadding {padding-bottom: 12px;}
.boxpadding {padding-bottom: 30px;}
.bgwhite {background-color:#ffffff;}
.bgpurple {background-color:#2b0d57;}
.btn {font-weight: 500;transition: .5s;}
.a:hover {color: none;text-decoration: none;}
.shadow-sm { box-shadow: none !important;}
.gotop { border-radius: 15%; color: #ffffff; background-color: #cb930a ; border-color: #cb930a ; box-shadow: rgb(0 0 0 / 9%) 0px 2px 1px, rgb(0 0 0 / 9%) 0px 4px 2px, rgb(0 0 0 / 9%) 0px 8px 4px, rgb(0 0 0 / 9%) 0px 16px 8px, rgb(0 0 0 / 9%) 0px 32px 16px;}
.gotop:hover {background-color: #cb930a;border-color: #cb930a;color: #ffffff; }
.back-to-top { position: fixed; display: none; right: 20px; bottom: 35px; z-index: 99;padding: 6px 13px;}
/**** whatsapp chat icon ****/
.whtsapp-icon { position: fixed; right: 92px; bottom: 25px; z-index: 120; }
.form-control { font-family: "Roboto", sans-serif; font-size: 16px; color: #676767; border: 1px solid #e5e5e5; border-radius: 0px; padding: 5px 5px; text-align: left;}
.input { vertical-align: middle;}
.form-select { padding: 5px 5px;  font-size: 16px; color: #676767;border: 1px solid #e5e5e5;
 border-radius: 0px;}

/************************ common classes ends ************************/

/************************ top bar starts ************************/
.headerbg{background:#2b0d57;}
.ttopcontacts {
 font-family: "Roboto", sans-serif;
 color: #6C7078!important;
 font-size: 14px;
 font-weight: 400;
 text-decoration: none!important;
}
.ttopcart {
 font-family: "Marvel", sans-serif;
 color: #E67719;
 font-size: 26px;
 font-weight: 400;
}
.ttopcontacts:hover { color: #4A7DBC; transition-property: color; transition-timing-function: ease-in-out;   transition-duration: 2s;}
.search-box{
 width: 100%;
 position: relative;
 display: flex;
}
.search-input{
 width: 100%;
 padding: 13px;
 border: 1px solid #2b0d57;
 border-radius:20px 0 0 20px ;
 border-right: none;
 outline: none;
 font-size: 16px;
 color: #2b0d57;
 background: none;
 text-align:left;
 height:36px;
}
.search-button{
 text-align: center;
 height: 36px;
 width: 45px;
 outline: none;
 cursor: pointer;
 border: 1px solid #2b0d57;
 background: #2b0d57;
 font-size: 14px;
 color: #fff;
 border-radius: 26px 26px;
 margin-left: -18px;
}
.search-container{
 width: 30%;
 position: absolute;
 left: 49%;
 top: 53%;
 transform: translate(-50% , -50%);
}
.ttopdetails{
 font-family: "Roboto", sans-serif;
 color: #2b0d57!important;
 font-size: 20px;
 font-weight: 700;
 font-style:italic;
 line-height:25px;
 text-transform:uppercase;
 letter-spacing:1px;
}
.ttopdetailsyellow{
 font-family: "Roboto", sans-serif;
 color: #cb930a!important;
 font-size: 20px;
 font-weight: 700;
 font-style:italic;
 line-height:25px;
 text-transform:uppercase;
 letter-spacing:1px;
}
.bg-header{background:#DACAF1;}
.bg-header ul.dropdown-menu.singlemenu-content {
 left: 0px!important;
 width: 17rem !important;
 padding: 20px 0px!important;
 margin-bottom:20px;
}


/* <!------ top bar popup starts --------> */
.popupsection {position: relative;}
.popupsection:hover .popup {opacity: 1;display: block;}
.popupsection:hover .popupcart {opacity: 1;display: block;}
.popup {
 padding: 15px;
 position: absolute;
 top: 30px;
 transition: all 0.25s ease;
 opacity: 0;
 display: none;
 right: -126px;
 width: 325px;
 background-color: #F2EBFC;
 border:1px solid #DFCCF9;
}
.popupcart {
 padding: 15px;
 position: absolute;
 top: 30px;
 transition: all 0.25s ease;
 opacity: 0;
 display: none;
 right: 0px;
 width: 350px;
 background-color: #F2EBFC;
 border:1px solid #DFCCF9;
}
.popupinnerborder {
 border: 1px solid #DFCCF9
}
.tpopupheading {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #2b0d57;
 font-weight: 500;
 line-height: 25px; 
 text-align: left;
}
.tpopupcarttext {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #3D454B;
 font-weight: 500;
 line-height: 26px;
 text-transform:uppercase;
 text-align: left!important;
}
.tpopupalert {
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #2b0d57;
 font-weight: 400;
 line-height: 26px;
 text-align: left;
}
.tpopupcarttext01 {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #3D454B;
 font-weight: 400;
 line-height: 26px;
 text-transform:uppercase;
 text-align: left!important;
}

.tpopuphead {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #2b0d57;
 font-weight: 500;
 line-height: 25px; 
 text-align: left;
}
.popupbutton {
 font-family: 'Roboto', sans-serif;
 color: #ffffff;
 font-size: 16px;
 font-weight: 400;
 line-height: 16px;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px;
 border: 1px solid #2b0d57;
}
.popupbutton:hover {color:#FFFFFF;background-color: #cb930a;border-color: #cb930a;}
.popupbutton:before {vertical-align: middle;}
 a {text-decoration: none!important;}
.shopnowbtn {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #2b0d57;
 background-color: #ffffff;
 border-radius: 0px;
 padding: 2px 25px 2px 25px;
 line-height: 26px;
 border: 1px solid #2b0d57;
 width:100%;
}
.shopnowbtn:hover {color:#FFFFFF;background-color: #2b0d57;border-color: #2b0d57;}
.shopnowbtn:before {vertical-align: middle;}
.tpopuptext{
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #000000;
 font-weight: 400;
 line-height: 26px; 
 text-align: left!important;
}
.tpopuplinks{
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #2b0d57;
 font-weight: 400;
 line-height: 26px; 
 text-align: left!important;
}
/* <!--------top bar popup ends --------> */

/* <!---------signup form popup starts -------> */
.tmodaheadingsub {
 color: #333333;
 font-size: 18px;
 text-align: left!important;
}
.ttextbluealert {
 font-size: 11px;
 color: #2b0d57;
 font-weight: normal;
 line-height: 20px;
 text-align:justify;
}
.tmodalgray {
 color: #333333;
 font-size: 12px;
}
.loginbuttontext {
 font-size: 13px;
 color: #EC1D23;
 border-radius: 0px;
 border: 0px solid #EC1D23;
 padding: 8px 0px 8px 0px;
 text-transform: uppercase;
 line-height: 13px;
}
/* <!-------- signup form popup ends --------> */

/* <!-------- login form popup starts ----------> */

.tmodaheadingsub {
 color: #333333;
 font-size: 18px;
 text-align: left!important;
}
.ttextbluealert {
 font-size: 11px;
 color: #2b0d57;
 font-weight: normal;
 line-height: 20px;
 text-align:justify;
}
.tmodalgray {
 color: #333333;
 font-size: 12px;
}
.loginbuttontextmodal {
 font-size: 13px;
 color: #2b0d57;
 border-radius: 0px;
 border: 0px solid #2b0d57;
 padding: 10px 0px;
 text-transform: uppercase;
}
.submitbutton {
 font-family: 'Roboto', sans-serif;
 color: #ffffff!important;
 font-size: 17px;
 font-weight: 700;
 line-height: 17px;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px;
}
.submitbutton:hover, .submitbutton:active { background-color: #cb930a!important;color: #ffffff!important;}
/* <!------ login form popup ends ---------> */


/************************ top bar ends ************************/

/********* navbar starts *********/
.navbar {display: flex;}
nav.navbar.bootsnav ul.nav > li > a {
 font-family: 'Roboto', sans-serif;
 color: #7C56B1;
 font-size: 16px;
 font-weight: 500;
 line-height:26px;
 vertical-align: -webkit-baseline-middle;
 margin: 0px 170px 0px 0px;
 padding: 0px 0px 15px 0px;
}
.navbar {display: flex;}
nav.navbar.bootsnav ul.nav > li > a.active{background-color:transparent;color:#000000;}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
 padding: 0px 10px 0px 10px;
 margin: 0px;
 border: solid 0px;
}
.topnav{ display:inline-block!important; vertical-align:middle; padding-right:32px;}
.topnavlink{ color:#00588C; font-size:25px;}
.sticky-top { top: -100px; transition: .5s;}
.navbar .navbar-brand,
.navbar a.btn { height: 75px;}
.navbar .navbar-nav .nav-link {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 padding: 0px 40px 0px 0px;
 color: #BDC3C9; 
 font-weight: 400;
 text-transform: uppercase;
 outline: none;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active { color:#00538B !important;}
.navbarsubmenu{
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 500;
 color: #093220;
 display:inline-block;
 vertical-align:middle;
 padding-bottom:20px;
}
.navbarsubmenu:hover{ color: #AB8039;}
.dropdown-menu{ background-color:#FFFFFF!important;border-radius:0;border-color:#AB7F39;padding:10px 10px;}
.dropdown-menu .dropdown-item{
 color: #000000; 
 border-bottom:1px dashed #AB7F39; 
 padding:0px!important;
 line-height: 35px;  
}
.dropdown-menu .dropdown-item:hover{
 color: #AB7F39!important;
 background-color:#8C7335!important; 
}
.dropdown-menu.active, .dropdown-item:active {
 color: #AB7F39;
 text-decoration: none;
 background-color:#FFFFFF!important;
}
.navbar .dropdown-toggle::after {
 border: none;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 vertical-align: middle;
 margin-left: 8px;
}
.shadow-sm {box-shadow: none !important;}
.navbar-expand-lg .navbar-collapse {
 display: flex !important;
 flex-basis: auto;
 vertical-align:middle!important;
}
.megamenu-group {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 border-radius: 8px;
}
.megamenu-group-item {
 position: relative;
 display: block;
 padding: 0.5rem 1rem;
 color: #212529;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.125);
}
.megamenu-group-item:first-child {
 border-top-left-radius: inherit;
 border-top-right-radius: inherit;
}
.megamenu-group-item+.list-group-item {
 border-top-width: 0;
}
.megamenu-group-item:last-child {
 border-bottom-right-radius: inherit;
 border-bottom-left-radius: inherit;
}
.content{position: relative;}
.dropdownimg{
 position: absolute;
 width: 100%;
 opacity: 0;
 animation: change-img-anim 30s infinite;
 height: 339px;
}
.dropdownimg:nth-of-type(1) {
 animation-delay: 0s;
}
.dropdownimg:nth-of-type(2) {
 animation-delay: 5s;
}
.dropdownimg:nth-of-type(3) {
 animation-delay: 10s;
}
@keyframes change-img-anim {
 0%{ opacity: 0;}
 10%{ opacity: 1;}
 90%{ opacity: 1;}
 100%{ opacity: 0;}
}
.tcategorylinkhead{
 font-family: 'Roboto', sans-serif;
 font-size:16px;
 font-weight:700;
 line-height:25px;
 color:#6F6F6F;
 border-bottom: 1px dashed #dbc793;
}
.tcategorylinkhead:hover{color:#2b0d57;}
.tcategorylinkheadactive{color:#2b0d57!important;}
.ttopcontactshead{
 font-family: 'Roboto', sans-serif;
 font-size: 13px;
 color: #2b0d57;
 font-weight: 500;
 line-height: 16px;
}
.ttopcontactslink{
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 26px;
}
.ttopcatcount {
 height: 50px;
 width: 50px;
 background: #2b0d57;
 background-color: #2b0d57;
 padding: 4px 6px;
 text-align: center;
 color: #ffffff;
 font-family: 'Roboto', sans-serif;
 color: #FFFFFF!important;
 vertical-align: -webkit-baseline-middle;
 font-size: 20px;
 border-radius: 3px;
}
.ttopcatuser {
 height: 50px;
 width: 50px;
 background: #2b0d57;
 background-color: #2b0d57;
 padding: 4px 9px;
 text-align: center;
 color: #ffffff;
 font-family: 'Roboto', sans-serif;
 color: #FFFFFF!important;
 vertical-align: -webkit-baseline-middle;
 font-size: 20px;
 border-radius: 3px;
}
.ttopcarttext {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #3D454B;
 font-weight: 500;
 line-height: 26px;
 text-transform:uppercase;
 vertical-align: -webkit-baseline-middle;
}
.ttoplinkactive{color: #2b0d57!important;}

@media (min-width: 992px) {
 .navbar .nav-item .dropdown-menu { display: block!important; margin-top:0; left:0!important; top:150%;  opacity:0; visibility:hidden; transition:0.5s; z-index:1; }
 .navbar .nav-item:hover .dropdown-menu { top: 100%; visibility: visible; transition: .5s; opacity: 1;
  background-color:#FFFFFF;width: 100%; }
 .justify-content-start {  justify-content: left !important;}
}
#header {position: relative!important;}
.ttoptext{
 font-family: 'Poppins';
 font-size: 15px;
 font-weight: 700;
 color: #cb930a;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.singlemenu-content{ margin-top: 11px!important;left: 0px!important;width: 17rem !important; padding: 20px 0px!important;
}
/********* navbar ends *********/

/************************ banner starts ************************/
.carouselhead{
 position: absolute;
 color: black;
 left: 13%;
 animation-delay: 0s;
 bottom: 59%;
}
.carouselsubhead{
 position: absolute;
 color: black;
 left: 13%;
 animation-delay: 0s;
 bottom: 50%;
}
.carouselsubhead01{
 position: absolute;
 color: black;
 left: 13%;
 animation-delay: 0s;
 bottom: 41%;
}
.carouselhead h1{
 font-family: 'Roboto', sans-serif;
 color: #FFFFFF;
 font-size: 59px;
 font-weight: 700;
 line-height: 69px;
}
.carouselsubhead h1{
 font-family: 'Roboto', sans-serif;
 color: #FFF;
 font-size: 59px;
 font-weight: 700;
 line-height: 69px;
}
.carouselsubhead01 h1{
 font-family: 'Roboto', sans-serif;
 color: #FFFFFF;
 font-size: 59px;
 font-weight: 700;
 line-height: 69px;
}
.carousel-indicators [data-bs-target] {
 background-color: #ffffff!important;
 border-radius: 50%!important;
 height: 8px!important;
 width: 8px!important;
 padding: 0!important;
 border: 2px solid #FFFFFF;
}

/************************ banner ends ************************/


/************************ product box starts ************************/
.card {
 border-radius: 0px;
 padding: 15px;
 border: 1px solid #CBCBCB!important;
 --bs-card-inner-border-radius: 0px;
 --bs-card-cap-padding-y: 0px;
 --bs-card-cap-padding-x: 0px;
 --bs-card-cap-bg: transparent;
 --bs-card-group-margin: 0px; 
}
.card:hover { border:1px solid #2b0d57!important;}
.card-header { padding: 0px; margin-bottom: 0; border-bottom: 0px;}
.card-body { padding: 0px; }
.card-footer { padding: 0px; border-top: 0px; }
.specialoffericon { position: absolute; padding-top: 180px; right: 20px;}
.newarrivalicon { position: absolute; padding-top: 3px; left: 18px;}
.tproductname {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #2b0d57;
 line-height: 26px;
}
.ctitleheight{height:120px;}
.tproductcode{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 font-weight:500;
 color: #3C3C3C;
 line-height:19px;
}
.tproductbrand{
 font-family: 'Roboto';
 font-size: 14px;
 color: #2b0d57;
 font-weight:500;
 text-transform: uppercase!important;
 line-height:19px;
}
.tproductbrandname{
 font-family: 'Roboto';
 font-size: 14px;
 color: #3C3C3C;
 font-weight:500;
 text-transform: uppercase!important;
 line-height:19px;
}
.tproductprice {
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 font-weight: 700;
 color: #2b0d57;
 line-height: 30px;
}
.tproductpricestrike {
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 font-weight: 400;
 color: #878787;
 line-height: 30px;
}
.ppriceheight { height:34px; }
.btn-block { display: block!important; width: 100%;}
.viewbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #ffffff;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px 18px 10px 18px;
 line-height: 16px;
}
.viewbutton:hover, .viewbutton:active {color:#FFFFFF;background-color: #cb930a!important;border-color: #cb930a;}

.viewbutton:before { vertical-align: middle; content: "View Details";}

.addcartbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #ffffff;
 background-color:#cb930a;
 border-radius: 0px;
 padding: 10px 18px 10px 18px;
 line-height: 16px;
}
.addcartbutton:hover, .addcartbutton:active {color:#FFFFFF;background-color: #2b0d57;border-color: #2b0d57;}
.addcartbutton:before { vertical-align: middle; content: "Add to Cart";}

.productenquirybutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #ffffff;
 background-color:#cb930a;
 border-radius: 0px;
 padding: 10px 11px 10px 11px;
 line-height: 16px;
}
.productenquirybutton:hover,  .productenquirybutton:active{color:#FFFFFF!important;background-color: #2b0d57!important;border-color: #2b0d57!important;}
.productenquirybutton:before { vertical-align: middle; content: "Product Enquiry";}
/************************ product box starts ************************/
/************************ hr line starts ************************/
.hrline { background-color: #CBCBCB!important;}
/************************ hr line starts ************************/
/************************ New Arrivals starts ************************/
.tnewarrivalshead{
 font-family: 'Roboto', sans-serif;
 font-size: 26px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 36px;
 text-transform:uppercase;
}
/************************ New Arrivals ends ************************/

/************************ inner banner starts ************************/
/******* about us *******/
.innerbannerbg01 {
 background-image: url(../img/innerbannerbg01.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* contact us *******/
.innerbannerbg02 {
 background-image: url(../img/innerbannerbg02.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* news *******/
.innerbannerbg03 {
 background-image: url(../img/innerbannerbg03.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* gallery *******/
.innerbannerbg04 {
 background-image: url(../img/innerbannerbg04.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* blog *******/
.innerbannerbg05 {
 background-image: url(../img/innerbannerbg05.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* featured *******/
.innerbannerbg06 {
 background-image: url(../img/innerbannerbg06.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* new arrivals *******/
.innerbannerbg07 {
 background-image: url(../img/innerbannerbg07.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* special offer *******/
.innerbannerbg08 {
 background-image: url(../img/innerbannerbg08.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* Terms & Conditions *******/
.innerbannerbg09 {
 background-image: url(../img/innerbannerbg09.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* Privacy Policy *******/
.innerbannerbg10 {
 background-image: url(../img/innerbannerbg10.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* Delivery & Returns *******/
.innerbannerbg11 {
 background-image: url(../img/innerbannerbg11.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* Delivery & Returns *******/
.innerbannerbg12 {
 background-image: url(../img/innerbannerbg12.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/******* Shopping cart *******/
.innerbannerbg13 {
 background-image: url(../img/innerbannerbg13.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
/************************ inner banner ends ************************/

/*************** heading and you are in starts correct ***************/
.theading{
 font-family: 'Roboto', sans-serif;
 color: #FFFFFF;
 font-size: 26px;
 font-weight:700;
 line-height:36px;
 text-transform:uppercase;
}
.tsubheading{
 font-family: 'Roboto', sans-serif;
 color: #2b0d57;
 font-size: 22px;
 font-weight:500;
 line-height:24px;
}
.tyouarein{
 font-family: 'Roboto', sans-serif;
 color: #3C3C3C;
 font-size: 14px;
 font-weight:400;
 transition: .4s all;
}
.tyouareinarrow{
 font-family: 'Roboto', sans-serif;
 color: #3C3C3C;
 font-size: 16px;
 font-weight:400;
 transition: .4s all;
}
.tyouarein:hover{color: #2b0d57;}
.tyouareinactive{
 font-family: 'Roboto', sans-serif;
 color: #2b0d57;
 font-size: 14px;
 font-weight:400;
 transition: .4s all;
}
/*************** heading and you are in ends correct ***************/

/************************ product card starts ************************/
.productcard {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border-radius: 0px;
}
.productcard-inner {width: 31.7%;}
.card-display{display:contents;}
/************************ product card ends ************************/

/************************ slick slider starts ************************/
.slider-container { width: 100%; margin: 0 auto;}
.slick-slide { padding: 8px; height: auto;}
.slide-wrap { margin: 0 10px; }
.image {height: 100px;background: gray;}
.slider .slick-next:before, .slider .slick-prev:before {color:transparent;}
.previconimg{ position: relative; left: -27px!important; top: -243px;}
.nexticonimg { position: relative; left: 1425px!important; top: -278px;}
.slider .slick-next, .slider .slick-prev {z-index: 9;top: 56%;}
/************************ slick slider ends ************************/

/***************** shop by category starts *****************/
.tshopbycategoryhead{
 font-family: 'Roboto', sans-serif;
 font-size: 26px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 36px;
 text-transform:uppercase;
}
.box11{
 position: relative;
 perspective: 1000px;
}
.box11 .box-img11{
 transform: rotateY(0);
 transition: all 0.9s ease-in-out 0s;
}
.categorybox:hover .box-img11{
 transform: rotateY(-90deg);
}
.box11 .box-img11 img{
 width: 100%;
 height: auto;
}
.box11 .box-content11{
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 text-align: center;
 background: #FFFFFF;
 transform: rotateY(90deg);
 transition: all 0.9s ease-in-out 0s;
}
.categorybox:hover .box11 .box-content11{
 transform: rotateY(0);
}
.box11 .title11{
 font-size: 20px;
 color: #fff;
 text-transform: uppercase;
}
.box11 .description11{
 font-size: 14px;
 line-height: 24px;
 color: #fff;
}
.box11 .title11:after,
.box11 .description11:after{
 content: "";
 width: 80%;
 display: block;
 border-bottom: 1px solid #fff;
 margin: 15px auto;
}
.box11 .social-links11{
 margin: 0;
 padding: 0;
 list-style: none;
}
.box11 .social-links11 li{
 display: inline-block;
 margin: 0 10px;
}
.box11 .social-links11 li a{
 font-size: 20px;
 color: #a6a6a6;
}
.box11 .social-links11 li a:hover{
 text-decoration: none;
 color: #fff;
}
.tshopbycategory {
 background-color:#FFFFFF;
 transition:0.9s ease all;
}
.tshopbycategorytext {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #000000;
 font-weight: 500;
 line-height: 28px;
 text-transform: uppercase;
 transition:0.9s ease all;
}
.categorybox:hover .tshopbycategorytext {color: #FFFFFF; transition:0.9s ease all;}
.categorybox:hover .tshopbycategory {color: #FFFFFF; background-color:#cb930a;transition:0.9s ease all;}
/***************** shop by category starts *****************/

/************************ special offer starts ************************/
.specialofferbg{
 background-image:url(../img/specialofferbg.jpg);
 background-repeat:no-repeat;
 background-position:left center;
 background-size: cover;
}
.productcardspecialoffer {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border-radius: 0px;
 height:102%!important;
}
.productcardspecialoffer .productimg {
 padding: 0px 0px 0px 0px;
 margin-bottom: 0;
 background-color: #FFFFFF;
 border-bottom: none;
 position:relative;
}
.slide01 .slide-wrap{height:477.562px!important;}
/************************ special offer ends ************************/

/************************ featured products ends ************************/
.tfeaturedproductshead{
 font-family: 'Roboto', sans-serif;
 font-size: 26px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 36px;
 text-transform:uppercase;
}
.tviewmorebtn{
 font-family: 'Roboto', sans-serif;
 color: #2b0d57;
 font-weight: 400;
 font-size: 14px;
 line-height: 35px;
 background: transparant;
 padding: 15px 25px;
 position: relative;
 z-index: 1;
 border: 1px solid #2b0d57;
 width:fit-content;
}
.tviewmorebtn:hover {color: #fff;transition:0.9s ease all;background:#2b0d57;}
.tviewmorebtn:hover::before { 
 transform: rotateX(90deg);
 transition:0.9s ease all;
 background:#000000;
}
.tviewmorebtn:hover::after {
 transform: rotateY(90deg);
 transition:0.9s ease all;
 background:#2b0d57;
}
.tviewmorebtn::before {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 border-radius: 5px;
 transition:0.9s ease all;
}
.tviewmorebtn::after {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 transition:0.9s ease all;
}

.tviewmorebtnpurple{
 font-family: 'Roboto', sans-serif;
 color: #CB930A;
 font-weight: 400;
 font-size: 14px;
 line-height: 35px;
 background: transparant;
 padding: 15px 25px;
 position: relative;
 z-index: 1;
 border: 1px solid #CB930A;
 width:fit-content;
}
.tviewmorebtnpurple:hover {color: #fff;transition:0.9s ease all;background:#CB930A;}
.tviewmorebtnpurple:hover::before { 
 transform: rotateX(90deg);
 transition:0.9s ease all;
 background:#000000;
}
.tviewmorebtnpurple:hover::after {
 transform: rotateY(90deg);
 transition:0.9s ease all;
 background:#CB930A;
}
.tviewmorebtnpurple::before {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 border-radius: 5px;
 transition:0.9s ease all;
}
.tviewmorebtnpurple::after {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 transition:0.9s ease all;
}
/************************ featured products ends ************************/

/********** brands we deal scrolling ***********/
.tbrandshead{
 font-family: 'Roboto', sans-serif;
 font-size: 26px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 36px;
 text-transform:uppercase;
}
#scroller{width: 10000%;}
#scroller.ready > *{
 display: inline-block;
 float:left;
 overflow: hidden;
 webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-delay: 0.1s;
 animation-delay: 0.1s;
 -webkit-animation-duration: 35s;
 animation-duration: 35s;
 -webkit-animation-name: marginator;
 animation-name: marginator;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}
#scroller:hover > *{
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
}
@-webkit-keyframes marginator {
 0% {
    -webkit-transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
 }
 100% {
    -webkit-transform: translate(-100%,0);
    -webkit-transform: translate3d(-100%,0,0);
 }
}

@keyframes marginator {
 0% {

 -webkit-transform: translate(0,0);
 transform: translate(0,0);

 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 }
 100% {
 -webkit-transform: translate(-100%,0);
 transform: translate(-100%,0);
 -webkit-transform: translate3d(-100%,0,0);
 transform: translate3d(-100%,0,0);
 }
}
#scroller-wrapper{overflow: hidden;}
/********** brands we deal ends ***********/

/************************ bottom  starts ************************/
.bottombg {
 background-image:url(../img/bottombg.jpg);
 background-color: #15234C; 
 background-position:right bottom;
 background-repeat:no-repeat; 
 background-size:cover;
 margin-top: -8px;
}
.tbottomhead{ 
 font-family: 'Poppins', sans-serif;
 font-size: 20px;
 color: #cb930a;
 font-weight: 400;
 line-height: 25px;
 text-transform:uppercase;
}
.tbottomsubhead{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #BD0101;
 font-weight:700;
 line-height:26px;
 text-transform:uppercase;
}
.tbottomtext{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #000;
 font-weight: 600;
 line-height: 30px;
 transition: 200ms;
 text-transform: uppercase;
}
.tbottomlinks{
 font-family: 'Poppins', sans-serif;
 font-size: 14px;
 color: #FFFFFF;
 font-weight:300;
 line-height:30px;
 transition: 200ms;
}
.tbottomlinksactive{
font-family: 'Poppins', sans-serif;
 font-size: 14px;
 font-weight:300;
 line-height:30px;
 transition: 200ms;
 color: #cb930a;}
.tbottomcontacttext{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #cb930a;
 font-weight:600;
 line-height:30px;
 text-transform:uppercase;
}
.tbottomcontacticon{ font-size: 19px; color: #FFF; padding-right:5px;    vertical-align: middle;}
.tbottomcontactlinks{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #000;
 font-weight:600;
 line-height:30px;
 text-transform:uppercase;
}
.tbottomlinks:hover{ color: #cb930a; transition: 200ms;}
.tbottomlinksactive:hover{ color: #cb930a; transition: 200ms;}
.tbottomcontactlinks:hover{ color: #cb930a; transition: 200ms;}
.bottomhrline {  border-top: 1px solid #5823A0!important;; background-color: #5823A0!important; opacity: 1;}
.footer ul { margin-bottom: 0px; list-style-type: none; }
.tfollowuson{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #ffffff;
 font-weight: 400;
 line-height: 17px;
 vertical-align:middle;
}
.tbottomcontactshead{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #cb930a;
 font-weight: 400;
 line-height: 17px;
 text-transform:uppercase;
}
.tbottomcontactslink{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 font-weight: 500;
 line-height: 26px;
}
/************* copyright starts *************/
.bottomcopyrightbg { background-color: #4A7DBC; }
.tcopyright{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 17px;
}
.tdesignby{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 17px;
}
.smGlobalBtn { display: inline-block; position: relative; cursor: pointer; width: 30px; height: 30px;
 border:0px solid #ddd; box-shadow: 0px #999; padding: 0px; margin-left: 5px; text-decoration: none;
 text-align: center; color: #fff; font-size: 14px; font-weight: normal; line-height: 30px;
 border-radius: 27px;
 -moz-border-radius:27px;
 -webkit-border-radius:27px;
 transition:0.7s ease all;
}
.tbottomcontactlinks:hover{color:#ED1C24; transition-timing-function: ease-in-out;   transition-duration: 1s; }
/* facebook button class*/
.facebookBtn{ background: #cb930a; color:#2b0d57;}
.facebookBtn:before{  font-family: "FontAwesome"; content: "\f09a";}
.facebookBtn:hover{ color: #2b0d57; background: #cb930a;transition:1.5s ease all; }

/* linkedin button class*/
.linkedinBtn{ background: #FFFFFF;color:#00538B; }
.linkedinBtn:before{ font-family: "FontAwesome"; content: "\f0e1"; }
.linkedinBtn:hover{ color: #FFFFFF; background: #ED1C24;transition:1.5s ease all;}

/* instagram button class*/
.instagramBtn{ background: #cb930a;color:#2b0d57; }
.instagramBtn:before{ font-family: "FontAwesome";  content: "\f16d"; }
.instagramBtn:hover{ color: #2b0d57; background: #cb930a; transition:1.5s ease all; }

/* twitter button class*/
.twitterBtn{ background: #FFFFFF;color:#00538B; }
.twitterBtn:before{ font-family: "FontAwesome"; content: "\f099"; }
.twitterBtn:hover{ color: #FFFFFF; background: #ED1C24; transition:1.5s ease all;}

/* whatsapp button class*/
.twhatsappBtn{ background: #FFFFFF;color:#00538B; }
.twhatsappBtn:before{ font-family: "FontAwesome"; content: "\f232"; }
.twhatsappBtn:hover{ color: #FFFFFF; background:}
.tbottomfollowustext{
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 17px;
}
/************* copyright ends *************/

/************************ bottom ends ************************/

/****** animation starts ******/
@keyframes fadeInUp {
 from {
 transform: translate3d(0,40px,0)
 }
 to {
 transform: translate3d(0,0,0);
 opacity: 1
 }
}
@-webkit-keyframes fadeInUp {
 from {
 transform: translate3d(0,40px,0)
 }
 to {
 transform: translate3d(0,0,0);
 opacity: 1
 }
}
.animated {
 animation-duration: 1s;
 animation-fill-mode: both;
 -webkit-animation-duration: 1s;
 -webkit-animation-fill-mode: both
}
.animatedFadeInUp {opacity: 0}
.fadeInUp {
 opacity: 0;
 animation-name: fadeInUp;
 -webkit-animation-name: fadeInUp;
}
/****** animation ends ******/

/***************************************** Inner page starts *****************************************/
/********************* about page starts *******************/
.innerbanner01 {
 background-image: url(../img/innerbanner01.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner02 {
 background-image: url(../img/innerbanner02.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner03 {
 background-image: url(../img/innerbanner03.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner04 {
 background-image: url(../img/innerbanner04.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner05 {
 background-image: url(../img/innerbanner05.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner06 {
 background-image: url(../img/innerbanner06.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner07 {
 background-image: url(../img/innerbanner07.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner08 {
 background-image: url(../img/innerbanner08.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner09 {
 background-image: url(../img/innerbanner09.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner10 {
 background-image: url(../img/innerbanner10.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner11 {
 background-image: url(../img/innerbanner11.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.innerbanner12 {
 background-image: url(../img/innerbanner12.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.aboutparallaxbg{
 background-image:url(../img/aboutparallaxbg.jpg);
 background-repeat:no-repeat;
 background-position:left center;
 background-size:cover;
 background-attachment:fixed;
}
.aboutimg figure img {
 -webkit-transform: scale(1);
 transform: scale(1);
 -webkit-transition: .9s ease-in-out;
 transition: .9s ease-in-out;
}
.aboutimg figure{overflow:visible;background-color:transparent;}
.aboutimg:hover figure img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
.tlistitemtext li {
 list-style: none;
 list-style-image: url(../img/icon-listitem.png);
 padding-left: 5px;
}
.tsubheading02 {
 font-family: 'Roboto', sans-serif;
 font-size: 22px;
 color: #cb930a;
 font-weight: 400;
 line-height: 30px;
}
.aboutboxshadow{background: #fff;padding: 40px 50px;}
.tvisionhead {
 font-family: 'Roboto', sans-serif;
 font-size: 40px;
 color: #cb930a;
 line-height: 55px;
 font-weight: 700;
}
.visionimg{-webkit-animation: mover 1s infinite alternate;animation: mover 1s infinite alternate;}
@keyframes mover{
0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}
/***************** about page ends **********************/

/******** product details starts ********/
.productborderd {border: 1px solid #CBCBCB;}
.productborderd .show{width:auto;}
.tproductdetailshead{
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 30px;
}
.hrline01 {
 background-color: #000000;
 opacity: 1;
}
.tproductdetailcode{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #2b0d57;
 font-weight: 700;
 line-height: 28px; 
}
.ttext{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #000000;
 font-weight: 400;
 line-height: 26px; 
 text-align:justify;
}
.tproducttext{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #000000;
 font-weight: 400;
 line-height: 26px; 
}
.tproductdesc{ 
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #000000;
 font-weight: 400;
 line-height: 28px;
}
.minus, .plus {
 width: 45px;
 height: 32px;
 background: #ffffff;
 padding: 2px 5px 24px 5px;
 border: 1px solid #7c7a7a;
 display: inline-block;
 vertical-align: middle;
 text-align: center;
}
.minus:hover, .plus:hover{cursor:pointer;} 
.addtocartbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #ffffff;
 background-color: #000000;
 border-radius: 0px;
 border-right: 1px solid #ffffff;
 padding: 10px 24px 10px 24px;
 line-height: 16px;
}
.addtocartbutton:hover, .addtocartbutton:active {color:#FFFFFF;}
.inputradio {
 height: 20px;
 width: 20px;
 text-align: left;
 font-size: 20px;
 border: 1px solid #AB8951;
 display: inline-block;
 vertical-align: middle;
 color: #000;
}
.tprice {
 font-family: 'Roboto', sans-serif;
 font-size: 25px;
 font-weight: 700;
 color: #2b0d57;
 line-height: 30px;
}
.tpricestrike {
 font-family: 'Roboto', sans-serif;
 font-size: 25px;
 font-weight: 400;
 color: #878787;
 line-height: 30px;
}
.tcardlistprice {
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 font-weight: 700;
 color: #2b0d57;
 line-height: 30px;
}
.tproductprice01 {
 font-family: 'Roboto', sans-serif;
 font-size: 22px;
 color: #656565;
 font-weight: 700;
 text-transform: uppercase;
 text-decoration-line: line-through;
}
.tsubprice {
 font-family: 'Roboto', sans-serif;
 font-size: 15px;
 color: #333333;
 font-weight: 400;
 text-transform: capitalize;
}
.enquirybutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 500;
 color: #ffffff;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px 24px 10px 24px;
 line-height: 16px;
}
.enquirybutton:hover {color:#FFFFFF;background-color: #cb930a;}
.enquirybutton:before {
 vertical-align: middle;
 content: "Product Enquiry";
}
.tinstocktext {
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 background-color: #c39a0c;
 color: #000000;
 font-size: 15px;
 border-radius: 0px;
 width: 100%;
}
.tinstocktext:hover {
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 background-color: #c39a0c;
 color: #000000;
 font-size: 15px;
 border-radius: 0px;
 width: 100%;
}
/*****related product starts *******/
.trelproducts {
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 font-size: 18px;
 color: #333333;
 padding-bottom: 10px;
}
.borderbot {border-bottom: 1px solid #C6C6C6;}
.trelproductshead {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #2b0d57;
 line-height: 26px;
}
.trelproductsrate {
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 font-size: 16px;
 color: #1569B3;
}
.trelproductsrate01 {
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 font-size: 12px;
 color: #656565;
 text-decoration-line: line-through;
}
/**** related product starts ************/

/***** product tab starts ********/
.nav-tabs {
 border-bottom: 0px;
}
.featurepoint-item .featurepoint-link.active, .nav-tabs .featurepoint-item.show .featurepoint-link {
 font-family: 'Roboto', sans-serif;
 font-weight: 500;
 font-size: 16px;
 color: #ffffff!important;
 background-color: #2b0d57;
 border: 0px;
 border-bottom: 0px;
 padding: 13px;
}
.nav-tabs .featurepoint-link { 
 font-family: 'Roboto', sans-serif;
 font-weight:500;
 margin-bottom: -1px;
 background: none;
 border: 1px solid #2b0d57;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 padding: 13px;
}
.featurepoint-link:hover, .featurepoint-link:focus {
 color: #000000!important;
 border-bottom: 1px solid #2b0d57;
 border: 1px solid #2b0d57;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
 border-color: #2b0d57;
}
.accordion-item {
 background-color: #fff;
 border: 1px solid transparent; 
}
.ttabhead {
 display: block;
 color: #000000;
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 font-size: 15px;
}
.featurepoint-item {
 padding: 7px;
 text-align: center;
}
.whatwedoicons{
 font-size:50px;
 vertical-align: middle;
}
.accordion-button {
 font-family: 'Roboto', sans-serif;
 font-weight:500;
 font-size: 18px;
 color: #FFFFFF;
 line-height:26px;
 background-color:#cb930a;
 line-height: 18px;
}
.accordion-button:not(.collapsed) {
 font-family: 'Roboto', sans-serif;
 font-weight:500;
 font-size: 18px;
 line-height:26px;
 color: #FFFFFF;
 background-color: #2b0d57;
 box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-item:first-of-type .accordion-button {
 border-top-left-radius: 0px!important;
 border-top-right-radius: 0px!important;
}
.accordion-item:last-of-type .accordion-button.collapsed {
 border-bottom-right-radius: 0px!important;
 border-bottom-left-radius: 0px!important;
}
.accordion-body { padding: 0px!important; }
.tproductdesctext{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #000000;
 font-weight: 400;
 line-height: 26px;
 transition: all 1s ease;
 animation: fadeEffect 0.6s ease;
}
@keyframes fadeEffect {
   from {
      opacity: 0;
      margin-left: 30px;
   }
   to {
      opacity: 1;
      margin-left: 0;
   }
}
@keyframes fadeEffect01 {
   from {
      opacity: 0;
      margin-left: 30px;
   }
   to {
      opacity: 1;
      margin-left: 0;
   }
}
.buttonDownload {
 display: inline-block;
 position: relative;
 padding: 8px 40px;
 background-color: #cb930a;
 color: white;
 font-family: sans-serif;
 text-decoration: none;
 font-size: 0.9em;
 text-align: center;
}
.icon-download{
 font-size: 20px;
 padding-right: 9px;
 line-height: 25px;
}
.buttonDownload:hover{color:#FFFFFF;}
.buttonDownload:hover .icon-download{color:#FFFFFF;transition:0.8s ease all;}
/********************** product tab ends **********************/
.btn:hover {
 color: none!important;
 background-color: none!important;
 border-color: none!important;
}
/**************** ********  product details ends ************************/

/******** product enquiry starts ********/
.enquiry-inner {
 background-color: #fff;
 position: relative;
 box-shadow: 20px 22px 44px #cccc;
 border-radius: 25px;
}
.enquiry-field {
 padding: 60px 60px 60px 60px;
}
.tproductenquirybtn{
 font-family: 'Roboto', sans-serif;
 color: #2b0d57;
 font-weight: 400;
 font-size: 14px;
 line-height: 35px;
 background: transparant;
 padding: 8px 18px;
 position: relative;
 z-index: 1;
 border: 1px solid #2b0d57;
 width:fit-content;
}
.tproductenquirybtn:hover {color: #fff;transition:0.9s ease all;background:#2b0d57;}
.tproductenquirybtn:hover::before { 
 transform: rotateX(90deg);
 transition:0.9s ease all;
 background:#000000;
}
.tproductenquirybtn:hover::after {
 transform: rotateY(90deg);
 transition:0.9s ease all;
 background:#2b0d57;
}
.tproductenquirybtn::before {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 border-radius: 5px;
 transition:0.9s ease all;
}
.tproductenquirybtn::after {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 transition:0.9s ease all;
}


.tproductenquirybutton {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 font-weight: 500;
 color: #ffffff;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px 24px 10px 24px;
 line-height: 16px;
}
.tproductenquirybutton:hover, .tproductenquirybutton:active {color:#FFFFFF;background-color: #cb930a;}
/********product enquiry ends ********/

/******** modal window starts correct ********/
.modal-title {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #2b0d57;
 font-weight: 600;
 line-height: 26px; 
 text-align:left;
 text-transform: capitalize;
}
.tmodaheading {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 color: #2b0d57;
 font-weight: 500;
 line-height: 20px; 
 text-align:left;
}
.tmodaheadingsub {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 color: #2b0d57;
 font-weight: 500;
 line-height: 20px; 
 text-align:left;
}
.ttextbluealert {
 font-size: 11px;
 color: #2b0d57;
 font-weight: normal;
 line-height: 20px;
 text-align:justify;
}
.tmodalgray {
 color: #333333;
 font-size: 12px;
}
.loginbuttontext {
 font-size: 13px;
 color: #EC1D23;
 border-radius: 0px;
 border: 0px solid #EC1D23;
 padding: 10px 0px 10px 0px;
 text-transform: uppercase;
}
/******** iligin ends correct ********/
/******** cart page starts correct ********/
.tablecartborder {
 border: 1px solid #E0E0E0!important;
 padding: 0px 22px 0px 22px;
} 
.tcartheading {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 font-weight: 400;
 color: #000000;
 line-height: 22px;
}
.tcarttext {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #000;
 font-weight: 400;
 vertical-align: middle;
}
.tcarttextbold {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #2b0d57;
 font-weight: 500;
 vertical-align: middle;
}
.tremovecarttext{
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #db2020;
 font-weight: 400;
 vertical-align: middle;
}
.updatebutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #2b0d57;
 background-color: #FFFFFF!important;
 border-radius: 0px;
 border: 1px solid #2b0d57;
 padding: 10px 20px 10px 20px;
 line-height: 17px;
 display: inline;
}
.updatebutton:hover, .updatebutton:active {
 color: #ffffff!important;
 background-color:#2b0d57!important;
 border: 1px solid #ffffff;
}
.continuebutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #ffffff;
 background-color: #2b0d57;
 border-radius: 0px;
 padding: 10px 20px 10px 20px;
 line-height: 17px;
}
.continuebutton:hover, .continuebutton:active {
 color: #ffffff;
 background-color: #2b0d57;
}
.proceedbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #ffffff;
 background-color: #cb930a;
 border-radius: 0px;
 padding: 10px 20px 10px 20px;
 line-height: 17px;
 display: inline;
}
.proceedbutton:hover, .proceedbutton:active {
 background-color: #2b0d57!important;
 color: #ffffff;
}
.tcartsubtotal {
 font-family: 'Roboto', sans-serif;
 font-size: 21px;
 color: #2b0d57;
 font-weight: 400;
 vertical-align: middle;
}
.tcartsubtotalamt {
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 color: #2b0d57;
 font-weight: 700;
 vertical-align: middle;
}
.tcarttextprice {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #2b0d57;
 font-weight: 700;
 vertical-align: middle;
}
.tcheckoutheading {
 font-family: 'Roboto', sans-serif;
 font-size: 25px;
 font-weight: 400;
 color: #000000;
 line-height: 22px;
}
.forgotbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 11px;
 color: #DF1917;
 font-weight: 600;
 background-color: #ffffff;
 border-radius: 0px;
 border: 0px solid #EC1D23;
 padding: 0px ;
 text-transform: uppercase;
}
.tforgottext {
 font-family: 'Roboto', sans-serif;
 font-size: 13px;
 color: #2b0d57;
 font-weight: 400;
 line-height: 20px;
}
.panachebutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 600;
 color: #ffffff!important;
 background-color: #2b0d57;
 padding: 10px 16px 10px 16px;
 line-height: 17px;
 text-transform: uppercase;
}
.modal {
 --bs-modal-border-radius: 0px;
 --bs-modal-inner-border-radius: 0px;
}
.taccounttext {
 font-family: 'Roboto', sans-serif;
 font-size: 12px;
 color: #2b0d57;
 font-weight: 400;
 line-height: 20px;
}
.taccountcreate {
 font-family: 'Roboto', sans-serif;
 font-size: 13px;
 color: #DF1917;
 font-weight: 600;
 background-color: #ffffff;
 border-radius: 0px;
 border: 0px solid #EC1D23;
 padding: 0px ;
 text-transform: uppercase;
}
.tstar {
 font-family: 'Roboto', sans-serif;
 color: #DF1917;
 font-size: 17px;
} 
.proceedorderbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #ffffff;
 background-color: #cb930a;
 border-radius: 0px;
 padding: 10px 40px 10px 40px;
 line-height: 17px;
 display: inline;
}
.proceedorderbutton:hover, .proceedorderbutton:active {
 color: #ffffff;
 background-color: #cb930a;
}
/******** cart page ends correct ********/

/******** cart page starts ********/
  

.cartborder {
 border: 1px solid #DFCCF9;
 padding: 12px;
}
.carttablehead {
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 color: #000;
 font-size: 21px;
}
.summerytablehead {
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 color: #2b0d57;
 font-size: 21px;
}
.tcarthead {
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 color: #2b0d57;
 font-weight: 600;
 vertical-align: middle;
}
.checkoutbutton {
 font-family: 'Roboto', sans-serif;
 font-size: 17px;
 font-weight: 400;
 color: #ffffff;
 background-color:#2b0d57!important;
 border-radius: 0px;
 border: 1px solid #2b0d57;
 padding: 10px 20px 10px 20px;
 line-height: 17px;
 display: inline;
}
.checkoutbutton:hover, .checkoutbutton:active {
 color: #ffffff;
 background-color:#cb930a!important;
}
.detailsbutton {
 font-family: 'Roboto', sans-serif !important;
 font-size: 15px;
 color: #0066c0;
 background-color: #ffffff;
 font-weight: normal;
}
.text-left{text-align: left!important;}

/******** cart page ends ********/


/******* icategorybox page starts *******/
.border {border: 1px solid #dee2e6 !important;transition:0.9s ease all;}
.tbrandhead {
 font-family: 'Roboto', sans-serif;
 font-weight: 600;
 font-size: 21px;
 color: #6F6F6F;
 line-height: 26px;
 text-transform: uppercase;
 transition:0.9s ease all;
}
.brandbox:hover .border{border: 1px solid #2b0d57 !important;transition:0.9s ease all;}
.brandbox:hover .tbrandhead{color: #cb930a!important;transition:0.9s ease all;}
.sortbox{
 border: 1px solid #0000002d;
 padding: 7px 16px;
 background: #fff;
 font-family: 'Roboto', sans-serif;
 font-size: 14px;
 font-weight: 500;
 }
.sortbox:focus-visible{border: 1px solid #0000002d;}
.sortbox option{background: #fff!important;line-height: 50px!important;}
.pcategoryboxbg{
 background-color: #ffffff;
 margin-bottom: 16px;
 border: 1px solid #0000002d
}
.acc-wrapper {
  padding: 40px 40px;
  width: 1680px;
  margin: 0 auto;
}
.acc-header b {color: #bd9c64;}
.acc-header { margin-bottom: 50px;}
.acc-img {
 object-fit: cover;
 display: block;
 aspect-ratio: 1 / 1;
 max-width: 698px;
 max-height: 698px;
}
.accs {width: 100%;max-width: 798px;}
.acc-header-title {margin-top: 5px;margin-bottom: 23px;}
.acc-subtitle {max-width: 1327px;margin: 0;}
.acc-body {display: flex;gap: 80px;}
.acc-content {display: none;margin-bottom: 36px;text-align: left;}
.acc-item p {display: none;margin-bottom: 36px;text-align: left;}
.acc-title {
 display: flex;
 align-items: center;
 user-select: none;
 cursor: pointer;
 padding: 30px 0px 20px 0px;
}
.acc-item h3 {
 display: flex;
 align-items: center;
 user-select: none;
 cursor: pointer;
 padding: 30px 0px;
 margin: 0;
}
.acc-item h3 span {
 flex-grow: 1;
 font-family:'Poppins', sans-serif;
 font-size:18px;
 font-weight:500;
 color:#2b0d57;
}
.acc-title span {flex-grow: 1;}
.acc-title:before {content: url("../img/icon-pcategorybox.png");margin-right: 30px;}
.acc-chevron {
 transform: rotate(180deg);
 margin-left: 20px;
 transition: 0.2s;
}
.acc-item {transition: 1s;border-bottom: 1px solid #aaa;}
.acc-item:last-child {border-bottom: none;}
.acc-item  input { height: 13px;width: 16px;}
.tcategoryboxtext{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #000;
 line-height:34px;
}
.tcategoryboxcount{
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #000;
 line-height:34px;
}
.tcategoryboxcountactive {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #c08606;
 line-height: 34px;
}
.tcategoryboxtextactive {
 font-family: 'Poppins', sans-serif;
 font-size: 16px;
 font-weight: 700;
 color: #c08606;
 line-height: 34px;
}
.tcheckbox{width:16px!important;height:16px!important;}
/*--- /.price-range-slider ---*/
.pricerange-container {
 position: relative;
 width: 100%;
 height: 50px;
}
input[type="range"] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 width: 100%;
 outline: none;
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 background-color: transparent;
 pointer-events: none;
}
.slider-track {
 width: 100%;
 height: 5px;
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 border-radius: 0px;
 border: 1px solid #cb930a;
}
input[type="range"]::-webkit-slider-runnable-track {
 -webkit-appearance: none;
 height: 5px;
}
input[type="range"]::-moz-range-track {
 -moz-appearance: none;
 height: 5px;
}
input[type="range"]::-ms-track {
 appearance: none;
 height: 5px;
}
input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 15px;
 width: 15px;
 background-color: #cb930a;
 cursor: pointer;
 margin-top: -5px;
 pointer-events: auto;
 border-radius: 50%;
}
input[type="range"]::-moz-range-thumb {
 -webkit-appearance: none;
 height: 1.7em;
 width: 1.7em;
 cursor: pointer;
 border-radius: 50%;
 background-color: #cb930a;
 pointer-events: auto;
 border: none;
}
input[type="range"]::-ms-thumb {
 appearance: none;
 height: 1.7em;
 width: 1.7em;
 cursor: pointer;
 border-radius: 50%;
 background-color: #cb930a;
 pointer-events: auto;
}
input[type="range"]:active::-webkit-slider-thumb {
 background-color: #ffffff;
 border: 1px solid #cb930a;
}

.inputpcode{ border: 1px solid #2b0d57!important; }
.inputpcoded{ border: 1px solid #F5F5F5!important; }
.values {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #000000;
 font-weight: 700;
 line-height: 26px;
 width: 100%;
}
.tsearchtext{
 font-family: 'Roboto', sans-serif;
 font-size: 18px;
 font-weight: 500;
 color: #2b0d57;
 border-bottom: 1px solid #d2d2d2;
 padding-bottom: 15px;
}
.tcatheadbg{
 background-color: #2b0d57;
}
.tcathead{
 font-family: 'Roboto', sans-serif;
 font-size: 20px;
 font-weight: 600;
 color: #ffffff;
}
.tcategorytextborder{border-bottom: 1px solid #d2d2d2;padding: 3px 0px;}
.tpricehead{
 flex-grow: 1;
 font-family: 'Poppins', sans-serif;
 font-size: 18px;
 font-weight: 500;
 color: #FFFFFF;
}
/*--- /.price-range-slider ---*/
/******* icategorybox page ends *******/

/******* newsevents page ends *******/
.newsborder{border: 1px solid #000;padding: 5px;}
.tsubheading{
 font-family: 'Roboto', sans-serif;
 color: #cb930a;
 font-size: 30px;
 font-weight: 500;
 line-height: 35px;
}
.tsubheadingblue{
 font-family: 'Roboto', sans-serif;
 color: #2b0d57;
 font-size: 30px;
 font-weight: 500;
 line-height: 35px;
}
.tnewseventsbtn{
font-family: 'Roboto', sans-serif;
color: #2b0d57;
font-weight: 400;
font-size: 14px;
line-height: 35px;
background: transparant;
padding: 3px 33px;
position: relative;
z-index: 1;
border: 1px solid #2b0d57;
width:fit-content;
}
.tnewseventsbtn:hover {color: #fff;transition:0.9s ease all;background:#2b0d57;}
.tnewseventsbtn:hover::before { 
 transform: rotateX(90deg);
 transition:0.9s ease all;
 background:#000000;
}
.tnewseventsbtn:hover::after {
 transform: rotateY(90deg);
 transition:0.9s ease all;
 background:#2b0d57;
}
.tnewseventsbtn::before {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 border-radius: 5px;
 transition:0.9s ease all;
}
.tnewseventsbtn::after {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 transition:0.9s ease all;
}
/******* newsevents page ends *******/

/******** gallery page starts **********/
.content {
position: relative;
width: 100%;
max-width: 100%;
max-height: 332px;
overflow: hidden
}
.content .content-overlay {
background: #000000;
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;    
}
.content:hover .content-overlay {
opacity: 1
background-color:#000000!important;
}
.content-image {
width: 100%
}
.content-details {
position: absolute;
text-align: left;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s
}
.content:hover {
background-color:#000000!important;
opacity:0.9;
}
.content:hover .content-details {
top: 50%;
left: 50%;
opacity: 0.9;
}
.content-details h3 {
font-family: 'RobotoBold';
font-size: 37px;
color: #ffffff;	
}
.content-details p {
font-family: 'RobotoRegular';
font-size: 16px;
color: #ffffff;	
}
/************************************* image zoom start ******************/
.projectszoom {
overflow: hidden;
margin: 0 auto;
}      
.projectszoom img {
width: 100%;
transition: 0.5s all ease-in-out;	
}      
.projectszoom:hover img {
transform: scale(1.2);
opacity: .9;
}
/************************************* image zoom ends ******************/
.content:hover {
background-color:#000000!important;
opacity:0.9;
}
.content .content-overlay {
background: transparent;
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;    
}
/******** gallery page ends **********/

/*********************** Blog starts ***********************/
.blogbox{border:1px solid #cb930a;border-radius: 0px;}
.blogbox:hover{border:1px solid #b78830;}
.blogheader{padding:0px!important;}
.tbloghead{
 font-family: 'Roboto', sans-serif;
 font-weight: 600;
 font-size: 22px;
 color: #000000;
 line-height: 27px;
}
.tblogsubhead{
 font-family: 'Roboto', sans-serif;
 font-weight: 300;
 font-size: 13px;
 color: #656565;
 line-height: 22px;
}
.tblogtext{
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 14px;
 color: #000000;
 line-height: 22px;
}
.link-readmore{
 font-family: 'Roboto', sans-serif;
 font-weight: 500;
 font-size: 16px;
 color: #b78830;
 line-height: 22px;
}
.hover-underline-animation{
 display: inline-block!important;
 position: relative!important;
}
.blogbox:hover .hover-underline-animation:after {
 transform: scaleX(1)!important;
 transform-origin: bottom left!important;
}
.hover-underline-animation:after {
 content: ''!important;
 position: absolute!important;
 width: 100%!important;
 transform: scaleX(0)!important;
 height: 2px!important;
 bottom: 0!important;
 left: 0!important;
 background-color: #b78830!important;
 transform-origin: bottom right!important;
 transition: transform 0.25s ease-out!important;
 cursor:pointer!important;
}
/* <!-------------------firefox----------------------------> */

nav.navbar.bootsnav ul.nav > li > a {
 font-family: 'Roboto', sans-serif;
 color: #7C56B1;
 font-size: 16px;
 font-weight: 500;
 line-height:26px;
 vertical-align: -webkit-baseline-middle;
 margin: 0px 170px 0px 4px;
 padding: 0px 0px 15px 0px;
}
.pricerange-container input {font-size:11px!important;}
}
/*********************** Blog ends ***********************/

/*********************** contact starts ***********************/
.right-conatct-social-icon{background:#c19129;}
.contact-us{background-color: #f1f1f1;padding: 120px 0px;}
.contact-inner{
 background-color: #fff;
 position: relative;
 box-shadow: 20px 22px 44px #cccc;
}
.contact-field{padding: 60px 340px 90px 100px;}
.right-conatct-social-icon{height: 100%;}
.contact-info-sec {
 position: absolute;
 background-color: #2d2d2d;
 right: 1px;
 top: 18%;
 height: auto;
 width: 515px;
 padding: 40px;
 border-radius: 25px 0 0 25px;
}
.contact-info-sec h4{
 letter-spacing: 1px;
 padding-bottom: 15px;
}
.info-single{margin: 30px 0px;}
.info-single i{margin-right: 15px;color:#D0814D;}
.info-single span{font-size: 14px;letter-spacing: 1px;}
.socil-item-inner li{list-style: none;}
.icon-social{color: #fff;margin: 0px 15px;font-size: 14px;}
.socil-item-inner{padding-bottom: 10px;}

.submitbtn{border:none;background: none;}
.icon-social{font-size:20px;}
.tcontactdetailshead {
 font-family: "Roboto", sans-serif;
 font-size: 25px;
 color: #fff;
 font-weight: 500;
 line-height: 30px;
}
.icon-contact i{color: #c19129!important;font-size: 25px;}
.ttextyellow{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #cb930a;
 font-weight: 400;
 line-height: 26px; 
}
.ttextwhite{
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 color: #fff;
 font-weight: 400;
 line-height: 26px; 
 vertical-align: -webkit-baseline-middle;
}
.tsubheading01{
 font-family: 'Roboto', sans-serif;
 color: #000000;
 font-size: 46px;
 font-weight: 500;
 line-height: 55px; 
}

.tsubmitbtn{
font-family: 'Roboto', sans-serif;
color: #2b0d57;
font-weight: 400;
font-size: 14px;
line-height: 35px;
background: transparant;
padding: 3px 33px;
position: relative;
z-index: 1;
border: 1px solid #2b0d57;
width:fit-content;
}
.tsubmitbtn:hover {color: #fff;transition:0.9s ease all;background:#2b0d57;}
.tsubmitbtn:hover::before { 
 transform: rotateX(90deg);
 transition:0.9s ease all;
 background:#000000;
}
.tsubmitbtn:hover::after {
 transform: rotateY(90deg);
 transition:0.9s ease all;
 background:#2b0d57;
}
.tsubmitbtn::before {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 border-radius: 5px;
 transition:0.9s ease all;
}
.tsubmitbtn::after {
 width: 100%;
 height: 100%;
 content: "";
 margin: auto;
 position: absolute;
 top: 0%;
 left: 0%;
 background:transparent;
 transition: all .52s;
 z-index: -1;
 transition:0.9s ease all;
}
/*********************** contact ends ***********************/
/***************************************** Inner page ends *****************************************/

/******************************** Media Query Starts ********************************/
@media only screen and (min-device-width:320px) and (max-device-width: 370px){
.specialoffericon { padding-top: 150px; }
}
@media only screen and (min-device-width:371px) and (max-device-width: 767px){
.specialoffericon { padding-top: 180px; }
}
@media only screen and (min-device-width:320px) and (max-device-width: 767px){
/************ product box starts ************/
.tproductname { font-size: 14px; line-height: 18px;}
.ctitleheight{height:80px;}
.tproductcode { font-size: 14px; line-height: 23px;}
.tproductbrand { font-size: 14px; line-height: 23px;}
.tproductbrandname { font-size: 14px; line-height: 23px;}
.tproductprice { font-size: 18px; line-height: 30px;}
.tproductpricestrike { font-size: 18px; line-height: 30px;}
.viewbutton:before { font-family: bootstrap-icons !important; vertical-align: middle; content: "\F341"!important; }
.addcartbutton:before { font-family: bootstrap-icons !important;
 vertical-align: middle; content: "\F23E"!important; }
.productenquirybutton:before { font-family: bootstrap-icons !important;
 vertical-align: middle; content: "\F52A"!important;}
/************ product box ends ************/
.input {width: 70px;}
.tcartsubtotal { font-size: 20px; }
.tcartsubtotalamt {font-size: 19px;}
.tcarttext {font-size: 19px;}

.logotop {margin-top: 13px;margin-left: 55px;width: 250px;}
.bgtoplinks{background: #013020;}
.tcategorylinkhead {color: #6F6F6F;font-size: 15px;line-height: 26px;border-bottom: none;}
.welcomelinetop {top: 0px;transition: .5s;position:relative; background-color:#013020;}
.twelcomehead {font-size:25px;line-height:30px;}
.twelcomesubhead {font-size:25px;line-height:30px;}
.twelcometext {font-size: 17px;line-height: 27px;}
.welcomebtn {font-size: 18px;line-height: 21px;}
.productimg {padding: 20px 20px 10px 20px;}
.theading {font-size: 16px; line-height: 30px;}
.tproductshead {font-size:25px;line-height:30px;padding-left: 0px;}
.tviewproducts {font-size: 17px;line-height: 27px;padding-right: 0px;}
.slick-prev {left: -10px!important;}
.slick-next {right: -10px!important;}
#gallery {height: 133px!important;overflow: hidden; margin: 16px 0px!important;}
.tserviceshead {font-size:25px;line-height:30px;}
.tservicessubhead {font-size:25px;line-height:30px;}
.tservicestext {font-size: 17px!important;line-height: 27px;}
.tbottomhead {font-size: 20px;line-height: 25px;}
.contacthead {font-size: 18px;line-height: 23px;}
.contactsubhead {font-size: 17px;line-height: 24px;}
.tbottomlinks {font-size: 17px;}
.tbottomlinksactive {font-size: 17px;}
.socialBtniconlinkedin {margin-left:15px;}
.socialBtniconinsta	{margin-left:15px;}
.socialBtnicontwitter {margin-left:15px;}
.btn-two {bottom: 0%;left: 4%;}
.servicesbtn {bottom: -10%!important;left: 1%;}
.block-bottom {bottom: -75px!important;}
.viewmorebtn {font-size: 14px;padding: 6px 75px 6px 75px;}
.tproductdetailshead {font-size: 17px;line-height: 25px;}
.bottomhead {font-size: 19px;line-height: 37px;}
.tsubhead {font-size: 25px;line-height: 35px;}
.contactboxpadding {padding-left:0px;}
.submitbtn {font-size: 16px;padding: 7px 40px;margin: 20px 0px;}
.ttextcontact {font-size: 17px;line-height: 27px;}
.contactboxadd {border-right: 1px solid #FFFFFF;}
.taddresstext {font-size: 22px;line-height: 32px;}
.innerbanner01 {margin-top: 12px;}
.innerbanner02 {margin-top: 12px;}
.innerbanner03 {margin-top: 12px;}
.innerbanner04 {margin-top: 12px;}
.innerbanner05 {margin-top: 12px;}
.innerbanner06 {margin-top: 12px;}
.innerbanner07 {margin-top: 12px;}
.innerbanner08 {margin-top: 12px;}
.innerbanner09 {margin-top: 12px;}
.innerbanner10 {margin-top: 12px;}
nav.navbar.bootsnav ul.nav > li > a {border-bottom: none!important;}
.tnewarrivalshead {font-size: 24px;line-height: 34px;}
.tfeaturedproductshead {font-size: 24px;line-height: 34px;}
.tshopbycategoryhead {font-size: 24px;line-height: 34px;}

.productcardnewarrival {height: 98%!important;}
.productcardspecialoffer {height: 100%!important;}
.specialofferbg {background-repeat: repeat-y;background-position: left center;}
.logotopimg{margin-top: -20px!important;}
.navbar .navbar-brand, .navbar a.btn {height:0px;}
.tproducttext{font-size: 15px;line-height: 25px; }
.updatebutton {font-size: 14px;padding: 10px 10px 10px 10px;line-height: 12px;width: 100%; display: block;}
.continuebutton {font-size: 14px;padding: 10px 10px 10px 10px;line-height: 12px;width: 100%; display: block;}
.navbar .navbar-brand {padding: 0 15px 0 0!important;}
.tbrandhead {font-size: 18px;line-height: 23px;}
.contact-info-sec {position: static!important; height: auto!important;width: 89% !important;
padding:20px !important;margin: 0px 0px 0px 20px;}
.contact-field {padding: 20px 15px 20px 15px;}
.contact-info-sec {border-radius: 25px 25px 25px 25px;}
.ttextwhite {font-size: 15px;}
.tsubheadingblue {font-size: 25px;line-height: 32px;}
.ttext { font-size: 17px;line-height: 30px;text-align:left;}
.aboutboxshadow { padding: 40px 25px;}
#header nav.navbar.bootsnav .navbar-toggle {top: -17px;}
.tsubheading01 {font-size: 35px;line-height: 45px;}
.tvisionhead {font-size: 25px;line-height: 30px;}
.tmissionhead {font-size: 25px;line-height: 30px;}
.slider .slick-next:before, .slider .slick-prev:before {color: #2b0d57!important;}
.enquiry-field {padding: 30px 30px 30px 30px;}
.bannertop {margin-top: 12px!important;position: sticky;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content{ margin-top: 5px!important; left: 5px!important; }
#header nav.navbar.bootsnav .megamenu-content .col-menu { margin: 0px 0px 0px 0px; }
#header nav.navbar.bootsnav .nav{ -ms-flex-direction:column;flex-direction:column;background-color:#f3f2f5;padding:11px; }
nav.navbar.bootsnav ul.nav > li > a { color: #6F6F6F!important; margin: 0px!important; padding: 10px 5px!important;font-size: 19px!important; }
nav.navbar.bootsnav ul.nav > li:hover a.dropdown-toggle { color: #FFFFFF;}
.dropdown-menu {background-color: #f3f2f5!important;}
#header {height: 125px;}
.block-bottom {width: calc(100% - 0px);}
.block-bottom .front {padding: 12px;}
.back .tproducthead {font-size: 14px;line-height: 23px;}
.block-bottom .back {padding: 12px;}
.smGlobalBtn {margin-left: 15px!important;}
.ttext {text-align: left;}
.tbannerproductsheading {line-height: 32px; font-size: 27px;    font-weight: 600;}
.dealerloginbtn {font-size: 15px;padding: 3px 20px;}
.navbox-collapse {margin-top: 7px;}
.shopbytop{margin-top: 0px!important;}
.productcard-inner {width: 93.7%;}

.ttopcatuser {padding: 4px 9px;}
.buttonDownload {padding: 7px 12px;}
}
@media only screen and (min-device-width:768px) and (max-device-width: 991px){
	
/************ product box starts ************/
.tproductname { font-size: 15px; line-height: 23px;}
.ctitleheight{height:80px;}
.tproductcode { font-size: 14px; line-height: 23px;}
.tproductbrand { font-size: 14px; line-height: 23px;}
.tproductbrandname { font-size: 14px; line-height: 23px;}
.tproductprice { font-size: 18px; line-height: 30px;}
.tproductpricestrike { font-size: 18px; line-height: 30px;}
/************ product box starts ************/

.tbottomcontactslink {font-size: 14px;!important}

.bgtoplinks{background: #013020;}
.logotop { margin-top: 0px; padding-left: 40px;}
.tcategorylinkhead {color: #6F6F6F; font-size: 15px;border-bottom: none;}
.welcomelinetop {top: 0px;transition: .5s;position:relative; background-color:#013020;}
.twelcomehead {font-size: 34px;line-height: 44px;}
.twelcometext {font-size: 18px;line-height: 28px;}
.welcomebtn {font-size: 20px;line-height: 23px;}
.tcategoryhead { font-size: 35px;}
.tcategorysubhead { font-size: 35px;}
.tcategorybtn {font-size: 15px;}
#header nav.navbar.bootsnav .nav{-ms-flex-direction:column;flex-direction:column;padding:11px;}
.tproductshead {font-size: 35px;line-height: 45px;padding-left: 0px;}
.tviewproducts {font-size: 19px;line-height: 29px;padding-right: 0px;}
.block-bottom .front {padding: 20px;}
.block-bottom .back {padding: 20px;}
#gallery {height:133px!important;overflow: hidden;}
.twelcomesubhead {font-size: 34px;line-height: 44px;}
.tserviceshead {font-size: 34px;line-height: 44px;}
.tservicessubhead {font-size: 34px;line-height: 44px;}
.tservicestext {font-size: 18px;line-height: 28px;}
.tbottomhead {font-size: 22px;line-height: 29px;}
.socialBtniconlinkedin	{margin-left:15px;}
.socialBtniconinsta	{margin-left:15px;}
.socialBtnicontwitter {margin-left:15px;}
.btn-two {left: 2%;}
.servicesbtn {left: 0%;}
.logotop {margin-top: 20px!important;margin-left: 65px!important;}
.tsubhead {font-size: 35px;line-height: 45px;}
.contactboxpadding {padding-left: 50px;}
.ttextcontact {font-size: 17px;line-height: 27px;}
.tbannerheading {top: -500px;}
nav.navbar.bootsnav ul.nav > li > a {border-bottom: none!important;}
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active{border-bottom: 4px solid #f3f2f5!important;}

.productcardnewarrival {height: 97%!important;}
.productcardspecialoffer {height: 100%!important;}
.specialofferbg {background-repeat: repeat-y;background-size:cover;}
.updatebutton {font-size: 14px;padding: 10px 13px 10px 12px;}
.continuebutton {font-size: 14px;}
.tcarttext {font-size: 15px;}
.tbrandhead {font-size: 18px;line-height: 23px;}
.contact-info-sec {position: static!important; height: auto!important;width: 100%!important;}
.contact-field {padding: 20px 15px 20px 15px;}
.contact-info-sec {border-radius: 25px 25px 25px 25px;}
.ttext { font-size: 17px;line-height: 30px;text-align:left;}
.aboutboxshadow { padding: 40px 25px;}
#header nav.navbar.bootsnav .navbar-toggle {top: -12px!important;}
#header { height: 100px!important;}
.tvisionhead {font-size: 25px;line-height: 30px;}
.tmissionhead {font-size: 25px;line-height: 30px;}
.slider .slick-next:before, .slider .slick-prev:before {color: #2b0d57!important;}
.enquiry-field {padding: 30px 30px 30px 30px;}
.shopbytop { margin-top: -99px;}
.bannertop {margin-top: 12px!important;position: sticky;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content{ margin-top: 5px!important; left: 5px!important; }
#header nav.navbar.bootsnav .megamenu-content .col-menu { margin: 0px 0px 0px 0px; }
#header nav.navbar.bootsnav .nav{ -ms-flex-direction:column;flex-direction:column;background-color:#f3f2f5;padding:11px; }
nav.navbar.bootsnav ul.nav > li > a { color: #6F6F6F!important; margin: 0px!important; padding: 10px 5px!important;font-size: 19px!important; }
nav.navbar.bootsnav ul.nav > li:hover a.dropdown-toggle { color: #FFFFFF;}
.dropdown-menu {background-color: #f3f2f5!important;}
#header {height: 117px;}
.block-bottom {width: calc(100% - 0px);}
.block-bottom .front {padding: 12px;}
.back .tproducthead {font-size: 14px;line-height: 23px;}
.block-bottom .back {padding: 12px;}
.smGlobalBtn {margin-left: 15px!important;}
.ttext {text-align: left;}
.tbannerproductsheading {line-height: 32px; font-size: 27px;    font-weight: 600;}
.dealerloginbtn {font-size: 15px;padding: 3px 20px;}
.navbox-collapse {margin-top: 14px;}
.shopbytop{margin-top: 0px!important;}
.productcard-inner {width: 47.7%;}
.ttopcatuser {padding: 4px 9px;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){	
/************ product box starts ************/
.tproductname { font-size: 14px; line-height: 23px;}
.ctitleheight{height:84px;}
.tproductcode { font-size: 14px; line-height: 23px;}
.tproductbrand { font-size: 14px; line-height: 23px;}
.tproductbrandname { font-size: 14px; line-height: 23px;}
.tproductprice { font-size: 17px; line-height: 30px;}
.tproductpricestrike { font-size: 17px; line-height: 30px;}
.viewbutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
.addcartbutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
.productenquirybutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
/************ product box starts ************/}

@media only screen and (min-device-width:1200px) and (max-device-width: 1499px){	
/************ product box starts ************/
.tproductname { font-size: 15px; line-height: 23px;}
.ctitleheight{height:84px;}
.tproductcode { font-size: 14px; line-height: 23px;}
.tproductbrand { font-size: 14px; line-height: 23px;}
.tproductbrandname { font-size: 14px; line-height: 23px;}
.tproductprice { font-size: 18px; line-height: 30px;}
.tproductpricestrike { font-size: 18px; line-height: 30px;}
.viewbutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
.addcartbutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
.productenquirybutton { font-size: 14px;  font-weight: 500; padding: 5px 8px 5px 8px; line-height: 22px;}
/************ product box starts ************/}
@media only screen and (min-device-width:992px) and (max-device-width: 1399px){	
.twelcomehead {font-size: 35px;line-height: 40px;}
.twelcomesubhead {font-size: 35px;line-height: 40px;}
.twelcometext {font-size: 18px;line-height: 28px;}
.welcomebtn {font-size: 20px;line-height: 23px;}
.hideelementslogo { display:none !important;}
.navbar .navbar-nav .nav-link {margin: 0px 0px 0px 46px;}
.tproductshead {font-size: 35px;line-height: 40px;padding-left:0px;}
.tviewproducts {font-size: 20px;line-height: 30px;
padding-right: 0px;}
.logotop {width: 410px;}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content, #header.navbarbrandtop nav.navbar.navbar-brand-top.bootsnav li.dropdown.megamenu-fw ul.dropdown-menu.megamenu-content {
 margin-top: 15px!important;
 left: 0px!important;
}
.tcategorylinkhead {font-size: 13px;line-height: 24px;}
#gallery {height:133px!important; overflow: hidden;}
.tserviceshead {font-size: 35px;line-height: 40px;}
.tservicessubhead {font-size: 35px;line-height: 40px;}
.tservicestext {font-size: 18px;line-height: 28px;}
.designtop {
 margin-top: -51px;
 position: absolute;
 margin-left: -367px;
}
.ttext {text-align: left;}
}
@media only screen and (min-device-width:992px) and (max-device-width: 1199px){
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 35px;}
.carouselsubhead h1 {font-size: 35px;}
.carouselsubhead01 h1 {font-size: 35px;}
.productdetailsbox {padding: 10px 19px 0px 19px;}
.tbottomhead {font-size: 20px;}
.smGlobalBtn {margin-left: 3px!important;}
.btn-two {left: 2%;}
.productcardnewarrival {height: 97%!important;}

.small-container {left: 22px!important;}
.small-container .show-small-img {width: 80px!important;height: 70px!important;}
.tcarttext {font-size: 15px;}
.nexticonimg {left: 946px!important;top: -278px;}

.tbrandhead {font-size: 18px;line-height: 23px;}
.ttoptext {font-size: 15px;letter-spacing: 0px;}
nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;margin: 0px 0px 0px 3px;padding: 0px 94px 15px 0px!important;}
.contact-info-sec {position: static!important; height: auto!important;width: 57%!important;}
.contact-field {padding: 20px 15px 20px 15px;}
.contact-info-sec {border-radius: 25px 25px 25px 25px;}
.shopbytop { margin-top: -99px;}
.productcard-inner {width: 47%;}
.ttopcarttext {font-size: 15px;}
.search-container {left: 42%;width: 23%}
.ttopdetails {font-size: 14px;line-height:19px;}
.ttopdetailsyellow {font-size: 14px;line-height:19px;}
}

@media only screen and (min-device-width:1200px) and (max-device-width: 1299px){
nav.navbar.bootsnav ul.nav > li > a{padding: 0px 12px 30px 12px;}
.dealerloginbtn {padding: 3px 8px;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 60px;}
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 40px;}
.carouselsubhead h1 {font-size: 40px;}
.carouselsubhead01 h1 {font-size: 40px;}
.productdetailsbox {padding: 10px 19px 0px 19px;}

.tbottomtext { font-size: 15px; line-height: 24px; }
.productcardnewarrival {height: 98%!important;}
.productcardspecialoffer {height: 98%!important;}
.nexticonimg {left: 1125px!important;top: -278px;}
.ttoptext {font-size: 18px;}
nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;margin: 0px 0px 0px 0px;padding: 0px 134px 15px 0px!important;}
.contact-info-sec {width: 486px;padding: 34px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.tcategoryboxtext {font-size: 14px;line-height: 33px;}
.small-container .show-small-img {width: 75px!important;height:70px!important;}
.price-input {width: 110%;margin: 10px -10px 15px!important;}
.slider01 .slide-wrap{height:520px!important;}
.shopbytop { margin-top: -99px;}
.productcard-inner {width: 31.3%;}
.search-container {left: 43%;}
.ttopdetailsyellow {font-size: 16px;line-height: 22px;}
.ttopdetails {font-size: 16px;line-height: 22px;}
}

@media only screen and (min-device-width:1300px) and (max-device-width: 1399px){
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 10px;font-size: 14px;}
nav.navbar.bootsnav ul.nav > li > a{padding: 0px 12px 30px 12px;}
.dealerloginbtn {padding: 3px 8px;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 60px;}
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 45px;}
.carouselsubhead h1 {font-size: 45px;}
.carouselsubhead01 h1 {font-size: 45px;}
.productdetailsbox {padding: 10px 19px 0px 19px;}
.productcardnewarrival {height: 98%!important;}
.productcardspecialoffer {height: 98%!important;}
.tbottomtext { font-size: 18px; line-height: 24px; }
.nexticonimg {left: 1125px!important;top: -278px;}
.ttoptext {font-size: 18px;}
nav.navbar.bootsnav ul.nav > li > a {font-size: 14px;margin: 0px 0px 0px 0px;padding: 0px 134px 15px 0px!important;}
.contact-info-sec {width: 486px;padding: 34px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.tcategoryboxtext {font-size: 14px;line-height: 33px;}
.small-container .show-small-img {width: 75px!important;height:70px!important;}
.price-input {width: 110%;margin: 10px -10px 15px!important;}
.slider01 .slide-wrap{height:520px!important;}
.shopbytop { margin-top: -99px;}
.productcard-inner{width: 31.3%;}
.search-container {left: 43%;}
.ttopdetailsyellow {font-size: 16px;line-height: 22px;}
.ttopdetails {font-size: 16px;line-height: 22px;}
}

@media only screen and (min-device-width:1400px) and (max-device-width: 1499px){
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 10px;}	
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 50px;}
.carouselsubhead h1 {font-size: 50px;}
.carouselsubhead01 h1 {font-size: 50px;}
.productdetailsbox {padding: 10px 19px 0px 19px;}
.productcardnewarrival {height: 97%!important;}
.btn-two {left: 10%;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 76px;}

.nexticonimg {left: 1306px!important;top: -278px;}
.ttoptext {font-size: 13px;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0px 0px 0px 0px;padding: 0px 158px 14px 0px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.small-container .show-small-img {width: 92px!important;}
.slider01 .slide-wrap{height:520px!important;}
.shopbytop { margin-top: -99px;}
.productcard-inner {width: 31.6%;}
.ttopcarttext {font-size: 14px;line-height: 25px;}
.ttopdetailsyellow {font-size: 16px;line-height: 22px;}
.ttopdetails {font-size: 16px;line-height: 22px;}
}
@media only screen and (min-device-width:1500px) and (max-device-width: 1599px){
.twelcomehead { font-size: 50px;  line-height: 55px;}
.categorybg { background-image: none;}
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 50px;}
.carouselsubhead h1 {font-size: 50px;}
.carouselsubhead01 h1 {font-size: 50px;}
.productcardnewarrival {height: 97%!important;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 14px 0px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.slider01 .slide-wrap{height:520px!important;}
.shopbytop { margin-top: -99px;}
}

@media only screen and (min-device-width:1600px) and (max-device-width: 1699px){
.categorybg { background-image: none;}
.carouselhead {bottom: 55%;}
.carouselsubhead {bottom: 44%;}
.carouselsubhead01 {bottom: 33%;}
.carouselhead h1 {font-size: 55px;}
.carouselsubhead h1 {font-size: 55px;}
.carouselsubhead01 h1 {font-size: 55px;}
.productcardnewarrival {height: 97%!important;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 14px 0px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.shopbytop { margin-top: -99px;}
}
@media only screen and (min-device-width:1700px) and (max-device-width: 1799px){
.productdetailsbox {padding: 10px 19px 0px 19px;}
.productcardnewarrival {height: 97%!important;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 14px 0px;}
.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.shopbytop { margin-top: -99px;}
}

@media only screen and (min-device-width:1800px) and (max-device-width: 1899px){
.productdetailsbox {padding: 10px 19px 0px 19px;}
.productcardnewarrival {height: 97%!important;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px 14px 0px;}

.slick-next, .slick-prev {top: 55%!important;}
.slick-next, .slick-prev {top: 55%!important;}
.shopbytop { margin-top: -99px;}
}