/*Resposive Mobile Device*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.header-top-grid { background: #ffffff;position: inherit; top: 0; left: 0; right: 0;padding: 5px; }
	.header-top-grid img{ padding-top: 10px !important; }
	.slider-flex-grid {background-position: center 130px; background-size: contain; }
	.slider-flex-grid h1 { font-size: 5vw; justify-content: initial;text-align: center; line-height: normal; display: inherit;}
	.login-form-grid {width: 90%; position: relative; right: 0; float: none; top: 0; left: 0; margin: 62% auto 0; box-shadow: 0 0 18px 0px #00000026; }
	.destnation-dv{width: 100%;}
	.about-dest-grid h1{padding:20px 0 30px 0px; font-size: 30px}
	.about-dest-grid h1:before{bottom: 0;}
	.about-dest-grid p{padding: 10px 0 0 0;}
	.destnation-dv{padding: 30px 0px 30px 0px;}
	.about-dest-grid a {width: 140px; height: 50px; line-height: 50px; }
	.about-dest-grid .container-fluid{margin-top: 0px;}
	.owl-slid-grid { width: 100%; position: inherit;}
	.about-dest-grid button.owl-prev {width: 55px; height: 55px; border-radius: 0px; top: 40%; left: -25px; }
	.about-dest-grid button.owl-next {width: 55px; height: 55px; border-radius: 0px; top: 40%; right: -25px; }
	.owl-slider .owl-stage-outer { padding: 0;}
	.why-choose-grid #whychoose button.owl-next{right: 0;}
	.why-choose-grid #whychoose button.owl-prev{left: 0;}
	.why-choose-grid{height: 100%; background-position: bottom;  background-size: cover; padding: 50px 0px 30px 0px; margin: 0;}
	.why-choose-grid .whychose-heading h1 { padding: 50px 0 0; font-size: 28px;}
	.brand-sitemap-grid, .brand-contact-grid { padding-left: 0 !important;padding-bottom: 10px;padding-top: 25px;}
	.mob-navdv .fa{color: #ffffff;}
	.footer-grid{padding: 45px 20px 20px;}
	.brand-newsletter-grid input.form-control { width: 100%;}
	.why-choose-grid .whychoose-inner-grid h1{text-align: center;}
	.why-choose-grid .whychoose-inner-grid p{text-align: center;}
	.why-choose-grid .whychose-heading h1:before{bottom: -30px;}
	button#mob-nav {position: absolute;right: 0;z-index: 9999;color: #6cb9b8;background: none;border: none;font-size: 28px;top: 28px;right: 9px;}
	.mob-navdv {position: absolute; height: 100%; background: #1ea7a0; z-index: 999; width: 70%; }
	.mob-navdv nav.nav.navbar.nav-grid { padding: 40px 20px;}
	.mob-navdv .nav-grid li {margin-right: 30px; width: 100%}
	.nav-grid li a {text-transform: uppercase; font-size: 22px; padding: 10px 0; font-weight: 900; background:none;color: #ffffff;}
	#close-nav {color: #fff; font-size: 28px; margin: 20px 20px; width: 84%; color: #4f99b7; position: absolute; top: -15px; z-index: 22; }
	.mob-navdv .btn-default:hover {color: #fff; background: none; border: none;}
	.sidenav{ display: none; }
	.slider-flex-grid h1{top: 22%;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.nav-grid {padding: 20px 0 0; font-size: 14px; color: #fff;}
	.nav-grid li{margin-right: 6px;}
	.social-grid a.btn-default {width: auto; display: inline-block; text-align: center; height: auto; line-height: initial; border-radius: 30px; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 12px; padding: 10px 10px; margin-right: 9px; }
	.social-grid .socail-icon-grid {width: auto; display: inline-block; padding-left: 0; }
	.socail-icon-grid a {margin-right: 5px; color: #fff; font-size: 20px; vertical-align: -4px;}
	.login-form-grid {width: 270px; height: auto; position: relative; background: #fff; z-index: 2; right: 70px; float: right; top: 120px; padding: 10px 15px 13px 15px; border-radius: 15px; text-align: center; }
	.login-form-box { padding: 0px 0 0 0;}
	.slider-flex-grid h1{top: 29%; font-size: 3.0vw;}
	.owl-slider .img-slide { height: 320px;}
	button.owl-prev{top: 40%; width: 45px; font-size: 30px; height: 45px;}
	button.owl-next{top: 40%; width: 45px; font-size: 30px; height: 45px;}
	.slider-flex-grid img { height: 490px;}
	.social-grid {padding-top: 5px; padding: 10px 0 0 0; text-align: left; }
	.social-grid .socail-icon-grid {width: auto; display: inline-block; padding-left: 0; }
	.header-top-grid{padding-top: 10px}
	.destnation-dv { padding-left: 20px; width: 36%;}
	.about-dest-grid h1 { font-size: 3.10em;}
	.about-dest-grid a {width: auto; height: auto; padding: 15px 40px; line-height: normal;}
	.why-choose-grid {height: auto; float: left; background-position: center bottom; background-size: cover;  padding-bottom: 50px}
	.why-choose-grid .whychoose-inner-grid h1{padding:15px 0px; text-align: center;}
	.why-choose-grid .whychoose-inner-grid p{text-align: center;}
	.why-choose-grid #whychoose button.owl-prev { left: 0;}
	.why-choose-grid #whychoose button.owl-next { right: 0;}
	.brand-sitemap-grid, .brand-contact-grid { padding-left: 0;}
	.slider-flex-grid{background-position: left 137%;}
	.sm-clear{clear: both}
}
@media (min-width: 991px) and (max-width: 1200px) {
	.slider-flex-grid h1 {position: absolute; top: 25%; font-size: 3vw; color: #fff; display: inline-block; justify-content: left; align-self: center; line-height: normal; left: 50px; width: auto; }
	.nav-grid {padding: 30px 0 0; font-size: 16px; color: #fff;}
	.nav-grid li { margin-right: 20px;}
	.social-grid a.btn-default {width: auto; display: inline-block; text-align: center; height: auto; line-height: initial; border-radius: 30px; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 12px; padding: 10px 10px; margin-right: 9px; }
	.social-grid .socail-icon-grid {width: auto; display: inline-block; padding-left: 0; }
	.socail-icon-grid a {margin-right: 5px; color: #fff; font-size: 20px; vertical-align: -4px;}
	.login-form-grid {width: 280px; height: auto; position: relative; background: #fff; z-index: 2; right: 70px; float: right; top: 80px; padding: 10px 15px 13px 15px; border-radius: 15px; text-align: center; }
	.slider-flex-grid img { height: 490px;}
	.social-grid {padding-top: 5px; padding: 20px ​0 0 ; text-align: right; }
	.social-grid .socail-icon-grid {width: auto; display: inline-block; padding-left: 0; }
	.header-top-grid{padding-top: 10px}
	.destnation-dv { padding-left: 20px; width: 36%;}
	.about-dest-grid h1 { font-size: 3.10em;  padding: 0 0 50px 0;}
	.about-dest-grid a {width: auto; height: auto; padding: 15px 40px; line-height: normal;}
	.why-choose-grid {height: auto; float: left; background-position: center bottom; background-size: cover;  padding-bottom: 50px}
	.why-choose-grid .whychoose-inner-grid h1{padding:15px 0px; text-align: center;}
	.why-choose-grid .whychoose-inner-grid p{text-align: center;}
	.why-choose-grid #whychoose button.owl-prev { left: 0;}
	.why-choose-grid #whychoose button.owl-next { right: 0;}
	.brand-sitemap-grid, .brand-contact-grid { padding-left: 0;}
	.slider-flex-grid{background-position: left 137%;}
	.sm-clear{clear: both}
	.about-dest-grid h2 { padding: 25px 0;}
	button.owl-next { right: 265px;}

}
/*laptop*/
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.container {width: 1250px; padding: 0 15px;}
	.login-form-grid{right: 170px; top: 120px;}
	.slider-flex-grid h1 { top: 30%;}
	button.owl-next {right: 152px; height: 45px; line-height: 45px; width: 45px; }
	.why-choose-grid #whychoose button.owl-next{right: 0px}
	.why-choose-grid #whychoose button.owl-prev { left: 0;}
	.destnation-dv {padding-left: 15px;}
	button.owl-prev{height: 45px; line-height: 45px; width: 45px; left: 0}
}
/*laptop*/
@media screen and (min-width:1281px) and (max-width: 1366px){
	.container {width: 1180px; padding: 0 15px;}
	.login-form-grid{top: 150px;}
	.slider-flex-grid h1{top: 30%;}
	button.owl-next{right: 160px;}
	.destnation-dv { padding-left: 15px;}


}