/**************Header CSS Starts****************/
.top-bg-bar{
	padding: 5px 8px;
	background: #091D4F;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	/* border-radius: 5px; */
}
.top-bg-bar a{
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.top-bg-bar span{
	display: inline-block;
	font-size: 14px;
	color: #fff;
}
.top-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 13px 0px;
    border-bottom: 1px solid #DADDE4;
    margin-bottom: 20px;
}
.logo-bar {
    display: flex;
    align-items: center;
}
.logo-bar>img {
    max-width: 200px;
}
.search {
    display: flex;
    align-items: center;
}
.search-bar {
    border: 0px;
    font-size: 14px;
    padding-left: 12px;
    font-weight: 500;
    line-height: 160%;
    display: flex;
    align-items: center;
    color: #091D4F;
    width:260px;
}
.search-bar::placeholder{
    color:rgb(9 29 79 / 60%);
}
.search-bar:focus{
    outline: none;
}
.search-bar::placeholder{
    color:rgb(9 29 79 / 60%);
}
.dv-computer .site-info {
    display: flex;
    align-items: center;
}

.dv-tablet .site-info {
    display: flex;
    align-items: flex-start;
}

.dv-phone .site-info {
    display: flex;
    align-items: flex-start;
}
.info-item {
    text-align: center;
    cursor: pointer;
}
.info-item a>span{
    color: rgb(9 29 79 / 60%);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 19.2px;
    display: block;
}


.info-item.info-phone{
    text-align: right;
}

.left-border {
    padding-left: 28px;
    position: relative;
    margin-left: 28px;
    height: 100%;
}
.left-border:before {
    content: '';
    width: 1px;
    height: 80%;
    background: rgb(9 29 79 / 20%);
    position: absolute;
    top: 10%;
    left: 0px;
}
.cart-value {
    width: 13px;
    height: 13px;
    border-radius: 20px;
    background: #f00;
    display: block;
    color: #fff;
    line-height: 13px;
    font-size: 8px;
    position: absolute;
    top: -7px;
    right: -7px;
    font-weight: 800;
}
.info-phone a .phone-txt{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #091D4F;
    display: block;
}
.phone{
    display: none;
    width: 18px;
}
.phone img{
    max-height: 18px;
}
.dv-computer .menu-toggle {
    cursor: pointer;
}
.dv-computer .menu-toggle>svg {
    display: block;
    max-height: 18px;
    margin: auto;
}
.dv-computer .menu-toggle>span {
    color:rgb(9 29 79 / 60%);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: -0.01em;
}
.dv-computer .side-navigation-bar{
    position: fixed;
    right: 0px;
    top: 97px;
    width: 0px;
    min-height: 350px;
    z-index: 9;
    background-color: #091d4f;
    opacity: 0;
    transition: 0.1s all ease-in-out;
    padding: 60px 0px;
}
.open-sidebar{
    overflow-y: hidden;
    height: 100%;
}
.open-sidebar .side-navigation-bar{
    width: 100%;
    opacity: 1;
    transition: 0.1s all ease-in-out;
}
.close-bar{
    display: none;
    cursor: pointer;
}
.open-sidebar  .close-bar{
    display: block;
}
.open-sidebar  .menu-toggle{
    display: none;
}
.dv-computer .close-bar svg{
    width: 30px;
    height: 30px;
}
.dv-computer .sd-mnu-lst-rw{
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}
.dv-computer .sd-mnu-lst-rw-itm{
    padding: 0px 15px;
    text-align: left;
}
.dv-computer .sd-mnu-lst-rw-hdr{
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 32px;
}
.dv-computer .sd-mnu-lst-rw-hdr > img{
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin-right: 12px;
}

.dv-computer .sd-mnu-lst-rw-bdy ul li a {
	display: block;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 25.6px;
	color: rgb(255 255 255 / 70%);
	margin-bottom: 16px;
}

.dv-computer .sd-mnu-lst-rw-bdy ul li a svg {
	width: 20px;
	height: 20px;
	margin-right: 12px;
}

.dv-computer .sd-mnu-lst-rw-bdy .social-links {
	flex-direction: column;
	margin-top: 0px;
}

.dv-computer .sd-mnu-lst-rw-bdy .social-links a {
	margin-bottom: 16px;
	display: inline-block;
}

.dv-computer .main-nav .nav-link {
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22.4px;
	padding: 0px;
	color: #091D4F;
}

.dv-computer .main-nav .nav-link:hover,
.dv-computer .main-nav .nav-link.active {
	color: #004CBE;
}

.dv-computer .main-nav .nav-link:first-child {
	padding-left: 0px;
}

