@media all and (max-width:1900px) {
	.header-banner-content::after {
		width: 24%;
		height: 470px;
		right: 0;
		top: 20%;
	}

	.header-middle-text {
		padding-top: 10px;
	}
}


@media all and (min-width: 1700px) {

	.toolkit-video-area img {

		height: 950px !important;

	}

	.header-middle-logo img {

		right: -75px;

	}

	.toyota-single-image.videoPlay {

		width: 100%;

		height: 500px !important;

	}

	.our-network-japan {
		right: -170px;
	}

}



@media all and (min-width: 1500px) {

	.toolkit-video-area img {

		height: 850px;

	}

	.our-network-japan {
		right: -150px;
	}

	.contact-banner {
		overflow: visible;
	}

	.toyota-single-image.videoPlay {

		width: 100%;

		height: 470px;

	}



}











@media all and (max-width: 1350px) {

	.header-middle-text h2 {
		font-size: 80px;
		line-height: 60px;
	}

	.news-page-right-content button {

		right: 60px;

	}

	.news-pagenation-content:before {

		right: -65px;

	}

	.brands-section:before {

		left: -72px;

		bottom: -175px;

	}

	.introduct-heading h2 {

		left: -110px;

	}

	.introduction-area:after {

		right: -85px;

	}

	.solution-tool-heading h4 {

		margin-left: 60px;

	}

	.tool-bottom img {

		right: 70px;

		width: 80px;

		bottom: -100px;

	}

	.solution-tool-image4 {

		margin: 0 85px;

	}

	.solution-tool-image3:after {

		left: -100px;

		width: 155px;

	}

	.mobility-area:after {

		right: -218px;

	}



}

@media all and (max-width: 1275px) {

	.solution-tool-image4::after,
	.solution-tool-image3::after,
	.solution-tool-image1::after,
	.solution-tool-image2::after,
	.solution-tool-image5::after {
		background-size: contain !important;
	}



	.news-heading h2 {

		left: -20px;

	}

	.news-left-content::before {
		width: 150px;
		height: 36px;
		right: 275px;
		top: -20px;
	}

	.news-section:before {

		left: 140px;

	}

	.intregate-left-content h2:after {

		left: -30px;

	}

	.intregate-left-content:before {

		right: 340px;

	}

	.intregate-left-content:after {

		left: -32px;

	}

	.mobility-after-image img {

		width: 190px;

		left: -82px;

	}

	.mobility-area:after {

		right: -256px;

	}

	.toyota-single-image.videoPlay {

		height: 390px;

	}





}

@media all and (max-width: 1220px) {

	.mobility-after-image img,
	.mobility-after-image.o2o img,
	.mobility-after-image.ui img {
		width: 138px;
		left: -58px;
		top: 190px;
	}
}



@media all and (max-width: 1199px) {
	
	.main-mission-area::after {
		bottom: 17%;
		right: 0;
		width: 209px;
		height: 72px;
	}

	.header-banner-content:after {

		height: 728px;

		width: 52%;

	}

	.network-banner-background .mission-heading_title h2 {
		font-size: 60px;
	}

	.network_content_offices li:nth-child(1) h3 {
		font-size: 41px;
	}

	.network_content_offices li:nth-child(2) h3,
	.network_content_offices li:nth-child(3) h3 {
		font-size: 20px;
	}

	.network_content_offices li:nth-child(2) p,
	.network_content_offices li:nth-child(3) p,
	.our-network-japan li {
		font-size: 15px;
	}

	.our-network-japan {
		position: absolute;
		right: -5px;
		bottom: 100px;
		z-index: 88;
		max-width: 100px;
	}

	.our-network-japan h3 {
		font-size: 20px;
	}

	.contact-banner-content h2 {
		font-size: 50px;
	}

	.contact-banner-content>p {
		font-size: 20px;
		line-height: 32px;
	}

	.background-video-content {

		height: 728px;

	}

	.introduct-heading h2 {

		left: -145px;

	}

	.introduct-text p {

		margin-left: 115px;

	}

	.introduction-left-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 60%;

		flex: 0 0 60%;

	}

	.news-left-content::before {
		width: 150px;
		height: 36px;
		right: -364px;
		top: -20px;
	}

	.introduction-right-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 40%;

		flex: 0 0 40%;

	}

	.introduct-text span:after {

		width: 300px;

		height: 300px;

		top: -70px;

	}

	.introduction-area:after {

		width: 270px;

		height: 270px;

		right: -92px;

		top: -182px;

	}

	.toyota-single-text p {

		font-size: 14px;

	}

	.toyota-single-text h2 {

		font-size: 50px;

	}

	.toyota-single-text {

		left: 15px;

	}

	.background-video-content:before {

		width: 30%;

		height: 20px;

	}

	.close {

		font-size: 14px;

	}

	.modal-dialog {

		padding: 0 10px;

	}

	.introduct-text p {

		margin-left: 80px;

	}

	.news-image img {

		max-width: 430px;

	}

	.news-image {

		max-width: 430px;

		bottom: 75px;

	}

	.news-section:before {

		height: 320px;

		width: 320px;

		left: 100px;

		top: 290px;

	}

	.introduct-heading.news-heading h2 {

		left: -40px;

	}

	.single-network-country {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 44%;

		flex: 0 0 44%;

		margin-bottom: 20px;

	}

	.global-text {

		margin-top: 30px;

	}

	.leadership-single-text {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 44%;

		flex: 0 0 44%;

		margin-bottom: 80px;

	}

	.leadership-single-content {

		margin-bottom: 0;

	}

	.brands-section:before {

		left: -120px;

		bottom: -190px;

	}

	.brands-section:after {

		top: -195px;

	}

	.toyota-single-text.news-single-text h3 {

		font-size: 16px;

		padding-right: 15px;

		line-height: 20px;

	}

	.toyota-single-text.news-single-text p {

		padding-right: 15px;

		margin-top: inherit;

	}

	.toolkit-video-area img {

		height: auto;

	}

	.header-middle-text {

		padding-top: 18px;

	}

	.home-down button {

		bottom: -145px;

	}

	.header-banner-content:before , .video-background:before {

		width: 300px;

	}

	.owl-theme .owl-nav {

		font-size: 100px !important;

	}

	.solution-toolkit-top,
	.solution-toolkit-bottom {

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}

	.solution-tool-image4 {

		margin: 0;

		margin-left: 190px;

	}

	.solution-tool-image5 {

		margin-top: 30px;

	}

	.solution-toolkit-area:after {

		right: -200px;

	}

	.solution-tool-image1:after {

		width: 130px;

		left: -80px;

	}

	.solution-tool-heading h4:after {

		width: 70px;

		height: 270px;

		left: -90px;

	}

	.solution-toolkit-section:after {

		right: -95px;

	}

	.tool-bottom img {

		bottom: -90px;

	}

	.stages-single-middle {

		margin: 0;

	}

	.stages-single-change-content,
	.stages-single-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 48%;

		flex: 0 0 48%;

		margin: 1%;

	}

	.stages-single-change-content {

		margin-top: 130px;

	}

	.single-stage-margin,
	.stages-single-content {

		margin-top: 60px;

	}

	.stages-section-area {

		background: #FFFFFF;

		padding-top: 60px;

		padding-bottom: 60px;

		position: relative;

		overflow: hidden;

	}

	.philosophy-below-image img {

		width: 290px;

		margin-top: 40px;

	}

	.philosophy-heading-text h3 {

		font-size: 38px;

		margin-top: 8px;

	}

	.philosophy-first-text {

		right: -28px;

		top: 70px;

	}

	.philosophy-third-text {

		right: -30px;

		bottom: -88px;

	}

	.philosophy-second-text {

		left: 105px;

	}

	.philosophy-heading-text p {

		max-width: 280px;

	}

	.philosophy-heading-text span {

		max-width: 280px;

	}

	.philosophy-text:after {

		font-size: 50px;

		left: -135px;

	}

	.philosophy-header:after {

		left: -26px;

		bottom: -240px;

	}

	.intregate-left-content:before {

		right: 245px;

	}

	.intregate-left-content:after {

		left: -28px;

	}

	.intregate-left-content.dtc h2:after {

		width: 495px;

	}

	.mobility-after-image img,
	.mobility-after-image.o2o img,
	.mobility-after-image.ui img {

		width: 138px;

		left: -58px;

		top: 190px;

	}

	.mobility-area:after {

		right: -270px;

	}

	.solution-toolkit-section:after {

		display: none;

	}

	.animate-image-area {

		top: -130px;

		left: 0;

	}

	.collapse-show-icon button,
	.collapse-menu ul button {

		right: 85px;

	}

	.toyota-single-image.videoPlay {

		height: 340px;

	}





	/*update css*/

	.update_section:before {

		/*width:auto;*/

		left: 81px;

		top: -42px;

	}

	.update_section .introduct-heading.news-heading h2 {

		left: 0;

	}

	.header-banner-content::after {
		height: 500px;
		width: 42%;
		left: 200px;
		top: 140px;
	}

	.production_banner::before {
		width: 150px;
		height: 145px;
	}

	.our_solution_list li h4 {
		font-size: 17px;
		height: 30px;
		line-height: 30px;
		width: 290px
	}

	.our_solution_list ul li {
		max-width: 310px;
	}

	.our_solution_list li p.solution_parr_list {
		font-size: 13px;
	}

	.content-image {
		display: inline-block;
	}

	.content-image p {
		text-align: center;
	}

	.content-image p img {
		width: unset !important;
	}

	.mission-content h5 span {
		font-size: 10rem;
	}

	.mission-content h5 {
		left: 24%;
	}

	.mission-bottom-content ul li:nth-child(1) span::after {
		width: 63px;
	}

	.mission-bottom-content ul li:nth-child(2) span::after {
		width: 39px;
	}

	.mission-bottom-content ul li:nth-child(3) span::after {
		width: 46px;
	}

	.new-solution-title h2 {
		font-size: 65px;
	}



}



