/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
.top_menu {
	
	font: 			80% candara, arial, Georgia, serif;
	padding:				7px;
	
}

.top_social{
	
	padding-top:			5px;
}

.social_menu_size{
	
	background-size: 		80% auto;
	margin-right:			3px;
}



/* Styles */

}/* CSS Document */





@media screen and (min-width: 530px) {
/* This is for the positioning of the Close Link */
.popUp_Box_style { 
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:					75%;  
    width: 					75%; 
	margin: 				-17.5% 0 0 -37.5%; 
    background:				#FFFFFF;  
    left: 					50%;
    top: 					50%;
    z-index:				100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */     
	    
    /* additional features, can be omitted */
    border:					2px solid #313130;      
    padding:				15px;  
    font-size:				15px;  
    -moz-box-shadow: 		0 0 5px #313130;
    -webkit-box-shadow: 	0 0 5px #313130;
    box-shadow: 			0 0 5px #313130;
	
	
    
}
.popUp_box_scroll{

	overflow-y:				auto;
	height:					100%;  
    width: 					100%; 
	float:					left;
}
.popUp_Box_style p{
	
	font-size:		150%;
	font-weight:	bold;
	line-height:	20px;
	color:			#333;
	
	
		
}
.popUp_Box_style .popUp_box_para{
	line-height:    22px;
	font-weight:	normal;
	font-size:		110%;
}

/* This is for the positioning of the Close Link */
.popupBoxClose {
    font-size:15px;  
    line-height:15px;  
    right:45px;  
    top:5px;  
    position:absolute;  
    color:#313130;  
    font-weight:bold;  
	cursor:   pointer;  
	background-color:	#fff;  
	padding:3px;
}

/*===============================================pop up product===================================================== */

.pop_item_desc{
	
	width:						45%;
	height:						auto;
	margin:						auto;
	padding:					10px;
	float:						left;
	text-align:					center;
	font-size:					120%;
	font-weight:				bold;
		
	
}
.pop_item_desc p{
	line-height:				20px;
	padding:					10px 0 10px 0;
	border-bottom:				#333 thin solid;
	border-top:					#333 thin solid;
		
}
.pop_desc_algn li{

	line-height:			   40px;
	font-size:				   100%;
	list-style:					circle;
	list-style-position:		inside;
	text-align:					left;
		
}
.pop_item_img{
	
	width:						50%;
	min-height:					100px;
	margin:						auto;
	float:						right;
	background-position:		center;
	background-image:			url(images/bg_scroll2.gif);
	background-repeat:			no-repeat;
	border:						#333 solid thin;
		
}
.pop_item_img p{

	width:						100%;
	text-align:					center;
	margin:						auto;
	margin-top:					5px;
	margin-bottom:				5px;
	line-height:				30px;
	

}
.pop_item_img img{
	width:						100%;
	height:						auto;

}




}

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

.popUp_Box_style { 
   
    height:70%;  
    width: 75%; 
	margin: -18.5% 0 0 -37.5%; 

}

.pop_item_desc{
	
	font-size:			120%;
}	
	
}
@media screen and (max-width: 1300px) {

.popUp_Box_style { 
   
    height:68%;  
    width: 75%; 
	margin: -19.5% 0 0 -37.5%; 

}

.pop_item_desc{
	
	font-size:			110%;
}


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

.popUp_Box_style { 
   
    height:68%;  
    width: 75%; 
	margin: -20.5% 0 0 -37.5%; 

}

.pop_item_desc{
	
	font-size:			100%;
}
}
@media screen and (max-width: 1100px) {

.popUp_Box_style { 
   
    height:68%;  
    width: 75%; 
	margin: -21.5% 0 0 -37.5%; 

}

.pop_item_desc{
	
	font-size:			115%;
}



.popUp_Box_style p{
	font-size:		115%;	
}


.pop_desc_algn li{
	font-size:			105%;	
	line-height:		20px;
}


.pop_item_desc p{
	line-height:		15px;
	padding:			7px 0 7px 0;
	font-size:			115%;
}

}

