/*
* Responsive header 
*/
/* start responsive header */

.top-global-header #checkout-container {
    display: none;
}
.top-global-header #dropDownHook{
    width: auto
}
@media only screen and (max-width: 728px) {
	.overflow-hidden {
		overflow:hidden!important;
		max-width: 100vw
	}

	html body nav {
		margin: 0 -13px;
	}
	
	html body nav li {
		border-bottom: 1px solid #dcdada;
	}
	
	html body nav li a {
		display: block;
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
		font-size: 16px;
		padding: 16px 13px;
		position: relative;
		text-rendering: geometricPrecision;
	}
	
	html body .top-global-header .dropdown-navigation-container {
		height: 100vh;
		overflow: scroll;
		position: absolute;
		top: 0;
		transform: translateX(-101%);
		transition: transform 0.5s;
		width: 100%;
		z-index: 10000;
	}
	
	html body .top-global-header .dropdown-navigation-container.open {
		transform: translateX(0);
	}
	
	html body .top-global-header .nav__close {
		height: 44px;
		line-height: 1.5;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 54px;
		z-index: 9;
	}
	
	html body .top-global-header .nav__close:before {
		color: #73757d;
		content: "\2715";
		font-size: 27px;
	}
	
	html body .top-global-header .nav__controls {
		background: white;
		display: none;
		font-size: 18px;
		height: 44px;
		left: 0;
		line-height: 44px;
		position: sticky;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	
	html body .top-global-header .nav__controls .back {
		background: url(https://designsystem.kohls.com/assets/2.34.0/icons/breadcrumbs/ic-arrow-left.svg) no-repeat left center;
		background-size: 17px;
		border: 0;
		color: #000;
		display: inline-block;
		font-family: "Gotham 5r", Helvetica, Arial, sans-serif;
		height: 44px;
		left: 14px;
		padding-left: 24px;
		position: absolute;
		text-rendering: geometricPrecision;
		top: 0;
		width: 50%;
		z-index: 10;
	}
	
	html body .top-global-header .nav__header {
		background: #e8ffe6;
		box-sizing: border-box;
		color: #000;
		display: block;
		font-family: "Gotham 5r", Helvetica, Arial, sans-serif;
		height: auto;
		padding: 13px 13px 0;
		position: sticky;
		top: 0;
		z-index: 9;
	}
	
	html body .top-global-header .nav__user {
		color: #128500;
		font-size: 24px;
	}
	
	html body .top-global-header .nav__user a {
		color: #128500;
	}
	
	html body .top-global-header .nav__userCreate {
		font-size: 12px;
		margin-left: 26px;
	}
	
	html body .top-global-header .nav__userCreate a {
		color: #000;
		letter-spacing: -0.25px;
	}
	
	html body .top-global-header .nav__userLinks ul {
		display: flex;
		width: 100%;
	}
	
	html body .top-global-header .nav__userLinks li {
		width: 50%;
		text-align: center;
	}
	
	html body .top-global-header .nav__userLinks li:first-child a {
		border-right: 1px solid;
		border-image: linear-gradient(#e8ffe6, #dcdada) 1;
	}
	
	html body .top-global-header .nav__store {
		background-size: 26px auto !important;
		background: url(/snb/media/images/pdp/store.svg) no-repeat left center;
		font-size: 14px;
		margin-top: 0;
		padding: 11px 0 9px 37px;
		position: relative;
	}
	
	html body .top-global-header .nav__storeName {
		text-transform: capitalize;
	}
	
	html body .top-global-header .nav__storehours {
		font-size: 12px;
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
	}
	
	html body .top-global-header .nav__storeaccess {
		background: black;
		border-radius: 50%;
		border: 2px solid white;
		left: 16px;
		padding: 4px;
		position: absolute;
		top: 10px;
	}
	
	html body .top-global-header .nav__storeaccess.closed {
		background: red;
	}
	
	html body .top-global-header .nav__storeaccess.open {
		background: green;
	}
	
	html body .top-global-header .dropdown-navigation-container.l2 {
		overflow: hidden;
	}
	
	html body .top-global-header .dropdown-navigation-container.l2 .nav__header {
		display: none;
	}
	
	html body .top-global-header .dropdown-navigation-container.l2 .nav__controls {
		display: block;
	}
	
	html body .top-global-header .dropdown-navigation-container.l2 .subdropdown-container {
		max-height: calc(100vh - 100px);
		height: calc(100vh - 100px);
		overflow: scroll;
	}
	
	html body .top-global-header .dropdown-navigation-container.l2 .subdropdown-container > div {
		min-height: calc(100vh - 100px) !important;
		padding-top: 8px;
	}
	
	html body .top-global-header .dropdown-navigation-container .nav-extras:last-child {
		height: auto;
	}
	
	html body .top-global-header #navigation.dropdown-navigation {
		box-shadow: none;
		display: block;
		padding-top:8px;
		position: relative;
		width: 100%;
	}
	
	html body .top-global-header #navigation .navigation-item.navigation-itemHover {
		position: absolute !important;
		width: 100vw;
		top: 0;
		padding: 0 !important;
		z-index: 2;
	}
	
	html body .top-global-header #navigation .navigation-item.navigation-itemHover h2 {
		background: white;
		left: 0;
		margin-bottom: 2px;
		padding: 0;
		position: sticky;
		text-align: left;
		top: 0;
		width: auto;
		z-index: 1;
	}
	
	html body .top-global-header #navigation .navigation-item.navigation-itemHover h2 a.navigation-item-link {
		background: #f0f0f0;
		display: block;
		font-family: "Gotham 5r", Helvetica, Arial, sans-serif;
	}
	
	html body .top-global-header #navigation .navigation-item.navigation-itemHover h2 a.navigation-item-link:after {
		border: 0;
		content: "Shop All";
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
		font-size: 14px;
		transform: translateY(-50%);
		transition: unset;
	}
	
	html body .top-global-header #navigation li.navigation-item {
		border-bottom: 1px solid #dcdada;
		padding: 0;
	}
	
	html body .top-global-header .l2 #navigation-user {
		display: none;
	}
	
	html body .top-global-header #navigation-user {
		background: #efeaea;
		display: block;
		padding-top:8px;
		width: 100%;
	}
	
	html body .top-global-header #navigation-user li a {
		display: block;
		color: #000;
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
		font-size: 16px;
		padding: 16px 13px;
		position: relative;
		text-rendering: geometricPrecision;
	}
	
	html body .top-global-header #navigation li h2 a,
	html body .top-global-header .dropdown-navigation-container .nav-overlay .nav-column li h3 a {
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
		font-size: 16px;
		padding: 16px 13px;
		position: relative;
		text-rendering: geometricPrecision;
	}
	
	html body .top-global-header #navigation li h2 a:after {
		content: "";
		border-style: solid;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 4px;
		position: absolute;
		right: 20px;
		top: 50%;
		border-radius: 0;
		transform: translateY(-50%) rotate(-50deg);
	}
	
	html body .navigation-item .subdropdown-container {
		transform: translateX(-101%);
		transition: transform 0.5s;
		padding: 0;
	}
	
	html body .navigation-item .subdropdown-container > div {
		left: 0 !important;
		max-width: 100vw;
		height: 0;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container {
		transform: translateX(0);
		position: relative;
		width: auto; 
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div {
		background: white;
		display: flex !important;
		flex-direction: column;
		left: 0 !important;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100% !important;
		height: auto;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-column {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group {
		border-bottom: 1px solid #dcdada;
		padding: 0;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group .expand {
		float: right;
		font-size: 22px;
		height: 44px;
		line-height: 44px;
		position: relative;
		width: 44px;
		text-align: center;
		z-index: 2;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group h3 {
		font-size: 16px;
		text-rendering: optimizeLegibility;
		font-family: "Gotham 4r", Helvetica, Arial, sans-serif;
		margin: 0;
		padding: 14px 13px;
		position: relative;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.25s;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group ul.expanded {
		max-height: var(--custom-max-height) !important;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group ul li {
		min-height: 44px;
		margin-bottom: 0;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-group ul li a {
		display: block;
		padding: 12px 0 12px 32px;
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .contains-l3 h3:after {
		content: "+";
		font-family: serif;
		font-size: 30px;
		font-weight: normal;
		position: absolute;
		right: 20px;
		text-rendering: geometricPrecision;
		top: 50%;
		transform: translateY(-50%);
	}
	
	html body .navigation-item.navigation-itemHover .subdropdown-container > div .nav-extras {
		margin-left: 0;
		width: 100%;
	}
	
	html body .top-global-header .dropdown-navigation-container .nav-overlay a,
	html body .dcp--nav-overlay-container {
		font-size: 15px;
	}

	html body .dcp--nav-overlay-container{
		font-family: 'Gotham 5r' ;
		width: 100%;
	}

	html body .dcp--nav-overlay-container .circleVisNav__link{
		padding: 10px 0 0;
	}

	html body .dcp--nav-overlay-container .circleVisNav__link img,
	
	html body .dcp--nav-overlay-container .circleVisNav__link p{
		display:inline-block;
		vertical-align: middle;
	}
	
	html body .dcp--nav-overlay-container .circleVisNav__text{
		font-size: 15px;
	}
	
	html body .top-global-header
	.dropdown-navigation-container
	.nav-overlay
	.nav-column
	li
	h3
	a {
		display: block;
		font-size: 16px;
		margin: 0;
		padding: 0;
		text-rendering: optimizeLegibility;
	}

	/*start responsive header*/

	html body #shipping-banner *{
		max-width: 100% !important;
		width: auto !important;
		min-width: 0 !important;
		height: auto !important;
		line-height: 1.2 !important;
	}
	
	html body #shipping-banner .new-dc-equity-banner{
		padding:8px !important;
	}

	html body #header > div:not(.open){
		height: auto !important;
	}

	html body #header-region {
		border-bottom: 1px solid #515151;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	
	html body .marquee-ad-cnt {
		display:none;
		min-height: 0;
	}
	
	html body #header.top-global-header {
		border-bottom: 0;
		margin-bottom: 0;
	}
	
	html body #header.top-global-header #site-search {
		order: 5;
	}

	html body .top-global-header #site-search .ta-suggestion-box{
		left: 21px !important;
		max-width: 88% !important;
		width: auto !important;
	}
	
	html body #header.top-global-header #site-search,
	  html body #header.top-global-header #site-search-again {
		margin-top: 0;
		min-width: 0;
		width: 100%;
	}
	
	html body #header.top-global-header #search,
	  html body #header.top-global-header #search-again {
		min-width: 75%;
	}
	
	html body #header.top-global-header #header-container {
		box-sizing: border-box;
		flex-wrap: wrap;
		max-width: 100%;
		padding-right: 8px;
	}
	
	html body #header.top-global-header #hamburger-icon {
		box-sizing: border-box;
		height: 60px;
		padding: 19px 12px 0 18px;
	}
	
	html body #header.top-global-header #hamburger-icon:before {
		content: "\2630";
		width: 25px;
		display: inline-block;
		font-size: 26px;
	}
	
	html body #header.top-global-header #hamburger-icon:hover {
		cursor: pointer;
	}
	
	html body #header.top-global-header #logo {
		box-sizing: border-box;
		display: inline-block;
		height: 60px;
		order: 1;
		padding: 22px 0 5px 0;
		vertical-align: middle;
	}
	
	html body #header.top-global-header #kohls_logo {
		display: inline-block;
		line-height: 30px;
		vertical-align: middle;
		width: 100px;
	}
	
	html body #header.top-global-header #kohls_logo svg {
		height: auto;
		width: 100%;
	}
	
	html body #header.top-global-header #utility-nav {
		box-sizing: border-box;
		height: 60px;
		margin: 0 0 0 auto;
		min-width: 0;
		order: 2;
		width: 35%;
	}
	
	html body #header.top-global-header #utility-nav svg {
		width: auto;
		height: 24px;
	}
	
	html body #header.top-global-header #utility-nav .utility-nav-group {
		align-items: center;
		display: flex;
		justify-content: right;
		padding: 21px 13px 0 0;
	}
	
	html body #header.top-global-header #utility-nav .greeting-container {
		padding: 0;
	}
	
	html body #header.top-global-header #utility-nav .utility-greeting {
		margin: 0;
		order: 2;
	}
	
	html body #header.top-global-header #utility-nav a.utility-nav-wallet-svg {
		line-height: 36px;
		height: 24px;
	}
	
	html body #header.top-global-header .skava-mini-cart {
		box-sizing: border-box;
		height: 60px;
		margin: 0;
		min-width: 0;
		order: 3;
		width: 60px;
	}
	
	html body #header.top-global-header .skava-mini-cart a {
		background: url(https://media.kohlsimg.com/is/image/kohls/gh-test-shoppingcart?scl=1&fmt=png-alpha) no-repeat center 23px;
		background-size: 24px;
		display: block;
		height: 100%;
		text-align: center;
	}
	
	html body #header.top-global-header .mini-cart-header {
		height: 60px;
	}
	
	html body #header.top-global-header .mini-cart-header .number-items {
		background: black !important;
		border: 2px solid white;
		border-radius: 50%;
		color: white;
		display: inline-block;
		font: 12px "Gotham 7r";
		height: auto;
		line-height: 16px;
		margin-right: 20px;
		padding: 1px 4px;
		position: relative;
		top: 15px;
		width: auto;
	}
	
	html body #header.top-global-header .mini-cart-header .subtotal {
		display: none;
	}
	
	html body #header.top-global-header .mini-cart-header a {
		padding: 0 0;
	}
	
	html body #header.top-global-header #mini-cart {
		height: 60px;
	}
	
	html body #header.top-global-header #mini-cart .mini-cart-header a:hover,
		html body #header.top-global-header #mini-cart .mini-cart-header:hover a {
		padding: 0 !important;
	}
	
	html body #header.top-global-header #checkout-container {
		display: none;
		order: 4;
	}
	
	html body #header.top-global-header .tr_phase2_headercontainer {
		height: auto;
	}
	
	html body #header.top-global-header #persistent_bar_container {
		border: 0;
		height: auto;
	}
	
	html body #header.top-global-header .tr_phase2_headercontainer,
	  html body #header.top-global-header #header-container {
		border: 0;
	}

	html body #header.top-global-header #top-nav {
		display: block;
		border-bottom: 1px solid #EDEAE7;
	}

	html body #header.top-global-header #top-nav.middle-menu-bar .top-nav-inside-container {
		padding: 2px 0 15px
	}

	html body #header.top-global-header #top-nav.middle-menu-bar .top-nav-inside-container #top-nav-left,html body #header.top-global-header #top-nav.middle-menu-bar .top-nav-inside-container #top-nav-right {
		display: none
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store {
		width: 100%
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store > ul {
		width: 100%
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store > ul:after {
		background: white;
		color: #1D65DC;
		content: "EDIT";
		font-family: "Gotham 4r";
		font-size: 10px;
		height: 37px;
		line-height: 37px;
		padding: 0 26px 0 6px;
		pointer-events: none;
		position: absolute;
		right: 0
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store li.setmystorenavlink {
		position: absolute;
		width: 100vw
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store li.setmystorenavlink a.setmystore {
		font-size: 12px;
		height: 37px;
		line-height: 37px;
		padding-left: 40px;
		width: 100vw
	}

	html body #header.top-global-header #top-nav.middle-menu-bar #store li.setmystorenavlink a.setmystore .sephora-mystore-image {
		vertical-align: middle
	}

	html body #header.top-global-header #top-nav.middle-menu-bar .setmystoretooltip#setmystore {
		border: 1px solid #DBD7D2;
		border-radius: 0;
		box-shadow: none;
		left: auto!important;
		margin: 0;
		max-height: calc(100vh - 223px);
		overflow-y: scroll;
		right: 0;
		top: 34px!important
	}

	html body #header.top-global-header #top-nav.middle-menu-bar .setmystoretooltip#setmystore .tooltiparrow {
		display: none
	}

	html body #header.top-global-header #top-nav.middle-menu-bar .setmystoretooltip#setmystore .storeformfield {
		background: white
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header #site-search,
	html body.sticky-header:not(.search-open) #header.top-global-header #utility-nav,
	html body.sticky-header:not(.search-open) #header.top-global-header .skava-mini-cart {
		margin: 0;
		padding: 0;
		min-width: 0;
		width: 60px;
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header .utility-nav-group {
		justify-content: center !important;
		padding-right: 0 !important;
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header .greeting-container {
		display: none;
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header #site-search {
		border: 0;
		height: 60px;
		margin-left: auto;
		order: 1;
		display: inline-block;
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header #site-search fieldset {
		top: 50%;
		position: relative;
		transform: translateY(-50%);
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header #site-search .button-search {
		display: inline-block;
		float: none;
		margin: 7px auto 0 !important;
	}
	
	html body.sticky-header:not(.search-open) #header.top-global-header .input-text {
		display: none;
	}
	
	#oo_tab.oo_tab_right{
		display: none !important;
	}
	/*end responsive header*/
}