.dv-computer .main-nav .navbar-nav {
	justify-content: space-between;
	width: 100%;
	display:flex;
    position: relative;
}

.dv-computer .main-nav {
	position: relative;
}

.dv-computer .megamenu-main.open .megamenu-link::after {
	border-top-color: #004CBE;
}
.dv-computer .megamenu-main.open .megamenu-body{
    visibility: visible;
    opacity: 1;
    height: 500px;
    overflow-y: auto;
    transition: 0.5s all ease;
}
.dv-computer .megamenu-list-rw{
    display: flex;
}
.dv-computer .megamenu-itms{
    /* margin-bottom: 50px; */
    padding:0px 15px;
    flex: 1;
}
.dv-computer .megamenu-itms.megamenu-itms-half{
    flex:2;
}
.dv-computer .megamenu-title{
    font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 120%;
	color: #004CBE;
	margin: 0px 0px 20px 0px;
	display: block;
	border-bottom: 1.5px solid rgb(80 91 119 / 30%);
	padding-bottom: 15px;
	position: relative;
}
.megamenu-list > li{
    list-style: none;
    
}
.dv-computer .megamenu-list > li > a{
    display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: rgb(35 34 32 / 90%);
	margin-bottom: 7px;
}
.dv-computer .megamenu-list > li > a:hover{
    font-weight: 500;
	color: rgb(35 34 32);
}
.dv-computer .menu-pr-brndng-rw{
    display: flex;
    justify-content: flex-end;
}
.dv-computer .menu-pr-brndng-rw .brndng-itms{
    flex: 1;
    margin-right:15px;
    max-width: 190px;
}
.dv-computer .menu-pr-brndng-rw .brndng-itms:last-child{
    margin-right:0px;
}
.dv-computer .brndng-itms img{
    width: 100%;
}
.dv-computer .all-list{
	display:flex;
	flex-wrap:wrap;
}
.dv-computer .all-list > a{
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #091D4F;
    margin:0px 10px 7px 10px;
	width:calc(20% - 20px);
    border-bottom: 0px;
    padding-bottom: 0px;
}
.dv-computer .all-list > a:hover{
    font-weight: 500;
    color: rgb(35 34 32);
}
.dv-computer .cstm-tatto-now{
	height:43px;
}
.dv-computer .cstm-btn-now{
	height:43px;
}
.dv-computer .cstm-lanyrd{
	height:43px;
}
.dv-computer .cstm-ballon-now{
	height:43px;
}
.dv-computer .wrist-band{
	height:28px;
}
.dv-computer .rush-promo{
	height:32px;
}
.dv-computer .custom-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
}
.dv-computer .megamenu-body {
	position: absolute;
	left: 0px;
	top: calc(100% + 0px);
	background: #FFFFFF;
	box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
	border-radius: 23px;
	width: 100%;
	background: #FFFFFF;
	z-index: 999;
	padding: 30px;
	display: none;
	transition: 0.1s all ease;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
body .flex-1 {
    flex: 1;
}


/* Css for Mobile Device Start*/
.dv-phone .menu-toggle{
    width: 40px;
    height: 40px;
    text-align: left;
    padding-top: 13px;
}
.dv-phone .menu-toggle>svg {
	display: block;
	max-height: 18px;
	margin: auto;
}
.dv-phone.fixed-header {
	padding-top: 90px;
}

.dv-phone .top-header {
	margin-bottom: 0px;
    align-items: center;
}

.dv-phone .close-bar svg {
	width: 40px;
	height: 40px;
}
.dv-phone .cart-value{
    top:70px;
    right:8px;
}
/* .dv-phone  .top-bg-bar{
    display: none;
} */
.cinfo-detail{
	text-decoration: underline;
}

.dv-phone .mob-mega-menu-main {
	width: 100%;
	height: calc(100vh - 85px);
	overflow: auto;
	position: fixed;
	left: -100%;
	transition: all 300ms linear;
}

.dv-phone .mob-mega-menu-main.main-nav-active {
	left: 0px;
	transition: all 300ms linear;
	z-index: 9999;
}

.dv-phone .logo-bar>img {
	max-width: 105px;
}

.dv-phone .left-border {
	margin-left: 18px;
	padding-left: 18px;
}


.dv-phone .mega-menu-dark {
	background: #091D4F;
	padding: 40px 16px;
}

.dv-phone .mob-mega-menu-main .custom-tab li a {
	text-transform: uppercase;
}

.dv-phone .mob-mega-menu-main .custom-tab li a {
	margin: 0px 16px;
	color: rgba(255, 255, 255, 50%);
	padding: 10px 0px;
	border-bottom: 1px solid transparent;
	cursor: pointer;
}

.dv-phone .mob-mega-menu-main .custom-tab {
	justify-content: flex-start;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	width: fit-content;
}

.dv-phone .mob-mega-menu-main .custom-tab li:first-child a {
	margin-left: 0px;
}

.dv-phone .mob-mega-menu-main .custom-tab li a.active,
.dv-phone .mob-mega-menu-main .custom-tab li a:hover {
	color: #fff;
	border-bottom: 1px solid #FFFFFF;
	opacity: 1;
}

.dv-phone .mob-mega-menu {
	width: 100%;
}

.dv-phone .mob-menu .menu-item-main>li {
	width: 100%;
}

.dv-phone .mob-menu .menu-item-main>li>a,
.dv-phone .submenu-title {
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	padding: 14px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	position: relative;
	font-weight: 400;
}

.dv-phone .submenu-title {
	font-weight: 900 !important;
	border-bottom: 0px !important;
}

.dv-phone .mob-innr-menu-main>a,
.dv-phone .mob-slide-drpdwn>a {
	position: relative;
}

.dv-phone .mob-innr-menu-main>a:after,
.dv-phone .mob-slide-drpdwn>a::after,
.dv-phone .mob-innr-menu-hdr:after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	right: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-width: 0px 0px 2px 2px;
	transform: rotate(225deg);
}

