@charset "utf-8";
/* CSS Document */


@media only screen and (max-width: 959px) and (min-width: 933px) {
	
	
	
	.effects .imgbig1{
		width:48.7%;
		height:95.5%;
	}
	
	.effects .imgbig2{
		width:49.7%;
		height:46.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:47.5%;
	}
	
	
	.effects .imgbig1right{
		width:48.7%;
		height:95.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:47.53%;
	}
	
}
@media only screen and (max-width: 932px) and (min-width: 900px) {
	
	.effects .imgbig1{
		width:48.7%;
		height:93.5%;
	}
	
	.effects .imgbig2{
		width:49.7%;
		height:45.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:46.5%;
	}
	
	
	.effects .imgbig1right{
		width:48.7%;
		height:93.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:46.53%;
	}
	
}



@media only screen and (max-width: 1325px) and (min-width: 1266px) {
	.container{
		width:80%;
		}
		.flex-direction-nav .flex-next{
		right:-39px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-40px !important;
		}
}
@media only screen and (max-width: 1265px) and (min-width: 1085px) {
	.container{
		width:85%;
		}
		.flex-direction-nav .flex-next{
		right:-39px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-40px !important;
		}
}
@media only screen and (max-width: 1084px) and (min-width: 1055px) {
	.container{
		width:90%;
		}
		.flex-direction-nav .flex-next{
		right:-39px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-40px !important;
		}
}
@media only screen and (max-width: 1054px) and (min-width: 965px) {
	.container{
		width:90%;
		}
		.flex-direction-nav .flex-next{
		right:-44px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-44px !important;
		}
}

@media only screen and (max-width: 964px) and (min-width: 900px) {
	.container{
		width:93%;
		}
		.flex-direction-nav .flex-next{
		right:-32px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-32px !important;
		}
		
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:126px !important;
		z-index:9999;
		}		
}

@media only screen and (max-width: 899px) and (min-width: 830px) {
	.container{
		width:87%;
		}
		
	.flex-direction-nav .flex-next{
		right:-40px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-40px !important;
		}
		
		
	.effects .imgbig1{
		width:47.7%;
		height:78.5%;
	}
	
	
	.effects .imgbig2{
		width:49.7%;
		height:38.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:38.5%;
	}
	
	
	.effects .imgbig1right{
		width:47.7%;
		height:78.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:38.53%;
		float:left;
	}	
	.flex-direction-nav a{
		top:35% !important;
		}
   .imgbig2 p.expand{
		top:0px !important;
		}
	.imgbig2 p.expand.text {
		top:38% !important;
		}
			
    .imgsmall1 p.expand_s{
		top:0px !important;
		line-height:22px;
		}
	 .imgsmall1 p.expand_s.text{
		 top:33% !important;
		 }	
	.imgsmall1 p.expand_s.text2{
		 top:15% !important;
		 }		 
		
	.imgsmall1 p.expand{
		top:0px !important;	
	}
	
	#effect-6 .imgbig2right p.expand{
		top:10px !important;
		}
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:140px !important;
		z-index:9999;
		}	
}



