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

    .dektmode_l {
        display: none;
    }

    .samll_laptop {
        display: block;
    }

    .aboutText {
        max-width: 500px;
        padding: 100px 60px 0px 60px;
    }

    .floting_astronut {
        scale: 0.6;
    }
}


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


    #floting_astronut {
        scale: 0.6;
    }

    .abtHeading {
        font-size: 80px;
    }

    #ufo {
        left: 80px;
    }

    .content_block .content_text h2 {
        font-size: 60px;
    }

    .content_block.digital_model {
        padding-top: 100px !important;
    }

    .aboutText {
        max-width: 500px;
        padding: 100px 60px 0px 60px;
    }

    .star_thirteen {
        left: 41%;
    }

    .star_teweel {
        top: 86%;
    }

    .star_thirteen {
        left: 41%;
    }

    .star_teweel {
        top: 86%;
    }


}

@media only screen and (min-width:1200px) and (max-width:1399px) {

    /* .circle-arround-two-1,
    .circle-arround-two-2,
    .circle-arround-two-3,
    .circle-arround-two-4 {
        width: 200px;
        height: 200px;
    }

    .circle-arround-two-1 img,
    .circle-arround-two-2 img,
    .circle-arround-two-3 img,
    .circle-arround-two-4 img {
        width: 100%;
    }

    .slidercircle {
        width: 690px;
        height: 520px;
    }

    .circle-one {
        margin-top: 70px;
    }

    .circle-two {
        width: 700px;
        height: 520px;
    } */

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .aboutText {
        max-width: 450px;
        padding: 140px 20px 0px 30px;
    }

    .aboutText p {
        font-size: 15px;
    }
}

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

    .samll_laptop {
        display: none;
    }

    #earth {
        width: 450px;
    }

    #satelite {
        right: -110px;
    }

    #jupiter {
        left: 60px;
    }

    .dektmode {
        display: none;
    }

    #button.dektmode {
        display: none;
    }

    .tabmode {
        display: block;
    }

    .aboutText.tabmode {
        scale: 0.7;
        max-width: 510px;
    }

    #ufo {
        left: 0;
    }

    .abtHeading {
        font-size: 70px;
        left: 20px;
    }

    .galxay_abt {
        width: 190px;
    }

    @keyframes scaling {
        0% {
            scale: 0.8;
        }

        50% {
            scale: 0.7;
        }

        100% {
            scale: 0.8;
        }
    }

    .big_galaxy {
        width: 350px;
    }

    #asteroid {
        width: 130px;
    }

    .rocket_small {
        width: 180px;
    }

    .ufo_sm {
        scale: 0.6;
    }

    #asteroid_floting {
        width: 230px;
    }

    .floting_astronut {
        scale: 0.6;
    }

    .screen_4 .contact_info .eye_side .eye_icon {
        gap: 20px;
    }

    .screen_4 .contact_info .eye_side .eye_icon img {
        width: 160px;
    }

    .screen_4 .contact_info .info_side ul li .icon img {
        scale: 0.6;
    }

    .screen_4 .contact_info .info_side ul li {
        gap: 20px;
    }

    .screen_4 .contact_info .info_side ul li .icon {
        width: 95px;
    }

    .screen_4 .contact_info .info_side ul li .text a,
    .screen_4 .contact_info .info_side ul li .text p {
        font-size: 18px;
    }

    .screen_4 .contact_info .info_side ul li .text a {
        display: block;
        margin: 5px 0;
    }

    .screen_4 .contact_info .info_side ul li {
        margin-bottom: 5px;
    }

    .screen_4 .inner_content .logo img {
        width: 200px;
    }

    .content_block .content_text h2 {
        font-size: 40px;
    }

    .content_block.digital_model {
        padding-top: 300px !important;
    }


    .innner_block {
        width: 200px;
    }
}

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

    .abtHeading {
        bottom: 220px;
    }

    .deskmode_m {
        display: none !important;
    }

    #button.deskmode_m {
        display: none;
    }

    .button_scrollup {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
    }

    .mobilemode,
    .mobile_img {
        display: block;
    }

    .content_block .content_img img {
        display: none;
    }

    .content_text.pt-5 {
        padding-top: 0 !important;
    }

    .earth_mobile {
        position: fixed;
        width: 330px;
        z-index: 999;
    }

    .astronute_mobile {
        z-index: 999;
    }

    .saturn_mobile {
        width: 120px;
    }


    #jupiter {
        left: 20px;
        width: 90px;
    }

    #satelite {
        right: -40px;
        height: auto;
        width: 260px;
    }

    .big_galaxy {
        width: 200px;
    }

    #asteroid_floting {
        rotate: -15deg;
        width: 175px;
    }

    .ufo_sm {
        width: 200px;
    }

    .screen_4 {
        padding: 20px 15px 250px 15px;
    }

    .screen_4 .contact_info {
        flex-direction: column;
        gap: 10px;
        padding-top: 30px;
    }

    .screen_4 .contact_info .eye_side,
    .screen_4 .info_side {
        width: 100%;
    }

    .screen_4 .contact_info .eye_side .eye_icon {
        justify-content: center;
    }

    .screen_4 .contact_info .eye_side .eye_icon.mobilemode {
        display: flex;
    }

    .screen_4 .contact_info .eye_side .eye_icon img {
        width: 40%;
    }

    .screen_4 .contact_info .info_side ul li .icon img {
        scale: 0.5;
    }

    .screen_4 .contact_info .info_side ul li {
        margin: -10px 0 0;
    }

    .rocket_small {
        width: 120px;
    }

    .slidercircle {
        scale: 0.55;
    }

    .abtHeading {
        font-size: 50px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }

    .aboutText {
        max-width: 95%;
        left: 2.5%;
        border-radius: 15px;
        padding: 10px 20px 10px 20px;
        margin-top: 15px;
    }

    .aboutText p {
        font-size: 13px;
        padding: 5px 0;
    }

    .floting_astronut {
        scale: 0.45;
    }

    .fixstar {
        left: -10px;
        top: -30px;
        z-index: 99;
        width: 30px;
    }

    .star_one {
        left: 90%;
        top: 100%;
    }

    .star_two {
        left: 0%;
        top: 100%;
    }

    .ufo_abtmobile {
        width: 350px;
        left: 30% !important;
    }

    .zig_inner {
        height: 30px;
        background-size: 20px 20px;
    }

    .galxay_abt {
        width: 100px;
    }

    @keyframes scaling {
        0% {
            scale: 0.6;
        }

        50% {
            scale: 0.65;
        }

        100% {
            scale: 0.6;
        }
    }



    /* Model Css Start */
    .modal-body {
        height: auto;
    }

    .modal-content {
        display: block;
    }

    .content_block {
        display: block;
        position: relative;
        z-index: 99;
    }

    .content_block .content_img {
        width: 95%;
    }

    .content_block .content_text {
        width: 95%;
        padding: 0;
        background-color: #ffffffb9;
    }

    .content_block .content_text h2 {
        font-size: 30px;
        padding-top: 0 !important;
    }

    .modal-header .close,
    .close:not(:disabled):not(.disabled):focus,
    .close:not(:disabled):not(.disabled):hover {
        z-index: 9999999;
        width: 150px;
        text-align: right;
        position: relative;
        padding: 15px 30px 15px 20px;
        display: block;
        margin: 0 0 0 auto;
        top: 0;
        right: 0;
    }

    .modal-header .close span {
        pointer-events: none;
    }

    .splce_img .wlcm_logo {
        width: 150px;
    }

    .splce_img .wlcm_astro {
        width: 150px;
    }

    .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    .content_block .content_img img {
        background-color: #fff;
    }

    .content_block.digital_model {
        padding-top: 0 !important;
    }

    .modal-dialog-scrollable .modal-body {
        padding: 0 1rem 50px 1rem
    }

    .content_block {
        height: 550px;
        overflow-y: auto;
        padding: 10px 30px 60px 20px;
    }
}

