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

.top { width: 100% !important; height: 100px !important; }
.top_item { width: 100% !important; }
.menu_item li { display: none !important; }
.top_item img { margin-left: 30px !important; }
.font_0 { font-size: 40px !important; }
.font_1 { font-size: 30px !important; }
.font_2 { font-size: 16px !important; }

.mobile_menu {
  width: 45% !important;
  }
  
.contents_aboutus { width: 100% !important; height: 100% !important;}
.main_banner_aboutus { width: 100% !important; height: 800px !important; margin-top: 0 !important; }
.aboutus_text { height: 600px !important; justify-content: flex-start !important; }
.aboutus_text { padding-top: 250px !important; }
.aboutus_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 30px !important; }
.aboutus_text h1:nth-child(2) { padding: 30px 0px 0 0 !important; line-height: 40px !important; }
.aboutus_text p { padding: 40px 0 0 0 !important; line-height: 25px !important; text-align:justify !important; }
.contents_aboutus .box_text1 { margin: 50px 0px 100px 0px !important; width: 100% !important; padding: 0; }
.contents_aboutus .box_text2,
.contents_aboutus .box_text3,
.contents_aboutus .box_text4,
.contents_aboutus .box_text5,
.contents_aboutus .box_text6 { margin: 0 0 80px 0px !important; width: 100% !important; padding: 0; }
.contents_aboutus .box_text1 div,
.contents_aboutus .box_text2 div,
.contents_aboutus .box_text3 div,
.contents_aboutus .box_text4 div,
.contents_aboutus .box_text5 div,
.contents_aboutus .box_text6 div { flex-direction: column !important; align-items: center !important; }
.contents_aboutus .box_text3 .title_s { margin: 10px 0 0 !important; }
.contents_aboutus .box_text6 h1, .title_ss { width: 400px !important; }
.contents_aboutus .box_text1 p,
.contents_aboutus .box_text2 p,
.contents_aboutus .box_text3 p,
.contents_aboutus .box_text4 p,
.contents_aboutus .box_text5 p,
.contents_aboutus .box_text6 p { text-align:left !important; padding: 0 40px 0 40px !important;}
.contents_aboutus .box_pic1 , 
.contents_aboutus .box_pic2 , 
.contents_aboutus .box_pic3 { margin-bottom: 100px !important; }
.contents_aboutus .box_pic1 img,
.contents_aboutus .box_pic2 img,
.contents_aboutus .box_pic3 img { width: 100% !important; height: 200px !important; object-fit: cover !important; }



/* our advantage */

.contents_ouradvantage { width: 100% !important; }
.main_banner_ouradvantage { width: 100% !important; height: 350px !important; margin-top: 0 !important; }
.ouradvantage_text { padding-top: 270px !important; margin-bottom: 100px !important; }
.ouradvantage_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 20px !important; }
.ouradvantage_text h1:nth-child(2) { padding: 0 40px !important; line-height: 60px !important; }
.contents_ouradvantage .box_text1 { margin: 80px 0 0px !important; width: 100% !important; }
.contents_ouradvantage .box_text2 { margin: 0 0 50px 0 !important; width: 100% !important; height: 500px !important; }
.contents_ouradvantage .box_text3 { margin: 0 0 100px 0 !important; width: 100% !important; height: 500px !important; }
.contents_ouradvantage .box_text4,
.contents_ouradvantage .box_text5 { margin: 0px 0 100px 0 !important; width: 100% !important; }
.contents_ouradvantage .box_text6 { margin: 100px 0 100px 0 !important; width: 100% !important; }
.contents_ouradvantage .box_text1 div,
.contents_ouradvantage .box_text2 div { flex-direction: column !important; align-items: center !important; }
.contents_ouradvantage .box_text3 div { flex-direction: row !important; align-items: center !important; }
.contents_ouradvantage .box_text4 div,
.contents_ouradvantage .box_text5 div,
.contents_ouradvantage .box_text6 div { flex-direction: column !important; align-items: center !important; }

.box_our_pic1 img { width: 100% !important; object-fit: scale-down !important; }
.box_our_pic2 img { width: 100% !important; height: 230px !important; object-fit: cover !important; }
.box_our_pic3 img { width: 100% !important; object-fit: scale-down !important; }
.box_our_pic4 img { width: 100% !important; height: 80px !important; object-fit: cover !important; }
.box_our_pic5 img { width: 100% !important; height: 200px !important; object-fit: cover !important; }

