@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


.container01{ width:1120px; margin:0 auto; text-align:center; position: relative;}

#fab_ban{ height:1015px; background-color:#FF6600;  overflow:hidden;}
.doorFrame{  position:absolute; top:390px; left:90px; opacity:1; display:block;}
.window{ width:269px; height:267px; position:absolute; top:440px; left:40px; display:block;}
.chair{ width:190px; height:220px; position:absolute; top:710px; right:37px; display:block;}
.fab_tit{ width:545px; height:284px; position:absolute; top:90px; left:270px; display:block;}
.louver{ width:170px; height:130px; position:absolute; top:300px; left:900px; display:block;}
.hanler{ width:136px; height:136px; position:absolute; top:450px; left:780px; display:block;}
.cylinder{ width:185px; height:193px; position:absolute; top:690px; left:-70px; display:block;}
.plasmtxt{ width:294px; height:58px; position:absolute; top:660px; left:130px; display:block;}
.louvrtxt{ width:257px; height:73px; position:absolute; top:420px; left:950px; display:block;}
.buildParkng{ width:180px; height:126px; position:absolute; top:540px; left:420px; display:block; overflow:hidden;}
.car_fab{ width:162px; height:90px; position:absolute; top:630px; left:441px; display:block; overflow:hidden;}



/*.doorFrame img{ animation-name:doorFrame; -moz-animation-name:doorFrame; -webkit-animation-name:doorFrame; animation-delay:0s; -moz-animation-delay:0s; -webkit-animation-delay:0s; animation-duration:2.5s; -moz-animation-duration:2.5s; -webkit-animation-duration:2.5s;}

.buildParkng img{ animation-name:buildParkng; -moz-animation-name:buildParkng; -webkit-animation-name:buildParkng; animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}

.car_fab img{ animation-name:car_fab; -moz-animation-name:car_fab; -webkit-animation-name:car_fab; animation-delay:2s; -moz-animation-delay:2s; -webkit-animation-delay:2s; animation-duration:2s; -moz-animation-duration:2s; -webkit-animation-duration:2s; opacity:0;}

.window img{ animation-name:windFrame;  -moz-animation-name:windFrame; -webkit-animation-name:windFrame;  animation-delay:0s; -moz-animation-delay:0s; -webkit-animation-delay:0s; animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s;}
.chair img{ animation-name:chairFrame;  -moz-animation-name:chairFrame; -webkit-animation-name:chairFrame;  animation-delay:2s; -moz-animation-delay:2s; -webkit-animation-delay:2s;  animation-duration:2s; -moz-animation-duration:2s; -webkit-animation-duration:2s; opacity:0;}

.fab_tit img{ animation-name:titFrame;  -moz-animation-name:titFrame; -webkit-animation-name:titFrame;  animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}

.louver img{ animation-name:louver;  -moz-animation-name:louver; -webkit-animation-name:louver;  animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}

.hanler img{ animation-name:hanler;  -moz-animation-name:hanler; -webkit-animation-name:hanler;  animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}


.cylinder img{ animation-name:cylinder;  -moz-animation-name:cylinder; -webkit-animation-name:cylinder;  animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}

.plasmtxt img{ animation-name:plasmtxt;  -moz-animation-name:plasmtxt; -webkit-animation-name:plasmtxt;  animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}

.louvrtxt img{ animation-name:louvrtxt;  -moz-animation-name:louvrtxt; -webkit-animation-name:louvrtxt;  animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s;  animation-duration:3s; -moz-animation-duration:3s; -webkit-animation-duration:3s; opacity:0;}*/




