/*
 Table Of Contents
 1.) Media Query for Handheld Devices
 2.) Media Query for Tablet
 3.) Media Query for mobile
 4.) Media Query Fixes
 ===============================================*/
/*
 1.) Media Query for Handheld Devices
 ===============================*/
@media only screen and (min-width : 1003px) and (max-width : 1160px){
/* Styles */

}


/*
 2.) Media Query for Tablet
 ===============================*/
@media only screen and (min-width : 768px) and (max-width : 1002px) {
/* Styles */

/*****Home Page
*
**/

	.new-grid-wrap {
		float: none;
		width: auto;
		margin: 0;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
	}

	.container{
		padding: 0 15px;
	}

	h1{
		font-size: 4.9em;
	    font-weight: 900;
	    line-height: 50px;
    	margin: 0 0 15px;
	}

	h2{
		font-size: 3em;
	}

	h3{
		font-size: 1.8em;
	}


	.banner h1 span{
	 	font-size: 36px;
	}

	.submenu li a{
		font-size: 2.5em;
	}

	.submenu .container{
		padding: 54px 0 250px;
	}

	.go-btn{
		display: inline-block;
    	font-size: 1.5em;
    	font-weight: 700;
    	line-height: 20px;
    	margin: 0 0 76px;
    	padding: 7px 50px 7px 14px;
    	background-position: 92% 5px;
	}

	.join-cont > div{
		width: 72%;
	}

	.join-cont img{
		margin: -9px 7px 0 0;
	}

	.join-cont p{
		font-size: 1.3em;
	}

	.join-form input[type="text"]{
		font-size: 1.3em;
		min-height: 43px;
	    padding: 8px 12px;
	    min-width: 69%;
	}

	.join-btn{
		font-size: 1.3em;
	}

	.community-left{
		width: 61%;
	}

	.location{
		width: 33%;
	}

	.location li a{
		 font-size: 2em;
		 background-position: 100% 0px;
	}

	.slick-info{
		padding: 13px 30px 20px 15px;
	}

	.slick-info span, .slick-info small{
		font-size: 1.6em;
	}

	.find-btn, .start-btn{
		 font-size: 1.6em;
		  padding: 15px;
		  margin-top: 145px;
	}

	.meet-info {
    	background-size: cover;
    	min-height: 327px;
	}

	.connect {
		background-size: 30% auto;
		position: relative;
		top:40px;
	}

	.connect-sec{
		padding: 15px 0 16px;
	}

	.connect-sec h3{
		font-size: 1.6em;
		width: auto;
	}

	.grid-wrap {
		margin: 0 22px 0 0;
	}

	.new-grid-wrap {
		margin: 0;
	}

	.footer-logo{
		width: 90%;
		margin:0 0 10px 0;
	}

	.footer-menu form input[type="text"]{
		width: 80%;
	}

	.footer-menu ul li {
		list-style-type: none;
		margin: 0 0 7px;
		text-align:left;
		padding: 0 0 0 20px;
	}

	.footer-menu ul li a{
		font-size: 1.3em;
	}

	.footer-join > form{
		 width: 78%;
	}

	.footer-join form input[type="text"]{
		min-width: 78%;
		padding: 8px 10px;
		font-size: 1.2em;
	}

	.join-btn{
		min-width:20%;
	}

	.social-link{
		padding: 3px 0 0 15px;
	}

	.social-link li{
		margin: 0 6px 0 0;
	}


	.video-title span{
		font-size: 1.3em;
	}

	.video-title strong{
		font-size: 26px;
	}

	.select-video small{
		 font-size: 6.7em;
	}

	.sponsors ul li img{
		width: 80%;
	}

	.grid-cont h3{
		font-size: 1.8em;
    	line-height: 1.2;
    	margin: 0 0 10px;
	}

	.grid-cont1 {
	    left: 13px;
	    top: 65px;
	}

	.read-more{
		padding: 10px;
    }

    .read-more p{
    	font-size: 1.2em;
    }

    .read-more1{
    	padding: 10px !important;
    }

    .grid-cont h2{
    	font-size: 3.5em;
    }

    .grid-sec {
  	    margin-bottom: 20px;
	}

	.sponsors {
    	margin: 0 0 15px;
	}

	.grid-item{
		height: auto !important;
	}

	.grid {
	    width: 102%;
	}


/*****SinglePost Page
*
**/

	.post #content .container{
		padding: 0 15px;
	}

	.post-wrap h2{
		line-height: 1.2;
    	margin: 0 0 25px;
	}

 	.post-detail span{
 		font-size: 14px;
 		line-height: 18px;
    	margin: 0 0 5px;
 	}

 	.post-article p{
 		font-size: 1.4em;
    	line-height: 1.6;
    	margin: 0 0 8px;
 	}

 	.post-detail strong{
 		 font-size: 1.5em;
    	 margin: 0 0 15px;
 	}

 	.post-article blockquote{
 		 font-size: 1.7em;
    	line-height: 1.7;
 	}

 	.social-share li:first-child span{
 		font-size: 1.6em;
 		margin-right: 15px;
 	}

 	.social-share li a{
 		font-size: 1.5em;
 	}

 	.prev, .next{
 		font-size: 1.8em;
 	}

 	.prev{
 		background-position: 15px 4px;
 	}

 	.next{
 		background-position: 90% 4px;
 	}