.contents_ouradvantage .box_text3 .line2 { height: 50px !important; }
.contents_ouradvantage .box_text3 .line3 { height: 60px !important; width: 100% !important; margin-top: 50px !important; }
.contents_ouradvantage .box_text3 .line3 h1,
.contents_ouradvantage .box_text3 .line3 li { font-size: 30px !important; margin: 0 !important; }
.contents_ouradvantage .box_text3 .line4 { width: 100%!important; }
.contents_ouradvantage .box_text3 .line4 li { margin: 0 !important; width: 150px !important; font-size: 15px !important; }
.contents_ouradvantage .box_text3 .line3 div { margin: 0 !important; width: 150px !important; align-items: center !important; flex-direction: row !important; }
.contents_ouradvantage .box_text1 p,
.contents_ouradvantage .box_text2 p,
.contents_ouradvantage .box_text3 p,
.contents_ouradvantage .box_text4 p,
.contents_ouradvantage .box_text5 p,
.contents_ouradvantage .box_text6 p { text-align:left !important; padding: 0 40px 0 40px !important;}

/* meet the team */

.contents_meettheteam { width: 100% !important; }
.main_banner_meettheteam { width: 100% !important; height: 350px !important; margin-top: 0 !important; }
.meettheteam_text { padding-top: 270px !important; margin-bottom: 100px !important; }
.meettheteam_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 20px !important; }
.meettheteam_text h1:nth-child(2) { padding: 0 40px !important; line-height: 60px !important; }
.contents_meettheteam h1 {margin-top: 80px !important;}
.contents_meettheteam .box_text1 { margin: 50px 0 !important; width: 100% !important; flex-direction: column !important; height: 100% !important; }
.contents_meettheteam .box_text2 { margin: 0 0 50px !important; width: 100% !important; flex-direction: column !important; height: 100% !important; }
.contents_meettheteam .box_text3 { margin: 0 0 50px !important; width: 100% !important; flex-direction: column !important; height: 100% !important; }
.contents_meettheteam .box_text4 { margin: 0 0 100px !important; width: 100% !important; flex-direction: column !important; height: 100% !important; }
.contents_meettheteam .box_text5 { margin: 100px 0 !important; width: 100% !important; flex-direction: column !important; height: 920px !important; padding: 0 !important; }
.contents_meettheteam .box_text6 { margin: 0 0 50px !important; width: 100% !important; flex-direction: column !important; height: 892px !important; padding: 0 !important; }

.contents_meettheteam .box_text1 div,
.contents_meettheteam .box_text2 div,
.contents_meettheteam .box_text3 div,
.contents_meettheteam .box_text4 div { margin: 0 30px 0 40px !important; width: 100% !important; height: 100% !important; }
.contents_meettheteam .box_text4 ul #meet_no1 { line-height: 30px !important; height: 50px !important; }
.contents_meettheteam .box_text4 ul #meet_no2 { height: 30px !important; }
.contents_meettheteam .box_text1 ul { width: 90% !important; padding-left: 0 !important; align-items: center !important; height: 100% !important; font-size: 15px !important; }
.contents_meettheteam .box_text2 ul { width: 90% !important; padding-left: 0 !important; align-items: center !important; height: 100% !important; font-size: 15px !important; }
.contents_meettheteam .box_text3 ul { width: 90% !important; padding-left: 0 !important; align-items: center !important; height: 100% !important; font-size: 15px !important; }
.contents_meettheteam .box_text4 ul { width: 90% !important; padding-left: 0 !important; align-items: center !important; height: 100% !important; font-size: 15px !important; }
.contents_meettheteam .box_text1 ul li,
.contents_meettheteam .box_text2 ul li,
.contents_meettheteam .box_text3 ul li,
.contents_meettheteam .box_text4 ul li { width: 90% !important; text-align: center !important; line-height: 30px !important; margin-top: 20px !important; }

.contents_meettheteam .box_text5 p { line-height: 30px !important; font-size: 15px !important; padding: 20px !important; height: 680px !important; margin-top: 10px !important; }
.contents_meettheteam .box_text6 p { line-height: 30px !important; font-size: 15px !important; padding: 20px !important; height: 650px !important; margin-top: 10px !important; }

/* .contents_meettheteam .box_text5 p.animate3 { padding: 20px !important; height: 680px !important; margin-top: 0 !important; }
.contents_meettheteam .box_text6 p.animate3 { padding: 20px !important; height: 650px !important; margin-top: 0 !important; } */