.dv-phone .mob-slide-drpdwn>a::after {
	border-color: #091D4F;
	transform: rotate(315deg);
	transition: 0.5s all ease;
}

.dv-phone .mob-innr-menu-hdr {
	position: relative;
	padding: 20px 20px 20px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	cursor: pointer;
}

.dv-phone .mob-innr-menu-hdr:after {
	right: auto;
	left: 0px;
	transform: rotate(45deg);
}

.dv-phone .mob-innr-menu-body {
	position: fixed;
	background: #091D4F;
	width: 100%;
	height: 100%;
	top: 85px;
	right: -100%;
	z-index: 1;
	padding: 40px 16px;
	transition: all 300ms linear;
}

.dv-phone .mob-innr-menu-main.sub-menu-active .mob-innr-menu-body {
	right: 0px;
	transition: all 300ms linear;
}

.dv-phone .mega-menu-light {
	background: #DEF5FF;
	padding: 40px 16px;
}

.dv-phone .mega-menu-light .menu-item-main>li>a {
	color: #091D4F;
	border-bottom: 0px;
}

.dv-phone .mega-menu-light .menu-item-main>li>a svg {
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.dv-phone .mega-menu-light .menu-item-main>li>a .avatar {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	object-fit: cover;
	margin-right: 10px;
}

.dv-phone .mob-mega-menu-main .social-links>a svg path {
	fill: #091D4F;
}
.dv-phone .header.mob-menu .mob-mega-menu-main .social-links>a.tiktok-icon svg path:nth-child(1) {
	fill: #ffffff00;
	stroke: rgba(9, 29, 79, 0.4);
}
.dv-phone .header.mob-menu .mob-mega-menu-main .social-links>a.tiktok-icon svg path:nth-child(2) {
	fill: #091D4F;
}

.dv-phone .mob-mega-menu-main .social-links>a:nth-child(4) svg path:nth-child(2) {
	fill: #fff;
}

.dv-phone .mob-mega-menu-main .social-links>a svg rect {
	stroke: rgba(9, 29, 79, 0.4);
}

.dv-phone .mob-slide-drpdwn-body {
	display: none;
}

.dv-phone .is-open.mob-slide-drpdwn>a::after {
	transform: rotate(135deg);
	transition: 0.5s all ease;
}

.dv-phone .submenu-scroll {
	height: calc(100% - 104px);
	overflow: auto;
	margin-left: -16px;
	margin-right: -16px;
	padding: 0px 16px;
}
.dv-phone .left-border {
    margin-left: 20px;
    padding-left: 20px;
}
.dv-phone .mob-menu .menu-item-main {
    width: 100%;
    margin:0px;
}
.dv-phone .custom-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
	padding:10px 0px
	
}
.dv-phone .logo-info{
	max-width: 100%;
}

/* Css for Mobile Device End*/


/* Css for Tablet Device  Start */
.dv-tablet .menu-toggle>svg {
	display: block;
	max-height: 18px;
	margin: auto;
}
.dv-tablet.fixed-header {
	padding-top: 90px;
}

.dv-tablet .top-header {
	margin-bottom: 0px;
    align-items: center;
}

.dv-tablet .close-bar svg {
	width: 40px;
	height: 40px;
}

