@media (min-width:1920px){
	html { font-size: 11px; }
}
@media (max-width:1601px){
	html { font-size: 10px; }
}
@media (max-width:1440px){
	html { font-size: 9px; }
}
@media (max-width:1280px){
	html { font-size: 8px; }
}
@media (max-width:1024px){
	html { font-size:7px; }
}
@media (max-width:512px){
	html { font-size:6.5px; }
}
@media(max-width: 1023px){
	.desktop { display:none; }
	#v_nav, #lgs {
		flex-flow:wrap;
		padding: 6.5rem 0;
       	height: auto;
        overflow: scroll;
	}
	header { overflow:hidden; }
	header div.left { padding:18rem 47.6% 14rem 5rem; }
	.about_us header div { background: url(/images/about_us.png) center left / auto 67.5% no-repeat; }
	.contact_us header div { background: url(/images/contact_us.png) center left / auto 65% no-repeat; }
	.wfu header div { background: url(/images/home.svg) top left / 50% auto no-repeat; }
	.google_ads header div { background: url(/images/google_ads.svg) top left / 50% auto no-repeat; }
	header > div.right {
	    padding: 5rem 5rem 10rem 50%;
	}
	.two_column { gap:3.0rem; }
	.two_column div, .two_column object {
		width: 48%;
	}
}
@media (max-width:512px){
	.mobile { display: inline-flex; }
	/*--- horizontal nav ---*/
	#h_nav {
		width:100%;
	}
	#h_nav div {
    	padding: 0 2rem;
	}
	#h_nav div ul {
		width: auto;
		gap:0;
	}
	#h_nav div ul li button{
	    margin-left: 2rem;
	}
	
	/*--- lets_get_started ---*/
	#lgs form ul {
		flex-direction: column;
	}
	#lgs form ul li a {
    	margin-top: 0.5rem;
	}
	#lgs form ul:first-of-type li{
		margin-top: 2rem;
	}
	#lgs form ul:nth-of-type(3){
		flex-direction: row;
		flex-wrap: wrap;
	}
	#lgs form ul:nth-of-type(3) .button{
		margin-bottom:2.0rem;
    	min-width: 40vw;
	}
	#lgs form ul:nth-of-type(3) {
    	margin-bottom: 0.5rem;
	}
	#lgs form ul:nth-of-type(2) li input:not([type="checkbox"]) {
	    width: calc(100% - 2.0rem);
	}
	
	/*--- header ---*/
	header > div.right {
		flex-direction: column;
		width:auto;
	    padding: 85% 5rem 10rem 5rem;
	}
	

	/*--- header : about us ---*/
	.about_us header div {
    	background: url(/images/about_us.png) top 6.5rem center / 90% auto no-repeat;
	}

	/*--- header : contact us ---*/
	.contact_us header div {
    	background: url(/images/contact_us.png) top 6.5rem center / 90% auto no-repeat;
	}

	/*--- header : work for us ---*/
	.wfu header div {
    	background: url(/images/home.png) top 6.5rem center / 90% auto no-repeat;
	}

	/*--- header : google_ads ---*/
	.google_ads header div {
    	background: url(/images/google_ads.png) top 6.5rem center / 90% auto no-repeat;
	}

	/*--- header : blog ---*/
	.blog_content_page header{
		padding-top:15.0rem;
	}
	.blog_list_page header div.right,
	.blog_content_page header div.right {
    	padding:0 4.0rem 0 4.0rem;
	}
	.blog_content_page header div img {
		margin-top: 4rem;
		margin-bottom: -25rem;
	}

	/*--- header : case study ---*/
	.case_study header h1 { font-size: 5.6rem; }


	/*--- section : two column ---*/
	.two_column,
	.two_column:nth-child(odd){
	    flex-direction: column;
	}

	.two_column div, .two_column object {
    	width: auto;
	}
	.two_column object {
		margin-bottom:6.5rem;
	}
	.contact_us .two_column object {
		margin:6.5rem 0 0;
	}
	.two_column div.img {
		width: 100%;
		margin-bottom:6.5rem;
	}

	/*--- section : two column : about us ---*/
	.about_us .two_column:nth-of-type(5) div.img {
		height: auto;
	}

	/*--- section : two column : contact us ---*/
	.contact_us .two_column{
	    flex-direction: column-reverse;
	}

	/*--- section : one column : case study ---*/
	.case_study .one_column { padding:7.0rem 4.0rem; }
	.case_study .one_column.cta h2 {
		font-size: 4.4rem;
		text-align:left;
	}
	.case_study .one_column.cta a { font-size: 2.4rem; }
	.case_study .one_column.deliverables ul { column-gap:10.0rem; }
	.case_study .one_column.deliverables ul li { flex:1 0 calc(50% - 10.0rem); }
	.case_study .one_column.deliverables ul li div object { max-width:14.8rem; }
	.case_study .one_column.testimonials div {
		width:auto;
		padding:5.0rem 7.6rem;
	}
	.case_study .one_column.testimonials a.button { font-size:2.8rem; }
	.case_study .one_column.testimonials div { padding:4.6rem; }
	.case_study .one_column.testimonials div:not(:first-of-type) { margin-top:7.4rem; }
	.case_study .one_column.testimonials div h2 { font-size:2.8rem; }
	.case_study .one_column.testimonials div p {
		font-size:2.4rem;
		font-weight:500;
	}

	/*--- section : insight_list ---*/
	.insight_list {
		max-width: 100%;
		width: 100%;
		padding: 6.5rem 5rem;
		box-sizing: border-box;
	}
	.insight_list > div {
		width: 100%;
		padding: 0;
	}
	.insight_list div ul {
		width:calc(100% + 10rem);
		flex-direction: column;
		justify-content: center;
		gap: 11.8rem;
		margin-left: -5rem;
	}
	.insight_list ul li > div:first-of-type {
		flex: 1 calc(100% - 4rem);
		flex-direction: column;
		max-width: 100%;
		width: calc(100% - 10rem);
		margin: 0 auto;
	}
	.insight_list ul li > div:last-of-type {
		max-width: 100%;
		width: calc(100% - 16rem);
		margin:0 auto;
	}

	.insight_list .flickity-insights li {
		max-width:100% !important;
		margin-right:0 !important;
	}

	/*--- section : insight ---*/
	.insight video {
		max-width:100%;
	}

	/*--- section : google ads offer ---*/
	.ga_offer div ul {
	    gap: 2.0rem;
	}
	.ga_offer div ul li {
	    flex:1 calc(50% - 2.0rem);
		align-items:center;
	}
	.ga_offer div ul li > div {
		width:calc(100% - 8.0rem);
	}

	/*--- section : google ads : grey bar ---*/
	.google_ads .grey_bar .two_column,
	.google_ads .grey_bar.yellow .two_column {
		flex-direction: column-reverse;
		align-items: center;
	}
	.google_ads .grey_bar .two_column div:last-of-type,
	.google_ads .grey_bar.yellow .two_column div:last-of-type {
		justify-content: center;
	}
	.google_ads .grey_bar .two_column div:first-of-type {
		width: 100%;
	}
	.google_ads .grey_bar p {
		text-align: center;
	}
	.google_ads .grey_bar img {
		max-width:20.0rem;
	}
	.google_ads .grey_bar.yellow object {
		width:100%;
		max-width:16.0rem;
		margin-bottom:0;
	}

	/*--- section : google ads claim ---*/
	.ga_claim > div > ul {
		flex-direction: column;
	}
	.ga_claim > div > ul > li {
		flex:1 calc(100% - 4.5rem);
		max-width:58vw;
		margin:0 auto;
	}

	/*--- section : google ads interested ---*/
	.ga_interested div h2 {
		max-width:40.0rem;
		margin:0 auto;
	}

	/*--- section : blog list ---*/
	.blog_list div ul {
		gap:4.0rem;
		justify-content: center;
	}
	.blog_list div ul li {
		flex: 1 calc(50% - 4.0rem);
		flex-direction: column;
		max-width: 40vw;
	}

	/*--- section : blog content ---*/
	.blog_content_page header > div.right {
		width: auto;
		padding:0 5rem 0 5rem;
		background-position: top 10.0rem left 5.0rem;
		background-size: auto 20.0rem;
		background-repeat: no-repeat;
	}
	.blog_content_page header div h1 {
		padding-top:45vmin;
	}
	.blog_content_page .blog_content:first-of-type div h2 strong {
		display: inline;
	}

	/*--- section : google ads form ---*/
	#ga_form form div {
		flex-direction: column;
		gap:4.0rem;
	}

	/*--- section : parallax ---*/
	.parallax{
	    height: 70vw;
	}
	.parallax div {
	    height: 80vw;
	}
	.parallax div video {
		height: 80vw;
		width: 192vw;
	}

	/*--- section : footer block : case study ---*/
	.case_study .fb p {
		font-size: 2.4rem;
	}

	/*--- footer ---*/
	footer {
    	width: auto;
	}
	footer img,
	footer p:first-of-type{
    	float: none;
	}
	footer p:first-of-type{
		margin: 2.5rem 0 0;
		padding:0;
	}
	footer ul{
		display: none;
	}
	footer ul + p {
	    padding-top: 6.5rem;
	}
}