* {margin: 0;padding: 0;}body {background-color: #012;background-repeat: no-repeat;background-position: center;background-size: cover;}.top-header {padding: 10px 30px;display: flex;justify-content: space-between;border: 1px solid saddlebrown;}.top-contact a {text-decoration: none;color: #853d0a;cursor: pointer;}.top-contact a:hover {color: #0a851a;transition: 0.8s ease-in-out;}.top-time p{color: #853d0a;margin: 0;}.top-social a{color: #853d0a;margin-left: 15px;}.top-social a:hover {color: #0a851a;transition: 0.8s ease-in-out;}@media screen and ( max-width: 768px ) {.top-header {display: flex;flex-direction: column;justify-content: center;border: none;font-size: 18px;}.top-contact a {display: block;}}.topbar {background-color: #608621;display: grid;grid-template-columns: auto auto;column-gap: 2px;justify-content: left;}.logo img{width: 180px;}.topbar-text {display: flex;flex-direction: column;text-align: left;margin-top: 70px;}.topbar-text h3 {color: #f39c12;}@media screen and ( max-width: 768px ) {.topbar {display: grid;grid-template-columns: auto;justify-content: center;}.topbar-text {display: flex;flex-direction: column;text-align: center;font-size: 15px;margin-top: 10px;}.topbar-text h3 {font-size: 20px;}}.breaking-notice {background-color: #4d750c;display: flex;justify-content: space-between;}.bn-left {width: 120px;color: aliceblue;font-size: 20px;}.bn-left p {margin: 20px 20px 0 20px;font-weight: 700;}.breaking-notice marquee p {margin-top: 20px;color: #fff;font-size: 20px;}.bn-right {width: 200px;padding: 20px 20px 0 20px;text-decoration: underline;color: aliceblue;}.bn-right a{margin-top: 20px;text-decoration: none;color: aliceblue;font-weight: 700;}.main-menu {display: flex;justify-content: space-between;background-color: #e5f0fa;padding: 10px 20px;text-align: left;border-bottom: 3px solid #e7e7e7;}.main-menu a {text-decoration: none;color: #666;padding: 10px 20px;font-weight: 600;}.main-menu a:hover {background-color: #03ca0d;color: #fff;padding: 11.5px 20px;}#resbar {display: none;font-size: 22px;cursor: pointer;}@media screen and ( max-width: 768px ) {.main-menu {background-color: #07a2e0;}.main-menu a {color: #222;font-weight: 600;}.menu-item{display: none;}#resbar {display: block;justify-content: left;}}.dropdown{position: relative;display: inline;}.drop-item{position: absolute;top: 33px;left: 0;width: 310px;padding: 10px 30px;display: none;z-index: 900;}.dropdown:hover .drop-item{display: block;}.drop-item a{display: block;background-color: #555;color: #fff;padding: 10px 20px;border-bottom: 1px solid #222;}.drop-item a:hover{background-color: #444;}.developer-banner {overflow: hidden;height: 420px;}.developer-banner img {width: 100%;height: 100%;background-size: cover;}.developer-img {background-color: #16191a;}.developer-img img {width: 100%;height: 100%;}@media screen and ( max-width: 1366px ) {.developer-banner {height: 330px;overflow: hidden;}}@media screen and ( max-width: 968px ) {.developer-banner {height: 290px;overflow: hidden;}}@media screen and ( max-width: 1024px ) {.developer-banner {height: 260px;overflow: hidden;}}@media screen and ( max-width: 868px ) {.developer-banner {height: 250px;overflow: hidden;}}@media screen and ( max-width: 768px ) {.developer-banner {height: 230px;overflow: hidden;}}@media screen and ( max-width: 568px ) {.developer-banner {height: 170px;overflow: hidden;}}.main-footer {background-color: #13aa1a;padding: 30px;}.main-footer h1 {color: #fff;font-size: 22px;font-weight: 700;text-align: left;}.mf-contact-info p {color: #444444;text-align: left;}.mf-important-link a {display: block;text-decoration: none;color: #444;text-align: left;}.mf-important-link a:hover {text-decoration: underline;}.mf-award a {display: block;text-decoration: none;color: #444;text-align: left;}.mf-award a:hover {text-decoration: underline;}.bottom-fotter {background-color: #029209;padding: 15px;}.bf-left p {margin-bottom: 0;}.bf-left a {text-decoration: none;color: #fff;font-weight: 600;}.bf-left a:hover {text-decoration: underline;}.bf-right a {text-decoration: none;color: #f0ff;}.bf-right a:hover {color: #ff6600;}.bf-right p {margin-bottom: 0;}.course-area {background-color: #000;}.web-design-course {background-color: #fff;padding: 10px;}.web-design-course img {width: 180px;}.web-design-course {margin: 5px 0;}.web-design-course h3 {font-family: sans-serif;font-size: 25px;color: #02787c;}@media screen and ( max-width: 994px ) {.web-design-course img {width: 150px;}}.video-gallery {background-color: #000;}.video-gallery-title {background-color: #101;color: #fff;padding: 10px 20px;margin-bottom: 5px;}