#afridelivery_logo_mono {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	max-width: 350px;
	width: 70%;
}

@media only screen and (min-width: 800px) {
	#area_select_bg {
		background: none !important;
		height: auto !important;
	}

	#services_bubbles {
		max-width: 800px;
	}

	#services_bubbles_kitwe_info {
		display: none !important;
	}

	#services_bubbles div {
		float: left;
		width: 46%;
		margin-right: 2%;
		margin-left: 2%;
	}

	#bubbles_continue_btn_holder {
		display: block;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#bubbles_continue_btn {
		background-color: #02A53C;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		border-radius: 25px;
	}

	#services_bubbles {
		background: none !important;
	}


}

@media only screen and (max-width: 800px) {

	#area_select_bg {
		background-color: #F3F3F3;
		background-position: center top -40vh;
		background-size: cover;
	}

	#delivery_city_list,
	#delivery_zone_list {
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
	}

	#gps_locate_me_info {
		text-align: right;
	}

	#city_list {
		padding-top: 50px;
	}

	#bubbles_continue_btn {
		position: fixed;
		left: 10%;
		width: 80%;
		bottom: 40px;
		background-color: #02A53C;
		border-radius: 25px;
	}


}

@media only screen and (min-width: 800px) {

	#restaurant_count_notice {
		cursor: default;
	}

	#afri_restaurant_menu_header_logo {
		position: relative;
		cursor: pointer;
		z-index: 100;
	}

	::-webkit-scrollbar {
		width: 8px;
		background-color: white !important;
		-webkit-border-radius: 0px;
	}

	::-webkit-scrollbar:hover {
		background-color: rgba(0, 0, 0, 0.09);
	}

	::-webkit-scrollbar-thumb:vertical {

		background: rgba(0, 0, 0, 0.5);
		-webkit-border-radius: 0px;
	}

	::-webkit-scrollbar-thumb:vertical:active {
		background: rgba(0, 0, 0, 0.61);

	}

	#afrifood_logo {
		margin-top: 200px !important;
	}

	.content_loader_normal {
		margin-top: 64px;
		height: calc(100% - 64px);
		overflow: auto;
		background-image: url(../img/2020/Afri_backgroundWhitelements_01.png);
		background-size: contain;
		background-color: #D1EEDC;
	}

	#startup {
		background-color: white;
		background-image: url(https://250taxi.com/afri_apps/afrifood_content/afrifood_layout_photos/logo_animated.png);
		background-repeat: no-repeat;
		background-position: center 100px;
		background-size: 497px 278px;
	}

	#afrifood_logo,
	#afrifood_claim {
		display: none;
	}

	#afri_restaurant_menu_header_delivery_fee {
		position: relative;
		top: 33px;
		border-top: solid 1px #E0E0E0;
		border-bottom: solid 1px #E0E0E0;
		box-sizing: border-box;
		display: block;
		float: left;
		width: 50%;
		height: 30px;
		padding-left: 10px;
		padding-right: 60px;
		line-height: 30px;
		clear: both;
		background-color: rgba(255, 255, 255, 0.5);
		cursor: default;
	}

	#afri_restaurant_menu_header_minimum_order {
		position: relative;
		top: 32px;
		border-top: solid 1px #E0E0E0;
		border-bottom: solid 1px #E0E0E0;
		border-left: solid 1px #E0E0E0;
		box-sizing: border-box;
		display: block;
		float: left;
		width: 50%;
		height: 30px;
		padding-left: 10px;
		padding-right: 60px;
		line-height: 30px;
		background-color: rgba(255, 255, 255, 0.5);
		cursor: default;
	}







	#ratings {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	nav {
		background-color: #ffffff !important;
		background: linear-gradient(white, white) !important;
		height: 64px !important;
	}

	nav i {
		color: #818181;
	}

	#current_view,
	#action_current_view {
		color: #818181;
	}

	#current_view,
	#action_current_view {
		top: 7px;
		left: 64px;
	}

	#current_view div {
		font-size: 80%;
		font-weight: normal;
	}

	#main_menu_btn,
	#main_back_btn,
	#action_layer_info,
	#close_action_layer,
	.btn_arrow_back,
	.btn_arrow_clear {
		width: 64px !important;
		height: 64px !important;
		line-height: 64px !important;
	}

	.btn_arrow_clear i,
	.btn_arrow_back i {
		position: absolute;
		margin-top: 8px !important;
		margin-left: 8px;
	}

	#sd_notice {
		margin-top: 60px !important;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	#chat_messages {
		padding-top: 80px !important;
	}

	#message_box {
		right: 0;
		width: 400px !important;
		margin: auto !important;
	}

	#main_menu_btn i,
	#main_back_btn i,
	#action_layer_info i,
	#close_action_layer i,
	#btn_action_info i {
		text-align: center !important;
		line-height: 40px !important;
	}

	#nav_search_input {
		padding-left: 64px;
		padding-right: 64px;
		line-height: 64px;
		height: 64px;
	}

	.btn_action_info i {
		margin-left: 8px !important;
	}

	#notifications {
		width: 64px;
		height: 64px;
		line-height: 64px;
		background-color: white;
		right: 128px;
	}

	.nav_badge_circle_count,
	.nav_chat_circle_count {
		margin-left: 22px !important;
	}

	.menu_additional_search,
	.menu_additional_share {
		width: 64px;
		height: 64px;
		line-height: 64px;
		background-color: white;
		right: 64px;
	}

	#actionbar_chat {
		width: 64px;
		height: 64px;
		line-height: 64px;
		background-color: white;
	}

	#actionbar_chat .fa {
		padding-left: 9px;
		padding-top: 8px;
	}

	.menu_additional_search i,
	.menu_additional_share i,
	#notifications i {
		text-align: center !important;
		line-height: 40px !important;
	}

	.menu_bg {
		width: 108px;
		height: 75px;
	}

	#sign_up_img {
		box-sizing: border-box;
		width: 100%;
		border-radius: 8px;
		margin-bottom: 40px;
		display: block;
	}

	#terms_link,
	#forgot_password_link {
		cursor: pointer;
	}

	#test_options {
		display: none;
	}

	#wpm div {
		margin: 20px !important;
		width: 160px !important;
		height: 70px !important;
	}

	#wpm div label {
		position: absolute;
		width: 140px;
		text-align: center;
		margin-left: -70px !important;
		margin-top: 75px !important;
	}

	#notification_messages {
		position: fixed;
		top: 64px;
		overflow: auto;
		width: 100%;
		height: calc(100% - 64px);
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30%;
		padding-right: 30%;
		box-sizing: border-box;
		background-color: #FAEBD7;
	}

	.notification {
		background-color: white;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
		border: none;
		margin-bottom: 30px;
	}

	#map_pinpoint {
		margin-top: -64px;
	}

	#courier_pickup_dropoff {
		margin-top: 100px;
		display: block;
		width: 60%;
		margin-left: 20%;
	}

	.history_screen_tabs {
		display: none;
	}

	.secondary-content {
		margin-top: 10px;
		float: none !important;
		font-weight: 300;
		font-size: 22px;
	}

	.secondary-content b {
		font-weight: 400;
	}

	#scheduling_option {
		display: none;
	}

	#terms_display {
		overflow-y: auto !important;
		height: calc(100% - 31px) !important;
	}

	#terms_display .card {
		margin-left: 30%;
		margin-right: 30%;
	}

	#summary {
		margin: auto;
		max-width: 500px;
	}

	#summary div {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#area_select_graphic {
		display: none;
	}

	#area_select_box {
		max-width: 500px;
		padding-left: auto;
		padding-right: auto;
	}

	#account_start_signed_in,
	#account_start_not_signed_in {
		margin-top: 20px;
		max-width: 600px;
		padding: 20px;
		margin-left: auto;
		margin-right: auto;

	}

	#account_start_not_signed_in iframe {
		display: none;
	}

	#account_start_bg {
		padding-top: 30px;
		background-image: url(../img/gradient.png), url(../img/green-curry-2457236_1920.jpg);
		background-size: 100% 100%, cover;
		height: 100%;
	}

	#office_closed_notice iframe {
		margin-top: 60px;
	}

	#office_closed_notice .card {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	.afri_btn {
		width: 250px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.address_btn {
		width: 300px !important;
		margin-left: auto;
		margin-right: auto;
		display: block !important;
	}

	#afridelivery_logo_color {
		width: 100%;
		margin: auto;
		display: block;
		border-radius: 8px;
		margin-bottom: 20px;
	}

	.afri_restaurant_item {
		background-color: rgba(255, 255, 255, 0.31);
		border-bottom: solid 1px white;
		padding: 30px;
		margin-left: auto;
		margin-right: auto;
		box-shadow: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		cursor: pointer;
	}

	.collection-item {
		width: 800px;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
	}

	.payment_options_on_list {
		margin-bottom: 30px !important;
	}

	.tag_chip {
		border-radius: 6px;
		padding-left: 12px;
		padding-right: 12px;
		margin-right: 5px;
		line-height: 220%;
		background-color: #c3f2c3;
		color: black;
		font-size: 10px;
		display: inline-block;
		text-transform: uppercase;
	}

	.afri_restaurant_pic {
		display: block;
		width: 110px;
		height: 110px;
		background-size: contain;
		background-position: center;
		background-color: white;
		float: left;
		margin-right: 30px;
		background-repeat: no-repeat;
		border-radius: 8px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}

	.afri_restaurant_name {
		margin-top: 0px;
		font-size: 20px;
		font-weight: 400;
		color: #51720E;
	}

	.afri_restaurant_grade {
		color: goldenrod;
		display: block;
		width: 100%;
		margin-top: 0px;
	}

	.afri_restaurant_grade i {
		font-size: 16px !important;
	}

	.afri_restaurant_closes_soon {
		color: red;
	}

	.afri_restaurant_delivery_time {
		text-align: left;
		font-size: 100%;
		font-weight: normal;
		padding-top: 25px;
	}

	.afri_restaurant_delivery_time::before {
		content: "Delivers in ";
	}

	.afri_restaurant_grade {
		color: goldenrod;
		display: block;
		width: 100%;
		margin-top: 0px;
	}

	.afri_restaurant_grade i {
		font-size: 16px !important;
	}

	.afri_menu_item_category_name {
		text-align: left;
		font-size: 15px;
		font-weight: normal;
		color: dimgray;
		border-bottom: none;
		height: 50px;
		line-height: 50px;
		text-indent: 10px;
		cursor: default;
		overflow: hidden;
		text-overflow: ellipsis;
		background-color: white;
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		cursor: pointer;
	}

	.afri_menu_item_category_name .material-icons {
		float: right;
		font-size: 24px;
		line-height: 50px;
		margin-right: 10px;
	}

	.afri_menu_item_category_name:first-child {
		padding-top: 0px;
	}

	.afri_menu_item_category_description {
		text-align: center;
		display: none;
	}

	.afri_menu_item {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: solid 1px white;
		display: none;
		background-color: rgba(255, 255, 255, 0.31);
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		cursor: pointer;
	}

	.afri_menu_item_name {
		font-size: 16px;
		font-weight: bold;
		color: #51720E;
		font-family: 'Saira Semi Condensed', sans-serif;
		text-transform: uppercase;
	}

	.afri_menu_item_picture {
		display: block;
		width: 110px;
		height: 110px;
		background-size: cover, 50% 50%;
		background-position: center center;
		background-repeat: no-repeat;
		float: left;
		border-radius: 8px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}

	.afri_menu_description {
		width: 68%;
		float: right;
	}

	#afri_restaurant_menu_header {
		display: block;
		height: 250px;
		background-color: white;
		background: none !important;
		box-sizing: border-box;
		box-shadow: none;
	}

	#afri_restaurant_menu_header_ratings {
		display: block;
		margin-left: 20px;
		margin-top: 50px;
		float: left;
	}

	#afri_restaurant_menu_header_logo {
		margin-top: 40px;
		margin-left: calc(50% - 300px);
		display: block;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		width: 160px;
		height: 160px;
		vertical-align: top;
		border-radius: 8px;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}

	#afri_menu_items {
		margin-top: 30px;
		user-select: none;
	}

	#afri_restaurant_menu_header_delivery_fee {
		border: none;
		left: 20%;
		margin-top: -129px;
		text-align: right;
		background-color: transparent !important;
	}

	#afri_restaurant_menu_header_minimum_order {
		border: none;
		left: 20%;
		margin-top: -150px;
		text-align: right;
		background-color: transparent !important;
	}

	.green {
		max-width: 250px;
	}

	#overlay_bar {
		background-color: #4CAF50;
	}

	.shopping_cart_item_quantity {
		background-color: #4CAF50 !important;
	}

	#shopping_cart_total {
		background: url(https://afridelivery.app/img/afridelivery_logo.png), linear-gradient(rgba(76, 175, 80, 0.47), #4CAF50);
		background-size: 230px auto, cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.ol_add_to_cart {
		position: fixed;
		max-height: 80% !important;
		margin-top: 2% !important;
		margin-left: 20% !important;
		max-width: 60% !important;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
	}

	#shopping_cart_continue {
		position: fixed;
		left: 0;
		background-color: transparent;
		border-top: none;
	}

	#order_current_status {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	#order_screen_tabs {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

	.timeline-item {
		margin-left: 20%;
		max-width: 600px;
	}

	#customer_care_lady {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		margin-bottom: 30px !important;
		margin-top: 8px !important;
	}

	#shopping_cart::before {
		content: "View Shopping Cart";
		margin-right: 20px;
	}

	#add_to_cart_item_title {
		text-align: center;
		font-weight: 400;
		font-size: 24px;
	}

	#add_to_cart_item_description {
		text-align: center;
	}

	#chat_settings_btn,
	#btn_order_screen_chat {
		width: 64px !important;
		height: 64px !important;
		right: 64px !important;
	}

	#chat_location_btn {
		width: 64px !important;
		height: 64px !important;
		right: 128px !important;
	}

	#btn_back_to_order,
	#btn_order_screen_reload {
		width: 64px !important;
		height: 64px !important;
	}

	#btn_order_screen_chat i,
	#btn_order_screen_reload i {
		margin-left: 8px;
		margin-top: 8px;
	}

	#btn_back_to_order {
		margin-top: 8px;
	}

	#chat_settings_btn {
		background-image: url(../img/ic_brush_dark_24px.svg) !important;
	}

	#chat_location_btn {
		background-image: url(../img/ic_location_on_black_24px.svg) !important;
	}

	#saved_addresses_tabs {
		margin-top: 64px !important;
		z-index: 1;
	}

	#saved_addresses_tabs div {
		background-color: #26A69A !important;
		color: white !important;
		cursor: pointer;
		transition: all 0.2s;
	}

	#saved_addresses_tabs div:hover {
		background-color: #2bb9ab !important;
		transition: all 0.2s;
	}

	.address_saved_item,
	.address_history_item {
		padding: 30px !important;

	}

	.address_saved_item span {
		line-height: 30px;
	}

	#btn_back_to_order i,
	#btn_order_screen_chat i,
	#btn_order_screen_reload i {
		color: #818181;
	}

	#freemorning {
		max-width: 600px;
		display: block;
		margin: auto;
		border-radius: 8px;
	}

	.courier_clear_input {
		display: none;
	}

	#order_screen_tabs {
		cursor: pointer;
	}

	#delivery_address_form_saved_address_btn {
		display: none;
	}

	#saved_locations_btn {
		font-size: 14px;
		font-weight: 400;
		height: 36px;
		width: 230px;
		float: right;
		display: block !important;
	}

	#cart_address_details_title,
	#cart_contact_details_title {
		margin-bottom: 30px;
	}

	#afridelivery_logo_mono {
		display: none;
	}
}

.area_headline_main {
	color: #FDC986;
	font-size: 30px;
	text-align: center;
	user-select: none;
}

#gps_locate_me_info {
	user-select: none;
}

.area_headline {
	color: #AF2426;
	font-size: 20px;
	font-style: italic;
	user-select: none;
}

.area_headline i {
	font-size: 24px !important;
	margin-right: 8px;
}

.page-footer a {
	text-decoration: underline;
	color: white;
}

@media only screen and (min-height: 800px) {
	#chat_send_area {
		height: 100px !important;
	}

	#chat_text_box {
		bottom: 50px !important;
	}

	#chat_send_btn,
	#chat_cam_btn {
		bottom: 50px !important;
	}

	#chat_messages {
		-webkit-overflow-scrol: touch;
	}
}