@media only screen and (max-width: 600px){
    .mobile-head {
        height: 46px;
        z-index: 99 !important;
        padding: 16px 15px;
        height: 80px;
    }
    .mobile-slide-menu {
        display: none;
        position: fixed;
        width: 100%;
        top: 2px;
        height: 100% !important;
        z-index: 5;
        opacity: 1;
    }
    .mobile-slide-menu .mobile-slide-head {
        background: #000 !important;
        position: absolute;
        width: 100%;
        padding: 32px 15px;
        height: 77px;
        align-items: center!important;
    }
    #webmobile-menu {
        clear: both;
        position: absolute;
        top: 101px;
        padding: 25px;
        width: 100%;
        background: #FBFBF9;
    }
    .mobile-slide-menu .mobile-slide-head .menuactive {
        position: relative;
        top: 2px;
        float: right;
        filter: brightness(6);
        border-bottom:1px solid #fff;
    } 
    #webmobile-menu .nav-link {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-left: 13px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-image: linear-gradient(to right, #5AD942 20%, #063630 100%) 1;
    }
    
    #webmobile-menu {
        clear: both;
        position: absolute;
        top: 78px;
        padding: 0px;
        width: 100%;
        max-width: 250px;
        background: #FBFBF9;
        left: 109px;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #5AD942 20%, #063630 100%) 1;
    }  
    .p_mo{
        padding: 0px;
    }
    section {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    .header-top:after {
        content: '';
        background: url(../img/service-top-content.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        width: 84%;
        height: 2px;
        top: 84px;
        left: 0px;
        display: none;
    }
    .inactive{
        border-bottom:1px solid #fff;
    }
}
@media only screen and (max-width: 900px){
    .home_banner_top::after {
        content: '';
        background: url(../img/ready_Scroll.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        width: 57px;
        height: 66px;
        left: 44%;
        bottom: 25px;
    }
    .home_banner_top {
        padding: 6rem 0;
        height: 650px;
    }
    .home_top_content h3 {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34.8px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-bottom: 19px;
    }
    .home_top_content h1 {
        font-family: 'Game Of Squids';
        font-size: 56px;
        line-height: 78px;
        font-weight: 400;
        color: #FBFBF9;
        letter-spacing: 55px;
        text-transform: uppercase;
        width: 300px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 40px;
        text-align: center;
    }
    .what_make_unique {
        background: none;
        background-size: cover;
        background-position: center center;
        height: 100%;
        padding: 1.5rem 0;
    } 
    .what_make_unique::after {
        content: '';
        background: url(../img/Unique_uds_bg_mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 579px;
        z-index: 2;
    }   
    .home_make_content h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 44px;
        font-weight: 400;
        color: #145C54;
        letter-spacing: 7px;
        text-transform: uppercase;
        padding: 0px 20px;
    }
    .what_make_home {
        padding: 1.5rem 0 1.5rem;
    }
    .what_make_content h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 44px;
        font-weight: 400;
        color: #145C54;
        letter-spacing: 5px;
        text-transform: uppercase;
        width: 616px;
        max-width: 100%;
    }
    .what_make_content p {
        font-family: 'Arial';
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        color: #7B7979;
        text-align: left;
    }
    .home_make_content{
        padding: 0px 0px;
    }
    .what_make_content {
        width: 616px;
        max-width: 100%;
        padding: 0px 12px;
        height: 793px;
    }
    .home_make_content p {
        font-family: 'Arial';
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        color: #7B7979;
        text-align: center;
    }
    .home_services_card {
        padding: 3rem 0 3rem;
        margin-bottom: 0px;
        box-shadow: 18px 10px 121px 11px #ededed;
        height: 409px;
        margin-bottom: 16px;
    }
    .home_about_card h4 {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color: #92FF7B;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .home_about_card h3 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 44px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 8px;
        text-transform: uppercase;
    }
    .home_about_card .btn {
        font-size: 16px;
        font-family: 'Arial';
        line-height: 24px;
        font-weight: 700;
        color: #fff;
        border: 0px;
        width: 146px;
        margin: auto;
        padding: 16px 24px;
        text-transform: uppercase;
        border-radius: 0px;
        transition: ease-out 300ms;
        height: 56px;
        background-image: linear-gradient(to right, #5AD942 67% , #A1CC8A 100%);
        position: relative;
    }
    .home_services_card .owl-prev {
        position: absolute;
        left: 4.9rem;
        top: 15.5rem;
    }
    .home_services_card .owl-next {
        position: absolute;
        right: 4.9rem;
        top: 15.5rem;
    }
    .nft_servies_top::after{
        content: '';
        background: url(../img/Scroll.png) no-repeat;
        background-size: cover;
        background-position:center center;
        position: absolute;
        width: 34px;
        height: 67px;
        left: 48.8%;
        bottom: 25px;
        display: none;
      }
      .nft_last_pase {
        background: none;
        background-size: cover;
        margin-top: 0px;
        padding: 24px 0px 0px;
    }
    .take_full_control h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 5px;
        text-transform: uppercase;
        text-align: left;
        width: 734px;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .take_full_control {
        width: 741px;
        max-width: 100%;
        margin-bottom: 24px;
        padding: 0px 12px;
    }  
    .nft_last_pase::after{
        content: '';
        background: url(../img/Arrow-Large.png) no-repeat;
        background-size: cover;
        background-position:center center;
        position: absolute;
        width: 167px;
        height: 147px;
        right: 0%;
        top: 0px;
        z-index: -1;
    }  
    .custom_nft {
        padding: 0 0 0rem !important;
        margin-top: 24px;
    }
    .serives_content h1 {
        font-family: 'Game Of Squids';
        font-size: 33px;
        line-height: 46px;
        font-weight: 400;
        color: #FBFBF9;
        margin-bottom: 2px;
        letter-spacing: 7px;
        text-transform: uppercase;
        width: 346px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .indival-top_srvi {
        padding: 11rem 0 8rem;
        height: 100%;
    }
    .serives_content p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        color: #FBFBF9;
        text-decoration: none;
        width: 100%;
        max-width: 757px;
        margin: auto;
        padding-top: 24px;
        margin-bottom: 24px;
    }
    .serives_content::after {
        content: '';
        background: url(../img/service-top-content.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        width: 100%;
        height: 2px;
        top: 130px;
        left: 8px;
    }
    .serives_content .btn {
        font-family: 'Arial';
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
        text-align: center;
        color: #000000;
        text-transform: uppercase;
        letter-spacing: 2px;
        border-radius: 0px;
        padding: 16px 11px;
        height: 56px;
        background-color: #fff;
        border-color: #fff;
        width: 300px;
        margin: auto;
    }
    .make_the_most::after {
        content: '';
        background: url(../img/make_most_content.png)no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 411px;
        width: 1920px;
        z-index: -1;
        display: none;
    }
    .make_most_content h2 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 4px;
        text-transform: uppercase;
        text-align: left;
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .make-border {
        width: 93%;
        max-width: 100%;
        border-width: 1px;
        border-style: solid;
        border-image: linear-gradient(to right, #5AD942 20%, #063630 100%) 1;
        padding: 20px 20px 0px 20px;
        position: relative;
        left: 0px;
        top: 0px;
        height: 100%;
        margin: auto;
    }
    .make_most_content p {
        font-family: 'Arial';
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        text-align: left;
        color: #7B7979;
    }
    .make_the_most {
        position: relative;
        height: 100%;
        margin-top: 24px;
        padding: 1px 0;
        margin-bottom: 0px;
    }
    .make_the_most {
        position: relative;
        height: 100%;
        margin-top: 24px;
        padding: 1px 0;
        margin-bottom: 0px;
    }
    .we_create_the_most  .make-border {
        width: 93%;
        max-width: 100%;
        border-width: 1px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #5AD942 20%, #063630 100%) 1;
        padding: 20px 20px 0px 20px;
        position: relative;
        left: 0px;
        top: 0px;
        height: 100%;
        margin: auto;
        float: none;
    }  
    .crete_most_content h2 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 4px;
        text-transform: uppercase;
        text-align: left;
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .we_create_the_most {
        position: relative;
        height: fit-content;
        margin-top: 0px;
        padding: 24px 0px 0px;
        margin-bottom: -7px;
    }    
    .how_it_work {
        padding: 29px 0 12px;
        position: relative;
        margin-top: 32px;
    }
    .title_how_work h2 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #FBFBF9;
        letter-spacing: 5px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 7px;
    } 
    .swipe_p {
        font-family: 'Arial';
        color: #CDCDCD;
        text-align: center;
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
    }
    .title_how_work::after {
        content: '';
        background: url(../img/how_border_mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        position: absolute;
        width: 100%;
        max-width: 1253px;
        height: 2px;
        left: 0px;
        bottom: 15px;
    }
    .our_net_desgin_package {
        padding: 0 0 1rem;
        margin-top: 24px;
    }
    .title_our_net_desgin h2 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 5px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 40px;
    }
    .secvicard .card {
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #5AD942 20%, #063630 100%) 1;
        padding: 25px 24px;
        width: 415px;
        max-width: 100%;
        margin: auto;
        background: #e8e2e214;
        margin-bottom: 24px;
    }
    .secvicard .get_price {
        font-family: 'Arial';
        font-size: 20px;
        font-weight: 400;
        line-height: 100%;
        color: #4F4F4F;
        text-align: left;
        margin-bottom: 16px;
    }
    
    .couldnt_find_what_content h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin-bottom: 16px;
    }
    .couldnt_find_what_content {
        width: 685px;
        max-width: 100%;
        padding: 3px 8px;
    }
    .couldnt_find_what {
        background: url(../img/Get-In-touch.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 1rem 0 1.4rem;
    }
        
    .last_form {
        padding: 16px 16px;
        background: #063630;
        width: 337px;
        max-width: 100%;
        margin: auto;
    } 
    .get_in_tuoch .col-12{
        padding:0px;
    }
    .last_form::after {
        content: '';
        background: url(../img/form_top_border.png) no-repeat;
        background-position: center center;
        background-size: contain;
        width: 281px;
        height: 2px;
        position: absolute;
        left: 40px;
        top: 144px;
    }
    .checkbox-text, .checkbox-text a {
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        line-height: 26px;
        font-weight: 400;
        color: #FBFBF9;
        text-decoration: none;
    }
    .step_card .card {
        padding: 24px 24px 24px;
        background: #fff;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #5AD942 20%, #063630 100%) 1;
        width: 369px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .swipr_row{
        width: 1330px;
        flex: 0 0 100%;
        max-width: 100%;
        overflow: scroll;
        padding-bottom: 0px;
        margin-bottom: -8px;
        display: flex !important;
    }
    .custom_modal {
        position: relative;
        flex: 1 1 auto;
        padding: 24px 24px;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #5AD942 20%, #063630 100%)1;
        border-radius: 0px;
    }
    .custom_modal .form-select {
        word-wrap: normal;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #5AD942 20%, #063630 100%) 1;
        padding: 1px 13px;
        margin-bottom: 14px;
        height: 43px;
        width: 100%;
        margin-bottom: 15px;
    }
    
}
/* ------------------------------------contact--------------------------- */
@media only screen and (max-width: 900px){
    .contact_top {
        padding: 8rem 0 3rem;
        position: relative;
    }
    .top_title_content h1 {
        font-family: 'Game Of Squids';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #FBFBF9;
        letter-spacing: 16px;
        text-transform: uppercase;
        margin-bottom: 40px;
        text-align: center;
    }
    .contact_from_right h3 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 5px;
        text-transform: uppercase;
        width: 408px;
        max-width: 100%;
        margin-bottom: 24px;
        text-align: left;
    }
    .contact_from_right{
        text-align: center;
        padding: 0px 16px;
    }
    .contact_from_right h4 {
        font-family: 'Arial';
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
        color: #FBFBF9;
        text-transform: capitalize;
        letter-spacing: 2px;
    }
    .contact_from_right h5 {
        font-family: 'Arial';
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
        color: #FBFBF9;
        margin-bottom: 24px;
    }
    .top_title_content::after {
        content: '';
        background: url(../img/service-top-content.png) no-repeat;
        background-size: contain;
        position: absolute;
        width: 454px;
        height: 2px;
        top: 196px;
        left: -46px;
    }
}

/* --------------------------about-------------------------- */
@media only screen and (max-width: 900px){
    .what_vtype_contnet h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .what_vtype_contnet p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #7B7979;
        text-decoration: none;
        width: 616px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 0px;
    }
    .what_vtype_contnet .btn {
        font-size: 16px;
        font-family: 'Arial';
        line-height: 24px;
        font-weight: 700;
        color: #fff;
        border: 0px;
        width: 180px;
        margin: auto;
        padding: 16px 24px;
        text-transform: uppercase;
        border-radius: 0px;
        transition: ease-out 300ms;
        height: 56px;
        margin-top: 20px;
    }   
    .create_what_a_nft {
        padding: 1rem 0 2rem;
        height: 352px;
        margin-bottom: 16px;
    }  
    .what_a_nft {
        padding: 3rem 0 0px;
        height: 325px;
    }   
    .robot_page {
        content: '';
        background: url(../img/characte_bg_be_mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 632px;
        padding: 0px 7px;
    }
    .robot_line .line_box {
        width: 500px;
        max-width: 100%;
        padding: 24px 24px 0px;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to right, #5AD942 20%, #063630 100%) 1;
        margin: auto;
        height: 185px;
        background: rgba(255, 255, 255, 0.9);
    }
    .robot_line p{
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        color: #7B7979;
    }
    .robot_line_one {
        position: absolute;
        top: 1rem;
        right: 0rem;
    }
    .robot_line_two {
        position: absolute;
        top: 14rem;
        right: 0rem;
    }
    .robot_line_third {
        position: absolute;
        height: 138px;
        top: 27rem;
        right: 0rem;
    }
    .aboutnft_top {
        height: 100%;
        max-height: 641px;
        padding: 8rem 1rem;
    }
    .about_nft_content h1 {
        font-family: 'Game Of Squids';
        font-size: 40px;
        line-height: 56px;
        font-weight: 400;
        color: #FBFBF9;
        margin-bottom: 2px;
        letter-spacing: 23px;
        text-transform: uppercase;
        width: 346px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .about_nft_content::after {
        content: '';
        background: url(../img/service-top-content.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        width: 100%;
        height: 2px;
        top: 130px;
        left: 8px;
        display: none;
    }
    .about_us_top {
        padding: 6rem 0 3rem;
        height: 100%;
    }
    .about_content h1 {
        font-family: 'Game Of Squids';
        font-size: 33px;
        line-height: 46px;
        font-weight: 400;
        color: #FBFBF9;
        margin-bottom: 2px;
        letter-spacing: 11px;
        text-transform: uppercase;
        width: 346px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .about_content p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        color: #FBFBF9;
        text-decoration: none;
        width: 100%;
        max-width: 757px;
        margin: auto;
        padding: 0px 20px;
        padding-top: 24px;
        margin-bottom: 24px;
    }
    .our_mission {
        background: none;
        background-size: cover;
        padding: 1.5rem 0;
    }
    .our_mission_content {
        width: 556px;
        max-width: 100%;
        padding: 0px 10px 0px;
    }
    .our_mission_content h1 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #145C54;
        letter-spacing: 6px;
        text-transform: uppercase;
        width: 555px;
        max-width: 100%;
        margin-bottom: 20px;
        position: relative;
    }
    .our_mission_content p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: left;
        color: #7B7979;
        text-decoration: none;
        width: 100%;
        max-width: 757px;
    }
    .our_mission::before {
        content: '';
        background: url(../img/our_mission_be_mo.png)no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        left: 13rem;
        top: 0;
        width: 167px;
        max-width: 100%;
        height: 147px;
    }
    .about_services_card {
        padding: 5.5rem 0 1rem;
        margin-bottom: 16px;
        box-shadow: 18px 10px 121px 11px #ededed;
        margin-top: -2px;
    }
    .about_card .btn::before {
        content: '';
        background: url(../img/green_line.png) no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        width: 452px;
        height: 2px;
        top: -28px;
        left: -139px;
        z-index: 0;
        display: none;
    }    
    .about_card h3 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #fff;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    .about_card .card {
        border-width: 0px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #5AD942 20%, #063630 100%) 1;
        height: 215px;
        width: 500px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 80px;
        padding: 20px 0px 0px;
        background: transparent;
    }
    .about_card h4 {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color:#92FF7B;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    .owl-prev{
        position: absolute;
        bottom: 36px;
        left: 84px;
    }
    .owl-next{
        position: absolute;
        bottom: 36px;
        right: 84px;
    }
    .how_are_nft_made_content h2 {
        font-family: 'Krungthep';
        font-size: 32px;
        line-height: 45px;
        font-weight: 400;
        color: #FBFBF9;
        letter-spacing: 11px;
        text-transform: uppercase;
        width: 502px;
        margin: auto;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .how_are_nft_made {
        padding: 7rem 0;
    }
    .how_are_nft_made_content p {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        line-height: 23px;
        font-weight: 400;
        color: #A1CC8A;
        margin-bottom: 24px;
        width: 616px;
        margin: auto;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .about_last_from {
        background: url(../img/Get-In-Touch_swich_mo.png) no-repeat 65% 100%;
        background-size: cover;
        padding: 0px 0px 22px;
        margin-top: 0px;
    }
}
@media only screen and (max-width: 900px){
    .bg_border_policy {
        padding: 13px 19px 1px;
        background: #fff;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to top, #5AD942 20%, #063630 100%) 1;
    }
    .hambuger-title h2 {
        font-family: 'Krungthep';
        font-size: 34px;
        line-height: 46px;
        font-weight: 400;
        color: #063630;
        margin-bottom: 12px;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .hambuger-pp {
        background: url(../img/tc_tamplate_bg.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 5rem 0.5rem 4rem;
    }
    .privcy-box-content p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        text-align: left;
        color: #7B7979;
        text-decoration: none;
    }
}
@media only screen and (max-width: 900px){
    .footer {
        background: url(../img/Footer_mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 0rem 1rem 2rem;
        height: fit-content;
        width: 100%;
    }
    .footer_menu_box h5 {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color: #FBFBF9;
        margin-bottom: 28px;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .other_mo {
        font-family: 'Krungthep';
        font-size: 24px;
        line-height: 34px;
        font-weight: 400;
        color: #FBFBF9;
        margin-bottom: 28px;
        letter-spacing: 5px;
        text-transform: uppercase;
    }
    .footer_menu_box::after {
        content: '';
        background: url(../img/border_img_ser.png) no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute;
        top: 45px;
        left: 0px;
        height: 2px;
        width: 205px;
        display: none;
    }
    .footer_menu_box a {
        font-family: 'Arial';
        font-size: 16px;
        font-weight: 400;
        line-height: 34px;
        text-align: end;
        color: #FBFBF9;
        text-decoration: none;
    }
    .footer_menu_box p {
        margin-bottom: 10px;
    }
    .mobile_footer_logo {
        text-align: center;
        margin-top: 26px;
        border-top: 1px solid #FBFBF9;
        padding-top: 35px;
        padding-left: 14px;
        padding-right: 10px;
    }
    .footer_copy_right::after {
        display: none;
    }
    
    .footer_menu_box_ser {
        text-align: center;
        margin-bottom: 30px;
        border-bottom: 1px solid #FBFBF9;
        padding-bottom: 20px;
    }
    .footer_copy_right p {
        font-family: 'Inter';
        font-size: 14px;
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        color: #9B9B9B;
        margin-bottom: 23px;
        margin-top: 8px;
    }
    .master-logo {
        margin-left: 0px;
        margin-top: -7px;
    }
    .error_top_banner {
        padding: 9rem 0;
    }
    .error_content h1 {
        font-family: 'Game Of Squids';
        font-size: 40px;
        line-height: 56px;
        font-weight: 400;
        color: #063630;
        letter-spacing: 21px;
        text-transform: uppercase;
        margin-bottom: 30px;
        text-align: center;
        padding-left: 19px;
    }
    .error_content p {
        font-family: 'Arial';
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #7B7979;
        text-decoration: none;
        width: 100%;
        max-width: 550px;
        margin: auto;
        margin-bottom: 32px;
    }
    .hambuger-pp {
        padding: 5rem 0rem 3.5rem;
    }
    .hambuger-pp .container{
        padding: 0px;
    }   
    .hambuger-pp .col{
        padding: 6px;
    }
    .footer_logo_box {
      margin-top: 25px;
    }
        
}