/* CSS Document */

body, html { padding:0; margin: 0; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; }

.row { display: block; margin: 0; padding: 0; min-width: 1200px; width:100%; }
.wrapper { display: block; width: 1200px; margin: 0 auto; padding:0; }
.left { float: left; }
.right { float: right; }
.aleft { text-align: left; }
.aright { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.clear { clear: both; }
.padding { padding: 35px; }
.pad-half{ padding:20px;}
.pad-sides{padding: 0 35px;}
.pad-vert{padding: 35px 0;}
.pad-bottom{padding-bottom:20px;}
.pad-left{padding-left: 35px;}
.pad-right{padding-right: 35px;}
.inline-block { display: inline-block; }
.valign{vertical-align:middle;}

.border{border:1px solid #7b858e;}
.border-bottom{border-bottom:1px solid #7b858e;}


.ninety { width: 88%; }
.eighty { width: 78%; }
.seventy { width: 68%; }
.sixty { width: 58%; }
.sixty-five { width: 65%; }
.fifty { width: 48%; }
.forty { width: 38%; }
.thirty { width: 28%; }
.quarter{ width: 23%; padding:1%;}
.twenty { width: 18%; }
.ten { width: 8%; }
.third{ width: 31%; padding:1%;}
.thirteen { width: 13%; }


.table{display:table;}
.table div{display:table-cell;}

.table .ninety { width: 90%; }
.table .eighty { width: 80%; }
.table .seventy-five { width: 75%; }
.table .seventy { width: 70%; }
.table .sixty { width: 60%; }
.table .sixty-five { width: 65%; }
.table .fifty { width: 50%; }
.table .fiftyfive { width: 55%; }
.table .forty { width: 40%; }
.table .thirty { width: 30%; }
.table .third{ width: 33.3%; padding:0;}
.table .quarter{ width: 25%; padding:0; }
.table .twenty { width: 20%; }
.table .fifteen { width: 15%; }
.table .thirteen { width: 13%; }
.table .ten { width: 10%; }



.relative { position: relative; }
.absolute { position: absolute; }

@media screen and (max-width:1200px) {
	.stack-tablet { display: block; float: none; }
	.row {min-width:10px !important;}
	.wrapper{width:90% !important; padding:0 10px !important;}
	.content img{ width:100% !important; margin-left:0% !important; float:none !important;}
	.content .left img, .content .right img{ width:90% !important; height:auto !important;}
}
@media screen and (max-width:1074px) {
	#leftSide{width:20%;}
	.cta{width:80%; right:0;}
	.hide-tablet{display:none !important;}
}
@media screen and (max-width:920px) {
	.mahesh-overview{height:auto;}
	.absolute-bottom{position:relative;}
}
@media screen and (max-width:900px) {
	.tweener{clear:both;}
}
@media screen and (max-width:800px) {
	.footer-top{margin:0 20%;}
	.footer-bottom{width:104%;padding:0 5%; float:none; display:block!important;text-align:center;}
}
@media screen and (max-width:700px) {
	#header .mobile{ display:block !important; }
	#header .nav, #header .subnav{ display:none; }
	#header_home .mobile{ display:block !important; }
	#header_home .nav, #header_home .subnav{ display:none; }
	.show-reader{display:block !important;}
	.hide-nav{display:none;}
	.cta{width:100%;}
	.cta a{text-decoration:none !important;}
	
}
@media screen and (max-width:640px) {
	.stack-reader { display: block !important; float: none !important; width:90% !important; margin:auto 5% !important; }
	.stack-p {}
	#header #logo{width:200px; }
	#header #logo img{width:100%;}
	#header {height:80px !important;}
	.stack-phone{float:none;text-align:center;}
	.stack-mobile { float:none; width:auto !important; text-align: center;}
	.work-type h1 { text-align: center; }
	a.projectLink{width:80%;margin:15px 10%;}
	.content-left{width:70%;margin:auto 15%}
	.content-right{display:inline-block;width:70%;margin:auto 15%}
	.stack-left{float:left !important;}
	.stack-right{float:right !important;}
	.pad-sides{padding:0}
	.footer-top{width:104%;margin:0 20%;}
	.hide-reader{display:none !important;}
	
	#infoTable{width:100% !important;}
	.membership-heading, .membership-overview{position:relative !important; width:25% !important; right:auto !important; text-align:center;}
	.membership-heading img {display:none;}
	.membership-overview h1{font-size:14px;}
	.cta{position:relative !important;}
	.cta .ctabox{margin-bottom:20px !important;}
	.box-head .fifteen, .box-head .quarter{ width:0px;}
	.membership-overview{width:100% !important; text-align:right !important; background-color:#26c3a5;}
	.membership-overview h1{margin-right:2%;}
	.event-table{margin-top:50px !important;}
	.event-table td{display:block; border:none !important;}
	.event-table td img{width:80%;}
	
	.event-table tr{display:block;margin-bottom:6px;}
	
	.event-table tr:nth-child(1){display:none;}
	
	.banner p{width:85%;}
	
	.unique_item{text-align:center;}
	.unique_item .info_btn{position:relative;}
	.unique_item img{margin-bottom:0;}
	.banner{padding-top:110px;}
	
}
@media screen and (max-width:400px) {
	
	#joinNow{display:none !important;}
	/*footer*/
	.content-left{display: block !important; float: none !important; width:90% !important; margin:auto 5% !important;}
	.content-right{display: block !important; float: none !important; width:90% !important; margin:auto 5% !important;}
	.stack-phone { display: block !important; float: none !important; width:90% !important; margin:auto 5% !important;}
	.stack-phone h4{font-size:16px;}
	
	
	/*footer*/
	#footer{float:none;width:100%; text-align:center;padding:0!important;}
	.pad{padding-right:0;}
	.one{padding-top:12px;}
	.footer-info{float:right;}
	#footer img{width:80%; height:auto;float:left;}
	#footer2{float:none !important; width:100%; text-align:center;display:block;}
	#footer2 .phone{font-size:28px !important;}
	.footer-top{width:80%;margin:0 18%!important}
	.footer-top img{position:relative;width:100%;height:auto;}
	.footer-bottom{width:50%; margin:0 20% !important;}
	.hide-mobile{display:none !important;}
	
	.cart, .checkout-box{width:100% !important; margin: 0 !important; font-size: 0.8em;}
	.cart h4{font-size: 14px;}
	
	.socialCol{padding-top: 20px !important;}
}