@media only screen and (max-width: 829px) and (min-width: 790px) {
	
	
	.container{
		width:92%;
		}
	.flex-direction-nav .flex-next{
		right:-30px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-30px !important;
		}
	.effects .imgbig1{
		width:47.7%;
		height:78.5%;
	}
	
	
	.effects .imgbig2{
		width:49.7%;
		height:38.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:38.5%;
	}	
	
	
	.effects .imgbig1right{
		width:47.7%;
		height:78.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:38.53%;
		float:left;
	}	
	.flex-direction-nav a{
		top:35% !important;
		}
   .imgbig2 p.expand{
		top:0px !important;
		}
	.imgbig2 p.expand.text {
		top:38% !important;
		}
			
    .imgsmall1 p.expand_s{
		top:0px !important;
		line-height:22px;
		}
	 .imgsmall1 p.expand_s.text{
		 top:33% !important;
		 }	
	.imgsmall1 p.expand_s.text2{
		 top:15% !important;
		 }		 
		
	.imgsmall1 p.expand{
		top:0px !important;	
	}
	
	#effect-6 .imgbig2right p.expand{
		top:10px !important;
		}	
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:126px !important;
		z-index:9999;
		}		
	
}
@media only screen and (max-width: 3000px) and (min-width: 741px) {
#mobile .nav{display:none !important;}
}
@media only screen and (max-width: 789px) and (min-width: 778px) {
	
	
	.container{
		width:92%;
		}
	.flex-direction-nav .flex-next{
		right:-30px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-30px !important;
		}
	.effects .imgbig1{
		width:47.7%;
		height:73.5%;
	}
	
	
	.effects .imgbig2{
		width:49.7%;
		height:36.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:36.5%;
	}	
	
	
	.effects .imgbig1right{
		width:47.7%;
		height:73.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:36.53%;
		float:left;
	}	
	.flex-direction-nav a{
		top:35% !important;
		}
   .imgbig2 p.expand{
		top:0px !important;
		}
	.imgbig2 p.expand.text {
		top:38% !important;
		}
			
    .imgsmall1 p.expand_s{
		top:0px !important;
		line-height:22px;
		}
	 .imgsmall1 p.expand_s.text{
		 top:33% !important;
		 }	
	.imgsmall1 p.expand_s.text2{
		 top:15% !important;
		 }		 
		
	.imgsmall1 p.expand{
		top:0px !important;	
		line-height:27px;
	}
	
	#effect-6 .imgbig2right p.expand{
		top:10px !important;
		}
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:130px !important;
		z-index:9999;
		}		
	
}


@media only screen and (max-width: 777px) and (min-width: 748px) {
	.container{
		width:90%;
		}
		
		.flex-direction-nav .flex-next{
		right:-30px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-30px !important;
		}
		
		.effects .imgbig1{
		width:47.7%;
		height:73.5%;
	}
	
	
	.effects .imgbig2{
		width:49.7%;
		height:36.53%;
	}
	
	.effects .imgsmall1{
		width:48.23%;
		height:36.5%;
	}	
	
	
	.effects .imgbig1right{
		width:47.7%;
		height:73.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:36.53%;
		float:left;
	}	
	.flex-direction-nav a{
		top:35% !important;
		}
   .imgbig2 p.expand{
		top:0px !important;
		font-size:14px;
		line-height:27px;
		}
	.imgbig2 p.expand.text {
		top:38% !important;
		font-size:14px;
		}
			
    .imgsmall1 p.expand_s{
		top:0px !important;
		line-height:22px;
		font-size:14px;
		}
	 .imgsmall1 p.expand_s.text{
		 top:33% !important;
		 font-size:14px;
		 }	
	.imgsmall1 p.expand_s.text2{
		 top:15% !important;
		 font-size:14px;
		 }		 
		
	.imgsmall1 p.expand{
		top:0px !important;	
		line-height:27px;
		font-size:14px;
	}
	
	#effect-6 .imgbig2right p.expand{
		font-size:14px;
		top:10px !important;
		}
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:130px !important;
		z-index:9999;
		}	
	
	
	.img_desc{
		top:100%;
		left:40%;
		}
	
}


@media only screen and (max-width: 747px) and (min-width: 720px) {
	.container{
		width:92%;
		}
		
		.flex-direction-nav .flex-next{
		right:-29px !important;
		}
	.flex-direction-nav .flex-prev {
		left:-29px !important;
		}
		
		.effects .imgbig1{
		width:47.7%;
		height:73.5%;
	}
	
	
	.effects .imgbig2{
		width:49.7%;
		height:36.53%;
	}
	
	.effects .imgsmall1{
		width:24.5%;
		height:36.5%;
	}	
	
	
	.effects .imgbig1right{
		width:47.7%;
		height:73.5%;
	}
	
	.effects .imgbig2right{
		width:49.7%;
		height:36.53%;
		float:left;
	}	
	.flex-direction-nav a{
		top:35% !important;
		}
   .imgbig2 p.expand{
		top:0px !important;
		font-size:14px;
		line-height:27px;
		}
	.imgbig2 p.expand.text {
		top:38% !important;
		font-size:14px;
		}
			
    .imgsmall1 p.expand_s{
		top:0px !important;
		line-height:22px;
		font-size:14px;
		}
	 .imgsmall1 p.expand_s.text{
		 top:33% !important;
		 font-size:14px;
		 }	
	.imgsmall1 p.expand_s.text2{
		 top:15% !important;
		 font-size:14px;
		 }		 
		
	.imgsmall1 p.expand{
		top:0px !important;	
		line-height:27px;
		font-size:14px;
	}
	
	#effect-6 .imgbig2right p.expand{
		font-size:14px;
		top:10px !important;
		}
	#fdw nav ul li ul.sub_menu li ul.sub_menu2{
		left:130px !important;
		z-index:9999;
		}	
	
	.img_desc{
		top:120% !important;
		left:40% !important;
		}
	
	
	.content_project .details .rightrail{
		width:100% !important;
		}
	.content_project .details .description{
		width:100% !important;
		}	
	
}


