/*-- PORTFOLIO SECTION STYLES --*/

/*-- PORTFOLIO-SECTION-TOP STYLES --*/
#portfolio-section-top {
background-color:transparent;
min-height:70px;
margin-top:-70px;
}

/*-- PORTFOLIO INTRO STYLES --*/
#portfolio-intro-section {
padding:4em 0 3em 0;	
}
#portfolio-intro-section .row {
padding:0 15em 0 15em;	
}
#portfolio-intro-section h1,
#portfolio-intro-section p {
text-align:center;
}

/*-- PORTFOLIO THUMBS STYLES --*/
#portfolio-thumbs-section {
padding-bottom:5em;
}
.portfolio-thumb {
padding: 0 2em;
margin-bottom:1.5em;
}
.portfolio-thumb img {
}
#portfolio-thumbs-section .box-kb-effect {
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.5) 0px 25px 15px -21px, rgba(0, 0, 0, 0.2) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
#portfolio-thumbs-section .box-kb-effect img {
width: 100%;
margin-left: 0px;
position: relative;
transition-property: all;
transition-duration: 0.5s; 
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
#portfolio-thumbs-section .box-kb-effect:hover img {
transform: scale(1.05) rotate(0deg);
}
.thumb-caption-container {
background-color:transparent;
padding: 1em 0 .5em 0;
/*min-height:7em;*/
}
.thumb-caption-category {
font-weight:600;
}
.thumb-caption-category,
.thumb-caption-client,
.thumb-caption-project {
font-size: 16px;	
text-align: center;
line-height:1.4em;
margin: 0;
}


/* -- MEDIA QUERIES -- */

/* Laptops and desktops - 1200px and up */
@media only screen and (min-width: 1200px) {
}

/* Tablets and large phones - 600px and up */
@media only screen and (max-width: 992px) {
#portfolio-intro-section .row {
padding:0 5em 0 5em;	
}
.portfolio-thumb {
padding: 0 1.5em;
}
.thumb-caption-category,
.thumb-caption-client,
.thumb-caption-project {
font-size: 14px;
}
}

/* --- */
@media only screen and (max-width: 992px) and (min-width: 600px) {
}

/* Phones - 600px and down */
@media only screen and (max-width: 600px) {
#portfolio-section-top {
min-height:65px;
margin-top:-65px;
}
#portfolio-intro-section .row {
padding:0 2em 0 2em;	
}
#portfolio-intro-section {
padding: 3em 0 2em 0;
}
#portfolio-intro-section h1 {
/*font-size: 40px;*/
}
#portfolio-thumbs-section {
padding-bottom: 2.5em;
}
.portfolio-thumb {
padding: 0 4em;
}
}