@media all and (max-width: 1020px) {

	.mobility-after-image img,
	.mobility-after-image.o2o img,
	.mobility-after-image.ui img {
		width: 125px;
		left: -40px;
		top: 190px;
	}






}


@media all and (max-width: 991px) {
	
	.main-mission-area::after {
		bottom: 21%;
	}
	
	.mission-bottom-content ul li {
		padding: 3px 0;
	}
	
	
	.network-banner-background .mission-heading_title h2 {
		font-size: 40px;
	}

	.network_content_offices li:nth-child(1) h3 {
		font-size: 30px;
	}

	.network_content_offices li:nth-child(2) h3,
	.network_content_offices li:nth-child(3) h3 {
		font-size: 16px;
	}

	.network_content_offices li:nth-child(2) p,
	.network_content_offices li:nth-child(3) p,
	.our-network-japan li {
		font-size: 13px;
	}

	.our-network-japan {
		position: absolute;
		right: -10px;
		bottom: 60px;
		z-index: 88;
		max-width: 80px;
	}

	.our-network-japan h3 {
		font-size: 16px;
	}

	.network_content_offices {
		margin-top: 0px;
	}

	.our_solution_list ul li {
		max-width: 250px;
	}

	.our_solution_list li:nth-child(3) {
		position: absolute;
		right: -33px;
		bottom: -43px;
	}

	.our_solution_list li:nth-child(1) {
		position: absolute;
		left: -30px;
		top: 26px;
	}

	.our_solution_list li:nth-child(2) {
		position: absolute;
		left:22px;
		bottom: -72px;
	}

	.our_solution_list li h4 {
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		width: 250px;
	}
	.our_solution_list li p.solution_parr_list {
    padding-right: 30px;
}

	.our_solution_list li:nth-child(3) h4 {
		padding-right: 25px;
	}

	.our_service_list li:nth-child(4) {
		position: absolute;
		right: -20px;
		bottom: 90px;
	}

	.our_service_list li:nth-child(2) {
		position: absolute;
		right: 50px;
		top: 75px;
	}

	.our_service_list li:nth-child(1) {
		position: absolute;
		left: 30px;
		top: 85px;
	}

	.our_service_list li:nth-child(3) {
		position: absolute;
		left: 15px;
		bottom: 70px;
	}

	.customer-experience-heading_title h2 {
		font-size: 45px;
	}

	.customer-experience-below_title p {
		font-size: 17px;
	}

	.customer-experience-banner {
		padding: 7rem 0 5rem 0;
	}

	.vision-lists::before {
		height: 250px;
		top: 150px;
	}

	.vision-lists li:nth-child(2) {
		right: 8px;
		margin-top: -10px;
	}

	.header-middle-text h2 {
		font-size: 75px;
		line-height: 57px;
	}


	h2 {

		font-size: 47px;

	}

	.solution-intregate-area {
		padding-top: 190px;
	}

	.solution-intregate-area.solution-change {
		padding-bottom: 100px;
	}

	.header-banner-text h1 {

		font-size: 50px;

	}

	.header-middle-logo img {

		width: 125px;

	}

	.header-banner-content:after {

		height: 475px;
		width: 60%;
		top: 109px;
		left: 137px;

	}

	.background-video-content {

		height: 670px;

	}

	.introduct-text span {

		margin-top: 170px;

	}

	.introduct-text span:after {

		width: 250px;

		height: 250px;

		top: -45px;

	}

	.introduction-right-content img {

		max-width: 225px;

	}

	.introduction-area:after {

		width: 230px;

		height: 250px;

	}

	.introduction-right-content p {

		margin-right: 0;

	}

	.introduct-text p {

		margin-left: 80px;

		margin-top: 15px;

		font-size: 15px;

	}

	.introduct-text p:after {

		width: 16px;

		left: -30px;

	}

	.introduct-heading h2 {

		font-size: 48px;

		left: -115px;

		top: 165px;

	}

	.toyota-single-text h2 {

		font-size: 35px;

	}

	.toyota-single-text p {

		font-size: 12px;

		margin-top: 10px;

	}

	.background-video-content:before {

		width: 28%;

		height: 15px;

	}



	.page-template-template-work .toyota-single-content,
	#sol-stage .toyota-single-content,
	#newsOne .toyota-single-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 50%;

		flex: 0 0 50%;

	}

	.news-image {

		max-width: 380px;

		bottom: 75px;

	}

	.news-image img {

		max-width: 380px !important;

	}

	.news-section:before {

		height: 300px;

		width: 300px;

		left: 20px;

		top: 350px;

	}

	.news-image::before {
		right: -170px;
		font-size: 108px;
	}

	.introduct-text p {

		margin-left: 60px;

	}

	.news-left-content {

		-webkit-box-flex: 0 !important;

		-ms-flex: 0 0 80% !important;

		flex: 0 0 80% !important;

	}

	.introduct-heading.news-heading h2 {

		left: -25px;

		top: 75px;

		font-size: 40px;

	}

	.introduct-heading.news-heading h2:after {

		width: 30px;

		height: 30px;

		bottom: 25px;

		left: -10px;

	}

	.news-page-section:before {

		width: 280px;

		height: 280px;

		bottom: -60px;

		left: -85px;

	}

	.network-heading.leadership h1:after {

		width: 60px;

		height: 60px;

		left: 20px;

		bottom: 110px;

	}

	.brands-section:before {

		left: -150px;

	}

	.brands-section:after {

		right: -125px;

	}

	.network-heading:before {

		width: 110%;

	}

	.network-heading:after {

		right: 52px;

	}

	.single-network-country {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 44%;

		flex: 0 0 44%;

		margin-left: 0;

	}

	.header-area.about-area.fixed-menu,
	.header-area.solution-header.fixed-menu {

		top: 0;

	}

	.about-up button {

		top: 20px;

	}

	.news-up-button button:after {

		top: -30px;

		left: 75px;

	}

	.toolkit-video-area img {

		height: auto;

	}

	.header-middle-text {

		padding-top: 0px;

	}

	.home-down button {

		bottom: -125px;

	}

	.header-banner-content:before , .video-background:before {

		width: 250px;

	}

	.solution-toolkit-top,
	.solution-toolkit-bottom {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.solution-single-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

	}

	.solution-tool-image2,
	.solution-tool-image4 {

		margin-left: 0;

		margin-top: 30px;

	}

	.stages-change-head h1 {

		font-size: 50px;

		padding-bottom: 20px;

	}

	.stages-change-head h1:after {

		width: 280px;

		height: 160px;

		left: -25px;

		bottom: -22px;

	}

	.stages-change-text p {

		font-size: 15px;

		padding-top: 15px;

	}

	.stages-section-area:after {

		width: 215px;

		height: 45px;

		bottom: 70px;

	}

	.stage-bottom-para-text p {

		max-width: 490px;

	}

	.stage-bottom-para-text p.middle {

		margin: 15px 0;

	}

	.stages-area-content:after {

		right: -185px;

		bottom: -200px;

	}

	.philosophy-second-text {

		left: 32px;

		top: 248px;

	}

	.philosophy-heading-text h3 {

		font-size: 30px;

		margin-top: 20px;

	}

	.philosophy-below-image img {

		width: 160px;

		margin-top: 110px;

		margin-right: 50px;

	}

	.philosophy-first-text {

		right: -48px;

		top: 140px;

	}

	.philosophy-third-text {

		right: -50px;

	}

	.intregate-left-content h2 {

		font-size: 68px;

		line-height: 80px;

	}

	.intregate-right-content img {

		margin-top: 25px;

	}

	.intregate-left-content:before {

		right: 470px;

	}

	.intregate-left-content h2:after {

		width: 420px;

		height: 190px;

	}

	.intregate-left-content.dtc h2:after {

		width: 500px;

	}

	.intregate-left-content.o2o h2:after {

		width: 460px;

		height: 175px;

	}

	.intregate-left-content.ui h2:after {

		width: 500px;

		height: 160px;

	}

	.mobility-single-image {

		text-align: center;
		margin-left: 0;

	}

	.mobility-left-text {

		margin-bottom: 20px;
		margin-left: 25px;

	}

	.solution-intregate-area.int:after,
	.mobility-area:after,
	.solution-intregate-area:after {

		display: none;

	}

	.about-up a {

		top: 25px;

	}

	.philosophy-list ul li {

		margin-top: 35px;

	}

	.philosophy-list ul li:after {

		width: 30px;

		height: 8px;

		bottom: -6px;

	}

	.intregate-right-first {

		padding-top: 130px;

	}

	.intregate-right-first img {

		width: 40%;

	}

	.animate-image-area {

		top: 10px;

		left: 135px;

	}

	.collapse-show-icon button,
	.collapse-menu ul button {

		right: 65px;

	}

	.toyota-single-image.videoPlay {

		height: 365px;

	}





	/*update css*/

	.update_section {

		padding: 70px 0;

		min-height: 600px;

	}

	.update_section:before {

		/* width: auto; */

		left: 81px;

		top: -42px !important;

	}

	.update_section .introduct-heading.news-heading h2 {

		left: 0px;

		top: 0;

		font-size: 38px;


	}

	.introduct-text.news3.news-pagecircle p {
		/*padding-top: 0;*/
	}

	.news-left-content::before {
		right: -141px;
	}

	.cx_strategy_title h2 {
		font-size: 60px;
	}

	.cx_strategy_title h3 {
		font-size: 50px;
	}

	.cx_strategy_content {
		margin-top: -49px;
	}

	.creative_title h2 {
		font-size: 80px;
		margin-right: 0px;
	}

	.creative_title h2 span.sub_part_next_title {
		margin-top: 15px;
	}

	.cx_channel_planning_title h2 {
		font-size: 45px;
	}

	.cx_channel_planning_title h3 {
		font-size: 30px;
		margin-top: -7px;
	}

	.activation_title h2 {
		font-size: 50px;
	}

	.activation_title h2::after {
		margin-top: -12px;
	}

	.activation_content {
		margin-top: -45px;
	}

	.production_title h2 {
		font-size: 50px;
	}

	.production_content {
		margin-top: -70px;
		padding-top: 120px;
	}

	.digital_marketing_title h2 {
		font-size: 70px;
	}

	.digital_marketing_title h3 {
		font-size: 50px;
		margin-top: -8px;
	}

	.digital_marketing_title h3::before {
		width: 100px;
		height: 70px;
		right: 20px;
		top: 40px;
	}

	.digital_marketing_content {
		margin-top: -42px;
	}

	.public_relations_title h2,
	.client_service_title h2 {
		font-size: 80px;
	}

	.public_relations_title h3,
	.client_service_title h3 {
		font-size: 60px;
		margin-top: -12px;
	}

	.public_relations_content {
		margin-top: -57px;
	}

	.client_service_content {
		margin-top: -57px;
	}

	.new-solution-title h2 {
		font-size: 50px;
	}

	.our_solution_list {
		min-height: 350px;
		margin-bottom: 115px;
	}

	.our_solution_list li:nth-child(1) {
		/*position: absolute;
		left: -6px;
		top: 66px;*/
	}

	.our_solution_banner::after {
		top: 27%;
		right: -3px;
		width: 162px;
		height: 82px;
	}

	.back-top {
		top: -26px;
		right: 20%;
	}

	.back-top a {
		font-size: 45px;
	}

	.mission-content h4 {
		margin-left: 5rem;
	}

	.mission-content h5 {
		left: 15%;
	}

	.mission-content h5 span {
		font-size: 8rem;
	}

	.mission-bottom-content ul li span:nth-child(1) {
		width: 35%;
	}

	.mission-bottom-content ul li span:nth-child(2) {
		width: 65%;
	}

	.client-logo-area ul {
		display: flex;
		flex-wrap:wrap; 
		justify-content:space-evenly;
	}
	.client-logo-area ul li {
		flex: 0 0 27%;
		max-width: 27%;
	}
	.client-logo-area ul li a img {
		max-width:100%;
		width: auto;
	}
	.main-client-logo-area {
		margin-bottom: 0rem;
	}

	.main-client-logo-area .col-md-12:nth-child(4) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(5) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(6) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(7) .client-logo-area ul {
		grid-template-columns: auto;
	}

	.client-logo-area ul li {
		padding: 20px 0;
		text-align: center;
	}


}



