@media only screen and  (max-width: 1300px) {
    .u_img_holder1 {
        width: 450px;
    }

    .u_img_holder1 img {
        margin-top: -350px;
        margin-left: -185px;
    }

    .u_img_holder2 img {
        margin-top: -250px;
        margin-left: 120%;
    }

    .three_d_element img {
        width: 80%;
    }

    .gclc {
        top: 10%;
        right: 15%;
    }

}

@media only screen and (max-width: 1087px) {
    .gclc {
        display: none;
    }

    .aps2_bot {
        width: 60%;
    }

    .fi1 {
        margin-top: 1%;
    }
    
    .three_holder {
        display: none;
    }
    .three_d_cards_holder {
        display: flex;
    }

}

@media only screen and  (max-width: 1113px) {
    .three_d_element img {
        width: 60%;
    }
}

@media only screen and  (max-width: 1090px) {
    .card1, .card2 {
        float: none;
        margin: 0 auto;
    }

    .u_img_holder2 img {
        margin-top: -170px;
        margin-left: 100%;
    }

    .three_d_text {
        font: normal 26px Stolzl, Arial, sans-serif;
    }

    .three_d_one_arrow {
        margin-top: -100px;
    }
    .three_d_two_arrow {
        margin-top: -100px;
    }

    .three_d_one img, .three_d_two img, .three_d_three img {
        width: 100%;
    }
    .three_d_one {
        margin-top: -150px;
    }

    .gclc {
        top: 70%;
        right: 15%;
    }

    .aps2_bot {
        width: 80%;
    }

    .fi1 {
        margin-top: 5%;
    }

}

@media (max-width: 1032px) {
    .nav_top a li {
        float: none;
        margin: 12px;
    }
    .nav_top a {
        text-decoration: none;
    }
}

@media only screen and (max-width: 955px) {
    .fi2 {
        margin-top: 3%;
    }
    .fi1 {
        width: 10%;
    }

}


@media (max-width: 856px) {
    .total_order_form {
        display: none;
        max-width: 500px;
        background: #000;
        position: fixed;
        left: 20%;
        top: 20%;
        z-index: 901;
        margin:0 auto;
    }
    .go_h4, .special_input, .submit_button {
        font-size:20px;
    }
    .special_input {
        max-width:200px;
    }
}

@media only screen and  (max-width: 815px) {
    .u_img_holder1 {
        width: 250px;
    }
    .u_img_holder1 img {
        margin-top: -250px;
        margin-left: -85px;
    }
    .u_img_holder2 img {
        margin-top: -160px;
        margin-left: 40%;
    }
    .u_img_holder3 img {
        right: -3%;
        width: 100px;
    }

    .three_d_cards_holder {
        display: block;
        margin: 55px 0 0 0;
    }

    .three_d_element {
        width: 360px;
        margin: 0 auto;
    }

    .three_d_text {
        text-align: center;
    }

    .three_d_one_arrow, .three_d_two_arrow {
        display: none;
    }

    .three_d_two {
        width: 221px;
    }

    .three_d_three {
        width: 232px;
    }

    .want_to_be_inventor {
        font-size:25px;
    }

    .f_img1 {
        margin-left: 10%;
    }

    .f_img2 {
        margin-left: 30%;
    }


    .f_img3 {
        margin-top: 55%;
        margin-left: 65%;
    }

    .f_img4 {
        margin-top: 52%;
        margin-left: 30%;
    }
.line_with_circle {
    display: none;
}
}

@media only screen and  (max-width: 700px) {
    .u_img_holder img {
        margin-top: -100px;
    }
    .u_img_holder2 img {
        margin-top: -130px;
        margin-left: 20%;
    }
    .u_img_holder2 {
        width: 80px;
    }
     .gclc {
        display: block;
    }
}



@media only screen and  (max-width: 671px) {
.main_inv_title {
    font-size:60px;
}
    .star_spin img {
        margin-right:20%;
    }
    
    .s1p1el_with_arrow {
        display: none;
    }
    .s1p1el {
        width: 100%;
    }
    .story_three_lines {
        display: none;
    }
    .stoty_text_p2 {
        width: 100%;
    }
    .story1part3col2 {
        display: none;
    }
}

@media only screen and  (max-width: 600px) {
.nav_top a li {
    font-size:15px;
    margin-right:5px;
    margin-left:5px;
}
.header_text_uniq {
    margin-top: 50px;
}

.game_img_holder {
    width: 360px;
}

.header_h2 {
    margin-top: 50px;
}

.card1, .card2, .card3 {
    width:360px;
}

    .u_img_holder1 {
        width: 150px;
    }
    .u_img_holder1 img {
        margin-top: -150px;
        margin-left: -45px;
    }

    .check_it_out {
        font-size:28px;
    }
.flex2  {
    display: none;
}
.flex1 {
    width: 100%;
}
.aps2_bot {
    margin-top: 15px;
    width: 100%;
}
.aps2_bot .aps {
    width: 100%;
}

.fi1, .fi2 {
    display:none;
}

.video_big {
    display: none;
}
.video_little {
    display: block;
}

    .s1p1el, .story1part4_col2 {
        margin-top: 0;
    }
    

}

@media (max-width: 400px) and (min-width: 150px) {
    .mobile_content {
        display: block;
    }

    .header_text_uniq {
        margin-top: 50px;
    }
    .game_img_holder {
        width: 200px;
    }
        .u_img_holder {
            display: none;
    }
        .header_text_uniq3 {
            top:-50px;
        }

        .header_h2 {
            margin-top: 0;
        }

    .u_img_holder1 img {
        margin-top: -150px;
        margin-left: -75px;
    }
    .u_img_holder2 {
        display: none;
    }

     .u_img_holder3 img {
        right: -8%;
        width: 80px;
    }

    .aps {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .h3_left {
        text-align: center;
    }

    .star_spin img {
        display: none;
    }
    .title_main_2 {
        font-size:20px;
    }
    .story1 {
        margin-top: 120px;
    }
    .story_txt {
        font-size:16px;
    }
    
    .sp4p1 {
        display: none;
    }

    .sp4 {
        width: 100%;
    }
    .want_to_be_inventor {
        font-size:20px;
        margin-top: 15px;
    }
    .check_it_out {
        font-size:24px;
    }
    
    .fi3 {
        text-align: center;
        margin-top: 20%;
        right: 22%;
    }
    .s1p1el, .story1part4_col2 {
        margin-top: 0;
    }
    .arrown_animated_down {
        margin-bottom: 0;
        text-align: center;
        margin-top: 0;
    }
}