@media screen and (max-width: 990px) {
.lft_sec{
	max-width:					310px;
	margin-left:				10px;
	
}
.rgt_sec{
	max-width:					550px;
	margin-right:				10px;
	
}
/*==========================code for pop up window===================*/

.popUp_Box_style { 
   
    height:66%;  
    width: 75%; 
	margin: -22.5% 0 0 -37.5%; 
	font-size:		100%;

}
.pop_item_desc{
	
	font-size:			110%;
}



.popUp_Box_style p{
	font-size:		110%;	
}


.pop_desc_algn li{
	font-size:			100%;	
	line-height:		20px;
}


.pop_item_desc p{
	line-height:		15px;
	padding:			6px 0 6px 0;
	font-size:			110%;
}


}


@media screen and (max-width: 950px) {
 your font  style goes here

.company_name{
	
	font-size:					170%;	
	margin-top:			    	10px;		
	
	}
	
.lft_sec{
	max-width:					310px;
	
}
.rgt_sec{
	max-width:					500px;
	
}
/*=================================================product================================*/

.prd_items{
	width:					270px;
	
	
}
.prd_img{
	width:				260px;
	height:				180px;
	
	
}

/*==========================code for pop up window===================*/

.popUp_Box_style { 
   
    height:66%;  
    width: 75%; 
	margin: -22.5% 0 0 -37.5%; 

}
.pop_item_desc{
	
	font-size:			100%;
}


.popUp_Box_style p{
	font-size:		100%;	
}


.pop_desc_algn li{
	font-size:			95%;	
	line-height:		20px;
}


.pop_item_desc p{
	line-height:		15px;
	padding:			6px 0 6px 0;
	font-size:			100%;
}
}
/*==================================================contact us===========================================================*/



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

.company_name{
	
	font-size:					170%;
	margin-top:			    	10px;		
	
	}
	
	
nav#nav-main li {
    
	padding-right:  		7px;

}

nav#nav-main a {
	padding-right: 			10px;
	padding-left:  			10px;
}

.lft_sec{
	max-width:					300px;
	
}
.rgt_sec{
	max-width:					400px;
	
}	




/*==================================================product===========================================================*/
.prd_items{
	width:				230px;
	
	
}
.prd_img{
	width:				220px;
	height:				180px;
	
	
}

.prd_img img{
	width:				100%;

	
}

/*==========================code for pop up window===================*/

.popUp_Box_style { 
   
    height:66%;  
    width: 75%; 
	margin: -22.5% 0 0 -37.5%; 

}
.pop_item_desc{
	
	font-size:			88%;
}

.popUp_Box_style p{
	font-size:		100%;	
}


.pop_desc_algn li{
	font-size:			88%;	
	line-height:		15px;
}


.pop_item_desc p{
	line-height:		14px;
	padding:			5px 0 5px 0;
	font-size:			90%;
}


}
@media screen and (max-width: 750px) {
.company_name{
	
	font-size:				 170%;	
	margin-top:			     10px;
	}

nav#nav-main li {
    
	padding-right:			 3px;

}
nav#nav-main ul {

	font-size:         		110%;


}
nav#nav-main a {
	padding-right: 			10px;
	padding-left:  			10px;
}

.lft_sec{
	max-width:					300px;
	
}
.rgt_sec{
	max-width:					300px;
	
}

/*==================================================Product details===========================================================*/

.prd_items{
	width:				47%;
	
	
}
.prd_img{
	width:				98%;
	height:				180px;
	overflow:			hidden;
	
}

.prd_img img{
	width:				100%;

	
}

/*=======================pop up box style ==========================*/

.popUp_Box_style { 
   
    height:66%;  
    width: 75%; 
	margin: -18.5% 0 0 -37.5%; 
	

}
.popUp_Box_style p{
	font-size:		100%;	
}