.contents_meettheteam .box_text1 ul li,
.contents_meettheteam .box_text2 ul li,
.contents_meettheteam .box_text3 ul li,
.contents_meettheteam .box_text4 ul li { width: 90% !important; text-align: center !important; line-height: 30px !important; margin-top: 20px !important; }
.contents_meettheteam .box_text5 .advisor { height: 190px !important; align-items: flex-end !important; }
.contents_meettheteam .box_text6 .advisor { height: 190px !important; align-items: flex-end !important; }
.contents_meettheteam .box_text5 .advisor div { width: 40% !important; margin: 0 !important; align-content: flex-end !important; }
.contents_meettheteam .box_text6 .advisor div { width: 40% !important; margin: 0 !important; align-content: flex-end !important; }
.contents_meettheteam .box_text5 .advisor ul { padding-left: 0 !important; align-items: center !important; height: 200px !important; width: 60% !important; margin-left: 0 !important; justify-content: flex-end; }
.contents_meettheteam .box_text6 .advisor ul { padding-left: 0 !important; align-items: center !important; height: 200px !important; width: 60% !important; margin-left: 0 !important; justify-content: flex-end; }
.contents_meettheteam .box_text5 .advisor ul li { width: 93% !important; height: 40px !important; text-align: left !important; font-size: 12px !important; margin-bottom: 10px !important; align-items: flex-start; }
.contents_meettheteam .box_text5 .advisor ul li:nth-child(1) { position: relative !important; left: -80px !important; width: 40px !important; top: 10px !important; height: 30px !important; }
.contents_meettheteam .box_text5 .advisor ul li:nth-child(2) { font-size: 19px !important; font-style: bold !important; font-weight: 400 !important; border-bottom: 3px solid #7695c7; }
.contents_meettheteam .box_text6 .advisor ul li { width: 93% !important; height: 40px !important; text-align: left !important; font-size: 12px !important; margin-bottom: 10px !important; align-items: flex-start; }
.contents_meettheteam .box_text6 .advisor ul li:nth-child(1) { position: relative !important; left: -80px !important; width: 40px !important; top: 10px !important; height: 30px !important; }
.contents_meettheteam .box_text6 .advisor ul li:nth-child(2) { font-size: 19px !important; font-style: bold !important; font-weight: 400 !important; border-bottom: 3px solid #7695c7; }
.contents_meettheteam .box_text6 .advisor ul li:nth-child(4) { height: 30px !important; }
.contents_meettheteam .m_pic { margin: 0 !important; }
.contents_meettheteam .box_meet_pic1 img { width: 70% !important; object-fit: scale-down !important; }
.contents_meettheteam .box_meet_pic2 img { width: 70% !important; object-fit: scale-down !important; }
.contents_meettheteam .box_meet_pic3 img { width: 70% !important; object-fit: scale-down !important; }
.contents_meettheteam .box_meet_pic4 img { width: 70% !important; object-fit: scale-down !important; }
.contents_meettheteam .box_meet_pic5 img { width: 100% !important; height: 150px !important; object-fit: cover; margin: 0 !important; }
.contents_meettheteam .box_meet_pic6 { width: 100% !important; object-fit: cover !important; margin-bottom: 12px !important; align-content: flex-end !important; display: flex !important;}
.contents_meettheteam .box_meet_pic7 { width: 100% !important; object-fit: cover !important; margin-bottom: 12px !important; }

/* what we do */

.contents_whatwedo { width: 100% !important; }
.main_banner_whatwedo { width: 100% !important; height: 350px !important; margin-top: 0 !important; }
.whatwedo_text { padding-top: 270px !important; margin-bottom: 100px !important; }
.whatwedo_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 20px !important; }
.whatwedo_text h1:nth-child(2) { padding: 0 40px !important; line-height: 60px !important; }

.contents_whatwedo .box_text1 { margin: 50px 0 !important; }
.contents_whatwedo .box_text2 { width: 100% !important; }
.contents_whatwedo .box_text3 { margin: 150px 0 0 !important; }
.contents_whatwedo .box_text5 { margin: 50px 0 100px !important; height:940px !important;}
.contents_whatwedo .box_text6 { margin: 50px 0 100px !important; }
.contents_whatwedo .box_text8 { margin: 50px 0 !important; height: 200px !important; width: 90% !important; }
.contents_whatwedo .box_text3 div { flex-direction: column !important; align-items: center !important; }
.contents_whatwedo .box_text5 div { margin-bottom: 0px !important; height: 70px !important;}
.contents_whatwedo .box_text6 div { flex-direction: column !important; align-items: center !important; margin-bottom: 30px !important; }
.contents_whatwedo .box_text7 div { flex-direction: column !important; align-items: center !important; margin-bottom: 30px !important; }
.contents_whatwedo .box_text2 p { padding: 0 40px 0 40px !important; width: 100% !important; text-align:justify !important;}
.contents_whatwedo .box_text2 h1 { margin: 50px 0 20px !important; }
.contents_whatwedo .box_text4 h1 { width: 100% !important; margin: 0 0 30px !important; font-size: 15px !important;}
.contents_whatwedo .box_text3 #homepi { display: none !important; }
.contents_whatwedo .box_text3 #mobile_1 { margin: 20px 50px !important; }
.contents_whatwedo .box_text3 #mobile_2 { margin: 50px !important; }
.contents_whatwedo .box_text3 #mobile_3 { margin: 50px !important; }
.contents_whatwedo .box_text5 #homepi { display: none !important; }
.contents_whatwedo .box_text5 #mobile { display: block !important; margin: 20px 50px !important; width: 100% !important;}

.whatwedo_ani1 img { width: 100% !important; object-fit: scale-down !important; }
.contents_whatwedo .box_text1 img { width: 95% !important; object-fit: cover !important; }
.contents_whatwedo .box_text3 img { width: 95% !important; object-fit: cover !important; }
.contents_whatwedo .box_text4 img { width: 95% !important; object-fit: cover !important; }
.contents_whatwedo .box_text5 img { width: 100% !important; object-fit: cover !important; }
.contents_whatwedo .box_text6 img { width: 100% !important; object-fit: cover !important; }
.contents_whatwedo .box_text7 img { width: 100% !important; object-fit: cover !important; }



/* what we offer */

.contents_whatweoffer { width: 100% !important; }
.main_banner_whatweoffer { width: 100% !important; height: 350px !important; margin-top: 0 !important; }
.whatweoffer_text { padding-top: 270px !important; margin-bottom: 100px !important; }
.whatweoffer_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 20px !important; }
.whatweoffer_text h1:nth-child(2) { padding: 0 40px !important; line-height: 60px !important; }
.whatweoff_text p { padding: 40px; line-height: 30px; }
.contents_whatweoff .title_s { margin: 150px 0 0; }