/*****Blog Page
*
**/

	.header-wrap{
		margin: 0 0 30px 0;
	}

 	.blogpage #content .container {
 		padding: 0 15px;
 	}

 	.filter-sec h2{
 		 font-size: 6em;
    	line-height: 1.2;
    	margin: 0 0 30px;
 	}

 	.filter-sec h2 > span{
 		font-size: 28px;
 		line-height: 1.2;

 	}

 	.grid-cont{
 		bottom: 80px;
    	left: 15px;
 	}

 	.grid-img-wrap {
 	   margin: 0 0 40px;
	}

	.load-more{
		font-size: 2em;
	}


	.menu-wrap li:first-child span{
		font-size: 1.5em;
	}

	.menu-wrap li a{
		font-size: 1.2em;
	}


/*****family Page
*
**/

	.advisors, .staff{
		 margin: 0 0 45px;
	}

	.partner-wrap h1{
		font-size: 4em;
		margin: 0 0 45px;
	}

	.partner-wrap h1 span{
		font-size: 32px;
	    font-weight: 300;
	    line-height: 45px;
	}

	.family .container{
		padding: 0 15px;
	}

	.member-box{
		 float: left;
	    margin: 0 18px 0 0;
	    width: 32%;
	}

	.member-box figcaption{
		font-size: 2.2em;
	}

	.member-blog p, .member-blog a{
		 font-size: 1.2em;
	}

	.member-blog p{
		margin: 0 0 15px;
	}

	.member-blog {
	    padding: 15px 20px 15px 15px;
	}


/*****Meet Page
*
**/

	.location-area li {
	   margin: 0 18px 18px 0;
	 }

	 .meet-ups h1 span{
	 	font-size: 34px;
	 }

	 .meet-ups h1 span a::before{
	 	width: 223px;
	 	bottom:4px;
	 }

	 .meet-ups h1 span a::after{
	 	left: 233px;
	 	bottom:4px;
	 }

	.location-area li figcaption{
		font-size: 2.2em;
	}


}


/*
 3.) Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px){
/* Mobile Grids */

