nav a#pull {
	display: none;
	}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}

nav ul li.active a{color:#fff; border-radius:0px; margin:0px; padding:8px 0px;}
nav ul li a:hover{ border-radius:0px;}
nav ul li a{ border-radius:0px; border-bottom:1px solid #000000; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#464646;  height:auto; width:auto;text-align:left;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#717174; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}


.header_top_wrapper{ width:95%;}
.header_bottom{ padding:0px;}
.header_bottom_wrapper{ width:100%;}
.header_menu{ width:100%;}
.banner{ width:95%;}
.banner_caption{ width:95%;}
.caption_bar{ width:90%; padding-top:10px;}
.banner img{ height:auto;}



.container_wrapper{ width:95%;}
.contant_left{ width:65%;}
.contant_right{ width:35%;}
.form{ width:70%;}
.input{ width:92%;}
.select{ width:100%;}
.msg{ width:92%;}
.construction h3{ line-height:40px;}
.construction h4{ line-height:40px; padding-bottom:10px;}
.construction p{ line-height:25px; margin-bottom:10px;}
.detail_list ul li{ line-height:25px;}
.facebook{ width:40%;}
.find{ width:100%; padding-top:10px;}
.find_inner{ width:47%;}
.about_left{ width:68%;}
.about_right{ width:30%;}
.about_left h4{ line-height:40px; padding-bottom:15px;}
.about_left p br{ display:none;}
.about_left p{ line-height:22px;}
.about_left p{ margin-bottom:12px;}
.qualified h5{ margin-bottom:10px;}
.qualified{ margin-bottom:10px;}
.qualified ul li br{ display:none;}
.resources h5{ padding:10px 0px;}
.contact h6{ padding-bottom:10px;}
.contact p{ margin-bottom:5px;}
.contact h5{ padding-top:10px;}
.why_left{ width:65%;}
.why_right{ width:30%;}
.why h2{ padding-bottom:0px;}
.why_left h3{ padding-bottom:10px;}
.why_left h4{ margin-bottom:10px;}
.why h3{ padding-bottom:5px;}
.pool p{ margin:5px 0px;}
.br{ margin-bottom:15px !important;}
.today{ padding:5px 0px 5px 30px;}
.today p strong{ margin-bottom:-5px;}
.saftey{ padding:5px 0px 5px 30px;}
.price{ width:100%;}
.price h4{ line-height:40px;}
.why h6{ margin-top:10px;}
.br2{ margin-top:5px !important;}
.footer_wrapper{ width:95%;}
.footer_section{ margin-bottom:10px;}
#menu-main_menu{ height:inherit !important;}
nav ul ul li a{ width:96%; padding:7px 2%;}
nav ul ul{ border:none;}
.inpt_1{ width:51%;}
.cp_img{ width:40%;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}

nav ul li.active a{color:#fff; border-radius:0px; margin:0px; padding:8px 0px;}
nav ul li a:hover{ border-radius:0px;}
nav ul li a{ border-radius:0px; border-bottom:1px solid #000000; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#464646;  height:auto; width:auto;text-align:left;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#717174; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}


.header_top_wrapper{ width:95%;}
.header_bottom{ padding:0px;}
.header_bottom_wrapper{ width:100%;}
.header_menu{ width:100%;}
.banner{ width:95%;}
.banner_caption{ width:95%;}
.caption_bar{ width:90%; padding-top:5px;}
.banner img{ height:200px;}
.callus{ width:71%;}
.logo{ width:28%;}
.arrow{ width:7%;height:auto!important;}
.arrow2{ width:7%;height:auto!important;}
.callus h4{ padding-top:5px;}
.container_wrapper{ width:95%; padding-top:10px; padding-bottom:15px;}
.contant_left{ width:100%; float:inherit; margin-bottom:20px;}
.contant_right{ width:95%; float:inherit; margin:0px auto;}
.form{ width:78%;}
.input{ width:95%;}
.select{ width:100%;}
.msg{ width:92%; min-height:75px;}
.construction h3{ line-height:40px; padding-bottom:10px;}
.construction h4{ line-height:40px; padding-bottom:10px;}
.construction p{ line-height:25px; margin-bottom:10px;}
.detail_list ul li{ line-height:25px;}
.facebook{ width:40%;}
.find{ width:100%; padding-top:10px;}
.find_inner{ width:48%; margin-right:5px;}
label{ margin-bottom:5px;}
.form_inner{ padding-bottom:20px;}
.about_left{ width:68%;}
.about_right{ width:30%;}
.about_left h4{ line-height:40px; padding-bottom:15px;}
.about_left p br{ display:none;}
.about_left p{ line-height:22px;}
.about_left p{ margin-bottom:12px;}
.qualified h5{ margin-bottom:10px;}
.qualified{ margin-bottom:10px;}
.qualified ul li br{ display:none;}
.resources h5{ padding:10px 0px;}
.contact h6{ padding-bottom:10px;}
.contact p{ margin-bottom:5px;}
.contact h5{ padding-top:10px;}
.why_left{ width:65%;}
.why_right{ width:30%;}
.why h2{ padding-bottom:0px;}
.why_left h3{ padding-bottom:10px;}
.why_left h4{ margin-bottom:10px;}
.pool p{ margin:5px 0px;}
.br{ margin-bottom:15px !important;}
.today{ padding:5px 0px 5px 30px;}
.today p strong{ margin-bottom:-5px;}
.saftey{ padding:5px 0px 5px 30px;}
.price{ width:100%;}
.price h4{ line-height:40px;}
.why h6{ margin-top:10px;}
.br2{ margin-top:5px !important;}
.footer_wrapper{ width:95%;}
.registered{ width:100%;}
#menu-main_menu{ height:inherit !important;}
nav ul ul li a{ width:90%; padding:7px 5%;}
nav ul ul{ border:none;}
.cp_img{ width:28%;}
.quick_quote img{ width:95%;}


}




@media only screen and (max-width: 479px) {	
nav{width:100%; margin:0px 0px 0px 0px; text-align:center; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; 
padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13; text-transform:uppercase; text-align:center; font-style:normal;}

nav ul li.active a{color:#fff; border-radius:0px; margin:0px; padding:8px 0px;}
nav ul li a:hover{ border-radius:0px;}
nav ul li a{ border-radius:0px; border-bottom:1px solid #000000; display:block; padding:8px 0px; height:auto; line-height:normal; font-size:14px; 
margin:0px; color:#464646;  height:auto; width:auto;text-align:left;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a; height:40px;}
nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}
nav a#pull {display: block;	width: 100%; position: relative; background:#717174; margin:0px 0 0px 0; color:#fff; 
text-transform:uppercase; font-weight:600; line-height:40px; height:40px;}  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

.header_top_wrapper{ width:95%;}
.header_bottom{ padding:0px;}
.header_bottom_wrapper{ width:100%;}
.header_menu{ width:100%;}
.banner{ width:95%;}
.banner_caption{ width:95%;}
.caption_bar{ width:90%; padding-top:5px;}
.banner img{ height:175px;}
.logo{ width:50%; margin:0px auto;float:inherit;}
.callus{ width:100%; float:inherit;}
.callus h4 a{ font-size:15px;}
.callus h3{ padding-top:10px;}
.callus h4{ padding-top:10px;}
.arrow{ width:8%;height:auto!important;}
.arrow2{ width:8%;height:auto!important;}


.container_wrapper{ width:95%; padding-top:10px; padding-bottom:15px;}
.contant_left{ width:100%; float:inherit; margin-bottom:20px;}
.contant_right{ width:100%; float:inherit;}
.form{ width:75%;}
.input{ width:92%;}
.select{ width:100%;}
.msg{ width:92%; min-height:75px;}
.construction h3{ line-height:40px; padding-bottom:10px;}
.construction h4{ line-height:40px; padding-bottom:10px;}
.construction p{ line-height:25px; margin-bottom:10px;}
.detail_list ul li{ line-height:25px;}
.facebook{ width:40%;}
.find{ width:100%; padding-top:10px;}
.find_inner{ width:48%; margin-right:5px;}
label{ margin-bottom:5px;}
.about_left{ width:100%; float:inherit;}
.about_right{ width:100%; float:inherit; padding-top:10px;}
.about_left h4{ line-height:40px; padding-bottom:15px;}
.about_left p br{ display:none;}
.about_left p{ line-height:22px;}
.about_left p{ margin-bottom:12px;}
.qualified h5{ margin-bottom:10px;}
.qualified{ margin-bottom:10px;}
.qualified ul li br{ display:none;}
.facebook2{ width:45%; padding-top:10px;}
.resources h5{ padding:10px 0px;}
.contact h6{ padding-bottom:10px;}
.contact p{ margin-bottom:5px;}
.contact h5{ padding-top:10px;}
.why_left{ width:100%;float:inherit;}
.why_right{ width:100%;float:inherit;}
.why h2{ padding-bottom:0px;}
.why_left h3{ padding-bottom:10px;}
.why_left h4{ margin-bottom:10px;}
.pool p{ margin:5px 0px;}
.br{ margin-bottom:15px !important;}
.today{ padding:5px 0px 5px 30px;}
.today p strong{ margin-bottom:-5px;}
.saftey{ padding:5px 0px 5px 30px;}
.why h3{ padding-bottom:0px;}
.price{ width:100%;}
.price h4{ line-height:40px;}
.why h6{ margin-top:10px;}
.br2{ margin-top:5px !important;}
.footer_wrapper{ width:95%;}
.registered{ width:100%;}
#menu-main_menu{ height:inherit !important;}
nav ul ul li a{ width:90%; padding:7px 5%;}
nav ul ul{ border:none;}
.callus h3,
.callus h4{ text-align:center;}
.cp_img{ width:30%;}

}


@media only screen and (max-width: 1024px) {
.subclick{
    height: 35px;
	margin: -30px 0 0;
    padding-top: 0px!important;
    position: absolute;
    right: 0;
    text-align: center;
    width: 42px;
	cursor:pointer;	
	}
.subclick:after	{content:url(../images/arrow_drop.png);}
.sub-open .sub-menu	{
	display: block!important;
	background:none !important;
	padding-left:0px;
	}
.sub-menu {
		display: none!important;
		background-color:#353536!important;
		border-top: 0 none;
		padding: 0;
		margin: 0;
		position: relative!important;
		top: 0 !important;
		visibility:inherit!important;
		width: 100%!important;
		height:auto !important;
	}
.nav ul li	{position:relative;}	
.nav ul li a:hover{color:#e34c4c !important;}
}
@media only screen and (min-width: 1025px) {

.nav ul li a
{
transition:margin 1s;
-webkit-transition:margin 1s;
-moz-transition:margin 1s;
-o-transition:margin 1s;
}
.nav ul li a:hover{color:#e34c4c !important;}

}