@media all and (min-width:1100px) {


}

@media all and (min-width:760px) and (max-width:810px){

   

.portfolio-item .hover i {
    left: 37%;
    top: 36px;
}

.post-item .title h2 {
    font-size: 24px;
}
    .portfolio-item{
        width: 320px;
    }
    .avatar img {
        width: 300px;
    }

  
}

@media all and (min-width:811px) and (max-width:1030px){

.info-holder .info-item {

    margin-left: 30px;
}

}
@media all and (min-width:490px) and (max-width:810px){
    .info-holder .info-item {
    display: block;
    margin-left: 0px;
    }

    .content-section{
    width: 95%;
    margin: 0 auto;
}

}

@media all and (min-width:400px) and (max-width:810px){
        #home{
     width: 95%;
     height: 400px;
}
 .blurred{
    
    background-size: 140%;
}
.menu-item a {
   
    font-size: 15px;
    height: 68%;
    
    padding-top: 32%;
   
}

.menu-item.size-big,.menu-item.size-big .outer1,.menu-item.size-big .outer2{

    width:80px;
    height:80px;

}
.menu-item.size-medium,.menu-item.size-medium .outer1,.menu-item.size-medium .outer2{

    width:60px;
    height:60px;

}
.menu-item.size-small,.menu-item.size-small .outer1,.menu-item.size-small .outer2{

    width:40px;
    height:40px;

} 
.avatar-holder,.avatar-holder .outer2,.avatar-holder .outer1{
     width:270px;
    height:270px;
}
}
@media all and (min-width:801px){

}
@media all and (min-width:1px) and (max-width:650px){
    .logo-image {
    
    float: none;
    
}
  .menu,.logo,.filter-options {
   
    text-align: center;
}
    .page-title {
  
    padding-left: 20px;
    }
}

@media all and (min-width:300px) and (max-width:610px){
    .avatar-holder,.avatar-holder .outer2,.avatar-holder .outer1{
     width:200px;
    height:200px;
}
     .blurred{
    
    background-size: 200%;
}
.wrapper{
    width: 89%;
    margin: 0 auto;
}
.back-paper h1 {
    
    font-size: 20px;
}
.info-label i {
    
    font-size: 15px;
}
.info-label {
  
    font-size: 13px;
   
    padding: 2px;
}


.map-holder{
    width: 97%;
}

    .portfolio-item .hover i {
        left: 38%;
        top: 35px;
    }
    #grid {
        margin: 0 20%;
    }
  
    .avatar{
        margin: 10px 13% 0 0;
    }
   

    
    .portfolio-item{
        width: 300px;
    }
    .filter-options li{
        margin-bottom: 10px;
    }
  
}
@media all and (min-width:400px) and (max-width:500px){

        #home{
     width: 90%;
     height: 400px;
}

}
@media all and (min-width:100px) and (max-width:500px){
    
.menu-item.size-big,.menu-item.size-big .outer1,.menu-item.size-big .outer2{

    width:80px;
    height:80px;

}
.menu-item.size-medium,.menu-item.size-medium .outer1,.menu-item.size-medium .outer2{

    width:60px;
    height:60px;

}
.menu-item.size-small,.menu-item.size-small .outer1,.menu-item.size-small .outer2{

    width:40px;
    height:40px;

} 
.inner-section:before {
   
    height: 94%;
   
    top: 100px;
  
}

.map-holder {
    width: 95.4%;
}
        .avatar-holder,.avatar-holder .outer2,.avatar-holder .outer1{
     width:150px;
    height:150px;
}
.back-paper h1 {
    font-size: 25px;
    line-height: 24px;
}
.back-paper .right-side, .back-paper .left-side {
    width: 111px;
}
.info-label i {
   
    display: none;
}
.info-label {
   font-size: 12px;
   
}
.back-paper .social-icons {
 
    bottom: -31px;
  
    padding: 6px 9px 4px;
  
}
    .social-icons ul li a {
   
    font-family: fontAwesome;
    font-size: 20px;
   
}
    .info-holder .info-item {
    display: block;
    margin-left: 0px;
    }
    .content-section{
        width: 95%;
        margin: 0 auto;
    }


.portfolio-item .hover i {
    font-size: 73px;
    left: 38%;
    top: 11px;
}
   .portfolio-item .item-details .title {

    margin-top: 47%;
   }
    .portfolio-item{
        width: 240px;
    }
  
    .avatar {
        margin: 20px 10px 0 0;
    }
    
}

@media all and (min-width:100px) and (max-width:399px){
    .back-paper .right-side, .back-paper .left-side {
  display: none;
}
.map-holder {
    width: 90%;
}
.date-range {
    top: -7px;
}
.exp-holder h3 {
    line-height: 22px;
    font-size: 19px;
}
.exp-holder h4 {
   
    font-size: 16px;
}
h1 {
    font-size: 25.5px;
}
.menu-item {
    left: 200px;
}
.menu-item a {
    font-size: 15px;
    height: 68%;
    padding-top: 32%;
}
        #home{
     width: 90%;
     height: 200px;
}
 .blurred{
    
    background-size: 250%;
}
 
    .wrapper{
    width: 80%;
    margin: 0 auto;
}
.home-text .text, .home-text p {
   
    width: 90%;
}
    .portfolio-item .hover i {
    font-size: 46px;
    left: 37%;
    top: 2px;
}
   
    .footer-section .social-icons{
        text-align: center;
    }
    
.post-item .title h2 {
    font-size: 18px;
   
    line-height: 18px;
   
}
.exp-holder .date-range {
   float: left;
   margin-bottom: 10px;
}
.map-holder {

    width: 93.4%;
}
.single .thumb-holder {

  width: 100%;
  margin-right: 0;
}

.portfolio-item .item-details .title {

    font-size: 13px;
}
    .portfolio-item .item-details a {
 font-size: 12px;
    padding: 0 5px;
    width: 136px;
    }
    .portfolio-item{
        width: 140px;
    }
 
}

@media all and (min-width:400px) and (max-width:490px){
.portfolio-item .hover i {
    font-size: 55px;
    left: 42%;
    top: 18px;
}
}