/*** Write your CSS structure here. ***/

@media (max-width:767px) {

    .top-bar{position: fixed; top:0; width:100%;}
    .top-bar .contact-info li{ text-align: left}
    .top-bar{overflow: hidden;}
    .top-bar .widget .row ul li:nth-child(2n){display:none;}
    .top-bar .widget{width:100%;}
    .site-header{margin-top:42px!important;}
    .contact-info {padding:0;}

}
@media (max-width:320px) {
    .top-bar .contact-info li{font-size: 12px;}
}