@media only screen and (max-width: 767px) {
.overlayPop .details{
  margin: 0px auto;
  display: block;
  width:80%;
}

.pro-page-li {
    font-size: 8px !important;
}

.blog-details{
   
    padding:0px 0px !important;
}

.event-details{
    padding:0px 0px !important;
}

.pro-page-header{
    height : 140px !important;
}

.sub-page-header{
    height:60px;
}
.page-banner {
  
    height: 157px;
   
}
.overlayPop .blockDiv {
    padding-right: 1rem;
    width: 100%;
}
.details img{
  display: flex;
}
.overlayPop .flexDiv{
  justify-content: left;
}
}

@media only screen and (max-width: 600px){
.sub-page-h2{
    font-size: 30px;
}
.sub-page-li {
    font-size: 12px;
}
  
}
@media only screen and (max-width: 600px){
.sec-abouts{
	padding: 30px 0px;
}
.sec-blog{
	padding: 30px 0px;
}
.sec-products{
	padding: 30px 0px;
}
.section-hd, .section-hd-wt{
	font-size: 35px;
}
.main-hd, .main-hd-wt{
	font-size: 30px;
}
.sub-list-hd{
	font-size: 18px;
}
.sub-list{
	font-size: 14px;
	margin: 0px 0px 20px 0px;
}
}
/*------------- blog page -------------*/
@media only screen and (max-width: 600px){
.abt-ct-p p {
    padding-left: 40px;
}
}
@media only screen and (max-width: 600px){
.abt-index-pic img {
    float: none;
}
.status-icon{
	margin: 0px 0px 20px 0px;
}
}

/*------------- blog page -------------*/
@media only screen and (max-width: 600px){
.blg-p-div{
	padding: 0px 0px 0px 0px;
}
}
/*------------- blog page -------------*/
@media only screen and (max-width: 600px){
.feedBackForm002{
	padding-left: 20px;
}
}
/*------------- blog page -------------*/
@media only screen and (max-width: 400px){
.s-h-icons a {
	font-size: 10px;
	padding: 2px 5px;
	margin: 0px 3px 0px 0px;
}
  .overlayPop .details{
  margin: 0px auto;
  display: block;
  width:80%;
}
.overlayPop .blockDiv {
    padding-right: 1rem;
    width: 100%;
}
.details img{
  display: flex;
}
.overlayPop .flexDiv{
  justify-content: left;
}
}
@media only screen and (max-width: 600px){
.spt-pic {
    margin: 0px 0px 20px 0px;
    box-shadow: none;
    width: 100%;
    overflow: hidden;
}
.supports-div img{
	width: 60px;
}
.supports-div p{
	display: block;
}
.clr-pad5{
	padding: 0px 5px !important;
}
.ct-location {
    margin: 0px 0px 20px 0px;
    box-shadow: 4px 20px 0px -5px #88b51b;
    width: 100%;
    overflow: hidden;
}
}
/*------------ navbar --------------*/
@media only screen and (max-width: 991px){
.main-navbar .navbar-brand img{
  width:150px;
}
.mob-header{
	display: block;
}
.desk-logo-pic{
	display: none;
	background-color: red !important;
}
.top-bar {
    border-bottom: none;
}
.main-navbar{
	display: none;
}
}
/*------------ close navbar --------------*/
@media only screen and (max-width: 991px){
.mob-bar{
  display: block;
}
.mob-bar li {
  display: inline-flex;
}
.mob-bar li a{
  color:#fff;
}
.menucell li:last-child{
	display: none;
}
}
/*------------ slider section------------*/
@media only screen and (max-width: 1200px){
.slider-caption h2 {
    font-size: 90px;
}
.slider-caption p {
    font-size: 50px;
}
}
@media only screen and (max-width: 991px){
.slider-caption h2 {
    font-size: 70px;
}
.slider-caption p {
    font-size: 35px;
}
}
@media only screen and (max-width: 767px){
.slider-caption{
	top:30%;
}
.slider-caption h2 {
    font-size: 60px;
    margin: 0px 0px 0px 0px;
}
.slider-caption p {
    font-size: 30px;
}
}
@media only screen and (max-width: 600px){
.slider-caption{
	top:24%;
}
.slider-caption h2 {
    font-size: 32px;
    margin: 0px 0px 0px 0px;
}
.slider-caption p {
    font-size: 18px;
}
}
/*------------ details page --------------*/
@media only screen and (max-width: 767px){
.booking-p{
    display:block;
}
}
/*------------ footer file --------------*/
@media only screen and (max-width: 767px){
.footer-widget .title{
	margin-bottom: 10px;
}
.footer-widget ul.ft-menu li{
	line-height: 30px;
}
.footer-widget ul.ft-menu li a{
	font-size: 14px;
}
}
@media only screen and (max-width: 575px){

}
/*---------- ingredients page-----------*/
@media only screen and (max-width: 767px){
.client-info {
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    min-height: 280px;
    padding: 20px;

}
}
/*-------------- news and events------------- */
@media only screen and (max-width: 767px){
.common-rigtbar:after{
    display: none;
}
.common-rigtbar:before {
    display: none;
    }
}