/* -------------------------------------------------------------------
	Responsive eHome
------------------------------------------------------------------- */
.container {
	display: block;
}

#outer_table, .eh_outer_div {
	width: 100% !important;
}

#outer_table > div:nth-child(1) > div > img {
	padding: 20px 0;
}

.social {
	margin-top: 35px;
}

#header_section {
	margin-bottom: 35px !important;
	float: none !important;
}

#left_sidebar_section, #right_sidebar_section {
	width: 0;
}

div.ehome_button {
	height: 35px !important;
}

.languages {
display:none;
}

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

.navbar {
	min-height: 0;
}

.col-sm-8 table, .col-sm-6 table, .col-sm-4 table, .col-sm-3 table {
	max-width: 100% !important;
	width: 100% !important;
}

#main_section > div > div {
	overflow: visible !important;
	clear: both;
}

#main_section div[id*="content_"] {
	margin-bottom: 30px;
}

/* -------------------------------------------------------------------
	Helper Classes - Apply to eHome HTML Structure as Needed
------------------------------------------------------------------- */
/* Apply to a DIV around an iframe video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* -------------------------------------------------------------------
Responsive eHome Media Querries
------------------------------------------------------------------- */
@media (max-width: 991px) {

	#header_section {
		width: 100% !important;
	}

	/* Responsive Comment Form */
    form[action*="comments.php"] textarea, form[action*="comments.php"] input {
	    max-width: 80%;
    }

}

@media (max-width: 767px) {

	/* Make Columns and Sections full width */
	.col-sm-8, .col-sm-6, .col-sm-4 {
		width: 100% !important;
	}

	#left_sidebar_section {
		margin-bottom: 40px !important;
	}

	#right_sidebar_section {
		margin-top: 40px;
	}

	@media screen and (max-width:768px){
		#right_sidebar_section, #left_sidebar_section{margin-top:0;}
	}

	#header_section, #footer_section, #left_sidebar_section, #right_sidebar_section, .logo-img-container  {
		width: 100% !important;
		height: auto !important;
	}

	.row {
		margin: 0;
	}

	table,
    thead,
    tbody,
    th,
    td,
    tr {
	    max-width: 760px !important;
	    width: 100% !important;
	    display: block !important;
	    height: auto !important;
    }

    td {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
    }

    div[id^="content"] {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
    }

	/* Responsive table for agenda */
    .agenda_table table,
    .agenda_table thead,
    .agenda_table tbody,
    .agenda_table th,
    .agenda_table td,
    .agenda_table tr {
	    display: block;
	    width: 100% !important;
	}

	.agenda_table tr {
		border: solid 1px #eee;
	}

	/* Hide default ehome nav banner */
	td.header {
		display: none !important;
	}

    /* Responsive Images */
    img {
	    max-width: 100% !important;
	    height: auto;
	    margin: 0 auto;
    }

    /* iframe resize */
    iframe, #url {
	    max-width: 100%;
	    width: 100% !important;
	    /* height: auto !important; */
	    display: block !important;
    }

}