.hdr-top { background: #415b80; padding:8px 0; color: #fff;}
.hdr-top .hdr-top-inner .hdr-tp-lft { width: 60%;}
.hdr-top .hdr-top-inner .hdr-tp-lft span { font-size:14px; font-weight: 400; color: #fff;}
.hdr-top .hdr-top-inner .hdr-tp-lft strong{color: #ffee00;font-weight: 600; font-size: 16px; letter-spacing: 1px;}
.hdr-top .hdr-top-inner .hdr-tp-lft strong p{display: inline-block;}
.hdr-top .hdr-top-inner .hdr-tp-rgt {width: 40%; text-align: right;}
.hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact{margin-right: 10px;}
.hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact span{font-size: 16px; font-weight: 500;} 
.hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact-time span{font-size: 14px; font-weight: 400;} 
.hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact a { color: #fff;    font-weight: 400;}

.hdr-logo-main{padding: 10px 0; border-bottom: 1px solid #ccc;}
.hdr-logo-main a { display: block; letter-spacing: .2px;}
.hdr-logo-main .hdr-colu-logo { width: 30%;} 
.hdr-logo-main .hdr-colu-logo img{display: block;}
.hdr-logo-main .hdr-colu-search { width:48%;}
.hdr-logo-main .hdr-colu-search form { background: #f4f5fb; border-radius: 30px; max-width: 420px; height: 48px;}
.hdr-logo-main .hdr-colu-search .search-input { width: 100%;padding:10px 20px; outline: none; font-size: 16px;  background: none; border: 0; font-family: 'Fredoka';font-weight: 400;}
.hdr-logo-main .hdr-colu-search .search-button{ text-align: center; outline: none; border: 0; cursor: pointer; background: none;     padding-right: 15px;}
.hdr-logo-main .hdr-colu-search .search-input::-webkit-input-placeholder {color: #6e7191;}
.hdr-logo-main .hdr-colu-search .search-input::-moz-placeholder {color: #6e7191;}
.hdr-logo-main .hdr-colu-search .search-input:-ms-input-placeholder { color: #6e7191;}
.hdr-logo-main .hdr-colu-search .search-input:-moz-placeholder {color: #6e7191;}

.hdr-logo-main .hdr-colu-login { width: 22%;color: #6e7191; position: relative;}
.hdr-logo-main .hdr-colu-login ul li { width: 50%; position: relative;}
.hdr-logo-main .hdr-colu-login .login-acc{color: #6e7191;}
.hdr-logo-main .hdr-colu-login .login-acc:hover{color: #e0515f;}
.hdr-logo-main .hdr-colu-login .login-acc-text span{ font-size: 16px; font-weight: 400;padding-left: 15px; display: block;}
.login-aac-hover{position: relative; cursor: pointer;}
.login-aac-hover:hover .login-hoverdiv{visibility: visible; display: block; margin-top: -30px;}
.login-hoverdiv{ position: absolute; text-align: left; top:calc(100%  + 30px); padding: 10px;  background: #fff; transform: translate3d(0, 0, 0); backface-visibility: hidden;
    filter: drop-shadow(0 0 3px rgba(1, 3, 4, .19)); transition: all .3s ease-in-out; z-index: 1009999; color: #000; border-top: 2px solid #415b80;    visibility: hidden;
    display: none; width: 200px; right: -36px; text-align: center;
}

.acc-login-hover-mobile:hover .login-hoverdiv { visibility: visible; display: block; margin-top: -30px;}
.cart-hover-mobile:hover .cart-hoverdiv { visibility: visible; display: block; margin-top: -30px;}
.cart-hover-mobile .cart-hoverdiv{width: 300px;}

.singin-btn .btn {border-radius: 0;}
.register-btn .btn {border-radius: 0;}
.login-spam {margin: 10px 0; color: #374f72;}
.register-text { padding: 6px 0; color: #374f72;  font-size: 14px;font-weight: 400;}
.hdr-logo-main .login-cart{color: #6e7191;}
.hdr-logo-main .login-cart:hover{color: #e0515f;}
.hdr-logo-main .login-cart span { font-size: 16px; font-weight: 400;padding-left: 20px; display: block;}
.hdr-logo-main .login-cart span.item-num{color: #e0515f; display: block;}

.cart-hover{position: relative;}
.cart-hover .cart-sec-bottom-right-text span svg{fill:#000;}
.cart-hover:hover .cart-hoverdiv{visibility: visible; display: block; margin-top: -30px;}
.cart-hoverdiv{ position: absolute; text-align: left; top:calc(100%  + 30px); padding: 10px;  background: #fff; transform: translate3d(0, 0, 0); backface-visibility: hidden;
filter: drop-shadow(0 0 3px rgba(1, 3, 4, .19)); transition: all .3s ease-in-out; z-index: 1009999; color: #000;    visibility: hidden; border-radius: 8px;
display: none; width: 360px; right: 0; text-align: center;
}
.cart-sec-main-top-inner {padding: 0 0 10px;}
.cart-sec-main-top-inner .cart-title {font-size: 16px; font-weight: 500; color: #374f72; padding-right: 5px;}
.cart-title-text span {font-size: 20px; font-weight: 500;}
.cart-title-text strong {font-size: 14px;font-weight: 500; display:flex; align-items:center;}
.cart-title-text strong svg{width:18px; margin-right:3px;}
.cart-conti-shop a {font-size: 14px; font-weight: 400; text-decoration: underline; color: #374f72;}
.cart-conti-shop a:hover{color: #e0515f;}
.cart-sec-main-bottom {padding: 5px 0;}
.cart-sec-bottom-left{width: 25%;}
.cart-sec-bottom-right{width: 75%; margin-left: 8px;}
.cart-sec-bottom-right-text {padding-top: 7px;}
.cart-sec-bottom-left a img{width: 80px; height: 80px;}
.cart-sec-bottom-right-title {text-align: left; font-size: 14px; font-weight: 400; line-height: 20px;color: #374f72;padding: 5px 0;}
.cart-sec-bottom-right-text span {font-size: 16px; font-weight: 500; padding: 0 8px 0 0; display:flex; align-items:center;}
.cart-sec-bottom-right-text span svg{margin-right:3px; fill:#374f72; width:18px; height:18px;}
.cart-sec-bottom-right-text strong {font-size: 14px; font-weight: 500;}
.cart-sec-bottom-right-text p{font-size: 14px; font-weight: 400; color: #374f72;}
.hovercheckout-btn {margin-top: 5px;}
.hovercheckout-btn a {height: 50px; border-radius: 8px; line-height: 32px;}

/* MANISH */
.sign-btn {margin: 5px 0;}
.sign-btn a {text-transform: capitalize; border-radius: 0;}
.manish {background:red !important;color:#fff;}



.submenu-normal {  position: absolute; left: 0%; right: 0;  top: 100%;  width: 100%;  background-color: #fff;  transition: 0.5s all;pointer-events: none; opacity: 0; max-width: 250px;height: auto;}
.navigation ul li.new_sales:hover .submenu-normal {opacity: 1;	pointer-events: auto; z-index: 999999;}
.navigation > ul > li .submenu-normal-inner{ color: #fff; background: #415b80 !important;}
.navigation > ul > li .submenu-normal ul li{ border: 0;}
.navigation > ul > li .submenu-normal ul li a{color: #fff !important;padding:12px; border-radius: 0 !important;  background: #415b80 !important; font-weight: 400; display: block !important;}
.navigation > ul > li .submenu-normal ul li a:hover{background: #374f72 !important;}

.navigation-scn {width: 100%;	position: relative;color: #415b80;}
nav.navigation {padding:0px 0; position: relative;}
.navigation ul li {display: flex;	flex-flow: row wrap; align-items: center;	padding: 7px 0px; }
.navigation ul li.drowpdown {position: relative;}
.navigation ul li.drowpdown:hover:after,
.navigation ul li.megamenu:hover:after {opacity: 0.9;}
.navigation ul li a {padding: 9px 20px;display: flex;flex-flow: row wrap; font-size: 18px;	color: #415b80;	transition: 0.5s all;font-weight: 600;}
.navigation > ul > li > a:hover {color: red; background: #f4f5fb; border-radius: 30px;}
.navigation > ul > li.active a  {background: #adff2f3d; border-radius: 30px; }
/* .navigation > ul > li:hover{} */
.navigation > ul > li:hover > a {color: red;background: #f4f5fb; border-radius: 30px;}
/*Sub Menu start*/
.submenu {  position: absolute; left: 0%; right: 0;  top: 100%;  width: 100%;  background-color: #fff;  transition: 0.5s all;pointer-events: none; opacity: 0;  -webkit-box-shadow: 0 7px 6px -6px #f0f3f8;
    -moz-box-shadow: 0 7px 6px -6px #f0f3f8;
    box-shadow: 0 7px 6px -6px #f0f3f8;
}

.navigation ul li:hover .submenu {opacity: 1;	pointer-events: auto; z-index: 999999;}
.navigation ul li.drowpdown .submenu {	width: 250px; }
.navigation ul li ul {display: block;}
.navigation ul li ul li {padding: 0px;	width: 100%;	border-bottom: #dfdfdf 1px solid;	display: block;}
.navigation ul li ul li:hover{border-radius: 0;}
.navigation ul li ul li:last-child {border-bottom: none;}
.navigation ul li ul li a {	padding: 8px 15px;	font-size: 18px; }





.submenu-inner-box.box-left {width: 25%;}
.submenu-inner-box.box-left ul li a:hover:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #eef0f1;
}
.submenu-inner-hoverdiv{width: 75%; background: #f0f3f8; }
.submenu-inner-hoverdiv .submenu-inner-box {width: 60%;}
.submenu-inner-hoverdiv .submenu-img-part.submenu-inner-box{width: 40%;}

.navigation ul li .submenu-inner  .submenu-inner-box ul li{border: 0;}
.navigation ul li .submenu-inner  .submenu-inner-box ul li a {	padding: 13px 20px; font-weight: 400; font-size: 16px; display: block; position: relative;}
.navigation ul li .submenu-inner .submenu-inner-box.box-middle ul li a:hover {color: red;text-decoration: underline; background: transparent;}
.submenu-inner-box.box-left{ background: #415b80; color: #fff;}
.submenu-inner-box.box-left ul li a{color: #fff; font-weight: 500; font-size: 16px;}

.submenu-inner-box.box-left ul li a:hover{color:#fff; background: #374f72;}

.submenu-inner-box.box-left ul li .list-active{color:#fff; background: #374f72;}
.submenu-inner-box.box-left ul li a:hover .submenu-inner-hoverdiv{display: block;} 

.submenu-inner-box.box-middle ul li:hover{background: transparent;}
.navigation ul li .submenu-inner .submenu-imginfo a {	font-size: 20px;	color: #415b80;font-weight: 700;	text-align: center;	width: 100%;	padding: 10px 15px;	background-color: #000;	opacity: 1;	justify-content: center;	letter-spacing: 2px;}
.submenu-img img {	display: block; border-radius: 8px;}
.submenu-inner-box-inner ul {width: 50%; padding-left: 25px;}
.submenu-img-part .submenu-img {margin-top: 15px;}


.nl-signup-main { background: #415b80; text-align: center; color: #fff; padding: 20px 0;}
.nl-signup-title {font-size: 34px; font-weight: 600; padding-bottom: 15px;}
.nl-signup-text { font-size: 16px; font-weight: 500;}
.nl-signup-text strong{color: #e8ea22; font-weight: 500;}
.nl-form { max-width: 665px; margin: 20px auto; background: #fff; padding: 5px; border-radius: 30px;}
.nl-form .search-input::-webkit-input-placeholder {color: #6e7191;}
.nl-form .search-input::-moz-placeholder {color: #6e7191;}
.nl-form .search-input:-ms-input-placeholder { color: #6e7191;}
.nl-form .search-input:-moz-placeholder {color: #6e7191;}

.contact-title{font-size: 34px; font-weight: 500; color: #e0515f; text-align: center;}
.contact-call { width: 30%;}
.contact-mail { width: 40%;}
.contact-cus-service {width:30%;}
.contact-main-inner{padding: 25px 0;}
.contact-main-inner ul li:last-child {padding-left: 20px;}
.contact-text span{font-size: 16px; color: #6e7191; font-weight: 400; display: block;}
.contact-text strong {font-size: 22px;color: #374f72; font-weight: 600; padding: 4px 0; display: block;}
.contact-icon img{display: block;}

.contact-main-inner .contact-call:hover img,
.contact-main-inner .contact-mail:hover img,
.contact-main-inner .contact-cus-service:hover img{animation-duration: 0.8s;animation-fill-mode: both;animation-name: rubberBand;}
@keyframes rubberBand {
0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
30% {-webkit-transform: scale3d(1.18, .75, 1);transform: scale3d(1.18, .75, 1)}
40% {-webkit-transform: scale3d(.75, 1.18, 1);transform: scale3d(.75, 1.18, 1)}
50% {-webkit-transform: scale3d(1.1, .85, 1);transform: scale3d(1.1, .85, 1)}
65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1)}
75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1)}
100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}

.footer-bottom-main { background: #f4f5fb; padding: 15px 0;}
.footer-bottom-rght ul li {padding: 0 5px;}
.footer-bottom-lft span { font-size: 16px; display: block; color: #374f72; font-weight: 400;}



.footer-menu-main {padding:30px 0; border-top: 2px solid #415b80;border-bottom: 2px solid #415b80;}
.accordian_title{font-size: 20px; font-weight: 600; color:#374f72; padding-bottom: 10px;}
.ftr__list.nav{width: 25%; padding: 0 15px;}
.ftr__list.nav ul li a{ font-size: 14px; padding: 4px 0; font-weight: 400; color: #374f72; display:inline-block;}
.ftr__list.nav ul li a:hover{color: #e0515f;}

.join-us-main {padding: 15px 0;}
.join-us-title span {font-size: 20px; font-weight: 700; padding: 0 10px; color: #374f72;}
.join-us-text p {font-size: 16px; font-weight: 400;padding: 0 10px; color: #374f72;}
.join-us-icon {padding: 0 10px;}
.join-us-icon ul li {padding: 0 6px;}

.subscribe-btn { padding: 9px 18px !important; }

.footer.NewUpdated_SaleThem {
    width: 100%;
    float: left;
}
.footer-menu-inner .nav .accordian_title a{display: inline-block;}

/* SEARCH POPUP START */
.search_pro_list {
    width: 535px !important;
    height: 345px !important;
    background: #ffffff !important;
    padding: 10px 5px 10px !important;
    position: absolute !important;
    z-index: 1111111 !important;
    top: 125px !important;
    left: 38% !important;
    -moz-box-shadow: 1px 1px 5px #ccc !important;
    -webkit-box-shadow: 1px 1px 5px #ccc !important;
    box-shadow: 1px 1px 5px #ccc !important;
    overflow-y: auto !important;
}

.search_pro_close a {
    display: block;
}
.search_pro_close svg {
    width: 22px;
    height: 22px;
}

.search_pro_close {
    width: 10%;
    text-align: center;
}

.search_pro_list_box {
    width: 95%;
    float: left;
    border-bottom: 1px dashed #d9d6d6;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
}

    .search_pro_list_box:last-child { /* border-bottom: none; */ /* margin-bottom: 0px; */
    }

.search_pro_list_img {
    float: left;
    width: 30%;
    text-align: center;
}

    .search_pro_list_img img {
        width: 70px;
    }

.search_pro_list_title {
    float: left;
    width: 70%;
}

    .search_pro_list_title a span {
        font-size: 14px;
    }

.search_pro_list_price {
    padding-top: 10px; display:flex; align-items:center;
}
.search_pro_list_price svg{width:18px; height:18px; fill:#000; margin-right:3px;}

.search-container input[type="text"] {
    background: transparent;
    border: none;
    width: 90%;
    color: #333333; /*font-size: 16px;*/
    padding: 7px 15px;
    display: inline-block;
    border-radius: 18px;
}

.search-container button[type="submit"] {
    border: none;
    background: transparent;
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    cursor: pointer;
}



.new-cls-product-row .product_auto_order span {
    font-size: 20px;
    color: #eb2600 !important;
    text-decoration: none;
}

    .new-cls-product-row .product_auto_order span.remove_small_mobile {
        font-size: 16px;
        font-weight: 400;
        color: #333333 !important;
    }

.new-cls-product-row .pro-supplies-col:hover .shop-now a {
    background: #eb2600;
}

.new-cls-product-row .product_auto_order {
    width: 100%;
    float: left;
    color: #333333;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding-bottom: 2px;
    margin-top: 12px;
    /* bottom: -8px; */
}

    .new-cls-product-row .product_auto_order span {
        padding-left: 5px;
    }

    .new-cls-product-row .product_auto_order img {
        width: 15px;
        margin: 0 5px 0 0;
    }
/* SEARCH POPUP END */

@media(min-width:500px){
    .nl-form .nl-signup-bnt { display: none;}
}

@media(min-width: 991px){
    .hdr-logo-mobile{display: none;}
.hdr-logo-main .hdr-colu-logo img.mobile-logo{display: none;}
.hdr-colu-login-mobile{display: none;}
.menu-drawer-icon{display: none;}
}
@media only screen and (max-width:1400px),(max-width:1499px){
    .search_pro_list {left: 32% !important;}
}

@media only screen and (max-width:1000px),(max-width:1099px){
    .hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact span{font-size: 14px;}
    .hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact-time span{font-size: 12px;}
    .navigation ul li {padding: 7px 0px;}
    .hdr-logo-main .hdr-colu-login .login-acc-text span{padding-left: 7px;}
    .hdr-logo-main .hdr-colu-login .login-acc .login-acc-img img {width: 24px; height: 26px;}
    .hdr-logo-main .hdr-colu-search { width: 45%;}
    .hdr-logo-main .hdr-colu-login {width: 25%;}
    .hdr-logo-main .login-cart .login-cart-img img{width: 24px; height: 26px;}
    .navigation ul li a {padding: 9px 15px;}
}

@media only screen and (max-width:900px),(max-width:990px){
.hdr-colu-login-desktop{display: none;}
.hdr-colu-search{display: none;}
.menu-drawer-icon {}
.hdr-colu-logo {    display: flex;    align-items: center;}
.hdr-logo-main .hdr-colu-logo {    width: 60%;}
.hdr-logo-main .hdr-colu-login {    width: 40%;    }
.hdr-colu-login-mobile ul{justify-content: flex-end; margin: 0 -10px}
.hdr-logo-main .hdr-colu-login ul li{width: auto;     padding: 0 10px;}
.navigation-scn{display: none;}
.hdr-logo-main .hdr-colu-logo img.desktop-logo{ display: none;}
.login-cart-text {display: none;}
}

@media only screen and (max-width:800px),(max-width:899px){
.contact-cus-service {width: 100%; margin-bottom: 40px;}
.contact-call {width: 50%; order: 2;}
.contact-mail {width: 50%; order: 3;}
.contact-text strong {font-size: 18px; padding: 2px 0;}
.contact-text span {font-size: 14px;}
.contact-icon img {width: 40px;}
.contact-text span.none-for {display: none;}

.footer-menu-main {padding: 0;}
.ftr__list.nav{width: 100%; padding: 0;}
/**nav-expand for footer with head and ul**/
.footer-menu-inner ul { max-height: 0; overflow:hidden; transition: max-height 1s ease-out; }
.footer-menu-inner .nav .accordian_title {cursor: pointer; position: relative;  padding: 10px; border-bottom: 1px solid #dde0e6;}
.footer-menu-inner .nav .accordian_title:after{border: solid #7b97be;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;content: '';position: absolute;transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 10px;top: 50%;width: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.footer-menu-inner .nav.open .accordian_title:after {margin-top: -1px;-moz-transform: rotate(225deg);-o-transform: rotate(225deg);-webkit-transform: rotate(225deg);transform: rotate(225deg);}    .footer-menu-inner .nav.open ul { height:auto; max-height: 500px; transition: max-height 1s ease-in !important; }

/**nav-expand for footer with head and ul**/
.ftr__list.nav ul li{padding: 0 0 0 10px;}
.ftr__list.nav ul li a{display: block;}
.join-us-title {display: none;}

.mobile-toggle a {border-bottom: 0 !important;display: inline-block !important;}
.mobile-toggle a svg {width: 26px; height: 26px; float: right;}
.hdr-top .hdr-top-inner .hdr-tp-lft{display: none;}
.hdr-top .hdr-top-inner .hdr-tp-rgt{width: 100%;  text-align: center;}
.hdr-top .hdr-top-inner .hdr-tp-rgt .hdr-tp-rgt-inner{justify-content: space-between !important; flex-flow: row wrap;}
.hdr-top .hdr-top-inner .hdr-tp-rgt .divcontact{margin-right:0;}
.Language_Currency_Div{width:120px !important;}



}

@media only screen and (max-width:700px),(max-width:799px){

    .hdr-logo-main .hdr-colu-login ul li img {width: 20px;}
    .cart-sec-bottom-left a img{width: 60px !important; height: 60px !important;}
    .nl-form{max-width: 600px;}
   
    .footer-bottom-rght ul li img { width: 60px;}
    .hdr-top .hdr-top-inner .hdr-tp-lft {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:600px),(max-width:699px){
    .hdr-top .hdr-top-inner .hdr-tp-lft { width: 100%;}

    .footer-bottom-inner{justify-content: center !important;} 
    .footer-bottom-lft span {font-size: 14px; padding-bottom:10px ; text-align: center;}
}

@media only screen and (max-width:500px),(max-width:599px){
    .contact-call {width: 100%;}
    .contact-mail  {width: 100%; padding: 20px 0;}
    .contact-cus-service {width: 100%; margin-bottom: 10px;}
    .join-us-text {width: 100%; text-align: center; padding-bottom: 10px;}
}

@media only screen and (max-width:400px), (max-width:499px) {
    .hdr-logo-main .hdr-colu-logo img.mobile-logo {width: 120px;}
    .menu-drawer-icon {margin-left: 0;}
    .nl-signup-title { font-size: 22px; padding-bottom: 10px;}
    .nl-form .subscribe-btn { display: block;}
    .nl-signup-text {   max-width: 330px; margin: 0 auto;}
    .contact-main-inner ul {justify-content: start;}
    .footer-bottom-lft span {font-size: 12px; padding-bottom:10px ;}
    .contact-title{font-size: 24px;}
    ul#cd-primary-nav {top: 130px !important; height: calc(100% - 130px) !important;}
    .contact-text strong {font-size: 16px; padding: 2px 0;}
    .contact-icon img {width: 30px;}
    .accordian_title{font-size: 16px;}
	.nl-form .search-input {text-align:left; font-size: 14px !important; padding: 7px !important;}
    .hdr-top .hdr-top-inner .hdr-tp-lft strong{font-size: 14px; letter-spacing: .5px;}
    .hdr-logo-main .hdr-colu-logo {    width: 65%;}
.hdr-logo-main .hdr-colu-login {    width: 35%;    }
}

@media only screen and (max-width:375px), (max-width:399px){
    .hdr-colu-login-mobile ul{ margin: 0 -6px}
    .hdr-logo-main .hdr-colu-login ul li{padding: 0 6px;} 
    .nl-signup-text {   max-width: 267px; margin: 0 auto;}
}

@media only screen and (max-width:360px){
       .btn.subscribe-btn {
        font-size: 12px !important;
        padding: 4px 9px !important;
    }
   
}

@media only screen and (max-width:300px), (max-width:320px){
    .hdr-logo-main .hdr-colu-logo {    width: 68%;}
    .hdr-logo-main .hdr-colu-login {    width: 32%;    }
}






@media(min-width:991px){
  .cd-nav{display: none !important;}
}






  /* -------------------------------- 
  
  Main components 
  
  -------------------------------- */

  /* ul#cd-primary-nav { top: 147px; height: calc(100% - 147px);} */

  
  ul#cd-primary-nav { top: 0 !important; height:100% !important;z-index: 999999;}

  


 

.cd-main-content { min-height: 100vh; z-index: 1; position: fixed; right: 0; left: 0; display: none; top: 0;}

.cd-nav-trigger { position: relative; display: block; width: 44px;  height: 44px;  overflow: hidden; white-space: nowrap; color: transparent; z-index: 3;}

.cd-search-trigger::after {/* search icon */content: '';position: absolute;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;
-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-search-trigger::before {top: 11px;left: 11px;width: 18px;height: 18px;border-radius: 50%;border: 3px solid #2e3233;}
.cd-search-trigger::after {height: 3px;width: 8px;background: #2e3233;bottom: 14px;right: 11px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span {position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.cd-search-trigger span::before, .cd-search-trigger span::after {content: '';position: absolute;display: inline-block;height: 3px;width: 22px;top: 50%;margin-top: -2px;left: 50%;margin-left: -11px;
background: #2e3233;opacity: 0;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;
backface-visibility: hidden;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.cd-search-trigger span::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-search-trigger span::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {opacity: 0;}
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {opacity: 1;}
.cd-search-trigger.search-is-visible span::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-search-trigger.search-is-visible span::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {position: absolute;display: inline-block;height: 3px;width: 24px;background: #374f72;}
.cd-nav-trigger span {position: absolute;top: 50%;right: 10px;margin-top: -2px;-webkit-transition: background 0.3s 0.3s;-moz-transition: background 0.3s 0.3s;transition: background 0.3s 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {/* other 2 lines */content: '';right: 0;/* Force Hardware Acceleration in WebKit */-webkit-transform: translateZ(0);-moz-transform: translateZ(0);
-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.cd-nav-trigger span::before {
/* menu icon top line */
top: -6px;
}
.cd-nav-trigger span::after {
/* menu icon bottom line */
top: 6px;
}
.cd-nav-trigger.nav-is-visible span {
/* hide line in the center */
background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #2e3233;
}
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none;
}
}

.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
max-width: 800px;
background: #374f72;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 99999;
/* Force Hardware Acceleration in WebKit */



-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
overflow-x: hidden;


}

.cd-primary-nav{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
transition: all ease 0.5s !important;
-webkit-transition: all ease 0.5s !important;
}

.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
padding: 12px 20px;
width: 100%;
color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #fff;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
/* secondary navigations hidden by default */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}

@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0;
}
}



@media only screen and (max-width: 1169px) {
.cd-primary-nav {
/* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s;
}
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}

@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 150px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent;
}
.cd-primary-nav::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3;
}
.cd-primary-nav ul.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-primary-nav ul.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav > li {
float: left;
margin-left: 3em;
}
.cd-primary-nav > li > a {
/* main navigation buttons style */
position: relative;
display: inline-block;
height: 80px;
line-height: 80px;
padding: 0 10px;
color: #2e3233;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
}
.cd-primary-nav > li > a:hover {
color: #69aa6f;
}
.cd-primary-nav > li > a.selected {
color: #69aa6f;
box-shadow: inset 0 -2px 0 #69aa6f;
}
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none;
}
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
/* dropdown menu style */
position: absolute;
top: 80px;
width: 100vw;
background: #ffffff;
padding: 48px 64px 130px;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table;
}
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
/* this is the BIG See all button at the bottom of the dropdown menu */
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
overflow: hidden;
/* reset some inherited style */
margin: 0;
padding: 0;
}
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
line-height: 80px;
border-top: 1px solid #e2e3df;
/* reset some inherited style */
border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff;
}
.cd-primary-nav .cd-secondary-nav > li {
/* change the height according to your needs - you can even set height: auto */
height: 340px;
/* here you set the number of columns - use width percentage */
width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
/* +2 because we have 2 list items with display:none */
margin-right: 0;
border-right: none;
}
.cd-primary-nav .cd-secondary-nav > li > a {
/* secondary nav title */
color: #69aa6f;
font-weight: bold;
font-size: 1.6rem;
margin-bottom: .6em;
}
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #2e3233;
border-bottom: none;
font-size: 1.4rem;
}
.cd-primary-nav .cd-secondary-nav a:hover {
color: #69aa6f;
}
.cd-primary-nav .cd-secondary-nav ul {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-primary-nav .cd-secondary-nav ul ul {
/* tertiary navigation */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block;
}
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
color: transparent;
}
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block;
}
.cd-primary-nav .cd-secondary-nav .moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}



.cd-primary-nav .cd-nav-icons li {
/* set here number of columns - use width percentage */
width: 32%;
float: left;
margin: 0 2% 20px 0;
}
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
}
.cd-primary-nav > .has-children > a, .go-back a {
position: relative;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after, .go-back a::before, .go-back a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.has-children > a {
padding-right: 40px;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}




/*** language and currency css ***/
.Site_Currency_Language_Container{width: 145px;float: right;display: flex;align-items: center;justify-content: left; margin-right: 15px;}
.Site_Currency_Language_Container .Language_Select{width:70px; float:left;padding-top: 3px;}
.Site_Currency_Language_Container .Language_Select .dNKZqW{background:none; padding:0; gap:0; display:inline-block; width:100%;}
.Site_Currency_Language_Container .Language_Select .hWXltf{color:#fff;font-weight: 600; float:left;}
.Site_Currency_Language_Container .Language_Select .bRGpWY svg{fill:#fff;}
.Site_Currency_Language_Container .Language_Select .EEwDX,
.Site_Currency_Language_Container .Language_Select .jIdXfu{width:100%;}
.Site_Currency_Language_Container .Language_Select .bRGpWY{float:right;}
.Site_Currency_Language_Container .Language_Select .bVAxnY{padding: 8px;display: inline-block;scrollbar-gutter:unset}
.Site_Currency_Language_Container .Language_Select .Popout__PopoutContent-sc-51d251be-0 .name__NameContainer-sc-de2b5326-0{color:#000;}

.Language_Currency_Div {width: 75px;float: right;display: flex;align-items: center;justify-content: right;text-transform: uppercase;font-size: 14px;font-weight: 600;cursor: pointer;}
.Language_Currency_Div span {display: inline-block;}
.Language_Currency_Div span.Language {border-right: 1px solid #fff;padding-right: 10px;}
.Language_Currency_Div span.Currency {border-left: 1px solid #fff;padding: 0 10px; border-right: 1px solid #fff;}
.Language_Currency_Div img {width: 25px;height: 25px;border-radius: 50px;margin: 0 10px;border: 1px solid #fff;padding: 2px; display:none;}

.Sitepreferences_Popup {display: none;position: fixed;z-index: 111111;padding-top: 150px;left: 0;right: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #000;background-color: rgba(0, 0, 0, 0.85);text-align: left;}
.Language_Currence_Details {position: fixed;left: 0;right: 0;background: #fefefe;margin: auto;padding: 0;width: 320px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);border-radius: 7px;}
.Language_Currence_Details.animate {-webkit-animation: animatezoom .5s;animation: animatezoom .5s;}
.Language_Currence_Details .TopHeader {width: 100%;float: left;padding: 10px 20px;background: #3e5576;border-radius: 7px 7px 0 0;}
.Language_Currence_Details .TopHeader h2 {width: auto;font-size: 18px;font-weight: 600;float: left;color: #fff;}
.Language_Currence_Details .TopHeader span {float: right;color: #fff;cursor: pointer;font-size: 20px;}
.site-preference_content {width: 100%;float: left;padding: 10px 20px;}
.site-preference_content .text_holder {width: 100%;float: left;padding-bottom: 10px;font-size: 13px;color: #666;text-align: left;}
.site-preference_content .text_holder:last-child {padding-bottom: 5px;}
.site-preference_content .text_holder .elfsight-app-3d7cdf49-6229-4d92-be67-076340c742a4 {padding: 0 2.5%;width: 100%;font-size: 14px;font-weight: 400;border: 1px solid #e7e7e7;cursor: pointer;color: #424242;margin-top: 5px;height: 35px;background: url(https://www.bestvetcare.com/images_new/down-arrow.png) no-repeat 96% 14px;}

.site-preference_content .text_holder .iVJicn {width: 100%;height: 35px;}
.site-preference_content .text_holder .container__Wrapper-sc-da66369c-0,
.site-preference_content .text_holder .background__Container-sc-2fa24ccf-0 {width: 100%;}
.site-preference_content .text_holder .Icon__IconContainer-sc-629db400-0.bRGpWY,
.site-preference_content .text_holder .container__Wrapper-sc-da66369c-0:after{display: none;}
.site-preference_content .text_holder select,
.site-preference_content .text_holder .container__Wrapper-sc-da66369c-0{padding: 0 15px;margin-top: 5px;height: 35px;outline: none;border: 1px solid #d9d9d9;border-radius: 3px;font-size: 15px;position: relative;width: 100%;background: #fff;color: #6e7191;font-size: 16px;font-weight: 400;font-family: 'Fredoka';cursor: pointer;background: url(https://www.bestvetcare.com/images_new/down-arrow.png) no-repeat 96% 14px;background-size: 10px;}
.site-preference_footer {padding: 10px 0 10px 0;width: 100%;float: left;}
.site-preference_footer button {width: 45%;border-radius: 7px;background-color: #567BDA;color: #fff;outline: none;border: none;height: 40px;cursor: pointer;transition: all 0.3s ease;font-size: 14px;font-weight: 600;text-transform: uppercase;}
.site-preference_footer button.button-cancel {background: #333;}
.site-preference_footer button.button-save {background: #374f72;float: right;}



@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%;
}

.cd-primary-nav > .has-children > a {
/* main navigation arrows on larger devices */
padding-right: 30px !important;
}
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before {
right: 12px;
}
.cd-primary-nav > .has-children > a::after {
right: 7px;
}
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 14px;
}
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
/* remove arrows on secondary nav titles */
display: none;
}

.cd-primary-nav .go-back a {
padding-left: 20px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px;
}
}



.cd-overlay {
/* shadow layer visible when navigation is active */
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(105, 170, 111, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}



@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0;
}

.no-js .nav-is-fixed .cd-primary-nav {
position: fixed;
}
}



/*------search-Popup------*/	
.search-Popup{z-index: 999;opacity: 1;overflow: hidden;background: rgba(0,0,0,0.7);position: fixed;height: 100%;width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.search-content{position: fixed;z-index: 99;top: 20%;left: 0%;right: 0%;width: 700px;margin: 0 auto;
	transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);
	background: #fff;border: 1px solid #e7e7e7;box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);-webkit-transition: all .4s;-moz-transition: all .4s;
	transition: all .4s;max-height: 94%;overflow: auto; 
}

.search-block{padding: 25px;border-bottom: 1px solid #e7e7e7; position: relative;}
.search-popup-search form {
    background: #f4f5fb;
    border-radius: 30px;
	border: 1px solid #e0e1e7;
    height: 48px; display: flex; align-items: center; 
}
.search-popup-search .search-inputt {
    width: 100%;
    padding: 10px 20px;
    outline: none;
    font-size: 16px;
    background: none;
    border: 0;
    font-family: 'Fredoka';
    font-weight: 400;
}
.search-popup-search .search-button {
    text-align: center;
    outline: none;
    border: 0;
    cursor: pointer;
    background: none;
    padding-right: 15px;
}
.popup-close { position: absolute; top: 10px; right: 10px;}
.popup-close svg{width: 29px;height: 29px;background: #415b80;padding: 5px;border-radius: 50%;color: #fff;cursor: pointer;}
.search-popup-inner { padding: 15px;}

.btn--blue {background-color: #415b80; color: #fff;}
.btn--blue:hover {background-color: #ff8080; color: #fff;}
.no-scroll {
    overflow: hidden;
}
.hdr-logo-mobile{position: relative;}


/*----Responsive----*/
@media only screen and (max-width: 1000px), (max-width: 1199px){
	.search-content{width: 90%;max-height: 80%;}
	
}
@media only screen and (max-width: 900px), (max-width: 999px){
    .hdr-logo-mobile .search_pro_list {
        width: 95% !important;
        height: 345px !important;
        background: #ffffff !important;
        padding: 10px 5px 10px !important;
        position: absolute !important;
        z-index: 1111111 !important;
        top: 100% !important;
        left: 2% !important;
        -moz-box-shadow: 1px 1px 5px #ccc !important;
        -webkit-box-shadow: 1px 1px 5px #ccc !important;
        box-shadow: 1px 1px 5px #ccc !important;
        overflow-y: auto !important;
    }
    .hdr-logo-mobile .search-popup-inner {
        padding: 10px;
    }
    .hdr-logo-mobile .search-popup-search form{height: 40px;}
}
@media only screen and (max-width: 700px), (max-width: 799px){
	/* .hdr-logo-mobile .search_pro_list { top: 22% !important;} */
}
@media only screen and (max-width: 500px), (max-width: 599px){
	.search-content {max-height: 95%; }
    
	
}
@media only screen and (max-width: 400px), (max-width: 499px){
	/* .hdr-logo-mobile .search_pro_list { top: 25% !important;} */
}
@media only screen and (max-width: 320px){
	/* .hdr-logo-mobile .search_pro_list { top: 24% !important;} */
}