@media(max-width: 992px){
.left {display: none;}
.full_width .aside {background: #1b3467; position: fixed; padding:20px 0; height: 100vh; left: 00px; width: 250px;}
.mainpage {margin-left: 250px;}

/* #home */
.home .home_top_image {background-size: cover;}
.home .home_top_text h1 {font-size: 64px; line-height: 64px; margin-bottom: 25px;}
.home .home_top_text p {font-size: 18px; line-height: 30px; font-weight: 400;}

/* whoweare */
.whoweare {height: auto; width: 100%; display: block; background: #eef2f3; color: #444;}
.whoweare .who {padding: 30px 20px;}
.whoweare .who h2 {font-size: 30px; margin-bottom: 20px; line-height: 30px;}
.whoweare .who span {letter-spacing: 2px;}
.whoweare .who p {font-size: 16px; line-height: 25px; margin-top: 15px;}
.whoweare .who .btn {border:1px solid transparent; padding: 10px 25px; background: #0ecc8d; margin: 25px 0 10px 0; border-radius: 3px; color: #fff; text-decoration: none; display: block; width: 120px; text-align: center;}

/* project */
.mainpage .project_text {padding: 30px;}
.mainpage .project h4 {font-size: 30px; line-height: 40px;}
.mainpage .project p {font-size: 16px;}

/* rev_about */
.rev_about .amout {padding: 30px 20px; background: -webkit-linear-gradient(-80deg, #f4f5f7 49%, #fff 10%, #d9d9d9 10%);} 
.rev_about .row {display: block;}
.rev_about .row .left-side, .rev_about .row .right-side {width: 100%;}
.rev_about .row p {font-size: 23px; width: 90%; margin: 50px 5%;}
.rev_about .right-side p {margin-top: 60px;}
.rev_about .row .left-side p {margin-left:35px !important;}

/* rev_blocks */
.rev_blocks {color: #fff; display: flex;}
.rev {width: 33.3%; display: ; font-size: 17px; padding: 30px 0;}
.talents, .cohort, .developer {height: auto; width: 100%; }
.rev h3 {margin-bottom: 40px; line-height: 30px; font-size: 22px; padding: 0 20px;}
.rev p {font-size: 16px; color: #fff; margin-bottom: 20px; padding: 0 20px;}
.rev_last {border-right: none}

/* revfellows */
.rev_fellows {padding:40px 30px; color:#fff;}
.rev_fellows .title h2 {width: 90%; margin: auto; padding: 30px 0 30px; font-size: 30px; line-height: 40px;}
.rev_fellows .title p {font-size: 20px; line-height: 30px; width: 80%;}
.rev_fellows .title span {color:#0ecc8d;}
.rev_fellows .title .btn {border:1px solid transparent; padding: 4px 10px; background: #0ecc8d; margin: 25px auto 10px auto; border-radius: 3px; color: #fff; text-decoration: none; display: block; width: 120px; text-align: center; cursor: pointer;}

/* coworking */
.coworking .title h2 {width: 90%; margin: auto; padding: 30px 0 5px; font-size: 30px; line-height: 40px;}
.coworking .working .space h4 {font-size: 20px; line-height: 20px;}
.coworking .working .space p {font-size: 14px; line-height: 20px;}
.coworking .working .space a {font-size: 13px;}
.coworking .working .space_img {height: 150px; margin: 10px 0;}

/* services */
#services .title h2 {width: 90%; margin: auto; padding: 30px 0 5px; font-size: 30px; line-height: 40px;}
#services .services .service h4 {font-size: 20px; line-height: 20px;}
#services .services .service p {font-size: 14px; line-height: 20px;}
#services .services .service a {padding: 4px 10px; font-size: 13px;}
#services .services .service_img {height: 100px; margin: 10px 0;}

/* hub */
#hub .title h2 {padding: 30px 0 10px; font-size: 30px; line-height: 40px;}
#hub .title p {font-size: 15px; display: block; width: 90%; margin: auto;}
#hub .hubget {width: 100%; display: flex; text-align: center;}
#hub .hubget .like {width: 33.3%; margin: 20px 0;}
#hub .hubget .like i {font-size: 44px; margin: 10px auto; display: block;}
#hub .hubget .like h4 {font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 10px;}

/* likee */
#likee .title h2 {width: 80%; margin: auto; padding: 30px 0 5px; font-size: 30px; line-height: 40px;}
#likee .title p {font-size: 15px; display: block; width: 90%; margin: auto;}
#likee .likes .like a {font-size: 16px;}
#likee .likes .like p {font-size: 18px; line-height: 24px; margin:0 auto 20px; width: 70%;}
#likee .likes .like img {max-width: 100%; height: 70px; margin: 10px auto 0; display: block;}

/* blogs */
#blog {margin:-50px 40px 0;}
#blog .title h2 {padding: 30px 0 30px 10px; font-size: 30px; line-height: 40px;}
#blog .blogs .blog h4 {font-size: 20px; line-height: 30px; padding-left: 10px; padding-right: 10px;}
#blog .blogs .blog p {font-size: 16px; line-height: 24px; padding-left: 10px; padding-right: 10px;}
#blog .btn {display: block; width: 150px; text-align: center; padding: 8px 15px; margin: 30px 10px;}

/* events */
#events {width: 100%; border-top:5px solid #1b3467;}
#events .text {width: 100%; height:auto; padding: ;}
#events .text span {font-size: 14px; margin-bottom: 10px; display: block;}
#events .text h1 {font-size: 40px; line-height: 40px;}
#events .text .myevent .myeventleft h3 {font-size: 20px;}
#events .text .myevent .myeventright h4 {font-size: 20px; line-height: 30px; margin-bottom: 10px;}
#events .text .myevent .myeventright p {font-size: 16px;}

/* mission */
#mission .title h4 {width: 90%; margin: auto; font-size: 23px; font-weight: 500; line-height: 35px;}
#membership {margin-right: 20px; margin-left: 20px; }
#membership .member .member_text {padding: 30px 10px;}
#membership .member .member_text h4 {font-size: 28px; line-height: 45px; margin-bottom: 20px;}
#membership .member .member_text p {font-size: 16px;}

#whatwedo {margin: 40px 20px; color:#fff; padding-top: 20px;}
#whatwedo .title h2 {width: 96%; margin: auto 2%; padding: 30px 0 10px; font-size: 25px; line-height: 28px;}
#whatwedo .wedo {display: block; margin: 20px 0 0;}
#whatwedo .wedo .wedid {width: 100%; margin: 20px 0 30px;}
#whatwedo .wedo .wedid h4 {font-size: 20px; margin: 30px 20px 30px;}
#whatwedo .wedo .wedid p {font-size: 14px; margin: 20px 20px; margin-bottom: 10px;}
#whatwedo .wedo .wedid a {margin: 0 20px; padding: 5px 12px;}
#whatwedo .wedo .wedid_img {height: 150px; margin: 10px 0;}
}

@media(max-width: 768px){
/* home_top */
.full_width {position: relative;}
.full_width .aside {display: none;}
.mainpage {width: 100%; margin-left: 0px;}

/* newside */
.newside {position: fixed; transition: 0.4s all; top: 120px; right: 0;width: 50px; display: block; z-index: 44;}
.newside .link {padding: 10px; color: #fff; min-height:25px; border-bottom: 1px solid #fff; text-decoration: none; display: block; background:#132833; transition: 0.4s all;}
.newside .link:hover {background-color: #0ed3c0;}
.newside .link i {display: block; font-size: 22px; text-align: center;}
.newside .link span {display: inline-block; word-wrap: break-word; width: }

/* home */
.home {height: auto;}
.home .home_top_image {background-image: url('../img/facility.jpg'); width: 50%; height: 650px;}
.home .home_top_text {width: 50%;}
.home .home_top_text h1 {font-size: 47px; line-height: 54px; margin-bottom: 25px;}
.home .home_top_text p {line-height: 25px; line-height: 30px;}

/* project */
.mainpage .project {height: 400px; display: flex;}
.mainpage .project_text {width: 45%; float: left; padding: 50px;}
.mainpage .project_img {width: 55%; background-position: center; height: 400px; background-attachment: scroll;}
.mainpage .project h4 {font-size: 25px; line-height: 30px;}
.mainpage .project p {font-size: 16px;}

/* rev_about */
.rev_about .amout {padding: 50px 20px; background: -webkit-linear-gradient(-80deg, #f4f5f7 49%, #fff 10%, #d9d9d9 10%);} 
.rev_about .row {display: block;}
.rev_about .row .left-side,.rev_about .row .right-side {width: 100%;}
.rev_about .row p {font-size: 23px; width: 90%; margin: 50px 5%; font-weight: 300; }
.rev_about .right-side p {margin-top: 60px;}

/* rev_blocks */
.rev_blocks {color: #fff; display: block; flex-wrap: wrap;}
.rev {border-right: none; border-bottom: none; width: 100%; display: block; font-size: 17px;;}
.rev_last {border-bottom: 1px solid #fff}
.rev h3 {margin-bottom: 30px; font-size: 22px; padding: 0 20px;}

/* revfellows */
.rev_fellows {padding:40px 0; color:#fff;}
.rev_fellows .title h2 {width: 100%; margin: auto; padding: 30px 0 30px; font-size: 25px; line-height: 28px;}
.rev_fellows .title p {font-size: 18px; line-height: 30px; width: 90%;}
.rev_fellows .title span {color:#0ecc8d;}
.rev_fellows .title .btn {border:1px solid transparent; padding: 4px 10px; background: #0ecc8d; margin: 25px auto 10px auto; border-radius: 3px; color: #fff; text-decoration: none; display: block; width: 120px; text-align: center; cursor: pointer;}


/* coworking */
.coworking .title h2 {width: 96%; margin: auto 2%; padding: 30px 0 10px; font-size: 25px; line-height: 28px;}
.coworking .working {display: block; margin: 20px 0 0;}
.coworking .working .space {width: 100%; margin: 20px 0 30px;}
.coworking .working .space h4 {font-size: 20px; margin: 0 10px;}
.coworking .working .space p {font-size: 14px; margin: 20px 10px; margin-bottom: 10px;}
.coworking .working .space li {list-style-type: circle; margin-left: 25px;}
.coworking .working .space a {margin: 0 10px;}
.coworking .working .space_img {height: 200px; margin: 10px 0;}

/* services */
#services .title h2 {width: 96%; margin: auto 2%; padding: 30px 0 10px; font-size: 25px; line-height: 28px;}
#services .services {display: block; margin: 20px 0 0;}
#services .services .service {width: 100%; margin: 20px 0 30px;}
#services .services .service h4 {font-size: 20px; margin: 0 10px;}
#services .services .service p {font-size: 14px; margin: 20px 10px; margin-bottom: 10px;}
#services .services .service a {margin: 0 10px;}
#services .services .service_img {height: 150px; margin: 10px 0;}

/* hub */
#hub {margin:-50px 10px 0;}
#hub .title h2 {padding: 30px 0 10px; font-size: 25px; line-height: 25px;}
#hub .title p {font-size: 15px; display: block; width: 90%; margin: auto;}

/* likee */
#likee .title h2 {width: 96%; margin: auto 2%; padding: 30px 0 10px; font-size: 25px; line-height: 25px;}
#likee .title p {font-size: 15px; display: block; width: 90%; margin: auto;}
#likee .likes {width: 100%; display: block; padding-bottom: 50px;}
#likee .likes .like {width: 100%; margin: 0 auto 30px;}
#likee .likes .like p {width: 100%;}

/* blogs */
#blog {margin:-50px 10px 0;}
#blog .title h2 {padding: 30px 0 30px 10px; font-size: 30px; line-height: 40px;}
#blog .blogs .row {width: 96%; display: block; padding: 0 2%;}
#blog .blogs .blog {width: 100%; min-height: auto;}
#blog .btn {display: block; width: auto; margin: 30px 10px;}

/* events */
#events {width: 100%; display: block;}
#events .text {width: 100%;}
#events .text span {font-size: 14px; margin-bottom: 10px; margin-left: 10px; display: block;}
#events .text h1 {font-size: 40px; line-height: 40px; margin: 0 20px 0 10px;}
#events .text .myevent .myeventleft {width: 30%; float: left;}
#events .text .myevent .myeventright {width: 70%; float: right;}

/* contact */
#contact .block {display: flex; flex-wrap: wrap;}
#contact .form {background: #eee; width: 100%;}
#contact .form .myformgroup .btn {display: block; width: 150px; text-align: center; padding: 10px 25px; background: #1b3467; margin: 30px 0; color: #fff; text-decoration: none; border: 1px solid transparent;}
#contact .details {width: 100%; background-color: #ddd; padding: 40px 20px;}
#contact .details .boxed {padding: 10px 0;}
#contact .details .boxed h4 {margin-bottom: 5px;}

/* mission */
#mission .title h4 {width: 90%; margin: auto; font-size: 20px; font-weight: 500; line-height: 35px;}
#membership {margin:-50px 20px 0;}
#membership .member {height: auto;}
#membership .member .member_text {padding: 30px 20px; width: 100%;}
#membership .member .member_text h4 {font-size: 28px; line-height: 45px; margin-bottom: 20px;}
#membership .member .member_text p {font-size: 16px;}
#membership .member .member_img {display: none;}
}

@media(max-width: 556px){
.home .home_top_image {background-image: url('../img/facility.jpg'); width: 150px; height: 650px;}
.home .home_top_text {width: calc(100% - 150px);}
.home .home_top_text h1 {font-size: 30px; line-height: 34px; margin-bottom: 25px;}
.home .home_top_text p {font-size: 16px; line-height: 25px;}
.mainpage .project_text {padding: 30px 20px;}
.mainpage .project h4 {font-size: 20px; line-height: 22px; font-weight: 500;}
.mainpage .project p {line-height: 21px;}
.rev_about .amout {padding: 50px 20px; background: -webkit-linear-gradient(-77deg, #f4f5f7 49%, #fff 10%, #d9d9d9 10%);}
.rev_about .row p {font-size: 18px; line-height: 33px;}
.rev_about .right-side p {margin-top: 50px;}
.rev_about .row .left-side p {margin-left:15px !important;}
.coworking .working .space li {list-style-type: circle; margin-left: 0;}
#hub .hubget {width: 100%; display: block; text-align: center;}
#hub .hubget .like {width: 100%; margin: 30px 0;}
#hub .hubget .like i {font-size: 44px; margin: 10px auto; display: block;}
#hub .hubget .like h4 {font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 10px;}
#blog .btn {display: block; width: auto; margin: 30px 5px;}
#events .text span {padding-left: 10px;}
#events .text h1 {font-size: 30px; line-height: 30px; padding-left: 10px;}
#events .text .myevent {display: flex; width: 100%; flex-wrap: wrap;}
#events .text .myevent .myeventleft {width: 100%; padding-left: 20px;}
#events .text .myevent .myeventright {width: 100%; padding:10px 0;}
#events .text .myevent .myeventright {padding-left: 20px;}

/* mission */
#mission .title h4 {width: 95%; margin: auto; font-size: 17px; font-weight: 500; line-height: 25px;}
}