.category-tabs-wrap .nav-tabs {
    border-bottom: none;
}

.category-container {
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0;
  z-index: 10;
  padding-top: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.category-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #999;
    font-weight: 300;
}

#custom-dropdown {
top: 60px;
}

#location-dropdown {
width: 16px;
}

/* LOCATION MARKER  */

#location-dropdown.open #dropdownMenu-loc + #custom-dropdown:hover {
  opacity: 1
}
   /* Scrollbar */

 

  ::-webkit-scrollbar {
    height: 2px;
  }

 

  /* Track */
  ::-webkit-scrollbar-track {
    background: rgb(204, 204, 204);

 

    background-clip: content-box;
  }

 

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #999999;
  }

 

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #464646;
  }

.location-marker, #location-marker {
  position: absolute;
  right: -42px;
  color: #222;
  top: 15px;
  width: 200px;
}

 #dropdownMenu-loc {
    border: none;
    font-size: 12px;
    padding: 0px;
    line-height: unset;
    outline: none;
    border: none;
  font-size: 12px;
}

#location-marker img {
  width: 12px;
  margin: 0 4px;
}
 
#custom-dropdown .divider {
  background-color: #505050;
}
 
#custom-dropdown {
  background-color: #222;
  text-align: center;
  top: 16px;
  left: -10px;
  position: relative;
  padding: 20px 0px !important;
  max-width: 120px;
  overflow: visible;
  
}
 
#location-dropdown .open {
  float: none;
}
 
#custom-dropdown::before {
  content: "";
  height: 16px;
  width: 16px;
  background-color: #222;
  position: absolute;
  top: -8px;
  /* left: 50%; */
  transform: translateX(-50%) rotate(45deg);
}
 
#custom-dropdown li a {
  color: #fff;
}
 
#custom-dropdown > li > a:focus, #custom-dropdown > li > a:hover {
  color:#ff9700 !important;
  text-decoration: none;
  background: #222 !important;
}


.btn.dropdown-toggle.location-btn:hover, .btn.dropdown-toggle.location-btn:focus, .btn.dropdown-toggle.location-btn:active, .btn.dropdown-toggle.location-btn:visited {
  background-color: transparent;
  box-shadow: none;
}
 
.caret.location-caret, #location-caret {
 
  border-top: 1px solid #666;
  border-right: 0px solid transparent;
  border-left: 1px solid #666;
  position: relative;
  margin: 0;
      margin-top: 0px;
      margin-left: 0px;
  height: 12px;
  width: 12px;
  transform: rotate(130deg);
  transition: all 0.6s;
  margin-top: 0;
  margin-left: 4px;
}
 
#location-marker:hover #location-caret {
  transform: rotate(220deg);
  margin-top: -8px;
}
/* Navigation Pills  */

.container.hide-mobile-p {
  height: 42px;
}

.nav {
  padding-top: 4px;
  padding-bottom: 4px;
}

.nav-tabs {
  overflow-y: auto;
  overflow-x: auto;
  display: -webkit-box;
  display: -moz-box;
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  cursor: pointer;
}

.nav-tabs > li {
  float: none;
  white-space: nowrap;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 30px;
  color: #999;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ff9700;
}

