﻿

@media only screen and (min-width: 1169px){

	.ct_list li { 
		width: 18%!important;
	}


	.contact_wrap {
		margin-bottom:7px;
	}

	/*#bulkies_basket {
		min-height:500px;
	}*/
	
	#section_nav li {
		width: 50%!important;
	}


}




@media only screen and (min-width: 841px) and (max-width: 1169px) {

f#rl_list li
	.ct_list_link img {
		width: 53%;	
	}


	.raz_holder {
		width: 100%!important;		
	}
	
	
	.ct_list_link img {
	    border: 0px!important;
	    width: 51%;
	    padding-top: 13px;
	}
	
	
	.ct_list li { 
		width: 18%!important;
	}

	.contact_wrap {
		margin-bottom:7px;
	}

	/*#bulkies_basket {
		min-height:500px;
	}*/


	#section_nav li {
		width: 50%!important;
	}


}








@media only screen and (max-width: 840px){

	.rw_filter_holder {			
		z-index:99;
	}


	.rw_title, .rw_title_sub {
		width: 87%;
	}
	
	.rw_title {
		font-weight:bold;
	}
	
	
	.rw_group_reason img {
		position: absolute;
		right: 0px;
		top: 3px;
	}

	.rw_mob_label {
		display:block!important;
		float:left;
		margin-right: 15px;
		width: 23%;
	}

	.rw_sticky {
	    position: fixed;
	    top: 0px;
	    width: 100%;
	    float: left;
	    left: 0px;
	    border-radius: 0px;
	    background: white;
	    padding: 10px;
	    border-bottom: 1px solid silver;
    }


	#rw_filter_button {
		display:block!important;
	}


	.rw_filter label {
		width: 49%;
		margin-right: 1%;
		float:left;
	}


	#filter_extras {
		display:none;
	}


	.rw_group_ward, .rw_group_date, .rw_group_organiser, .rw_duration, .rw_group_reason {
		width: 100%!important;
	}	

	.rw_group {
		width: 100%!important;
	}
	
	.ct_list li { 
		width: 20%!important;
	}

	.ct_note, .ct_note_list {
		padding-left: 45px!important;
		padding-right: 15px!important;
	}

	
	.rw_row_title {
		display:none;
	}
	
	.wc_label {
		width: 100%!important;
		border-right: 1px solid silver!important;
	}
	
	.rw_group_ward {
		margin-top: 10px;
	}
	
	.wc_divide {
		display:none;
	}
		
	.arrow_right {
	    margin-left: 18px;
	}
	
	.reporting_title_started {
		padding-left: 20px;
		padding-right: 20px;
	}


	#email_receipt_holder {
		margin-top: 30px;
	}


	.mc_text_bags {
		left: 0px!important;
		width: 185px!important;	
	}

	.mc_icon_small {
	    width: 50px!important;
	}


	.mobile_hide {	
		display: none;
	}
	
	
	.mc_row {
 		padding-bottom: 0px!important; 
 		border: 1px solid silver;
 		margin-top:15px!important;
	}

		

	
	.wc_reschedule {
		font-size: 0.7em!important;
		margin-left: 0%;
		width: 100%;
		padding: 1px;
		top: 70px;
	}
	
	.wc_bullets {
		display:none;
	}
	
		
	.wc_kerbside, .wc_garden_register {
		font-size: 0.8em!important;
    	text-align: left;	
    	padding-right:20px;
    	line-height:1.1em!important;
	}
	
	#wc_preloader {
	    top: 125px;
	}
	
		
	
	#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: 15px;
		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.85em!important;
		padding: 1px;
		top: -4px;
	}

	.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: #fff;
		 border: 1px solid #cecece;
		 border-left: 0px!important;
	}
	
	.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 {	
		border-top: 1px solid #cccbcb;
	}
	
		
	.map_move {
		bottom: 100px;
		margin-left: 2%;
	}
	
	.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: 10px;
	    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;
		height: 40px;
	}
	
	.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;
		   box-shadow: none !important;
		   background: #e9e9e9 !important;
		color: black;		
	}
	
	.map_searchbox_button:after {
		display:block;
		font-size: 1.3em;
	}
	
	.map_searchbox input {
		border: 1px solid #cecece !important;
		text-indent:5px;
		border-right:0px!important;
	}
	
	#address_return {
		border: 0px!important;
	}
	
	
	.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%;
		border-radius: 0px;
	}
	
	.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: 0px;
	}
	
		
	#dump_types_other_holder {
		width: 100%;
	}


	.reporting_holder_expand .map_new_key_text {
		bottom:10px;
	}
	
	#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;
	}
	
		
	.mc_icon_holder {
	    width: 25%;	
      	margin-left: 0px;
      	padding-left: 0px;
      	padding-right: 0px;
	}

	.mc_text_holder {
		width: 70%;	
		top: 3px;
	}
	
	.mc_report_link {
	    float: left;
	    margin-top: 10px;
	    width: 100%;
	    margin-bottom: 0px!important;	
	    padding-top: 15px;
	    padding-bottom: 15px;
    }

	.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: 0px;
		width: 100%;
	}
		
	.mc_text_holder_title {
	    top: 0px!important;
	    padding-bottom: 8px;
	}


	#loading_calendar {
		padding-left: 10px;
    	padding-right: 10px;	
	}
	
	.mc_header {
		background: none!important;
    	color: black!important;
    	border:0px!important;
	}
	
	.mc_header .mc_icon_holder {
		display:none!important;
	}
	
	.mc_header .mc_text_holder {
		width: 100%!important;
		max-width: 100%!important;	
	}


