.projects-container.displayed {
	display: block;
}

.projects-container.hidden {
	display: none;
}

.projects-columns {
    padding: 20vh 0px;
}

.projects-list {
    padding: 20vh 0px;
}

.projects-columns .projects-row {
    padding: 2vh 7vw;
}

.projects-list .projects-row {
    padding: 1vh 7vw;
}

.projects-row {
    margin: 0px;
}

/*.projects-list .projects-row .col-projectdetails {
	padding-right: 0px;
}

.projects-list  .col-projectimg {
	padding-left: 0px;
}*/

.project-img img {
	width: 100%;
	height: 18vw;
    object-fit: cover;
	border-radius: 2px;
}

.project-details {
	margin-top: 5px;
	border-radius: 2px;
	padding: 15px;
	position: relative;
}

.project-label {
	font-weight: bold;
    font-size: 18px;
    margin: 0px;
    margin-top: 10px;
}

.project-label:first-child {
    margin: 0px;
}

.project-info {
    margin: 0px;
}

.div-showmore {
    text-align: center;
    background-color: white;
    padding-bottom: 5vh;
}

.div-showmore .btn{
	border-radius: 2px;
	text-decoration: underline;
}

.projects-displayoptions {
    text-align: right;
    padding: 5vh 7vw;
    padding-bottom: 0px;
}

.projects-displayoptions .btn{
	border-radius: 2px;
}

.projects-list .project-details {
	margin-top: 0px;
}

.projects-list .project-img{
	height: 100%;
}

.projects-list img{
	min-height: 100%;
    min-width: 100%;    
    height: 1px;
}

.projects-list .col-projectimg{
	padding-right: 0px;
}

.project-tags {
    position: absolute;
    top: 15px;
    right: 15px;
}

.project-tag {
    display: inline-block;
    margin-right: 2px;
    border-radius: 3px;
    padding: 0px 7px;
}

.btnadd-wrapper {
    border: 1px solid blue;
}

/*---------------------------------------------------------------------------------*/
/* Medium	md	<=991px                                                            */
/*---------------------------------------------------------------------------------*/

@media (max-width: 991px){

.navbar-nav{
	display: none;
}

.projects-container {
    padding-top: min(10vh, 200px);
    padding-bottom: min(10vh, 200px);
}

.projects-columns .projects-row .col-sm-3{
	padding: 5px;
}

.project-details {
    padding: 10px;
}

.project-description {
	text-overflow: ellipsis;
    overflow: hidden;
    height: 70px;
}

.project-label {
    font-size: 16px;
}

.projects-columns .project-img img {
	height: 30vw;
}

}



/*---------------------------------------------------------------------------------*/
/* Extra Small	xs	<=576px                                                        */
/*---------------------------------------------------------------------------------*/

@media (max-width: 576px){

.projects-displayoptions {
	display: none;
}

.projects-list.displayed {
	display: block;
}

.projects-list.hidden {
	display: block;
}

.projects-columns.displayed {
	display: none;
}

.projects-columns.hidden {
	display: none;
}

.projects-list {
    padding: 10vh 0px;
}

.projects-list .projects-row {
    padding: 1vh 1vw;
    margin: 0px;
}

.project-tags {
    top: 10px;
    right: 5px;
}

}


/*---------------------------------------------------------------------------------*/
/* Extra Extra Small	Fold<=280px                                                */
/*---------------------------------------------------------------------------------*/

@media (max-width: 280px){

.projects-list .projects-row {
    padding: 1vh 1vw;
    margin: 0px;
}

.col-projectdetails {
	padding-left: 10px;
}

.project-tags {
    top: -10px;
    right: -10px;
}

.project-details {
    padding: 15px 10px;
}

}