@media only screen and (max-width: 3000px) and (min-width: 720px) {
	  .content_second_slider{
		display:none;
		}
		.content_third_slider{
		display:none;
		}
}
@media only screen and (max-width: 719px) and (min-width: 620px) {
	
		
	   .content_first_slider{
		display:none;
		}	
		.content_second_slider{
		display:block;
		}
		.content_third_slider{
		display:none;
		}
		
		.content_project .details .rightrail{
		width:100% !important;
		}
	.content_project .details .description{
		width:100% !important;
		}
}

@media only screen and (max-width: 619px) and (min-width: 100px) {
	
		
	   .content_first_slider{
		display:none;
		}	
		.content_second_slider{
		display:none;
		}
		.content_third_slider{
		display:block;
		}
		
		
		.content_project .details .rightrail{
		width:100% !important;
		}
	.content_project .details .description{
		width:100% !important;
		}
}

@media only screen and (max-width: 719px) and (min-width: 650px) {
	
	 .container{
		width:90%;
		}
		
		
	
}

@media only screen and (max-width: 719px) and (min-width: 690px) {
	
	.effects .imgbig1{
		width:48.7%;
		height:47.5%;
	 }
	
	.img_desc{
		top:180% !important;
		left:26% !important;
		}
		.flex-direction-nav .flex-next{
		right:-32px !important;
		}
	  .flex-direction-nav .flex-prev {
		left:-32px !important;
		}
	   .imgbig1	p.expand{
			top:10% !important;
			}
	
}

@media only screen and (max-width: 689px) and (min-width: 670px) {
	.effects .imgbig1{
		width:48.7%;
		height:47.5%;
	}
	.img_desc{
		top:170% !important;
		left:15% !important;
		}
		.flex-direction-nav .flex-next{
		right:-32px !important;
		}
	  .flex-direction-nav .flex-prev {
		left:-32px !important;
		}
	   .imgbig1	p.expand{
			top:10% !important;
			}
	
}
@media only screen and (max-width: 669px) and (min-width: 650px) {
	.effects .imgbig1{
		width:48.7%;
		height:47.5%;
	}
	.img_desc{
		top:170% !important;
		left:12% !important;
		}
		.flex-direction-nav .flex-next{
		right:-32px !important;
		}
	  .flex-direction-nav .flex-prev {
		left:-32px !important;
		}
	  .imgbig1	p.expand{
			top:10% !important;
			}
	
}
@media only screen and (max-width: 649px) and (min-width: 620px) {
	  .container{
		width:88%;
		}
	  .effects .imgbig1{
		width:48.7%;
		height:47.5%;
	   }
	  .img_desc{
		top:170% !important;
		left:6% !important;
		}
		.flex-direction-nav .flex-next{
		right:-35px !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-35px !important;
		
		}
	   .imgbig1	p.expand{
			top:10% !important;
			line-height:25px;
			}
	
}


@media only screen and (max-width: 619px) and (min-width: 570px) {
	.effects .imgbig1{
		width:98%;
		height:88%;
	   }
	   
	   .flex-direction-nav .flex-next{
		right:-35px !important;
		top:40% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-35px !important;
		top:40% !important;
		
		}
	
	 .img_desc{
		top:180% !important;
		left:-33% !important;
		}
	
}


