/*********Media Query Starts*********/
@media (max-width: 767px) {
    #menuItems, #onlineServices, header .navbar-nav > li {
        width:100%;    
        margin: 0!important;
    }
    .nav>li>a {
        font-size: 12px;
    }
    header .navbar {
        float: left;
        margin: 0;
        width: 100%;
    }
    .logoimg {
        width: 100%;
        margin: -5px 0 -5px -20px;
    }
    .menuHeader {
        display:block;color:#000;
        float:left;
    }
    header .navbar-header {
        width:100%;
        margin:0!important;
        border-radius:5px;
    }
    header .navbar-toggle {
        float:right;
    }
    header .navbar-nav > li > a {
        line-height: 50px;
    }
    .col-md-4 > div, .col-sm-4 > div {
        margin:2px 0;
    }
    .icons {
        display:none;
    }
    .infoNumbers {
        margin-top: 10px;
    }
    #map{
        height: 400px!important;
    }
    .infoDesc h3 {
        font-size:150%;
    }
    .briefInfo {
        font-size:75%;
    }
    .bottomLinks > div > div {
        padding:7px;
    }
    .bottomLinks img {
        height:18px!important
    }
    .logo {
        height:auto;
        text-align:center;    
        width: 100%;
    }
    #banner {
        height: 20vh;
    }
    #Mobileresponsvie{
        padding-bottom:37px
    }
    #tabOpenShelters .infoNumbers{
        padding: 3px 0px;
        margin-right: -20px;
        margin-left: 66px;
    }
    #weatherColumn, #radioStationColumn {
        overflow: scroll;
    }
    .laptopResp{
        display:none;
    }
    .ipadResp{
        display:none;
    }
    .ipadProResp{
        display:none;
    }
    .mobileResp{
        display:block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .icons img{
        width: 25px;
    }
    .infoDesc h3 {
        font-size:150%;
    }
    .briefInfo {
        font-size:75%;
    }
    .infoNumbers {
        width: 27%;
        font-size: 268%;
    }
    .infoDesc {
        width: 73%;
    }
    .mapFilterHeading {
        padding:10px;
        font-size:medium;
    }
    .navbar-nav > li > a {
        padding: 15px 10px;
        font-size:medium;
        font-weight:normal;
    }
    .h4, h4 {
        font-size: 12px;
    }
    .tempImage img {
        width:25px
    }    
    .temp {
        font-size:small;
    }
    .logo {
        height:auto;
    }
    .phone-number {
        width:100%;
    }
    #Mobileresponsvie{
        padding: 17px;
    }
    header .navbar-nav > li > a {
        padding: 0px 0px;
        font-size: 11px;
        font-weight: 600;
        line-height: 19px;
        display: block;
        font-family: "Open Sans",sans-serif;
        width: 90%;
    }
    header .navbar-nav {
        width: 100%;
        margin-left: 0px; 
        margin-top: 10px;
    }
    header .navbar-nav > li {
        max-width: 100px;
    }
    #tabOpenShelters .infoNumbers {
        font-size: 22px;
        font-weight: bolder;
        width: 1%;
        line-height: 0;
        padding: 13px 0px;
        margin-left: -13px;
        margin-top: -14px;
    } 
    #tabOpenShelters .infoDesc {
        text-align: center;
        padding: 0px;
        width: 99%;
    }
    #tabOpenShelters .EvacCenters {
        margin-top: -7px;
        margin-bottom: -1px;
        font-size: 14px;
        width: 98%;
        margin-left: 6px;
    }
    .bottomLinks > div > div, .bottomLinks a {
        color: #fff;
        border-radius: 3px;
        display: block;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
    }
    .tab-content {
        height: 463px;
    }
    #banner {
        height: 20vh;
    }
    .laptopResp{
        display:none;
    }
    .ipadResp{
        display:block;
    }
    .ipadProResp{
        display:none;
    }
    .mobileResp{
        display:none;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .infoNumbers {
        width: 27%;
    }
    .infoDesc {
        width: 73%;
    }
    .bottomLinks {
        font-size: 150%;
    }
    #map{
        height: 500px!important;
    }
    #tabOpenShelters .infoNumbers {
        font-size: 20px !important;
        font-weight: bolder;
        width: 4% !important;
        line-height: 0;
        margin-left: 44px;
        margin-right: 6px;
    }
    header .navbar-nav {
        width: 100%;
        margin-left:0px
    }
    header .navbar-nav > li > a {
        padding: 0 10px;
    }
    #banner {
        height: 20vh;
    }
    .logoimg {
        width: 100%;
        margin: -5px 0 -5px -20px;
    }
    .laptopResp{
        display:none;
    }
    .ipadResp{
        display:none;
    }
    .ipadProResp{
        display:block;
    }
    .mobileResp{
        display:none;
    }
    .maps .navbar-nav > li > a {
        padding: 10px 8px;
    }
}

@media (min-width: 1200px) {
    .bottomLinks {
        font-size: 150%;
    }
}

/*********Media Query Ends*********/