@media all and (min-width: 768px) {

	.header-menu ul {

		display: -webkit-box !important;

		display: -ms-flexbox !important;

		display: flex !important;

	}

	.contact-banner-content-img.contact-form-shape img {
		margin-right: 1rem;
	}

	.contact-form-shape img {
		width: 300px;
	}

	.contact-banner-content ul {
		width: 100%;
	}

	.single-strategy p {
		font-size: 19px;
		line-height: 30px;
	}

	.single-strategy h2 {
		font-size: 15px;
		line-height: 26px;
	}

	.our_service_list {
		/*min-height: 350px;*/
	}

	.our_service_list li:nth-child(2) {
		right: 75px;
		top: 4px;
	}

	.our_service_list li:nth-child(4) {
		right: 176px;
		bottom: 38px;
	}

	.our_service_list li:nth-child(1) {
		left: 150px;
		top: 31px;
	}




}


@media only screen and (min-width: 768px) and (max-width: 1199px){
	.our_service_list li:nth-child(2) {
		right: -10px;
		top: 4px;
	}

	.our_service_list li:nth-child(4) {
    right: 50px !important;
    bottom: 38px !important;
}
	.our_service_list li:nth-child(5) {
    left: 31% !important;
    bottom: -90px !important;
}
.our_service_list li:nth-child(3) {
    left: -10px !important;
    bottom: 80px !important;
}
	.our_service_list li:nth-child(1) {
		left: 40px !important;
		top: 2px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.our_service_list li p {
    font-size: 14px;
		line-height: 22px;
	}
}
@media all and (max-width: 767px) {
	
	.main-mission-area::after {
		position: absolute;
		bottom: 24%;
		width: 175px;
		height: 62px;
	}

	.our_service_list li p {
		font-size: 16px;
	}

	.our_service_list {
		min-height: 350px;
	}

	.our_service_list li p {
		font-size: 16px;
	}

	.single-strategy {
		margin-right: 0;

	}

	.content-image {
		width: 100%;
	}

	h1 {

		font-size: 50px;

		line-height: 50px;

	}

	.network-banner-background .mission-heading_title h2 {
		font-size: 30px;
	}

	.network_content_offices li:nth-child(1) {
		display: block;
		width: 100% !important;
		padding-top: 0px !important;
	}

	.network_content_offices li:nth-child(2),
	.network_content_offices li:nth-child(3) {
		width: 50% !important;
		padding-top: 0px !important;
	}

	.network_content_offices li:nth-child(1) h3 {
		font-size: 23px;
	}

	.network_content_offices li:nth-child(2) h3,
	.network_content_offices li:nth-child(3) h3 {
		font-size: 16px;
	}

	.network_content_offices li:nth-child(2) p,
	.network_content_offices li:nth-child(3) p,
	.our-network-japan li {
		font-size: 13px;
	}

	.our-network-japan li {
		display: inline-block;
		float: left;
		width: 80px;
		margin-top: 10px;
	}

	.our-network-japan {
		position: relative;
		right: inherit !important;
		bottom: inherit !important;
		z-index: 88;
		max-width: inherit !important;
		display: inline-block;
		width: 100%;
	}

	.our-network-japan h3 {
		font-size: 16px;
		display: block;
	}

	.network_content_offices {
		margin-top: 0px;
	}

	.our_solution_list ul li {
		max-width: 300px;
		position: relative !important;
		margin: 20px auto;
		left: unset !important;
		top: inherit !important;
		bottom: unset !important;
		right: unset !important;
	}

	.our_solution_list li h4 {
		padding-left: 48px !important;
		padding-right: 0px !important;
		text-align: left !important;
		width: unset;
	}

	.our_solution_list li:nth-child(3) h4 {
		background: url(../images/solution-left.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.our_solution_list li:nth-child(3) p.solution_parr_list {
		padding-left: 0px;
	}

	.our_solution_list {
		background-size: 300px auto;
		background-position: top center;
		padding-top: 300px;
		margin-top: 25px;
		padding-bottom: 0px;
		margin-bottom: 50px;
	}
	.our_solution_list li p.solution_parr_list{
		opacity:1;
		visibility:visible;
		padding-right: 0px;
	}
	.our_solution_content {
		padding-right: 0px;
	}
	.our_solution_list li h4 { 
		height: 30px;
		line-height: 30px;
	}
	.our_solution_list li h4{
		background-image:url(../images/solution-right.png) !important;
	}
	.our_solution_list ul li{
		margin-bottom:40px;
	}
	.our_solution_banner,
	.our_service_banner {
		padding: 4rem 0px;
	}

	.our_service_list {
		padding-top: 0px;
		padding-bottom: 0px;
		min-height: 240px;
		margin-bottom: 0px;
	}
	
	.our_solution_banner::after{display:none;}
	.our_service_list li:nth-child(1) {
		left: 0px;
		top: 0;
	}

	.our_service_list li:nth-child(2) {
		right: -22px;
		top: -2px;
	}

	.our_service_list li:nth-child(3) {
		left: 0px;
		bottom: 26px;
	}

	.our_service_list li:nth-child(4) {
		right: 41px;
		bottom: -23px;
	}

	.our_service_list li:nth-child(5) {
		left: 36%;
		bottom: -79px;
	}


	.our_service_list li p {
		line-height: 22px;
	}

	.our_solution_content p {
		font-size: 13px;
	}



	.our_service_list li p {
		font-size: 13px;
	}

	.client_service_title h2 {
		font-size: 80px;
	}

	.client_service_title h3 {
		font-size: 50px;
	}

	.client_service_content {
		padding: 80px 50px;
	}

	.main-contact-heading::after {
		left: 0px;
	}

	.contact-banner-content ul {
		width: 100%;
	}

	h2 {

		font-size: 40px;

	}

	.contact-form-shape img {
		width: 370px;
		float: left;
	}

	.mission-heading_title h2,
	.vision-heading_title h2 {
		font-size: 65px;
	}

	.vision-below_title {
		margin-left: 0px;
		margin-top: 0px;
	}

	.vision-below_title p {
		font-size: 28px;
	}

	.vision-heading_title h3 {
		font-size: 20px;
	}

	.vision-below_title::before {
		top: -35px;
		font-size: 60px;
	}

	.mission-heading_title h3 {
		font-size: 25px;
		margin-left: 342px;
		margin-top: -24px;
	}

	.vision-lists li h4 {
		font-size: 25px;
	}

	.vision-lists li p {
		font-size: 10px;
	}

	.vision-lists li:nth-child(1)::before {
		left: -25px;
		top: -19px;
		font-size: 48px;
	}

	.vision-lists::before {
		width: 100%;
		left: 0px;
	}

	.vision-heading_title::before,
	.clients-banner::before {
		width: 100px;
		height: 70px;
	}

	.vision-banner::after {
		width: 150px;
		height: 115px;
	}

	.vision-lists {
		min-height: 450px;
	}

	.vision-lists li:nth-child(2)::before {
		left: -40px;
		top: -19px;
		font-size: 48px;
	}

	.vision-lists li:nth-child(3)::before {
		left: -40px;
		top: -19px;
		font-size: 48px;
	}

	.collapse-show-icon button,
	.collapse-menu ul button {

		right: 25px;

		top: 10px;

	}

	.header-menu ul li a,
	.header-menu.about-menu ul li a,
	.header-menu.about-update-menu ul li a {

		color: #fff;

	}

	.header-menu ul li a.active,
	.header-menu.about-menu ul li a.active,
	.header-menu.about-update-menu ul li a.active {

		color: #B2292E;

	}



	.about-up a {

		top: 0;

	}

	.header-banner-text h1 {

		font-size: 45px;

	}

	.header-banner-content {

		padding-top: 45px;

	}

	.background-video-content {

		height: 525px;

	}

	.header-banner-content:after {
		height: 390px;
		width: 50%;
		top: 69px;
	}

	.down-button img {

		margin-top: 20px;

	}

	.header-banner-text h1:after {

		bottom: 0px;

	}

	.full-screen-image img {

		height: 250px;

	}

	.introduct-text span {

		font-size: 20px;

	}

	.page-template-template-work .toyota-single-content,
	#sol-stage .toyota-single-content,
	#newsOne .toyota-single-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

	}

	.toyota-single-text h2 {

		font-size: 45px;

	}

	.toyota-single-text p {

		font-size: 14px;

		margin-top: 14px;

	}

	.toyota-single-text {

		left: 30px;

	}

	.footer-left p {

		font-size: 13px;

	}

	.footer-left img {

		width: 45px;

	}

	.footer-area {

		padding: 15px 0;

	}

	.introduction-left-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

	}

	.introduction-right-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		margin-top: 150px;

	}

	.introduct-text span {

		display: none;

	}

	.introduct-text p {

		margin-left: 90px;

	}

	.mobile-menu-icon button,
	.header-menu ul button {

		display: block;

	}

	.header-menu ul {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		background: #000;

		position: absolute;

		left: 0;

		width: 100%;

		top: -25px;

		padding: 30px 0;

		text-align: center;

		display: none;

		z-index: 99;

	}

	.fixed-menu .mobile-menu-icon button {

		top: -25px;

		right: 25px;

	}

	.fixed-menu .header-menu ul button {

		right: 25px;

	}

	.header-menu.about-update-menu ul {

		top: -55px;

	}

	.header-menu.about-update-menu ul button {

		top: 25px;

	}

	.header-menu ul li {

		margin: 5px 0;

	}

	.background-video-content:before {

		width: 28%;

		height: 15px;

		bottom: 25px;

	}

	.header-menu.about-menu ul li a {

		color: #fff;

	}

	.introduct-text.news-pagecircle p {

		margin-left: 55px;

	}

	.news-left-content {

		-webkit-box-flex: 0 !important;

		-ms-flex: 0 0 100% !important;

		flex: 0 0 100% !important;

	}

	.introduction-right-content {

		margin-top: 40px;

	}

	.news-page-right-content button {

		right: 90px;

	}

	.news-pagenation-content:before {

		right: -40px;

	}

	.single-network-country {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 40%;

		flex: 0 0 40%;

		margin-left: 0;

	}

	.single-country-heading h3 {

		font-size: 20px;

	}

	.single-country-content ul li a {

		font-size: 14px;

		margin-bottom: 2px;

	}

	.global-text p {

		font-size: 25px;

		line-height: 35px;

		padding: 20px;

	}

	.network-heading p {

		font-size: 15px;

	}

	.network-section:after,
	.leadership-section:after {

		width: 170px;

		height: 40px;

	}

	.network-section:after {

		top: 102px;

	}

	.leadership-section:after {

		top: 90px;

	}

	.network-heading:before {

		width: 100%;

	}

	.network-right-arrow {

		margin-top: 50px;

	}

	.network-heading:after {

		right: 108px;

	}

	.network-heading.leadership h1:after {

		width: 50px;

		height: 50px;

		bottom: 105px;

	}

	.brands-section:before {

		left: -172px;

		bottom: -210px;

	}

	.brands-section:after {

		right: -205px;

		top: -240px;

	}

	.leadership-single-text {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 43%;

		flex: 0 0 43%;

	}

	.leadership-single-text h4 {

		font-size: 20px;

	}

	.about-up a img {

		width: 22px;

		height: auto;

	}

	.about-up button {

		top: 0;

	}

	.news-up-button button:after {

		top: 0;

		left: 45px;

		width: 200px;

		height: 200px;

	}

	.toolkit-video-area img {

		height: auto;

	}

	.header-middle-text {

		padding-top: 0px;

		padding-bottom: 145px;

	}

	.header-banner-content:before , .video-background:before {

		width: 200px;

	}

	.home-down button {

		bottom: -60px;

	}

	.header-area.solution-header {

		top: 45px;

	}

	.solution-header .mobile-menu-icon button {

		color: #000;

	}

	.solution-toolkit-area {

		padding-top: 60px;

	}

	.solution-toolkit-section:after {

		right: -150px;

	}

	.solution-toolkit-area:after {

		width: 300px;

		height: 300px;

	}

	.solution-tool-heading h4:after {

		width: 60px;

		height: 220px;

	}

	.solution-tool-heading h4:before {

		width: 20px;

		height: 235px;

		right: 278px;

		top: -100px;

	}

	.stages-single-change-content,
	.stages-single-content {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 96%;

		flex: 0 0 96%;

		margin: 1%;

		margin-top: 50px;

	}

	.stages-section-area {

		padding-bottom: 90px;

	}

	.stages-section-area:after {

		bottom: 40px;

	}

	.stages-area-content:after {

		right: -115px;

		bottom: -120px;

		width: 250px;

		height: 250px;

	}

	.philosophy-below-image img {

		display: none;

	}

	.philosophy-below-content {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

	}

	.philosophy-first-text,
	.philosophy-second-text,
	.philosophy-third-text {

		position: inherit;

	}

	.philosophy-text p {

		width: 90%;

		font-size: 15px;

	}

	.philosophy-area {

		padding: 70px 0;

	}

	.intregate-left-content h2 {

		font-size: 58px;

		line-height: 65px;

	}

	.intregate-left-content:before {

		right: 285px;

	}

	.intregate-left-content h2:after {

		width: 395px;

		height: 170px;

	}

	.intregate-left-content h2:before {

		width: 450px;

		height: 146px;

	}

	.intregate-left-content.dtc h2:after {

		width: 405px;

	}

	.intregate-left-content.roi h2:after {

		width: 445px;

		height: 160px;

	}

	.header-area.fixed-menu,
	.header-area.about-area.fixed-menu,
	.header-area.solution-header.fixed-menu {

		top: 45px;

		padding: 0;

		background: inherit;

	}

	.animate-image-area img {

		max-width: 370px;

	}

	.animate-image-area {

		top: 25px;

		left: 80px;

	}

	.toyota-single-image.videoPlay {

		height: 500px;

	}

	.header-menu ul li ul {

		left: 50%;

		-webkit-transform: translateX(-50%);

		transform: translateX(-50%);

		padding: 0;

	}

	.header-menu ul li ul li.first {

		border-top: 1px solid #fff;

	}

	.header-menu ul li ul li {

		background: #B2292E;

		border-bottom: 1px solid #fff;

		margin: 0;

		padding: 2px 0;

	}

	.header-menu ul li ul li:hover a {

		color: #fff;

	}

	.introduct-text.news-pagecircle p {
		margin-left: 0 !important;
	}

	.news-pagecircle p img {
		margin: 10px 0 !important;
		height: auto;
		max-width: 370px;
		width: 100%;
		border: 1px solid rgba(0, 0, 0, .1);
		margin-left: 0 !important;
	}

	.center_img {
		text-align: left;
		justify-content: left !important;
	}

	.introduct-text.news3.news-pagecircle {
		/*margin-left: 60px !important;*/
	}

	.solution-intregate-area {
		background: #FFFFFF;
	}

	.solution-intregate-area.solution-change {
		padding-bottom: 94px;
	}

	/*new update*/
	.single-country-heading h3::after {
		bottom: -5px;
	}

	.single-network-country {
		margin-bottom: 40px;
	}

	.our_solution_banner::after {
		top: 11%;
		right: -5px;
		width: 124px;
		height: 45px;
	}






	.elementor-81 .elementor-element.elementor-element-e0840a9 .elementor-heading-title {
		font-size: 25px !important;
	}

	.elementor-81 .elementor-element.elementor-element-8f00ca8 .elementor-heading-title {
		font-size: 28px !important;
		padding-left:20px;
	}

	.mission-content h4 {
		margin-left: 4rem;
		font-size: 18rem;
	}

	.mission-content h5 {
		font-size: 25px;
	}

	.mission-content h5 span {
		font-size: 6rem;
	}

	.mission-content h5 {
		left: 23%;
		bottom: 100px;
	}

	.mission-bottom-content ul li span:nth-child(2) {
		width: 55%;
		margin-left: 42px;
	}
	
	.mission-bottom-content ul li:nth-child(1) span::after, .mission-bottom-content ul li:nth-child(2) span::after, .mission-bottom-content ul li:nth-child(3) span::after {
		top: 12px;
		left: 96%;
		width: 37px;
	}


	.client-logo-area ul {
		grid-template-columns: auto auto;
	}

	.client-logo-area h2 {
		font-size: 17px;
		line-height: 26px;
	}
	.new-solution-title h3{
		font-size:17px;
		margin-top: 8px;
	}
	.main-client-logo-area .col-md-12:nth-child(4), .main-client-logo-area .col-md-12:nth-child(5), .main-client-logo-area .col-md-12:nth-child(6), .main-client-logo-area .col-md-12:nth-child(7) {
		max-width: 100%;
	}

	.main-client-logo-area .col-md-12:nth-child(4) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(5) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(6) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(7) .client-logo-area ul {
		grid-template-columns: auto auto;
	}

	.client-logo-area {
		margin: 1rem 0;
	}
	.main-client-area{
		padding-top:3rem;
	}
	.footer-left {
		margin-bottom: 0;
	}
	.new-about-title {
		margin-bottom: 6px !important;
	}
}