.doorFrame img, .window img, .chair img, .fab_tit img, .louver img, .hanler img, .cylinder img, .plasmtxt img, .louvrtxt img, .buildParkng img, .car_fab img{
	animation-name:doorFrame; -moz-animation-name:doorFrame; -webkit-animation-name:doorFrame; animation-delay:0s; -moz-animation-delay:0s; -webkit-animation-delay:0s; animation-duration:2.5s; -moz-animation-duration:2.5s; -webkit-animation-duration:2.5s;

animation-timing-function:ease-Out;

animation-iteration-count:1;
animation-direction:alternate;
animation-play-state:running;
animation-fill-mode: forwards;

    /* Firefox: */


-moz-animation-timing-function:ease-Out;

-moz-animation-iteration-count:1;
-moz-animation-direction:alternate;
-moz-animation-play-state:running;
-moz-animation-fill-mode: forwards;

/* Safari and Chrome: */


-webkit-animation-timing-function:ease-Out;

-webkit-animation-iteration-count:1;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
-webkit-animation-fill-mode: forwards;

 -webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;   

}

/*-----doorFrame-----*/
@keyframes doorFrame {
0%   {
-webkit-transform:  scale(5.0);
-moz-transform:  scale(5.0);
-o-transform:  scale(5.0) translateY(50px);}

100% {
-webkit-transform: scale(1.0) skew(0deg) translateY(0px);
-moz-transform: scale(1.0) skew(0deg) translateY(0px);
-o-transform: scale(1.0) skew(0deg) translateY(0px);}}

@-moz-keyframes doorFrame /* Firefox */
{0%   {
-moz-transform:  scale(5.0) translateY(50px);}

100% {
-moz-transform:  scale(1.0) translateY(0px);}}

@-webkit-keyframes doorFrame{ /* Safari and Chrome */

0%   {
-webkit-transform:  scale(5.0) translateY(50px);}

100% {
-webkit-transform:  scale(1.0) translateY(0px);}}

/*-----doorFrame-----*/



/*-----windowFrame-----*/
@keyframes windFrame {
0%   {
-webkit-transform:  scale(5.0) translateX(-250px);;
-moz-transform:  scale(5.0) translateX(-250px);;
-o-transform:  scale(5.0) translateX(-250px);}

100% {
-webkit-transform: scale(1.0) skew(0deg) translateX(0px);
-moz-transform: scale(1.0) skew(0deg) translateX(0px);
-o-transform: scale(1.0) skew(0deg) translateX(0px);}}

@-moz-keyframes windFrame /* Firefox */
{0%   {
-moz-transform:  scale(5.0) translateX(-250px);}

100% {
-moz-transform:  scale(1.0) translateX(0px);}}

@-webkit-keyframes windFrame{ /* Safari and Chrome */

0%   {
-webkit-transform:  scale(5.0) translateX(-250px);}

100% {
-webkit-transform:  scale(1.0) translateX(0px);}}

/*-----windowFrame-----*/

/*-----buildParkng-----*/
@keyframes buildParkng {
0%   {
opacity: 0;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1)}
}
50%   {
opacity: 1;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);}
}


100% {
opacity: 1;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);}
}

@-moz-keyframes buildParkng /* Firefox */
{0%   {
opacity: 0;
-moz-transform: scale(0.1);}

50%   {
opacity: 1;
-moz-transform: scale(0.1);}

100% {
opacity: 1;
-moz-transform: scale(1.0);}
}



@-webkit-keyframes buildParkng{ /* Safari and Chrome */

0%   {
opacity: 0;
-webkit-transform: scale(0.1);}

50%   {
opacity: 1;
-webkit-transform: scale(0.1);}

100% {
opacity: 1;
-webkit-transform: scale(1.0);}
}

/*-----buildParkng-----*/

/*-----car_fab-----*/
@keyframes car_fab {

	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-o-transform: translateX(200px);}
	}
	
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-o-transform: translateX(200px);}
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);}
	}

}



@-moz-keyframes car_fab {

	0% {
		opacity: 0;
-moz-transform: ttranslateX(200px);
	}
	
	
	60% {
		opacity: 1;
-moz-transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
-moz-transform: translateX(0px);
	}

}



@-webkit-keyframes car_fab {

	0% {
		opacity: 0;
-webkit-transform: translateX(200px);
	}
	
	
	60% {
		opacity: 1;
-webkit-transform: translateX(200px);
	}
	
	100% {
		opacity: 1;
-webkit-transform: translateX(0px);
	}

}
/*-----car_fab-----*/