.category-container .tab-pane.active {
  background-color: white;
  max-width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.nav.nav-tabs.justify-content-center.category-tabs {
  padding: 4px;
  /*! margin: 9px; */
  overflow-y: hidden;
  font-size: 12px;
}

.trigger {
  padding: 8px !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  color: #222;
}

.tabbable {
  position: relative;
  max-width: min-content;
  margin: 0 auto;
}

.category-container .tab-content {
  position: absolute;
  top: 42px;
  z-index: 5;
  width: 100%;
}

.category-container .tab-content UL > li > a {
  color: #222;
  text-decoration: none;
  padding-bottom: 2px;
  position: relative;
}

.category-container .tab-content UL > li > a:hover {
  color: #000000;
  font-weight: 500;
}

.category-container .tab-content UL > li {
  padding-bottom: 16px;
  list-style: none;
  padding-right: 30px;
}

.category-container .tab-content UL > li > a::after,
.all a::after {
  content: "";
  height: 1px;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  background: #ff7f00;
  transition: 0.5s ease-in-out;
}

.category-container .tab-content UL > li > a:hover::after,
.all a:hover::after {
  width: 100%;
  text-decoration: none;
}

.hide-me {
  display: none;
}

.category-container .tab-pane > ul {
  padding-left: 0;
}

.all {
  padding: 20px 20px 16px 40px;
  white-space: nowrap;
}

.all a {
  color: #000000;
  font-weight: 500;
  position: relative;
}

.all a:hover {
  text-decoration: none;
}

.menu-content-wrapper {
  display: flex;
  width: 100%;
}

.menu-content-left {
  display: flex;
  flex-direction: column;
  margin-right: 10%;
  border-right: 1px solid #eee;
  background-color: #f7f7f7;
}

 

.menu-content-left ul {
  padding-left: 40px
}

.menu-content-left ul a {
    font-weight: 300;
    white-space:nowrap
}

 
.menu-content-left ul a:hover {
    font-weight: 300 !important;
    white-space:nowrap;
    color: #222;
}


.menu-content-right {
  padding: 30px 30px 30px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

.menu-content-right img {
  justify-content: center;
  width: 80%;
  opacity: 0.4;
}

 @media only screen and (max-width: 540px) {
	  
	.menu-content-right {
		display: none;
	}
	
	.menu-content-left {
		width: 100%;
                height: 100vh;
		/*background-color: #164c78f2;*/
               /* background-color: #21557e; */
               background: -webkit-radial-gradient( left top, circle cover, #4884c2, #21557e 100% );
	color: #fff;
                margin-right: 0 !important;
	}
	
	.category-container .tab-content UL > li > a {
		color: #fff !important;
	}
	
	.menu-content-left p > a {
		color: #fff;
		padding-bottom: 4px;
		border-bottom: 1px solid #FF9700;
	}
	    
	.container-fluid.category-container {
		position: relative;
                top: 0px;
	  }
	  
	.nav-tabs {
	  justify-content: flex-start;
	  -ms-overflow-style: none !important;  
	  scrollbar-width: none !important;  
					
	}
  
	.nav > li > a {
	  text-decoration: none;
	  background-color: #eee;
	  color: #222;
	}
  
	.hide-mobile-p {
	  padding: 0;
	  margin: 0;
	}
  
	.tab-content {
	  top: 42px;
	}
  
	/* Scrollbar */
  
	::-webkit-scrollbar {
	  height: 2px;
	}
  
	/* Track */
	::-webkit-scrollbar-track {
	  background: rgb(204, 204, 204);
  
	  background-clip: content-box;
	}
  
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #999999;
	}
  
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #464646;
	}
	
		/* Category Tabs Fade-in Fade-out on horizontal scroll  */
  
		.category-tabs-wrap {
			position: relative;
		  }
		  .category-tabs-wrap::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 3rem;
			background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
			transition: all linear 0.3s;
		  }
		  .category-tabs-wrap::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 3rem;
			background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
			transition: all linear 0.3s;
		  }
		  .category-tabs-wrap.scrolled-right::after {
			background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
		  }
		  .category-tabs-wrap.scrolled-left::before {
			background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
			z-index: 10;
		  }
  }

@media only screen and (max-width: 320px) {
 .menu-content-left {
    margin-right: 0 !important;
    min-width: 50%;
    height: 120vh;
}
}

@media only screen and (max-width: 1024px) {
    .location-marker, #location-marker {
        right: 80px;
        width: 16px
    }

#custom-dropdown {
left: -70px;
}
  
    .caret.location-caret, #location-caret, .location-text {
        display: none;
    }
}

@media only screen and (max-width: 880px) {
    .location-marker {
        display: none;
    } 
}