@media (min-width: 640px){}
@media (min-width: 768px){}
@media (min-width: 834px){}
@media (min-width: 900px){}
@media (min-width: 1080px){}
@media (min-width: 1152px){}
@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){}
@media (max-width: 1280px){}
@media (max-width: 1152px){
	section.history-projects .project-list.item-slide ul li{
		width: 180px;
	}
}
@media (max-width: 1080px){}
@media (max-width: 900px){
	.main-content .container{
		max-width: 95%;
	}
	.person-photo img{
		width: 100%;
	}
	section.our-passion .talking {
		padding-right: 10px;
	}
	section.our-story .talking{
		padding-left: 10px;
	}
	section.history-projects h3{
		padding: 0;
		margin: 0 auto;
		width: 95%;
	}
	section.history-projects .project-list{
		padding: 30px 0 50px;
		margin: 0 auto;
		width: 95%;
	}
		section.history-projects .project-list .control-prev,
		section.history-projects .project-list .control-next{
			display: none;
		}
		section.history-projects .project-list.item-slide ul li .description{
			font-size: 1rem;
		}
}
@media (max-width: 834px){
	.banner-slide .image-desktop{
		display: none;
	}
	.banner-slide .image-mobile{
		display: block;
	}
	section .person-desktop{
		display: none;
	}
	section .person-mobile{
		display: block;
	}
	section.our-story{
		padding: 10px 0 0;
	}
}
@media (max-width: 768px){
	.person-photo{
		margin: 0 auto;
		max-width: 348px;
	}
	section.our-passion .person-photo-wrapper{
		padding-top: 20px;
	}
	section.our-story .person-photo-wrapper{
		padding-bottom: 20px;
	}
	section.history-projects .project-list.item-slide ul li{
		width: 150px;
		max-width: 150px;
	}
}
@media (max-width: 640px){
	section.our-passion .talking{
		padding-right: 0;
		/*padding-bottom: 40px;*/
	}
	section .talking h3{
		font-size: 1.7rem;
	}
	section .talking .speaker{
		width: 85%;
		font-size: 1.6rem;
	}
		section .talking .speaker:before{
			left: -22px;
			width: 32px;
			background-size: 100%;
		}
		section .talking .speaker:after{
			right: -22px;
			width: 32px;
			background-size: 100%;
		}
	section.our-story .talking{
		padding-left: 0;
	}
	section.our-story .talking .speaker{
		width: 85%;
	}
	section.our-success .talking .speaker-alt{
		width: 100%;
	}
	section.our-success .video iframe{
		height: 200px;
	}
	section.history-projects h3{
		padding: 0 30px;
		text-align: center;
	}
	section.history-projects .project-list.item-slide ul li{
		/*width: 60%;*/
		/*max-width: 60%;*/
	}
		section.history-projects .project-list.item-slide ul li .logo{
			/*width: 220px;*/
		}
	.main-content.about{
		background-position: bottom left;
	}
}
@media (max-width: 414px){
	section .talking .speaker{
		font-size: 1.2rem;
	}
	section .talking .speaker:before{
		top: -15px;
		left: -25px;
	}
	section .talking .speaker:after{
		right: -25px;
		bottom:  -30px;
	}
	.main-content.about{
		background-size: 300%;
		padding-bottom: 300px;
	}
}
@media (max-width: 375px){}
@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){}