@media all and (max-width: 667px) {

	.header-middle-text {

		padding-top: 0px;

	}

	.our_solution_title .solution_sub_part {
		font-size: 50px;
		margin-top: -25px;
	}

	.our_solution_title h2 {
		font-size: 50px;
	}

	.contact-form-shape img {
		width: 300px;
	}

	/*update -2*/

	.mobility-list span {
		display: inline-block;
	}

	.mobility-text h3 {
		display: none;
	}

	.mobility-left-text.aos-init.aos-animate {
		margin-left: 0;
		display: block;
		text-align: center;
	}

	.mobility-text {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}

	.new-solution-title h2 {
		font-size: 35px;
	}

	.single-strategy h2 {
		font-size: 20px;
	}

	.single-strategy p {
		font-size: 18px;
		line-height: 28px;
	}

}





@media all and (max-width: 575px) {
	
	.mission-bottom-content ul li span {
		font-size: 15px
	}
	
	.main-mission-area::after {
		bottom: 25.5%;
		width: 130px;
		height: 46px;
	}

	.back-top a {
		font-size: 35px;
	}

	.back-top {
		top: -20px;
		right: 14%;
	}

	.container {
		padding-right: 7%;
		padding-left: 7%;
	}

	.news-section {
		padding-bottom: 2rem;
	}

	.header-middle-text h2 {
		font-size: 60px;
		line-height: 62px;
	}

	.customer-experience-heading_title h2 {
		font-size: 32px;
	}

	.customer-experience-below_title p {
		font-size: 15px;
	}

	.customer_experience_last_content p {
		margin-left: 90px;
	}

	.solution-fix-menu {

		display: none;

	}

	.client_service_banner {
		padding: 5rem 0;
	}

	.client_service_title h2 {
		font-size: 60px;
	}

	.client_service_title h3 {
		font-size: 35px;
	}

	.client_service_content {
		padding: 65px 30px;
		margin-top: -32px;

	}

	.client_service_content p {
		font-size: 15px;
	}

	h1 {

		font-size: 40px;

		line-height: 40px;

	}

	h2 {

		font-size: 35px;

	}

	.header-area {

		right: 0;

	}

	.header-banner-text:before {

		left: 0;

	}

	.header-banner-text h1 {

		font-size: 40px;

	}

	.header-banner-text:after {

		left: 30px;

	}

	.header-banner-text h1:after {

		bottom: 10px;

		height: 10px;

		width: 30px;

	}

	.mission-heading_title h2,
	.vision-heading_title h2 {
		font-size: 35px;
	}

	.vision-heading_title h3 {
		margin-top: -25px;
		font-size: 15px;
		margin-left: 100px;
	}

	.vision-below_title::before {
		top: -21px;
		font-size: 35px;
		right: 40px;
	}

	.vision-below_title p {
		font-size: 20px;
	}

	.mission-heading_title h3 {
		font-size: 20px;
		margin-left: 180px;
		margin-top: -25px;
	}

	.mission-content_image p {
		font-size: 18px;
	}

	.clients-heading_title h2 {
		font-size: 50px;
	}

	.clients-heading_title h3 {
		font-size: 50px;
		margin-left: 90px;
		margin-top: -38px;
	}

	.clients-below_title p {
		font-size: 15px;
	}

	.background-video-content {

		height: 475px;

	}

	.header-banner-content:after {
		height: 330px;
		width: 54%;
		top: 85px;
	}

	.full-screen-image img {

		height: 200px;

	}

	.introduct-heading h2 {

		font-size: 40px;

		left: -90px;

		top: 145px;

	}

	.introduct-text p {

		margin-left: 72px;

	}

	.introduct-text p:after {

		left: -22px;

	}

	.introduction-right-content {

		margin-top: 130px;

	}

	.footer-content {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-ms-flex-direction: column;

		flex-direction: column;

	}

	.footer-left {

		margin-bottom: 10px;

	}

	.background-video-content:before {

		width: 28%;

		height: 12px;

		bottom: 15px;

	}

	.close {

		font-size: 12px;

	}

	.modal-dialog {

		padding: inherit;

	}

	.news-image:before {

		right: -145px;

		font-size: 85px;

		top: 38px;

	}

	.news-section:before {

		display: none;

	}

	.news-image img {

		max-width: 300px !important;

	}

	.news-image {

		max-width: 300px;

	}

	.introduction-right-content {

		margin-top: 0;

	}

	.introduct-heading.news-heading h2 {

		left: -26px;

		font-size: 36px;

	}

	.introduct-heading.news-heading h2:after {

		width: 25px;

		height: 25px;

	}

	.news-pagenation-content {

		height: 60px;

	}

	.news-up-button button:after {

		top: 30px;

		width: 130px;

		height: 130px;

	}

	.toyota-single-text h2 {

		font-size: 40px;

	}

	.single-country-heading h3 {

		font-size: 17px;

	}

	.single-right-country ul li a {

		margin-left: 30px;

	}

	.global-text p {

		font-size: 20px;

		line-height: 30px;

	}

	.network-section:after,
	.leadership-section:after {

		width: 150px;

		height: 35px;

	}

	.leadership-section:after {

		top: 55px;

	}

	.network-section:after {

		top: 70px;

	}

	.brands-section {

		padding-top: 30px;

		padding-bottom: 80px;

	}

	.network-down-btn.down-button.text-center button {

		bottom: 20px;

	}

	.brands-section:before {

		left: -65px;

		bottom: -102px;

		width: 200px;

		height: 200px;

	}

	.network-heading.leadership h1:after {

		width: 40px;

		height: 40px;

		bottom: 72px;

	}

	.brands-section:after {

		right: -100px;

		top: -115px;

		width: 200px;

		height: 200px;

	}

	.network-right-arrow img {

		width: 90px;

	}

	.network-right-arrow:after {

		width: 45px;

		height: 45px;

		left: -25px;

		top: -7px;

	}

	.leadership-single-text {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 42%;

		flex: 0 0 42%;

		margin-bottom: 60px;

	}

	.leadership-single-text p {

		font-size: 12px;

	}

	.leadership-single-text h4 {

		font-size: 17px;

	}

	.leadership-single-last img {

		left: 0;

	}

	.leadership-single-last:before {

		width: 50px;

		height: 50px;

		left: -18px;

		top: 25px;

	}

	.network-section {

		padding-top: 65px;

	}

	.leadership-section {

		padding-top: 50px;

	}

	.toolkit-video-area img {

		height: auto;

	}

	.header-middle-logo img {

		width: 110px;

	}

	.header-middle-text {

		padding-top: 0px;

	}

	.home-down button {

		bottom: -35px;

	}

	.header-banner-content:before , .video-background:before {

		width: 170px;

	}

	.solution-tool-heading h4 {

		font-size: 22px;

		margin-bottom: 10px;

	}

	.tool-bottom img {

		bottom: -60px;

		width: 60px;

	}

	.solution-tool-heading h4:before,
	.solution-toolkit-section:after,
	.solution-toolkit-area:after {

		display: none;

	}

	.solution-toolkit-content {

		margin-left: 60px;

	}

	.solution-tool-heading h4:after {

		width: 55px;

		height: 190px;

		left: -75px;

	}

	.stages-area-content:after {

		display: none;

	}

	.stages-section-area:after {

		width: 170px;

		height: 38px;

	}

	.stages-change-head h1 {

		font-size: 45px;

	}

	.stages-change-head h1:after {

		width: 240px;

		height: 140px;

	}

	.philosophy-text p {

		width: 85%;

	}

	.philosophy-text:after {

		font-size: 40px;

		left: -102px;

		top: 40px;

	}

	.philosophy-header:after {

		left: -14px;

		bottom: -98px;

		width: 25px;

		height: 25px;

	}

	.intregate-left-content:before {

		right: 200px;

	}

	.intregate-left-content:after {

		width: 55px;

		height: 55px;

		left: -12px;

		top: -102px;

	}

	.solution-intregate-area:after {

		width: 300px;

		height: 20px;

		bottom: 50px;

	}

	.intregate-left-content h2:after {

		width: 360px;

		height: 160px;

		left: 0;

	}

	.intregate-left-content.dtc h2:after {

		width: 325px;

	}

	.intregate-left-content.e2e h2:after {

		width: 358px;

	}

	.intregate-left-content.roi h2:after,
	.intregate-left-content.ui h2:after,
	.intregate-left-content.o2o h2:after {

		width: 350px;
		height: 150px;
		background-size: contain;

	}

	.intregate-left-content.ui h2 span {

		margin-left: 0;

	}

	.mobility-header-site:after {

		width: 200px;

		height: 44px;

		left: -18px;

	}

	.mobility-header h4 {
		font-size: 25px;
		padding-bottom: 60px;
		max-width: 369px;
		width: 100%;
		margin: 0 auto;
	}

	.mobility-after-image img,
	.mobility-after-image.o2o img,
	.mobility-after-image.ui img {
		width: 120px;
		left: -25px;
	}

	.mobility-after-image.ui img {

		top: 90px;

	}

	.animate-image-area img {

		width: 300px;

		-webkit-transform: translateX(-50%);

		transform: translateX(-50%);

	}

	.animate-image-area {

		top: -10px;

		left: 50%;

	}

	.intregate-right-first {

		padding-top: 68px;

	}

	.intregate-right-first img {

		width: 170px;

	}

	.intregate-right-content img.desktop {

		display: none;

	}

	.intregate-right-content img.mobile {

		display: block;

	}

	.toyota-single-image.videoPlay {

		height: 450px;

	}



	/*update css*/

	.update_section .introduct-heading.news-heading h2 {

		font-size: 26px;

		line-height: 36px;

	}

	.update_section p {

		font-size: 15px;



	}

	.update_section {

		padding: 70px 0;

		min-height: auto;

	}

	.new_c {

		width: 160px;

		position: relative;

		bottom: 67px;

		left: -92px;

		z-index: 0;

	}

	.solution-intregate-area {
		padding-top: 176px;
	}

	#sol-int {
		padding-bottom: 90px;
	}

	.introduct-text.news3.news-pagecircle p br {
		display: none;
	}

	.mobility-header p {
		margin-left: 0;
		text-align: center;
	}

	.solution-tool-image5::after {
		background-size: contain !important;
	}

	.mobility-header h4 span {
		display: block;
	}

	.mobility-after-image img,
	.mobility-after-image.o2o img,
	.mobility-after-image.ui img {
		width: 88px;
		left: -20px;
	}

	button#videobtn {
		font-size: 15px !important;
		bottom: 15% !important;
	}

	.cx_strategy_title h2 {
		font-size: 35px;
	}

	.cx_strategy_title h3 {
		font-size: 25px;
		margin-top: -25px;
	}

	.cx_strategy_content {
		margin-top: -20px;
		padding: 50px 30px;
	}

	.cx_strategy_banner {
		padding: 5rem 0;
	}

	.creative_title h2 {
		font-size: 60px;
		margin-right: 0px;
		min-width: 240px;
	}

	.creative_title h2 span.sub_part_next_title {
		margin-top: -7px;
	}

	.creative_banner,
	.production_banner,
	.activation_banner,
	.digital_marketing_banner,
	.cx_channel_planning_banner,
	.public_relations_banner {
		padding: 5rem 0 !important;
	}

	.cx_channel_planning_content img {
		width: 100%;
		max-width: 100%;
		display: block;
		margin: 10px 0px;

	}

	.cx_channel_planning_title h2 {
		font-size: 27px;
	}

	.cx_channel_planning_title h3 {
		font-size: 20px;
		margin-top: -11px;
	}

	.production_banner::before {
		width: 80px;
		height: 76px;
	}

	.activation_title h2 {
		font-size: 27px;
		margin-left: 10px;
	}

	.activation_title h2::after {
		margin-top: -12px;
	}

	.activation_content {
		margin-top: -45px;
		padding: 55px 30px;
	}

	.production_title h2::after {
		right: 30px;
		top: -10px;
	}

	.production_title h2 {
		font-size: 30px;
		margin-right: 60px;
	}

	.production_content {
		margin-top: -70px;
		padding: 55px 30px;
	}

	.digital_marketing_title h2 {
		font-size: 45px;
	}

	.digital_marketing_title h3 {
		font-size: 30px;
		margin-top: -21px;
	}

	.digital_marketing_title h3::before {
		width: 50px;
		height: 30px;
		right: 5px;
		top: 10px;
	}

	.digital_marketing_banner::before {
		display: none !important;
	}

	.digital_moborder {
		max-width: 200px;
		margin: -12px auto 0px auto;
		font-size: 14px;
	}

	.digital_marketing_sub_content .digital_border {
		margin-top: -22px;
		font-size: 15px;
	}

	.digital_marketing_content {
		margin-top: -39px;
		padding: 55px 30px;
	}

	.public_relations_title h2 {
		font-size: 60px;
	}

	.public_relations_title h3 {
		font-size: 35px;
		margin-top: -14px;
	}

	.public_relations_content {
		margin-top: -34px;
		padding: 55px 30px;
	}

	.creative_content {
		padding: 55px 30px;
		margin-top: -46px;
	}

	.cx_channel_planning_content {
		padding: 55px 30px;
	}

	.digital_marketing_content p,
	.public_relations_content p,
	.production_content p,
	.activation_content p,
	.cx_strategy_content p,
	.cx_channel_planning_content p,
	.creative_content p {
		font-size: 15px;
	}

	.our_solution_banner::after {
		top: 16%;
	}

	.strategy-area {
		padding: 3rem 0;
	}

	.single-strategy {
		margin-bottom: 2rem;
		margin-right: 0;
	}


	.our_service_list ul li {
		max-width: 400px;
		position: relative !important;
		display: block !important;
		left: inherit !important;
		right: inherit !important;
		top: inherit !important;
		bottom: inherit !important;
		margin-bottom: 0px !important;
	}

	.our_service_list {
		min-height: 300px;
		margin-top: 40px;
		position: relative;
	}

	.our_service_list ul {
		position: absolute;
		top: 160px;
	}

	.our_service_banner {
		padding-bottom: 40rem !important;
	}

	.our_service_list li p {
		font-size: 17px;
		line-height: 30px;
	}

	.elementor-81 .elementor-element.elementor-element-8f00ca8 .elementor-heading-title {
		font-size: 17px !important;
		padding-left: 20px;
		letter-spacing: 2px;
		line-height: 16px;
	}
	.about-banner-letter-space .elementor-heading-title span {
		font-size: 30px;
	}

	.elementor-81 .elementor-element.elementor-element-e0840a9 .elementor-heading-title {
		font-size: 15px !important;
	}

	.mission-content h4 {
		margin-left: 0;
	}
	.mission-content h5 {
		left: 13%;
		bottom: 25px;
		font-size: 21px;
	}

	.mission-content h5 span {
		font-size: 6rem;
	}
	.mission-content { 
		padding-bottom: 6rem; 
		padding-top: 3rem;
	}
	
	.mission-content h3{
		margin-top:0;
		margin-bottom:80px;
	}
	.mission-top-area {
		background-image: url('images/Asset-2@3x-1.png') !important;
		/* background-image: url('http://adk-thai.com/wp-content/uploads/2022/01/Asset-2@3x-1.png') !important; */
		background-position: center center;
	}


}