@media only screen and (max-width: 569px) and (min-width: 541px) {
	
	  .effects .imgbig1{
		width:98%;
		height:88%;
	   }
	   .img_desc{
		top:150% !important;
		left:-13% !important;
		width:400px !important;
		height:480px !important;
		}
		.flex-direction-nav .flex-next{
		right:-40px !important;
		top:40% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-40px !important;
		top:40% !important;
		
		}
		
	   .footer .footer1{float:left !important; padding:0px !important; }
	   .footer .footer2{float:left !important; padding:0px !important;}
}

@media only screen and (max-width: 540px) and (min-width: 530px) {
	.effects .imgbig1{
		width:98%;
		height:84%;
	   }
	   .img_desc{
		top:150% !important;
		left:-13% !important;
		width:400px !important;
		height:480px !important;
		}
	
	 .flex-direction-nav .flex-next{
		right:-40px !important;
		top:40% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-40px !important;
		top:40% !important;
		
		}
			
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
}

@media only screen and (max-width: 529px) and (min-width: 500px) {
	.flexslider{
		height:65% !important;
		}
	
	.effects .imgbig1{
		width:98%;
		height:88%;
	   }
	   .img_desc{
		top:150% !important;
		left:-13% !important;
		width:400px !important;
		height:480px !important;
		}
		
		.flex-direction-nav .flex-next{
		right:-40px !important;
		top:40% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-40px !important;
		top:40% !important;
		
		}
			
		
	  .footer .footer1{float:none !important;padding:2px;text-align:center;}
	  .footer .footer2{float:none !important;padding:2px;text-align:center;}
}  


@media only screen and (max-width: 499px) and (min-width: 470px) {
	.flexslider{
		height:65% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:88%;
	   }
	   .img_desc{
		top:150% !important;
		left:0% !important;
		width:310px !important;
		height:580px !important;
		}
		
		.flex-direction-nav .flex-next{
		right:-40px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-40px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
}
@media only screen and (max-width: 469px) and (min-width: 465px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:365px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 464px) and (min-width: 460px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:360px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 459px) and (min-width: 455px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:355px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 454px) and (min-width: 450px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:350px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 449px) and (min-width: 445px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:345px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 444px) and (min-width: 440px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:340px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 439px) and (min-width: 435px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:335px !important;
		height:530px !important;
		}
}

@media only screen and (max-width: 434px) and (min-width: 430px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:330px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 429px) and (min-width: 425px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:325px !important;
		height:530px !important;
		}
}
@media only screen and (max-width: 424px) and (min-width: 418px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:320px !important;
		height:580px !important;
		}
}
@media only screen and (max-width: 417px) and (min-width: 412px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:315px !important;
		height:580px !important;
		}
}

@media only screen and (max-width: 411px) and (min-width: 406px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:310px !important;
		height:580px !important;
		}
}

@media only screen and (max-width: 405px) and (min-width: 400px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:305px !important;
		height:580px !important;
		}
}

@media only screen and (max-width: 399px) and (min-width: 395px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:300px !important;
		height:580px !important;
		}
}
@media only screen and (max-width: 394px) and (min-width: 390px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:295px !important;
		height:580px !important;
		}
}
@media only screen and (max-width: 389px) and (min-width: 385px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:290px !important;
		height:580px !important;
		}
}
@media only screen and (max-width: 384px) and (min-width: 380px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:285px !important;
		height:580px !important;
		}
}
@media only screen and (max-width: 379px) and (min-width: 375px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:280px !important;
		height:600px !important;
		}
}
@media only screen and (max-width: 374px) and (min-width: 370px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:275px !important;
		height:600px !important;
		}
}

@media only screen and (max-width: 369px) and (min-width: 365px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:270px !important;
		height:600px !important;
		}
}
@media only screen and (max-width: 364px) and (min-width: 360px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:265px !important;
		height:600px !important;
		}
}

@media only screen and (max-width: 359px) and (min-width: 355px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:260px !important;
		height:610px !important;
		}
}
@media only screen and (max-width: 354px) and (min-width: 350px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:255px !important;
		height:620px !important;
		}
}


@media only screen and (max-width: 349px) and (min-width: 345px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:250px !important;
		height:630px !important;
		}
}
@media only screen and (max-width: 344px) and (min-width: 340px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:245px !important;
		height:680px !important;
		}
}