.dv-tablet .mob-mega-menu-main {
	width: 100%;
	height: calc(100vh - 85px);
	overflow: auto;
	position: fixed;
	left: -100%;
	transition: all 300ms linear;
}

.dv-tablet .mob-mega-menu-main.main-nav-active {
	left: 0px;
	transition: all 300ms linear;
	z-index: 10;
}

.dv-tablet .logo-bar>img {
	max-width: 105px;
}

.dv-tablet .left-border {
	margin-left: 18px;
	padding-left: 18px;
}
.dv-tablet .cart-value{
    top:50px;
    right:6px;
}

.dv-tablet .mega-menu-dark {
	background: #091D4F;
	padding: 40px 16px;
}

.dv-tablet .mob-mega-menu-main .custom-tab li a {
	text-transform: uppercase;
}

.dv-tablet .mob-mega-menu-main .custom-tab li a {
	margin: 0px 16px;
	color: rgba(255, 255, 255, 50%);
	padding: 10px 0px;
	border-bottom: 1px solid transparent;
	cursor: pointer;
}

.dv-tablet .mob-mega-menu-main .custom-tab {
	justify-content: flex-start;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	width: fit-content;
}

.dv-tablet .mob-mega-menu-main .custom-tab li:first-child a {
	margin-left: 0px;
}

.dv-tablet .mob-mega-menu-main .custom-tab li a.active,
.dv-tablet .mob-mega-menu-main .custom-tab li a:hover {
	color: #fff;
	border-bottom: 1px solid #FFFFFF;
	opacity: 1;
}

.dv-tablet .mob-mega-menu {
	width: 100%;
}

.dv-tablet .mob-menu .menu-item-main>li {
	width: 100%;
}

.dv-tablet .mob-menu .menu-item-main>li>a,
.dv-tablet  .submenu-title {
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	padding: 14px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	position: relative;
	font-weight: 400;
}

.dv-tablet .submenu-title {
	font-weight: 500 !important;
	border-bottom: 0px !important;
}

.dv-tablet .mob-innr-menu-main>a,
.dv-tablet .mob-slide-drpdwn>a {
	position: relative;
}

.dv-tablet .mob-innr-menu-main>a:after,
.dv-tablet .mob-slide-drpdwn>a::after,
.dv-tablet .mob-innr-menu-hdr:after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	right: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-width: 0px 0px 2px 2px;
	transform: rotate(225deg);
}

.dv-tablet .mob-slide-drpdwn>a::after {
	border-color: #091D4F;
	transform: rotate(315deg);
	transition: 0.5s all ease;
}

.dv-tablet .mob-innr-menu-hdr {
	position: relative;
	padding: 20px 20px 20px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	cursor: pointer;
}

.dv-tablet .mob-innr-menu-hdr:after {
	right: auto;
	left: 0px;
	transform: rotate(45deg);
}

.dv-tablet .mob-innr-menu-body {
	position: fixed;
	background: #091D4F;
	width: 100%;
	height: 100%;
	top: 85px;
	right: -100%;
	z-index: 1;
	padding: 40px 16px;
	transition: all 300ms linear;
}

.dv-tablet .mob-innr-menu-main.sub-menu-active .mob-innr-menu-body {
	right: 0px;
	transition: all 300ms linear;
}

.dv-tablet .mega-menu-light {
	background: #DEF5FF;
	padding: 40px 16px;
}

.dv-tablet .mega-menu-light .menu-item-main>li>a {
	color: #091D4F;
	border-bottom: 0px;
}

.dv-tablet .mega-menu-light .menu-item-main>li>a svg {
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.dv-tablet .mega-menu-light .menu-item-main>li>a .avatar {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	object-fit: cover;
	margin-right: 10px;
}

.dv-tablet .mob-mega-menu-main .social-links>a svg path {
	fill: #091D4F;
}
.dv-tablet .header.mob-menu .mob-mega-menu-main .social-links>a.tiktok-icon svg path:nth-child(1) {
	fill: #ffffff00;
	stroke: rgba(9, 29, 79, 0.4);
}
.dv-tablet .header.mob-menu .mob-mega-menu-main .social-links>a.tiktok-icon svg path:nth-child(2) {
	fill: #091D4F;
}
.dv-tablet .mob-mega-menu-main .social-links>a:nth-child(4) svg path:nth-child(2) {
	fill: #fff;
}

.dv-tablet .mob-mega-menu-main .social-links>a svg rect {
	stroke: rgba(9, 29, 79, 0.4);
}

/* .dv-tablet .mob-slide-drpdwn-body {
	display: none;
} */
.dv-tablet .logo-info{
    max-width: 80%;
}

.dv-tablet .is-open.mob-slide-drpdwn>a::after {
	transform: rotate(135deg);
	transition: 0.5s all ease;
}

.dv-tablet .submenu-scroll {
	height: 100%;
	overflow: auto;
	margin-left: -16px;
	margin-right: -16px;
	padding: 0px 16px;
}
.dv-tablet .left-border {
    margin-left: 20px;
    padding-left: 20px;
}
.dv-tablet .mob-menu .menu-item-main {
    width: 100%;
    margin:0px;
}
.dv-tablet .custom-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
	padding:10px 0px
	
}
/* Css for Tablet Device End*/

