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

	/* dropdown */
	#header nav > ul > li.menu-item-has-children > ul {}
	
	#header nav ul li.menu-item-has-children:hover > .sub-menu-holder { opacity:1; visibility:visible; z-index:1000; }

		#header nav > ul > li > .sub-menu-holder {
			width: calc(100% + 30px); overflow: hidden; visibility:hidden; transition:all linear 0.3s; opacity:0; 
			margin: auto; padding:30px; background:#fff; position:absolute; top: 86px; left: 50%; transform: translateX(-50%); z-index:-1; 
			box-shadow: 0 15px 10px -15px rgba(0,0,0,0.25); 	
		}
	
	#header nav > ul > li > .sub-menu-holder .sub-menu { width: 100%; max-width: 1360px; margin: auto; display: flex; flex-wrap: wrap; }

		/* level 2 only */
		#header nav > ul > li > .sub-menu-holder .sub-menu > li { margin: 0 2% 0 0; width: calc(23%); white-space: normal;}
			#header nav > ul > li > .sub-menu-holder .sub-menu > li > a { 
				font-weight: 300; font-size: 20px; padding: 6px 0 10px 36px; display: block; color: #000;
				background:url(../images/circle-arrow-right-orange.svg) no-repeat left 9px / 24px auto;
			}
			#header nav > ul > li > .sub-menu-holder .sub-menu > li > a:hover {color: #FF620C;} 
			
			#header nav .menuizer-container .menu > li > a {
				font-weight: 300; font-size: 18px; padding: 6px 0 10px 36px; display: block; color: #000;
				background:url(../images/circle-arrow-right-orange.svg) no-repeat left 9px / 21px auto;
			}
			#header nav .menuizer-container .menu > li > a:hover {color: #FF620C;}
	
			#header nav > ul > li > .sub-menu-holder .sub-menu > li h4.widget-title {
				text-transform: uppercase; font-family:"Montserrat", sans-serif; font-weight:500; font-size: 14px;
			} 
		
		/* recent posts widget */
		.recent-posts-extended .rpwe-block li { border-bottom: none; margin: 0 0 8px !important; padding: 5px 10px 10px 0 !important; list-style-type: none !important; }
			.recent-posts-extended li img.rpwe-thumb { width:125px; border: none !important; margin: 0 12px 0 0 !important; padding: 0 !important; border-radius: 15px; }
			.recent-posts-extended .rpwe-block li h3 {font-weight: 300 !important; font-size: 16px !important; margin:0; font-family:"Open Sans", sans-serif;}
			.recent-posts-extended time {margin: 0 0 5px; font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: uppercase; color: #000; font-size:12px; }
			.recent-posts-extended .rpwe-block li h3 { }
				.recent-posts-extended .rpwe-block li h3 a { color:#000; }
				.recent-posts-extended .rpwe-block li h3 a:hover { color:#FE620D; }

		.widget_recent_entries li a { 
			font-weight: 300;
			font-size: 18px;
			padding: 6px 0 10px 36px;
			display: block;
			color: #000;
			background: url(../images/circle-arrow-right-orange.svg) no-repeat left 9px / 21px auto;
  		}
		.widget_recent_entries li a:hover { color:#FE620D; }
	
	/* events */
	#event-info .tribe-events-meta-group {width: 100%; display: block; flex: none; padding: 0;}
	#event-info .tribe-events-meta-group-organizer {padding: 15px 0 0 0;}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1400px) {

	.container { width:100%; padding-left:20px; padding-right:20px; }

	#header .header-left .logo { margin-right:25px; }
	#header .header-left nav > ul > li { margin-right:20px; }
	#header nav .menuizer-container .menu > li > a,
	.widget_recent_entries li a {font-size: 16px; background-size: 16px auto; padding: 5px 0 10px 26px;}
	
	#header .header-right .button {padding: 8px 20px; min-width: 80px; margin-right: 10px;}
	
	#header .dropdown-container nav ul li a { font-size:16px; background-size:auto 22px;  }
	#header .dropdown-container .posts-list li img { width:100px; }
	#header .dropdown-container .posts-list li .content { padding-left:10px; }

	#header .about .dropdown-container .left-column { width:25%; }
	#header .about .dropdown-container .right-column { width:75%; padding-left:15px; }
	#header .about .dropdown-container .right-column .posts-list li { margin:0 15px 0 0; }

	#header .membership .dropdown-container .left-column { padding-right:15px; }
	#header .membership .dropdown-container .middle-column { padding-left:15px; padding-right:15px; }
	#header .membership .dropdown-container .middle-column li { padding-right:15px; }
	#header .membership .dropdown-container .right-column { padding-left:15px; }

	#search-close {right: 20px;}    
    
	#top-posts .left-column { width:60%; }
	#top-posts .right-column { width:35%; }

	#our-clients .slider { padding:0 20px; }
	#our-clients .slider .flex-direction-nav .flex-prev { left:0; }
	#our-clients .slider .flex-direction-nav .flex-next { right:0; }

	#want-to ul li a { bottom:-30px; width:calc(100% - 30px); font-size:12px; padding:19px 15px 19px 15px; }
	#want-to ul li .arrow { right:15px; width:25px; height:25px; margin-top:-12px; }

	#home-intro { padding:60px 0 40px 0; }
	#home-intro .left-column { width:55%; padding:0 20px; }
	#home-intro .right-column { width:45%; }

	#upcoming-events ul li { padding:25px 20px; }
	#upcoming-events ul li h3 { font-size:20px; }
	#upcoming-events ul li a { bottom:-30px; width:calc(100% - 40px); font-size:18px; }

	/* news */
	.posts-grid li {width: calc(50% - 40px);}
	.posts-grid li a.read-more {width: 90%; max-width: 300px;}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1199px) {

	#header .header-left nav > ul > li { margin-right:15px; }
	#header .header-right .login, 
	#header .header-right .store {margin-right: 10px;}
	
	/* gallery */
	body .gallery-columns-5 .gallery-item {width: calc(25% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-6 .gallery-item {width: calc(25% - 20px) !important; margin: 10px !important;}

}


@media only screen and (min-width: 1024px) and (max-width: 1140px) {

	 #header .header-right .button {display: none;}

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1023px) { 

	h1 { font-size:30px; }
	h2 { font-size:30px; }

	.container { width:100%; padding-left:20px; padding-right:20px; display:block; }
	.view-desktop { display:none !important; }
	.view-mobile { display:block; }

	#header { padding:20px 0; }
	#header .header-left { justify-content:space-between; width:100%; }
		#header .header-left .logo {margin: 0 30px 0 0;}
	#header .menu-icon { margin:0 0 0 auto; font-size:28px; color:#2E3192; }

	#header .menu-container { padding:20px 0 50px 0; left:auto; text-align:left; background:#FFF; color:#000; height:100vh; overflow-y:auto; position:fixed; width:100%; right:-100%; top:0; z-index:10000; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; }
	
	#header .menu-container > nav { margin:0; }
		#header .menu-container > nav > ul { display:block; }
			#header .menu-container > nav > ul > li { margin:0 0 5px 0; /*display:block;*/ border-bottom: solid 1px #E2E2E2;}
			#header .menu-container > nav > ul > li > a { color:#2E3192; font-size:18px; line-height: 1; display: block; padding: 15px 20px ; }
			#header .menu-container > nav > ul > li a:hover { color:#FE620D; }
			#header .menu-container > nav > ul > li.current_page_item > a { color:#00A79D; }
	
			#header .menu-container nav li:last-child { margin:0; }
	
		#header .menu-container nav li ul { margin:0; padding:5px 0 0 0; background: #F5F5F5; }
			#header .menu-container nav li ul li { margin:0; border-bottom: none; }
				#header .menu-container nav li ul li a { color: #5E5E5E; font-size:16px; padding: 0; display: block; margin: 0 0 10px 0; }

	#header .menu-container .menu-container-top { display:flex; justify-content:space-between; margin:0 20px 20px 20px; }
	#header .menu-container .menu-container-top .close-icon { 
		background: url(../images/icon-close-alt.svg) no-repeat center center / cover;	
		display:block; /*font-size:30px; color:#2E3192; */
		width: 24px; height: 24px;
		margin: 5px 0 0 0;
	
	}
	
	#header .menu-container ul.sub-menu { margin: 0; padding: 0 20px 5px 20px; }
		#header .menu-container nav > ul > li { width: 100%; margin: 0; padding: 0; border-bottom: solid 1px #ccc; position: relative; }
		#header .menu-container nav > ul > li.menu-item-has-children > .arrow { 
			cursor: pointer; width: 24px; height: 24px; position: absolute; top: 12px; left: calc(100% - 45px); display: block; z-index: 10000;
			background: url(../images/circle-arrow-right-orange.svg) no-repeat center center / auto 24px; 
			transform: rotate(90deg);
		}
		#header .menu-container nav > ul > li.menu-open > .arrow {transform: rotate(-90deg);}
			#header .menu-container nav > ul > li h4.widget-title { 
				text-transform: uppercase; font-family:"Montserrat", sans-serif; font-weight:500; font-size: 14px;
				padding: 20px 0 0 0; color: #5E5E5E;
			}
			
			#header .menu-container nav > ul > li > ul { margin: 10px 0; display: none; background: #efefef; }
			#header .menu-container  nav > ul > li > ul > li { width: 100%; border-top: solid 1px #ccc;}
				#header .menu-container nav > ul > li > ul > li > a { padding: 0 20px; line-height: 32px; font-weight: 400; display: block; font-size: 16px; color:#000; }
				#header .menu-container nav > ul > li > ul > li > a:hover { color:#FE843F; }
	
	/* menuizer */
	.menuizer-container .rpwe_widget {display: none;}
	#header .menu-container nav li ul.sub-menu {display: none;}
	
	#header .menu-container .menu-container-bottom { margin-top: 10px; text-align: center; }
		#header .menu-container .menu-container-bottom p { margin:0 0 10px 0; }

	#header .menu-buttons {margin: 15px auto 5px auto; text-align: center;}
		#header .menu-buttons .login { display: inline-block; margin:0 10px; font-size:14px; font-family:"Montserrat", sans-serif; font-weight:700; color:#2E3192; white-space: nowrap;}
			#header .menu-buttons .login span { font-size:16px; margin:0 5px 0 0; }
			#header .menu-buttons .login:hover { color:#FE620D; }
		#header .menu-buttons .store { display: inline-block; margin:0 10px; font-size:14px; font-family:"Montserrat", sans-serif; font-weight:700; color:#2E3192; white-space: nowrap;}
			#header .menu-buttons .store span { font-size:16px; margin:0 5px 0 0; }
			#header .menu-buttons .store:hover { color:#FE620D; }
		#header .menu-buttons .button { display: inline-block; margin:0 10px; padding: 8px 20px; width:auto; min-width: 80px; }
			#header .menu-buttons .search { font-size:24px; color:#2E3192; }
			#header .menu-buttons .search:hover { color:#FE620D; }
	
	#header.show-menu .menu-container { right:0; }

	#header .menu-container .social-links { display: inline-block; margin:0 auto; }
		#header .menu-container .social-links li { margin: 0 2px; display: inline-block; }
		#header .menu-container .social-links li:last-child { margin:0; }
		#header .menu-container .social-links li a { display:block; width:25px; height:25px; border-radius:5px; color:#FFF; background:#2E3192; text-align:center; font-size:18px; }
		#header .menu-container .social-links li a:hover { background:#FE620D; color:#FFF; }
		#header .menu-container .social-links li a span { display:inline-block; line-height:25px; }

	#footer { padding:30px 0 25px 0; }

	#footer .footer-top { display:block; padding:0 0 30px 0; }
		#footer .footer-top .footer-left { margin:0 0 30px 0; }
		#footer .footer-top .footer-left img { margin:0 auto 20px auto; }
		#footer .footer-top .footer-right { width:100%; }

	#footer .footer-bottom { display:block; text-align:center; }
		#footer .footer-bottom p { margin:0 0 20px 0; }
		#footer .footer-bottom ul { justify-content:center; }

	/* search */
	#search-bar-mobile {display: block; border: none;}
		#search-bar-mobile form {margin: 8px auto;}
	
	
	#search-bar-mobile {background: #FFF; padding: 5px 0 10px 0;}
		#search-bar-mobile form {width: 500px; max-width: 80%; margin: 8px auto; height: 40px; background:#E8E8E8; border-radius: 20px;}
		#search-bar-mobile form label {display: none;}
		#search-bar-mobile form #s { float: left; background: transparent; width: 445px; padding: 0 20px; line-height: 40px; height: 40px; border: none;}
		#search-bar-mobile form #searchsubmit {
			border: none; outline: 0; text-indent: -5000px; float: right; width: 24px; height: 24px; margin: 8px 18px 0 0; 
			background: url(../images/search.svg;); background-position: center center; background-size: 24px 24px;
		}

	/* search */
	#search-close {right: 20px;}    
    

	/*-----------------------------------------------------------------------------------*/
	/* General / Shared Page styling
	/*-----------------------------------------------------------------------------------*/

	#intro-title {width: 100%;}
	#intro-image {width: 100%; max-width: 600px; margin: 20px auto;}

	/* short */
	#link-buttons .container {justify-content: center; padding: 0 20px; width: 100%;}
		#link-buttons a.button {width: calc(50% - 20px); margin: 0 10px 30px 10px;}
	
	/* collapsomatic */
	body .collapseomatic_content {padding: 0;}
	
	
	/*-----------------------------------------------------------------------------------*/
	/* Home Page styling
	/*-----------------------------------------------------------------------------------*/

	#top-posts { padding:45px 0 50px 0; }
		#top-posts .left-column { width:100%; margin:0 0 50px 0; }
		#top-posts .left-column .image-container { height:0; padding:56.75% 0 0 0; }
		#top-posts .left-column h3 { bottom:-30px; width:calc(100% - 40px); }
		#top-posts .left-column h3 a { padding:19px 50px 19px 26px; font-size:18px; }
		#top-posts .left-column h3 .arrow { right:20px; }


	#top-posts .right-column { width:100%; }
		#top-posts .right-column .article { margin:0 0 50px 0; }
		#top-posts .right-column .image-container { height:0; padding:56.75% 0 0 0; }
		#top-posts .right-column .image-container h3 { bottom:45px; padding:0 20px; font-size:18px; }
		#top-posts .right-column .more { bottom:-30px; width:calc(100% - 40px); padding:19px 50px 19px 26px; }
		#top-posts .right-column .arrow { right:20px; }

	#our-clients .slider { padding:0 20px; }
		#our-clients .slider .flex-direction-nav a { }
		#our-clients .slider .flex-direction-nav .flex-prev { left:0; }
		#our-clients .slider .flex-direction-nav .flex-next { right:0; }

	#want-to { padding:100px 0 20px 0; }
		#want-to ul { display:block; }
		#want-to ul li { margin:0 auto 70px auto; width:100%; max-width:400px; }
		#want-to ul li a { bottom:-30px; font-size:18px; padding:19px 50px 19px 26px; width:calc(100% - 40px); }
		#want-to ul li:last-child { margin:0 auto; }

	#home-intro { padding:60px 0 40px 0; }
		#home-intro .left-column { width:100%; padding:0; }
		#home-intro .left-column h2 { font-size:28px; }
		#home-intro .left-column .button-container { align-items:center; }
		#home-intro .left-column .button-container .button { margin:0 7px; }
		#home-intro .right-column { width:100%; margin:0 0 30px 0; }

	#upcoming-events { padding:45px 0 110px 0; }
		#upcoming-events .container { display:block; }
		#upcoming-events ul { display:block; }
		#upcoming-events ul li { width:100%; height:auto; max-width:500px; margin:0 auto 70px auto; padding:15px 20px 50px 20px; }
		#upcoming-events ul li:last-child { margin:0 auto; }
		#upcoming-events ul li h3 { font-size:24px; min-height:0; margin:0 0 30px 0; }
		#upcoming-events ul li a { position:absolute; bottom:-30px; left:0; width:calc(100% - 40px); }

	/* gallery */
	body .gallery-columns-5 .gallery-item {width: calc(25% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-6 .gallery-item {width: calc(25% - 20px) !important; margin: 10px !important;}
	
	/* events */
	#event-info {width: 100%; margin: 0 0 20px 0;}
	#event-detail {width: 100%;}
		#event-detail .tribe-events-event-meta::before {border-top: none;}
		#event-detail .tribe-events-single-section {padding: 5px 0 30px 0;}
		#event-detail .tribe-events-meta-group {flex: none; width: 100%;}
		#event-detail h2.tribe-events-single-section-title {padding-top: 20px;}
		#event-detail .tribe-events-meta-group-venue {margin-top: 0;}
		#event-detail .tribe-events-meta-group {padding: 0; margin: 0;}
	
	/* news */
	.posts-grid li {width: calc(50% - 40px);}
	
	/* events */
	.tribe-events-nav-pagination ul li {width: 100%; margin: 10px auto;}
		.tribe-events-nav-pagination ul li {width: 100%; margin: 10px auto;}
			.tribe-events-nav-pagination ul li.tribe-events-nav-previous {text-align: center; margin-right: auto;}
			.tribe-events-nav-pagination ul li.tribe-events-nav-next {text-align: center; margin-left: auto;}

}


@media only screen and (max-width: 768px) { 

	/* short */
	#link-buttons .container {justify-content: center; margin-bottom: 40px;}
		#link-buttons a.button {width: 100%; margin: 20px auto; max-width: 500px; display: block;}
	
	/* logo grid */
	#logo-grid ul li {width: 50%;}

	/* gallery */
	body .gallery-columns-3 .gallery-item {width: calc(33.3333% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-4 .gallery-item {width: calc(33.3333% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-5 .gallery-item {width: calc(33.3333% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-6 .gallery-item {width: calc(33.3333% - 20px) !important; margin: 10px !important;}
	
	/* events */
	#tribe-events-pg-template .container {padding: 0;}
	
	.gallery-item {min-width: 25%;}
	
	.main ul#speaker-list {padding: 10px 0 0 0; margin: 0;}
		.main ul#speaker-list li {margin: 0;}
		.bio-thumb {margin: 20px auto;}
		.bio-info {width: 100%;}
	#event-detail #speaker-list li .bio-info p {font-size: 14px;}				
	#event-detail h4.schedule-date-label {padding: 20px 0 0 0;}
	table.event-schedule {margin: 10px 0; width: 100%;}
		table.event-schedule td:nth-of-type(1n) {width: 100%; display: block; border: none; padding-bottom: 0; font-size: 14px;}
		table.event-schedule td:nth-of-type(2n) {width: 100%; display: block; padding: 0 0 10px 0;}
			table.event-schedule td:nth-of-type(2n) p {font-size: 14px;}

	/* news */
	.posts-grid { display: block; margin: 0; }
		.posts-grid li { width: 100%; margin: 20px auto 60px auto; max-width: 480px; }
		.posts-grid li a.read-more {width: 90%; max-width: 240px;}

}


@media only screen and (max-width: 475px) { 

	/* collapsomatic */

	/* footer */
	#footer .footer-top .footer-right h3 {text-align: center;}
	
	/* prev / next */
	.nav-links {display: block; }
		.nav-links .nav-previous, 
		.nav-links .nav-next {width: 100%; text-align: center; margin: 10px auto;}

	
	/* events */
	.gallery-item {min-width: 33.33%;}
	
	/* logo grid */
	#logo-grid ul li {width: 100%;}
		#logo-grid ul li img {width: auto; max-width: 250px; margin: auto;}

	/* gallery */
	body .gallery-columns-3 .gallery-item {width: calc(50% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-4 .gallery-item {width: calc(50% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-5 .gallery-item {width: calc(50% - 20px) !important; margin: 10px !important;}
	body .gallery-columns-6 .gallery-item {width: calc(50% - 20px) !important; margin: 10px !important;}

}