@media only screen and (max-width: 339px) and (min-width: 335px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:240px !important;
		height:680px !important;
		}
}
@media only screen and (max-width: 334px) and (min-width: 330px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:235px !important;
		height:740px !important;
		}
}

@media only screen and (max-width: 329px) and (min-width: 325px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:230px !important;
		height:740px !important;
		}
}
@media only screen and (max-width: 324px) and (min-width: 320px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:225px !important;
		height:750px !important;
		}
}


@media only screen and (max-width: 319px) and (min-width: 315px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:220px !important;
		height:800px !important;
		}
}
@media only screen and (max-width: 314px) and (min-width: 310px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:215px !important;
		height:850px !important;
		}
}
@media only screen and (max-width: 309px) and (min-width: 305px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:210px !important;
		height:850px !important;
		}
}
@media only screen and (max-width: 304px) and (min-width: 300px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:205px !important;
		height:850px !important;
		}
}


@media only screen and (max-width: 299px) and (min-width: 295px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:200px !important;
		height:860px !important;
		}
}
@media only screen and (max-width: 294px) and (min-width: 290px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:195px !important;
		height:930px !important;
		}
}


@media only screen and (max-width: 289px) and (min-width: 285px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:190px !important;
		height:935px !important;
		}
}
@media only screen and (max-width: 284px) and (min-width: 280px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:185px !important;
		height:940px !important;
		}
}

@media only screen and (max-width: 279px) and (min-width: 275px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:180px !important;
		height:960px !important;
		}
}
@media only screen and (max-width: 274px) and (min-width: 270px) {
	.img_desc{
		top:120% !important;
		left:0% !important;
		width:175px !important;
		height:970px !important;
		}
}






@media only screen and (max-width: 469px) and (min-width: 435px) {
	 .container{
		 width:86% !important;
		 }
	 .flexslider{
		height:65% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:88%;
	   }
	   
		.img_desc p{
			line-height:22px;
		}
		
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
}

@media only screen and (max-width: 434px) and (min-width: 400px) {
	 .container{
		 width:85% !important;
		 }
	 .flexslider{
		height:65% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:88%;
	   }
	  
		.img_desc p{
			line-height:22px;
		}
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	
}



@media only screen and (max-width: 399px) and (min-width: 379px) {
	 .container{
		 width:84% !important;
		 }
	 .flexslider{
		height:54% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:96%;
	   }
	  
		.img_desc p{
			line-height:22px;
		}
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	
}


@media only screen and (max-width: 370px) and (min-width: 399px) {
	.logo{
		width:187px;
		}
}

@media only screen and (max-width: 378px) and (min-width: 350px) {
	.logo{
		width:170px !important;
		}
	 .container{
		 width:83% !important;
		 }
	 .flexslider{
		height:54% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:96%;
	   }
	  
		.img_desc p{
			line-height:22px;
		}
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	
}


@media only screen and (max-width: 349px) and (min-width: 320px) {
	.logo{
		width:146px !important;
		}
	 .container{
		 width:83% !important;
		 }
	 .flexslider{
		height:54% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:96%;
	   }
	   
		.img_desc p{
			line-height:22px;
		}
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	
}



@media only screen and (max-width: 319px) and (min-width: 290px) {
	.logo{
		width:110px !important;
		}
	 .container{
		 width:79% !important;
		 }
	 .flexslider{
		height:42% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:96%;
	   }
	   
		.imgbig1	p.expand{
			top:10% !important;
			line-height:25px;
		}
		.flex-direction-nav .flex-next{
		right:-29px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-29px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	
}



@media only screen and (max-width: 289px) and (min-width: 270px) {
	.logo{
		width:120px !important;
		z-index:9999;
		height:35px !important;
		}
	 .container{
		 width:77% !important;
		 }
	 .flexslider{
		height:38% !important;
		}
	.effects .imgbig1{
		width:98%;
		height:96%;
	   }
	  
		.imgbig1	p.expand{
			top:10% !important;
			line-height:22px;
		}
		.flex-direction-nav .flex-next{
		right:-30px !important;
		top:35% !important;
		
		}
	  .flex-direction-nav .flex-prev {
		left:-30px !important;
		top:35% !important;
		
		}
			
		
	.footer .footer1{float:none !important;padding:2px;text-align:center;}
	.footer .footer2{float:none !important;padding:2px;text-align:center;}
	.social{display:none;}
	.social_icons{display:none;}
	.respo_menu{
		top:15px !important;
		z-index:99;
		}
	.toggleMenu{
		margin-right:0px !important;
		}	
}



@media only screen and (max-width: 999px) and (min-width: 900px) {
	.container2{
	margin:0px auto;
	width:77%;
	}	
	
}



/*about style */

@media only screen and (max-width: 1055px) and (min-width: 100px) {
	.about_container{
		width:90% !important;
	}
	.header1{
		width:90% !important;
	}
	/*profile*/
	.mCSB_container_wrapper > .mCSB_container{
		padding-right:0px !important;
	}
}
@media only screen and (max-width: 1055px) and (min-width: 741px) {
	
	.social_icons {
		margin-right:15px !important;
		}
	#fdw{
		right:15px !important;}	
}
@media only screen and (max-width: 740px) and (min-width: 100px) {
	.social_icons {
		margin-right:0px !important;
		}
}


