@media screen and (max-width: 1680px){

  #pr-home .container{
  height:auto;  
   }
}


@media screen and (max-width: 1199px){

    .developer {
        height: 190px;
    }

}


@media screen and (max-width: 1024px){

    .developer {
        -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
        backface-visibility: hidden;
        border: 1px solid #007cc3;
        height: auto;
        overflow: hidden;
        perspective: none;
        position: static;
        text-align: center;
        background-color: #007cc3; 
        min-height:390px;
    }
    


    .developer .icon {
        -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
        backface-visibility: visible;
        -ms-transform: none;
        -webkit-transform:none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        transform-style: preserve-3d;
        transition: none;
        width: 80px;
        border-bottom: 2px solid white;
    }
    .developer .icon i {
        padding-top: 15px;
        width: 50px;
        color:white;
    }
    .developer h4 {
        -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
        backface-visibility: visible;
        text-transform: uppercase;
        -ms-transform: none;
        -webkit-transform:none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        color:white;
        margin:0;
        transition: all 0.6s ease 0s;
    }
    .developer .dev_hover {
        -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
        backface-visibility: visible;
        position:static;
        -ms-transform: none;
        -webkit-transform:none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        padding: 15px;
        transition: all 0.6s ease 0s;
    }
    .developer .dev_hover p {
        color: #f8fbfd;
    }
    .developer .dev_hover a {
        color: #f8fbfd;
    }

    .developer:hover .dev_hover, .developer:focus .dev_hover {
        -ms-transform: none;
        -webkit-transform:none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    .developer:hover .icon, .developer:hover h4, .developer:focus .icon, .developer:focus h4 {
        -ms-transform: none;
        -webkit-transform:none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

}
@media screen and (max-width: 850px){
    .navbar-nav > li > a{
    padding-left:8px;
    padding-right:8px;    
}

}

@media screen and (max-width: 767px){
    .developer {
        min-height: auto;
        margin-bottom:15px;
    } 

    .content {
        padding: 22% 0 15%;
    }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color:transparent;
    }
    
    .navbar-default .navbar-toggle {
    background: #c36f00 none repeat scroll 0 0;
    border-color: transparent;
    border-radius: 0;
    margin-top:3px;
}



.navbar-default .navbar-toggle:focus{
  background: #c36f00 none repeat scroll 0 0;
    border-color: transparent;  
    
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
    
    
}

@media screen and (max-width: 400px){
.about-list {
    float: none;
    width: 100%;
}

}