/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	.heading{
		margin-bottom: 30px;
	}
	.heading h2{
		font-size: 24px;
	}
	.vertical_padding{
		padding: 30px 0px;
	}
	.clickable_link a{
		display: block;
		width: 100%;
		font-size: 18px;
	}
	
	/* ============================== */
	
	.navbar .navbar-brand img {
		max-width: 175px;
	}
	.navbar .navbar-nav{
		border-top: 1px solid #E4E5E7;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 220px;
		border-bottom: 1px solid #E4E5E7;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		border-bottom: none;
	}
	.navbar .navbar-nav .nav-item .nav-link::after {
		display: none;
	}
	
	/* ============================== */
	
	.banner_wrap .overlay{
		padding: 30px 0px;
	}
	.banner_wrap .traveler_quote .quote_icon i{
		font-size: 36px;
	}
	.banner_wrap .traveler_quote p{
		font-size: 16px;
	}
	.banner_wrap .traveler_quote h6{
		font-size: 18px;
	}
	
	.banner_wrap .set_places .fields_wrap {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.banner_wrap .set_places .fields_wrap .to_field{
		margin-top: -30px;
	}
	.banner_wrap .set_places .place_exchange a{
		margin-top: 0px;
	}
	.banner_wrap .set_places .place_exchange a i{
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.banner_wrap .set_places .fields_wrap .form-control{
		font-size: 16px;
		padding: 10px 15px;
	}
	.banner_wrap .set_places .submit_button button{
		font-size: 16px;
		padding: 10px 15px;
	}
	
	/* ============================== */
	
	.recent_work .single_work .image img{
		height: 320px;
	}
	
	.trending_maps .slick-prev{
		left: -15px;
	}
	.trending_maps .slick-next{
		right: -15px;
	}
	
	/* ============================== */
	
	.what_looking .topics {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.what_looking .topics .single_topic .image_wrap img{
		height: 220px;
	}
	
	/* ============================== */
	
	.services {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
		max-width: 320px;
		margin: 0px auto;
	}
	.services .single_service .image img{
		height: 225px;
	}
	.services .single_service .texts h5{
		font-size: 20px;
	}
	
	/* ============================== */
	
	.subscribe_us{
		padding: 30px 0px;
	}
	.subscribe_us h2{
		font-size: 24px;
	}
	.subscribe_us p{
		font-size: 15px;
	}
	.subscribe_us .fields_wrap .form-control{
		font-size: 14px;
		padding: 10px 15px;
		padding-right: 110px;
	}
	.subscribe_us .fields_wrap button{
		font-size: 15px;
		top: 2.5px;
	}
	
	/* ============================== */
	
	.recent_trip {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.recent_trip .single_trip .trip_title h5{
		font-size: 16px;
	}
	
	/* ============================== */
	
	.blogs .single_blog {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.blogs .single_blog .blog_image img{
		height: 150px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	/* ============================== */
	
	.scrolltotop{
		bottom: 20px;
	}
	
	/* ============================== */
	
	.footer {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.footer .social_info{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
		order: -1;
	}
	.footer .social_info ul{
		text-align: center;
	}
	.footer .copyright p{
		text-align: center;
	}
	
}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.container{
		max-width:540px;
	}
	
	/* ============================== */
	
	.heading h2{
		font-size: 26px;
	}
	.vertical_padding{
		padding: 40px 0px;
	}
	
	/* ============================== */
	
	.navbar .navbar-brand img {
		max-width: 175px;
	}
	.navbar .navbar-nav{
		border-top: 1px solid #E4E5E7;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 220px;
		border-bottom: 1px solid #E4E5E7;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		border-bottom: none;
	}
	.navbar .navbar-nav .nav-item .nav-link::after {
		display: none;
	}
	
	/* ============================== */
	
	.banner_wrap .overlay{
		padding: 40px 0px;
	}
	.banner_wrap .traveler_quote .quote_icon i{
		font-size: 42px;
	}
	.banner_wrap .traveler_quote p{
		font-size: 18px;
	}
	.banner_wrap .traveler_quote h6{
		font-size: 20px;
	}
	
	.banner_wrap .set_places .fields_wrap {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.banner_wrap .set_places .fields_wrap .to_field{
		margin-top: -30px;
	}
	.banner_wrap .set_places .place_exchange a{
		margin-top: 0px;
	}
	.banner_wrap .set_places .place_exchange a i{
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.banner_wrap .set_places .fields_wrap .form-control{
		font-size: 16px;
		padding: 10px 15px;
	}
	.banner_wrap .set_places .submit_button button{
		font-size: 16px;
		padding: 10px 15px;
	}
	
	/* ============================== */
	
	.trending_maps .single_map .image_wrap img{
		height: 260px;
	}
	
	/* ============================== */
	
	.recent_work .single_work .image img{
		height: 320px;
	}
	
	/* ============================== */
	
	.what_looking .topics {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* ============================== */
	
	.services {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
		max-width: 360px;
		margin: 0px auto;
	}
	.services .single_service{
		
	}
	.services .single_service .image img{
		height: 300px;
	}
	.services .single_service .texts h5{
		font-size: 20px;
	}
	
	/* ============================== */
	
	.subscribe_us{
		padding: 40px 0px;
	}
	.subscribe_us h2{
		font-size: 30px;
	}
	.subscribe_us p{
		font-size: 18px;
	}
	
	/* ============================== */
	
	.recent_trip {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	.recent_trip .single_trip .trip_title h5{
		font-size: 16px;
	}
	
	/* ============================== */
	
	.blogs .single_blog {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.blogs .single_blog .blog_image img{
		height: 200px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	/* ============================== */
	
	.scrolltotop{
		bottom: 20px;
	}
	
	/* ============================== */
	
	.footer {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}
	.footer .social_info{
		-webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
		order: -1;
	}
	.footer .social_info ul{
		text-align: center;
	}
	.footer .copyright p{
		text-align: center;
	}
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.container{
		max-width:720px;
	}
	
	/* ============================== */
	
	.heading h2{
		font-size: 30px;
	}
	
	/* ============================== */
	
	.navbar .navbar-nav{
		border-top: 1px solid #E4E5E7;
		margin-top: 10px;
	}
	.navbar .navbar-nav .nav-item {
		margin: 0px auto;
		width: 220px;
		border-bottom: 1px solid #E4E5E7;
	}
	.navbar .navbar-nav .nav-item:last-child {
		margin-right: auto;
		border-bottom: none;
	}
	.navbar .navbar-nav .nav-item .nav-link::after {
		display: none;
	}
	
	/* ============================== */
	
	.what_looking .topics {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(3, 1fr);
	}
	
	/* ============================== */
	
	.services .single_service .image img{
		height: 175px;
	}
	.services .single_service .texts h5{
		font-size: 16px;
	}
	
	/* ============================== */
	.recent_trip {
		-ms-grid-columns: 1fr 15px 1fr 15px 1fr;
		grid-template-columns: repeat(3, 1fr);
	}
	.recent_trip .single_trip .trip_title h5{
		font-size: 16px;
	}
	/* ============================== */
	.blogs .single_blog {
		-ms-grid-columns: 250px 25px 1fr;
		grid-template-columns: 250px 1fr;
		gap: 25px;
	}
	/* ============================== */
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.container{
		max-width:960px;
	}
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	.container{
		max-width:1140px;
	}
	
}