/*
Theme Name: QueenstownCentral
Theme URI: https://queenstowncentral.co.nz
Author: Established Group
Author URI: http://establishedgroup.com
Version: 2.0
*/


	@font-face {
    font-family: Graphik-Bold;
	    src: url(fonts/Graphik-Bold.woff);
	}
	@font-face {
	font-family: Graphik-Regular;
	    src: url(fonts/Graphik-Regular.woff);
	}


	* {
	margin:0;
	padding:0;
	font-weight: normal;
	}

	body {
		background: #000; 
		color:#fff;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust: none;
	}

	nav {
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height: 75px;
		text-align: left;
		z-index: 999;
		background-color: #647B4C;
	}


	#logo_wrapper {
		height: 75px;
		width:400px;
		 display: flex;
  		align-items: center;
  		justify-content: left;
  		position: relative;
  		float: left;
  		margin-left: 10px;
	}
	
	#nav-filler {
		background-color: #fff;
		height: 100%;
		width:calc(53% - 220px);
		position: absolute;
		z-index: 0;
	}

	#menu_triangle {
	    height: 100%;
	    width: 220px;
	    vertical-align: top;
	    position: absolute;
	    right: -219px;
	}

	#menu_logo {
		width: 380px;
    	display: inline-block;
	}

	#logo-left,
	#logo-right {
		height: 36px;
		margin-right: 10px;
		vertical-align:middle;
	}

	#menu_wrapper {
		float: right;
		height: 75px;
		width:40px;
		/*margin-right: 20px;*/
		 display: flex;
  		align-items: center;
  		justify-content: left;
	}

	#nav-hamburger {
		height: 29px;
		cursor: pointer;
	}

	#nav-close {
		height: 25px;
		cursor: pointer;
	}

	#menu, #nav-close {
		display: none;
	}





	/* NAVIGATION ON */


	nav.on {
		height: 190px;
	}


	nav.on #menu_logo {
		width: 350px;
	}

	nav.on #logo_wrapper {
    	height: 180px;
	}

	nav.on #logo-left {
		margin-bottom: 5px;
	}

	nav.on #menu {
		display: block;
	}

	nav.on #nav-hamburger {
		display: none;
	}

	nav.on #nav-close {
		display: block;
		float: right;
	}

	nav.on #menu_wrapper {
	    float: right;
	    height: 75px;
	    width: 150px;