/* HWRC STYLING */

	#hwrc_start {
    	text-align: left!important;
	}

	.hwrc_section_title {
    	margin-bottom: 15px!important;
	}
	
	.reporting_title {
   		margin: 0px;
    }	
	 	
	#hwrc_tcs h1 {
    padding-top: 20px!important;
	}
	
	#hwrc_tcs_accept .cc_tab {
		padding-left: 10px!important;
   		padding-right: 10px!important;
   		width: 100%!important;
	}
	
	.ct_note, .ct_note_list {
    padding-left: 45px!important;
    margin-bottom: 40px!important;
	}
	
	.step7 .routes_warning {
    padding-top: 30px!important;
	}
   	
	.step8 p {
    margin: 20px 0px;
	}
	
	.step9 .column_half {
    width: 100%;
	}
	
	#hwrc_date_time {
    margin-bottom: 30px;
	}
	
	#report_hwrc  .times.title {
    text-align: left;
    }
	
	.hwrc_date_item {
    width: 22.9%!important;
    }
    
    #timeslots {
    margin-top: 40px;
    border-left: 0px solid #e0e0e0;
    padding-left: 0px;
	}
		
	#hwrc_summary {
    margin: 20px 0px;
	}
	
	/* my booking */
	#hwrc_address_confirm {
    width: 95%!important;
    }
    
    #amend_booking .hwrc_date_item {
    width: 31%!important;
    height: 110px!important;    
   }
   
   .edit-reg-span, .edit-time-span {
    padding-bottom: 15px;
	}
	
	#update_date-time, #hwrc_time-update {
	width:100%;
	margin-bottom:30px;
	}
	
	
	#hwrc_date-update .hwrc_date_item {
    width: 22.5%!important;
    }
	
	
	button#button-update-reg {
    margin-top: 15px;
	}	
	
	#report_hwrc .report_status_img {
    margin-top: 20px;
	}
	
	
	.mc_container {
		width: 96%!important;
	}
	
	.wc_stream_holder {
		width: 99%!important;
		margin: 10px!important;
		border: 1px solid #ececec;
		box-shadow: none!important;
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		border-radius: 6px!important;
	}
	
	
	.wc_stream_holder_button {
		border: 0px;
		margin: 0px!important;
	}
	
	.mc_icon_holder {
		width: 13%!important;
		top: 7px;
	}
	
	.mc_icon {
	    width: 40px!important;
	}
	
	.mc_traffic_end {
		width: 17px;
	}
	
	.mc_text_holder p, .mc_report_holder p, .mc_report_message {
		font-size: 0.95em !important;
		line-height: 1.3em!important;
	}
	
	
	.mc_report_holder {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	
	.mc_text_holder p {
		margin-top: 5px!important;
	}
	
	.traffic_missed:after {
		font-size: 1.2em!important;
		right: 12px;
		top: 14px;
	}
	
	.contact_field {
		margin-bottom: 10px!important;
	}

	.mc_label {
		padding-bottom:10px!important;
	}
	
	#report_missed_collections .wc_loader {
		min-height:400px;
	}

	#report_missed_collections #loader {
		top: 30%;
	}
	
	
	.cc_tab {
		padding: 15px;
	}
	
	
	#API_bag_orders .mc_icon_holder {
		width: 22%!important;
	}
	
	.pad {
		padding: 10px!important;
	}
	
	#bulkies_location_options {
		margin-bottom:30px;
	}
	
	
	#section_nav li {
		width: 100%!important;
	}	
	
	.wc_next_holder {
		border-bottom: 2px solid #075b66;
	}
	
	
}