@media all and (max-width: 500px) {
	
	.main-mission-area::after {
		bottom: 21.5%;
	}

	.header-middle-text h2 {
		font-size: 50px;
		line-height: 54px;
	}

	.our_solution_list {
		/*padding-top: 250px;*/
	}

	.contact-form-shape img {
		width: 220px;
	}

	.m_drop {
		display: block;
	}

	.con_title_area h2 {
		font-size: 14px;
	}

	.con_title_area h2 span {
		display: block;
	}

	h1 {

		font-size: 32px;

	}

	h2 {

		font-size: 30px;

	}

	.header-banner-content {

		padding-top: 30px;

	}

	.header-banner-text h1 {

		font-size: 32px;

	}

	.header-middle-logo img {

		width: 100px;

	}

	.header-banner-content:after {

		height: 360px;

		width: 90%;

	}

	.background-video-content {

		height: 430px;

	}

	.introduct-heading h2 {

		font-size: 34px;

		left: -78px;

		top: 115px;

	}

	.introduct-heading h2:after {

		width: 30px;

		height: 30px;

		left: -12px;

	}

	.introduct-text p {

		font-size: 12px;

		line-height: 18px;

		margin-left: 60px;

	}

	.introduction-area:after {

		width: 170px;

	}

	.toyota-single-text p,
	.footer-left p {

		font-size: 12px;

	}

	.toyota-single-text h2 {

		font-size: 40px;

	}

	.background-video-content:before {

		width: 26%;

		height: 10px;

	}

	.news-image {

		max-width: 240px;

	}

	.news-image::before {
		right: -89px;
		font-size: 55px;
	}

	.news-image {

		max-width: 240px;

		bottom: 100px;

		right: 50px;

	}

	.news-page-right-content button {

		right: 55px;

	}

	.news-page-right-content button:after {

		width: 40px;

		height: 22px;

		top: 5px;

	}

	.news-pagenation-content:before {

		width: 40px;

		height: 40px;

		right: -25px;

		top: 36px;

	}

	.news-page-left-content ul li {

		margin: 0 8px;

	}

	.toyota-single-text h2 {

		font-size: 28px;

	}

	.network-section:after,
	.leadership-section:after {

		width: 110px;

		height: 28px;

	}

	.single-network-country {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		padding-left: 15px;

	}

	.leadership-single-text {

		-webkit-box-flex: 0;

		-ms-flex: 0 0 100%;

		flex: 0 0 100%;

		margin-left: 15px;

	}

	.network-country {

		margin-top: 60px;

	}

	.brands-section:before {

		bottom: -125px;

	}

	.leadership-single-last img {

		top: 0;

		width: 130px;

		height: 40px;

	}

	.leadership-single-last:before {

		width: 40px;

		height: 40px;

		top: 0px;

	}

	.single-country-content {

		-webkit-box-pack: justify;

		-ms-flex-pack: justify;

		justify-content: space-between;

	}

	.single-country-heading h3,
	.leadership-single-text h4 {

		font-size: 20px;

	}

	.single-country-content ul li a {

		font-size: 15px;

		margin-bottom: 4px;

	}

	.leadership-single-text p {

		font-size: 15px;

	}

	.news-page-section:before {

		left: -180px;

	}

	.news-up-button button:after {

		top: 35px;

		width: 100px;

		height: 100px;

	}

	.toyota-single-text.news-single-text p {

		font-size: 12px;

	}

	.toyota-single-text.news-single-text h3 {

		line-height: 18px;

		margin-bottom: 8px;

	}

	.toolkit-video-area img {

		height: auto;

	}

	.header-banner-content:after {
		top: 35px;
		width: 70%;
		left: 85px;
	}

	.header-banner-content:before , .video-background:before {

		width: 140px;

	}

	.home-down button {

		bottom: -45px;

	}

	.solution-tool-heading h4 {

		font-size: 20px;

		margin-bottom: 20px;

	}

	.solution-tool-heading h4 {

		margin-left: 40px;

	}

	.solution-tool-heading h4:after {

		width: 45px;

		height: 140px;

		left: -50px;

		top: 0px;

	}

	.solution-tool-image1 {

		width: 240px;

	}

	.solution-tool-image3,
	.solution-tool-image4,
	.solution-tool-image5 {

		width: 225px;

		height: 245px;

	}

	.solution-tool-image p {

		font-size: 12px;

	}

	.solution-tool-image1 p {

		max-width: 175px;

	}

	.solution-tool-image3 p {

		max-width: 145px;

	}

	.solution-tool-image5 p {

		max-width: 140px;

	}

	.solution-tool-image1:after,

	.solution-tool-image2:after,

	.solution-tool-image3:after,

	.solution-tool-image4:after,

	.solution-tool-image5:after {

		width: 110px;

		left: -70px;

		height: 145px;

		top: 75px;

	}

	.tool-bottom img {

		bottom: -40px;

		width: 40px;

		right: 35px;

	}

	.stages-change-head h1 {

		font-size: 38px;

		padding-bottom: 10px;

	}

	.stages-change-head h1:after {

		width: 185px;

		height: 110px;

		left: -15px;

	}

	.stages-section-area {

		padding-top: 10px;

	}

	.stages-change-text p {

		font-size: 14px;

		padding-top: 10px;

	}

	.stages-section-area:after {

		width: 125px;

		height: 28px;

	}

	.philosophy-area {

		padding-top: 35px;

	}

	.philosophy-text p:after {

		display: none;

	}

	.philosophy-text p {

		margin-left: 45px;

	}

	.philosophy-heading-text span,
	.philosophy-heading-text.second span {

		max-width: 245px;

	}

	.philosophy-text:after {

		font-size: 28px;

		left: -74px;

		top: 50px;

	}

	.philosophy-header:after {

		left: -12px;

		bottom: -20px;

		width: 20px;

		height: 20px;

	}

	.intregate-left-text {

		margin-left: 0;

	}

	.solution-intregate-area.solution-change {

		padding-bottom: 75px;

	}

	.solution-intregate-area.solution-change:after,
	.solution-intregate-area:after {

		display: none;

	}

	.intregate-left-content h2 {

		font-size: 45px;

		line-height: 55px;

	}

	/*.intregate-left-content h2:after,.intregate-left-content.roi h2:after,.intregate-left-content.ui h2:after,.intregate-left-content.o2o h2:after,.intregate-left-content.dtc h2:after,.intregate-left-content.e2e h2:after  {

		width: 280px;

		height: 140px;

	}*/
	.intregate-left-content h2:after,
	.intregate-left-content.roi h2:after,
	.intregate-left-content.ui h2:after,
	.intregate-left-content.o2o h2:after,
	.intregate-left-content.dtc h2:after,
	.intregate-left-content.e2e h2:after {
		width: 270px;
		height: 105px;
		top: -20px;
		background-size: contain !important;
	}

	.intregate-left-content:before {

		right: 140px;

		width: 135px;

		height: 30px;

		top: -90px;

	}

	.intregate-left-content h2:before
		{

		width: 400px;

		height: 134px;

	}


	.intregate-left-content h2:before {

		width: 390px;

		height: 135px;

	}

	.philosophy-single-text .owl-carousel {

		max-width: 250px;

		width: 100%;

	}

	.toyota-single-image.videoPlay {

		height: 320px;

	}

	.solution-fix-menu ul li a {

		font-size: 14px;

	}

	.mobility-header {
		position: relative;
		text-align: center;
	}



	/*new update css*/

	.introduct-text.news-pagecircle h3 {
		font-size: 22px;
	}

	.solution-intregate-area {
		padding-top: 154px;
	}

	.mobility-area {
		padding-bottom: 82px;
	}

	#sol-int {
		padding-top: 163px;
	}

	#sol-roi {
		padding-top: 160px;
	}

	.mobility-header h4 {
		font-size: 22px;
	}

	.introduct-text.news3.news-pagecircle p br {
		display: none;
	}

	.solution-tool-image5::after {
		width: 110px;
		left: -70px;
		height: 96px;
		top: 131px;
	}

	.mobility-header h4 {
		font-size: 25px;
		padding-bottom: 60px;
		max-width: 377px;
		width: 100%;
		margin: 0 auto;
	}

	.introduct-text.news3.news-pagecircle p {
		font-size: 12px;
	}

	.mobility-left-text.aos-init.aos-animate {
		margin-top: 15px;
		margin-bottom: 35px;
	}

	.mobility-list ul li {
		margin-top: 0;
	}

	.mobility-text {
		max-width: 212px;
	}

	.mission-bottom-content ul li span {
		font-size: 13px;
	}
	



}