@media screen and (max-width:359px) {
	.wrist-band {
		height: 17px;
	}
    .rush-promo {
		height: 17px;
	}
}

/* For Mobile End*/

@media screen and (min-width:992px) and (max-width:1279px) {
	.all-list>a {
		width: calc(25% - 20px);
	}

	.megamenu-itms.megamenu-itms-half {
		flex: 1;
	}

	.search-bar {
		width: 200px;
	}

	.menu-pr-brndng-rw .brndng-itms {
		max-width: 140px;
	}
}


.dv-computer .menu-toggle>svg {
    display: block;
    max-height: 18px;
    margin: auto;
}

.dv-tablet .menu-toggle>span {
    color: rgb(9 29 79 / 60%);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: -0.01em;
}

.dv-phone .menu-toggle>span {
    color: rgb(9 29 79 / 60%);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: -0.01em;
}
.dv-phone .cstm-lanyrd {
	height: 35px;
}
.dv-tablet .cstm-lanyrd {
	height: 35px;
}
.dv-tablet .menu-toggle{
    width: 40px;
    height: 40px;
    text-align: left;
    padding-top: 13px;
}
.main-nav .default-btn {
    background: #009DFF;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 12px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    border-color: transparent;
}
nav.dx-none{
    display: none!important;
}
.dv-tablet  .mob-search-input-box{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    align-items: center;
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 16px;
	z-index: 2;
}
.dv-tablet  .mob-search-input-box>.position-relative{
	flex: 1;
    margin-right: 16px;
}
.dv-tablet  .mob-search-input-box>.position-relative input{
	width: 100%;
}
.dv-tablet  .search-result-close{
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}
.dv-tablet  .search-result-close svg path{
	stroke: #091D4F;
}
/*************Header CSS ENds*************/
/* Card menu */

