@media (min-width: 640px){}
@media (min-width: 768px){}
@media (min-width: 834px){}
@media (min-width: 900px){}
@media (min-width: 1080px){}
@media (min-width: 1152px){
	.card-list.project-list ul li.card-item{
		width: 25%;
		/*margin-right: 0 !important;*/
	}
}
@media (min-width: 1280px){}
@media (min-width: 1366px){}
@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1920px){}
@media (min-width: 2280px){}
/* --------------------- */
@media (max-width: 2280px){}
@media (max-width: 1920px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){
	body{
		font-size: 1.2rem;
	}
	header .header-contact{
		font-size: 1.3rem;
	}
		header .header-contact .phone i{
			font-size: 1.2rem;
		}
	.card-list ul li .card .card-img-top .info .description{
		font-size: 1rem;
	}
	.card-list.article-list ul li .card .card-body .card-title{
		height: 48px;
		font-size: 1.3rem;
	}
	.card-list.article-list ul li .card .card-body .card-info{
		font-size: 0.8rem;
	}
	.card-list.article-list ul li .card .card-body .card-text{
		height: 110px;
		font-size: 1rem;
	}
	.btn-facebook-messenger-float{
		/*top: 480px;*/
	}
}
@media (max-width: 1280px){}
@media (max-width: 1152px){}
@media (max-width: 1080px){
	.trigger-mobile{
		display: block;
	}
	.trigger-desktop{
		display: none;
	}
	header .libpynav-toggler-wrapper{
		display: block;
	}
	header .dropdown-lang-wrapper{
		display: none;
	}
	header .search-controller{
		display: none;
	}
	header .logo-desktop{
		display: none;
	}
	header .logo-mobile{
		display: block;
	}
	header .logo{
		/*margin-left: -60px;*/
		margin: 8px 0;
		width: 64px;
	}
	header .header-contact{
		display: none;
	}
	header nav.libpynav ul{
		padding-top: 10px;
		background-color: #e05714;
		text-align: left;
	}
		header nav.libpynav ul li{
			display: block;
			border-bottom: 1px dotted #d84700;
		}
		header nav.libpynav ul li.nav-mobile{
			display: block;
		}
			header nav.libpynav ul li a{
				padding-top: 5px;
				padding-bottom: 5px;
				font-size: 1.4rem;
			}
			header nav.libpynav ul li a:hover{
				background-color: #d24500;
			}
	.main-content{
		padding-top: 64px;
	}
	.card-list ul li .card:hover .card-img-top .label{
		display: inline-block;
	}
	.card-list ul li .card:hover .card-img-top .info{
		opacity: 0;
	}
	.main-content .quick-menu{
		/*display: none;*/
	}
	.btn-facebook-messenger-float{
		top: auto;
		right: 20px;
		bottom: 20px;
	}
	a.back-to-top {
		right: 1.7rem;
	}
	footer .footer-map{
		margin: 10px 0 20px;
	}
	footer .social span{
		display: block;
	}
}
@media (max-width: 900px){
	footer .container{
		max-width: 100%;
	}
	footer .footer-nav .footer-nav-group {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 834px){}
@media (max-width: 768px){}
@media (max-width: 640px){
	.main-content .quick-menu{
		display: none;
	}
}
@media (max-width: 414px){
	.card-list ul li .card .card-img-top .label{
		/*width: 96%;*/
	}
		.card-list ul li .card .card-img-top .label span{
			padding: 6px;
		}
}
@media (max-width: 390px){}
@media (max-width: 375px){
	footer .social span{
		padding: 0;
	}
}
@media (max-width: 320px){}
/* --------------------- */
@media (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: portrait){}
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){}
/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 Media Queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1){}