@media all and (max-width: 767px){
	.Top-Header {
    display: none;
}
	header {
		top: unset;}
	.resnav-collapse {
		top: unset;}
	.hero-slider-section:before {
    height: 600px;
    width: 235px;
    background-size: contain;
    right: 5rem;
    /* bottom: 0; */
    top: 21rem;
}
.logoArea .resnav-toggle{
		display: block;
		position: absolute;
		width: 40px;
		height: 35px;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.logoArea .resnav-toggle button{
		width: 40px;
		height: 30px;
		 background: #df66a7;
		border: none;
		box-shadow: 0px 0px 10px 1px #00000070;
		border-radius: 3px;
		position: relative;
		padding: 0;
	}
	.logoArea .resnav-toggle button i{
		position: absolute;
		width: 25px;
		height: 2px;
		background: #fff;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.logoArea .resnav-toggle button i:before{
		content:'';
		width: 100%;
		position: absolute;
		height: 2px;
		background: #fff;
		left: 0;
		right: 0;
		top: -5px;
	}
	.logoArea .resnav-toggle button i:after{
		content:'';
		width: 100%;
		position: absolute;
		height: 2px;
		background: #fff;
		left: 0;
		right: 0;
		bottom: -5px;
	}
	.abt-detail h3 {
    font-size: 70px;
}
	.abt-bolow .abt-detail h3 {
    font-size: 70px;
}
	.abt-section::after{
		display:none !important;
	}
	.abt-b:before{
		display:none !important;
	}
	.Main-head h3 {
    font-size: 70px;
}
	.Main-head h4 {
    letter-spacing: 23.5px;
	}
.ft-newsletter-field {
    height: 40px;
    width: 260px;
}
	.Book-Slider {
    width: 100%;
}
	.top-footer-col-1 h3 {
    font-size: 20px;
}
	.contact-section:before{
		display:none !important;
	}
	.contact-section:after{
		display:none !important;
	}
	.banner {
    background-size: cover;
		height: 370px;}
	
.contact-section {
    padding: 30px 0;}
}
}