/*	    margin-right: 20px;*/
	    margin-top: 15px;
	    display: block; 
	    align-items: center;
	    justify-content: left;
	}

	nav.on #menu ul {
		list-style: none;
	}

	nav.on #menu ul li a {
		font-family: Graphik-Bold, sans-serif ;
		font-size:19px;
		color: #62C0CB;
		line-height: 1.3;
		text-decoration: none;
	}

	nav.on #menu ul li a:hover {
		text-decoration: underline;
	}





	h1 {
		font-family: Graphik-Bold, sans-serif ;
		font-size: 16px;
    	color: #000;
    	line-height: 1.7;
	}


	h4 {
		width:450px;
		font-family: Graphik-Bold, sans-serif ;
		font-size: 90px;
		margin: 100px 0px 0px auto;
		text-align: left;
	}

	h2 {
		font-size: 90px;
		font-family: Graphik-Bold, sans-serif ;
	}
	h3 {
		font-size: 26px;
		font-family: Graphik-Bold, sans-serif ;
	}

	p, a, ol, ul, li {
		font-family: Graphik-Regular;
		font-size: 16px;
		color: #000;
		line-height: 1.7;
	}

	strong{
		font-family: Graphik-Bold;
	}



	.container {
		width:100%;
		max-width: 1200px;
		margin: auto;
	} 



	#introduction {
		margin-top: 75px;
		height: 812px;
		background-image: url('images/Section1_bg.svg');
		background-size: auto 100%;
		background-position: bottom center;
	}

	#introduction .container {
		max-width: 100%;
		height: 812px;
		background-image: url('images/Section1_bg_center.svg');
		background-size: 100% 100%;
		background-position: bottom center;
		display: flex;
		align-items: center;
	}

	#introduction .column_left {
		height: 100%;
		width: calc(50%);
		text-align: right;
	}
	#introduction .column_right{
		height: 100%;
		width: calc(50% + 370px);
		display: inline-block;
		background-image: url('images/intro_house.png');
		background-size: auto 715px;
		background-position: bottom left;
		background-repeat: no-repeat;
	}

	#down_arrow {
		height: 50px;
		margin: 100px 400px -30px auto;
		cursor: pointer;
	}


	#blue_spacer {
		    display: none;
		    position: relative;
		    top: calc(100% - 276px);
		    left: 80%;
		    height: 276px;
		    width: 50%;
		    background-color: #62c0cb;
	}


	/* Section 2 */

	#about {
		height: 992px;
		background-image: url('images/Section2_bg.svg');
		background-size: auto 100%;
		background-position: bottom center;
	}

	#about .container {
		max-width: 100%;
		height: 992px;
		background-image: url('images/Section2_bg_center.svg');
		background-size: 100% 100%;
		background-position: bottom center;
		display: flex;
		align-items: center;
	}

	#about .column_left {
		height: 100%;
		width: calc(50%);
		text-align: right;
	}

	#about .column_left img{
		height: auto;
		max-width: 635px;
		width: 90%;
		margin: 156px 10% auto auto;
	}

	#about .column_right {
		height: 100%;
		width: calc(50% + 370px);
		display: inline-block;
		background-image: url('images/yellow_border.svg');
	    background-size: 39px 954px;
	    background-position: top left;
	    background-repeat: repeat-y;

	}

	#about .column_right .text_wrapper {
	    max-width: 590px;
	    width: 90%;
	    margin: 150px auto 0 12%;
	}

	#about .column_right .text_wrapper p {
		max-width: 520px;
	}

	#about .column_right .text_wrapper h2 {
		color: #284263;
		letter-spacing: -2px;
		line-height: 1.1;
		margin: 40px 0;
	}

	#about .column_right .text_wrapper a.fb_link {
		color: #e07a3f;
		font-size: 26px;
		line-height: 1.4;
		font-family: Graphik-Bold, sans-serif ;
		cursor: pointer;
		text-decoration: none;
	}

	#about .column_right .text_wrapper a.fb_link:hover {
		text-decoration: underline;
	}




	/* Section 3 */

	#stores {
		height: 1200px;
		background-image: url('images/Section3_bg.svg');
		background-size: auto 100%;
		background-position: bottom center;
	}

	#stores .container {
		display: flex;
	  	flex-flow: row;
	  /*	justify-content: space-around;*/
	}

	#stores .container div.store_columns {
		width: 20%;
		margin-right: 25px;
		margin-top: 145px;
	}

	#stores .container div.store_columns div:after {
	    display: block;
	    content: '';
	    background: #fff;
	    height: 1px;
	    width: 15px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}

	#stores .container div.store_columns p {
		color: #fff;
		line-height: 1.3;
	}

	#stores .container div.store_columns a {
		display: block;
		text-decoration: none;
		color: #fff;
		line-height: 1.3;
	}
	#stores .container div.store_columns spacer {
		margin-bottom: 40px;
	}
	#stores .container div.store_columns a:hover {
		text-decoration: underline;
	}

	#stores .container div.store_columns .intro {
		color: 	#f1b828;
		font-family: Graphik-Bold;
	}

	#stores .container div.store_columns .fb_link a {
		color: 	#e07a3f;
		font-family: Graphik-Bold;
		text-decoration: none;
	}

	#stores .container div.store_columns .fb_link a:hover {
		text-decoration: underline;
	}







	#hours {
		height: 989px;
		background-image: url('images/Section4_bg.svg');
		background-size: auto 100%;
		background-position: bottom center;
	}

	#hours .container {
		max-width: 100%;
		display: flex;
		align-items: center;
	}

	#hours .container .column_left {
		height: 989px;
		width: calc(50%);
		text-align: right;
		position: relative;
	}

	#shoe_spacer {
	    position: absolute;
	    height: 381px;
	    width: 50%;
	    background-color: #284263;
	    z-index: 1;
	}

	#hours .container .column_left img {
	    width: 745px;
	    display: block;
	    position: absolute;
	    z-index: 2;
	    right: -38px;
	    margin-top: -1px;
	}

	#hours .container .column_right {
		height: 989px;
		width: calc(50% + 370px);
		display: inline-block;
	}

	#hours .column_right .text_wrapper {
	    max-width: 590px;
	    width: 90%;
	    margin: 150px auto 0 12%;
	}

	#hours .column_right .text_wrapper p {
		max-width: 450px;
		color: #fff;
	}

	#hours .column_right .text_wrapper h2 {
		color: #62c0cb;
		letter-spacing: -2px;
		line-height: 1.1;
		margin: 40px 0;
	}

	#hours .column_right .text_wrapper h3 {
		color: #fff;
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.1;
		margin: 30px 0 10px 0;
	}

	#hours .column_right .text_wrapper h3:after {
	    display: block;
	    content: '';
	    background: #fff;
	    height: 1px;
	    width: 15px;
	    margin-top: 15px;
	    margin-bottom: 17px;
	}




	#sign-up {
		height: 700px;
		background-color: #647B4C;
		background-image: url('images/Section_Signup_bg.svg');
		background-size: auto 101%;
		background-position: bottom center;
	}


	#sign-up .text_wrapper {
		width:53%;
		margin: 0 0 0 auto;
		padding-top: 100px;
	}


	#sign-up .text_wrapper p,
	#sign-up .text_wrapper a {
	    color: #fff;
	    max-width: 400px;
	}

	#sign-up .text_wrapper h3 {
		margin-bottom: 10px;
	}


	#privacy-pop-up {
		position: fixed;
		top:0;
		z-index: 9999;
		height: 100vh;
		width:	100%;
		background-color: rgba(0,0,0,0.9);
		overflow: scroll;
		display: none;
		}

	#close_btn {
		font-size: 60px;
		color: #fff;
		position: absolute;
		right:60px;
		top:30px;

		}

	#privacy-pop-up .container {
		max-width: 550px;
		padding: 70px;

	}


	#privacy-pop-up .container a,
	#privacy-pop-up .container p,
	#privacy-pop-up .container ul,
	#privacy-pop-up .container ol,
	#privacy-pop-up .container li {
		color: #fff;
	}

	#privacy-pop-up .container h3 {
		margin-bottom: 20px;
	}

	#privacy-pop-up .container p {
		line-height: 1.4;
		margin-bottom: 15px;
	}

	#privacy-pop-up .container ul {
		margin-left: 30px;
		margin-bottom: 20px;
	}


	#contact {
		height: 1138px;
		background-image: url('images/Section5_bg.svg');
		background-size: auto 100%;
		background-position: bottom center;
	}

	#contact .container {
		display: flex;
		align-items: center;
	}


	#contact .container .column_left {
		height: 1138px;
		width: 50%;
		text-align: right;
		position: relative;
		display: flex;
    	flex-direction: column;
	}

	#contact .container .column_right {
		height: 1138px;
		width: calc(50% + 370px);
		display: inline-block;
	}

	#contact .text_wrapper {
	    max-width: 405px;
	    width: 90%;
	    margin: 250px auto 0 0;
	    text-align: left;
	    flex:2;
	}

	#contact .text_wrapper p,
	#contact .text_wrapper h3
	 {
		color: #000000;
		font-size: 16px;
	}

	#contact .text_wrapper h3:after {
	    display: block;
	    content: '';
	    background: #000;
	    height: 1px;
	    width: 15px;
	    margin-top: 15px;
	    margin-bottom: 17px;
	}


	#contact .social_wrapper {
		max-width: 405px;
	    width: 90%;
	    margin: 0 auto 50px 0;
	    text-align: left;
	}

	#contact .social_wrapper img {
	    width: 35px;
	    margin-right: 7px;
	    margin-bottom: 10px;
	    vertical-align: top;
	}

	#contact .social_wrapper p,
	#contact .social_wrapper a {
		color: #fff;
		text-decoration: none;
	}

	#social_link {
		width:300px;
		display: inline-block;
		font-size: 11px;
		text-transform: uppercase;
		font-family: Graphik-Bold;
	}


	.dash {
		 display: block;
	    content: '';
	    background: #000;
	    height: 1px;
	    width: 15px;
	    margin-top: 15px;
	    margin-bottom: 17px;
	}


	#g-map {
		width:575px;
		height: 690px;
		margin: 160px 0 0 auto;
	}

	#up_arrow {
	    height: 50px;
	    margin: 110px 0 0 auto;
	    cursor: pointer;
	    transform: rotate(180deg);
	    display: block;
	}




	@media screen and (min-width: 2130px) { 
		#blue_spacer {
			display: block;
		}
	}


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

		#logo_wrapper {
		    margin-left: 30px;
		}

		#menu_wrapper {
		    margin-right: 30px;
		}

		h4 {
    		width: 430px;
		}

		#down_arrow {
		    margin: 100px 380px -30px auto;
		}

		#stores .container div.store_columns {
		    margin-left: 30px;
		}

		#contact .text_wrapper {
	    	margin: 250px auto 0 30px;
		}

		#contact .social_wrapper {
		    margin: 0 auto 50px 30px;
		}

		#contact .container .column_right {
		    width: 50%;
		}

		#g-map {
		    width: 80%;
		    margin: 160px auto 0 auto;
		}
		#up_arrow {
		    margin: 110px 10% 0 auto;
		}

		#contact {
		   background-position: calc(50% + 18px) 50%;
		}


	}


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

		#nav-filler {
			width:calc(57% - 100px);
		}

		#menu_triangle {
		    width: 80px;
		    right: -79px;
		}

		#introduction {
		    height: 670px;
		    background-size: auto 670px;
		}

		#introduction .container {
		    height: 670px;
		}

		h4 {
		    margin: 80px 0px 0px 30px;
		    font-size: 72px;
		    width: 410px;
		}

		#down_arrow {
		    height: 40px;
		    margin: 90px auto 0 30px;
		}

		#introduction .column_left {
		    width: 38%;
		    text-align: left;
		}

		#introduction .column_right {
		    width: 62%;
		    background-size: auto 625px;
		}


		#about {
		    height: 760px;
		    background-size: auto 760px;
		}

		#about .container {
			height: 760px;
		}

		#about .column_left {
		    width: 38%;
		}
		#about .column_right {
		    width: 62%;
		    background-size: 34px 840px;
		}

		h2 {
			font-size: 72px;
		}


		#about .column_right .text_wrapper {
		    margin: 90px auto 0 12%;
		    width:80%;
		}

		#about .column_right .text_wrapper h2 {
		    margin: 40px 40px 30px 0;
		}

		#about .column_right .text_wrapper a.fb_link {
		    margin-right: 40px;
		    display: block;
		    font-size: 21px;
		}


		#stores {
		    height: 1150px;
		    background-size: auto 100%;
		}

		#stores .container {
		    height: 1150px;
		}

		#stores .container div.store_columns {
			margin-top: 80px;
		}



		#hours {
		    height: 740px;
		    background-size: auto 100%;
		}

		#hours .container {
		    height: 740px;
	/*	    padding-top: 100px;*/
		}


		#hours .container .column_left {
			height: 740px;
			width:38%;
		}

		#hours .container .column_right {
			height: 740px;
			width:62%;
		}

		#hours .container .column_left img {
    		width: 500px;
		}

		#hours .column_right .text_wrapper {
		    margin: 100px auto 0 12%;
		}


		#contact {
		   background-position: calc(50% + 20px) 50%;
		}


		#contact .container .column_left {
		    width: 40%;
		}

		#contact .text_wrapper {
		    width: 80%;
		}

		#contact .container .column_right {
		    width: 60%;
		}

		#up_arrow {
    		height: 40px;
		}



	}


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

		#nav-filler {
			width:calc(70% - 100px);
		}

		#menu_triangle {
		    width: 80px;
		    right: -79px;
		}

		#nav-hamburger {
		    height: 24px;
		}

		#menu_wrapper {
		    margin-right: 35px;
		}

		#logo-left, #logo-right {
		    height: 30px;
		    margin-right: 4px;
		}


		nav.on #menu_logo,
		nav.on #logo_wrapper {
		    width: 300px;
		}


		h4 {
		    margin: 50px 0px 0px 30px;
		    font-size: 51px;
		    width: 283px;
		}

		p, a {
			font-size: 13px;
			line-height: 1.4;
		}

		h2 {
			font-size: 51px;
		}




		#introduction .container .column_left,
		#about .container .column_left,
		#hours .container .column_left,
		#contact .container .column_left {
		    width: 42%;
		}

		#introduction .container .column_right,
		#about .container .column_right,
		#hours .container .column_right,
		#contact .container .column_right
		 {
		    width: 58%;
		}



		#introduction {
		    height: 440px;
		    background-size: auto 440px;
		}

		#introduction .container {
		    height: 440px;
		}


		#down_arrow {
		    height: 35px;
		    margin: 35px auto 0 30px;
		}

		#introduction .column_right {
		    background-size: auto 415px;
		}


		#about .column_right {
		    background-size: 23px 568px;
		}


		#about .column_left img {
		    height: 473px;
		    width: auto;
		    margin: 59px 10% auto -220px;
		}


		#about .column_right .text_wrapper {
		    margin: 55px auto 0 17%;
		    width: 75%;
		}

		#about .column_right .text_wrapper h2 {
		    margin: 40px 20px 30px 0;
		}

		#about .column_right .text_wrapper a.fb_link {
		    margin-right: 120px;
		    font-size: 16px;
		}

		#about {
		    height: 590px;
		    background-size: auto 590px;
		}

		#about .container {
		    height: 590px;
		}


		#stores, 
		#stores .container {
		    height: 950px;
		}

		#stores .container div.store_columns {
			margin-right: 0;
		}


		#hours {
		    height: 525px;
		}

		#hours .container {
		    height: 525px;
		    padding-top: 0;
		}

		#hours .container .column_left,
		#hours .container .column_right {
		    height: 525px;
		}

		#hours .container .column_left img {
		    width: 350px;
		    right: -18px;
		}

		#shoe_spacer {
		    height: 178px;
		    margin-top: -1px;
		}

		#hours .column_right .text_wrapper h3 {
			font-size: 13px;
		}

		#hours .column_right .text_wrapper {
		    margin: 60px auto 0 12%;
		    width: 80%;
		}


		#hours .column_right .text_wrapper h3:after {
		    margin-top: 10px;
		    margin-bottom: 10px;
		}

		#hours .column_right .text_wrapper h2 {
		    margin: 40px 20px 0 0;
		}


		#sign-up .text_wrapper {
			width:51%;
		}


		#contact {
		    height: 630px;
		    background-size: auto 630px;
		}

		#contact {
		    background-position: calc(50% + 35px) 50%;
		}

		#contact .container,
		#contact .container .column_left,
		#contact .container .column_right {
			height: 630px;
		}


		#contact .text_wrapper p, #contact .text_wrapper h3 {
		    font-size: 13px;
		}

		#contact .text_wrapper {
		    margin: 100px auto 0 30px;
		}

		#g-map {
			height: 430px;
		    width: 75%;
		    margin: 50px auto 0 auto;
		}

		#up_arrow {
			height: 35px;
		    margin: 50px 10% 0 auto;
		}

		#contact .text_wrapper h3:after, .dash {
		    margin-top: 10px;
		    margin-bottom: 10px;
		}

		#contact .social_wrapper {
		    margin: 0 auto 20px 30px;
		}

		#contact .social_wrapper img {
		    width: 20px;
		    margin-right: 3px;
		}

		#social_link {
		    width: 200px;
		    font-size: 8px;
		}


	}


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


		#sign-up .text_wrapper {
		    width: 90%;
		    margin: 0 auto 0 40px;
		    padding-top: 100px;
		}



	}


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

			#nav-filler {
			width:calc(70% - 100px);
		}

		h2 {
		    font-size: 40px;
		}

		#stores {
			height: 100%;
			background-image:none;
			background:#284263;
		}
		#stores .container {
		    flex-flow: column;
		   height: 100%;
		   padding: 40px 0;
		}

		#stores .container div.store_columns {
			width:50%;
			margin-top: 0;
		}

	}



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

		h2 {
		    font-size: 40px;
		}

		#about .column_right .text_wrapper a.fb_link {
		    margin-right: 30px;
		}

		#about .column_right .text_wrapper h2 {
		    margin: 25px 0px 25px 0;
		}


	}





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

		nav {
			height: 35px;
		}

		nav.on #menu ul li a {
		    font-size: 15px;
		    line-height: 1.7;
		}

		#nav-filler {
			width:calc(60% - 45px);
		}

		#menu_triangle {
		    width: 45px;
		    right: -44px;
		}

		#menu_logo {
		    width: 190px;
		}

		#menu_wrapper {
		    height: 35px;
		    margin-right: 5px;
		}

		#logo-left, #logo-right {
		    height: 15px;
		    margin-right: 0px;
		}

		#logo_wrapper {
		    height: 35px;
		    width:190px;
		    margin-left: 15px;
		}

		#nav-hamburger {
		    height: 14px;
		}


		nav.on #menu_logo, nav.on #logo_wrapper {
		    width: 130px;
		}

		#nav-close {
		    height: 15px;
		    margin-right: 20px;
		}


		/* INTRODUCTION */

		#introduction .container .column_left, 
		#about .container .column_left,
		#stores .container .column_left,  
		#hours .container .column_left, 
		#contact .container .column_left,
		#introduction .container .column_right, 
		#about .container .column_right,
		#stores .container .column_right, 
		#hours .container .column_right, 
		#contact .container .column_right {
    		width: 100%;
    		display: block;
		}

		

		#introduction {
		    height: 340px;
		     background-size: auto 340px;
			}

		#introduction .container {
		    max-width: 100%;
		    height: 340px;
		    display: block;
		}

		h4 {
		    width: 180px;
		    font-size: 25px;
		    margin: 25px 0px 0px 15px;
		    position: absolute;
		}

		#introduction .column_left {
		    height: auto;
		    width: calc(50%);
		}

		#introduction .column_right {
		    background-size: auto 215px;
		    background-position: calc(0% + 20px) 100%;
		}

		#down_arrow {
			float: right;
    		height: 20px;
    		margin: 165px 30px 0 30px;
		}



		#blue_spacer {
		     display: block; 
		    position: relative;
		    top: calc(100% - 83px);
		    left: 60%;
		    height: 83px;
		    width: 40%;
		    background-color: #62c0cb;
		}

		#about .container {
			flex-direction: column;
		}

		#about .container .column_left {
			order: 2;
			text-align: left;
		}
		#about .container .column_right {
		    order: 1;
		    margin-left: 0px;
		    width: calc(100% - 40px);
		}

		#about .column_right {
		    background-size: 12px 296px;
		}

		#about .column_right .text_wrapper {
		    margin: 35px auto 30px 40px;
		    width: 75%;
		}

		#about .column_right .text_wrapper h2, h2 {
		    font-size: 24px;
		    letter-spacing: -1px;
		}

		#about .column_left img {
		    height: auto;
		    width: 83%;
		    margin: 0;
		    position: absolute;
		    clip: rect(-5px,350px,141px,0px);
		}



		/*#stores {
		    height: 860px;
		    background-size: auto 860px;
		}

		#stores .container {
			flex-direction: column;
		}*/




		#hours {
			height:635px;
			background-size: auto 635px;
		}


		#hours .container {
			height:545px;
			flex-direction: column;
		}


		#hours .container .column_left img {
		    width: 210px;
		    right: 32px;
		}

		#shoe_spacer {
		    height: 108px;
		    margin-top: -1px;
		}





		#hours .column_right .text_wrapper {
		    display:flex;
		    flex-direction: column;
		    margin: 60px auto 0 30px;
    		width: 90%;
		}

		#hours .column_right .text_wrapper h2 {
		    margin: 40px 20px 0 0;
		    order:-1;
		    width:100px;
		    font-size: 25px;
		    letter-spacing: -1px;
		}

		#sign-up .text_wrapper {
		    width: 300px;
		    margin: 0 0 0 30px;
		    padding-top: 100px;
		}

		#popup-form .customer-refer {
		    font-size: 13px!important;
		}

		#popup-form #custom-dropdown {
		    max-width: 302px!important;
		}

		#contact {
		    height: 770px;
		    background-size: auto 770px;
		    background-position: calc(0% + -600px) 50%;
		}

		#contact .container {
			flex-direction: column;
		}

		#contact .container .column_left {
			order: 2;
		}
		#contact .container .column_right {
			order: 1;
			height: 260px;
		}

		#g-map {
		    height: 220px;
		    width: 90%;
		    margin: 30px auto 0 auto;
		}

		#contact .text_wrapper {
		    margin: 20px auto 50px 30px;
		    flex: 1!important;
		}

		#contact .text_wrapper h3:after, .dash {
		    margin-top: 5px;
		    margin-bottom: 5px;
		    width: 10px;
		}

		#contact .container .column_left {
			display: flex!important;
			flex-direction: column!important;
			height: auto;
		}

		#contact .social_wrapper {
		    margin: 20px auto 20px 30px;
		}


}



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

		#sign-up .text_wrapper {
		    width: 270px;
		    margin: 0 0 0 30px;
		    padding-top: 100px;
		}

		#popup-form .customer-refer {
		    font-size: 12px!important;
		}

		#popup-form #custom-dropdown {
		    max-width: 272px!important;
		}

	}