/*  RESPONSIVE   ==================================================================== */

@media only screen and (max-width: 720px) {
	.row { 
		margin: 1% 0 1% 0%;
	}

}

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

	.col-6-12 {
		width: 48.2%;
		margin: 1% 0 1% 3.2%;
	}
	
	.col-6-12:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
	
	.col-4-12 {
		width: 48.2%;
		margin: 1% 0 1% 3.2%;
	}
	
	.col-4-12:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

	.col-3-12 {
		width: 48.2%;
		margin: 1% 0 1% 3.2%;
	}
	
	.col-3-12:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

}

@media only screen and (max-width: 720px) {
	.col-2-2,
	.col-1-2,
	.col-3-3,
	.col-2-3,
	.col-1-3,
	.col-4-4,
	.col-3-4,
	.col-2-4,
	.col-1-4,
	.col-5-5,
	.col-4-5,
	.col-3-5,
	.col-2-5,
	.col-1-5,
	.col-6-6,
	.col-5-6,
	.col-4-6,
	.col-3-6,
	.col-2-6,
	.col-1-6,
	.col-7-7,
	.col-6-7,
	.col-5-7,
	.col-4-7,
	.col-3-7,
	.col-2-7,
	.col-1-7,
	.col-8-8,
	.col-7-8,
	.col-6-8,
	.col-5-8,
	.col-4-8,
	.col-3-8,
	.col-2-8,
	.col-1-8,
	.col-9-9,
	.col-8-9,
	.col-7-9,
	.col-6-9,
	.col-5-9,
	.col-4-9,
	.col-3-9,
	.col-2-9,
	.col-1-9,
	.col-10-10,
	.col-9-10,
	.col-8-10,
	.col-7-10,
	.col-6-10,
	.col-5-10,
	.col-4-10,
	.col-3-10,
	.col-2-10,
	.col-1-10,
	.col-11-11,
	.col-10-11,
	.col-9-11,
	.col-8-11,
	.col-7-11,
	.col-6-11,
	.col-5-11,
	.col-4-11,
	.col-3-11,
	.col-2-11,
	.col-1-11,
	.col-12-12,
	.col-11-12,
	.col-10-12,
	.col-9-12,
	.col-8-12,
	.col-7-12,
	/* .col-6-12, */
	.col-5-12,
	/* .col-4-12, */
	/* .col-3-12, */
	.col-2-12,
	.col-1-12,
	.col-half {
		width: 100%; 
	}
}


/*  LOGO/SITENAME  ==================================================================== */

@media only screen and (max-width: 720px) {
	
header h1 {
	text-align: center;
}

.headgap {
	padding-top: 8.5em;
}

		
}

/*  MENU   ==================================================================== */

@media only screen and (max-width: 720px) {
	
#dropmenucontainer {
	display: none;
}

#expand_menu {
	display: block;
}

}

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

#container-expand {
	display: none !important;
}

}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {
	
.dropmenu li {
	font-size: 1.15em;
	margin: 0 0 0 .5em;
}

.dropmenu li li a, 
.dropmenu li li a:link, 
.dropmenu li li a:visited {
	font-size: .8em;
}

.dropmenu li li li a, 
.dropmenu li li li a:link, 
.dropmenu li li li a:visited {
	font-size: .7em;
}

.dropmenu li ul {
	width: 13em;
	margin: 0 0 0 -66px;
}

.dropmenu li li ul {
	width: 11.25em;
}

}

@media only screen and (min-width: 800px) and (max-width: 999px) {
	
#dropmenucontainer {
	margin: .25em 0 0 0;
}

.dropmenu li {
	font-size: 1em;
	margin: 0 0 0 .5em;
}

.dropmenu li li a, 
.dropmenu li li a:link, 
.dropmenu li li a:visited {
	font-size: 1em;
}

.dropmenu li li li a, 
.dropmenu li li li a:link, 
.dropmenu li li li a:visited {
	font-size: 1em;
}

