@media (max-width:768px) {

	.nav-link,
	nav ul li a {
		color: #fff
	}

	.about-packages h3 {
		font-size: 16px;
	}

	.bg-gray-3 h2,
	.listing-head,
	nav ul li a {
		font-size: 17px
	}

	.tour-details__plan-content {
		padding-left: 39px;
		margin-left: 22.5px
	}
        .boxte, .service-block {
    text-align: center;
}

	.about-packages p,
	.bread li,
	.geographical ul li,
	.text ul.explrbnrUl li,
	.text ul.explrbnrUl li a {
		font-size: 14px
	}

	.item {
		text-align: inherit
	}

	.about-packages h1,
	.textarea h3 {
		font-size: 18px
	}

	.tour-details__plan-count {
		font-size: 15px;
		width: 60px;
		height: 60px
	}

	.tour-details__plan-content h3 {
		font-size: 15px
	}

	.payment-container.navbar-toggler:focus {
		box-shadow: none !important
	}

	.blog-author li {
		margin-right: 8px !important
	}

	.nav-link {
		border: 1px solid #fff;
		padding: 7px 2px 14px 9px;
		background: teal
	}

	#check:checked~label #open,
	#img1,
	.about-area-incredible .know-more,
	.about-incredible-left,
	.hotel-view {
		display: none
	}

	#check:checked~label #close,
	#img2,
	label #open,
	nav ul li {
		display: block
	}

	.p-30-40 {
		padding: 30px 10px;
	}

	.banner__avg-rating {
		font-size: 17px;
		padding: 5px 10px
	}

	.service-content .box {
		display: flow-root
	}

	.banners-property,
	.online-banner {
		height: 130px
	}

	.contact-banner,
	.pobitora-banner {
		padding: 70px 0
	}

	label #close,
	label #open {
		color: #000;
		font-size: 40px;
		float: right !important;
		line-height: 66px;
		margin-right: 40px;
		cursor: pointer;
		padding-left: 20px
	}

	.about-banner,
	.fauna-banner,
	.flora-banner,
	.news-banner,
	.plan-banner,
	.thing-banner {
		height: 130px;
		background-position: center
	}

	.Home-banner {
		height: 120px;
		background-position: center
	}

	nav img {
	    left: 48%;
    width: 187px;
	}

	.about-incredible-right {
		padding: 15px
	}

	.card-box,
	.img-w,
	.pera-left,
	.row>*,
	nav ul {
		width: 100%
	}

	.home-box h1 {
		font-size: 19px;
		margin-top: 10px
	}

	.home-box h2 {
		font-size: 21px
	}

	.about-pera-graph {
		display: grid
	}

	nav ul {
		position: fixed;
		height: 100vh;
		background: #fff;
		top: 87px;
		left: -100%;
		transition: .5s;
		z-index: 99999
	}

	.offset-3 {
		margin-left: 25%;
		margin-top: 10px
	}

	nav ul li {
		margin: 0 1px;
		line-height: 20px;
		border-bottom: 1px solid #dfdcdc;
		padding: 13px
	}

	#check:checked~ul {
		left: 0;
		background: #916737
	}

	.heighlight a {
		padding: 4px
	}

	.image {
		border: 0;
		border-radius: 0
	}

	.hisimg img {
		width: 100%;
		border-radius: 8px
	}

	.g-tour-feature {
		display: none;
	}

	.tour-details__plan-count i {
		font-size: 24px;
	}

	.content h3,
	.text h1,
	.textarea h1 {
		font-size: 19px
	}

	.footer-section .footer-h,
	.home-box h3,
	.home-box h4,
	.text h2 {
		font-size: 20px
	}

	.pt-5 {
		padding-top: 33px !important
	}

	marquee {
		line-height: 20px !important;
		padding-bottom: 0 !important;
		font-size: 14px !important
	}

	.main-header {
		background-color: #fff;
		height: 66px;
		border-bottom: 2px solid #f4d4b1
	}

	.head-hotel h3,
	strong {
		font-size: 16px
	}

	.footer-section .glanceList li a,
	ol,
	ul {
		padding-left: 0
	}

	.p-4 {
		padding: .5rem !important
	}

	ul.info.clearfix li {
		padding: 8px 0 !important;
		color: #fcf7f7;
		font-weight: 600;
		font-size: -11pz
	}

	.Contact-Us .tittle {
		font-size: 23px !important
	}

	.btn-enquiry {
		padding: 12px 59px
	}

	.linebox {
		position: absolute;
		margin-left: 49px
	}

	.payment-section {
		background: #f1eee4;
		padding: 10px !important
	}

	.footer-section .footer-bg {
		margin-top: 0;
		height: 110px;
		background-size: 100% 100px
	}

	.form-control,
	textarea {
		margin-top: 7px !important
	}

	.f-direction {
		flex-direction: column-reverse
	}

	.card-box {
		margin: 8px 8px 3px 2px
	}

	.mt-40 {
		margin-top: -18px
	}

	.btn {
		margin-top: 10px;
		padding: 10px 53px
	}

	.py-5 {
		padding-top: 1rem !important;
		padding-bottom: 0 !important
	}

	.container-safari .respnsive-listing {
		margin-top: 15px;
		margin-bottom: 14px
	}

	.ml-30 {
		margin-left: 0
	}

	.Contact-Us {
		max-width: 100% !important
	}

	.section-padding {
		padding: 15px 0
	}

	.mt-90 {
		margin-top: 0 !important
	}

	.about-incredible-outer,
	.text h3 {
		margin-top: 0
	}

	.mb-30 {
		margin-bottom: 15px !important
	}

	.text h3 {
		font-size: 17px;
		margin-bottom: 5px
	}

	marquee:before {
		height: 21px;
		top: -1px;
		color: #fff;
		font-size: 13px
	}

	.text h4 {
		font-size: 20px;
		margin-top: 21px;
		margin-bottom: 20px;
		font-weight: 600 !important
	}

	.sub_header_content {
		height: 132px
	}

	.tour__thumb {
		margin-bottom: 12px
	}

	.p-news {
		padding-top: 0;
		padding-bottom: 30px
	}

	.content {
		margin-right: 0
	}

	.content h2 {
		font-size: 17px !important
	}

	.online-style {
		margin-left: -9px;
                        color: #fff;
	}
        .bg-gray-3{
            margin-top: 15px;
        }
        .respnsive-listing{
                margin-top: 16px;
        }
        .tourpacks{
                margin-bottom: 15px;
        }
        .tour-book {
   
    padding: 6px 20px;
    font-size: 15px;
    float: right;
    margin-top: -12px;
    margin-left: 15px;
    margin-bottom: 18px;
}
        .listing-span {
    font-size: 14px;
        top: -15px;
}

	.quick-link {
		padding: 11px 17px;
		width: 94.1%;
		background-color: #000
	}

	.service-hotel .service-box1 i {
		font-size: 25px;
		margin-left: 10px;
		color: #ff5722
	}

	.service-hotel .service-box1 {
		display: grid;
		border: none;
		padding: 0
	}

	.service-hotel .service-box1 span {
		padding-left: 12px;
		padding-top: 10px;
		font-size: 12px
	}

	.hotel-section {
		padding-top: 13px
	}

	.about-packages {
		padding: 20px 0
	}

	.contact-banner {
		padding: 20px 0;
		height: 78px;
		background-position: unset
	}

	.bravo-contact-block .contact-info .info-content {
		position: relative;
		margin: 25px 0 0;
		min-width: auto
	}

	.bravo-contact-block .img-responsive {
		display: block;
		max-width: 100%;
		height: auto
	}

	.bravo-contact-block .section {
		padding: 40px 0
	}

	.home_header {
		height: 135px
	}
}