/*** MAIN MENU JUNE 2024 **/
.NewUpdated_Header{background: #027e7f;margin-bottom: 0;float: left;width: 100%;}
.NewUpdated_Header .header_menu > ul > li{border: 0; position: unset;}
.NewUpdated_Header .header_menu > ul > li:last-child{position: relative;}
.NewUpdated_Header .header_menu > ul > li + li {padding-left: 22px;}
.NewUpdated_Header .header_menu > ul > li > a{text-transform: capitalize; font-family: 'mulibold';}
.NewUpdated_Header .header_menu > ul > li:hover a,
.NewUpdated_Header .header_menu > ul > li > a:hover{color: #fff !important; background: #046f70;}
.NewUpdated_Header .header_menu ul li .sub-menu{background:#f1f1f1;}
/*
.NewUpdated_Header .header_menu ul li .sub-menu{background: #fff url("/images/nav-imgs/menu-dog.jpg")no-repeat 0 -0; background-size: cover;}
.NewUpdated_Header .header_menu ul li + li .sub-menu {background: #fff url("/images/nav-imgs/menu-cat.jpg")no-repeat 0 -0; background-size: cover;}
.NewUpdated_Header .header_menu ul li + li + li .sub-menu {background: #fff url("/images/nav-imgs/menu-pet-health.jpg")no-repeat 0 -20px; background-size: cover;}
.NewUpdated_Header .header_menu ul li + li + li + li .sub-menu {background: #fff url("/images/nav-imgs/menu-horse.jpg")no-repeat 0 -20px;background-size: cover;}
.NewUpdated_Header .header_menu ul li + li + li + li + li .sub-menu {background: #fff url("/images/nav-imgs/menu-homeopathic.jpg")no-repeat 0 -20px; background-size: cover;}
.NewUpdated_Header .header_menu ul li + li + li + li + li + li .sub-menu {background: #fff url("/images/nav-imgs/menu-birds.jpg")no-repeat 0 -20px; background-size: cover;}
*/

.NewUpdated_Header .header_menu ul li + li + li + li + li .sub-menu .megamenu_content .link_container {width: 33.333%;}
.NewUpdated_Header .header_menu ul li + li + li + li + li + li .sub-menu{width: 50%;left: unset;right: 135px;}
.NewUpdated_Header .header_menu ul li + li + li + li + li + li .sub-menu .megamenu_content .link_container{width:50%}

.NewUpdated_Header .header_menu ul li .sub-menu, 
.NewUpdated_Header .header_menu ul li ul.sub-menu {position: absolute;z-index: 10;display: none;box-shadow: 5px 5px 15px rgba(0,0,0,0.15);width: 100%;left: 0;padding: 15px;z-index: 9999;}
.NewUpdated_Header .header_menu ul li:hover .sub-menu {display: block;}

.NewUpdated_Header .header_menu ul li .sub-menu.common {padding: 0;width: 280px;right: unset;left: unset;background: #fff;}
.NewUpdated_Header .header_menu ul li .sub-menu.common li {width: 100%;padding: 2px 0;border-bottom: 1px solid #e8e8e8;}
.NewUpdated_Header .header_menu ul li .sub-menu.common li a {font-size: 16px;font-family: 'mulibold';color: #027e7f;padding: 10px 15px;width: 100%;border-radius: 0;float: left;box-sizing: border-box;}
.NewUpdated_Header .header_menu ul li .sub-menu.common li:hover a {background: #e8e8e8 !important;color: #000 !important;}

.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content {width: 100%;display: flex;flex-wrap: wrap;}
.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content .link_container {width: 25%; padding: 5px 0 15px 0;}
.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content h3.link_title, 
.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content Span.link_title{width: 100%;float: left;padding-bottom: 5px;margin: 0;}
.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content h3.link_title a, 
.NewUpdated_Header .header_menu ul li .sub-menu .megamenu_content span.link_title a {font-size: 14px;font-family: 'mulibold';color: #046f70 !important;position: relative;display: inline-block;width: auto;text-transform: none;padding: 5px 0;line-height: normal;background: none !important;}

.NewUpdated_Header .header_menu ul li .sub-menu li {padding: 0;width: auto;float: left;border-bottom: 0px solid rgba(0,0,0,0.15);border-left: 0;display: table;clear: both;}
.NewUpdated_Header .header_menu ul li .sub-menu li a{color: #000 !important;font-weight: normal;font-size: 13px;padding: 0 5px;background: none !important;text-transform: none;width: auto;border: 0; border-radius: 5px;
display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; line-height:22px;}
.NewUpdated_Header .header_menu ul li .sub-menu li a:hover{color: #fff !important; background: #046f70 !important;}
.NewUpdated_Header .header_menu ul li .sub-menu li a span{display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; }


/*** TOP SEARCH JUNE 2024 ***/
#SearchSugestoin{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999;}
.Search_Sugestion_Popup {width: 95%;height: 95%;padding: 28px;background: #fff;color: black;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;}
.Search_Sugestion_Popup .Close_Popup{width: 19px; float: right; position: absolute; top: 5px; right: 5px; cursor: pointer;}
.Search_Sugestion_Popup .SearchBox {display: block;width: 100%;padding: 10px;background: #008485; position: relative;}
.Search_Sugestion_Popup .SearchBox input {font-size: 14px;font-weight: normal;color: #a4a4a4;outline: none;border: 1px solid #ececec;padding: 0 20px;border-radius: 30px;width: 100%;height: 45px;}
.Search_Sugestion_Popup .SearchBox button {top: 8px;right: 10px;cursor: pointer;outline: none;border: none;position: absolute;background: none; border: 0; background: none;}
.Search_Sugestion_Popup .SearchBox button img {width: 58px;border-radius: 0 50px 50px 0;}
.SearchSuggestion_Content{min-height: 100%; width: 100%; float: left;}
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{margin-top: 20px; height: 550px; overflow: hidden scroll;}
.SearchSuggestion_Content .Category{width: 25%; float: left;background: #f9f9f9; padding: 20px;}
.CategoryBox {text-align: left;margin-bottom: 20px;}
.CategoryTitle a,
.CategoryTitle span{color: #001753;display: block;font-family: 'mulibold';font-size: 14px;line-height: 17px;text-transform: uppercase;padding-bottom: 10px;letter-spacing: 0.5px;}
.CategoryLink ul li {padding: 5px 0;line-height: 16px;font-size: 14px;}
.CategoryLink ul li a{color: #001753;display: block;letter-spacing: 0.5px;}
.CategoryLink ul li a:hover{text-decoration: underline;}
.SearchSuggestion_Content .ProductContent{width: 75%; float: right;}
.SearchSuggestion_Content .Title{font-size: 16px;font-family: 'mulibold';border-bottom: 1px solid #ccc;padding:5px 0 10px 15px;margin-bottom: 10px;}
.SearchProduct_Content {width: 100%;}
.SearchProduct_Content .PrdBox{width: 20%;margin-bottom: 10px;border-bottom: 1px dashed #ccc;padding: 8px 0; text-align: center; float: left;}
.SearchProduct_Content .PrdImg{padding-bottom: 10px;}
.SearchProduct_Content .PrdImg img {width: 50%;}
.SearchProduct_Content .PrdName {font-size: 14px;border-bottom: 0;text-transform: capitalize;color: #333;margin: 0;font-weight: normal;height: 40px;}
.SearchProduct_Content .PrdName span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.SearchProduct_Content .PrdContent p {font-size: 14px;color: #666666;padding-top: 5px;}
.SearchProduct_Content .PrdContent p span {color: #f50633;font-weight: normal;}
.Mobile-SearchBar {padding: 10px 0;float: left;width: 100%;background: #027e7f;display: none;}

@media only screen and (max-width:1300px),(max-width:1399px){
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{height: 425px;}
}

@media only screen and (max-width:1200px), (max-width:1299px){

}

@media only screen and (max-width:1100px),(max-width:1199px){
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{height: 510px;}

}

@media only screen and (max-width:1000px),(max-width:1099px){
.SearchSuggestion_Content .Category{display: none;}
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{height: 420px;}
.SearchSuggestion_Content .ProductContent{width: 100%;}

}

@media only screen and (max-width:900px),(max-width:999px){
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{height: 900px;}
.NewUpdated_Header .header_menu ul li + li + li + li + li + li .sub-menu{width: 50%;left: unset;right: 10px;}
.NewUpdated_Header .header_menu ul li .sub-menu.common{right:0;}

}

@media only screen and (max-width:800px),(max-width:899px){

}

@media only screen and (max-width:700px),(max-width:799px){
.Mobile-SearchBar,
.Mobile-SearchBar .top_search{display: block;}
.Mobile-SearchBar .top_search{margin-top: 0; width: 100%;}
.Mobile-SearchBar .top_search .input_box.search_input{width: 100%;}

}

@media only screen and (max-width:400px),(max-width:499px) {
.SearchSuggestion_Content .Category,
.SearchSuggestion_Content .ProductContent{height: 500px;}
.Search_Sugestion_Popup{padding: 30px 15px 15px 15px;}
.SearchProduct_Content{height: 450px; overflow: hidden scroll;}
.SearchProduct_Content .PrdBox{width: 50%;}

}

@media only screen and (max-width:375px), (max-width:399px){
.SearchProduct_Content .PrdBox{width: 100%;}
.SearchProduct_Content .PrdImg{padding-bottom: 0; width: 70px; float: left;}
.SearchProduct_Content .PrdImg img {width: 100%;}
.SearchProduct_Content .PrdContent{width: 75%; text-align: left; float: left; padding: 0 0 0 15px;}

}

@media only screen and (max-width:360px){
.SearchProduct_Content{height: 380px;}
}

@media only screen and (max-width:300px), (max-width:320px){

}