#hero .desktop {display:block;}
#hero .mobile {display:none;}

.post_campaign, .post_pick, .post_look {display:none;}
.pick-container { border:1px solid #b2b2b2; height: 200px; overflow-y: scroll; }

#notification {display:none;}

.pill-list li span{
display: block;
font-size: 18px;
font-size: 1.125rem;
line-height: 18px;
line-height: 1.125rem;
border-radius: 20px;
background: #fff;
color: #000;
padding: 8px 13px;   
}
.hot-pick .product-planner {font-size:14px;}
.planner-map-wrap .planner-map-slideout .filters .filter.brown { background-image: url("../images/pins/brown.png"); }

.map-directory .directory .cat select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
margin: 0 0 20px 0;
border-radius: 0;
width: 55%;
height: 38px;
background-color: #f1f2f3;
border: solid 0px #f1f2f3;
background-repeat: no-repeat;
background-position: right center;
background-image: url("../images/blue-select.png");
font-size: 17px;
padding: 0 38px 0 15px;
text-transform: uppercase;
}

.plan-itinerary{
text-align: center;
position: absolute;
bottom: 20px;
padding: 11px 20px 9px;
left: 20px;
right: 20px;
font-weight: 300;
letter-spacing: .05em;
font-size: 16px;
}
.my-itinerary .itinerary-item p.location {font-size:21px; margin-bottom:5px;}
.my-itinerary .itinerary-item p.intro {margin-bottom:5px;}
.my-itinerary .itinerary-item p.content {margin-top:20px;}
.my-itinerary .itinerary-item .price { font-size:21px; color: #232175; text-transform: uppercase; font-family: "Avant Garde Book",sans-serif; font-weight: bold; }
.my-itinerary .itinerary-item .directions {display:block;}
.my-itinerary .itinerary-item .directions a, .iti-directions a {
display: inline-block;
zoom: 1;
height: 38px;
line-height: 21px;
padding: 8px 15px;
background: #fff;
border: solid 1px #000;
color: #000;
text-transform: uppercase;
font-size: 17px;
}

#itinerary-map {
    top:190px;
    right: 100px
}

.directions select, .iti-directions select{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
margin: 0 0 20px 0;
border-radius: 0;
width: 36%;
height: 38px;
background-color: #fff;
border: solid 1px #000;
background-repeat: no-repeat;
background-position: right center;
background-image: url("../images/pink-select.png");
font-size: 17px;
padding: 0 38px 0 15px;
border: solid 1px #000;
}

.iti-directions { text-align:center; margin-top:40px; }

.select-iti-wrapper { display:inline; }

.iti-directions select {
  width: 20%;  
}

.iti-directions .label {
    vertical-align: middle;
    color: #232176;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: .03em;
    padding-bottom: 4px;
}

.service-on-street {padding-bottom:60px;}

.email-itinerary { cursor:pointer; }

.mobile-nav { display:none !important; }

.hotel-shop .introduction .whats-on{
    position: absolute;
    width: 100%;
}

@media only screen and (max-width: 640px) {
        #hero .desktop {display:none;}
        #hero .mobile {display:block;}
        .oxst-planner-results__inner .planner-item { height:auto; }
    
        .my-itinerary .itinerary-item .directions a {
        height: 20px;
        line-height: 20px;
        padding: 0 5px;
        border: solid 1px #A8A8A8;
        color: #A8A8A8;
        font-size:9px;
        }
        
        .directions select{
        height: 20px;  
        width: 50%;
        font-size:9px;
        border: solid 1px #A8A8A8;
        color: #A8A8A8;
        }
        
        .mobile-nav { display:block !important; }
}