/*
 * HomePage
*/
	.go-left .quote {
		font-size: 1.8em;
	}

	.new-grid-wrap {
		float: none;
		width: auto;
		margin: 0;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
	}

	.container {
		padding: 0 10px;
	}

	img {
		max-width: 100%;
		height: auto;
	}


	h1 {
	    font-size: 3.2em;
	    line-height: 1.3;
	    margin: 0 0 26px;
	}

	h2{
		font-size: 2.6em;
		margin: 0 0 18px 0;
	}

	h3{
		font-size: 1.7em;
	}

	.submenu li{
		margin: 0 0 10px;
	}

	.submenu li a{
		font-size: 2.5em;
	}

	.submenu .container{
		background-position: center top;
	}

	.logo {
		width:65%;
	}

	.header-wrap {
		padding: 40px 0 0 0;
	}

	.menu{
		font-size: 1.4em;
	    line-height: 16px;
	    margin: 8px 0 0;
	    padding: 8px 0 0 0;
	}

	.menu.close{
		background-position:  right 8px;
		height: 40px;
	}

	.go-btn{
		background-size: 28% auto;
	}

	.banner h1 span{
		font-size: 25px;
	}

	.go-btn{
		font-size: 1.5em;
	    line-height: 20px;
	    padding: 7px 42px 7px 12px;
	}

	.banner {
   	   margin: 0 0 40px;
	}

	.video {
	    float: none;
	    width: 100%;
	    margin: 0 0 10px 0;
	}

	.video-title{
		text-align:center;
		margin: 0 0 10px;
	}


	.video-icon {
    	height: auto;
    	width: 15%;
	}

	.video > img, .video1>img{
		width:100%;
	}

	.grid-wrap {
	    float: none;
	    margin: 0 0 20px;
	    width: 100%;
	}

	.new-grid-wrap {
		float: none;
		margin: 0 0 20px;
		width: 100%;
	}


	.select-video {
	    float: none;
	    padding: 0;
	    width: 100%;
	}

	.join-sec{
		background: #000000;
	}

	.join-form{
		background: url("../images/join-bg.png") no-repeat scroll right bottom #000000;
		margin: 0 0 40px;
		background-size:cover;
	}

	.join-cont {
	    float: none;
	    width: 100%;
	    text-align:center;
	    margin: 0 0 10px 0;
	    display: inline-block;
	}

	.join-cont p{
		width: 100%;
		 margin: 0 0 5px 0;
	}

	.join-form {
	    float: none;
	    width: 100%;
	}

	.join-cont img{
		float: none;
		margin: 0 0 15px 0;
	}

	.join-cont > div{
		float: none;
    	width: 100%;
    	margin: 0 0 10px 0;
	}

	.join-form input[type="text"]{
		font-size: 1.2em;
	    margin: 0 8px 0 0;
	    min-height: 43px;
	    min-width: 75%;
	    padding: 8px 10px;
	}

	.join-btn{
		font-size: 1.2em;
	    min-height: 43px;
	    min-width: 22%;
	    padding: 5px 10px;
	}

	.grid-img-wrap {
    	margin: 0 0 40px;
	}

	.grid-cont h3{
		font-size: 2.2em;
	    line-height: 1.2;
	    margin: 0 0 15px;
	}

	.slider-btn{
		font-size: 1.2em;
	}

	.read-more{
		 padding: 15px;
	}

	.read-more p{
		font-size: 1.2em;
	}

	.grid-cont h2{
		 font-size: 4.5em;
	}

	.connect{
		padding: 25px 85px 25px 0;
	}

	.grid-position1 {
    	bottom: 0;
	}

	.grid-cont{
		left: 15px;
	}

	.community-left {
	    float: none;
	    width: 100%;
	    margin: 0 0 30px;
	}

	.slick-info{
		 padding: 15px 25px 25px 15px;
	}

	.slick-info span, .slick-info small{
		 font-size: 1.3em;
		 line-height: 1.3;
	}

	.location {
	    float: none;
	    padding: 0;
	    width: 100%;
	}

	.location li {
	    list-style-type: none;
	    margin: 0 0 15px;
	    text-align: left;
	}

	.location li a {
	    background: url("../images/loc-arrow.png") no-repeat scroll 95% 0 rgba(0, 0, 0, 0);
	    color: #575757;
	    font-family: "Raleway",sans-serif;
	    font-size: 2em;
	    line-height: 1.1;
	    padding: 0 30px 0 0;
	    position: relative;
	}

	.community-video{
		margin: 0 0 10px;
	}

	.meet-info {
	    background-position: center top;
	    background-size: 100% 100%;
	    min-height: 245px;
	    padding: 0;
	}

	.find-btn, .start-btn{
		font-size: 1.2em;
	    font-weight: 900;
	    margin-top: 105px;
	    padding: 10px;
	}

	.sponsors {
	    margin: 0 0 20px;
	    text-align: center;
	}

	.sponsors > h2 {
    	margin: 0 0 40px;
	}

	.sponsors ul li{
		display: inline-block;
		width: 50%;
	}

	.sponsors ul li:nth-child(4n+1) {
	    text-align: center;
	    width: 100%;
	}

	.sponsors ul li {
	    display: inline-block;
	    width: 100%;
	    margin: 0 0 20px 0;
	}

	.sponsors ul li:nth-child(4n+1) {
	    text-align: center;
	    width: 100%;
	}

	.sponsors ul li:nth-child(4n+4){
		text-align:center;
	}

	.connect-sec h3{
		font-size: 1em;
		width: 100%;
	}

	.footer-logo{
		margin:0 0 10px 0;
	}


	.footer-join > form {
	    margin: 0 auto;
	    width: 90%;
	}

	.footer-menu {
    	float: none;
	    margin: 0 0 25px;
	    text-align: center;
	    width: 100%;
	}

	.footer-menu ul li a{
		font-size: 1.3em;
	}

	.footer-join {
	    float: none;
	    margin: 0 0 25px;
	    padding: 30px 0;
	    position: relative;
	    width: 100%;
	    text-align:center;
	}

	.social-link {
	    float: none;
	    padding: 0;
	    text-align: center;
	    width: 100%;
	}

	.footer-menu {
	    float: none;
	    text-align: center;
	    width: 100%;
	}

	.footer-menu ul li{
		padding: 0;
   		text-align: center;
	}

	.footer-menu ul li:first-child {
	    padding: 0;
	    text-align: center;
	}

	.secondary-footer{
		font-size: 1.1em;
    	line-height: 1.6;
    	padding-bottom: 20px;
	}

	.footer-join form >div{
		text-align:center;
	}

	.footer-join form input[type="text"] {
   		min-width: 70%;
   		font-size: 1.2em;
	}

	.footer-join::after{
		background: none repeat scroll 0 0 #ffffff;
	    content: " ";
	    height: 1px;
	    left: 0;
	    margin: 0 auto;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 143px;
	}

	.footer-join::before {
	    background: none repeat scroll 0 0 #ffffff;
	    bottom: 0;
	    content: " ";
	    height: 1px;
	    left: 0;
	    margin: 0 auto;
	    position: absolute;
	    right: 0;
	    top: inherit;
	    width: 143px;
	}

