/* education css */
 
/* banner */
.education-page .banner { float: left; width: 100%; padding: 200px 0; background: #f6f6f6; text-align: center; margin-bottom: 100px; background-size: cover !important }
.education-page .banner h1 { color: #fffffe; font-size: 120px; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 130px; }
.education-page .mid { max-width: 2240px; }
.education-page .post-list .searchpost { padding: 60px 0; float: left; width: 100%; text-align: left; border-bottom: 4px solid #d9d9d9; }
.education-page .post-list { padding: 55px 0; float: left; }
.education-page .post-list .search-thumb { float: left; width: 22%; margin-left: 5%; }
.education-page .post-list .search-thumb img { width: 100%; height: auto; }
.education-page .post-list .search-data { float: left; width: 68%; margin-left: 5%; }
.education-page .post-list .search-data h3 { color: #1a1919; font-size: 46px; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; font-style: normal; }
.education-page .post-list .search-data h3 a:hover { text-decoration: underline; }
.education-page .post-list .search-data p { display: inline; color: #1a1919; font-size: 32px; line-height: 43px; font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal; }
.education-page .post-list .button { margin-top: 20px; }
.education-page .post-list .button a { width: 240px; height: 63px; color: #6293c0; border: 4px solid #6293c0; margin-right: 50px; text-transform: uppercase; display: inline-block; line-height: 55px; text-transform: uppercase; font-size: 27px; text-decoration: none; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 700; }
.education-page .post-list .button a:hover { background: #6293c0; color: #fff; }

/* About Page responsive */
 
@media only screen and (max-width: 2000px) {
.education-page .mid { max-width: 1600px; }
.education-page .banner { padding: 150px 0; margin-bottom: 50px; }
.education-page .banner h1 { font-size: 62px; line-height: 62px; }
.education-page .post-list .search-data h3 { font-size: 40px; }
.education-page .post-list .search-data p { font-size: 22px; line-height: 27px; }
.education-page .post-list .button a { height: 53px; line-height: 45px; font-size: 19px; border-width: 3px; max-width: 200px; margin-right: 25px; }
.education-page .post-list .searchpost { border-width: 3px; }
}

@media only screen and (max-width: 1600px) {
.education-page .banner { margin-bottom: 40px; }
.education-page .banner h1 { font-size: 45px; line-height: 45px; }
.education-page .mid { max-width: 1235px; }
.education-page .post-list .button a { border-width: 2px; }
.education-page .post-list .searchpost { border-width: 2px; }
}

@media only screen and (max-width: 1300px) {
.education-page .post-list .search-data h3 { font-size: 30px; }
.education-page .post-list .search-data p { font-size: 20px; line-height: 24px; }
}

@media only screen and (max-width: 1100px) {
.education-page .banner { margin-bottom: 0; padding: 100px 0; }
}

@media only screen and (max-width: 1023px) {
.education-page .post-list { padding: 20px 0 50px; }
}

@media only screen and (max-width: 767px) {
.education-page .post-list .search-thumb { margin-left: 0; width: 100%; }
.education-page .post-list .search-data { margin-left: 0; width: 100% !important; margin-top: 30px; }
.education-page .post-list .button { text-align: center; }
.education-page .post-list .button a { max-width: 150px; margin: 5px; }
.education-page .post-list .searchpost { padding: 30px 0; }
}

@media only screen and (max-width: 639px) {
.education-page .banner { padding: 70px 40px 44px; }
.education-page .post-list .search-data h3 { font-size: 21px; }
.education-page .post-list .search-data p { font-size: 18px; line-height: 22px; }
}

@media only screen and (max-width: 479px) {
.education-page .banner { padding: 50px 25px; }
.education-page .banner h1 { font-size: 32px; line-height: 32px; }
}