.box{
    display: block;
    position: relative;
    float: left;
    width: 33.3333%;
    height: 350px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	cursor:pointer;
}
.box.active{
   
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	/*background-size:auto 100% !important;*/
}
.box.notactive{
   
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
/**************************============cllaps Slider===============***********************/
.logoPorInr a {
    margin-top: 34%;
}
.logoPorInr{
	height:415px;	
}
.box{
	overflow:hidden;	
}
.box img{
	width:300%;	
	height:100%;
	transition:none;
}
.box.active img{width:100%;}
.notactive img{width:837px !important;}
.active .activebox{
	display:block;	
}
.activebox{
	display:none;
	z-index:3;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	/*background: -moz-linear-gradient(left,  rgba(255,255,255,0) 7%, rgba(255,255,255,1) 100%);*/ /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(7%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));*/ /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 7%,rgba(255,255,255,1) 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left,  rgba(255,255,255,0) 7%,rgba(255,255,255,1) 100%);*/ /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left,  rgba(255,255,255,0) 7%,rgba(255,255,255,1) 100%);*/ /* IE10+ */
	/*background: linear-gradient(to right,  rgba(255,255,255,0) 7%,rgba(255,255,255,1) 100%);*/ /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );*/ /* IE6-9 */
}

@media (max-width: 767px) {
	.logoPorInr {height: auto; min-height:1px;}
	.logoPorInr a{margin:10px 0;}
}