.dv-computer .vertical-menu .megamenu-list-rw {
	flex-direction: column;
	position: relative;
}
.dv-computer .vertical-menu .megamenu-itms{
	display: flex;
	width: 30%;
	padding: 0px;

}
.dv-computer .vertical-menu .megamenu-itms  .menu-img-sec{
	display: none;
}
.dv-computer .vertical-menu .megamenu-itms.active-menu .menu-img-sec{
	display: inline-flex;
	border-left: 1.5px solid #E0F3FF
}
.dv-computer .vertical-menu .menu-img-sec{
	position: absolute;
	top:0px;
	left: 30%;
	width: 70%;
	display: flex;
	padding: 30px;
	background: #fff;
    height: 100%;
	border-top-right-radius: 23px;
	border-bottom-right-radius: 23px;
}
.menu-side-list{
	width: 40%;
    margin-right: 20px;
    border-radius: 10px;
}
.dv-computer .vertical-menu .menu-itm-img{
	width: 60%;
}
.menu-itm-img .d-flex .submenu-itm-img{
	display: none;
}
.menu-itm-img .d-flex .submenu-itm-img:nth-child(1),.menu-itm-img .d-flex .submenu-itm-img:nth-child(2){
	display: block;
}
.dv-computer .vertical-menu  .megamenu-title{
	width: 100%;
	margin-bottom: 0px;
	padding: 12px 15px;
	position: relative;
	border: 1px solid transparent;
	color: #252525;

}
.dv-computer .vertical-menu .megamenu-itms.active-menu .megamenu-title{
	background: #009DFF1F;
	border-radius: 7px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.dv-computer .vertical-menu  .megamenu-title:after{
	content: '';
	position: absolute;
	top:15px;
	right: 32px;
    width: 8px;
    height: 8px;
    border: 2px solid #252525;
    border-width: 2px 2px 0px 0px;
    transform: rotate(45deg);
}
.dv-computer .megamenu-list.two-column-list>li{
	width: 40%;
    display: inline-block;
}


.dv-computer .vertical-menu.megamenu-body{
	min-height: 430px;
}
.dv-computer .vertical-menu.megamenu-body.heignt-img{
	min-height: 430px;
}
.megamenu-body.vertical-menu{
	padding: 0px;
}
.megamenu-body.vertical-menu .megamenu-list-rw{
    padding: 30px;
    min-height: 475px;
	border-radius: 23px;
}
.dv-computer .vertical-menu  .megamenu-list>li>a{
	font-weight: 500;
	color: #252525;
	line-height: normal;
	margin-bottom: 15px;
}
.st-catg{
	color: #252525;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	margin: 0px 0px 23px;
	padding-left: 15px;
}
.dv-computer .megamenu-body.vertical-menu  .megamenu-itms{
	flex: unset;
}
.top-seller-img{
	height: 235px;
	display: flex;
}
.top-seller-img>img{
	margin: auto;
}

img.category-tag {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    padding: 10px;
    width: 60px;
    height: 60px;
}
.category-product {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.13);
	border-radius: 10px;
	display: inline-block;
	margin: 0px;
	height: 100%;
	width: 100%;
	position: relative;
    overflow: hidden;
  }
  .vertical-menu  .category-product .card-img-wrapper {
    padding: 0px;
    height: auto;
    max-height: 230px;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.category-product .card-img-wrapper img {
	width: 100%;
    height: auto;
    object-fit: unset;
}
.category-product .card-detail-wrapper {
    text-align: left;
    place-items: start;
    padding: 15px;
    margin-top: 0px;
}
.category-product .rating {
    margin-bottom: 15px;
}
.category-product .product-name {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 4px;
    font-weight: 700;
    color: #091D4F;
}
.category-product .product-desc {
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 2px;
    color: #515871;
}
.vertical-menu .rating {
    justify-content: flex-start;
}
.sku-bx {
    background: #F6F6F6;
    border: 1px solid rgba(0, 0, 0, 0.04);
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 120%;
    color: #526083;
    padding: 4px 1px;
    margin-left: 4px;
    width: fit-content;
}
.overflow-text-ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
body .mn-prc, body .mn-prc b {
    color: #7f7f7f;
	font-size: 12.5px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
body .mn-prc{
	margin-top: 9px !important;
}

/* Card menu */


/*************Footer css starts**************/
footer{
    background: #091D4F;
    padding-top:50px;
    padding-bottom:50px;
}
body footer .logo{
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
.footer-area .row{
	display: flex;
    flex-wrap: wrap;
    padding: 0px 15px;
}
.social-links{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 20px;
}
.social-links a{
    margin: 0px 3px;
    border-radius: 8px;
}
.social-links a:hover{
    background: #fff;
}
.social-links a:hover svg{
    filter: invert(1);
}
.coppy-right{
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}
.footer-links{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.footer-links label{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin: 0px 0px 16px;
}
.footer-links a, .footer-links div{
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.7;
    text-transform: capitalize;
    margin: 0px 0px 16px;
    display: inline-block;
}
.footer-links div{
    opacity: 1;
}
.footer-links a:hover{
    color: #fff;
}
.footer-links svg{
    margin-right: 10px;
}
footer .logo img{
    max-width:170px;
    margin:0px 0px 20px 0px;
}

.dv-computer .col-media{
	width: 25%;
}
.dv-computer  .col-links{
	width: 25%;
}
.dv-computer .col-contact{
	width: 25%;
}

.dv-tablet .col-media{
	width: 100%;
	text-align: center;
    display: flex;
    flex-direction: column;
}
.dv-tablet  footer .logo img{
    margin: 0px;
}
.dv-tablet  .social-links{
	justify-content: center;
}
.dv-tablet  .col-links{
	width: 33.33%;
    padding-right: 15px;
}
.dv-tablet .col-contact{
	width: 33.33%;
}
.dv-tablet  .footer-links {
	margin-top: 40px;
}
.dv-tablet .footer-links a,
.dv-tablet .footer-links div {
	font-size: 13px;
}

.dv-tablet .mob-slide-drpdwn>a.footer-slide-link::after,
.dv-tablet .mob-slide-drpdwn>a.footer-slide-link::before{
	content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 0px;
	background-color: #ffffff;
	border: 0px;
	width: 20px;
	height: 2px;
	transform: rotate(0deg);
}
.dv-tablet .mob-slide-drpdwn>a.footer-slide-link::before{
	transform: rotate(90deg);
}
.dv-tablet .is-open.mob-slide-drpdwn>a.footer-slide-link::before{
	transform: rotate(0deg);
}
.dv-tablet .footer-links .mob-slide-drpdwn-body a{
    width: 100%;
    display: inline-block;
}


.dv-phone .col-media{
	width: 100%;
}
.dv-phone  .col-links{
	width: 100%;
}
.dv-phone .col-contact{
	width: 100%;
}

.dv-phone .footer-links{
	margin-top: 20px;
}
.dv-phone .footer-links label {
	margin-bottom: 14px;
}

.dv-phone footer .logo {
	color: #fff !important;
}
.dv-tablet .mob-mega-menu-main .social-links>a[title="twitter"] svg path:nth-child(2),
.dv-phone .mob-mega-menu-main .social-links>a[title="twitter"] svg path:nth-child(2) {
	fill: #091D4F;
}
@media screen and (min-width:992px) and (max-width:1130px) {
    .footer-links a, .footer-links div{
        font-size: 12px;
    }
}
@media screen and (max-width:359px){
	.wrist-band {
		height: 20px;
	}
    .rush-promo {
		height: 20px;
	}
}

@media screen and (min-width:320px){
    .header .container,  .footer-area .container{
         width:100%;
     }
 }

 @media screen and (min-width:768px){
    .header .container,  .footer-area .container{
         width:100%;
     }
 }

 @media screen and (min-width:1024px){
    .header .container,  .footer-area .container{
         width:100%;
     }
 }
 @media screen and (min-width:1180px) and (max-width:1349px){
     body .header .container, body .footer-area .container{
         width: 1180px;
         /* width: 96%; */
     }
 }
 @media screen and (min-width:1350px) and (max-width:1439px){
     body .header .container, body .footer-area .container{
         padding-left: 15px;
         padding-right: 15px;
         width: 1300px;
         /* width: 96%; */
     }
 }
 @media screen and (min-width:1440px){
     body .header .container, body .footer-area .container{
         width: 1290px;
         /* width: 96%; */
     }
 }



@media screen and (min-width:992px) and (max-width:1199px){
 .footer-media-column{
     text-align:center;
 }
 body .footer-media-column .logo{
     margin:auto;
 }
 body .footer-media-column  .social-links{
     justify-content:center;
 }
}
@media screen and (min-width:323px){
    .dv-phone .cart-value{
        top:50px;
    }
}
/***************footer css ends*************/
/***cart section start******/
.crt-added-itm-mdl {
    background: #FFFFFF;
    box-shadow: -8px 8px 46px -9px rgba(6, 19, 51, 0.2);
    border-radius: 10px;
    padding: 15px;
    min-width: 300px;
    position: absolute;
    top: calc(100% + 0px);
    right: 0px;
    z-index: 1;
    display: none;
    margin-top: -2px;
}
.wb-cart:hover .crt-added-itm-mdl {
    display: block;
}
.crt-chkout-cntnt-main  .already-acc a{
    border-bottom: 1px solid #091D4F;
    }
    .crt-chkout-cntnt-main  .already-acc a:hover{
    color: #091D4F;
    }
    
    .crt-added-itm-rw{
    max-height: 300px;
    overflow: auto;
    margin-bottom: 10px;
    }
    .crt-added-item{
    display: flex;
    padding-right: 10px;
    margin-bottom: 24px;
    }
    .crt-added-img{
    width: 80px;
    height: 80px;
    display: flex;
    background: #F9F9F9;
    border-radius: 4.21053px;
    margin-right:16px;
    }
    .crt-added-img img{
    margin: auto !important;
    width: 70%;
    height: 70%;
    object-fit: contain;
    }
    .crt-added-content{
    text-align: left;
    flex:1;
    }
    .crt-added-content>h4{
    margin: 0px 0px 12px 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    color: #091D4F;
    }
    
    .crt-added-content>h4 span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color:rgb(9 29 79 / 50%);
    display: block;
    }
    .crt-added-content>p{
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 0px 0px;
    }
    .crt-added-content>p span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    color: #091D4F;
    }
    .crt-added-content .text-truncate{
    max-width: 180px;
    }
    
    #js-cart-items .emty-msg p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        text-align: center;
        color: #091D4F;
    }
    #js-cart-items h3{
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #091D4F;
    }
    .default-dark {
        background: #004CBE !important;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px 32px;
        text-align: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        border-color: transparent;
    }
    #navbarNavDropdown{
        padding-left: 0px;
        padding-right: 0px;
    }
    @media screen and (min-width:769px){
    .modal-center-XY{
        top:50% !important;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    }
    
    @media screen and (min-width:581px){
    .crt-added-itm-mdl{
        right: calc(100% - 85px);
    }
    }
    @media screen and (min-width:1023px){
    .crt-added-itm-mdl{
        right: calc(100% - 100px);
    }
    }
    
    @media screen and (max-width:580px){
    .crt-added-itm-mdl{
        position: fixed;
        width: 90%;
        top: 70px;
        left: 5%;
        z-index: 2;
    }
    }
    
    /* Cart Added item ENd*/
.overflow-hidden{
    overflow: hidden;
}
.dv-phone .mob-slide-drpdwn>a.footer-slide-link::after,
.dv-phone .mob-slide-drpdwn>a.footer-slide-link::before{
	content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 0px;
	background-color: #ffffff;
	border: 0px;
	width: 20px;
	height: 2px;
	transform: rotate(0deg);
}
.dv-phone .mob-slide-drpdwn>a.footer-slide-link::before{
	transform: rotate(90deg);
}
.dv-phone .is-open.mob-slide-drpdwn>a.footer-slide-link::before{
	transform: rotate(0deg);
}
.dv-phone .footer-links a{
	margin-bottom: 10px;
}
.dv-phone .footer-links .mob-slide-drpdwn-body a{
	display: inline-block;
	width: 48%;
} 
.dv-computer .custom-footer .mob-slide-drpdwn-body {
    display: flex;
    flex-direction: column;
}
.logo-info {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    color: #DAE1F2;
    opacity: 0.7;
    max-width: 250px;
}
.copyright {
    border-top: 1px solid rgba(249, 249, 249, 0.1);
    padding-top: 25px;
    padding-bottom: 25px;
}
.copyright p {
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.5;
}
footer.custom-footer {
    padding-bottom: 0px;
}
.mx-0{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.me-3 {
    margin-right: 1rem!important;
}

.dv-phone .social-links{
	margin-top: 10px;
	margin-bottom: 10px;
}

.top-bg-bar .text-start{
    text-align: left;
}

.top-bg-bar .mx-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
}
.top-bg-bar .row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.top-bg-bar .d-flex{
    display: flex;
}
.top-bg-bar .d-flex{
    align-items: center!important;
}
.top-bg-bar a{
    display: inline-flex;
    padding: 3px;
}
#coupon-detail-infox .modal-header .close{
    font-size: 25px !important;
}
a.cinfo-detail span {
    font-size: 0.55rem !important;
}
@media (min-width: 992px){

    .top-bg-bar .col-xl-8, .top-bg-bar .col-xl-4  {
        flex: 0 0 auto;
        width: 50%;
    }
  
}
@media (min-width: 1200px){

    .top-bg-bar .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .top-bg-bar .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
  
}
.cursor-pointer{
    cursor:pointer !important;
}
.dv-phone .top-bg-bar{
    font-size: 12px;
}

