/************************************************************************************
smaller than 1500
*************************************************************************************/

@media screen and (max-width: 1500px) {}

/**** END 1500 ****/

/************************************************************************************
smaller than 1280
*************************************************************************************/

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


}

/**** END 1280 ****/

/************************************************************************************
smaller than 1180
*************************************************************************************/

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


}

/**** END 1180 ****/

/************************************************************************************
smaller than 1024
*************************************************************************************/

@media screen and (max-width: 1024px) {
	.table-main {
		width: 100%;
	}

} /**** END 1024 ****/

/************************************************************************************
smaller than 900
*************************************************************************************/

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

/**** Menu ****/
#menu {
padding: 0.5em;
}

.icon-menu {
display: inline-block;
}

#menu-nav {
z-index: 9999;
width: 100%;
display: none;
position: absolute;
top: 46px;
left: 0;
background: rgba(0,0,0,0.75);
}

#menu-nav li {
display: block;
text-align: left;
border-top: 1px solid rgba(255,255,255,0.10);
}

#menu-nav li a,#menu-nav li span {
padding: 0.75em;
}


.title-size,.title-size-small {
width: auto;
}

.column-half {
width: 100%;
margin: 10px auto;
}

.column-third {
width: 47%;
}


/*** Home ***/
.bg-home {
background: #000 url(../images/bg-home-mobile.jpg) no-repeat center top fixed;
}

#home-content {
width: 100%;
padding: 0.5em;
}

/*** About ***/	
.bg-about {
background: #fff url(../images/bg-about-mobile.jpg) no-repeat center top fixed;
}



/*** Groups ***/
#groups-content {
width: 100%;
height: 100%;
padding: 2em 0.5em;
}

.bg-groups {
background: #fff url(../images/bg-groups-mobile.jpg) no-repeat center top fixed;
}

/*** Videos ***/
.bg-videos {
background: #000 url(../images/bg-videos-mobile.jpg) no-repeat center top fixed;
}


/*** Resources ***/
.bg-resources {
background: #000 url(../images/bg-resources-mobile.jpg) no-repeat center top fixed;
}

/*** Updates ***/
.bg-updates {
background: #fff url(../images/bg-updates-mobile.jpg) no-repeat center top fixed;
}

}

/**** END 900 ****/

/************************************************************************************
smaller than 768
*************************************************************************************/

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

.column-half-flex {
width: 100%;
margin: 10px auto;
}

.flex-equal-height {
display: block;
}
	
	#content-pad {
		padding: 2em 1em;
	}


}/**** END 768 ****/

/************************************************************************************
smaller than 640
*************************************************************************************/

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

.footer-left,.footer-right {
display: block;
width: 100%;
text-align: center !important;
}

.billing-size {
width: 100%;
}

.column-third {
width: 100%;
margin: 10px auto;
}

}

/**** END 640 ****/

/************************************************************************************
smaller than 480
*************************************************************************************/

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

.button-main {
display: block;
margin: 5px auto;
}

.image-brdr-float {
float: none;
margin: 10px;
}


} /**** END 480 ****/

/************************************************************************************
smaller than 320
*************************************************************************************/

@media screen and (max-width: 320px) {}

/**** END 320 ****/