@charset "UTF-8";

/* Mobile */

/*============ Portrait =================*/


@media all 
and (max-width: 480px) {
		
/*============ Structure =================*/
	  
	.show-mobile {
		display: block;
	}
	.show-mobile-inline {
		display: inline-block;
	}
	.hide-mobile,
	.menu-mobile-nav-container,
	.menu-main-nav-container {
		display: none !important;
	}

	#wrap .wrap, #wrap > #inner > div, body .row, body .wp-block-columns, .entry-content {
		max-width: 95%;
	}

	.entry-content {
		width: 100%;
		padding: 0px;
		margin: 0px;
		max-width: 100%;
	}

	.row {
		width: 100%;
		max-width: 100% !important;
		margin: 0px !important;
		padding: 0px 0px;
	}

	h1 {
		font-size: 1.2em;
	}
	h2 {
		font-size:  1em;
	}
	h3 {
		font-size:  1em;
	}
	h4 {
		font-size: 1em;
	}
	

/*============ Header =================*/

	#header{
		background-image: url('../../../../../2019/05/stars2.jpg');
	}

	#header .wrap {
		position: relative;
		background-image: url('../../../../../2019/05/starhead2.jpg');
		background-size: contain;
		background-position: center center;
		height: 100px;
		background-repeat: no-repeat;
		max-width: 100%;
	}
	#header .textbox {
		display: none;
	}


	#header .textbox span{
		display: block;
		line-height: 43px;
	}
	#header .textbox span.line2{
		padding-left: 10%;
	}
	#header .textbox span.line3{
		padding-left: 20%;
	}

	#header #title-area{
		display:none;
	}
	#header #logo {
		display: inline-block;
	}
	#header #logo.logo {
		
		position: relative;
		top: 14px;
		left: 12px;
	}

	
/*============ menu =================*/
	.navbox {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0px;
		min-height: 100px;
	}
	nav {
		width: 100%;
		background-color: #ececec;
		position: relative;
		top: 55px;
		padding: 10px;
		z-index: 999;
		color: #333;
		border-bottom: 2px solid;
	}
	.menu-main-container .genesis-nav-menu a {
		text-decoration: none;
		display: block;
		padding: 2px;
		color: #333;
		
	}
	.menu.genesis-nav-menu ul li.page_item {
		margin: 10px 0;
	}
	#nav-trigger {
		background-image: url("../../../../../2019/05/nav-trigger.png");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 30px auto;
		display: inline-block;
		height: 31px;
		max-width: 50px;
		width: 47px;
		vertical-align: middle;
		position: absolute;
		top: 29px;
		right: 0px;
		z-index: 99999;
	}
/*============ footer =================*/
	div#footer {
		background-image: url('../../../../../2019/05/stars2.jpg');
		height: 50px;
	}
	div#inner {
		min-height: 100px;
	}
/*============ Google Reviews =================*/
	
	.reviews .wp-gr .wp-google-place {
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	.reviews .wp-gr .wp-google-content-inner {
		width: 100% !important;
	}
	
/*============ Page/Post =================*/

	.quote {
		width: 100%;
		font-size: 0.9em;
    	padding: 0px 10px 10px 60px;
		background-size: auto 66%;
	}

/*============ Slider =================*/
	.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background-size: cover;
	}


}

/*============ Portrait =================*/

@media only screen 
and (min-device-width: 370px) 
and (max-device-width: 380px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	

/*============ Page/Post =================*/

}

@media all 
and (max-width: 767px)
and (orientation: landscape) {
	
/*============ Structure =================*/
	.hide-landscape {
		display: none;
	}
	.show-mobile {
		display: block;
	}
	.show-mobile-inline {
		display: inline-block;
	}
	.hide-mobile,
	.menu-mobile-nav-container,
	.menu-main-nav-container {
		display: none;
	}
	#nav-trigger {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 30px auto;
		display: inline-block;
		height: 31px;
		max-width: 50px;
		width: 47px;
		vertical-align: middle;
		position: absolute;
		top: 10px;
		right: 0px;
		z-index: 99999;
	}
	.navbox {
		top: 2%;
		left: 2%;
	}
	#header .textbox {
		font-size: 2em;
	}
	#header .textbox {
		right: 10px;
	}

	#wrap .wrap, #wrap > #inner > div, body .row, body .wp-block-columns, .entry-content {
		max-width: 95%;
	}

	.entry-content {
		width: 100%;
		padding: 0px;
		margin: 0px;
		max-width: 100%;
	}

	.row {
		width: 100%;
		max-width: 100% !important;
		margin: 0px !important;
		padding: 0px 0px;
	}

	h1 {
		font-size: 1.2em;
	}
	h2 {
		font-size:  1em;
	}
	h3 {
		font-size:  1em;
	}
	h4 {
		font-size: 1em;
	}

/*============ Header =================*/

	#header {
		min-height: 135px;
	}
	#header .wrap {
		min-height: 100px;
		height: 230px;
	}

/*============ Footer =================*/
	
	
	
/*============Page/Post=================*/
	.quote {
		width: 100%;
		font-size: 0.9em;
		padding: 0px 10px 10px 60px;
		background-size: auto 66%;
	}

	.project-page-side,
	.project-page-content {
		width: 100%;
		display: block;
		max-width: 99%;
		flex: 100%;
	}

}