.dropmenu li ul {
	width: 14em;
	margin: 0 0 0 -68px;
}

.dropmenu li li ul {
	width: 14.1em;
	margin: -15px 0 0 -158px;
}

}

@media only screen and (min-width: 721px) and (max-width: 799px) {
	
#dropmenucontainer {
	margin: .25em 0 0 0;
}

.dropmenu li {
	font-size: 1em;
	margin: 0 0 0 .25em;
}

.dropmenu li li a, 
.dropmenu li li a:link, 
.dropmenu li li a:visited {
	font-size: 1em;
}

.dropmenu li li li a, 
.dropmenu li li li a:link, 
.dropmenu li li li a:visited {
	font-size: 1em;
}

.dropmenu li ul {
	width: 14em;
	margin: 0 0 0 -68px;
}

.dropmenu li li ul {
	width: 14.1em;
	margin: -15px 0 0 -158px;
}

}


/*  TEAM   ==================================================================== */

@media only screen and (min-width: 720px) and (max-width: 900px) {
	
.content-team .overlay span .fa {
	font-size: 2em;
}

.content-team .overlay span h4 {
	font-size: 1.25em;

}

}

@media only screen and (max-width: 468px) {
	
.content-team .overlay span .fa {
	font-size: 2em;
}

}


/*  CONTAINERS   ==================================================================== */

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

.content-widget,
.content-announce,
.content-announce2,
.content-blog,
.content-gallery,
.content-social,
.container-youtube,
.container-action,
.content-slider {
	padding: 4em 0 4em 0;
}

#content-comments {
	padding: 6em 0 5em 0;
}

.container-grid {
	padding: 4em 0 2em 0;
}

.content-team-title,
.content-gallery-title {
	padding: 4em 0 0 0;
}

.content-team,
.content-gallery {
	padding: 0;
}

.content-typer {
	padding: 4em 0 3em 0;
}


.content-typer h1 {
			font-size: 2em;

}

.socialmedia a {
	padding: 1em;
}

#container-head {
	min-height: 8.5em;
}

}

@media only screen and (min-width: 721px) and (max-width: 99999px) {
	
#container-expand {
	display: none;
}

}

/*  TITLES   ==================================================================== */

@media only screen and (min-width: 468px) and (max-width: 720px) {

.content-announce h1,
.content-announce2 h1,
.content-action h1,
.content-widget h1,
.content-team-title h1,
.content-grid-title h1,
.content-gallery-title h1,
.content-price-title h1 {
			font-size: 3em;
}

}

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

.content-announce h1,
.content-announce2 h1,
.content-action h1,
.content-widget h1,
.content-team-title h1,
.content-grid-title h1,
.content-gallery-title h1,
.content-price-title h1 {
			font-size: 2em;
}

}


/*  TEXT   ==================================================================== */

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


.rightalign {
	text-align: center;

}

.leftalign,
.logoalign {
	text-align: left;

}

.posttags ul li {
	float: none;
	display: inline-block;
}

}

/*  FOOTER   ==================================================================== */

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


footer p,
.footmenu li {
	font-size: 1em;
}

}

/*  PRICE TABLES   ==================================================================== */

@media only screen and (min-width: 720px) and (max-width: 1000px) {


.table_mid ul li {
	font-size: 1em;
}

}

/*  IMAGES   ==================================================================== */

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

.postimg {
	margin: 0 auto 4em;
	float: none;
	text-align: center;
	max-width: none;
}

}


/*  GALLERY (Jetpack)   ==================================================================== */

@media only screen and (min-width: 721px) and (max-width: 1000px) {

.gallery-item img {
	max-width: 10em;
}

}

@media only screen and (min-width: 481px) and (max-width: 720px) {

.gallery-item img {
	max-width: 7em;
}

}

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

.gallery-item img {
	max-width: 5em;
}

}