.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: inline-block;
    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: #890A29;
    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: #890A29;
}

div#result .comp_list .compbox {
    padding: 10px;
}

.search_input_comp {
    width: 20%;
    position: relative;
    top: -55px;
    left: 60px;
}

.search_input_comp {
    width: 25%;
    position: relative;
    top: -55px;
    left: 15%;
}

#top .search_input_comp input#search_comp {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
    font-family: montserrat;
    font-size: 15px;
}

a.comp_name:hover {
    color: #000000 !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%;
    }
}