/*******************************************************
    Template Name    : Beverly - Travel Agency Parallax Template
    Author           : aam-developer
    Version          : 1.0
    Created          : 2019
*******************************************************/


@media only screen and (min-width: 1080px) and (max-width: 1920px){
	.book-now-form-area {
		width: 58.3333333%;
	}
	
}

@media only screen and (min-width: 900px) and (max-width: 1440px){
	.book-now-form-area {
		width: 82.3333333%;
	}
	
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
	.book-now-form-area {
		width: 90%;
	}
	.book-now-form .form-actions button {
		padding: 5px 15px;
	}
	.destination-title {
		margin-top: 0;
	}
	.destination-search {
		margin-top: 20px;
	}
	.destination-area .owl-nav {
		bottom: 10%;
	}
	.tips-title {
		padding-top: 0;
		margin-bottom: 50px;
	}
	.tips-image .img-1 {
		margin-left: 40px;
	}
	.Subscribe-area .Subscribe-form .form-group .form-control {
		width: 65%;
	}
	
	
}

@media (min-width: 992px){
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left;
	}
	
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.book-now-form-area {
		width: 90%;
	}
	.book-now-form .form-item {
		margin-bottom: 25px;
	}
	.book-now-form .form-actions button {
		margin-top: 10px;
	}
	.destination-title {
		margin-top: 0;
	}
	.service-left-side {
		padding-right: 0;
	}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left;
	}
	.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {
		padding-right: 5px;
	}
	.destination-search input {
		width: 100%;
	}
	.destination-search button {
		right: 0;
	}
	.destination-area .owl-nav {
		left: 0;
		position: relative;
		bottom: 0;
	}
	.service-title {
		padding-top: 30px;
	}
	.tips-title {
		padding-top: 0;
		margin-bottom: 50px;
	}
	div#testimonial-slide {
		margin-left: 0;
		margin-top: 0;
	}
	.single-testimonial .testi-content-inner {
		padding: 30px 30px;
	}
	.contact-address {
		margin-bottom: 30px;
	}
	#contact .contact-form {
		margin-top: 20px;
	}
	.footer-top-area .footer-logo {
		width: 35%;
	}
	.footer-top-area .footer-logo-box {
		margin-bottom: 30px;
	}
	.footer-social-list {
		text-align: center !important;
		margin-bottom: 15px;
	}
	.copyright-text {
		text-align: center !important;
	}
}

@media only screen and (max-width: 767px) {
	div#testimonial-slide {
		margin-left: 0;
		margin-top: 0;
	}
	.navbar-b.navbar-trans .nav-item, .navbar-b.navbar-reduce .nav-item {
		padding-right: 5px;
	}
	.book-now-form .form-item {
		margin-bottom: 30px;
	}
	.book-now-form .form-actions button {
		margin-top: 0;
	}
	.destination-title {
		margin-top: 0;
	}
	.destination-search input {
		width: 100%;
	}
	.destination-search button {
		right: 0;
	}
	.destination-area .owl-nav {
		left: 0;
		position: relative;
		bottom: 0;
	}
	.icon-block.color2-block {
		margin-bottom: 30px;
	}
	.service-title {
		padding-top: 30px;
	}
	.service-left-side {
		padding-right: 0;
	}
	.tips-image {
		padding-left: 0;
	}
	.tips-title {
		padding-top: 0;
		margin-bottom: 50px;
	}
	div#testimonial-slide {
		margin-left: 0;
		margin-top: 0;
	}
	.single-testimonial .testi-content-inner {
		padding: 30px 30px;
	}
	.contact-address {
		margin-bottom: 30px;
	}
	#contact .contact-form {
		margin-top: 20px;
	}
	.footer-top-area .footer-logo {
		width: 35%;
	}
	.footer-top-area .footer-logo-box {
		margin-bottom: 30px;
	}
	.footer-social-list {
		text-align: center !important;
		margin-bottom: 15px;
	}
	.copyright-text {
		text-align: center !important;
	}
	
	.footer-top-area .footer-link {
		margin-bottom: 30px;
	}
	
}



@media only screen and (max-width: 479px) {
	.navbar-collapse .navbar-nav {
		margin-top: 10px;
	}
	.header-text h1 {
		font-size: 45px;
	}
	.header-text p {
		font-size: 15px;
	}
	.book-now-form-area {
		width: 90%;
		padding: 30px 15px;
		margin-top: -40px;
	}
	.destination-slide .single-destination.up-destination {
		margin-top: 0;
	}
	.destination-slide .single-destination {
		margin-top: 15px;
	}
	.destination-area .owl-carousel .owl-nav .owl-prev, .destination-area .owl-carousel .owl-nav .owl-next {
		display: none;
	}
	.tips-image {
		padding-left: 0;
	}
	.tips-image .img-1 {
		display: none;
	}
	.tips-image .img-2 {
		position: unset;
		right: 0;
		top: 0;
		width: 100%;
	}
	.single-testimonial .testi-content-inner {
		margin: 0;
	}
	.testimonial-area .owl-carousel .owl-nav .owl-prev, .testimonial-area .owl-carousel .owl-nav .owl-next {
		display: none;
	}
	.single-testimonial .testi-content-inner {
		padding: 50px 15px;
	}
	.single-testimonial .testimonial-content p {
		font-size: 15px;
	}
	.Subscribe-newsletter-header h2 {
		font-size: 30px;
	}
	.Subscribe-area .Subscribe-form {
		padding-left: 0;
	}
	.Subscribe-area .Subscribe-form .form-group .form-control {
		width: 100%;
	}
	.Subscribe-area .Subscribe-form .form-group .subscribe-button {
		margin-top: 25px;
		width: 100%;
	}
	.contact-address {
		margin-bottom: 30px;
	}
	#contact .contact-form {
		margin-top: 20px;
	}
	.footer-top-area .footer-logo {
		width: 70%;
	}
	.footer-top-area .footer-link {
		margin-bottom: 30px;
	}
}


@media screen and (max-width: 320px) and (min-width: 0px){
	.navbar-collapse .navbar-nav {
		margin-top: 10px;
	}
	.book-now-form-area {
		width: 90%;
		padding: 30px 15px;
		margin-top: -40px;
	}
	.tips-image {
		padding-left: 0;
	}
	.tips-image .img-1 {
		display: none;
	}
	.tips-image .img-2 {
		position: unset;
		right: 0;
		top: 0;
	}
	.single-testimonial .testi-content-inner {
		margin: 0;
	}
	.Subscribe-newsletter-header h2 {
		font-size: 30px;
	}
	.Subscribe-area .Subscribe-form {
		padding-left: 0;
	}
	.Subscribe-area .Subscribe-form .form-group .form-control {
		width: 100%;
	}
	.Subscribe-area .Subscribe-form .form-group .subscribe-button {
		margin-top: 25px;
		width: 100%;
	}
	.footer-top-area .footer-link {
		margin-bottom: 30px;
	}
}