/*==========================================*/


#faded {
	width:960px;
	height:401px;
	float:left;
	position:relative;
	margin: 0px 0 0 0;
	background:url(../images/slide-bg.jpg) 0 0 no-repeat;
	z-index: 1;
}

:first-child+html
#faded {
	margin: -3px 0 0 0;
}
a {
	outline:0;
	border:0;
}
#faded div {
	height: 330px;
	overflow: hidden; background:url(../images/ban-shadow.png) no-repeat center bottom; padding-bottom:54px; 
}
#faded div img {
	padding: 0px 0 0 0; *padding: 3px 0 0 0; border:solid 8px #fff; background:#fff;
}

ul.pagination {
	list-style:none;
	padding: 10px 0 13px 33px; overflow: hidden;
	margin: -15px auto 0;
	z-index:2;
	/*position:absolute;
	bottom:0; *bottom:5px;*/
	background:url(../images/ban-paging-bg.png) no-repeat left top;
	/*left: 405px;*/
	width: 155px;
}
ul.pagination li {
	position:relative;
	float:left;
	padding-right: 0px;
	font-size: 0;
	line-height: 0;
}
ul.pagination li a {
	display:block;
	color:#f00;
	text-decoration: none;
	width: 25px;
	height: 25px;
	background:url(../images/paginati.jpg) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
ul.pagination li.current a {
	left:0px;
	color:#fff;
	display:block;
	background:url(../images/paginatj.jpg) 0 0 no-repeat;
	color: #000000;
}
ul.pagination li.last a {
	display: none;
}

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */


.submenu {
height:245px;
width:198px;
margin-bottom:-173px;
margin-top:-72px;
margin-left:149px;
position:relative;
z-index:1000;
background:url(../images/submenu.jpg) no-repeat;
}

/*#faded img
{	
	position:inherit !important;	
}*/



@media (max-width: 980px) {

#faded{width:100%!important; height: 385px; }
#faded img{height: 93%; width: 98% !important;}
ul.pagination{/*left: 384px; bottom: -18px;*/ margin: 18px auto 0 auto;}
#faded div{padding-bottom:130px;}


}

@media (max-width: 800px) {
#faded{height: 325px; width:100%!important;}
ul.pagination{/*left: 292px;*/ margin: 10px auto 0;}
.innpagetitle {margin-top:20px;}
.second-links{width:100%;}
.for-facebook{width:40%; margin-right:10px;}
.for-facebook img{width:100%;}
.last-link{width:auto; display:inline-block; float:none; padding-left:0;}
}

@media (max-width: 768px) {
#faded img{width: 97% !important;}
}

@media (max-width: 600px) {
#faded{height: 312px;}	
ul.pagination{margin: 28px auto 0;}
.innpagetitle {margin-top:55px;}
.innpagetitle img{width:80%;}
}

@media (max-width: 480px) {
#faded {height: 239px; width: 95% !important;}
#faded div {padding-bottom: 26px;}
.main-mobile-menu{width:95%; margin-top:3px;}
ul.pagination{/*left: 127px; bottom: 0;*/ margin: 11px auto 0;}
#content-part {padding: 20px 10px 20px 10px; width:90%; text-align:center;}
.for-gallery-image {display:inline-block; float:none; margin-bottom:20px;}
.two-gallery-image{display:inline-block; float:none; margin-bottom:20px;}
}

@media (max-width: 360px) {
ul.pagination{left: 62px;}
#faded img {width: 95% !important;}
#content-part h1{width:100%; text-align:center;}
#content-part h1 img{width:40%;}
.for-truck{width:70%; padding:0; margin-bottom:15px;}
.new-truck{width:70%; padding:0;}
.solution-two{width:70%;}
.for-facebook{width:20%;}
.last-link{font-size:10px;}
.last-link span {
    padding: 0 4px;
}
.copy-right{font-size:10px;}
#select-part{background-position: center 92px;}
}


}