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

.wrap {
	width:98%
}


}


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


.footer-menu{width:100%;}
.angies-list{width:100%; margin-top:15px;}
.social-block{width:100%; margin-top:15px;}

}


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

/*=================== top section ==================*/
aside.top-title {margin-left:0px;width:60%; padding-left:0; text-align:right;}
.top-title-text {font-family: 'universcondensed'; font-size:30px; color:#21548e; line-height:30px;}


/*================================================================	contact pages  ================================================================*/

.contact-block{width:100%;}
.form-block{width:60%;padding-left:5%;}
.contact-info{width:28%;}
.form-top{font-size:30px; line-height:30px; }
.form-middle{width:90%; padding:5%; }
.form-field{width:100%; padding-top:10px;}
.inputbox1{padding:3%; width:94%; margin-top:10px;}
.inputbox2{padding:3%; width:94%; margin-top:10px;}
.inputbox3{padding:3%; width:94%; margin-top:10px;}
.inputbox4{padding:3%; width:94%; margin-top:10px; height:100px;}
.form-field span{padding-left:0;}

.form-field-select{width:100%; float:left;}
.form-field-select2{width:100%; float:left;}
}



@media screen and (max-width:768px) {
nav ul li {
	width:100%;
}
nav{
	 width:100%;
	 float:left;
	 position:relative;
	 text-align:center;
	}


nav ul li{ display:block; width:100%; background:#72bd44; color:#FFF; margin-bottom:1%; border-radius:10px;float:left;  }
	nav ul li a{ color:#FFF; display:block; text-decoration:none; width:100%; padding:5px 0px 5px 0px; text-align:center; float:left; }
		nav ul li a:hover{ color:#FFF; background-color:#72bd44; border-radius:10px; }
		
.lihoverclass{
display: block;
background:#72bd44; 
color:#FFF; 
margin-bottom:1%; 
border-radius:10px;
}

/*1st sub level menu*/
nav ul li ul{
position:relative !important;
margin-top:0px !important;
top:0px !important;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;width:100% !important;
}

nav ul li ul li{ color:#FFFFFF; padding:0 3%; position:relative; width:94% !important; float:left; border-radius:0px; }

	 
/* Sub level menu links style */
nav ul li ul li a{
margin-top:0px !important;
padding:1% 5% 1% 5% !important;
position:relative; width:90% !important;;

}

nav ul li ul li a:hover{color:#231815; background-color:#FFF; border-radius:0px;}




aside.top-title {
	margin-top:20px;
	width:54%;
	text-align:center;
	
	
}
.top-title-text {font-family: 'universcondensed'; font-size:25px; color:#21548e; line-height:25px;}
aside.tel-button {
	width:100%;
	text-align:center
}

/*=================== footer section ==================*/


.carblock{background-color:#2a2a2a; padding:5px; margin-top:10px; float:left;}


}

@media screen and (max-width:650px) {
/*=================== top section ==================*/



/*=================== footer section ==================*/
.carblock{margin-top:10px;}


/*=================== sumery section ==================*/

.companyDetails{width:98%; padding:1%}
.video{width:100%; margin-top:10px; }
.video .prepand{text-align:center; width:100%}

/*=================== project section ==================*/
.category-block{
		padding-top:20px;
		padding-bottom:15px;
}

.category{
		width:46%;
		padding-right:2%;
		padding-top:3%;
		
		
}
.category h2{font-family: 'universcondensed'; font-size:25px; color:#21548e; line-height:25px;}
.category .align{text-align:center}



/*================================================================	contact pages  ================================================================*/

.contact-block{width:100%;}
.form-block{width:100%;padding-left:0;}
.contact-info{width:100%; margin-top:10px;}

.form-top{font-size:25px; line-height:25px; }
.contact-info h2{font-size:25px; line-height:25px; }
.contact-text1{font-size:20px; line-height:20px; }
.contact-text2{font-size:14px; line-height:14px;}
.contact-text3{font-size:14px;  }



}


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

/*=================== top section ==================*/

p{font-size:14px;}
.text{font-size:14px;}
.read-details{font-size:14px;}
.read-details a{font-size:14px;;}


aside.logo {text-align:center; width:100%;}
aside.top-title {width:100%;text-align:center;}
.top-title-text {font-family: 'universcondensed'; font-size:25px; color:#21548e; line-height:25px;}

aside.tel-button {
	width:100%;
	float:right;
	position:relative;
	padding-top:20px;
	text-align:center;
}
aside.tel-button img{width:30%; }



/*=================== summery section ==================*/
#about-full {padding:15px 0;}
#content-full {padding:15px 0;}

.companyDetails h2{font-family: 'universcondensed'; font-size:25px; color:#21548e; line-height235px;}
.companyDetails h2 .sub{font-size:20px; color:#212121; line-height:20px;}
.companyDetails  .prepand1{margin-top:15px;}
.video h2{font-size:25px;line-height:25px;}
.video .prepand{margin-top:15px;}

/*=================== project section ==================*/
.category{
		width:100%;
		padding-right:0%;
		padding-top:3%;	
		
}
.category h2{font-family: 'universcondensed'; font-size:25px; color:#21548e; line-height:25px;}
.category .align{text-align:center}


/*=================== footer section ==================*/

.footer-menu{width:100%;}
.angies-list{width:270px; margin-top:20px;}
.social-block{width:270px; margin-top:20px; float:left;}

/*================================================================
				sub pages
================================================================*/

#content-full h1{font:17px 'universcondensed';  color:#68b200; font-size:25px; line-height:25px;}
/*================================================================	FAQ pages  ================================================================*/
.content{
		width:100%;
		float:left;
		position:relative;	
		padding-top:25px;
	
}

.content h2{font:17px 'universcondensed';  color:#21548e; font-size:20px; line-height:20px;}
.question{font:17px 'universcondensed';  color:#68b200; font-size:20px; line-height:20px;}

.content .prepand1{margin-top:20px;}

/*================================================================	services pages  ================================================================*/
.product-title{font-size:15px; line-height:15px;}

/*================================================================	contact pages  ================================================================*/
.form-top{font-size:20px; line-height:20px; }
.contact-info h2{font-size:20px; line-height:20px; }
.contact-text1{font-size:17px; line-height:17px; }
.contact-text2{font-size:14px; line-height:14px;}
.contact-text3{font-size:14px;  }

/*================================================================	attic system pages  ================================================================*/
.system-image{width:96%; padding:2%; margin-top:5px; }
.system-image.prepand{margin-right:0}

.submit input{width:100%;}

/*================================================================	ventilation pages  ================================================================*/
.gallery-details{width:96%;}




}



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




}