@media screen and (max-width: 767px) and (max-height: 690px) {
    .ufo_abtmobile {
        width: 290px;
    }

    .aboutText p {
        font-size: 12px;
    }

    .abtHeading {
        bottom: 190px;
    }
}



/* ================Height Media Query=============== */
.ipad_mode,
.ipad_mini {
    display: none;
}

@media (max-height:800px) {

    .modal-body {
        align-items: baseline;
    }

    .content_block {
        align-items: flex-start;
    }
}

@media (min-height:1000px) {

    .aboutText,
    .floting_astronut,
    .galxay_abt {
        display: none;
    }

    .ipad_mini.aboutText {
        display: block;
    }

    .aboutText {
        max-width: 85%;
        left: 7.5%;
        border-radius: 15px;
        padding: 10px 20px 10px 20px;
        margin-top: 15px;
    }


    .ipad_mini {
        display: block;
    }

    #ufo {
        display: none;
    }

    .ipad_mini.ufo_abtmobile {
        left: 40%;
    }

    .abtHeading {
        left: 50%;
        transform: translateX(-50%);
    }

    .star_one {
        top: 115%;
    }

    .star_nine {
        top: 3%;
    }

    .star_ten {
        top: 5%;
    }

    .star_eleven {
        top: 8%;
    }

    .star_teweel {
        top: 10%;
    }

    .star_thirteen {
        top: 5%;
    }

    .star_fourteen {
        top: 40%;
    }

    .abtHeading {
        bottom: 280px;
    }

    .content_block.digital_model {
        padding-top: 0 !important;
    }

}

@media (min-height:1100px) {

    .ipad_mini.ufo_abtmobile {
        left: 42%;
    }


}

@media (min-width: 1150px) and (max-width: 1350px) and (max-height: 600px) {

    .abtHeading {
        font-size: 70px;
        left: 150px;
    }

    .galxay_abt {
        width: 170px;
    }

    .aboutText {
        padding: 75px 60px 60px;
        border-radius: 50% 50% 0 0;
    }
}

@media (max-height:650px) {
    .slidercircle {
        scale: 0.8;
    }
    .splce_img {top: 130%;}
}