.headings > div {
    display: inline-block;
    width: 33%;
    text-align: center;
    font-family: muli;
    font-weight: bold;
}
.headings > div span a {
    background: #011365;
    color: #fff !important;
    font-size: 22px;
    padding: 8px;
}
.heading > div span{
    color:#fff;
}
.headings > div.recent {
    text-align: left;
}
.headings > div.upcoming{
    text-align: right;
}
.comptitle h1 {
    font-size: 30px;
    color: #011365;
    font-weight: bold;
}
.comptitle h1 span:after {
    display: block;
    content: "";
    border-bottom: 5px solid;
    width: 25%;
    margin: auto;
    padding-top: 12px;
}
form#search-form {
    text-align: center;
    margin: auto;
    margin-left: 30%;
}
form#search-form > div {
    display: contents;
    width: 33%;
    margin: 0 10px;
}
#top form#search-form > div select {
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    font-family: montserrat;
    font-size: 15px;
}
div#result .comp_list {
    display: inline-block;
    width: 23%;
    margin: 0 0.5%;
    background-color: #15488f;
    margin-bottom: 2%;
    border-radius: 2px;
    border-radius: 22px;
    text-align: center;
}
div#result .comp_list h1 {
    font-size: 15px;
    font-family: montserrat;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    min-height: 40px;
    margin: 0;
    line-height: 25px;
}
div#result .comp_list:hover {
    background: #fcb337;
}
div#result .comp_list .compbox {
    padding: 10px;
}
.search_input_comp {
    width: 20%;
    position: relative;
    top: -50px;
    left: 60px;
}
.search_input_comp {
    width: 25%;
    position: relative;
    top: -59px;
    left: 15%;
}
#top .search_input_comp input#search_comp {
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    font-family: montserrat;
    font-size: 15px;
}
#top .main_color input[type='text']{
    color:#000 !important;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .headings > div{ width:32%;}
    .comptitle h1{ font-size:25px;}
    .headings > div span a{ font-size: 20px;}
    div#result .comp_list h1{ font-size:13px;}
}
@media only screen and (min-width:320px) and (max-width:520px) {
.headings > div{ width: 100%;}
div#result .comp_list{ width:100%;}
.headings > div.recent {
    text-align: center;
}
.search_input_comp {
    width: 70%;
    position: relative;
    top: 0;
    left: 0;
}
.headings > div.upcoming {
    text-align: center;
}
.headings > div.recent {
    text-align: center;
    margin-bottom: 24px;
}
.headings > div {
    width: 100%;
    margin-bottom: 25px;
}
form#search-form{ margin-left:0;}
form#search-form > div{ width:100%;}
}
@media only screen and (min-width:521px) and (max-width:767px) {
.headings > div{ width:32%;}
.headings > div span a {
    font-size: 14px;
}
.comptitle h1{ font-size:20px;}
form#search-form{ margin-left:0;}
.search_input_comp {
    width: 100%;
    position: unset;
}
form#search-form > div{ width:45%;}
div#result .comp_list{ width:48%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    div#result .comp_list{ width:31%;}
}