@media only screen and (max-width: 1500px) {
	.my {
		position: relative;
		margin-bottom: 108px;
	}

	button.navbar-toggler {
		display: block;
	}


	.all {
		text-align: center;
	}

	button.carousel-control-prev {
		display: none !important;
	}

	button.carousel-control-next {
		display: none !important;
	}

	.new {
		margin: 85px 0px !important;
		padding: 0px 34px;
	}

	.heading {

		text-align: center;
	}

	.cool {
		margin: 26px 0px;
	}

	.btSearchToursRow {
		display: block;
	}
}


@media only screen and (max-width: 992px) {
	.tothetop {
		display: none;
	}
	.peralux_heading h5 {
		font-size: 50px;
		color: white;
		margin-bottom: 40px;
		font-family: 'Hey august';
	}
    img.mob_non {
		display: none;
	}


	img.aos-init.aos-animate {
		width: 100%;
	}

	.bnr_heading h5 {
		font-size: 66px;
		color: white;
		font-family: 'Hey august';
	}

	.banner .carousel-inner img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.ocean {
		height: 46px;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		overflow-x: hidden;
		margin-top: -3px;
	}

	.newsltr {
		width: 100%;
		max-width: 1100px;
		margin: 43px auto;
		text-align: center;
		font-size: 10px;
	}

	.offers {
		padding: 20px !important;
	}

	.cstm_f {
		margin-top: -22px;
		position: relative;
		z-index: 1;
	}

	.icons {
		position: absolute;
		right: 46px;
		margin-bottom: 9px;
		align-items: center;
	}

	ul.desktop_menu {
		display: none;
		position: absolute;
        left: 0;
        background: #f9a70c;
        width: 100%;
        top: 100%;
        z-index:1;
	}

	button.navbar-toggler {
		display: block;
	}

	.my_cstm {
		box-shadow: 5px 10px 18px #888888;
		margin: 10px 0px;
	}

	i.fa-solid.fa-xmark.fa-lg {
		right: 12px;
		top: 26px;

	}

	div#offcanvasNavbar {
		width: 35%;
		padding: 1px;
		border: none;
		background-color: #0d6efd;
		color: wheat;
	}

	.my {
		position: relative;
		margin-bottom: 10px !important;
	}

	.all {
		text-align: center;
	}

	.my h5 {
		font-weight: bold;
		font-size: 68px !important;
		color: white;
	}

	.my p {
		font-weight: bold;
		font-size: 18px !important;
		color: white;

	}

	.carousel-indicators {
		display: none !important;
	}

	nav.navbar.bg-body-tertiary.fixed-top {
		background-color: #1976bc !important;

	}

	button.my-btn {
		padding: 11px 6px !important;
	}

	h2.two {
		line-height: 40px ! important;
		font-size: 34px !important;
	}

	.new-al {
		margin: 0 ! important;
		padding: 141px ! important;
	}

	.col-xl-7.girl {
		/* padding-right: 125px; */
		padding: 0 ! important;
	}

	.cool {
		margin: 53px 0px !important;
	}

	.icons {
		display: none;
	}

	.new {
		text-align: center;
		margin: 0px 10px !important;
	}

	img.mob_non {
		display: none !important;
	}

	.row.nexttwo {
		display: flex;
		justify-content: center;
		margin: 10px;
	}

	.boy {
		overflow: hidden;
		transition: all 0.5s ease 0s;
		cursor: pointer;
		margin-top: 16px !important;
	}

	p.coll {
		font-size: 30px ! important;
		color: #000000;
		font-size: 20px;
		margin: 0;
		line-height: 59px;
		font-family: 'Marcellus';
		font-size: 45px;
		text-align: center;
	}

	.peralux {
		margin-left: auto;
		margin-right: auto;
		padding: 0px 0px 0px 0px !important;
	}

	.col-xl-3.col-12.my_cstm {
		box-shadow: 5px 10px 18px #888888;
		margin: 10px 0px !important;
	}

	.item {
		position: relative;

	}

	.insta {

		display: none;
	}

	.cool h3 {
		color: #0c0c0c ! important;
		text-transform: lowercase;
		font-size: 15px;
		margin: 0px 1px 25px;


	}

	.searchicon {
		display: none;
	}

	.nexttwo p {
		padding: 0 ! important;
	}

	.new-al {
		margin: 0 ! important;
		padding: 0px 141px 100px 141px ! important;
	}

	.nexttwo {
		margin: 20px 0px;
	}

	.btSearchToursRow {
		display: block;
	}

	li a {
		color: white !important;
	}

	.bnr_heading {
		position: relative;
		margin-bottom: 170px;
		line-height: 83px;
	}

	.bnr_heading span {
		display: none;
	}

	.home_about {
		overflow: hidden;
		padding-top: 50px !important;
	}

	section.international_tour_packages {
		overflow: hidden;
		padding-top: 50px;
	}

	.upcomg {
		overflow: hidden !important;
		padding-top: 0px !important;
	}

	section.gallery {
		overflow: hidden !important;
		padding-top: 0px !important;
	}

	.newslattertrcustm_container {

		padding-top: 23px;
	}

	.tour_pang {

		padding-bottom: 50px !important;
	}

	.row.tour {
		padding-bottom: 0px !important;
	}

	.about_left.aos-init.aos-animate {
		padding-bottom: 20px !important;
	}


}