.contents_whatweoffer .box_text1 { text-align: center; width: 100%; margin-top: 80px !important; }
.contents_whatweoffer .box_text2 { display: flex; flex-direction: column; width: 100%; justify-content: space-around; align-items: flex-start;margin-bottom: 100px !important; margin-top: 50px !important;}

.contents_whatweoffer .box_text2 .left { display: flex !important; width: 100% !important; height: 300px; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: center !important; align-items: baseline; padding: 0px!important;}
.contents_whatweoffer .box_text2 .se2 {height: 250px !important;} 
.contents_whatweoffer .box_text2 .right {width: 100%; padding: 0px 40px 0 40px ; }
.whatweoff_ani1 .left {height: 300px !important;}
.whatweoff_ani3 .left {height: 300px !important;}
.whatweoff_ani4 .left {height: 250px !important;}
.whatweoff_ani5 .left {height: 250px !important;}
.whatweoff_ani6 .left {height: 250px !important;}
.whatweoff_ani7 .left {height: 300px !important;}


.contents_whatweoffer .box_text2 .right {width: 100%;}
.whatweoff_ani1 .left img { width: 28% !important; object-fit: scale-down; }
.whatweoff_ani2 .left img { width: 30% !important; object-fit: scale-down; }
.whatweoff_ani3 .left img { width: 60% !important; object-fit: scale-down; }
.whatweoff_ani4 .left img { width: 32% !important; object-fit: scale-down; }
.whatweoff_ani5 .left img { width: 32% !important; object-fit: scale-down; }
.whatweoff_ani6 .left img { width: 32% !important; object-fit: scale-down; }
.whatweoff_ani7 .left img { width: 60% !important; object-fit: scale-down; }
.whatweoff_ani2 .left #offer_05 {display: none !important;}
.contents_whatweoffer .box_text2 .right img { width: 100%; object-fit: scale-down; } 



/* contact us */

.contents_contactus { width: 100% !important; }
.main_banner_contactus { width: 100% !important; height: 350px !important; margin-top: 0 !important; }
.contactus_text { padding-top: 270px !important; margin-bottom: 100px !important; }
.contactus_text h1:nth-child(1) { margin: 0 !important; height: 30px !important; line-height: 20px !important; }
.contactus_text h1:nth-child(2) { padding: 0 40px !important; line-height: 60px !important; }
.contactus_text p { padding: 40px; line-height: 30px; }
.contents_contactus .title_s { margin: 150px 0 0; }

.contents_contactus .box_text1 { width: 100%; margin-top: 100px !important;}
.contents_contactus .box_text2 { width: 100%; margin-top: 50px !important;}
.contents_contactus .box_text3 { width: 100% !important; height: 500px !important;}
.contents_contactus .box_text3 .first {height: 100px; margin-bottom: 0px !important;}
.contents_contactus .box_text3 .first h1 {margin-top: 10px;}

.contents_contactus .box_text3 .form { width: 100%; flex-direction: column; height: 300px !important; margin: 0;}
.contents_contactus .box_text3 .form ul { width: 340px !important; margin: 0;}
.contents_contactus .box_text3 .form ul li { width: 100% !important; }  
.contents_contactus .box_text3 .form input { width: 100% !important; height: 30px !important;}
.input_button { width: 350px !important; height: 70px !important; margin-top: 20px !important;}

.footer .item .shotcut_part { display: none !important; }

}