/* 
	MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
	URL - http://responsive.gs
	LICENSE - PUBLIC DOMAIN
*/

/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: portrait){
.container { width: 90%; margin: 0 auto; } /* edit how you see fit */
	
#commentform textarea {
    width: 100%;
}
#hero .flexslider li {
    min-height: 325px!important;
}
}

/*iPhone 6 and iPhone 6+ landscape*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){
	.container						{ width: 90%; margin: 0 auto; } /* edit how you see fit */

	body {cursor: pointer!important;}
#hero .flexslider li {
    min-height: 325px!important;
}
}

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px), only screen and (max-width: 320px) {
		#hero .flexslider li {
	    min-height: 400px;
	}
	#utility .row {
    padding: 0;
}
.top-menu li {
    margin-right: 5px;
}
.top-menu li a {
    font-size: 10px;
}
#select-projects figure, .team_row figure {
	    float: none;
	    max-height: unset;
	    width: 100%;
	}
	}



/* TABLET - INBETWEEN */


/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
		#hero .flexslider li {
	    min-height: 400px;
	}
	.owl-controls {
   margin-bottom: 50px;
   margin-top:0!important;
}
	.tribe-list-widget .tribe-event-duration {
	    margin-right: 0;
	    width: 100% !important;
	}
	.tribe-list-widget h4.tribe-event-title {
	   width: 100% !important;
	   text-align: center;
	}
	.tribe-list-widget .tribe-events-list-widget-events {
	    border-bottom: 1px solid #f1f1f2;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	}
	.point {
    min-height: 415px;
}
#select-projects figure figcaption, .team_row figure figcaption {
	    padding: 1em;
	}
.single-team .team_photo {
	    float: none;
	    margin-bottom: 20px;
	    margin-right: 0;
	    text-align: center;
	    width: 100%;
	}
	.single-team .team_photo img {
    max-width: none;
    width: 100%;
}
}
@media only screen and (max-width: 767px) {
	#logo {
	    display: block;
	    float: none;
	    margin: 0 auto 20px;
	    text-align: center;
	    width: 100% !important;
	}
	#logo img {
		max-width: 200px;
	}
	#navigation {
	    display: block;
	    float: none !important;
	    margin: 0 auto !important;
	    width: 100% !important;
	}
	#utility {
	    text-align: center;
	}
	#hero .caption h2 {
	    font-size: 50px;
	    line-height: 50px;
	    text-align: center;
	}
	#hero .subtitle {
	    font-size: 20px;
	    line-height: 25px;
	    text-align: center;
	}
	#hero .caption p {
	    font-size: 21px;
	    line-height: 28px;
	    text-align: center;
	}
	#hero .caption {
	    padding-bottom: 7%;
	    padding-top: 10%;
	    text-align: center;
	}
	#hero .flexslider li {
	    min-height: 400px;
	}
	.point {
	    padding: 25px;
	    width: 100%;
	}
	.partners {
	    padding-bottom: 10%;
	    padding-top: 10%;
	}
	.news .owl-item {
	    padding: 0 !important;
	}
	.calendar-feed {
		margin-top: 45px;
	}
	.tribe-list-widget .tribe-event-duration {
	    width: 32%!important;
	}
	.tribe-list-widget h4.tribe-event-title {
	    width: 60%!important;
	}
	.featured-text {
	    padding-bottom: 8%;
	    padding-top: 10%;
	}
	.featured-text.parallax-window {
	    padding-bottom: 10%;
	    padding-top: 10%;
	}
	footer {
	    text-align: center;
	}
	.top-menu {
	    text-align: center;
	    display: block;
	    float: none;
	}
	.news {
    text-align: center;
}
.socialmedia {
    float: none;
    text-align: center;
    display: block;
}
#utility {
	text-align: center;
}
.news h2 {
    display: block;
    margin-right: 0;
}
.news .view-all {
	margin-left:0!important;
	display: block;
}
	}	
/* IPADS - PORTRAIT & LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
		}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
		.tribe-list-widget .tribe-event-duration {
		    width: 28%!important;
		}
		.tribe-list-widget h4.tribe-event-title {
		    width: 65%!important;
		}
		#select-projects figure, .team_row figure {
    width: 33.33%;
}

	}

/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
	#logo {
	    display: block;
	    float: none;
	    margin: 0 auto 20px;
	    text-align: center;
	    width: 100% !important;
	}
	#logo img {
		max-width: 300px;
	}
	#navigation {
	    display: block;
	    float: none !important;
	    margin: 0 auto !important;
	    width: 100% !important;
	}
	#utility {
	    text-align: center;
	}
	#hero .caption h2 {
	    font-size: 50px;
	    line-height: 50px;
	}
	#hero .subtitle {
	    font-size: 20px;
	    line-height: 25px;
	}
	#hero .caption p {
	    font-size: 21px;
	    line-height: 28px;
	}
	#hero .caption {
	    padding-bottom: 7%;
	    padding-top: 10%;
	}
	.point {
	    padding: 25px;
	    width: 100%;
	}
	.partners {
	    padding-bottom: 5%;
	    padding-top: 0;
	}
	.tribe-list-widget h4.tribe-event-title {
	    width: 50%!important;
	}
	.tribe-list-widget .tribe-event-duration {
	    width: 40%!important;
	}
	#select-projects figure, .team_row figure {
    width: 50%;
}
	}


/* DESKTOPS & LAPTOPS */
@media 
only screen and (min-width: 1024px) and (max-width: 1500px){
	.tribe-list-widget .tribe-event-duration {
	    width: 28%!important;
	}
	.tribe-list-widget h4.tribe-event-title {
	    width: 65%!important;
	}
}
@media 
only screen and (min-width: 1501px) and (max-width: 1750px){
	

	/* INSERT YOUR STYLES */
	
}


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

}

@media 
only screen and (min-width: 1300px) {
	
	.container						{  }
	
	
	
}

/* LARGE SCREENS */
@media 
only screen and (min-width : 1824px) {
	
	.container						{ }
	
	
	
}