@media only screen and (min-width: 1200px){

	#libprojects {
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #1C1C1C;
		display: block;
		position: relative;		
	}

	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
    #libprojects .slider {
        width: 100%;
        margin: 0px auto;
    }

	#libprojects .slider-nav-left {
		cursor: pointer;
        position: absolute;
        left: 50px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;	
	}
	#libprojects .slider-nav-right {
        cursor: pointer;
        position: absolute;
        right: 50px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;
	}	
	
    #libprojects .slick-slide {
       margin: 0px 0px;
    }
    #libprojects .slick-slide div > div {
		position: relative;
    }
    #libprojects .slick-slide img {
      width: 100%;
	  margin-bottom: 0px;
    }
	
	#libprojects .slider-nav .slick-disabled {
		opacity: 1;
	}
	
	#libprojects {
		position: relative;
	}
	
	#libprojects .libprojects_content {
		position: absolute !important;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: rgb(0 0 0 / 60%);
		transition: 0.2s;			
	}
	#libprojects .libprojects_content.clicked,
	#libprojects .libprojects_content:hover	{
		background-color: rgb(0 0 0 / 0%);
        transition: 0.6s;		
	}
	#libprojects .libprojects_content.clicked h3,
	#libprojects .libprojects_content:hover h3,
	#libprojects .libprojects_content.clicked h5,
	#libprojects .libprojects_content:hover h5,	
	#libprojects .libprojects_content.clicked h6,
	#libprojects .libprojects_content:hover h6 {
		transition: 0.6s;
		opacity: 0.25;
	}		
	
	#libprojects .libprojects_content h3 {
		font-family: "Roboto", sans-serif;
		font-size: 1em;
		font-weight: 400;
		text-align: left;
		font-style: italic;
		text-transform: uppercase;
		color: #FFFFFF;		
		padding: 0;
        margin: 0;
		position: absolute;
		display: block;
        top: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}
	#libprojects .libprojects_content h5 {
		font-family: Roboto, sans-serif;
        font-size: 0.8em;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}	
	#libprojects .libprojects_content h6 {
        font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 200;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 35px;
        left: 53px;		
		transition: 0.2s;
		opacity: 1;
	}		

	
}
@media only screen and (min-width: 992px) and (max-width: 1199.5px) {
	#libprojects {
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #1C1C1C;
		display: block;
		position: relative;		
	}

	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
    #libprojects .slider {
        width: 100%;
        margin: 0px auto;
    }

	#libprojects .slider-nav-left {
		cursor: pointer;
        position: absolute;
        left: 50px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;	
	}
	#libprojects .slider-nav-right {
        cursor: pointer;
        position: absolute;
        right: 50px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;
	}	
	
    #libprojects .slick-slide {
       margin: 0px 0px;
    }
    #libprojects .slick-slide div > div {
		position: relative;
    }
    #libprojects .slick-slide img {
      width: 100%;
	  margin-bottom: 0px;
    }
	
	#libprojects .slider-nav .slick-disabled {
		opacity: 1;
	}
	
	#libprojects {
		position: relative;
	}
	
	#libprojects .libprojects_content {
		position: absolute !important;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: rgb(0 0 0 / 60%);
		transition: 0.2s;			
	}
	#libprojects .libprojects_content.clicked,
	#libprojects .libprojects_content:hover	{
		background-color: rgb(0 0 0 / 0%);
        transition: 0.6s;		
	}
	#libprojects .libprojects_content.clicked h3,
	#libprojects .libprojects_content:hover h3,
	#libprojects .libprojects_content.clicked h5,
	#libprojects .libprojects_content:hover h5,	
	#libprojects .libprojects_content.clicked h6,
	#libprojects .libprojects_content:hover h6 {
		transition: 0.6s;
		opacity: 0.25;
	}		
	
	#libprojects .libprojects_content h3 {
		font-family: "Roboto", sans-serif;
		font-size: 1em;
		font-weight: 400;
		text-align: left;
		font-style: italic;
		text-transform: uppercase;
		color: #FFFFFF;		
		padding: 0;
        margin: 0;
		position: absolute;
		display: block;
        top: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}
	#libprojects .libprojects_content h5 {
		font-family: Roboto, sans-serif;
        font-size: 0.8em;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}	
	#libprojects .libprojects_content h6 {
        font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 200;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 35px;
        left: 53px;		
		transition: 0.2s;
		opacity: 1;
	}		
	
}
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
	#libprojects {
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #1C1C1C;
		display: block;
		position: relative;		
	}

	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
    #libprojects .slider {
        width: 100%;
        margin: 0px auto;
    }

	#libprojects .slider-nav-left {
		cursor: pointer;
        position: absolute;
        left: 30px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;	
	}
	#libprojects .slider-nav-right {
        cursor: pointer;
        position: absolute;
        right: 30px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;
	}	
	
    #libprojects .slick-slide {
       margin: 0px 0px;
    }
    #libprojects .slick-slide div > div {
		position: relative;
    }
    #libprojects .slick-slide img {
      width: 100%;
	  margin-bottom: 0px;
    }
	
	#libprojects .slider-nav .slick-disabled {
		opacity: 1;
	}
	
	#libprojects {
		position: relative;
	}
	
	#libprojects .libprojects_content {
		position: absolute !important;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: rgb(0 0 0 / 60%);
		transition: 0.2s;			
	}
	#libprojects .libprojects_content.clicked,
	#libprojects .libprojects_content:hover	{
		background-color: rgb(0 0 0 / 0%);
        transition: 0.6s;		
	}
	#libprojects .libprojects_content.clicked h3,
	#libprojects .libprojects_content:hover h3,
	#libprojects .libprojects_content.clicked h5,
	#libprojects .libprojects_content:hover h5,	
	#libprojects .libprojects_content.clicked h6,
	#libprojects .libprojects_content:hover h6 {
		transition: 0.6s;
		opacity: 0.25;
	}		
	
	#libprojects .libprojects_content h3 {
		font-family: "Roboto", sans-serif;
		font-size: 1em;
		font-weight: 400;
		text-align: left;
		font-style: italic;
		text-transform: uppercase;
		color: #FFFFFF;		
		padding: 0;
        margin: 0;
		position: absolute;
		display: block;
        top: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}
	#libprojects .libprojects_content h5 {
		font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 20px;
        left: 35px;
        transition: 0.2s;
        opacity: 1;
	}	
	#libprojects .libprojects_content h6 {
		font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 100;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 20px;
        left: 53px;
        transition: 0.2s;
        opacity: 1;
	}			
}
@media only screen and (max-width: 767.5px){
	#libprojects {
		padding-top: 0px;
		padding-bottom: 0px;
		background-color: #1C1C1C;
		display: block;
		position: relative;		
	}
	#libprojects .container-fluid {
		padding:0px;
		margin: 0px;
		line-height: 0;
	}
	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
	#libprojects .slider-row {
		position: relative;
		z-index: 1;
		margin: 0px 30px;
	}
    #libprojects .slider {
        width: 100%;
        margin: 0px auto;
    }

	#libprojects .slider-nav-left {
		cursor: pointer;
        position: absolute;
        left: 30px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;	
	}
	#libprojects .slider-nav-right {
        cursor: pointer;
        position: absolute;
        right: 30px;
        z-index: 1;
        top: 50%;
        margin-top: -20px;
	}	
	
    #libprojects .slick-slide {
       margin: 0px 0px;
    }
    #libprojects .slick-slide div > div {
		position: relative;
    }
    #libprojects .slick-slide img {
      width: 100%;
	  margin-bottom: 0px;
    }
	
	#libprojects .slider-nav .slick-disabled {
		opacity: 1;
	}
	
	#libprojects {
		position: relative;
	}
	
	#libprojects .libprojects_content {
		position: absolute !important;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: rgb(0 0 0 / 60%);
		transition: 0.2s;			
	}
	#libprojects .libprojects_content.clicked,
	#libprojects .libprojects_content:hover	{
		background-color: rgb(0 0 0 / 0%);
        transition: 0.6s;		
	}
	#libprojects .libprojects_content.clicked h3,
	#libprojects .libprojects_content:hover h3,
	#libprojects .libprojects_content.clicked h5,
	#libprojects .libprojects_content:hover h5,	
	#libprojects .libprojects_content.clicked h6,
	#libprojects .libprojects_content:hover h6 {
		transition: 0.6s;
		opacity: 0.25;
	}		
	
	#libprojects .libprojects_content h3 {
		font-family: "Roboto", sans-serif;
		font-size: 1em;
		font-weight: 400;
		text-align: left;
		font-style: italic;
		text-transform: uppercase;
		color: #FFFFFF;		
		padding: 0;
        margin: 0;
		position: absolute;
		display: block;
        top: 35px;
        left: 35px;	
		transition: 0.2s;
		opacity: 1;
	}
	#libprojects .libprojects_content h5 {
		font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 20px;
        left: 35px;
        transition: 0.2s;
        opacity: 1;
	}	
	#libprojects .libprojects_content h6 {
		font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 100;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        position: absolute;
        display: block;
        bottom: 20px;
        left: 53px;
        transition: 0.2s;
        opacity: 1;
	}			
}
@media only screen and (max-width: 380px){
    #libprojects .libprojects_content h5 {
        font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 400;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: initial;
        transform: none;
        position: absolute;
        display: block;
        bottom: 37px;
        left: 30px;
        transition: 0.2s;
        opacity: 1;
    }	
    #libprojects .libprojects_content h6 {
        font-family: Roboto, sans-serif;
        font-size: 0.7em;
        font-weight: 100;
        text-align: left;
        font-style: italic;
        text-transform: uppercase;
        letter-spacing: 3.5px;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        writing-mode: initial;
        transform: none;
        position: absolute;
        display: block;
        bottom: 20px;
        left: 30px;
        transition: 0.2s;
        opacity: 1;
    }	
}