/*-----chairanm-----*/
@keyframes chairFrame {
0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(250px) translateY(150px);
-moz-transform: scale(3.0) translateX(250px) translateY(150px);
-o-transform: scale(3.0) translateX(250px) translateY(150px);}
}
50%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(250px) translateY(150px);
-moz-transform: scale(3.0) translateX(250px) translateY(150px);
-o-transform: scale(3.0) translateX(250px) translateY(150px);}
}


100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);
-moz-transform: scale(1.0) translateX(0px) translateY(0px);
-o-transform: scale(1.0) translateX(0px) translateY(0px);}
}

@-moz-keyframes chairFrame /* Firefox */
{0%   {
opacity: 0;
-moz-transform: scale(3.0) translateX(250px) translateY(150px);}

50%   {
opacity: 1;
-moz-transform: scale(3.0) translateX(250px) translateY(150px);}

100% {
opacity: 1;
-moz-transform: scale(1.0) translateX(0px) translateY(0px);}
}



@-webkit-keyframes chairFrame{ /* Safari and Chrome */

0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(250px) translateY(150px);}

50%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(250px) translateY(150px);}

100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);}
}

/*-----chairanm-----*/


/*-----fab_tit-----*/
@keyframes titFrame {

	0% {
		opacity: 0;
		-webkit-transform: translateY(-300px);
-moz-transform: translateY(-300px);
-o-transform: translateY(-300px);}
	}
	
	
	60% {
		opacity: 0;
		-webkit-transform: translateY(-300px);
-moz-transform: translateY(-300px);
-o-transform: translateY(-300px);}
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);}
	}

}



@-moz-keyframes titFrame {

	0% {
		opacity: 0;
-moz-transform: translateY(-300px);
	}
	
	
	60% {
		opacity: 0;
-moz-transform: translateY(-300px);
	}
	
	100% {
		opacity: 1;
-moz-transform: translateY(0px);
	}

}



@-webkit-keyframes titFrame {

	0% {
		opacity: 0;
-webkit-transform: translateY(-300px);
	}
	
	
	60% {
		opacity: 0;
-webkit-transform: translateY(-300px);
	}
	
	100% {
		opacity: 1;
-webkit-transform: translateY(0px);
	}

}
/*-----fab_tit-----*/


/*-----louver-----*/
@keyframes louver {

	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);}
	}
	
	
	40% {
		opacity: 1;
		-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);}
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);}
	}

}



@-moz-keyframes louver {

	0% {
		opacity: 0;
-moz-transform: ttranslateX(2000px);
	}
	
	
	40% {
		opacity: 1;
-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
-moz-transform: translateX(0px);
	}

}



@-webkit-keyframes louver {

	0% {
		opacity: 0;
-webkit-transform: translateX(2000px);
	}
	
	
	40% {
		opacity: 1;
-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
-webkit-transform: translateX(0px);
	}

}
/*-----louver-----*/


/*-----hanler-----*/
@keyframes hanler {

	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);}
	}
	
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-o-transform: translateX(2000px);}
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);}
	}

}



@-moz-keyframes hanler {

	0% {
		opacity: 0;
-moz-transform: ttranslateX(2000px);
	}
	
	
	20% {
		opacity: 1;
-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
-moz-transform: translateX(0px);
	}

}



@-webkit-keyframes hanler {

	0% {
		opacity: 0;
-webkit-transform: translateX(2000px);
	}
	
	
	20% {
		opacity: 1;
-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
-webkit-transform: translateX(0px);
	}

}
/*-----hanler-----*/



/*-----cylinder-----*/
@keyframes cylinder {
0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);
-o-transform: scale(3.0) translateX(-250px) translateY(150px);}
}
50%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);
-o-transform: scale(3.0) translateX(-250px) translateY(150px);}
}


100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);
-moz-transform: scale(1.0) translateX(0px) translateY(0px);
-o-transform: scale(1.0) translateX(0px) translateY(0px);}
}

@-moz-keyframes cylinder /* Firefox */
{0%   {
opacity: 0;
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);}

50%   {
opacity: 1;
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);}

100% {
opacity: 1;
-moz-transform: scale(1.0) translateX(0px) translateY(0px);}
}



