.s-row {
display: flex;
justify-content: space-between;
color: #333;
}
.s-col-filter {
width: 35%;
}
.s-col-filter .s-form-control {
height: 40px;
padding: 0 10px;
border-radius: 4px;
}
.s-col-filter label {
color: #2B6464;
font-weight: 600;
}
#btnFilter {
padding: 8px 60px;
border: 1px solid #2B6464;
background-color: #2B6464;
color: white;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
}
.s-col-result {
width: 60%;
}
.s-form-group {
margin-bottom: 20px;
}
.s-form-control {
width: 100%;
}
.scholarship-data {
padding-bottom: 0px;
}
.scholarship-wrap {
margin-bottom: 30px;
padding: 16px;
border-radius: 10px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.scholarship-title a {
font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif;
color: #2B6464;
}
.scholarship-title {
padding-bottom: 12px;
}
.scholarship-excerpt {
padding-top: 12px;
}
.scholarship-link {
text-align: right;
}
.scholarship-link a {
font-weight: bold;
color: #2B6464;
}
@media screen and (max-width: 768px) {
.s-row {
display: block;
}
.s-col-filter {
width: 100%;
padding-bottom: 40px;
}
.s-col-result {
width: 100%;
}
}.s-row {
display: flex;
justify-content: space-between;
color: #333;
}
.s-col-filter {
width: 35%;
}
.s-col-filter .s-form-control {
height: 40px;
padding: 0 10px;
border-radius: 4px;
}
.s-col-filter label {
color: #2B6464;
font-weight: 600;
}
#btnFilter {
padding: 8px 60px;
border: 1px solid #2B6464;
background-color: #2B6464;
color: white;
font-size: 18px;
border-radius: 4px;
cursor: pointer;
}
.s-col-result {
width: 60%;
}
.s-form-group {
margin-bottom: 20px;
}
.s-form-control {
width: 100%;
}
.scholarship-data {
padding-bottom: 0px;
}
.scholarship-wrap {
margin-bottom: 30px;
padding: 16px;
border-radius: 10px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}
.scholarship-title a {
font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif;
color: #2B6464;
}
.scholarship-title {
padding-bottom: 12px;
}
.scholarship-excerpt {
padding-top: 12px;
}
.scholarship-link {
text-align: right;
}
.scholarship-link a {
font-weight: bold;
color: #2B6464;
}
@media screen and (max-width: 768px) {
.s-row {
display: block;
}
.s-col-filter {
width: 100%;
padding-bottom: 40px;
}
.s-col-result {
width: 100%;
}
}