/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

.wpcf7 .register_title
{
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
}

#top .main_color .wpcf7 input[type='text'].wpcf7-not-valid
{
	border: 1px solid red;
}

.wpcf7 .wpcf7-form-control-wrap.checkbox .wpcf7-list-item
{
	display: block;
}

.wpcf7 span.wpcf7-list-item
{
	margin: 0px;
}

.icon_container
{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.icon_container span
{
	width: auto;
	height: auto;
}

.icon_container .header_icon
{
	height: 134px;
	
	display: inline-block;
	vertical-align: middle;
	
	margin: 0px 12px;
}

.icon_container .header_icon img
{
	height: 134px;
	/* width: 15%; */
}

.icon_container .social_icon img
{
	/* width: 3%; */
}

.icon_container #fawas_youtube img
{
	/* margin-bottom: 9px; */
}
.icon_container #fawas_logo img
{
	/* margin-bottom: 10px; */
	/* width: 20%; */
}

@media only screen and (max-width: 1200px) {
  /* Add your Mobile Styles here */
	.icon_container .header_icon img
	{
		height: 120px;
	}
	
	.icon_container .header_icon
	{
		height: 120px;
	}
}

@media only screen and (max-width: 1085px) {
  /* Add your Mobile Styles here */
	.icon_container .header_icon img
	{
		height: 110px;
	}
	
	.icon_container .header_icon
	{
		height: 110px;
	}
}

@media only screen and (max-width: 1001px) {
  /* Add your Mobile Styles here */
	.icon_container .header_icon img
	{
		height: 100px;
	}
	
	.icon_container .header_icon
	{
		height: 100px;
	}
}

@media only screen and (max-width: 826px) {
  /* Add your Mobile Styles here */
	.icon_container .header_icon img
	{
		height: 90px;
	}
	
	.icon_container .header_icon
	{
		height: 90px;
	}
}

@media only screen and (max-width: 768px) {
  /* Add your Mobile Styles here */
	#neben_icons
	{
		display: none;
	}
	
	.icon_container .header_icon img
	{
		height: 134px;
	}
	
	.icon_container .header_icon
	{
		height: 134px;
	}
}

@media only screen and (max-width: 480px) {
  /* Add your Mobile Styles here */
	
	.icon_container .header_icon img
	{
		height: 120px;
	}
	
	.icon_container .header_icon
	{
		height: 120px;
	}
}


@media only screen and (max-width: 436px) {
  /* Add your Mobile Styles here */
	
	.icon_container .header_icon img
	{
		height: 100px;
	}
	
	.icon_container .header_icon
	{
		height: 100px;
	}
}

@media only screen and (max-width: 400px) {
  /* Add your Mobile Styles here */
	
	.icon_container .header_icon img
	{
		height: 80px;
	}
	
	.icon_container .header_icon
	{
		height: 80px;
	}
}

@media only screen and (max-width: 350px) {
  /* Add your Mobile Styles here */
	
	.icon_container .header_icon img
	{
		height: 50px;
	}
	
	.icon_container .header_icon
	{
		height: 50px;
	}
}