.pop_item_desc{
	
	font-size:			85%;
}

.pop_desc_algn li{
	font-size:			85%;	
	line-height:		15px;
}


.pop_item_desc p{
	line-height:		10px;
	padding:			3px 0 3px 0;
	font-size:			80%;
}
.top_sec{
	
	
	font-size:					120%;
}

}

@media screen and (max-width: 650px) {
.company_name{
	
	font-size:					150%;	
	margin-top:			    	10px;
	}
.logo_img {
	
	width:					180px;	
}
.logo_img img{
	width:					180px;
	height:					auto;
}

nav#nav-main li {
    
	padding-right:			 1px;

}
nav#nav-main ul {

	font-size:         		100%;


}
nav#nav-main a {
	padding-right: 			8px;
	padding-left:  			8px;
}
.cap_align{
	font-size:				100%;
}
.cap_1{
	font-size:				87%;	
}

.lft_sec{
	max-width:					600px;
	
}
.lft_sec .lft_ul {
	
	margin:					auto;
	max-width:				300px;
	
		
}

.rgt_sec{
	max-width:					600px;
	
}


ul.tabs li{

	
	min-width:					50px;
		
	padding: 					7px;
	line-height:				10px;
	font-size:					14px;
	
}

/*=======================pop up box style ==========================*/
.popUp_Box_style{
	
	font-size:			80%;
	
}
.pop_desc_algn li{
	font-size:			90%;	
	line-height:		20px;
}
.pop_item_desc{
	
	width:				100%;
	font-size:			130%;
	margin:				auto;
}

.pop_item_desc p{
	line-height:		10px;
	padding:			3px 0 3px 0;
	font-size:			80%;
}
.pop_item_img{
	display:			none;	
}
.top_sec{
	
	
	font-size:					100%;
}

}
@media screen and (max-width: 530px) {
.company_name{
	
	display:				none;
	
	
	}
.logo_img{
	width:					210px;
	float:					none;
	margin:					auto;
	padding-bottom:			0px;
}
.logo_img img{
	width:					210px;
	height:					auto;
	
}
#light_bg{
	padding:				0px;
}
  #nav-trigger {
    display: 				block; }

  nav#nav-main {
    display: 				none; }

  nav#nav-mobile {
    display: 				block; }
	
	
	
/*----------------------------------------middle content--------------------------------------------*/	
	
.heading{
 font-size:					170%;	
}
.heading_desc{
	font-size:				130%;	
}



/*----------------------------------------about us content--------------------------------------------*/	

.lft_sec{
	max-width:				500px;	
}
/*----------------------------------------map content--------------------------------------------*/	

#map_style{
	
	
	height:						270px;
	width:						100%;
	
}
#gmap_canvas {
	height:						280px;
	width:						100%;
	
	
}

.proj_pg {
	margin:						auto;
	text-align:					center;	
}
.proj_pg img{
	
	width:						360px;
	margin-right:				20px;
	margin-left:				10px;
	float:						none;
	
							
								
}
.slide_Box_style {
	display: none;	
	width:	 91%;
	min-height:  200px;
	font-size:			80%;
	margin:	 auto;
	 border:1px solid;      
    padding:15px;  
      
    -moz-box-shadow: 0 0 5px;
    -webkit-box-shadow: 0 0 5px;
    box-shadow: 0 0 5px;
	background:#FFFFFF;
	position:	relative;
	overflow:	hidden;
	
}
.popupBoxClose {
    font-size:12px;  
    line-height:12px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#313130;  
    font-weight:bold;  
	cursor:   pointer; 
	background-color:	#fff;
	
}
/*=======================pop up box style ==========================*/

.slide_desc_algn p{
	text-align:					center;
}
.slide_desc_algn li{
	font-size:			90%;	
	line-height:		15px;
	list-style:					circle;
	text-align:					left;
}