@media only screen and (max-width: 767px) {
    .ftr_deading h3{
        text-align:center;
    }
    .fst_descrition_contain h3 {
        padding: 5px 0px;
        line-height: 49px;
        font-size: 27px;
        font-family: 'Ralsteda';
        color: #1976bc;
        font-weight: bold;
    }
    .dropdown_btn i {
        color: #fff;
    }
    span.dropdown_btn {
        right: 15px; 
    }
    ul.sub-menu{
        width:100%;
        position:relative;
        background: #1f69a1;
        line-height: unset;
        padding: 0 10px;
    }
    .desktop_menu ul li a{
        display:block;
        padding:5px 10px;
    }
    li.menu-item-has-children:hover ul.sub-menu {
        display: none;
    }
	.ftr_deading ul {
		padding: 0px;
		text-align: center;
	}
	.banner .carousel-inner img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
    .cstm_form .rounded .d-flex{
        display:block !important;
        width: 100%;
    }

	img.flip {
		max-width: 50px !important;
	}

	.mycon {
		padding: 0 15px;
	}

	.row.tour {
		padding: 20px 15px !important;
	}

	li a {
		color: white !important;
	}

	section.banner {
		height: 70vh;
		overflow: hidden;
	}

	.bnr_heading h5 {
		font-size: 60px;
		color: white;
		margin-bottom: 40px;
		font-family: 'Hey august';
	}

	.bnr_heading {
		position: relative;
		margin-bottom: 407px;
	}

	.peralux_heading {
		margin: 91px auto;
		position: relative;
		text-align: center;
	}

	.peralux_heading h5 {
		font-size: 41px;
		color: white;
		/* margin-bottom: 40px; */
		font-family: 'Hey august';
	}

	.offers {
		padding: 20px !important;
	}

	.cstm_f {
		margin-top: -22px;
		position: relative;
		z-index: 1;
	}

	.icons {
		position: absolute;
		right: 46px;
		margin-bottom: 9px;
		align-items: center;
	}

	ul.desktop_menu {
		display: none;
	}

	.btSearchToursRow {
		display: block;
	}

	button.navbar-toggler {
		display: block;
	}


	.btFieldWrapper {
		width: 100%;
		margin: 0px 10px;
	}

	.frm {
		width: 100%;
		margin: 10px;
	}


}