@-webkit-keyframes cylinder{ /* Safari and Chrome */

0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);}

50%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);}

100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);}
}

/*-----cylinder-----*/


/*-----plasmaTxt-----*/
@keyframes plasmtxt {
0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);
-o-transform: scale(3.0) translateX(-250px) translateY(150px);}
}
30%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);
-o-transform: scale(3.0) translateX(-250px) translateY(150px);}
}


100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);
-moz-transform: scale(1.0) translateX(0px) translateY(0px);
-o-transform: scale(1.0) translateX(0px) translateY(0px);}
}

@-moz-keyframes plasmtxt /* Firefox */
{0%   {
opacity: 0;
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);}

30%   {
opacity: 1;
-moz-transform: scale(3.0) translateX(-250px) translateY(150px);}

100% {
opacity: 1;
-moz-transform: scale(1.0) translateX(0px) translateY(0px);}
}



@-webkit-keyframes plasmtxt{ /* Safari and Chrome */

0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);}

30%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(-250px) translateY(150px);}

100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);}
}

/*-----plasmaTxt-----*/

/*-----louvrtxt-----*/
@keyframes louvrtxt {
0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(1000px) translateY(150px);
-moz-transform: scale(3.0) translateX(1000px) translateY(150px);
-o-transform: scale(3.0) translateX(1000px) translateY(150px);}
}
40%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(1000px) translateY(150px);
-moz-transform: scale(3.0) translateX(1000px) translateY(150px);
-o-transform: scale(3.0) translateX(1000px) translateY(150px);}
}


100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);
-moz-transform: scale(1.0) translateX(0px) translateY(0px);
-o-transform: scale(1.0) translateX(0px) translateY(0px);}
}

@-moz-keyframes louvrtxt /* Firefox */
{0%   {
opacity: 0;
-moz-transform: scale(3.0) translateX(1000px) translateY(150px);}

40%   {
opacity: 1;
-moz-transform: scale(3.0) translateX(1000px) translateY(150px);}

100% {
opacity: 1;
-moz-transform: scale(1.0) translateX(0px) translateY(0px);}
}



@-webkit-keyframes louvrtxt{ /* Safari and Chrome */

0%   {
opacity: 0;
-webkit-transform: scale(3.0) translateX(1000px) translateY(150px);}

40%   {
opacity: 1;
-webkit-transform: scale(3.0) translateX(250px) translateY(150px);}

100% {
opacity: 1;
-webkit-transform: scale(1.0) translateX(0px) translateY(0px);}
}

/*-----louvrtxt-----*/


#pre_fab{ margin:0 auto; padding:0; text-align:center; background-color:#FFF; padding:50px 0 50px 0;}
.cntntArrw{ width:100%; margin-bottom:50px; background: url(../titusimpex-images/devid_bullt.png) top center no-repeat; height:36px;}

#projects_fab{ background: url(../titusimpex-images/fabBuild_img.jpg) no-repeat; height: auto; padding:50px 0 50px 0 !important;}


