.reskin-header{position: fixed; width: 100%; z-index: 100; background: #ffffff; top: 0}

.reskin-header:before {
 content: "";
 background-image: linear-gradient(to right, #dd0b16 50%, rgba(255, 255, 255, 0) 0%);
 background-position: top;
 background-size: 12px 6px;
 background-repeat: repeat-x;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 15px;
}

.reskin-header:after{
				background: url(/cms/images/layout/sprite-1.png);
    background-position: 0px -133px;
    background-repeat: repeat-x;
    content: " ";
    position: absolute;
    height: 15px;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.reskin-header span.diamond-decor{display: block; height: 10px; width: 100%; position: relative; top:10px; background: url(/cms/images/reskin/diamond-bg.svg); background-position: top; background-size: 250%;  background-repeat: repeat-x;}


.reskin-header-wrapper {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 margin: 15px 0;
 padding: 0 10px;
}
.reskin-logo{margin-right: auto; margin-left: 10px;}
.reskin-logo a{display: block;}
.reskin-logo img { width: 100px}

.reskin-logo p { margin: 0;}

.site-logo.desktop-portillos{display: none;}
.reskin-nav {position: fixed;top: 0; right: 100%; width: 90%; height: 100%; z-index: 99999; background: rgba(210, 38, 48, 0.95);}

.reskin-header-links{display: none;}
.reskin-search {display: none;}
.reskin-links{margin: 50px 15px 15px;}
.reskin-links ul{margin:0; padding: 0; list-style: none;}
.reskin-links ul li a{font-family: 'Interstate_Black_Cond';  text-transform: uppercase; font-size: 1.5em; color: #ffffff; display: flex; align-items: center;}
.reskin-links ul li {margin: 15px 0;}
.reskin-mobile-menu img{width: 25px; margin-right: 10px;}

.reskin-header .search-top .content-in{background:#8c1114; box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none; }
.reskin-header .search-top .search-top-close{font-family: 'Interstate_Regular';}
.search-wrapper{display: table; width: 100%;}

.reskin-navlink-buttons{display: flex; align-items: center; justify-content: space-between;}
.reskin-navlink-buttons a{display: block;}

.reskin-link-locations{margin-right: 10px;}
.location-icon,
.ship-icon,
.online-icon{display: inline-block;}

.location-icon img,
.ship-icon img,
.online-icon img{width: 20px;}

.reskin-link-online,
.reskin-link-ship{background:#d3212c; 	padding: 5px 8px;  	font-family: 'Interstate_Bold'; 	font-style: italic; 	color: #ffffff; 	font-size: .6em; 	text-transform: uppercase;	border-radius: 5px;}


.reskin-navlink-buttons .reskin-link-ship{display: none;}
.reskin-navlink-buttons a{color: #ffffff;}
.reskin-navlink-buttons a:active,
.reskin-navlink-buttons a:hover{color: #ffffff;}
.reskin-navlink-buttons .reskin-link-ship:hover,
.reskin-navlink-buttons .reskin-link-ship:focus,
.reskin-navlink-buttons .reskin-link-ship:active{background:#5e0101; }

.reskin-navlink-buttons .reskin-link-online:hover,
.reskin-navlink-buttons .reskin-link-online:focus,
.reskin-navlink-buttons .reskin-link-online:active{background:#b31f26; }
.mobile-search-block {position: relative;}
.mobile-search-block .search-top-form .btn{
				background: url(/cms/images/reskin/search-white.svg) no-repeat;
				background-size: contain;
				position: relative;
    width: 30px;
    height: 35px;
    text-indent: -9999em;
    border: 0px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    top: 5px;
}

.mobile-search-block .search-top-form{display: flex; align-items: flex-start; justify-content: flex-start;}
.mobile-search-block .search-top-form .btn{order: 1; margin-right: 10px;}
.mobile-search-block .search-top-form input{order: 2; 	font-family: 'Interstate_Bold'; text-transform: uppercase;  }


@media (min-width: 21.875em) and (max-width: 30em){
	.reskin-logo img { width: 130px}
}

@media(min-width: 30em){
	.reskin-header:before{background-size: 12px 8px;}
	.reskin-header span.diamond-decor{top: 10px;}
	.reskin-header-wrapper{margin: 20px 0;}
	.reskin-logo img{width: 175px;}
	.reskin-link-online, .reskin-link-ship{font-size: .5em; padding: 8px;}
	

}

@media(max-width: 480px){
	.searchMobile {font-size:0.875em;}
}

@media(min-width: 40em){
		.reskin-header:before{background-size: 14px 10px;}
		.reskin-header span.diamond-decor{top: 12px;}
}

@media (max-width: 960px){
	.reskin-header .search-top .content-in{display: none!important;}
	.mobile-search-block .search-top-form-close{display: none;}
}

@media (min-width: 961px) {
	.reskin-header span.diamond-decor{background-size: 200%}
	.reskin-logo img { 	width: 175px;	}
 .reskin-nav {  display: none; }
 .reskin-header-links{display: block; margin: 0 auto;}
 .reskin-search {  display: block; }
}



@media (min-width: 48.063em) and (max-width: 960px){
	.search-top-drop span{display: none;}
}

@media (min-width: 961px){	
	.reskin-header span.diamond-decor{background-size: 150%}
	.reskin-logo img {	width: 200px;	}
	.reskin-navlink-buttons .reskin-link-locations{display: none;}
	.reskin-navlink-buttons .reskin-link-ship{display: block; background: #8c1114; margin-right: 10px;}
	.reskin-link-online, .reskin-link-ship{font-size: .7em;}
}

@media (min-width: 75em) {
	.reskin-header:before{background-size: 35px 20px; height: 20px;}
	.reskin-header:after{top: 100%;}
	.reskin-header span.diamond-decor{top: 24px;  background-size: 175%; height: 15px;  }
	.reskin-header-wrapper{margin:30px 0 10px 0;}
 .site-logo.desktop-portillos{display: block}
 .site-logo.mobile-portillos{display: none}
 .reskin-logo img {	width:240px;	}
 .reskin-links ul li a{font-size: 1.25em;}
 .location-icon img, .ship-icon img, .online-icon img{width: 25px;}
 .ship-icon, .online-icon{display: inline-block;}

 .reskin-navlink-buttons{width: 100%}
 .reskin-navlink-buttons .reskin-link-ship{margin-right: 0; border-radius: 5px 0 0 5px;font-size: .9em }
 .reskin-navlink-buttons .reskin-link-online{font-size: .9em;}
 .reskin-navlink-buttons .reskin-link-ship, .reskin-navlink-buttons .reskin-link-online {display: flex; padding:5px 20px; justify-content: center; align-items: center; font-size: 1em; border-radius:5px;}

 .reskin-link-ship .ship-wrapper,
 .reskin-link-online .online-wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 15px; }
 .reskin-navlink-buttons .reskin-link-ship span.ship-text-top, .reskin-navlink-buttons .reskin-link-online span.online-text-top{display: inline-block; font-size: .9em; font-style: normal;} 
 .reskin-search{margin-right: 25px;}
 .reskin-signin{margin-left: 25px;}


}

@media (min-width: 84em) {
	.reskin-header{z-index: 9999}
	.reskin-header-wrapper{margin:40px 0 25px;}
	.reskin-header-wrapper.scrollHead{margin:40px 0 25px; }

	.reskin-header span.diamond-decor{background-size: 150%;}
 .location-icon img, .ship-icon img, .online-icon img{width: 30px;}
 .reskin-navlink-buttons .reskin-link-ship span.ship-text-bottom,
 .reskin-navlink-buttons .reskin-link-online span.online-text-bottom{font-size: 1.25em; }
 .reskin-link-online, .reskin-link-ship{ padding: 5px; }
 .reskin-navlink-buttons .reskin-link-ship{border-radius: 10px 0 0 10px; }

 .reskin-search .searchMobile{font-size: 1.15em; font-family: 'Interstate_Regular';}

}


@media (max-width: 420px) {
    .reskin-logo {margin-right:initial;}
    .reskin-logo img {width: 100px;}   
    .reskin-nav-btns .reskin-link-online {font-size:.60em; display:flex;} 
    .online-wrapper {display:flex;}    
    .location-icon img, .ship-icon img, .online-icon img {width: 15px;}
    .online-text-top {margin-right:5px;}
    .catering-bottom {padding:0px 20px}   
    .our-fans-scroller ul li {width: 200px;}
    .our-fans-scroller ul li img {width: 100%;}
	.searchMobile {font-size:.875em;}
}