websize_cms/public/assets/websize/css/adaptation.css

.mobile_class {
    display: none;
}
@media (max-width: 1120px) {
    .web_class {
        display: none !important;
    }
    .mobile_class {
        display: block;
    }

    .head_tab {
        /* width: 100vw; */
        width: 100%;
        padding: 0 2.5rem;
        box-sizing: border-box;
    }
	.carousel_box_tow {
		flex-direction: column;
	}
	.carousel_box_tow .carousel_box_title {
		text-align: center !important;
	}
	.carousel_box_tow .carousel_box_btn a {
		margin: 0 auto;
	}
	.carousel_box_img {
		width: 37.5rem;
	}
    .body_box_item {
        width: 100%;
        padding: 3.75rem 4rem;
        box-sizing: border-box;
    }
    .service_box {
        justify-content: center;
    }
    .exhibition_box {
        flex-wrap: wrap;
        justify-content: center;
    }
    .scene_box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .aboutMy_box {
        flex-direction: column;
        gap: 3.75rem;
    }
    .aboutMy_box_img {
        width: 100%;
        height: auto;
    }
    .problem {
        flex-direction: column;
        align-items: center;
        gap: 6.25rem;
    }
    .problem .body_box_title {
        width: 36.875rem;
        text-align: left;
    }
    .contact_box {
        flex-direction: column;
        gap: 5rem;
    }
    .box_bottom_class {
        justify-content: space-between;
		padding: 2.5rem !important;
		box-sizing: border-box;
    }
    .bottom_menu {
        color: #fff;
        width: 26.625rem;
        padding: 0;
        margin: 0 auto;
        justify-content: space-between;
        padding-bottom: 2.5rem;
    }
    .bottom_menu_item {
        flex: none;
    }
    .web_information_content {
        justify-content: center;
    }
	
	.field_title {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.field_title_main_bottom {
		text-align: center;
	}
	.field_title_secondary {
		width: 80%;
		text-align: center;
	}
	.scene_box_item {
		flex-direction: column;
		align-items: center;
	}
	.scene_box_item_text {
		text-align: center;
	}
	.three_box {
		/* flex-direction: column; */
	}
	.three_box_item {
		width: 100%;
	}
	.introduce_box {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.introduce_box_right {
		align-items: center;
		gap: 0.625rem;
		height: 12rem;
	}
}

@media (max-width: 900px) {
	html{
		font-size: 10px;
	}
}
@media (max-width: 350px) {
	.web_information_content {
		gap: 0;
	}
	.keep_code {
		width: 100%;
		text-align: center;
	}
	.company_name {
		margin-right: 2.5rem;
	}
}
@media (max-width: 400px) {
	html{
		font-size: 8px;
	}
}