@font-face {
  font-family: 'Exo 2';
  src: url('font/Exo2-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
body {font-family: 'Exo 2', sans-serif; font-size: 14px;}
.h317 {font-size: 17px !important;font-weight: bold !important;}
.top_menu_container{background-color: #770D0D;float: left;width: 100%;}
.mid_container{min-height: 320px;}
.login_container{margin-left: auto;margin-right: auto;margin-top: 20px;padding-top: 20px;}
.btn-primary {width: 200px;background-image: none !important;}
.login_container{margin-left: auto;margin-right: auto;margin-top: 20px;padding-top: 20px;}
.btn-primary {width: 200px;}
.page-header h1 {color: #625363;font-size: 24px;}
.border_div{border: 1px solid #cbc2c9;border-radius: 10px;margin-left:auto;margin-right:auto;}
.jumbotron {color: #6f6a6a;padding: 3px 10px;background-color: #eeeeee;margin-top:10px;}
.btn-green {background-color: #4bab08;border-color: #2d8f13;color: #fff;}
.btn-green:hover {background-color: #6cc92c;}
.mob_label {display: none;float: left;margin-right: 5px;width: 90px;}
.star{color:red;}
.btn_otp{margin-top: 0;}
.float_left{float: left !important;}
.middle-box{margin: 10px 0 0 0;}
.list-div .row{margin: 0;}
.btn-primary {background-color: #770D0D !important;background-image: none;border-color: #770D0D !important;color: #fff;}
.btn-primary:hover {background-color: #B70808 !important;border-color: #770D0D !important;}
.btn-200 {font-size: 12px;margin-left: auto;margin-right: auto;max-width: 200px;padding: 1px 5px;width: 100%;}
.shop_list_slash  {color: #666;font-size: 20px;margin-right: 20px;}
.featured_badge {
	background-color: #d70dd6;
	border-radius: 5px;
	box-shadow: 3px 4px 5px #888;
	font-family: cursive;
	font-weight: bold;
	margin-left: 83%;
	margin-top: 18%;
	padding: 12px 13px;
	position: absolute;
	width: 135px;
	z-index: 999;
}
a.submenutext{ color:#FFFFFF; }
ul.topnav {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #770D0D; }
ul.topnav li {float: left;}
ul.topnav li a {display: block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;font-size:14px;}
ul.topnav li a:hover:not(.active) {background-color: #B70808;}
ul.topnav li a.active {background-color: #B70808;}
ul.topnav li.right {float: right;}
.logo{width:150px;float: left;}
.top_download{width:300px;float: right;}
.select_city {background-color: #770D0D;border: 0 none;color: #fff;}
select::-ms-expand {display: none;}
.select_city {-moz-appearance: none;border: medium none;font-size: 19px;margin-top: 12px;padding: 2px 30px 2px 2px;}
h3 small{color: #555;}
#sub_cat_list li {font-size: 17px;margin-left: 5px;padding: 3px;}

@media screen and (max-width: 600px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}
.logo-div{width:30%;float: left;padding-top:10px;}
.download-div-main{width:70%;float: left;padding-top:10px;}
.download-div-sb1 {float: left;width: 200px;}
.download-div-sb2 {float: left;width: 500px;}
.download_btn{float:left;	width:auto;}
ul.topnav {background-color: #770D0D;float: left;list-style-type: none;margin: 0;overflow: unset;padding: 0;width: 100%;}
ul#submenu li {list-style: none;background-color: #039;border-top: solid 1px #039;text-align: left;margin: 0;}
.btn-secondary {background-color: #770D0D;border: 0 none;color: #fff;}
.dropdown-menu {background-color: #770D0D;}
a.dropdown-item {padding: 0.25rem 1.5rem !important;text-align: left !important;}
a.dropdown-item:hover {color: #FFFFFF;}
.btn-secondary.active:not(:disabled):not(.disabled), .btn-secondary:active:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {background-color: #770D0D;}
.popular_link {color: #fff !important;font-size: 14px;text-decoration: none !important; float: left;}
.popular_link:hover{color: #fff !important;}
.m_address_div p {margin: 0 0 2px 0 !important;}

.card-title a {font-size: 16px;text-decoration: none;}
.custom_submit{text-align:left;}
.custom_label{text-align:right;}
.address_div:hover{cursor:pointer;background-color:#F1CBFF;}

/*#task-rec-head {
	background-color: #cbd2d3;
  	border: 1px solid #e1d7d7;
  	border-radius: 0;
  	margin-bottom: 5px;
}
.col-md-3, .col-md-2, .col-md-1 {	
  	color: #444;
  	padding-bottom: 5px;
  	padding-top: 5px;
}
#task-recs {background-color: #f1f7f8;border: 1px solid #e1d7d7;border-radius: 6px;margin-bottom: 5px;}*/
#task-recs {background-color: #f9edf9;border: 1px solid #eea9ff;border-radius: 6px;margin-bottom: 5px;}
#task-rec-head {background-color: #770D0D;border: 1px solid #8f0b8e;border-radius: 6px;margin-bottom:8px;}
h3 small {color: #770D0D;}
#task-rec-head .col-md-8, #task-rec-head .col-md-7, #task-rec-head .col-md-6, #task-rec-head .col-md-5, #task-rec-head .col-md-4, #task-rec-head .col-md-3, #task-rec-head .col-md-2, #task-rec-head .col-md-1 {color: #ffffff;}
.btn-outline-info {
	border-color: #770D0D;
	color: #770D0D;
}
.btn-outline-info:hover{color:#fff;background-color:#B70808;border-color:#B70808;}
.tawk-button{ background-color: #770D0D !important; }

.top_bar{background-color: #770D0D;color: #fff;border-radius: 8px 8px 0 0;}
.shop_list_top_bar{background-color: #f6eefb!important;color: #fff;border-radius: 8px 8px 0 0;}
.shop_list_top_bar .h317{color: #770D0D;}
.btn-map {background-color: #2b94cc;background-image: none;border-color: #28a745;color: #fff;}
.large_input {border: 1px solid #ced4da;border-radius: 5px;padding: 7px;width: 100%;}
.btn-clear {background-color: #0e7ff7;background-image: none;border-color: #2898a7;color: #fff;font-size: 17px;padding: 7px 3px;}
.custom_right{text-align:right;}
.btn-search2 {background-color: #24a30e;border-color: #64a728;color: #fff;font-size: 17px;padding: 7px 3px;}
.btn-search:hover {background-color: #2abe11;border-color: #64a728;}
.pt-25 {padding-top: 25px;}
.pt-29 {padding-top: 29px;}
.header-app-icons {text-align: right;height: auto;float: right;}
.header-app-icons .col1 {float: right;}
.shop-list-add-box {float: left; width: 65%;}
.shop-list-add-box p {text-align: left;}
.shop-list-photo-box{float: right; width: auto; text-align:center;}
#place_name{min-width:200px;}
.shop_list_or{font-size: 20px;color: #666;margin-right: 20px;}
a.left-li {background: #770D0D;; padding: 0.5rem 1rem;margin-bottom: 4px;margin-top: 4px;display: block;border-radius: .25rem;color: #ffffff;text-decoration: none;}
a.left-li:hover {background: #B70808;}
/*a.menu-active {background: #B70808;}*/
a.menu-active {background: #B70808;}
.box-shadow{margin: 10px 0 13px; box-shadow: 5px 5px 4px 0px #DCDCDC;}
.pagination li {margin: 2px;}
.pagin_normal {background: #cccccc;padding: 3px;height: 30px;width: 30px;text-align: center;border-radius: 17px;}
.pagin_normal a {color: #464343;text-decoration: none; float: left; width: 100%; border-radius: 17px;}
.pagin_active {background: #770D0D;padding: 3px;height: 30px;width: 30px;text-align: center;border-radius: 17px;}
.badge-large {min-width: 80px !important;}
.pagin_active a {color: #ffffff; text-decoration: none; float: left; width: 100%; border-radius: 17px;}
/*.form-group {
  margin-bottom: 0;
}*/
.menu_outer{position: relative; width: 100%; height: 49px;}
.res_menu{float: left; width: 30px;margin: 12px;z-index: 2; position: absolute;}
.col-md-4 {padding-bottom: 5px;padding-top: 5px;}
.text-center{text-align: center;}
.download_buttons {
	  float: left;	  
	  width: 285px;
	  margin-left:0;
	}
	
.order_inner_container{
	width: 600px;	
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}	
.search-wrap-inner .btn {
    background: #770D0D none repeat scroll 0 0 !important;
}	
.tawk-custom-color{
	background-color: #770D0D !important;
}
	
	
	
	
@media only screen and (min-width: 320px) and (max-width: 380px){
	.download_buttons {
	  float: left;
	  margin-left: 8%;
	  width: 285px;
	}
	.header-app-icons {
	  float: left;	  
	  text-align: center;
	  width: 100%;
	}
	.download-icon-text h6{
		text-align: center !important;
	}
}
@media only screen and (min-width: 381px) and (max-width: 470px){
	.download_buttons {
	  float: left;
	  margin-left: 11%;
	  width: 285px;
	}
	.header-app-icons {
	  float: left;	  
	  text-align: center;
	  width: 100%;
	}
	.download-icon-text h6{
		text-align: center !important;
	}
}
@media only screen and (min-width: 320px) and (max-width: 479px){
	ul.topnav{display: none; margin-top: 49px;position: absolute;z-index: 1;display: none;}
	.beta_div{color: #f2036a;float: left;margin-top: 0;width: 200px;}
	.header-app-icons{margin-bottom: 10px;}
	.header-app-icons .col1 {float: right; width: auto; clear: none; height: 45px;}
	.header-app-icons img {margin: 0 5px 0 5px; width: 130px;}
	 ul.topnav li.right, ul.topnav li {float:none; margin: 0 auto !important;}
	a.footer_link{float: left; width: 100%;}
	.btn_otp{margin-top: 10px;}
	.custom_label{text-align:left;}
	#phone{margin-bottom:10px;}
	#task-rec-head{ display:none; }
	.col-8 h5{ font-size:16px; }
	.col-4 h5{ font-size:16px; }	
	.custom_left{text-align:left;}
	.header-app-icons {
	  float: left;	  
	  text-align: center;
	  width: 100%;
	}
	.download-icon-text h6{
		text-align: center !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	a.footer_link{float: left; width: 100%;}
	.header-app-icons .col1 {float: right; width: auto; clear: none; height: 45px;}
	 ul.topnav li.right, ul.topnav li {float:right; margin: 0 auto !important;}
	.header-app-icons{margin-bottom: 10px;}
	.beta_div{color: #f2036a;float: left;width: 200px;margin: 24px 0 0 64px;}
	.discount_badge{display:none;}
	#task-rec-head{ display:none; }
	.mob_label{ display: block;}
	.header-app-icons {margin: 0 0 10px 0;text-align: center;width: 100%;}
	.header-app-icons .nav-item{float: left;}
	.header-app-icons img {margin: 0 5px 5px 5px;width: 150px;clear: both;}
	
	.topnav .mr-5{margin:0 !important;}
	.custom_submit{text-align:center;}
	.custom_label{text-align:center;}
	.custom_left{text-align:center;}
	.custom_right{text-align:center;}
	ul.topnav {position: absolute; z-index: 1;display: none;}
	ul.topnav li{float: left; width: 100%;}
	ul.topnav li a {padding: 14px 9px;}
	ul.topnav li a {padding: 14px 9px;}
	.center {position: absolute;display: inline-block;top: 50%; left: 50%;transform: translate(-50%, -50%);}
	.web_show{display:none;}
	.mob_show{display:block !important;text-align:center;}
	.shop_div h3 {font-size: 16px;}
	.shop_div p {text-align:center;font-size:14px;}
	.shop-list-add-box {width: 100%;}
	.shop-list-photo-box{width:100%;}
	.shop_list_slash {margin-right: 0;text-align: center;width: 100%;}
	.sources{margin-bottom: 8px;}
	#place_name{min-width:150px;}
	.shop_list_or{margin-top:8px;}
	.footer {padding: 10px;}
	.footer_link {float: left;text-align: center;width: 100%;}
	.btn_otp{margin-top: 10px;}
	#task-recs {padding-bottom:5px;}
	.download_buttons {
	  float: right;
	  margin-left: 0;
	  width: auto;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.beta_div{color: #f2036a;float: left;margin-top: 32px;width: 200px;}
	.res_menu{display: none;}
	.discount_badge{display:none;}
	#task-rec-head{ display:none; }
	.mob_label{ display: block;}
	.header-app-icons {margin: 0 0 10px 0;text-align: center;clear: both;width: 100%;}
	.header-app-icons .nav-item{float: left;}
	.header-app-icons img {margin: 0 5px 5px 5px;width: 129px;}
	.header-app-icons .col1{}
	.topnav .mr-5{margin:0 !important;}
	.custom_submit{text-align:center;}
	.custom_label{text-align:center;}
	.custom_left{text-align:left;}
	.custom_right{text-align:center;}
	ul.topnav {position: absolute; z-index: 1; display: block;}
	ul.topnav li a {padding: 14px 9px;}
	ul.topnav li a {padding: 14px 9px;}
	.center {position: absolute;display: inline-block;top: 50%; left: 50%;transform: translate(-50%, -50%);}
	.web_show{display:none;}
	.mob_show{display:block !important;text-align:center;}
	.shop_div h3 {font-size: 16px;}
	.shop_div p {text-align:center;font-size:14px;}
	.shop-list-add-box {width: 100%;}
	.shop-list-photo-box{width:100%;}
	.shop_list_slash {margin-right: 0;text-align: center;width: 100%;}
	.sources{margin-bottom: 8px;}
	#place_name{min-width:150px;}
	.shop_list_or{margin-top:8px;}
	.footer {padding: 30px;}
	.btn_otp{margin-top: 10px;}
	.custom_label{text-align:right;}
	.download_buttons {
	  float: right;
	  margin-left: 0;
	  width: auto;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1999px){
	.beta_div{color: #f2036a;float: left;margin-top: 32px;width: 200px;}
	.res_menu{display: none;}
	.discount_badge{display:none;}
	/*#task-rec-head{ display:none; }*/
	.mob_label{ display: block;}
	.header-app-icons {margin: 0 0 10px 0;text-align: center;}
	.header-app-icons .nav-item{float: left;}
	.header-app-icons img {margin: 0 5px 5px 5px;width: 129px;}
	.topnav .mr-5{margin:0 !important;}
	.custom_submit{text-align:center;}
	.custom_label{text-align:right;}
	.custom_left{text-align:left;}
	.custom_right{text-align:center;}
	ul.topnav {position: absolute; z-index: 1;}
	ul.topnav li a {padding: 14px 9px;}
	ul.topnav li a {padding: 14px 9px;}
	.center {position: absolute;display: inline-block;top: 50%; left: 50%;transform: translate(-50%, -50%);}
	.web_show{display:none;}
	.mob_show{display:block !important;text-align:center;}
	.shop_div h3 {font-size: 16px;}
	.shop_div p {text-align:left;font-size:14px;}	
	.shop-list-add-box {/*width: 100%;*/}
	.shop-list-photo-box{/*width:100%;*/}
	.shop_list_slash {margin-right: 0;text-align: center;/*width: 100%;*/}
	.sources{margin-bottom: 8px;}
	#place_name{min-width:150px;}
	.shop_list_or{margin-top:8px;}
	.btn_otp{margin-top: 0px;}
	.download_buttons {
	  float: right;
	  margin-left: 0;
	  width: auto;
	}
}