/* Mobile CSS Document */

@media (max-width: 767px) {
		
	.about_us {
		margin-right:0px;
		padding-bottom:25px;
	}
	
	#site_popup {
		background-color: #FFF;
		z-index: 101;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin-left: 0px;
	}
	
	#loading_popup {
		width: 100%;
		margin-left: 0px;
		left: 0;
		padding-left: 0px;
		top: 0px;
		border-left: 0px;
		border-right: 0px;
	}
	
	#loading_popup a {
		margin-left:15px;
	}
	
	.section, .section_wide {
		padding: 5px 10px 10px 10px;	
		border-bottom:none;	
	}
	
	.section_2, 
	.section_3, 
	.section_4, 
	.section_4_3, 
	.section_3_2, 
	.section_wide_3, 
	.section_wide_2, 
	.section_wide_3_2, 
	.section_wide_4, 
	.design_example,
	.section_3_trans,
	.section_wide_3_trans,
	.section_3_2_trans,
	.section_wide_3_2_trans
	 {
	    width: 100%;
	    display: block;
	    padding: 10px 10px;
	    box-sizing: border-box;
	    margin: 10px 0px;
	}
	
	.mobile_signin_button {
		display: block;
	}
	
	#login_link {
		display:none;
	}
	
	.mobile_button_inusermenu {
		display:inline-block;
		margin-left: 10px;
	}
	
	.mobile_button_header {
		display:inline-block;
		margin-top:5px;
	}
	
	.container h1{
		text-align:center;
		font-size: 20px;
	}

	.container {
		width: 100%;
	}

	.body_logged_in .container {
		padding-top: 60px;
	}

	.section h1{
		text-align:left;
	}
	
	.testimonial {
		overflow: hidden;
		float:none;
		text-align:center;
		width:auto;
		padding-right:15px;
	}
	
	.playmovie  {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		padding-top:25px;
		width:auto;
		float:none;
	}
	
	.playmovie iframe, .home_movie iframe {
		width:100%;
		height:100%;
		max-width:500px;
		max-height:281px;
		min-height:221px;	
	}
	
	.play_howitworks {
		float:none;
		text-align:center;
		margin-top: 0px; 
		padding-top: 25px; 
		padding-right: 25px;
		max-width:none;
		padding-bottom: 25px;
	}
	
	.play_howitworks h3 {
		text-align:center;	
	}
	
	.play_award {
		display:none;
	}
	
	.ups_box {
		background-color:#424852;
		margin-left:0px;
		margin-right:0px;
		height: auto;
		line-height: 58px;
		padding-left:0px;
		text-align:center
		
	}
	
	.ups_box li{
		float:none !important;
		padding-left:none !important;
		margin-right:none !important;
		background-image:none !important;
	}
	
	.testimonials {
		margin-left: 0px;
		margin-right: 0px; 
	}
	
	.movie {
		margin-left:0px;
		margin-right:0px;
	}
	
	.usp_links a.button {
		display:block;
		margin-top: 0px;
		margin-bottom:15px;
	}
	
	.usp_links {
		padding-bottom: 15px;
	}
	
	.ditc_list, .ditc_list div {
		display: inline-block;
		text-align: center;
	}
	
	.ditc_list div.list_title, .ditc_list div.list_action {
		display:block;
		text-align:center;
	}
	
	.ditc_list div.list_title {
		font-weight:bold;
	}
	
	.contest_number {
		text-align:center !important;
		display:block !important;
		float:none !important;
	}
	
	.breadcrumb {
		line-height:26px;
	}
	
	ul.fixed {
		top: 0;
		margin-top:0px;
	}
	
	.featured_thumb {
		float: none;
		margin-left: none;
	}
	
	.new_messages, .new_notifications {
		margin-top: 15px;
		margin-left:0px;
	}
	
	.mainmenu_icon_hover {
		background-position: top !important;
	}
	.loggedin_home:hover, .loggedin_home_active {
		background-color:inherit;
	}
	
	.contestNav {
		padding-bottom:15px;
	}
	
	.inzending_overzicht {
		text-align:center;
	}
	
	.content_section header.entry-header {
		position: relative;		
	}
	
	.section_table {
		display: inherit;
		border-spacing: inherit;
		margin-left:0px;
		margin-right:0px;
	}
	
	.section_table .section_row {
		display: block;
	}
	
	.section_table .section_wide_3, .section_table .section_4 {
		display: inline-block;
	}

	.featured .section_wide_3 {
		display:block;
	}
	
	.white_div .logo_header {
	  width: 100%;
	  padding: 0px 10px;
	  box-sizing: border-box;
	}


	.search_input {
		font-size: 14px;
		border: 1px solid #CCC;
	}

	.button_arrow_right {
	  padding-right: 45px;
	}

	.shout {
		padding-top: 10px;
	}

	#message_popup .conversation_box {
	    width: 100%;
	    right: 0px !important;
	    height: 100%;
	}

	.message_user_header {
	    padding: 13px 15px 5px 5px;
	    z-index: 1;
	    position: absolute;
	    width: 100%;
	    box-sizing: border-box;
	    height: 57px;
	}

	.message_header_button svg {
	    width: 18px;
	}

	a.message_header_button {
	    padding: 0px 8px;
	}

	a.message_header_minimize {
		display: none;
	}

	#message_popup .minimized {
	    display: none;
	}


	a.freelancer_usp_link {
		display: none;
	}

	.ovg_logo {
		width: 180px;
	}

	.crowd_stats_table {
		width: inherit;
		padding: 10px 0px;
	}

	.crowd_stats .crowd_stats_col {
	    display: block;
        padding: 5px 10px;
	}

	.crowd_stats .crowd_stats_center {
	    border-right:none;
	    border-left:none;
	}

	div.htitle {
		display: block;
	}
	

	.contest_list_options {
		width: 20px;
		padding: 0px 2px;
	}

	.contest_list_entries {
		width: 20px;
		padding: 0px 2px;
	}

	.contest_list_ends {
		width: 40px;
		padding: 0px 2px;
	}

	.contest_list_price {
	    width: 50px;
		padding: 0px 2px;
	}

	.section_tabs {
	    padding-bottom: 0px;
	}
	

	 .file {
	    display: table;
	    width: 100%;
	    height: auto;
	    box-shadow:none;
	    border:none;
	}

	 .file_icon,  .file_details {
	    display: table-cell;
	    vertical-align: middle;
	    table-layout: auto;
	    background-color:transparent;
	    z-index: 0;
	}

	 .file_details {
		height: auto;
		margin-top: 0px;

	}

	.file_date {
		display: none;
	}

	.file_name {
	    overflow: hidden;
	    white-space: inherit;
	    text-overflow: ellipsis; 
	    margin: 0px 0px 0px 0px;
	    vertical-align: middle;
	}

	 .file_thumb,  .file_icon {
	    height: auto;
	}

	 .file_upload {
	    transition: background-color 0.4s;
	    background-color: #F3F3F3;
	    padding: 5px 5px;
	    cursor: pointer;
	    box-sizing: border-box;
	    margin: 0px 0px;
	}

	 .file_upload:hover {
	    background-color: #e5e5e5;
	}

	 .file_upload svg {
	    width: 20px;
	    height: 20px;
	    margin-top: 0px;
	    display: inline-block;
	    vertical-align: middle;
	}

	 .file_upload p {
	    display: inline-block;
	    vertical-align: middle;
	    padding-left: 15px;
	}


	 .loader_text,  .file_cancel {
	    height: auto;
	    padding: 5px 5px;
	}

	 .loader {
	    height: auto;
	    margin-top: 0px;
	}

	 .loader-bg {
	    height: 5px;
	}

	 .file_cancel p {
	    display: inline-block;
	}

	 .file_cancel_round {
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    border-radius: 10px;
	}

	 .file_cancel_round svg {
	    width: 10px;
	    height: 10px;
	    margin-top: 5px;
	    margin-left: 0px;
	}

	.did_you_know {
        margin-bottom: 70px;
    }

    .did_you_know .rate_us, .did_you_know .contact_us {
        width: 100%;
        display: block;
    }

    .section_category {
	    display: block;
	    width: 100%;
	    box-sizing: border-box;
	    height: auto;
	    margin-bottom: 15px;
	}

	.section_categories .section_table {
		margin:0px 0px;
	}

	.section_categories {
		padding: 0px 5px;
	}
	
	.container_categories {
		width: 100%;
		padding-left: 5px;
	    padding-right: 5px;
	    box-sizing: border-box;
	}

	.color_stats {
		display: block;
		width: 100%;
	}

	.color_stat {
		display: block;
		width: 100%;
		padding: 10px 0px;
	}

	.color_stat h4 {
	    font-size: 40px;
	    margin: 0px 0px;
	}

	.sub_menu {
		background-color: #ffffff;
	}
	
}