@media only screen and (max-width: 576px) {
	button.carousel-control-prev {
		display: none !important;
	}
    .newsltr {
		width: 100%;
		max-width: 1100px;
		margin: 20px 0px 0px auto;
		text-align: center;
		font-size: 10px;
	}

	.footer li a {
		color: rgb(0, 0, 0) !important;
	}
	li a {
		color: rgb(255, 255, 255) !important;
	}
	.about_headin h3 {
		font-size: 45px;
    color: white;
    font-family: 'Hey august';
    margin-top: 45px;
    margin-bottom: 19px;
}
	

	.about_headin {
		text-align: center;
		padding: 22px;
		position: relative;
		overflow: hidden;
	}


	.sub {
		width: 100%;
		max-width: 1100px;
		margin: 13px auto;
		text-align: center;
	}

	.cstm_f {
		margin-top: -22px;
		position: relative;
		z-index: 1;
	}

	.btSearchToursRow {
		display: block;
	}

	.icons {
		position: absolute;
		right: 46px;
		margin-bottom: 9px;
		align-items: center;
	}

	ul.desktop_menu {
		display: none;
	}

	button.navbar-toggler {
		display: block;
	}

	.my_cstm {
		box-shadow: 5px 10px 18px #888888;
		margin: 10px 0px;
	}

	i.fa-sharp.fa-solid.fa-bars.fa-xl {
		font-size: 15px;
	}

	.row.tour {
		padding: 0px 15px !important;
	}

	.d-none {
		display: block !important;
	}

	.my {
		position: relative;
		margin-bottom: 9px;
	}

	img.crslimg {
		width: 100%;
		height: 76vh;
	}

	.bnr_heading {
		position: relative;
		margin-bottom: 37px;

	}

	section.gallery {
		overflow: hidden !important;
		padding: 0px 0px 26px 0px;
	}

	.home_about {
		overflow: hidden;
		padding: 20px 0px;
	}

	.carousel-item {
		width: 100%;
		height: 70vh !important;
		overflow: hidden !important;
	}

	.upcomg {
		padding: 0 !important;
	}


	section.international_tour_packages {
		padding: 0;
	}

	a.about_cstm_buttn {
		border: none;
		padding: 9px 6px;
		color: #fff;
		font-weight: 600;
		background-color: #fa6a35;
		transition: 0.3s all ease-in-out;
		position: relative;
		text-decoration: none;
		transition: 0.3ms all ease-in-out;
		font-size: 12px;
	}

	.bnr_heading p {
		font-size: 14px !important;
		max-width: 100%;
	}

	.bnr_heading span {
		display: none;
	}

	.tour_pang {
		overflow: hidden;
		padding: 10px;
}
	

	.bnr_heading h5 {
		font-size: 33px;
		color: white;
		margin-bottom: 10px;
	}

	div#offcanvasNavbar {
		width: 65% !important;
		padding: 1px;
		border: none;
		background-color: #0d6efd;
		color: wheat;
	}

	.about_bnr {
		background-image: url(image/bgn-heading-01.jpg);
		background-position-y: -40.005px;
		width: 100%;
		height: 50vh;
		margin-top: 55px;

	}
	.about_bnr.packages_details{
		background-image: none;
	}

	.carousel-indicators {
		display: none;
	}

	.carousel-dark .carousel-indicators [data-bs-target] {
		background-color: #000;
		display: none !important;
	}

	.about_contain h3 {
		font-size: 25px !important;
		font-family: 'Marcellus';
	}

	.about_contain span {
		font-size: 18px !important;
	}

	img.flip {
		max-width: 70px !important;
		margin: 6px !important;
	}

	button.carousel-control-next {
		display: none !important;
	}

	.tothetop {
		display: none;
	}

	.nexttwo {
		margin: 20px 0px;
	}

	.searchicon {
		display: none;
	}

	.peralux h3 {
		color: #1e1e1e;
		font-weight: bolder;
		font-style: normal;
		margin: 20px 0px !important;
		text-transform: uppercase;
		font-size: 24px !important;
	}

	.con {
		margin: 0PX ! important;
	}

	.cool h2 {
		color: #000000;
		text-transform: uppercase;
		font-size: 36px;
		margin: 31px 1px 31px;
		line-height: 46px;
		font-weight: bold;
	}


	.cool {
		margin: 20px 0px !important;
	}

	.new-al {
		margin: 0 ! important;
		padding: 50px 10px ! important;
	}

	nav.navbar.bg-body-tertiary.fixed-top {
		padding: 0;
		top: 0;
	}

	h2.two {
		line-height: 40px ! important;
		font-size: 20px !important;
		margin: 0;
	}


	.my p {
		font-size: 15px !important;
		color: white;
		display: block;
	}


	.Plx {
		display: none;
	}


	.last {
		position: relative;
		right: 0;
		top: 0;
		padding: 20px 19px;
		background-color: black;
		border: none;
		color: white;
	}

	.container.mycon {
		padding: 0px 30px;
	}

	.last {
		position: relative;
		top: 0;
		padding: 20px 19px;
		background-color: #8dc645;
		border: none;
		color: white;
	}


	span h2.new {
		font-size: 38px;
	}

	button.btn-fst.last {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
	}


	.my.onhet {
		display: block ! important;
		top: 78px;
		left: 0;
		right: 0;
		position: absolute;
		text-align: center;
		font-weight: bold;
	}

	button.my-btn {
		padding: 7px 3px ! important;
	}


	.btFieldWrapper {
		width: 100%;
		margin: 0px 10px;
	}

	input#bt_tour_search_price_from {
		border: 1px solid rgb(223, 223, 223);
		border-radius: 0;
		padding: 13px;

	}


	input#bt_tour_search_price_to {
		border: 1px solid rgb(223, 223, 223);
		border-radius: 0;
		padding: 13px;

	}

	input#bt_tour_search_date {
		border: 1px solid rgb(223, 223, 223);
		border-radius: 0;
		padding: 13px !important;

	}

	.frm {
		width: 100%;
		margin: 10px;
	}

	.my h5 {
		font-size: 30px ! important;
		color: white;
	}
}