.hdr-top-main{background:#55b1b1; color: var(--white-color);}
.hdr-left-inner a{display: inline-block; color: #fff;}
.hdr-tp-lft{border-right: 1px solid var(--white-color);}
.hdr-tp-lft:hover .icondiv img{-webkit-animation: policy 1.2s linear;  animation: policy 1.2s linear;} 

.hdr-logo-main{background:var(--secondary-s2-background ); padding: 30px 0 !important;}
.hdr-logo-main .hdr-colm-logo { width: 25%;} 
.hdr-logo-main .hdr-colm-search { width:43%; position: relative;}
.hdr-logo-main .hdr-colm-search form { background: #f4f5fb; max-width: 489px; height: 36px; position: relative;}
.hdr-logo-main .hdr-colm-search .search-input { width: 100%; outline: none; background: none; border: 0; color: var(--neutral-n3-color); font-family: var(--body-font-family);}
.hdr-logo-main .hdr-colm-search .search-button{ outline: none; border: 0; cursor: pointer; background: none;}
.hdr-logo-main .hdr-colm-search .search-input::-webkit-input-placeholder {color: #6e7191;}
.hdr-logo-main .hdr-colm-search .search-input::-moz-placeholder {color: #6e7191;}
.hdr-logo-main .hdr-colm-search .search-input:-ms-input-placeholder { color: #6e7191;}
.hdr-logo-main .hdr-colm-search .search-input:-moz-placeholder {color: #6e7191;}

/* .search_popup{z-index: 999;opacity: 1;overflow: hidden;background: rgba(0,0,0,0.7);position: fixed;height: 100%;width: 100%; top: 0; right: 0; left: 0; bottom: 0;}
.search_popup_content{position: fixed;z-index: 99;top: 50%;left:0%;right: 0%;width: 500px;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 #dfdfdf;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:75%;overflow: auto;border-radius: 16px; 
} */
body.no-scroll {overflow: hidden;}
body.overflow-hidden{overflow: hidden;}
.mobile-menu-overlay.active,
.search-overlay.active {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 999;}
.search_popup {position: absolute;top: 0;z-index: 999999;border-radius: 15px;width: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.7); box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.search_popup_main form#Search_form {position: sticky;top: 0;z-index: 999999;padding: 20px;max-width: 100%;height: 50px;}
.search_popup_main form#Search_form input{background:#ececec;}
.search_popup_main {background: #fff; height: 100%; overflow-y: auto;} 
.search_popup_main-inner {padding: 0;}
.search_popup_title {font-size: 16px; font-weight: 600; padding: 15px 20px;}
.search_popup_left {text-align: center;}
.search_popup_left ul li a {border: 1px solid #636363; padding: 10px 0; border-radius: 50px; width: 170px; font-size: 14px; font-weight: 600; color: #636363;}
.search_popup_left ul li a:hover{background: #55b1b1; color: #fff; border: 1px solid #55b1b1;}
.search_popup_left ul li {margin-bottom: 15px;}
.search_popup_main form { background: #ececec !important; border-radius: 0;}
.search_popup_main form .popup_input {border: 0; outline: 0; width: 400px;}
.search_popup_main .search_popup_left{width: 50%;}
.search_popup_main .search_popup_right{width: 50%;}
.search_popup_main .image_box_search_popup{padding-bottom: 10px;}
.search_popup_main .image_box_search_popup img{display: block;}
#divPopualSearch{padding: 0 20px;}
.suggestion_prd{height: 477px; padding: 0 10px; overflow: hidden scroll;}




.hdr-logo-main .hdr-colm-login { width: 32%;color: #6e7191; position: relative;}
.hdr-logo-main .hdr-colm-login .hdr-colm-login-desktop ul li { width: 70%; position: relative;}
.hdr-logo-main .hdr-colm-login .hdr-colm-login-desktop ul li:nth-child(2){width: 15%;}
.hdr-logo-main .hdr-colm-login  .hdr-colm-login-desktop ul li:last-child{width: 15%;}
.call-number a{color:#fff;}
.call-number span{color: var( --neutral-n5-color);}
.login-phone-hover:hover .login-phone-img img{ -webkit-animation: policy 1.2s linear;    animation: policy 1.2s linear;}
.cart-hover:hover .login-cart-img img{ -webkit-animation: policy 1.2s linear;    animation: policy 1.2s linear;}
.login-aac-hover:hover .login-acc-img img{ -webkit-animation: policy 1.2s linear;    animation: policy 1.2s linear;}


.hdr-logo-main .hdr-colm-login .login-acc{color: #6e7191;}
.hdr-logo-main .hdr-colm-login .login-acc:hover{color: #e21f26;}
.hdr-logo-main .hdr-colm-login .login-acc-text span{ font-size: 16px; font-weight: 400;padding-left: 20px; display: block;}
.login-aac-hover{position: relative;}
.login-aac-hover:hover .login-hoverdiv{visibility: visible; display: block; margin-top: -30px;}
.login-hoverdiv{ position: absolute; text-align: left; top:calc(100%  + 30px); background: #fff; transform: translate3d(0, 0, 0); backface-visibility: hidden;
    filter: drop-shadow(6px 9px 15px rgba(1, 3, 4, .3)); box-shadow: -1px 3px 8px 0px rgba(207, 205, 205, 0.76); -webkit-box-shadow: -1px 3px 8px 0px rgba(207, 205, 205, 0.76);
     -moz-box-shadow: -1px 3px 8px 0px rgba(207, 205, 205, 0.76); transition: all .3s ease-in-out; z-index: 1009999;   visibility: hidden;
    display: none; width: 200px; right: -34px; text-align: center; border-radius: 4px; padding: 10px 0;
}
.login-hoverdiv a{width: 132px;}
.singin-btn.afterlogin a { background: none; color: #2F2D2E; text-align: left; width: 100%; padding: 8px 20px; font-size: 16px; font-weight: 600;}
.singin-btn.afterlogin a:hover{color: #55b1b1;}
.login-spam {margin: 10px 0;}
.register-text { padding: 6px 0;  font-size: 14px;font-weight: 400;}
.hdr-logo-main .login-cart{color: #6e7191;}
.hdr-logo-main .login-cart:hover{color: #e21f26;}
.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: #e21f26; display: block;}

.cart-hover{position: relative;}
.cart-hover:hover .cart-hoverdiv{visibility: visible; display: block; margin-top: -30px;}
.cart-hoverdiv{ position: absolute; text-align: left; top:calc(100%  + 30px); padding:20px 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; padding-right: 5px;}
.cart-title-text span {font-size: 20px; font-weight: 500;}
.cart-title-text strong {font-size: 14px;font-weight: 500;}
.cart-conti-shop a {font-size: 14px; font-weight: 400; text-decoration: underline;}
.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: var(--neutral-n1-background);padding: 5px 0;}
.cart-sec-bottom-right-text span {font-size: 16px; font-weight: 500; padding: 0 8px 0 0;}
.cart-sec-bottom-right-text strong {font-size: 14px; font-weight: 500;}
.cart-sec-bottom-right-text p{font-size: 14px; font-weight: 400;}
.hovercheckout-btn {margin-top: 5px;}
.hovercheckout-btn a {border-radius: 8px; background: var(--secondary-s2-background); padding: 10px; display: block; width: 200px; margin: 0 auto;color: #fff;}
.cart-hover .cart-sec-main-top .cart-title-text{margin: 0; font-size: 16px;}
.cart-hover .cart-sec-main-top .cart-title-text span{font-size: 16px;}
.navigation ul li .submenu-inner .submenu-inner-box ul li a.menu_header_link{color: #55b1b1; font-weight: 600;}
.navigation ul li .submenu-inner .submenu-inner-box ul li a{font-Size: 16px;}
.submenu-normal {  position: absolute;  right:0;  top: 100%;  width: 100%;  background-color: #fff;  transition: 0.5s all;pointer-events: none; opacity: 0; width: 210px;height: auto;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.navigation ul li.new_sales{position:relative;}
.navigation ul li.new_sales:hover .submenu-normal {opacity: 1;	pointer-events: auto; z-index: 999999;}
.navigation > ul > li .submenu-normal-inner{ color: #fff;}
.navigation > ul > li .submenu-normal ul li{ border: 0;}
.navigation > ul > li .submenu-normal ul li a{font-size:16px; color: var(--neutral-n1-background) !important;padding:10px; border-radius: 0 !important;  background: #fff !important; font-weight: 400; display: block !important;}
.navigation > ul > li .submenu-normal ul li a:hover{background:var(--secondary-s2-background) !important; color: #fff !important;}

.navigation-scn {width: 100%;	position: relative; border-bottom:1px solid #a19d9f ;}
nav.navigation {padding:0px 0;}
.navigation-scn-inner{position: relative;}
.navigation-left{ width: 70%;}
.navigation-right{width: 30%;padding-top: 5px;}
.navigation_right_image {padding: 0 15px;}
.navigation_right_image span {font-size: 13px;font-weight: 600;text-align: right;display: block;}
.navigation ul li {display: flex;	flex-flow: row wrap; align-items: center; padding:  0 10px;}
.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: 18px 30px 18px 10px;display: flex;flex-flow: row wrap; font-size: 16px;	color: var(--neutral-n1-background);	transition: 0.5s all;font-weight: 600; position: relative;}
.navigation ul > li.megamenu > a:after {
    content: ""; border-bottom: 2px solid #2F2D2E; border-right: 2px solid #2F2D2E; transform: rotate(45deg); height: 8px; width: 8px; position: absolute; cursor: pointer;
    right: 10px; top: 38%;
}
.navigation ul > li > a:hover:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff;transform: rotate(226deg); top: 47%;}
.navigation ul > li.new_sales > a:after { content: ""; border-bottom: 2px solid #2F2D2E; border-right: 2px solid #2F2D2E; transform: rotate(45deg); height: 8px;
    width: 8px; position: absolute; cursor: pointer; right: 0; top: 38%;
}
.navigation ul > li.new_sales > a:hover:after {border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(226deg); top: 47%;}
.navigation ul li:hover a:after{border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(226deg); top: 47%;}
.navigation > ul > li:hover {color:#fff; background: #55b1b1;}
/* .navigation > ul > li.active a  {background: #adff2f3d; } */
/* .navigation > ul > li:hover{} */
.navigation > ul > li:hover > a {color: #fff;background: #55b1b1;}
/*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;
 border-radius: 0 0 8px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.submenu.clswhatsnew{padding:25px;}
.submenu-inner-img{width: 33.333%; padding:0 10px;}
.submenu-inner-img a{padding: 0 !important;}
.submenu-inner-img img{display: block; border-radius: 10px;}
.submenu-inner-img span{display: inline-block;width: 100%;text-align: center;padding-top: 10px;}
.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; }

.navigation .submenu-normal-inner.clscondition{padding: 15px; text-align: center;}
.navigation .submenu-normal-inner.clscondition ul {display: flex;align-items: center;flex-flow: row wrap;}
.navigation .submenu-normal-inner.clscondition ul > li {width: 25% !important;border: 0;/* text-align: center !important; */}
.navigation .submenu-normal-inner.clscondition ul > li > a {font-size: 16px; font-weight: 600; color: #2F2D2E;/* padding: 10px; */text-align: center !important;}
.navigation .submenu-normal-inner.clscondition > ul > li:hover > a {color: #fff;background: var(--secondary-s2-background);}


.navigation .submenu .clsbrand{display: flex !important; align-items: center !important; flex-flow: row wrap !important; padding: 25px !important;}
.navigation .submenu .clsbrand .clsbrandlist{width: 20%; padding: 10px; border: 0 !important;}
.navigation .submenu .clsbrand .clsbrandlist a{padding: 0 !important;}
.navigation .submenu .clsbrand .clsbrandlist img{border: 1px solid #fff;  border-radius: 5px;}
.navigation .submenu .clsbrand .clsbrandlist img:hover{border: 1px solid #55b1b1; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 5px;}
/* .navigation .submenu.clsbrand {border: 0 !important;} */
.submenu-inner-box.box-left {width: 13.4%;}
.submenu-inner-box.box-left ul li a:after {
    content: ""; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); height: 8px; width: 8px; position: absolute; cursor: pointer;
    right: 12px; top: 47%;}
.submenu-inner-box.box-left ul li a:hover:after{}
.submenu-inner-hoverdiv{width: 84%; background: #fff; }
.submenu-inner-hoverdiv .submenu-inner-box {width: 100%; padding: 15px;}
.navigation ul li .submenu-inner .submenu-inner-box ul li{border: 0;}
.navigation ul li .submenu-inner .submenu-inner-box ul li a {	padding: 15px 7px; font-weight: 400; font-size: 16px; display: block; position: relative;}
.navigation ul li .submenu-inner .submenu-inner-box .submenu-inner-box-inner ul li a { padding: 5px 7px !important;}
.navigation ul li .submenu-inner .submenu-inner-box .submenu-inner-box-inner ul li:first-child a{font-Size:16px;}
.navigation ul li .submenu-inner .submenu-inner-box.box-middle ul li a{font-Size:14px;}
.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: #F1F3F5; color: var(--neutral-n1-background);}
.submenu-inner-box.box-left ul li a{color:var(--neutral-n1-background); font-weight: 600 !important; font-size: 16px;}
.submenu-inner-box.box-left ul li a:hover{color:#fff; background: #55b1b1;}
.submenu-inner-box.box-left ul li a.active{color:#fff; background: var(--secondary-s2-background);}
.submenu-inner-box.box-middle ul li:hover{background: transparent;}
.navigation ul li .submenu-inner .submenu-imginfo a {	font-size: 20px; 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-img-part .submenu-img {margin-top: 15px;}
.submenu-inner-box-inner ul { width: calc(25% - 30px); margin: 0 15px 10px;}

.image_with_button img { display: block;}
.navigation_right_image img {display: block;}


.newsletter_signup_main {margin: 85px 0 55px;}
.newsletter_signup_inner { background: var(--secondary-s2-background);  padding: 15px; color: #FFF;     border-radius: 10px; }
.signup_left {width: 50%;}
.signup_right {width: calc(50% - 20px);background: #FCFBFB;padding: 30px;color: #000;border-radius: 10px;border: 1px solid #e1e1e1;margin-top: -50px;max-width: 541px;margin-left: 20px;}
.signup_left_title {font-size: 30px;font-weight: 600;}
.signup_left_content {font-size: 16px;font-weight: 400;}
.signup_right_title {font-size: 18px;font-weight: 400;line-height: 20px;color: #002842;}
.signup_right_text {font-size: 24px;font-weight: 600;line-height: 30px;color: #002842;}
.signup_btn_with_input {margin: 15px 0 0;}
.signup_input {width:100%;margin-right: 0px; margin-bottom:15px;}
.signup_btn {text-align: center;}
.signup_input input{width: 100%;padding: 14px 20px;outline: none;font-size: 16px;background: none;border:1px solid #D1D1D1;font-family: 'Sora';font-weight: 400;}
.signup_btn button {border: 0;outline: 0;background: #002842;color: #fff;padding: 16px 20px;font-size: 14px;width: 130px;font-weight: 600; cursor: pointer; border-radius: 5px;}
.signup_captcha_main label#lblMessage {
    margin: 8px 0 0 0;
}
.signup_input_captcha_main {
    padding: 15px 0 0;
}
.signup_input{margin-bottom:0;}
/* FOOTER CSS START*/
.ftr_bg{background: var(--secondary-s2-background);}
.logo_with_social_main { padding-top: 40px;}
.arrow_icon{text-align: center; margin:15px 0; position:relative;}
.arrow_icon:before{content: ""; position: absolute; background: #fff; width: 47%; height: 1px; top: 45%; left: 0;}
.arrow_icon:after{content: "";  position: absolute; background: #fff; width: 47%; height: 1px; top: 45%; right: 0;}
.footer_social_box{margin: 0 10px;}
.footer_social_box:hover img{-webkit-animation: policy 1.2s linear; animation: policy 1.2s linear;}
.contact_us_main { margin: 25px 0;}
.contact_us_inner { margin: 15px 0;}
.contact_us_left{ width: 60%; min-height:249px;}
.tab_content_inner p{font-size: 16px; font-weight: 400; color: var(--neutral-n3-color); /*max-width: 530px;*/ line-height: 24px; text-align: justify;}
.contact_us_right{text-align: right; width:40%;}
.contact_us_right .contact_us_right_title { font-size: 18px; color: #fff; font-weight: 800; margin-bottom: 20px;}
.contact_us_details_numb { color: #fff; margin: 15px 0;}
.contact_us_details_numb a { color: #fff; font-size: 20px; font-weight: 600; display: block;}
.contact_us_details_numb span{display: block; margin: 4px 0; font-size: 12px; font-weight: 400; color: var(--neutral-n5-color);}
.contact_us_mail a{font-size: 16px; font-weight: 600; color: var(--neutral-n5-color); padding: 8px 0 0 0;}

.slider_nav_main .slick-slide.slick-active.slick-current{color: #27304B; background: #fff; border-radius: 30px;}
.slider_nav_main { max-width: 550px; margin: 0 auto 40px auto; background: #55b1b1; border-radius: 30px; text-align: center ; padding: 5px;}
.slider_nav_main .slider_nav_link { font-size: 18px;  font-weight: 600; color: #27304B;padding: 14px; cursor: pointer;}
.payment_mode_right_box { margin: 0 7px; text-align: center;}
.payment_mode_left { width: 50%; font-size: 12px; font-weight: 400; color: #fff;}
.payment_mode_right_box { font-size: 12px; font-weight: 400; color: #fff;}
.payment_mode_right_box img{width: 25px;}
.payment_mode_right { width: 50%;}
.payment_mode_main {margin: 0 0 25px 0;}

.slider_nav_box {width: 33.33%; text-align: left;}
.slider_nav_box ul li a { font-size: 16px; font-weight: 400; padding: 5px 0px 5px 20px; display: block; color: #BFBFBF; position: relative;}
.slider_nav_box ul li a:hover{color:#55b1b1; ;}
.slider_nav_box ul li a:before{content: ""; position: absolute; top: 12px; left: 0; width: 8px; height: 8px; border-top: 1px solid #55b1b1;border-left: 1px solid #55b1b1; transform: rotate(135deg);}

.title_nav { font-size: 18px; font-weight: 600; color: #55b1b1; margin: 0 0 10px 0;}
.footer-new-images {margin-top: 15px;}
.footer-new-images ul li {padding: 0 5px;}
.footer-new-images ul li:last-child{padding: 0 0 2px;}
ul.cd-secondary-nav li a img {border-radius: 10px;}
ul.cd-secondary-nav li a span{display:block; width:100%; margin-top:10px; text-align:center;}

.submenu.clswhatsnew.clslatestdeals .submenu-inner-img{width: 25%;}
.submenu.clswhatsnew.clslatestdeals .submenu-inner-img span {display: block;text-align: center !important; margin-top: 10px; width: 100%;}



/* NEW CSS START */
.signup_left {
  width: calc(50% - 24px);
  margin-left: 24px;
}

.signup_left_title{
  display: flex;
  align-items: center;
  font-size: 26px;
  color: #ffffff;
  font-weight: 400;
}
.signup_left_title img{width: 24px; margin-right: 12px;}

.signup_left_text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  padding-top: 4px;
}

.signup_left_text span{
  color: #4ebacb;
}

.signup_left_signup_btn{
  margin-top: 14px;
}

.signup_left_signup_btn a{
  font-size: 14px;
  font-weight: 500;
  color: #002842;
  background: #ffffff;
  cursor: pointer;
  padding: 10px 24px;
  border-radius: 5px;
  display:block;
  text-align:center;
  width:110px;
}

.signup_left_inner_content2 .signup_left_title{
  font-weight: 600;
}

.signup_left_content2_inner {
  display: flex;
  align-items: center;
  border: 1px solid #c1c1c1;
  border-radius: 8px;
  position: relative;
  max-width: 480px;
  overflow: hidden;
  margin-top: 12px;
}

.signup_left_content2_left{
  width: 50%;
  padding: 12px 0 12px 24px;
}

.signup_left_content2_right{
  width: 50%;
  background: linear-gradient(236deg, rgba(55,171,188,1) 0%, rgba(55,188,155,1) 100%);
  padding: 12px 0 12px 44px;
}

.signup_left_content2_left span{
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}

.signup_left_pawpoints {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

.signup_left_content2_right .signup_left_pawpoints{
  font-size: 30px;
  font-weight: 700;
}

.signup_left-arrow-icon{
  position: absolute;
  left: calc(50% - 24px);
}

.signup_left-arrow-icon img{
  display: block;
}


/* NEW CSS CLOSE */
.slider_nav_main .tabs{display: flex; align-items: center; justify-content: space-between; gap:0;}
.slider_nav_main .shadetabs ul li {
  padding: 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  border-radius: 30px; cursor:pointer;
}
.slider_nav_main .shadetabs ul li.clstabli.current {
  background: #fff;     color: #23395b;
  border-radius: 30px;
}




/* FOOTER CSS END*/

@media (min-width: 991px) {
    .hdr-logo-main .hdr-colm-logo img.mobile-logo { display: none;}
    .hdr-colm-login-mobile{display: none;}
    .menu-drawer-icon {display: none;}
    .banner-slider.mobile-slider{display: none;}
}

@media only screen and (max-width:1101px),(max-width:1299px){
.login-hoverdiv{right: -15px;}
}

@media only screen and (max-width:1000px),(max-width:1100px){
    .hdr-logo-main .hdr-colm-search { width: 35%;}
    .hdr-logo-main .hdr-colm-login { width: 35%;}
    .navigation ul li {padding: 7px 2px;}
    .contact_us_details_numb a{font-size: 20px;}
    .contact_us_details_numb span{font-size: 14px;}
    .contact_us_mail a{font-size: 16px;}
    .navigation ul li a{padding: 10px 20px 10px 5px;}
    .signup_input { width: 100%;}
    .signup_btn { text-align: center;}
    .signup_right{max-width: 100%; margin-left: 0; width:50%; padding: 20px;}

}

@media only screen and (max-width:900px),(max-width:990px){
    .hdr-colm-login-desktop{display: none;}
    .desktop-logo {display: none;}
    .hdr-colm-search { width: 100% !important;  order: 3; margin-top: 10px;}
    .hdr-logo-main .hdr-colm-login {width: 45%;}
    .hdr-logo-main .hdr-colm-logo {  width: 55%;}
    .hdr-logo-main-inner {justify-content: center;}
    .hdr-colm-login-mobile  ul li {position: relative; padding:0 8px;}
    .hdr-colm-login-mobile ul{justify-content: end;}
    .hdr-logo-main .hdr-colm-search form{margin: 0 auto;}
    .navigation-scn{display: none;}
    .mobile-toggle a svg { width: 26px; height: 26px; float: right;}
    .mobile-toggle a {border-bottom: 0 !important; display: inline-block !important;}
    .cd-nav .mobile-toggle a.cd-nav-trigger{padding: 0; width: auto; height: auto;}
    .cd_text {font-size: 16px; font-weight: 600;}
    .has-children > a.selected{background: #55b1b1; color: #fff;}
    .has-children > a.selected::before, 
    .has-children > a.selected::after{background: #fff;}
}

@media only screen and (max-width:800px),(max-width:899px){
    .hdr-tp-rgt .rightdiv-content span{font-size: 14px !important;}
    .login-cart-img  img,
    .login-acc-img img{ width: 36px;}
    .hdr-logo-main .hdr-colm-login {width: 38%;}
    .hdr-logo-main .hdr-colm-logo {  width: 62%;}
    /* .cd-primary-nav, .cd-primary-nav ul{max-width: 600px !important;} */
    .contact_us_left{ width:100%; text-align: center;}
    .contact_us_right {text-align: center; width: 100%; margin-top: 0;}
    .contact_us_details_numb{margin: 0;}
    .tab_content_inner p{margin: 0 auto;}
    .slider_nav_main .slider_nav_link{font-size: 16px; padding: 10px;}
    .payment_mode_left {width: 100%;  text-align: center;}
    .payment_mode_right {width: 100%; margin: 15px 0 0;}
    .payment_mode_right_inner { justify-content: center;}
    .arrow_icon:after,
    .arrow_icon:before{width: 43%;}
    
    .signup_left{width: 100%;}
    .signup_right { width: 100%; padding: 20px; margin-top: 15px;}
    .newsletter_signup_main { margin: 25px 0 35px;}
    .newsletter_signup_inner { padding: 0; background: #fff;}
    .cd-primary-nav, .cd-primary-nav ul{max-width: 500px;}
    .login-hoverdiv{right: 0; padding: 15px 0;}
    .singin-btn.afterlogin a{font-size: 14px;}
    .hdr-tp-lft.ml.mr {
        display: none;
    }
    /* .hdr-colm-logo-img .mobile-logo {
        width: 210px;
    } */
    .footer-new-images ul{justify-content: center;}
	.newsletter_signup_inner{
      background: var(--secondary-s2-background) !important;
  }

  .signup_left{
      width: 100%;
      margin-left: 0;
      padding: 24px;
  }
}

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


}

@media only screen and (max-width: 400px), (max-width: 499px) {
    .suggestion_prd {height: 375px;}
    .hdr-tp-lft{border-right:0; margin-bottom: 3px; margin-left: 0; margin-right: 0;}
    .header-top-sec .container{padding: 0 10px;}
    .hdr-tp-lft .icondiv {margin: 0;}
    .login-cart-img  img,
    .login-acc-img img{ width: 40px;}
    .hdr-logo-main .hdr-colm-login {width: 30%;}
    .hdr-logo-main .hdr-colm-logo {  width: 70%;}
    .hdr-colm-login-mobile ul li { padding: 0 4px; }
    ul#cd-primary-nav {top: 130px !important; height: calc(100% - 130px) !important;}
    /* .cd-primary-nav, .cd-primary-nav ul { max-width: 300px !important;} */
    .footer_logo a img { width: 200px;}
    .footer_logo { width: 100%; text-align: center;}
    .footer_social { width: 100%; text-align: center; margin-top: 15px;}
    .footer_social_inner{max-width: 170px; margin: 0 auto;}
    .footer_social_box { margin: 0 5px;}
/*    .payment_mode_left{font-size: 14px;}
    .payment_mode_right_box {font-size: 14px;}
    */
    .arrow_icon:after,
    .arrow_icon:before{width: 40%;}
    .tab_content_inner p{font-size: 14px;}
    .prod_banner_slider.cat_products .prod_bnr_lft {order: 1; text-align: center; justify-content: space-between; display: flex;}
    .prod_banner_slider.cat_products .prod_bnr_lft_content {display: none;}
    .prod_banner_slider.cat_products .prod_bnr_lft_btn { padding: 0 0;}
    .prod_banner_slider.cat_products .prod_bnr_lft .prod_bnr_lft_inner{width: 100%;}
    .logo_with_social_main {padding-top: 40px;}
    .slider_nav_box {width: 50%;}
    .slider_nav_box ul li a{font-size: 14px;}
    .signup_right { width: 100%; padding: 15px; margin-top: 0;}
    .signup_right_title {font-size: 16px;}
    .signup_right_text { font-size: 18px;}
    .signup_input {width: 100%; margin-right: 0;}
    .signup_btn { width: 100%; margin-top: 15px;}
    .signup_btn button{padding: 10px 20px;}
    .signup_input input{padding: 10px 20px; font-size: 14px;}
    .slider_nav_main{max-width: 100%; padding:5px;}
    .slider_nav_main .slider{margin: 0 !important;}
    .slider_nav_main .slider_nav_link {font-size: 13px;  padding: 8px 0;}
    .search_popup_main .search_popup_left { width: 100%;}
    .search_popup_main .search_popup_right { width: 100%;}
    .search_popup_left ul {display: flex;  flex-flow: row wrap; align-items: center;}
    .search_popup_left ul li {width: calc(50% - 10px); margin: 0 5px 10px;}
    .search_popup_content{width: 100%;}
    .search_popup_left ul li a{width: 100%;}
    .image_box_search_popup img{width: 150px;}
    .search_popup_right_inner { display: flex; align-items: center; justify-content: space-between;}
	.signup_left {padding: 14px;}
	.signup_left_content2_left {padding: 8px 0 8px 12px;}
	.signup_left_content2_right {padding: 8px 0 8px 34px;}
	.signup_left_title{font-size: 18px;}
	.signup_left_title img {width: 18px;margin-right: 8px;}
	.signup_left_content2_left span{font-size: 14px;}
	.signup_left_pawpoints {font-size: 16px;}
	.signup_left-arrow-icon img {width: 28px;}
	.signup_left-arrow-icon {left: calc(50% - 14px);}    
	.signup_left_content2_right .signup_left_pawpoints{font-size: 20px;}
	.signup_left_text{font-size: 16px;}
	.signup_left_signup_btn button{padding: 6px 20px;}
	.signup_left_signup_btn {margin-top: 10px;}
	.slider_nav_main .tabs{flex-wrap: inherit;}
	.slider_nav_main .shadetabs ul li{ padding: 7px;font-size: 13px;	}
	.contact_us_left { margin-bottom: 20px;}
    
}

@media only screen and (max-width:375px), (max-width:399px){
    .hdr-tp-lft{margin-bottom: 1px;}
    .hdr-colm-logo-img img {width: 170px;}
    .contact_us_mail a {font-size: 14px;}
    .slider_nav_main{margin: 20px auto;}
    .contact_us_details_numb span {font-size: 12px;}
    .contact_us_details_numb a {font-size: 18px;}
    .contact_us_right .contact_us_right_title{margin-bottom: 10px;}
    .prod_banner_slider .prod_bnr_lft_title { margin-top: 3px; font-size: 16px;}
    .arrow_icon img {width: 30px;}
    .dog_shop_section .input-box { height: 38px;  line-height: 38px; width: 115px; outline: 0; font-size: 18px; background-size: 12%; padding: 0;}
    .shop_title { font-size: 20px;}
    .slider_nav_main .slider_nav_link {font-size: 10px;  padding: 8px 0;}
	 .signup_left_content2_inner{
      flex-wrap: wrap;
  }
  .signup_left_content2_left{
      width: 100%;
      padding: 8px;
  }

  .signup_left_content2_right{
      width: 100%;
      padding: 8px;
  }

  .signup_left-arrow-icon img {
      transform: rotate(90deg);
  }

  .signup_left_title {
      font-size: 16px;
  }

  .signup_left_text {
      font-size: 14px;
  }
   
}


@media only screen and (max-width:320px), (max-width:360px){
    .hdr-tp-lft .icondiv img{width: 20px;}
    .hdr-tp-lft .contentdi {margin-left: 5px; margin-right: 0;}
    .login-cart-img  img,
    .login-acc-img img{width: 26px;}
    .menu-drawer-icon img {width: 26px;}
    .hdr-colm-logo-img img {width: 160px;}
    .payment_mode_right_box {margin: 0 5px;}
    .slider_nav_main .slider_nav_link {font-size: 10px;  padding: 8px 0;}
	.slider_nav_main .shadetabs ul li {
        padding: 6px;
        font-size: 12px;
    }
	.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 100px !important;
}
.rc-anchor-normal .rc-anchor-content {
    height: 74px !important;
    width: 155px !important;
}
.rc-anchor-normal-footer{position:relative !important;}
.rc-anchor-normal .rc-anchor-pt {
    margin: 0 !important;
    padding-right: 0 !important;
    position: absolute !important;
    right: 8px !important;
    text-align: right !important;
    width: max-content !important;
    bottom: 4px !important;
}
} 
@media only screen and (max-width:320px){
	.slider_nav_main .shadetabs ul li {
        padding: 4px;
        font-size: 10px;
    }
}

.cd-secondary-nav.clsnewlistbrand{display: flex; flex-flow: row wrap; align-items: center;}
ul.cd-secondary-nav li.go-back{width: 100% !important;}
ul.cd-secondary-nav li.brand-imagelist {
    width: 50%;
}
ul.cd-secondary-nav li.brand-imagelist a{padding: 10px !important;}
ul.cd-secondary-nav li.brand-imagelist a img{ width: 100%;}



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

.has-children.clickablelistitem > a::before,
.has-children.clickablelistitem > a::after{content: none;}

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;     background: rgba(0, 0, 0, 0.4);}
  .text_with_btn {padding: 10px 20px;}
  .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: #fff;}
  .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 {top: -6px;}
  .cd-nav-trigger span::after {top: 6px;}
  .cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0);}
  .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {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);}
  .cd-primary-nav, .cd-primary-nav ul {position: fixed;top: 0;left: 0;height: 100%; width: 100%;max-width: 350px;background:#fff;overflow: auto; -webkit-overflow-scrolling: touch; z-index: 99999;
  -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;  color: var(--neutral-n1-background);
  }
  
li.View_all a{color: var(--primary-p2-background) !important; text-decoration:underline;}

  .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;  color:var(--neutral-n1-background); -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 {-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 {-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 { 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 {-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 { -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 {-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 {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 {  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 {
  display: block;  position: absolute; left: 0;bottom: 0; height: 80px;width: 100%;overflow: hidden;  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; 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 { height: 340px; 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) { margin-right: 0; border-right: none;}
  .cd-primary-nav .cd-secondary-nav > li > a {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 { -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 {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 {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
  .cd-primary-nav a:hover, .cd-primary-nav ul a:hover{color: #fff; background: #55b1b1;}  
  .cd-primary-nav .cd-nav-icons li {width: 32%; float: left; margin: 0 2% 20px 0;}
  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {margin-right: 0;}

  }
  .has-children > a, .go-back a {position: relative; }
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {content: '';position: absolute;top: 50%;margin-top: -1px;display: inline-block;height: 2px;width: 10px;background: var(--neutral-n1-background);
  -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);}


  @media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background: #c9cbc4; }
  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {background: #69aa6f;}

  }
  
  .has-children > a {padding-right: 40px; }
  .has-children > a::before, .has-children > a::after {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 {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%;}
  

  @media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {right: 15%;}
  .cd-primary-nav > .has-children > a {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 {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 {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;}
  }