@media all and (max-width: 450px) {
	
	.mission-bottom-content ul li:nth-child(1) span::after, .mission-bottom-content ul li:nth-child(2) span::after, .mission-bottom-content ul li:nth-child(3) span::after {
		left: 100%;
		top: 50%;
		width: 31px;
	}

	
	
	.vision-heading_title h3 {
		margin-top: 0px;
		font-size: 15px;
		margin-left: 0px;
	}

	.vision-below_title::before {
		top: -13px;
		font-size: 35px;
		right: 0px;
	}

	.vision-below_title p {
		font-size: 20px;
		max-width: 87%;
	}

	.vision-lists {
		min-height: 390px;
		overflow: hidden;
		margin-bottom: 0px;
		padding: 2rem 0;
	}

	.vision-lists::before {
		height: 150px;
		top: 240px;
		background-size: contain;
	}

	.vision-lists li {
		position: relative;
		padding-left: 10px;
		margin-left: 50px !important;
		left: 0px !important;
		margin-bottom: 30px;
	}

	.vision-lists li:nth-child(2)::before,
	.vision-lists li:nth-child(3)::before {
		left: -35px;
		top: -15px;
	}

	.vision-lists li:nth-child(1)::before {
		top: -15px;
	}

	.customer_experience_last_content p {
		font-size: 16px;
	}

	.contact-heading::after {
		left: -200px;
	}

	.main-contact-heading::after {
		left: -192px;
		top: 90px;
	}

	.our_solution_list {
		/*padding-top: 200px;*/
	}

	.our_solution_title .solution_sub_part {
		font-size: 35px;
		margin-top: -32px;
	}

	.our_solution_title h2 {
		font-size: 35px;
	}

	.elementor-81 .elementor-element.elementor-element-e0840a9 .elementor-heading-title {
		font-size: 17px !important;
	}



	.client-logo-area ul {
		grid-template-columns: auto;
	}

	.main-client-logo-area .col-md-12:nth-child(4) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(5) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(6) .client-logo-area ul, .main-client-logo-area .col-md-12:nth-child(7) .client-logo-area ul {
		grid-template-columns: auto;
	}


	.main-mission-area::after {
		bottom: 22.5%;
	}
	
	.mission-bottom-content ul li {
		padding: 5px 0;
	}
	
	.mission-content h5 span {
		font-size: 5rem;
	}

}

@media all and (max-width: 414px) {
	
		.main-mission-area::after {
			bottom: 23.5%;
			right: 3%;
		}
	
	.header-middle-text h2 {
		font-size: 45px;
		line-height: 50px;
	}

	.header-banner-content::after {
		top: 76px;
		width: 50%;
		height: 264px;
		left: 57px;
	}

	.customer-experience-heading_title h2 {
		font-size: 29px;
	}

	.contact-banner-content h2 {
		font-size: 35px;
	}

	.contact-form-shape img {
		width: 170px;
	}

	.contact-banner-content>p {
		font-size: 16px;
		line-height: 25px;
	}

	.our_solution_list {
		/*padding-top: 200px;*/
	}
	
	
}

@media all and (max-width: 390px) {
	
	.main-mission-area::after {
		bottom: 26.5%;
	}	
	
	.customer_experience_last_content p {
		font-size: 13px;
		margin-left: 50px;
	}

	.customer-experience-heading_title h2 {
		font-size: 23px;
	}

	.customer_experience_last_content p::before {
		left: -45px;
		top: 9px;
		font-size: 25px;
	}

	 
}