@media only screen and (min-width : 900px) and (max-width : 1024px) {
		.effects .imgbig1{
		width:48% !important;
		height:73.5% !important;
		margin-left:10px !important;
	}
	 
	
	.effects .imgbig2{
		width:47.7% !important;
		height:36.53%;
	}
	
	.effects .first .imgsmall1{
		width:23.5%;
		height:36.5%;
	}	
	
	
	.effects .imgbig1right{
		width:48%;
		height:73.5%;
	}
	
	.effects .imgbig2right{
		width:99%;
		height:36.53%;
		float:left;
	}	
.logo{
	margin-left:13px;
	}
	 .effects .second .imgsmall1 .smleft{
		width:48.5% !important;
		height:36.5%;
		}
		.effects .second .imgsmall1 .smleft2{
		width:48.5% !important;
		height:36.5%;
		}
	.effects .smleft{
		
		
		}
		.second{
			padding-left:10px;
		width:49% !important;float:left;
		}
		
		.effects .imgsmall1{
width:24.09%;
height:50.5%;
float:left;
border:3px solid #fff;
}

.effects  .smleft{
	width:49%;
	border-left:5px solid #fff;
	border-right:0px solid #fff;
	border-top:0px solid #fff !important;
	float:right;
	}
	.effects  .smleft2{
	width:49% !important;
	border:0px solid #fff !important;
	float:right;
	border-right:8px solid #fff !important;
	}
}



@media only screen and (min-width : 720px) and (max-width : 899px) {
		.effects .imgbig1{
		width:48% !important;
		height:73.5% !important;
		margin-left:10px !important;
	}
	 
	
	.effects .imgbig2{
		width:47.7% !important;
		height:36.53%;
	}
	
	.effects .first .imgsmall1{
		width:23.5%;
		height:36.5%;
	}	
	
	
	.effects .imgbig1right{
		width:48%;
		height:73.5%;
	}
	
	.effects .imgbig2right{
		width:99%;
		height:36.53%;
		float:left;
	}	
.logo{
	margin-left:13px;
	}
	 .effects .second .imgsmall1 .smleft{
		width:48.5% !important;
		height:36.5%;
		}
		.effects .second .imgsmall1 .smleft2{
		width:48.5% !important;
		height:36.5%;
		}
	.effects .smleft{
		
		
		}
		.second{
			padding-left:10px !important;
		width:49% !important;float:left;
		}
		
		.effects .imgsmall1{
width:24.09%;
height:50.5%;
float:left;
border:3px solid #fff;
}

.effects  .smleft{
	width:48.5%;
	border-left:5px solid #fff;
	border-right:0px solid #fff;
	border-top:0px solid #fff !important;
	float:right;
	}
	.effects  .smleft2{
	width:48.5% !important;
	border:0px solid #fff !important;
	float:right;
	border-right:8px solid #fff !important;
	}
}












.second{
	width:49%;float:left;
	padding-left:6px;
}
.effects  .smleft{
	border:0px solid #fff;
	border-top:10px solid #fff ;
}
.effects  .smleft2{
	border:0px solid #fff;
	border-top:10px solid #fff;
	border-left:8px solid #fff;
}