@media (max-width: 768px) {
	
	body{
		padding-top: 65px;
	}

.cbb-header-btn {
    margin: 0px auto;
	display: block;
}

.list-main{
    display:block;
    width:100%;
}



.list-button h1{
    display:none;
}
	
	
.m-right-0{
	margin-right: -15px;
}
	
.main-banner{
	padding: 30px 0 40px;
}	

.main-banner h1{
	font-size: 2.5rem;
}
	
.main-banner h1 span{
	display: none;
}	

	.main-banner h4{
		font-size: 1.5rem;
	}	
	
	
	.add-your-business{
		margin: 0;
		margin-bottom: 12px;
		margin-top: 12px;
	}	
	
	.add-your-business li a{
		margin-top: 0;
		text-align: center;
	}
	
	.are-you{
		padding: 0;
	}
	
	
	.listed-btn{
	margin: 7px auto !important;
	}
	
	.business ul li h3{
	max-width: 100%;
}

.business ul li p{
	max-width: 100%;
}
	
	
.listing-card{
	display: block;
	}
	
	
	.list-button{
		padding: 15px 0;
		border: none;
		border-top: 1px solid #e5e5e5;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0.25rem;
		display:block;
		width:100%;
	}
	
	.listing-detail{
	    width:auto;
	}
	
	.header-search{
	display: none;
	}
	
	.listing-search-section{
		display: block;
	}
	
	.checkbox-container{
	max-height: 148px;
	overflow-y: scroll;
	
}
	
	.listed h3{
		font-size: 1.75rem;
		line-height: 1.5;
	}
	
	.detail-image-title{
		padding-left: 10px;
	}
	
	.detail-image{
		margin-bottom: 20px;
	}
	
	
	.detail-image img{
		margin-bottom: 20px;
	}
	
	.detail-image h5{
    top: 0px;
    left: 10px;
}
	
	.detail-image-title h1{
		font-size: 2.5rem;
}
	
	.detail-section{
		padding: 20px 0;
	}
	
	
.detail-image-title h4{
	font-size: 1.5rem;
	font-weight: 400;
}
	
	.detail-image-title{
		padding: 10px;
		padding-bottom: 0px;
	}
	
	.detail-about{
	display: block;
}
	
	.detail-about .detail-div{
	border: none;
}

	.detail-div h4{
		margin-top: 20px;
	}
	
	.related-details{
		margin-bottom: 20px;
	}
	
	.navbar-brand{
	padding: 12px 15px;
	}
	
	
	.navbar-brand img{
	max-height: 100%;
	
}
	
	
	.listing-section{
		padding-bottom: 140px;
		background:#ccc;
	}
	
	.listed-section img {
		margin-top: -140px;
	}
	
	
	.business-section{
		padding-bottom: 140px;
	}
	
	.footer-last-bar-2{
		text-align: left;
		margin-top: 10px;
	}

	
	.for-bus-use{
		margin: 15px 0;
	}
	
	
	.listed h1{
		text-align: center;
	}
	
	
	.listed h3{
		text-align: center;
	} 
	
	
	.list-button h6{
	    display:none;
	}
	
	
	
	.rate-result-cnt-top{
	    display:none;
	}
	
	.cb-list-btn{
	    margin-top:0px;
	}

}

/*stars*/

/*--===========================STAR RATINGS===============================================--*/

.stars {
  background: url(../images/stars.png)repeat-x 0 0;
  width: 150px;
  position: relative;
    overflow: hidden;
	margin-top: 10px;
	margin-left: -4px;
}

.stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
.stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
.stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
.stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
.stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
.stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
.stars label:hover ~ span {
  background-position: 0 -30px;
}
.stars label.star-5:hover ~ span {
  width: 100% !important;
}
.stars label.star-4:hover ~ span {
  width: 80% !important;
}
.stars label.star-3:hover ~ span {
  width: 60% !important;
}
.stars label.star-2:hover ~ span {
  width: 40% !important;
}
.stars label.star-1:hover ~ span {
  width: 20% !important;
}
.stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url(../images/stars.png) repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}


.stars_1{}

.stars_1 input[type="radio"]{
	
}

.stars_1 label{

}

.n_list_single_re{}

.n_list_single_re li{
    border-top: 0px solid #ddd !important;
font-weight: 500;
    font-size: 14px;
}

.n_list_single_re li input,textarea{
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    background: #EFEFEF;
    padding: 4px 5px;
	    line-height: 20px;
}

.n_list_single_re li input[type="submit"]{
    background: #E62B2B;
    color: #fff;
    border: 0px solid #DEDEDE;
    border-radius: 3px;
    padding: 7px 30px;	
}

.n_list_single_re li input[type="submit"]:hover {
    background: #FDC600;
    color: #0C0C0C;
    transition: all 0.5s ease;
}

.n_list_single_re li i{
    background: rgba(253, 198, 0, 0) !important;	
}

.n_list_single_re li:first-child i{
    margin-right: -11px;
    margin-top: -15px;	
}

.n_li_ratings{}

.n_li_ratings input[type="radio"]{
height: 20px;
    width: 20px;
    border: 3px solid #000;
    color: #000;
    box-shadow: inset 0px 0px 50px #FDC600;	
}

.n_li_ratings input[type="radio"]::Before{
height: 20px;
    width: 20px;
    border: 3px solid #000;
    color: #000;
    box-shadow: inset 0px 0px 50px #FDC600;	
}

.n_li_ratings input[type="radio"]:hover{
height: 20px;
    width: 20px;
    border: 3px solid #000;
    color: #000;
    box-shadow: inset 0px 0px 50px #558C31;	
cursor:pointer;	
}