@media screen  and (min-width:768px) and (max-width:1023px) {

	.top-sec { width:95%; margin:0 auto;}
	.middle-sec { margin:0 auto; width:100%; margin-top:40px;}
	.middle-left { width:64%;}
	.form-sec { width:27%; float:left;}
	.right-sec { float:none;}
	.mid-shadow { width:100%;}
	.mid-shadow img { width:100%;}
	.content-home { width:100%; }
	#menubar{ width:auto !important; margin:20px 0 0; padding:0px; border:none; float:right; margin-right:7px !important;  }
	#navcon ul li a{padding: 0px 2px; }
	.menu { width:auto !important;}
	#navcon ul li a { padding:0px 0px 0px 6px !important; font-size:12px !important;}
	.call-sec { margin-right:10px;}
	.right-home { width:85%; margin:0 auto; float:none !important;}
	.heading-img { margin-left:2.5%;}
	.product-sec { width:95%; margin:35px auto 0; }
	.product-1 { float:left; margin:0 0px 20px 0; width:50%; text-align:right; }
	.product-2 { float:left; margin:0 0px 20px 25px; width:40%; }
	.product-3 { float:left; margin:0px; width:50%; text-align:right; }
	.product-4 { float:left; margin:0 0px 0px 25px; width:40%; }
	.footer-sec { width:95%; margin:0 auto; }
	.content-sec { width:100%;}
	.right-sec { width:45%; float:left;}
	.form-sec2 {  float:right; margin-right:15px; padding:25px 30px 10px;}
	.calculate-sec { width:100%;}

}
@media screen  and (min-width:481px) and (max-width:767px) {
	
	.logo { width:100%; margin:0 auto; text-align:center; float: none; padding-top:10px;}
	.call-sec { width:54%; margin:0 auto; text-align:center; float:none;}
	.call-sec p { text-align:left;}
	.call-sec a { font-size:3vw;}
	.call-sec span { font-size:3vw;}
	#menubar { background:none; }
	.navigation{ display:none;}
	.navsmall{ display:block !important; background:#000;}
	.navsmall { float: none; margin-right: 0; margin-top:-26px; position: relative; width:auto; z-index: 10000001 !important; }
	.myweb1 { margin:0 auto; clear:both; top:0px; padding:2% !important;}
	.myweb1 img { top:0px !important; position:relative;}
	.webdetails1 { width:98% !important; margin-top:-18px !important;}
	.middle-left { width:100%; margin-bottom:30px;}
	.middle-left img { width:100%; height:100%;}
	.form-sec { float:none; margin:0 auto; clear:both;}
	.mid-shadow { display:none;}
	.content-home { width:100%;}
	.contact-sec { width:97%;}
	.contact-sec span {font-size:4vw;}
	.c1 { font-size:3vw; width:auto;}
	.footer-left { width:auto;}
	.footer-right { width:auto; margin-right:5px;}
	.product-sec { width:95%; margin:35px auto 0; }
	.product-1 { float:left; margin:0px 0px 20px 7%; width:40%; text-align:right; }
	.product-1 img { width:100%;}
	.product-2 { float:left; margin:0 0px 20px 25px; width:40%; }
	.product-2 img { width:100%;}
	.product-3 { float:left; margin:0px 0px 20px 7%; width:40%; text-align:right; }
	.product-3 img { width:100%;}
	.product-4 { float:left; margin:0 0px 0px 25px; width:40%; }
	.product-4 img { width:100%;}
	.right-sec { width:85% !important; margin:0 auto; float:none !important;}
	.heading-img { margin-left:2.5%;}
	.form-sec2 { float:none; margin:0 auto; clear:both; padding:25px 30px 10px; margin-top:20px;}
	.calculate-sec { width:100%;}
	
	
}

@media screen  and (min-width:320px) and (max-width:480px) {

	.logo { width:100%; margin:0 auto; text-align:center; float: none; padding-top:10px;}
	.call-sec { width:69%; margin:0 auto; text-align:center; float:none;}
	.call-sec p { text-align:left;}
	.call-sec a { font-size:4vw;}
	.call-sec span { font-size:4vw;}
	#menubar { background:none; }
	.navigation{ display:none;}
	.navsmall{ display:block !important; background:#000;}
	.navsmall { float: none; margin-right: 0; margin-top:-26px; position: relative; width:auto; z-index: 10000001 !important; }
	.myweb1 { margin:0 auto; clear:both; top:0px; padding:2% !important;}
	.myweb1 img { top:0px !important; position:relative;}
	.webdetails1 { width:98% !important; margin-top:-5px !important;}
	.mid-shadow { display:none; }
	.content-home { width:100%;}
	.contact-sec { width:97%;}
	.contact-sec span {font-size:4vw;}
	.right-home { width:85%; margin:0 auto; float:none !important;}
	.heading-img { display:none;}
	.middle-left { width:98%; margin:0 auto; margin-bottom:50px;}
	.form-sec { float:none; margin:0 auto; clear:both;}
	.product-sec { width:95%; margin:35px auto 0; }
	.product-1 { float:left; margin:0px 0px 20px 7%; width:40%; text-align:right; }
	.product-1 img { width:100%;}
	.product-2 { float:left; margin:0 0px 20px 25px; width:40%; }
	.product-2 img { width:100%;}
	.product-3 { float:left; margin:0px 0px 20px 7%; width:40%; text-align:right; }
	.product-3 img { width:100%;}
	.product-4 { float:left; margin:0 0px 0px 25px; width:40%; }
	.product-4 img { width:100%;}
	.c1 { width:100%; float:none; margin:0 auto; text-align:center;}
	.c2 { width:100%; float:none; margin:0 auto; text-align:center;}
	.footer-block { height:auto; background:url(../images/footer-bg.jpg) repeat; padding:10px 0 0;}
	.footer-left { width:100%; text-align:center; float:none;}
	.footer-right { width:100%; text-align:center; float:none; margin:0 auto; padding-bottom:10px;}
	.footer-sec {background:url(../images/footer-bg.jpg) repeat;}
	.contact-footer { height:auto; padding:10px 0px 10px 0px;}
	.right-sec { width:85% !important; margin:0 auto; float:none !important; padding:0px;}
	.form-sec2 { float:none; margin:0 auto; clear:both; padding:25px 30px 10px;}
	.calculate-sec { width:100%;}
	.images { width:95%;}
	.images ul { text-align:center;}
}

@media screen  and (max-width:768px) {
.top-sec
{
	width:99%; margin:0 auto; padding:0px;
}
#top-inner
{
	width:100%; height:auto; margin:0 auto; background:url(../images/pad-bg.jpg) top center no-repeat #000;
}
.call-sec
{
	padding:25px 0 0;
}
/*.middle-left
{
	width:440px; float:left;
}*/
.mid-shadow
{
	width:100%; height:21px; margin:0px;
}
.mid-shadow img
{
	width:100%;
}
.content-sec
{
	width:100%; margin:60px auto 0;
}
/*.right-home
{
	width:90%; float:none;
}*/
/*.right-sec
{
	width:90%; float:right;
}*/

/*.middle-left { width:65%;}*/
/*.form-sec
{
	float:none; margin:0 auto; clear:both;
}*/
/*.product-sec
{
	width:98%; margin:35px auto 0;
}
.product-1
{
	float:left; margin:0 0px 20px 0; width:50%; text-align:right;
}

.product-2
{
	float:left; margin:0 0px 20px 25px; width:40%; 
}
.product-3
{
	float:left; margin:0px; width:50%; text-align:right;
}
.product-4
{
	float:left; margin:0 0px 0px 25px; width:40%;
}*/
.footer-sec
{
	width:98%; margin:0 auto 0;
}
.banner-left
{
	width:424px; float:left;
}


}
@media screen  and (max-width:640px) {

}

/*@media screen  and (max-width:480px) {

.call-sec
{
	width:310px; float:none; text-align:center; clear:both; margin:0 auto; padding:20px 0 0;
}
.middle-sec
{
	width:auto; margin:25px 0 0;
}
.middle-left
{
	width:460px; float:none; margin:0 auto;
}
.right-sec
{
	width:88%; float:right; padding:0px;
}
.form-sec
{
	float:none; margin:25px auto 0; clear:both;
}
.mid-shadow
{
	width:100%; height:21px; margin:0px; text-align:center;
}
.mid-shadow img
{
	width:70%;
}
.content-sec
{
	width:100%; margin:20px auto 0;
}
.right-home
{
	width:87%; float:right; padding:0 2% 0 0;
}
.product-sec
{
	width:98%; margin:35px auto 0;
}
.product-1
{
	float:none; margin:0 0px 20px 0; width:100%; text-align:center;
}
.product-2
{
	float:none; margin:0 0px 20px 0; width:100%; text-align:center; 
}
.product-3
{
	float:none; margin:0 0px 20px 0; width:100%; text-align:center;
}
.product-4
{
	float:none; margin:0 0px 20px 0; width:100%; text-align:center;
}
.contact-footer
{
	width:100%; height:95px; margin:0px; background:url(../images/contact-bg.jpg) repeat; padding:15px 0 0;
}
.contact-sec
{
	width:98%; margin:0px auto 0;
}
.c1{ width:100%; float:none; text-align:center; padding:0px 0 10px;  }
.c2{ width:100%; float:none; text-align:center;}

.footer-block
{
	width:100%; height:80px; margin:0px; background:url(../images/footer-bg.jpg) repeat-x #000; padding:10px 0 0;
}
.footer-sec
{
	width:98%; margin:0 auto 0;
}
.footer-left
{
	width:100%; float:none; text-align:center; padding:8px 0 0;
}
.footer-right
{
	width:100%; float:none; text-align:center; padding:8px 0 0;
}
.banner-left 
{
	width:100%; float:none; margin:0 auto; padding:11px 0 0;
}
.banner-left img
{
	width:100%;
}
.calculate-sec
{
	width:100%; margin:0px; text-align:left; float:left;
}
}
@media screen  and (max-width:320px) {
.top-sec
{
	width:99%; margin:0 auto; padding:10px 0 0;
}
#top-inner
{
	width:100%; height:auto; margin:0 auto; background:url(../images/pod-bg.jpg) top center no-repeat;
}
.logo
{
	margin:0; float:none; text-align:center;
}
.middle-left
{
	width:300px; float:none; margin:0 auto;
}
.form-sec
{
	float:none; margin:25px auto 0; clear:both; width:240px;
}
.call-sec
{
	width:300px; float:none; text-align:right; margin:0px; padding:20px 0 0;
	font-size:18px; 
}
.contact-footer
{
	width:100%; height:115px; margin:0px; background:url(../images/contact-bg.jpg) repeat; padding:15px 0 0;
}
.mid-shadow img
{
	width:100%;
}
.banner-left 
{
	width:100%; float:none; margin:0 auto; padding:11px 0 0;
}
.banner-left img
{
	width:100%;
}
.calculate-sec
{
	width:100%; margin:0px; text-align:left; float:left;
}
.heading-img
{
	width:10%; float:left; margin:0px;
}
.heading-img img
{
	width:100%;	
}
}*/