@charset "utf-8";
/* CSS Document */

@media ( max-width:1300px) {


}

/*----larger desktop------*/
@media ( min-width:1025px) and ( max-width:1200px){
body	{}
.container			{ width:98%; margin:0 auto;}
.navigation ul li a		{ font-size:14px;}
.navigation ul li ul li a	 { font-size:14px;}	
.pro_sec ul li				{ width:20%;  padding:0 185px 30px 0;}
.pro_sec ul li i img		{ width:100%; height:auto;}
.pro_sec ul li p			{ width:100%; line-height:26px;}
.home_prod ul li			{ width:12.5%; padding:0 50px 30px 0;}
#header span.logo a img			{ width:100%; height:auto;}
#header span.logo				{ width:55%;}
.banner_content						{ top:36%; left:25%; right:25%;}

}

/*----standard desktop------*/
@media ( min-width:769px) and ( max-width:1024px){
body	{}
#wrapper	{ width:100%; background:none;}
.container			{ width:98%; margin:0 auto;}
.pro_sec ul li i img		{ width:100%; height:auto;}
.pro_sec ul li				{ width:25%; padding:0 47px 30px; min-height:441px;}
.pro_sec ul li p			{ width:100%; font-size:14px; line-height:22px;}
.get_text					{ width:90%; margin:0 auto; float:none;}
.get_today span.calculate_sec		{ display:block; padding:20px 0 0 30px;}
.managent_sec h3					{ font-size:43px; line-height:48px;}
.ft_menu ul li a					{ font-size:19px;}
#header span.logo a img				{ width:100%; height:auto;}
.right_nav_sec em.tell				{ font-size:35px; line-height:35px;}
.navigation ul li a					{ font-size:11px;}
.navigation ul li ul li a			{ font-size:11px;}

.navigation ul li					{ padding:0 15px 0 0;}
.home_prod ul li					{ width:12%; padding:0 42px 0 0;}
.pro_sec ul li em					{ font-size:18px;}
#header span.logo					{ width:52%;}
.logo_sec span.window_text			{ font-size:15px; line-height:24px; width:180px; padding:20px 0 0;}
.navigation ul.menu li a			{ font-size:11px;}
.navigation ul.menu li ul li a		{ font-size:11px;}
.banner_content						{ top:36%; left:25%; right:25%;}
}
@media ( max-width:980px) {
.empoloye_sec img {
    max-width:100% !important;
    height:auto !important;
}
}

/*----ipad potrait------*/
@media ( max-width:768px){
	.banner {
		margin-bottom: 0 !important;
	}

	.banner .bx-wrapper {
		margin-bottom: 0 !important;
	}

	.title_sec h1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.empoloye_sec {
		padding-top: 20px !important;
	}

.empoloye_sec img {
	max-width: 100% !important;
	height: auto !important;
	padding: 0;
	width: 100%;
}
	
body	{}
.container			{ width:98%; margin:0 auto;}
#wrapper	{ width:100%; background:none;}
.navigation ul li a	{ font-size:12px;}
.container			{ width:98%; margin:0 auto;}
.pro_sec ul li i img		{ width:100%; height:auto;}
.title_sec h1				{ font-size:33px; line-height:31px; text-align:center; padding:25px 0;}
.empoloye_sec h2			{ font-size:38px; line-height:38px;}
.empoloye_sec p				{ font-size:17px; line-height:21px; text-align:center;}
.pro_sec ul li i img		{ width:100%; height:auto;}
.pro_sec ul li				{ width:46%; padding:0 37px 30px 0;}
.pro_sec ul li.inner_mobile		{ padding-right:0;}


.home_prod ul li			{ width:29.3%; padding:0 28px 30px 0;}
.home_prod ul li.mobile_padd	{ padding-right:0;}
.home_prod ul li em			{ font-size:19px; line-height:20px;}
.home_prod ul li.padd_mobie		{ padding-right:0;}
.pro_sec ul li p			{ width:100%; text-align:left; font-size:15px;}
.pro_sec ul li.mobile_sec	{ padding-right:0;}
.pro_sec ul li.no_padd		{ padding:0;}
.pro_sec ul li.no_pad03		{ padding:0 37px 30px 0 !important;}
.pro_sec ul li.no_pad02		{ padding-right:0;}

.managent_sec h3			{ font-size:30px; line-height:35px; text-align:center;}
.managent_sec a				{ display:block; text-align:center; margin:0 auto;}
.ft_menu ul li					{ padding:3px 9px;}
.ft_menu ul li a				{ font-size:17px;}
.inner_cont						{ padding:108px 0 65px;}
.inner_cont p					{ text-align:center;}

.get_text						{ width:90%; margin:0 auto; float:none;}
.get_today span.calculate_sec		{ display:block; text-align:center; margin:20px auto 0;}
#header span.logo a img				{ width:100%; height:auto;}
#header span.logo					{ width:40%; margin:0 auto; float:none;}
.right_nav_sec						{ width:75%; clear:both; margin:10px auto 0; float:none;}
.navigation	                        { display:none;}
.cell_navigation	                { display:block; padding:0; right:0; left:0; top:-180px;}
.right_nav_sec em.tell					{ text-align:center; line-height:32px; font-size:28px; padding:0 0 9px;}
.right_nav_sec span.get_bttn			{ float:none; margin:0 auto; padding:8px 0;}
.empoloye_sec h2						{ font-size:27px;}
.top_product i.pro						{ font-size:33px;}
.banner ul li img						{ width:100%; height:auto;}
#header									{ padding:13px 0 0;}
.footer_content						    { padding:42px 0;}
.logo_sec								{ float:none; width:58%; margin:0 auto; padding:0 0 20px 0;}
.logo_sec span.window_text				{ padding:10px 0 0 0; width:156px; font-size:13px; line-height:17px;}
.empoloye_sec							{ padding:38px 0;}
.tell_no								{ padding:2px 0 0 0;}

.banner_content						{ top:36%; left:25%; right:25%;}
.banner_content span				{ font-size:21px; line-height:25px;}

}