/*****SinglePost Page
 *
**/

	.header-wrap{
		margin: 0 0 40px;
	}

	.post #content .container{
		padding: 0 10px;
	}

	.post-wrap h2{
		line-height: 1.2;
    	margin: 0 0 25px;
        width: 100%;
        font-size: 2.4em;
	}

	.post-detail span{
		font-size: 13px;
		line-height: 17px;
		 margin: 0 0 5px;
	}

	.post-detail strong{
		font-size: 1.4em;
	    font-weight: 900;
	    margin: 0 0 15px;
	}

	.post-article{
		padding: 0;
		width: 100%;
	}

	.post-article p{
		font-size: 1.3em;
    	line-height: 1.5;
	}

	.post-article blockquote{
		font-size: 1.6em;
    	line-height: 1.6;
    	margin: 30px 0;
    	padding: 20px 15px;
	}

	.social-share{
		margin: 0 0 40px;
    	padding: 20px 0 0 6px;
	}

	.social-share li:first-child span{
		font-size: 1.6em;
    	font-weight: 900;
    	margin-right: 15px;
	}

	.social-share li a{
		font-size: 1.4em;

	}

	.prev-next {
		text-align:center;
	}

	.prev,.next{
		float: none;
		display: block;
		margin: 0 0 20px 0;
	}


/*****Blog Page
 *
**/

	.blogpage #content .container{
		padding: 0 10px;
	}

	.filter-sec h2{
		font-size: 5em;
	    line-height: 1.2;
	    margin: 0 0 30px 0;
	}

	.filter-sec h2 > span{
		font-size: 20px;
	    font-weight: 400;
	    line-height: 1.4;
	}

	.menu-wrap li{
		margin: 0 5px 10px 0;
	}

	.menu-wrap li a{
		font-size: 1.2em;
	}

	.menu-wrap {
    	margin: 0 0 20px;
	}

	.menu-wrap li:first-child{
		display: block;
	}

	.menu-wrap li:first-child span{
		font-size: 1.3em;
	}


/*****family Page
*
**/

	.advisors, .staff {
 	   margin: 0 0 40px;
	}

	.partner-wrap h1{
		font-size: 2.8em;
	    margin: 0 0 35px;
	}

	.partner-wrap h1 span{
		 font-size: 18px;
    	line-height: 25px;
	}

	.member-blog{
		 padding: 25px 18px 25px 20px;
	}

	.member-blog p, .member-blog a{
		font-size: 1.2em;
	}

	.member-blog p{
		margin: 0 0 15px;
	}

	.family .container{
		padding: 0 15px;
	}

	.member-box,.staff .member-box {
	    float: none;
	    margin: 0 0 20px 0;
	    width: 100%;
	}

	div.member-box:last-child{
		margin: 0 0 20px 0;
		width:100%;
	}

	.member-box figcaption{
		font-size: 2.5em;
		left:12px;
	}


/*****Meet Page
*
**/

	.meet-ups h1{
		font-size: 4em;
	}

	.meet-ups h1 span{
		display: block;
    	font-size: 28px;
	}

	.location-area li {
	    float: none;
	    list-style-type: none;
	    margin: 0 0 22px 0;
	    width: 100%;
	}

	.location-area li:nth-child(3n+3){
		margin: 0 0 22px 0;
	}

	.meet-ups h1 span a::before{
		bottom: 3px;
   		left: 0;
    	width: 184px;
	}

	.meet-ups h1 span a::after{
		bottom: 3px;
	    left: 190px;
	    width: 5px;
	}




}


/*
 4.) Media Query Fixes
 ===============================*/

/*Map dot alignment only works screens >=1010px*/
@media screen and (max-width: 1010px) {
	.map_container {
		position: absolute;
		left: -9999px
	}
}



@media only screen and (max-width : 570px){
	.new-grid-wrap {
		float: none;
		width: auto;
		margin: 0;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 5px; /* Chrome, Safari, Opera */
		-moz-column-gap: 5px; /* Firefox */
		column-gap: 5px;
	}
}