.slide_item_desc{
	
	width:						100%;
	font-size:					130%;
	margin:						auto;	
	height:						auto;
	margin:						auto;
	padding:					5px;
	float:						left;
	text-align:					center;	
	font-weight:				bold;
}

.slide_item_desc p{
	
	line-height:				10px;
	padding:					3px 0 3px 0;
	font-size:					80%;
	border-bottom:				#333 thin solid;
	border-top:					#333 thin solid;
}


/*==================================================Product details===========================================================*/

.prd_items{
	width:				98%;
	
	
	
}
.prd_img{
	width:				98%;
	height:				220px;
	overflow:			hidden;
	
}

.prd_img img{
	width:				100%;

	
}
/* tab menu  */

ul.tabs li{

	
	min-width:					30px;
		
	padding: 					5px;
	line-height:				10px;
	font-size:					12px;
	
}
	
}
@media screen and (max-width: 480px) {
 .company_name{
	
	display:				none;	
	}


.logo_img{
	width:					190px;
	float:					none;
	margin:					auto;
	padding-bottom:			0px;
}
.logo_img img{
	width:					190px;
	height:					auto;
	
}

/*----------------------------------------drop down menu--------------------------------------------*/

#light_bg{
	padding:				0px;
}
  #nav-trigger {
    display: 				block; }

  nav#nav-main {
    display: 				none; }

  nav#nav-mobile {
    display: 				block; }
/*----------------------------------------middle content--------------------------------------------*/	
	
.heading{
 font-size:					160%;	
}
.heading_desc{
	font-size:				120%;	
}
/*----------------------------------------project link--------------------------------------------*/	

.prj_desc {
	font-size:				90%;	
}
.prj_desc_h{
	font-size:				140%;	
	

}
.prj_img{
	
	width:					250px;	
}


.proj_pg img{
	
	max-width:					240px;
	
}
.p_align{
	
	font-size:					120%;	
}
/*----------------------------------------product_img--------------------------------------------*/	
.prd_img{
	width:				96%;
	height:				220px;
	overflow:			hidden;
	
}


.popUp_Box_style { 
   
  display:		none;

}
	
.slide_Box_style {
	
	width:	 89%;
	
}
ul.tabs li{

	
	min-width:					10px;
		
	padding: 					3px;
	line-height:				8px;
	font-size:					10px;
	font-weight:				normal;
	border-top-left-radius: 	5px 5px;
	border-top-right-radius: 	5px 5px;
	border: 					#999 2px solid;
	border-bottom-color:		#999;
	
	
}

}
@media screen and (max-width: 380px) {
.company_name{
	
	display:				none;		
	
	}

.prd_img{
	width:				94%;
	height:				200px;
	overflow:			hidden;
	
}


.slide_Box_style {

	width:	 85%;
	
}	
	
}
@media screen and (max-width: 320px) {
 .company_name{
	
	display:				none;	
	
	}

.logo_img{
	width:					170px;
	float:					none;
	margin:					auto;
	padding-bottom:			0px;
}
.logo_img img{
	width:					170px;
	height:					auto;
	
}
/*----------------------------------------drop down menu--------------------------------------------*/

#light_bg{
	padding:				0px;
}
  #nav-trigger {
    display: 				block; }

  nav#nav-main {
    display: 				none; }

  nav#nav-mobile {
    display: 				block; }	

/*----------------------------------------middle content--------------------------------------------*/	
.heading{
 font-size:					120%;	
}
.heading_desc{
	font-size:				100%;	
}

.clnt_img img {
	
	height:					40px;	
	
}

/*----------------------------------------product_img--------------------------------------------*/	
.prd_img{
	width:				92%;
	height:				170px;
	overflow:			hidden;
	
}

/*==========================code for pop up window===================*/



.slide_Box_style {

	width:	 81%;
	
}




}