@media (min-width: 992px) and (max-width: 1199px) {
	.content-wrapper,.gap-wrapper{ 
		width:100%;
	}
	.banner-text{
		margin-left:0;
		font-size: 1.8em;
		text-align: center;
	}
	.banner-text h3{
		font-size: 1.2em;
	}
	.index-service-list img{
		max-width:100%;
		height:auto;
	}
	.section .gap-wrapper{
		padding-top: 40px;
  		padding-bottom: 40px;	
	}
	.enviro-list .img-box,.activites-list .img-box {
        height: 350px;
    }
    .enviro-list .row,.activites-list .row {
	    margin-bottom: 60px;
	}
	.swiper,.swiper-wrapper { z-index: 0; }
	#sidebar ul{
		padding-left:0;
	}
	#sidebar {
		margin-top:40px;
	}
	.single-title{
		font-size: 2rem;
		line-height: 1.5;
	}
}
@media (max-width: 991px) {
	.header-top{
		display: none;
	}
	.content .content-wrapper, .footer-contact-form .content-wrapper ,.content-wrapper,.section-wrapper,.gap-wrapper{
		max-width:100%;
		width:100%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.mobile-menu-btn {
        display: block;
        height: 25px;
        right: 30px;
        margin: auto;
        overflow: hidden;
        position: absolute;
        top: 30px;
        width: 25px;
        z-index: 100;
        cursor: pointer;
    }
	.mobile-menu-btn div {
	    background:#fff;
	    height: 3px;
	    margin: auto;
	    transition: all 0.3s ease 0s;
	    width: 25px;
	}
	.mobile-menu-btn div:nth-of-type(1) {
	    position: absolute;
	    top: 3px;
	}
	.mobile-menu-btn div:nth-of-type(2) {
	    bottom: -50%;
	    opacity: 100;
	    position: absolute;
	    top: -50%;
	}
	.mobile-menu-btn div:nth-of-type(3) {
	    bottom: 3px;
	    position: absolute;
	}
	.mobile-menu-btn.active{
		position: fixed;
	}
	.mobile-menu-btn.active div:nth-of-type(1) {
	    position: absolute;
	    top: 10px;
	    transform: rotate(45deg);
	}
	.mobile-menu-btn.active div:nth-of-type(2) {
	    opacity: 0;
	}
	.mobile-menu-btn.active div:nth-of-type(3) {
	    bottom: 12px;
	    position: absolute;
	    transform: rotate(-45deg);
	}
	.logo {
		padding-left:15px;
		padding-right:15px;
	}
	.logo img {
	    width: auto;
	    height: 60px;
	    display: block;
	}
	header .content-wrapper{
		padding:0;
	}
	header{
		height: 60px;
	}
	h3.title {
	    font-size: 1.5em;
	    margin-bottom: 10px;
	}
	/* css custom frame ended */
	.section .gap-wrapper{
		padding-top: 60px;
  		padding-bottom: 60px;	
	}
	.info-box:last-child{
		margin-bottom: 30px;
	}
	div[class^="menu-top"] {
	    position: fixed;
	    bottom: 0;
	    top:0;
	    left:0;
	    right:0;
	    margin-top: unset;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    background:rgba(0,0,0,0.8);
	    visibility: hidden;
	    opacity: 0;
	    transition: all.3s ease-in-out;
	}
	div[class^="menu-top"].active{
		visibility: visible;
		opacity: 1;
		
	}
	div[class^="menu-top"] ul{
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}
	div[class^="menu-top"] ul li {
	    margin: 0 15px 0 15px;
	}
	div[class^="menu-top"] ul li a{
		padding-top:20px;	
		padding-bottom:20px;
		font-size: 1.5rem;	
		padding-left: 15px;
	}
	.menu-top-menu-container li:before{
	}
	.menu-top-menu-container li:before{
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: unset;
	}	
	.menu-top-menu-container li:hover:before,.menu-top-menu-container .current-menu-item:before,.menu-top-menu-container .current_page_item:before{
		content:"";
		border-bottom:0px !important;	
		border-left:5px solid #F8DEA0 !important;	
	}
	header {	    
	    padding-top: 15px;
	    padding-bottom: 15px;
	    height: auto;
	    z-index: 102;
	}
	header .social{
		visibility: hidden;
	}
	.page-banner {
	    height: 250px;
	    padding-top: 90px;
	}
	h1 {
	    font-size: 2rem;
	}
	.section .content-wrapper {
	    padding-top: 40px;
	    padding-bottom: 40px;
	    line-height: 2em;
	}
	.img-box {
		margin-right:unset;
	}
	.half-img-style .text-box {
	    padding: 30px;
	    border-radius: 0 0 80px 20px;
	}
	.text-box-wrapper {
	    margin-top: -70px;
	    margin-left: 13px;
	    margin-right: 13px;
	}
	.page-template-page-environment {

	}
	.custom-btn-group{
		flex-direction: column;
	}
	.test-swiper {
	    margin-top: 30px;
	}
	.client-comment-wrapper {
		position: static;
		height: auto; 
		margin-top: unset;
	}
	.client-comment, .person-comment {
		position: relative;
		bottom: unset;
    	top: unset;
	}
	.bordertop-90 .content-wrapper{
		padding-bottom:0;
	}
	.quote{
		font-size: 1.25rem;
	}
	.person-box img {
	    max-height: 300px;
	}
	.person .swiper-slide {
	    margin-top: 60px;
	}
	.person-comment {
	    margin-top: 40px;
	}
	.btn-group > div{
		border-radius: 0px !important;
	}
	footer img{
		display: block;
		margin:auto !important;
	}
	.qr-code{
		display: none;
	}
	.enviro-list .row:nth-of-type(even) div:nth-of-type(even) {
		order: 2;	
	}
	.enviro-list .row:nth-of-type(even) div:nth-of-type(odd) {
		order: 1;	
		z-index: unset;
	}
	.enviro-list .row:first-of-type,.activites-list .row:first-of-type{
	    margin-top: 0;
	}
	.enviro-list .img-box,.activites-list .img-box{
	    margin-right: 0;
	    height: 320px;
	}
	.enviro-list .row:nth-of-type(even) div:nth-of-type(odd) .img-box {	  
	    margin-left: 0;
	}
	.text-box p{
		padding-bottom:0;
	}
	.enviro-list .row,.activites-list .row{
	    margin-bottom: 40px;
	}
	.footer-bottom{
		line-height: 1.5rem;
	}
	.footer-bottom .d-flex{
		flex-direction: column;
		text-align: center;
	}
	.footer-bottom .d-flex >div,.footer-bottom .d-flex >div.alignright{
		text-align: center !important;
		margin-left: unset;
	}
	.whatsapp-icon img{
		position: fixed;
		z-index: 101;
		width:60px;
		height:60px;
		bottom:15px;
		right:15px;
		transition: all .1s ease-in-out;
	}
	.mtr-bg {
	    background-image: url(../img/mtr-bg.jpg);
	    background-position: right bottom 80px;
	    background-repeat: no-repeat;
	    background-size: auto 430px;
	}
	.contact-info img {
	    max-width: 250px;
	}
	.title, .top-content-area h2, .top-content-area h2 ,.brown-title{
	    font-size: 1.5rem;
	}
	.index-client-title .title{
		margin-bottom:10px !important;
	}
	.room-list .title {
	    margin-bottom: 30px;
	}
	.swiper,.swiper-wrapper { z-index: 0; }
	#sidebar ul{
		padding-left:0;
	}
	#sidebar {
		margin-top:40px;
	}
	.single-title,.activites-list .title{
		font-size: 1.25rem;
		line-height: 1.5;
	}
	.activites-list .title{
		border-left:0;
		padding-left: 0;
	}
	.page-banner .page-title {
	    padding: 0 30px;
	}
}