/*********************************************************************************/
/* Max-width: 1700px                                         				     */
/*********************************************************************************/	
@media screen and (max-width: 1280px) {
	.submenu-content{
		right: 214px;
	}
}

/*********************************************************************************/
/* Min-width: 1280px                                         				     */
/*********************************************************************************/	

@media screen and (min-width: 1280px) {
	#page{
		width: 1200px;
	}
}

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

	.submenu-content{
		right: 213px;
	}
}

/*********************************************************************************/
/* Max-width: 1100px                                         				     */
/*********************************************************************************/	

@media screen and (max-width: 1100px) {
	#menu li a {
		padding: 1.3em 1.0em;
	}
	
	.submenu-content{
		right: 199px;
	}
	
}
/*********************************************************************************/
/* Max-width: 960px                                         				     */
/*********************************************************************************/


@media screen and (max-width: 960px) {
	
	#logo{
	width:80%;
	max-width:400px;
	}
	
	#content{
		width: 100%;
	}
	
	#sidebar{
		width:100%;
		padding: 2em 0 0 0;
		border-top: 1px solid rgba(0,0,0,.1);
	}
	
	#contact ul{
		width:60%
	}

/*Menu*/	
	.resppanel{
		display: none;
	}
	
	
	.resptrigger{
		display:block;
		height: auto;
		position: absolute;
		top: 25px;
		right: 0px;
		z-index:999;
		padding-top: 0.8em;
	}
	
	.submenu:hover .submenu-content{
		display: none !important;
	}
	
	#menu
	{
		position: absolute;
		right: 0;
		top: 68px;
		z-index: 999;
		background-color:#242222;
		border-left: 1px solid rgba(0,0,0,.2);
	}
	
	
	
	#menu ul
	{
		display: block;
		padding: 1em 2em 0em 2em;
		text-align: center;
	}
	
	#menu li
	{
		display: block;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		padding: 1.3em 1.5em;
		text-decoration: none;
		color:#fff;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
		color:#ff0000;
		font-weight: 600 !important;
	}
	
	#menu .current_page_item a
	{
		background: #242222;
		color: #ff0000;
	}
	
		
	#menu .current_page_item a:hover
	{
		color: #000;
		background:#242222;
		font-weight: 600;
	}
	
	li.dropdown {
	display: inline-block;
	color: rgba(0,0,0,.6);
	}
	
	.dropdown-content {
	  display: none;
	  position: inherit;
	  background-color: #242222;
	  z-index: 10;
	  }
	
	.dropdown-content a {
	  color: #c6c6c6 !important;
	  padding: 0.5em 0 !important;
	  text-decoration: none;
	  display: block !important;
	  text-align: center;
	}
	
	.dropdown-content a:hover {
	background-color: #242222;
	color:#ff8787 !important;
		}
	
	.dropdown:hover .dropdown-content {
	display: block !important;
	}

	
/*********************************************************************************/
/* Max-width: 600px                                         				     */
/*********************************************************************************/	
	@media screen and (max-width: 600px) {
	
	.flex-container {
		  display: block;}
	
	.no-mobile {
		display: none;
	}	  
	
	.col {
		padding:2em 0;}
	.col img {
		width:90%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		
	.col_m {
		padding:0;}
	.col_m img {
		width:90%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 2em 0;
		border-top: 1px solid rgba(0,0,0,.1);
		border-bottom: 1px solid rgba(0,0,0,.1);
		}
	
	
	.col_1 {width:100%;}
	.col_2 {width:100%;}
	.col_3 {width:100%;}
	.col_4 {width:100%;}
	.col_5 {width:100%;}
	.col_6 {width:100%;}
	.col_7 {width:100%;}
	.col_8 {width:100%;}
	.col_9 {width:100%;}
	.col_10 {width:100%;}
	.col_11 {width:100%;}
	.col_12 {width:100%;}
	.col_13 {width:100%;}
	.col_14 {width:100%;}
	.col_15 {width:100%;}
	.col_16 {width:100%;}
	.col_17 {width:100%;}
	.col_18 {width:100%;}
	.col_19 {width:100%;}
	.col_20 {width:100%;}
	
	
	.centered-btns_nav{
		display: none;
	}


	table.plain td, th{
		padding: 0.3em 0;
		text-align:left;
		display: block;
	}

	table.plain td:first-child, th:first-child{
		width:100%;
	}
	
		
	table.side td, th{
		padding: 0;
		text-align:left;
	}
	
	table.side td:first-child, th:first-child{
		width:50%;
	}
	
}
	
/*********************************************************************************/
/* Max-width: 500px                                         				     */
/*********************************************************************************/	

@media screen and (max-width: 500px) {
	
	#logo{
	width:80%
	}
	
	#menu
	{
		position: absolute;
		right: 0;
		top: 55px;
		z-index: 999;
		background-color:#242222;
		border-left: 1px solid rgba(0,0,0,.2);
	}
	
	.resptrigger{
		height: auto;
		position: absolute;
		top: 10px;
		right: 0px;
		z-index:999;
		padding-top: 1em;
	}
	
	#contact ul{
		width:90%
	}
		
}