@media only screen and (max-width: 600px) {
  #ver-navbar{
  	display: none;
  }
  #hor-navbar{
  	display: block;
  }
  .navbar-light{
  	background-color: #202738 !important;

  }
  .mb-logo{
  	margin:0;
  	padding:0;
  	width:10%;
  	height:10%;
  }
  .navbar-toggler{
  	float:right !important;

  }
  .right-side{
	margin-right: 0px !important;

}

.text-area {
    width: 100% !important;
    
    margin-left: 3% !important;
    margin-top: 10% !important;
    
}
.left-col{
	display: none !important;
}
.right-col{
	height:auto !important;
}
.title-text{
	margin-left:1% !important;
}
.cafe-open{
	max-width: 100% !important;
}
.titled-text{
	margin-left:1% !important;
}
.head-div{
	margin:0 !important;
}
.nt-2{
	margin:0 !important;
}
.selected-text{

	margin-right: 0 !important;
}
.ourteam-text{
	padding-left:4% !important;
}
.ex-text{
	width:95% !important;
}
.team-btn{
	margin-top:5% !important;
	margin-bottom: 5% !important;
}
.our-menu1 .col-md-6{
	margin-left: 2% !important;
}
.button-class{
	margin-left:-3% ;

}
.img-dv .col-md-6{
	display: none !important;
}

}
/* Tablets*/
@media only screen and (min-width: 600px) and (max-width: 992px {
  .example {background: green;}
}