@media only screen and (max-width: 1100px) {

}
@media only screen and (max-width: 1024px) {

    .intro .page-hero {
        margin-top: 200px;
    }
    .about, .achievements, .events  {
        margin-top: 100px;
    }
    .about-program, .alia, .mission-sec, .contact, .from-media, .video-block, .gellery-section  {
        margin-top: 150px;
    }
    .contact-title, .news-page-title, .media-title, .achievements-title {
        margin-bottom: 200px;
    }
    .contact {
        margin-bottom: 100px;
    }
    .intro .mars .mars-img1 {
        top: 40px;
    }
    .post-img img.astro1 {
        right: -100px;

    }
    .post-img img.astro2 {        
        top: -45px;
        left: -64px;
    }
    .video-block a {
        right: initial;
        left: 24px;
        font-size: 25px;
        letter-spacing: 2px;
    }
    .video-block a > i {       
        margin: -15px 10px 0px auto;
    }
}

@media only screen and (max-width: 991px) {
    .footer-bottom{
        display: block;
        margin-top: 20px;
    }
    .menu-overlay.height-100 {
        background: rgba(0, 0, 0, 0.9);
    }
    .navbar .container {
        height: 70px;
        background: rgba(0, 24, 45, 0.58);
    }

    .menu {       
        top: 8px;
        right: 10px;
        height: 65px;
    }
    #menuTrigger:checked + .menu .trigger {
        top: -476px;
    }
    .menu .links {
        margin: 60px 0 20px 0;
    }

    .navbar .logo img {
        width: 130px;
        margin-left: 20px;
    }
    .intro .page-hero h2 {
        font-size: 30px;
    }
    .intro .logo-sticky {
        display: none;
    }
    .height, .intro .height, .story .height, gellery-section.height {
        height: initial;
        display: block;
    }
    .height .middle, .intro .height .middle, .story .height .middle, gellery-section.height .middle {
        display: block;
    }

    .intro .logo {
        margin-bottom: 0;
        margin-top: 239px;
    }
    .intro .space h1, .intro .page-hero h1 {        
        font-size: 65px;        
        letter-spacing: 0px;
        margin-left: 0px;
    }



    .block-heading h2 {

        line-height: 2.4;
        font-size: 30px;        
        letter-spacing: 0px;
    }
    .video-block a {
        right: initial;
        left: 24px;
        font-size: 25px;
        letter-spacing: 2px;
    }
    .video-block a > i {
        margin: -17px 10px 0px auto;
    }
    .p-top-100 {
        padding-top: 0px;
    }
    .mission-video h2 {
        margin-left: 0px;
        margin-top: 10px;
    }
    .about, .achievements, .events  {
        margin-top: 100px;
    }
    .about-program, .alia, .mission-sec, .contact, .from-media, .video-block, .gellery-section  {
        margin-top: 150px;
    }
    .contact-title, .news-page-title, .media-title, .achievements-title {
        margin-bottom: 200px;
    }
    .about-program .post-title h3 {
        margin-left: 0px;
        font-size: 30px;
        letter-spacing: 3px;
    }
    .mission-globe img {
        top: -465px;
    }
    .intro .mars .mars-img1 {               
        top: 70px;
    }
    .intro .space h2.page-title, .intro .page-hero h2.page-title {      

        font-size: 30px;       
        letter-spacing: 0px;
    }
    .post-title h2, .post-title h3 {
        font-size: 30px;
    }
    .achievements .image {        
        margin-right: 0px;
    }
    .achievements .details {
        margin-right: 0px;
        z-index: 0;
        margin-left: 0px;
    }
    .achievements .details .post-tile {
        margin-top: 0;
    }
    .achievements .details .post-title {        
        width: 100%;
        padding: 25px;
    }
    .achievements:nth-child(2n) .image {        
        margin-left: 0px;
    }
    .achievements:nth-child(2n) .details {
        margin-left: 0px;
    }
    .achievements:nth-child(2n) .details .post-title {
        float: left;
        width: 100%;
        padding: 25px;
    }
    .page-hero.achieve p { 
        padding: 0;
    }

    .events .image {
        margin-left: 0;
    }
    .events .details {
        margin-left: 0px;
    }
    .events .details .post-tile {
        margin-top: 0;
    }
    .events .details .post-title {
        width: 100%;
        padding: 25px;
    }
    .events .details .post-title h3 {
        letter-spacing: 2px;
    }
    .page-hero.news p { 
        padding: 0;
    }
    .science-news .post-title h3 {
        margin-left: 0;
        letter-spacing: 2px;
    }
    .portfolio-grid .grid-sizer, .portfolio-grid .grid-item, .portfolio-grid .grid-item.w2 {
        width: 100%;
        margin-bottom: 5%;
    }
    .full-story, .single-news {
        margin-top: 150px;
    }
    .intro .page-hero {
        margin-top: 200px;
    }
    .intro .page-hero.inner-height {
        margin-top: 250px;
    }
    .intro .page-hero.mars {
        margin-top: 0px;
    }

    .contact {
        margin-bottom: 100px;
    }

    .alia .post-img img {

        right: -61px;
    }
    .achievements img, .science-news img {
        width: 100%;
    }
    .full-story .inner h2, .single-post .inner h2 {
        font-size: 25px;
    }
    .full-story .inner h3, .single-post .inner h3 {
        font-size: 18px;
    }
    .write-story .modal-form {
        padding: 0 15px;
    }
    .write-story .modal-dialog {
        max-width: 90%;
    }
    .speaker {
        height: 35px;
        width: 35px;
        position: absolute;
        top: 20px;
        right: 60px;
    }
    .register{
        top: 20px;
    }
    .powered-by {
        width: 20%;
        float: none;
    }
    .footer p {
        text-align: center;
        margin-bottom: 0px;
    }
    .menu .link a {
        line-height: 40px;
    }
}


@media only screen and (max-width: 767px) {
    .wrap-all {
        overflow-x: hidden;
        position: relative;
    }
    body {
        background-image: url('../images/about-bg.png');
    }
    .main-bg {
        min-height: 110%;
    }
    .pace-progress,.post-img {
        display: none;
    }
    .footer-bottom{
        margin-top: 20px;
    }
    .post-title {        
        width: 100%;
        padding: 20px;
    }
    .intro .mars .mars-img1 {               
        top: 180px;
    }

    .menu {       
        top: 0px;
        right: 10px;
    }
    #menuTrigger:checked + .menu .trigger {
        top: -500px;
    }
    .menu .links {
        margin: 60px 0 20px 0;
    }
}