#expertse{ margin:0 auto; padding:0; background:#FFF; height: auto; padding:30px 0 0 0;}
.linesTtl{ font-family:'florencesans_blackregular'; font-size:48px; color:#373737; line-height:50px; text-align:center;}

.exprt_list ul{ padding:50px 20px 0 20px;}
.exprt_list ul li{ height: auto; display:block; background:url(../titusimpex-images/lines_list_bullt.png) top left no-repeat; text-align:left; padding:0px 0 10px 40px; margin-bottom:10px; border-bottom:#d7d7d7 1px solid;}
.exprt_list ul li{ font-size:24px; color:#373737; line-height:36px; font-family: 'proxima_novaregular';}



@media screen and (min-width: 1366px) and (max-width:1440px) {

#fab_ban{ height:800px;}
.doorFrame{ top:260px;}
.fab_tit{ top:45px; width:450px; height:234px;}
.window{ top:310px;}
.chair{ top:560px;}
.louver{ top:190px;}
.hanler{ top:320px;}
.cylinder{ top:600px;}
.plasmtxt{ top:530px;}
.louvrtxt{ top:290px;}
.buildParkng{ top:410px; left:405px;}
.car_fab{ top:500px;}


}


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



}




@media screen and (max-width: 1024px){
.container01{	width:100%; padding:0 20px 0 20px;}

#fab_ban{ height:800px;}
.doorFrame{ top:260px; left:60px;}
.fab_tit{ top:45px; width:450px; height:234px;}
.window{ top:310px;}
.chair{ top:560px;}
.louver{ top:190px;}
.hanler{ top:320px;}
.cylinder{ top:600px;}
.plasmtxt{ top:530px;}
.louvrtxt{ top:290px;}
.buildParkng{ top:410px;}
.car_fab{ top:500px; left:411px;}

}


@media screen and (max-width: 768px){
#fab_ban{ height:550px;}
.doorFrame{ top:200px;}
.doorFrame img{ width:600px; height: auto;}

.window{ width:150px; height: auto; top:250px; left:100px;}
.window img{ width:150px; height: auto;}

.chair{ width:110px; height:127px; top:390px; right:7%;}

.fab_tit{ width:280px; height:146px; top:80px; left:30%;}

.louver{ width:90px; height:39px; top:200px; left:80%;}

.hanler{ width:80px; height:80px; top:260px; left:65%;}

.cylinder{ width:120px; height: auto; top:390px; left:25px;}

.plasmtxt{ width:100px; height:20px; top:330px; left:5%;}

.louvrtxt{ width:257px; height:73px; position:absolute; top:420px; left:950px; display:none;}

.buildParkng{ width:80px; height: auto; top:330px; left:42%;}

.car_fab{ width:100px; height: auto; top:360px; left:327px;}


	
}


@media only screen 
and (min-width : 412px) 
and (max-width : 414px){
	.container01{ width:100%;}
.doorFrame{ top:220px; left:-15px;}
.doorFrame img{ width:600px; height: auto;}

.window{ width:150px; height: auto; top:250px; left:10px;}
.window img{ width:120px; height: auto;}

.chair{ width:110px; height:127px; top:400px; right:2%;}

.fab_tit{ width:280px; height:146px; top:80px; left:18%;}

.louver{ width:90px; height:39px; top:200px; left:92%;}

.hanler{ width:80px; height:80px; top:260px; left:75%;}

.cylinder{ width:120px; height: auto; top:390px; left:3px;}

.plasmtxt{ width:100px; height:20px; top:330px; left:5%;}

.louvrtxt{ width:257px; height:73px; position:absolute; top:420px; left:950px; display:none;}

.buildParkng{ width:80px; height: auto; top:310px; left:41%;}

.car_fab{ width:90px; height: auto; top:340px; left:156px;}
	
}

@media only screen 
and (min-width : 213px) 
and (max-width : 380px){
.doorFrame{ top:230px; left:-5%;}
.doorFrame img{ width:350px; height:274px;}

.window{ width:100px; height:99px; top:250px; left:0%;}
.window img{ width:100px; height:99px;}

.chair{ width:110px; height:127px; top:390px; right:2%;}

.fab_tit{ width:280px; height:146px; top:80px; left:10%;}

.louver{ width:90px; height:39px; top:200px; left:80%;}

.hanler{ width:80px; height:80px; top:260px; left:65%;}

.cylinder{ width:100px; height:104px; top:390px; left:-40px;}

.plasmtxt{ width:100px; height:20px; top:330px; left:5%;}

.louvrtxt{ width:257px; height:73px; position:absolute; top:420px; left:950px; display:none;}

.buildParkng{ width:65px; height:46px; top:300px; left:33%;}

.car_fab{ width:50px; height:28px; top:340px; left:40%;}

}


@media only screen 
and (min-width : 213px) 
and (max-width : 560px){

.container01{ width:100%;}

#fab_ban{ height:550px;}

.clntTxt16{ padding:0 20px; text-align:left;}

#projects_fab{ background: #333333 none;}
.whtcntnt24{ font-size:18px; line-height:24px; font-weight:normal; padding:0 20px; text-align:left;}

#expertse{ height: auto;}


}