@media screen and (max-width:1600px) {
    .hero_banner .hero_banner_text h1{
        font-size: 150px;
    }
    .register_form {
        padding: 40px 100px;
    }
    .scrolldown_button{
        width: 152px;
        height: 152px;
    }
    .scrolldown_button:hover {
        width: 180px;
        height: 180px;
    }
}
@media screen and (max-width:1400px) {
    .register_form {
        padding: 40px 60px;
    }
    .form-floating>label{
        font-size: 18px;
    }
    .register_form h2{
        font-size: 62px;
    }
    .register_form p {
        font-size: 18px;
        line-height: 30px;
    }
    .hero_banner .hero_banner_text h1 {
        font-size: 130px;
    }
    .marquee-tag{
        font-size: 451.021px;
    }
    .footer_wrapper .social_icon a{
        width: 60px;
        height: 60px;
        line-height: 52px;
    }
    .marquee h2{
        font-size: 150px;
        line-height: 204px;
    }
}
@media screen and (max-width:1199px) {
    .hero_banner{
        padding: 90px 0 32px 10.2%;
    }
    .scrolldown_button {
        width: 132px;
        height: 132px;
    }
    .scrolldown_button:hover {
        width: 160px;
        height: 160px;
    }
    .register_form {
        padding: 40px 30px;
    }
    .about_descriptions{
        padding-bottom: 120px;
    }
    .footer_wrapper{
        padding: 24px 30px;
    }
    
}
@media screen and (max-width:991px) {
    .register_form{
        padding: 60px;
    }
    .hero_banner .comingsoon_badge{
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .hero_banner .comingsoon_badge span{
        font-size: 20px;
    }
    .sub_title h6 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .hero_banner .hero_banner_text h1 {
        font-size: 100px;
    }
    .hero_banner .hero_banner_text{
        padding-bottom: 100px;
    }
    .scrolldown_button {
        width: 100px;
        height: 100px;
    }
    .scrolldown_button:hover {
        width: 130px;
        height: 130px;
    }
    .about_descriptions h2,
    .register_form h2{
        font-size: 62px;
    }
    .about_descriptions p{
        font-size: 18px;
        line-height: 30px;
    }
    .about_descriptions {
        width: 100%;
        padding: 30px;
        padding-bottom: 80px;
    }
    .hero_banner {
        padding: 60px 0 32px 10.2%;
    }
    .hero_banner .hero_banner_text{
        max-width: 100%;
    }
    .marquee h2 {
        font-size: 110px;
        line-height: 164px;
    }
    .marquee-tag {
        font-size: 301.021px;
    }
    .header_wrapper .menu_right .btn_link {
        margin-right: 34px;
    }
    .header_wrapper{
        padding: 24px;
    }
    .header_wrapper.sticky_header{
        padding: 14px 24px;
    }
    .footer_wrapper .social_icon a {
        width: 44px;
        height: 44px;
        line-height: 36px;
    }
    .footer_wrapper .social_icon a img{
        width: 16px;
    }
    .footer_wrapper {
        padding: 16px 30px;
    }
}
@media screen and (max-width:767px) {
    .hero_banner {
        padding: 60px 0 32px 6.2%;
    }
    .header_wrapper {
        padding: 16px 10px;
    }
    .header_wrapper.sticky_header{
        padding: 14px 10px;
    }
    .header_wrapper .menu_right .btn_link {
        margin-right: 16px;
    }
    .btn-theme{
        padding: 12px 24px;
        font-size: 16px;
    }
    .hero_banner .hero_banner_text h1 {
        font-size: 70px;
    }
    .sub_title h6{
        font-size: 18px;
    }
    .hero_banner .comingsoon_badge {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .hero_banner .comingsoon_badge span {
        font-size: 16px;
    }
    .hero_banner_img {
        width: 75%;
    }
    .scrolldown_button {
        width: 70px;
        height: 70px;
    }
    .scrolldown_button:hover {
        width: 100px;
        height: 100px;
    }
    .scrolldown_button img{
        height: 30px;
    }
    .company_logo{
        max-width: 60%;
    }
    .about_descriptions h2, .register_form h2 {
        font-size: 48px;
    }
    .about_gallery_section {
        padding-top: 60px;
    }
    .about_gallery_list ul{
        flex-wrap: wrap;
    }
    .about_gallery_list ul li{
        width: calc(50% - 32px);
    }
    .marquee h2 {
        font-size: 70px;
        line-height: 124px;
    }
    .register_form {
        padding: 60px 40px;
    }
}
@media screen and (max-width:575px) {
    .hero_banner .hero_banner_text h1 {
        font-size: 48px;
    }
    .menu_wrapper.flex_item_cb{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .hero_banner_img {
        width: 100%;
    }
    .sub_title h6 {
        font-size: 16px;
    }
    .register_section {
        padding: 24px 16px;
    }
    .register_form {
        padding: 40px 20px;
    }
    .marquee h2 {
        font-size: 44px;
        line-height: 104px;
    }
    .marquee-tag {
        font-size: 141.021px;
    }
    .about_descriptions{
        padding:30px 16px;
        padding-bottom: 70px;
    }
    .about_descriptions p,
    .register_form p {
        font-size: 16px;
        line-height: 28px;
    }
    .about_descriptions h2, .register_form h2 {
        font-size: 38px;
    }
    .about_gallery_list ul {
        gap: 12px;
        padding: 0 16px;
    }
    .about_gallery_list ul li {
        width: calc(50% - 12px);
    }
    .footer_wrapper > .flex_item_cb{
        flex-direction: column;
    }
    .form-floating>label,
    .form-control {
        font-size: 16px;
    }
    
}