@media (max-width: 767px) {
	.btn-home-banner {
		position: relative;
		bottom: 0px;
		margin: 18px 0 0;
	}

	/* Add this to make the button smaller */
	.btn-home-banner a {
		font-size: 12px;
		padding: 6px 12px;
	}
	/* Update these inside your media queries in responsive.css */
	/* Hide the slider title on mobile devices */
	.banner_content {
		display: none !important;
	}
}

@media (max-width: 767px) {
	/* ... existing styles ... */
}

@media ( max-width:567px)
{
    .home_prod ul li{ width:100%; padding:0 28px 30px 28px;}
}



/*----mobile view------*/
@media ( max-width:480px){
.composite_doors .sell_bttn{text-align: center;}    
body	{}
.left_container	{ width:100%; margin-bottom:10px;}
.right_container	{ width:100%;}
.container			{ width:95%; margin:0 auto;}
.pro_sec ul li i img		{ width:94%; height:auto;}
.pro_sec ul li				{ width:50%; margin:0 auto; float:none; padding:0;}
.home_prod ul li			{ width:100%; padding:0 20px 0 0; min-height:auto; float:left;}
.home_prod ul li.two_padd01	{ padding-right:0;}
.home_prod ul li.last_padd	{ padding-right:0;}
.home_prod					{ padding:30px 0 0 0;}

.managent_sec h3			{ font-size:26px; line-height:30px; text-align:center;}
.managent_sec a				{ display:block; text-align:center; margin:0 auto;}
.get_text h4				{ font-size:40px; line-height:42px; text-align:center;}
.get_text					{ width:100%; float:none; margin:0 auto;}
.get_text p					{ width:100%; text-align:center;}
.get_today span.calculate_sec	{ display:block; text-align:center; padding:20px 0 0;}
.social_icon ul li				{ padding:0 7px;}
.ft_menu ul li					{ padding:3px 9px;}
.ft_menu ul li a				{ font-size:15px;}
#header span.logo a img				{ width:100%; height:auto;}
.right_nav_sec em.tell				{ font-size:20px; line-height:15px;}
.right_nav_sec span.get_bttn		{ width:190px; padding:4px 0;}
.right_nav_sec span.get_bttn a		{ font-size:17px; line-height:20px;}
.top_product span.sell_bttn			{  margin:0 auto; display:block; width:70%; float:none;}
.empoloye_sec h2					{ text-align:center; margin:0 auto; display:block;}
#header span.logo					{ width:43%;}
.home_prod ul li.new_pd			    { padding:0 20px 0 0;}
.home_prod ul li em					{ text-align:center;}
.pro_sec ul li p					{ text-align:center; padding:10px 0 12px 0;}
.home_prod ul li p					{ padding:0;}
.footer_content						{ padding:42px 0;}
.top_product i.pro					{ display:block; text-align:center;}
.empoloye_sec						{ padding:18px 0 25px;}
.pro_sec ul li em					{ padding:20px 0 0; text-align:center;}
.logo_sec span.window_text			{ margin:0 auto; width:52%; text-align:center; display:block; line-height:14px; font-size:11px;}
.banner								{ padding:37% 0 0 0;}
.right_nav_sec						{ width:95%; margin:0 auto;}
.cell_navigation ul li {
	padding: 3px 10px 5px;
	border-bottom: 1px solid #ddd;
}
.cell_navigation ul li a			{ font-size:15px; text-transform: uppercase;}
.tell_no							{ padding:10px 0 0 0;}
.logo_sec							{ float:left; width:80%; margin:0 auto; padding:0;}
.cell_navigation					{ top:-118px;}
.cell_navigation ul li ul.sub-menu li a		{ font-size:15px;}

/*.banner_content						{ top:30%; left:25%; right:25%;}*/
	.banner_content span				{ font-size:21px; line-height:25px;}

	.banner {
			/* Increase from 37% to 230px to clear the fixed header */
			padding: 185px 0 0 0;
		}

	.banner {
		margin-bottom: 0 !important;
	}

	.banner .bx-wrapper {
		margin-bottom: 0 !important;
	}

	.title_sec h1 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.empoloye_sec {
		padding-top: 20px !important;
	}
}

@media ( max-width:320px){
.banner							{ padding:215px 0 0;}	
.logo_sec							{ width:50%;}
#header span.logo					{ float:none; margin:0 auto; width:100%;}
.logo_sec							{ padding:0; width:50%; float:none;}
.logo_sec span.window_text			{ width:100%;}
.cell_navigation					{ top:-164px;}
	
}

.empoloye_sec p img {
    max-width:100% !important;
    height:auto !important;
}