/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media only screen and (max-width:991px)
{

	.container
	{
		width:94%;
	}

	/* HEADER */
	#header
	{
		height:80px;
		background:#FFF;
		border-bottom:1px solid #EEE;
	}

	#logo
	{
		height:80px;
		padding-left:0px;
		padding-right:0px;
		background:none;
	}

	#logo img
	{
		height:52px;
		margin-top:14px;
	}

	#mob-nav
	{
		display:block;
	}

	#nav
	{
		width:100%;
		position:absolute;
		left:0;
		top:80px;
		background:#FFF;
		margin-top:0px;
		padding:20px;
		display:none;
		box-shadow:0 10px 30px rgba(0,0,0,0.08);
	}

	#nav ul
	{
		width:100%;
	}

	#nav ul li
	{
		width:100%;
		margin-right:0px;
		margin-bottom:5px;
	}

	#nav ul li a
	{
		width:100%;
		padding-top:14px;
		padding-bottom:14px;
		border-bottom:1px solid #EEE;
		font-size:15px;
		color:#222;
		text-shadow:none;
	}

	#nav ul ul
	{
		width:100%;
		position:relative;
		top:0;
		left:0;
		height:auto;
		float:left;
		display:block;
		background:#f8f8f8;
		margin-top:10px;
		box-shadow:none;
	}

	#nav ul ul li a
	{
		background:none;
		color:#555;
		font-size:14px;
		padding-left:15px;
		border-bottom:1px solid #EEE;
	}

	#header_call
	{
		display:none;
	}



	/* SLIDER */
	#slider
	{
		height:70vh;
	}

	.slide-content
	{
		width:100%;
		padding:20px;
	}

	.slide.active h2
	{
		font-size:26px;
		line-height:34px;
	}

	.slide.active p
	{
		font-size:16px;
		line-height:28px;
	}

	.prev,
	.next
	{
		bottom:20px;
		font-size:24px;
	}

	.prev{ right:55px; }



	/* HOME ABOUT */
	#home_about_l,
	#home_about_r
	{
		width:100%;
		margin-right:0;
	}

	#home_about_r
	{
		margin-top:40px;
	}

	#home_about_r h2
	{
		font-size:30px;
		margin-bottom:25px;
	}

	#home_about_r p
	{
		font-size:15px;
		line-height:30px;
	}



	/* PRODUCTS */
	#home_products h2
	{
		width:100%;
		margin:0 0 15px 0;
		font-size:16px;
	}

	#home_products h3
	{
		height:auto;
		font-size:28px;
		line-height:36px;
	}



	/* WHY */
	#home_why_l,
	#home_why_r
	{
		width:100%;
		margin-right:0;
	}

	#home_why_r
	{
		margin-top:40px;
	}

	#home_why_r h3
	{
		font-size:30px;
	}

	#home_why_r h4
	{
		font-size:20px;
	}



	/* FOOTER */
	#footer_about
	{
		width:100%;
		margin-right:0;
		margin-bottom:40px;
	}

	.quick_links
	{
		width:45%;
		margin-left:0;
		margin-right:5%;
		margin-bottom:40px;
	}

	#footer_contact
	{
		width:100%;
		margin-left:0;
	}



	/* OTHER HEADER */
	#other_header
	{
		height:350px;
		background-size:cover;
	}

	#other_header_conent
	{
		bottom:40px;
		padding-left:20px;
		padding-right:20px;
	}

	#other_header_conent h1
	{
		font-size:34px;
		line-height:42px;
	}

	#other_header_conent p
	{
		font-size:16px;
		line-height:28px;
	}



	/* OTHER CONTENT */
	#other_content h2
	{
		font-size:34px;
	}

	#other_content h3
	{
		font-size:28px;
	}

	#other_content h4
	{
		font-size:22px;
	}



	/* PRODUCTS PAGE */
	#product_content ul li
	{
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}

	#product_content ul li a h3
	{
		height:auto;
		font-size:18px;
		line-height:28px;
	}

	#product_content ul li a p
	{
		height:auto;
		font-size:15px;
		line-height:28px;
	}



	/* CONTACT */
	#contact_l,
	#contact_r
	{
		width:100%;
		margin-right:0;
	}

	#contact_r
	{
		margin-top:40px;
	}

	#contact_map iframe
	{
		height:350px;
	}

}




/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width:600px)
{

	body
	{
		overflow-x:hidden;
	}

	.container
	{
		width:92%;
	}



	/* HEADER */
	#header
	{
		height:75px;
	}

	#logo
	{
		height:75px;
	}

	#logo img
	{
		height:46px;
		margin-top:14px;
	}

	#mob-nav
	{
		width:48px;
		height:44px;
		top:6px;
		font-size:24px;
	}

	#mob-nav i
	{
		line-height:36px;
	}



	/* SLIDER */
	#slider
	{
		height:85vh;
	}

	.content-wrap
	{
		bottom:40px;
	}

	.slide-content
	{
		padding:18px;
		border-radius:10px;
	}

	.slide.active h2
	{
		font-size:22px;
		line-height:30px;
	}

	.slide.active p
	{
		font-size:15px;
		line-height:26px;
	}



	/* ABOUT */
	#home_about
	{
		padding-top:50px;
		padding-bottom:50px;
	}

	#home_about_r h2
	{
		font-size:26px;
		line-height:34px;
	}

	#home_about_r p
	{
		font-size:15px;
		line-height:28px;
		text-align:left;
	}



	/* PRODUCTS */
	#home_products
	{
		padding-top:50px;
		padding-bottom:70px;
	}

	#home_products h3
	{
		font-size:24px;
		line-height:32px;
	}



	/* WHY */
	#home_why
	{
		margin-top:50px;
		margin-bottom:50px;
	}

	#home_why_r h3
	{
		font-size:26px;
		line-height:34px;
	}

	#home_why_r h4
	{
		font-size:18px;
	}

	#home_why_r p
	{
		font-size:15px;
		line-height:28px;
	}



	/* FOOTER */
	#footer
	{
		padding-top:50px;
		padding-bottom:50px;
	}

	.quick_links
	{
		width:100%;
		margin-right:0;
		margin-bottom:35px;
	}

	#footer_contact ul li
	{
		font-size:15px;
	}

	#copy
	{
		font-size:14px;
		line-height:24px;
	}



	/* OTHER HEADER */
	#other_header
	{
		height:280px;
		margin-bottom:45px;
	}

	#other_header_conent h1
	{
		font-size:28px;
		line-height:36px;
	}

	#other_header_conent p
	{
		font-size:15px;
		line-height:26px;
	}



	/* OTHER CONTENT */
	#other_content h2
	{
		font-size:28px;
		line-height:36px;
	}

	#other_content h3
	{
		font-size:24px;
		line-height:32px;
	}

	#other_content h4
	{
		font-size:20px;
		line-height:28px;
	}

	#other_content p
	{
		font-size:15px;
		line-height:28px;
	}



	/* PRODUCTS */
	#product_content ul li
	{
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	#product_content ul li a
	{
		padding:12px;
	}



	/* CONTACT */
	.contact-r-row input,
	.contact-r-row select,
	.contact-r-row textarea
	{
		font-size:15px;
	}

	#contact_map iframe
	{
		height:280px;
	}

}