@media screen and (max-width: 320px)
{


}
@media screen and (max-width: 640px)
{
    .searchSelectBase
    {
        /*width: auto !important;*/
    }
    .year--range
    {
        display: block;
        padding-bottom: 10.4px !important;
    }
    .filter-panel_databaseHeader {
        height: 100%;
        padding-right: 0 !important;
    }

    .filter-panel_databaseHeader > span {
        display: block;
    }

    .filter-panel_databaseHeader > .databaseText {
        text-align: center;
        border-bottom: 1px solid #0D2054;
        padding-bottom: 10.4px;
    }

    .filter-panel_databaseHeader, .yearsSelection {
        border-right: none;
        border-bottom: 1px solid #0D2054;
    }
    .large--pipe
    {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .filter-panel_databaseHeader {
        border-right: none !important;
    }

    .filter-panel_databaseHeader, .yearsSelection {
        text-align: center;
    }
    .margintop--results, .main-page
    {
        margin-top:50px !important;
    }
}

.searchInput--container {
    background: -moz-linear-gradient(left, #a6b2d1 1%, #9ed7dc 25%, #9ed7dc 75%, #a6b2d1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #a6b2d1 1%, #9ed7dc 25%, #9ed7dc 75%, #a6b2d1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #a6b2d1 1%, #9ed7dc 25%, #9ed7dc 75%, #a6b2d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.right-title--container {
    color: white;
    font-weight: bolder;
    background: #2c2661; /* Old browsers */
    background: -moz-linear-gradient(left, #2c2661 60%, #6cc3ca 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2c2661 60%, #6cc3ca 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2c2661 60%, #6cc3ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding-right: 0 !important;
    padding-left: 20px !important;
    transform: translate3d(10px, -30px, 0);
}

.inputgeneralStyle {
    /*border-right: none !important;*/
    border: 2px solid #33333359;
    border-radius: 4px 4px 4px 4px;
    margin-top: 4px !important;
    background-color: white;
    padding-left: 10px;
    height: 45px;
    /*transform: translateY(-10px);*/
}

.inputgeneralStyle:focus, .SearchButton:focus {
    outline: none !important;
}

body .SearchButton {
    /* 				float: right !important; */
    background-color: #e2232a !important;
    color: white !important;
    height: 43px !important;
    /* 	box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    border: #e2232a !important;
    border-radius: 4px !important;
    /*safari webkit*/
    -webkit-animation-name: searchhighlight;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 2;
    /*standarts*/
    animation-name: searchhighlight;
    animation-duration: 2s;
    animation-iteration-count: 2;
}

.btn-info {
    background-color: #E2232A;
}

.btn-info:hover {
    background-color: #d9534f;
}

.databaseText {
    padding-right: 4px;
}

.socialtext, .projectstext {
    padding-left: 20px;
}

.yearsSelection, .selection--container {
    text-align: center;
}

.btn--advancedSearch--container, .filter-panel_databaseHeader, .yearsSelection, .selection--container {
    height: auto;
}

.filter-panel_databaseHeader, .selection--container {
    border-right: 1px solid #1256a0;
}

.DetailsCard__panel {
    padding-top: 0 !important;
}

.databaseText, .year--range, .socialtext, .projectstext, .btn--advancedSearch--title, .sciencetext {
    color: #0D2054;
}

.date-range-from-selection, .date-range-to-selection {
    display: inline-block;
    width: 30%;
}

.filter-panel_databaseHeader {
    padding-top: 15px !important;
}

.second--topbar {
    display: none !important;
}

.topbar-mini--container {
    padding: 0 4vw !important;
}

ul {
    list-style: none;
    /*padding-left: 10px !important;*/
}

.hide--other {
    display: none;
}

.message--container {
    margin-top: 16px;
}

.message--container a {
    color: #1256a0;
}

.message--container a:hover {
    color: #1474ca;
}