@media screen and (max-width: 992px) {
	.menu ul li a {
		padding: 0 9px;
		transition: .3s all;
	}

	#banner .item .overlay .banner-text-cover {
		width: 80%;
	}

	.products-inner {
		width: 100% !important;
	}

	.reservation {
		width: 100%;
		margin-left: 0 !important;
		padding: 17px 0;
	}

	.sidebar-left {
		position: static !important;
		width: 100% !important;
		margin-bottom: 50px;
	}

	#team .team-overlay {
		bottom: -61%;
	}
}

@media screen and (max-width: 767px) {
	p {
		font-size: 14px;	}

	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 20px;
	}

	#banner,
	#banner .item {
		height: 400px;
	}

	#banner .item .overlay .banner-text-cover {
		width: 80%;
	}

	#banner .item .overlay .banner-text-cover h1 {
		font-size: 30px;
	}

	.head-wrapper {
		box-shadow: none;
		z-index: 999;
	}

	.head-wrapper .container,
	#gallery .container {
		max-width: 100%;
	}
	
	.menu-wrapper {
		margin: 0 -15px;
	}

	.menu-wrapper.shrink {
		height: 80px;
	}

	.logo-wrapper {
		position: relative;
	}

	.logo {
		position: absolute;
		height: 100%;
		z-index: 999999;
	}

	.menu-wrapper.shrink {
		box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
	}

	.menu-wrapper.shrink .logo {
		width: 80px;
	}

	.menu-wrapper .menu ul {
		max-height: 300px;
		overflow-y: scroll;
	}

	.mean-container .mean-nav ul li a:hover {
		background: inherit;
	}

	.menu-wrapper .menu ul li a,
	.menu-wrapper.shrink .menu ul li a {
		line-height: 20px;
	}

	.mean-container a.meanmenu-reveal {
		padding-top: 30px;
		color: #333;
	}

	.mean-container a.meanmenu-reveal span {
		background-color: #333;
	}

	.mean-container .mean-bar {
		padding: 0;
		background: #fff;
	}

	.mean-container .mean-nav {
		background: #fff;
		margin-top: 80px;
		box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
	}

	.mean-container .mean-nav ul li,
	.mean-container .mean-nav ul li a {
		float: none;
		color: #333;
		border-top: 1px solid rgba(0,0,0,.5);
	}

	.about-image-cover {
		padding-right: 0;
	}

	.about-text {
		padding-left: 0;
	}

	#principle .row .col-md-6:first-child {
		order: 2;
	}

	.page-meta-cover {
		display: block;
	}

	.page-meta-text {
		margin-bottom: 30px;
	}

	#product .product-detail-list {
		display: block;
	}

	#product .products-cover .reservation .product-detail-list ul {
		width: 100%;
	}

	#product .products-cover .product-detail ol li {
		margin-left: 25px;
	}

	#product .quote-cover {
		margin-bottom: 30px;
	}

	#pricing .pack {
		margin-bottom: 30px;
	}

	#pricing .recommended {
		position: initial;
	}

	.contact-text-cover {
		padding-bottom: 30px;
	}

	.sidebar-left {
		display: none !important;
	}

	#team .team-overlay {
		bottom: -53%;
	}

	.top-footer .footer-inner-cover {
		margin-bottom: 30px;
	}

	.hwd-container:before {
		display: none;
	}

	/*=============Raq page================*/

	.form-cover form {
		width: 100%;
	}

	.form-group .half {
		width: 100%;
		margin-left: 0;
	}

	.form-group .half:first-child {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.mainoverlay .closebtn {
		top: 0;
		font-size: 32px;
		right: 5px;
	}

	/*=============Team Single Page===========*/
	.single-team-personal-desc {
    padding: 30px 0;
	}

	.single-team-inner .single-team-image {
		height: 400px;
	}
}

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

	.overlay-content {
		top: 3%;
	}

	.career-detail p {
		margin: 0 15px;
	}

	.bottom-footer-inner {
		display: block;
		text-align: center;
	}

	.bottom-footer-inner div {
		margin: 10px 0;
	}

	.team-inner {
		height: 300px;
	}

	#team .team-overlay {
		bottom: -30%;
	}

	.single-team-inner .single-team-image {
		height: 350px;
	}
}

@media screen and (max-width: 420px) {
	.single-team-inner .single-team-image {
		height: 250px;
	}
}