@charset "utf-8";
#portfolio{
    font: gradyent;
    padding: 70px;
    background-color: white;
    
}
h3{
    font-size: 25px;
}

#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:100px;
    margin:0 auto;
}

#portfolio .portfolio-item .portfolio-caption{
    max-width:300px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 15px;
}
.img-fun{width: 100px;
position: relative;
    margin:0 auto;
     display:block;
}
.portfolio-caption1{
    font-size: 20px;
    padding-bottom: 25px;
    text-align-last: center;
     background-color:#fff;
    padding:10px;
}
#portfolio *{z-index:2}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (min-width: 481px) and (max-width: 1000px){
    
    h3{
    font-size: 25px;
}
    .hr2{
    color: black;
    background-color: black;
    height: 2px;
        width: 300px;
   
}
.sys{
    padding: 30px;
}
 #img-responsive{
	  display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
      height: 200px;       
}
#portfolio{
    font: gradyent;
    padding: 70px;
    background-color: white;
}
section{padding:50px 0} 
section h2.section-heading{font-size:30px;margin-top:0;margin-bottom:15px}
section h3.section-subheading{font-size:16px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px}
.service-heading{margin:15px 0;text-transform:none}
#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:250px;
    margin:0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
    background:rgba(38, 120, 255, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
#portfolio .portfolio-item .portfolio-caption{
    
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 15px;
}
.portfolio-caption1{
    font-size: 20px;
    padding-bottom: 20px;
    text-align-last: center;
     background-color:#fff;
    padding:25px;
}
#portfolio .portfolio-item .portfolio-caption h4{
    text-transform:none;
    margin:0
}
#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}
#portfolio *{z-index:2}    
    
  #portfolio .portfolio-item{margin:0 0 50px}  
    
    
   .software{
     color: black;
    font-size: 17px;
    background: #ffffff;
    padding: 2px;
}

}
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

 h3{
    font-size: 20px;
}
.hr2{
    color: black;
    background-color: black;
    height: 2px;
   
}
.sys{
    padding: 1px;
}

#portfolio{
    font: gradyent;
    padding: 50px;
    background-color: white;
}

#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:250px;
    margin:0 auto;
}

#portfolio .portfolio-item .portfolio-caption{
    max-width:300px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 16px;
}
.portfolio-caption1{
    font-size: 23px;
    padding-bottom: 25px;
    text-align-last: center;
     background-color:#fff;
    padding:10px;
}
#portfolio *{z-index:2}
    

    .software{
     color: black;
    font-size: 14px;
    background: #ffffff;
    padding: 5px;
}
.facebook{
    
}
   
    
}