@media (min-width: 1350px) {

	.body_logged_in .search_bar {
		width: 100%;

	}
	
}

/*Show website without rght toolbar*/
@media (max-width: 1350px) {

	.content_right {
		opacity: 0;
	}

	.content_left {
		width: 300px;
	}

	.body_logged_in .content_search {
		width: 700px;
	}

}

/*Show website without rght toolbar*/
@media (max-width: 1265px) {

	.body_logged_in .content_search {
		width: 500px;
	}

}

/* Show website for tablets */
@media (max-width: 1100px) {

	.sub_menu {
		padding: 12px 10px 15px 10px;
		width: 190px;
	}

	.content_left {
		width: 215px;
	}

	.body_logged_in .content_search {
		width: 530px;
	}


}

/* Show website for semi / tablets / large phones */
@media (max-width: 1020px) {

	.content_left {
		width: auto;
	}

	.sub_menu {
		padding: 15px 15px 15px 15px;
		margin-top: 0px;
		box-shadow: 0 0 5px #4E4E4E;
	}

	.content_search {
		margin: 15px 0px 0px 0px;
	}

	.body_logged_in .content_search {
		width: 100%;
		background-color: #ffffff;
		margin: 15px 0px 0px 0px;
	}

	.body_logged_in .content_search .search_bar {
		background-color: #ffffff;
		color: #000;
	}
	

}

/* Show website for mobile */
@media (max-width: 804px) {

	h1 {
	    margin: 15px 0px;
	    text-align: center;
	    font-size: 26px;
	}

	.content_center {
		width: 100%;
	    box-sizing: border-box;
        padding: 0px 5px;
	}

	.head_title, .body_logged_in .head_title, .sub_menu {
		display: none;
	}

	.social_links, .contact_us, .site_languages {
	    padding: 10px 10px;
	}

	.head_link_home {
		display: none;
	}

	.footer_stats {
		margin-left: 0px;
	}

	.content_wide .content_center {
	    width: 100%;
	}

	.row_title, .row_title_text {
		padding-bottom: 10px;
	}

	.start_header {
		margin-bottom: 10px;
	}

	.start_header h2, .start_header h3 {
		margin: 10px 0px;
	}
	
}


.left_content_auto {
	width: auto;
}