/* Footer Payment icons */
.ftr-align-items-center.d-flex{
    display: flex !important;
}
.ftr-align-items-center{
    align-items: center !important;
}
.mb-0{
    margin-bottom: 0px;
}

.ftr-pymnt-img{
    flex: 1;
 margin-left: 10px;
}
.stripe-img{
 margin: 0px;
 padding: 0px;
 list-style: none;
}
.stripe-img li{
 background: url(https://d11jpnl4uum05e.cloudfront.net/wbnew/images/footer/stripe-payment-2.png) top left no-repeat;
 width: 42px;
 height: 27px;
float: left;
 background-size: cover;
 color: transparent;
 margin-right: 10px;
}
.visa{
 background-position: 0px 0px !important;
}
.mastercard{
 background-position: 14% 0px !important;
}
.discover{
 background-position: 29% 0px !important;
}
.americanexpress{
 background-position: 43% 0px !important;
}
.paypal{
 background-position: 57% 0px !important;
}
.bitcoin{
 background-position: 71% 0px !important;
}
.applepay{
 background-position: 86% 0px !important;
}
.klarna{
 background-position: 100% 0px !important;
}
@media screen and (max-width:991px){
 .stripe-img li{
     width: 38px;
     height: 24.6px;
     margin-bottom: 0px;
     margin-right: 4px;
 }
}
@media screen and (max-width:767px){
 .ftr-pymnt-img{
     margin-left: 0px;
     margin-top: 8px;
     width: 100%;
     flex: auto;
 }
 .stripe-img li{
     width: 38px;
     height: 24.6px;
     margin-bottom:3px;
     margin-right: 3px;
 }
}
@media screen and (max-width:580px){
 .stripe-img li{
     margin-right: 3px;
 }
}

.dv-computer .get-qoute-side-btn {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(0%, -50%) rotate(90deg);
	z-index: 10;
	display: block;
	border: none;
	background: #091D4F;
	color: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	cursor: pointer;
	padding: 4px 10px;
	-ms-transform-origin: right top 0;
	-moz-transform-origin: right top 0;
	-webkit-transform-origin: right top 0;
	transform-origin: right top 0;
}