﻿
@media only screen and (min-width: 1420px){





}




@media only screen and (min-width: 840px) and (max-width: 1169px) {

f#rl_list li
	.ct_list_link img {
		width: 53%;	
	}


	.raz_holder {
		width: 100%!important;		
	}


}








@media only screen and (max-width: 840px){

	.mobile_hide {	
		display: none;
	}
	
	#wc_preloader {
		    top: 125px;
	}
	
	.map_title {
		padding-bottom: 15px!important;		
	}
	
	#report_service {	
		margin-bottom: 30px;
	}
	
	
	.report_description {
		padding-top: 15px;
	}
	
	.search_full {
		width: 85%!important;
	}
		
	
	#report_title_sub {
		font-size: 0.9em!important;
		padding-left: 25px!important;
		padding-right: 25px!important;
	}
	
	.cc_back {
		padding-top: 13px!important;
    	padding-bottom: 13px!important;
    	margin-bottom: 0px!important;
	}
	
	#rl_list li:before {
		padding-left:10px;
	}
	
	
	.wc_image_holder img {
		max-width:80px!important;
		min-width: 80px!important;
		
	}
	
	.wc_property_button {
		background: #195a62;
    	color: white!important;
	}
	
	.wc_property_button:hover, .wc_property_button:focus {
		background: #1d717c;
	}
	
	
	.wc_email, .wc_calendar, .wc_property_button {
		width: 100%;
		text-align:left;
		padding: 13px;
		border: 0px!important;
		text-indent:10px;
	}
	
	.wc_email:before, .wc_calendar:before {
		position:relative;
		top:-2px;
	}
	
	.wc_next_holder button {
		height: 60px;
	}
	
	.ct_content {
		margin-top: 0px;
	}
	
	
	.ct_box img {
		width: 29%;
		float:none;		
	}
	
	.ct_box span {
		width:94%;		
		padding:5px;
	}
	
	.ct_content .form_button {
		margin-top:0px;
	}
	
	.ct_list_link img {	  	    
	    width: 90%;
	    padding-top: 0px;
	    background: #e6e6e6;
	    border: 1px solid #dadada!important;
	    border-radius: 50%;
	    padding: 4px;
	}
	    
	
		
	.ct_list li {
		margin-right: 0%;
		width: 20%;
		background: none!important;
		list-style:none;
		overflow:visible;
	}	
		
	.ct_list_link h3 {
		font-size: 0.9em!important;
		padding: 1px;
		top: -8px;
	}

	.ct_list_link {
		border: 0px solid #d8d4d4;
		background: none!important;
	}
	
	.ct_list_selected {
		    border: 0px solid #3b747b!important;
	}	
	
	.ct_list_selected h3 {
		color:black;
		background:none!important;
	}
	

	.ct_list_selected img {
	    border-color: #3b747b!important;
	}

	.ct_list_link, .ct_list li {
		border-radius: 0px;
	}

	.ct_collect li, .ct_no_collect li {
		width: 100%;
		padding:0px;
	}
	

		
		
	.reporting_pad {
		padding-top: 20px;
	}
	

	.reporting_landing_image {
		width: 40%;
	}
	
	
	.searchbox_return_holder {
    	width: 70%;
	}
	
	
	.report_clearsearch .map_searchbox_button, .report_clearsearch .map_searchbox input, .report_clearsearch .map_searchbox_go {
		height:50px!important;
	}
	
	.report_clearsearch .map_searchbox input, .report_clearsearch .map_searchbox_go {	
		border-top: 1px solid #cecece!important;
		border-left: 0px!important;
		border-right: 0px!important;
		border-bottom: 0px!important;
	}
	
	.report_clearsearch #address_return {
		border: 0px;
		top: 50px;
	}
	
	.map_searchbox_go {
		 width: 15%;
		 background: #e6e6e6;
	}
	
	.preview_image {
		width: 100%;
	}
	

	.reporting_review {
	    width: 90%!important;		 		
	    margin-bottom:20px;   
	}
	
	#map_review {
	    width: 100%;
	    height: 230px;
	    overflow-x: scroll;
	    overflow-y: hidden;	    
	}	
	.flytipping_map {
		height: 300px;
		border-top: 1px solid #cccbcb;
	}
	
	.patience {
		padding-left: 15px;
    	padding-right: 15px;
    	margin-top: 25px;
    	font-size: 0.9em!important
	}
	
	.map_searchbox {
		padding: 0px;
	}
	
	.reporting_title {	
		width: 100%;	
	    text-align: center;
	    padding-top: 0px;
	    padding-bottom: 0px;
	    color: #00535d;
	    font-size: 1em;
	    float: left;	   
    }
	
   .reporting_title_on {
		padding-top: 19px;	
	}
    
    .overview_steps {
		display:none;
	}
    
    .overview_current {	
		display:block;
		z-index:100;
		padding-left: 0px;
		padding-right: 25px;
	}
	
	.overview_number {
		display:none;
	}
	

	.next_previous button {
		height: 60px;
	}

	.report_error, .report_error_map {
	    padding-top: 13px;
	    font-size: 0.9em;
	    padding-left: 15px;
	    padding-right: 15px;
	    line-height: 1.1em;
	}

	#dump_review li, .review_text {	
		padding: 0px;
		width: 100%;
		text-align:left;
	}


	.olControlPanZoom {
		display:none!important;
	}
	
	.map_searchbox_button {
		   margin-top: 0px;
		   margin-left:0px;
		   width:15%;
		   border:0px!important;		
	}
	
	.map_searchbox_button:after {
		display:block;
	}
	
	.map_searchbox_text {
		display:none;
	}
	
	.report_status_img {
		margin-top: 100px;	
	}
	
		
	.reporting_holder_expand .report_bottom {
		position:fixed;
		bottom:0px;
	}

	.searchbox_return_holder select {			
		padding:10px;
	}	
	

	@keyframes thumb2 {
	    0% {transform: scale(1); opacity: 1;}
	    100% {transform: scale(0.5); top: 70%; left: 85%; opacity: 0;}
	}
	
	
	@keyframes thumb3 {
	    0% {transform: scale(1); opacity: 1;} 
	    100% {transform: scale(0.5); top: 40%; left: 88%; opacity: 0;}
	}

	@keyframes thumb4 {
	    0% {transform: scale(1); opacity: 1;}
	    100% {transform: scale(0.5); top: 4%; left: 35%; opacity: 0;}
	}

	@keyframes thumb5 {
	    0% {transform: scale(1); opacity: 1;}
	    100% {transform: scale(0.5); top: 15%; left: 12%; opacity: 0;}
	}

	
	@keyframes thumb6 {
	    0% {transform: scale(1); opacity: 1;}
	    100% {transform: scale(0.5); top: 40%; left: 8%; opacity: 0;}
	}
	
		


	.wc_holder {
		width: 100%!important;
	}

	.wc_day {
		width: 80%;
		margin-left: 10%;
	
	}
	
	.wc_image img {
		width: 75%;
	}
	
	.wc_image_holder {
		width: 90%;
   	 	margin-left: 5%;
   	 	min-height:150px;
	}
	
	.wc_day_label {
		margin-top: 30px;
	}
	
	
	.wc_link {
		padding:0px!important;
		border: 0px!important;	
		background: none!important;
	}
	
	
	.wc_notice a {
		font-size: 0.8em;
	    padding: 12px;
	    padding: 8px;
	    line-height: 1.5em;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    width: 100%;
	    border: 0px!important;
	    border-bottom: 1px solid silver!important;
    }
	
	.wc_notice {
		margin-top: 0px;
	}
	
	.wc_notice button {
		width: 50%;
		font-size: 0.8em!important;
	}

	.wc_notice_image {
		border: 0px;
		width: 100%;
		margin-right:0%;
		text-align:center;		
	}
	
	.wc_notice_image img {
		width:40%;
	}

	.wc_notice_panel {
		padding:13px;
	}

	.wc_notice_text {
		width: 100%;
		margin-top: 0px!important;
	}
	
	.wc_notice_text p {
		margin-bottom:15px;
	}
	
	.wc_notice_text h3 {
		margin-top:0px!important;
	}
	
	.wc_notice_more {
		width:100%;
		text-align:center;
		margin-top: 8px;
	}
	
	.wc_reminders_holder {
		width: 100%;
		padding-top:20px;
	}

	.wc_presentation {		
	    margin-top: 10px;		 
	    font-size: 0.7em;
	    line-height: 1.2em;
	    text-align: left;
    	padding-left: 14px;
    	padding-right: 14px;
	}
	
	.wc_presentation:before {
		min-height: 40px;
    	float: left;
	}
	
	
	.contact_label, .wc_select, .contact_field {
		width: 100%;
		border-right: 1px solid #C0C0C0;
	}
	
	#reminder_day {
		width: 60%;	
	}
	
	.wc_time {
		float:right;
	}
	
	.wc_save {
		margin-top: 15px!important;
	}
	
	.form_holder h2 {
		margin-top: 40px;!important;	
	}
	
	.field_half {
		margin-bottom: 10px;
	}
	
		
	#dump_types_other_holder {
		width: 100%;
	}


	.reporting_holder_expand .map_new_key_text {
		bottom:25%;
	}
	
	#wcs_next, #wcs_prev {
		display:none;
	}


	#wc_next, #wc_prev {
		display:block;
	}


	#rl_list li {
		padding: 5px!important;
		border-left: 1px solid #d0d0d0!important;
	}

	span.rl_text {
		margin-left: 5px!important;
	    width: 70%;
	    padding-left: 10px;
	}
	
	.rl_property {
		text-align:left;
		text-indent:6px!important;	
	}
	
	.raz_default {
		padding-top: 0px;
		padding-bottom:20px;
	}

	.raz_holder {
		width: 100%;
	}
	
	.raz_line:before {
		display:none;
	}

	#az_list li a:before {
		content: "\f078";
	}
	
	.PR_holder button {
	
	
	}
	
	
		
	
	.text_small {
		padding: 0px!important;
		text-align: left;
	}
	
	.waz_list_name {
		width: 90%!important;
		margin-bottom: 3px;
	}
	
	.waz_list_name a {
		background: white!Important;
    	color: black!important;
    	border: 1px solid silver!important;
    	height: 33px!important;
	}
	
	.waz_list_yes li a:before, .waz_list_no li a:before {
		content: none!important;
	}
	
	.waz_list_yes li a, .waz_list_no li a {
		border: 0px!important;
    	padding: 8px!important;
    	padding-left: 0px!important;
    	background: none!important;
    }
	
	
	.waz_list_yes, .waz_list_no {
		padding: 10px;
	}

	.routes_warning {
		width: 80%;
    	margin-left: 10%;
    	padding-top: 70px;
	}
	
	.reporting_overview {
		border-bottom:0px;
	}
	
	.button_list {
	    border-top: 1px solid #074148;
	    padding-bottom:0px;
	}
	
	.mc_icon_holder {
	    width: 25%;	
	}

	.mc_text_holder {
		width: 70%;	
		top: 3px;
	}
	
	.mc_report_link {
	    float: left;
	    margin-top: 40px;
	}

	.mc_icon {
	    width: 55px;
	}
	
	.mc_traffic_small {
	    width: 20px;
	    height: 20px;
	    position: relative;
	    top: 2px;
	    margin-right: 10px;
    }
	
	.mc_text_holder p {
		margin-bottom:10px;
	}
	
	.mc_select {
		margin-left: 0px;	
		margin-top: 10px;
		width: 100%;
	}
		
	.mc_text_holder_title {
	    top: 0px!important;
	}

}