/* desktop */
html { font-family: desktop; }

@media screen and (max-width:979px) { 
    html { font-family: tablet-portrait; }
    
    /*profile tabs*/
    #main-content .ui-tabs ul.ui-tabs-nav li a {
        font-size:12px; 
        width:97px; 
        padding:11px 0; 
        min-width:0px; 
    }
    #main-content .ui-tabs .ui-tabs-nav li  { width:100px; }
    #ProfileName1 { height:364px; }
    #ProfileName4 { height: 700px; }
    .linear-wrap-container {
        width: 705px; 
        overflow-x: scroll; 
        float: left; 
    }
    #resultsContainer .span7 .left-input { padding-right: 5px; }
    
    /*adjust styles for filter panel so contents fit inside blue border when selected*/
    .right-col .box .inner { padding: 5px; }
    #filterPanelContainer .section-group ul { padding: 0px; }
    fieldset .checkbox { padding-left: 27px; }
    .section-group dottedLine { padding-left: 4px; }
    /*********************************************************************************/
}

@media screen and (max-width: 913px) {
    div.ovrRatingSingleLn { white-space: normal !important;  }
}

@media screen and (max-width: 767px) {
    html { font-family: phone; }
    #page { overflow-x: hidden !important; }    
    #general .span5, #general .span7, .tab-intro-row .span6 {
        width:auto; 
        margin-top:13px; 
    }
    #ProfileName2, #ProfileName4, #ProfileName5 { height:auto; }
    .header-static-gray { padding: 7px 16px; }
    .btn { padding: 4px; }
    .table-footer-link { padding:15px; }
    .national-marker { margin-left:30px; }
    #ProfileName1 { height:auto; }
    #map_canvas { width:235px !important }
    #breadcrumbs-wrapper {margin-bottom: 15px;}
    
}

@media screen and (max-width: 479px) {
    html { font-family: phone-portrait; }
    .btn { padding: 6px 0px; }
    #announcement-section { margin-top: 0px; }
    #breadcrumbs-wrapper {margin-bottom: 15px;}
    .msr-info iframe {
         width: 100%;
    }
}

@media screen and (max-width: 320px) {
    html { font-family: phone-portrait; }
    .survey_desc { padding-top:65px; }
}


@media screen and (max-width: 360px) {
    .survey_desc { padding-top:65px; }
}

@media screen and (min-width: 767px) {
    .msr-info iframe {
        width: 50%;
    }
}