/*Viewport 4*/
@media screen and (min-width: 1200px) {
    #fs_menu {
        width: 860px;
    }
}
/*end query*/

/*Viewport 3 & 4*/
@media screen and (min-width: 980px) {
}
/*end query*/

/*Viewport 3*/
@media screen and (min-width: 980px) and (max-width: 1199px) {

    #searchNavContainer {
        margin-left: 0px !important;
    }

    .input-append input, .input-append select, .input-append .uneditable-input {
    width:118px!important;
        margin-left: 20px !important;
    }


}
/*end query*/

/*Viewport 2*/
@media screen and (min-width: 768px) and (max-width: 979px) {

    .input-append input, .input-append select, .input-append .uneditable-input {
    margin-left:0!important;}

    #divSearchViewportOneAndTwo {
        border: 2px solid #000000;
        margin-top: 2px;
        clear: both;
        margin-left: 0;
    }

   #multiPagePaginator .mp-pagination li, .multiPagePaginatorToc .mp-pagination li {
    width:auto;}

    .searchResultsColumn {
        width: 520px;
    }

    #tbxSearchViewportOneAndTwo {
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    #btnSearchViewportOneAndTwo {
        margin-left: 0px;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    #divSearchViewportOneAndTwo {
        /* Firefox */
        width: -moz-calc(100% - 4px);
        /* WebKit */
        width: -webkit-calc(100% - 4px);
        /* Opera */
        width: -o-calc(100% - 4px);
        /* Standard */
        width: calc(100% - 4px);
    }

    #tbxSearchViewportOneAndTwo {
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: -o-calc(100% - 50px);
        width: calc(100% - 50px);
        margin-bottom: 0px;
        border-radius: 0 0 0 0;
        border: 0 solid #ffffff;
    }

    #btnSearchViewportOneAndTwo {
        min-width: 30px !important;
        height: 28px !important;
        border-left: 2px solid #000000;
        background: #b1dafb;
        border-radius: 0 0 0 0;
    }
}
/*end query*/

/*Viewport 1*/
@media (max-width: 767px) {

     .input-append input, .input-append select, .input-append .uneditable-input {
    margin-left:0!important;}

    #searchNavContainer {
        margin-left: 0 !important;
    }

    .logo {
        margin-left: 15px !important;
    }

    .spanish-link {
        background: #075290;
        text-align: right;
    }

    #divSearchViewportOneAndTwo {
        border: 2px solid #000000;
        margin-top: 2px;
        clear: both;
        margin-left: 0;
    }

    #divSearchViewportOneAndTwo {
        /* Firefox */
        width: -moz-calc(100% - 4px);
        /* WebKit */
        width: -webkit-calc(100% - 4px);
        /* Opera */
        width: -o-calc(100% - 4px);
        /* Standard */
        width: calc(100% - 4px);
    }

    #tbxSearchViewportOneAndTwo {
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: -o-calc(100% - 50px);
        width: calc(100% - 50px);
        margin-bottom: 0px;
        border-radius: 0 0 0 0;
        border: 0 solid #ffffff;
    }

    #btnSearchViewportOneAndTwo {
        min-width: 30px !important;
        height: 28px !important;
        border-left: 2px solid #000000;
        background: #b1dafb;
        border-radius: 0 0 0 0;
    }
    /*SEARCH RESULTS AND FILTER*/
    .filterButtons .span2 {
        float: left;
        width: 50%;
        height: 43px;
        padding-right: 2px;
        color: #000 !important;
        border-color: orange;
    }

        .filterButtons .span2 a.filterButtonSelected {
            border-color: orange;
            background-color: white;
            font-weight: bold;
            color: #000;
        }

        .filterButtons .span2 a {
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
            border: 1px solid #A2A2A2;
            font-weight: normal;
            color: #000 !important;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            display: inline-block;
            vertical-align: middle;
            float: none;
            line-height: 43px;
            cursor: pointer;
        }

    #body li.mobilePagingButton, .mobilePagingButton a {
        background-color: #e5e5e5;
    }

    #body li.mobilePagingButton {
        width: 80px;
        color: black;
        background-color: #f0f0f0;
    }

    #contentArea {
        padding: 10px;
    }

    #body .publicationDetailsRow {
        margin: 5px 0px 10px 0px !important;
        padding: 10px;
    }

     #tbxSearchViewportOneAndTwo {
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    #btnSearchViewportOneAndTwo {
        margin-left: 0px;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

}
/*end query*/