#mycarousel{

list-style:none;
}
#mycarousel1{
list-style:none;
}


/*for portfolio homepage*/


.view {
padding:1px ;
   float: left;
   border:none;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
margin:3px 0 21px 0;

}


.view .mask,.view .content {
   width:100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
 
}
.view img {
   position: relative;
width:100%; 


}
.view h5 {

   text-transform: ;
   color: #fff;
   text-align: center;
   position: relative;
   max-height:100%;
   padding: 7px;
   
   margin: 20px 0 0 0;
}
.view p {
   margin:0;
   position: relative;
   color: #333333;
   padding: 21px 0;
   text-align: center;

}
.view a {
  display:inline-block;
width:90px;

}


.view a: hover {
    

}

/*for portfolio homepage end*/




/*for clients*/
.view1 {
  
   float: left;
   border:none;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;
margin:3px 0 21px 0;
  border-radius:4px;
}


.view1 .mask,.view1 .content {
   width:100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;

}
.view1 img {
display:block;
   position: relative;

background:none;
box-shadow:none;
border:none;
}

.view1 a {
    display: inline;
   text-decoration: none;
  
width:auto;
}



.view1 a: hover {

}
/*for clients end*/

/*for portfolio in portfolio pages*/


.view2 {
 
   float: left;
   border:none;
   overflow: hidden;
   position: relative;
   text-align: center;

   cursor: default;


}


.view2 .mask,.view2 .content {
   width:100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;

}
.view2 img {
  border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
   position: relative;
width:100%;

}

.view2 .mask span {
display:block;

}


.view2 a {
margin:21px auto 0 auto;

  display:block;
width:100%;

}


.view2 a: hover {
    
}



/*for portfolio in portfolio pages end*/