/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	/* body{ font-size:13px;} */
	/* p{ line-height:20px ;} */
	h2{ font-size:30px}
	h3{ font-size:15px;}
	.form{ margin:0;}
	/* .main-section{ padding:70px 0;} */
	/* .service_block{ margin:0 0 35px 0;} */
	#service{ padding:40px 0px;}
}

@media only screen and (max-width: 767px) {
	/****Mobile Landscape 480 Container 100% ****/
	/* .service_block{ margin:0 0 20px 0;} */
	#service{ padding:20px 0px;}
	body{ font-size:13px;}
	h2{ font-size:26px; margin: 25px auto 30px;}
	h3{ font-size:14px;}
	/* p{ line-height:18px;} */
	/* .main-section{ padding:60px 0 70px;} */

	.form{ margin:15px auto 0; max-width: 480px;}
	.logo{ width:200px;margin:0 auto; float:none;}
	.nav{ float:none; position:absolute; width:100%; top: 45px;}
	.nav ul li{ border-bottom:1px solid #CCC; display:block; float:none; width:100%; margin:0px; text-align:center;}
	.nav ul li a{ padding:6px 0px}
	.res-nav_click{
		bottom: 3px;
		/* display: block; */
		font-size: 40px;
        /* left:90%; */
/*		left: 48%;*/
		right: 15px;
		line-height: 1.5;
		position: absolute;
		top:0;
		bottom:0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.nav ul{ display:none; background:#fff;}

	.nav ul.toggle{
		display:none;
		visibility:visible;
		height:auto;
		overflow:auto;
	}
}