.topBox{position:relative; width:100%; top:0; left:0; background-color:#FF6501; z-index:50; padding:8px 0; box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-bottom:4px solid #c6c6c6;}
.topBox .iblc { display: inline-block; font: normal 18px 'Roboto Condensed', sans-serif; color: #ffffff; text-transform: uppercase; padding-top: 8px; text-shadow:0px -1px 0px rgba(0,0,0,0.3);}
.closeTopBox { display: block; position: absolute; top: 50%; right: 15px; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #ffffff; text-align: center; color: #ffffff; font: normal 24px Arial; border:1px transparent; line-height: 30px; margin-top: -15px; transition: all linear 0.3s; }
.closeTopBox:hover { color: #ffffff; text-decoration: none; background-color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.5); }
.whiteBtn, .whiteBtn:focus{background-color:#ffffff; border-radius:15px; color:#ff771f; font:bold 14px "Montserrat", sans-serif; padding:8px 15px; box-shadow:0 0 5px rgba(0,0,0,0); transition:all ease-in 0.2s;}
.whiteBtn:hover{color:#ff771f; box-shadow:0 0 5px rgba(0,0,0,0.3); }

@media (max-width:991px) {
.topBox .iblc { display: block; text-align: center; padding-top: 0px; }
.md-center{text-align:center; padding-top:8px;}
}

@media (max-width:767px) {
.topBox .iblc { font: bold 16px "Roboto Condensed", sans-serif; }
.topBox .row > div[class^='col-'] {padding-left:0; padding-right:0; text-align:center;}  
}

@media (max-width:360px) {
.topBox .iblc {display:inline; }
.closeTopBox { right: 8px; top:75%;}
}