/************************************************************************************

smaller than 1170

*************************************************************************************/

@media screen and (max-width:1300px) {

.wrapper{ width:100%; }

}

/************************************************************************************

smaller than 768

*************************************************************************************/





}

/************************************************************************************

smaller than 600

*************************************************************************************/

@media (min-width: 768px) and (max-width: 1024px) {

.top-header-div{width:100%; height:auto;}
.logo{width: 100%; height: auto; margin: 0 auto;}
.logo-div{text-align: center; padding: 0px 0 10px 0; float: none; margin: 0 auto; width: 100%; display: inline-block;}
.whatsapp-div{float:right; padding:0px 10px 0px 0px; margin:0;}
.email-div{ float:left; padding-left:10px;}
.email-div ul li{padding:0}

.nav-div{ width:100%; height:auto;}
.nav-left{width:100%;}
.nav-right{width: 100%; background: none; padding: 22px 0 0 20px; font: 21px/30px 'clanotmedium'; color: #F03; margin: 0px auto; display: inline-block; text-align:center;}
.form-slider-div{width:100%;}
.form-div{width:98%; height:auto;}
.home-form{ display:inline-block; width:100%;}
.row-form{width:94%;}

.slider-div{width:100%; margin:0; height:auto;}

.content-div{width:100%;}
.package-div h1{ font:30px/40px 'clanotmedium'}
.package-box{width:97.5%; height:auto;}

.hovereffect img{width:100%; height:100%;}
.package-box ul{text-align:center;}
#content p{text-align:center;}
.appointment-button a{ margin:20px 31px 20px 108px; padding:10px 60px 10px 60px;}
.package-div ul li{ margin:0px 0 0 0;}

.why-booking{width:100%; height:auto;}
.booking-div{width:93%; height:auto; padding:0 0 0 13px;}
.booking-div h3{ font:18px/24px 'clanotmedium' !important; margin:10px 0 0 0;}
.booking-div-right{width:100%;}

.about-slider-div{width:100%; margin:0; height:auto;}
.about-div{float:none; margin:0 auto; width:94%;}
.about-div h2{ font:20px/26px 'open_sansregular'}
.about-tab img{ margin:0 20px 13px 0;}
.about-tab{float:none; margin:0 auto; width:93%;}
.aboutus-tab-div{width:100%;}
.about-tour-package{width:100%; height:auto;}
.about-tour-package{width: 95%; height: auto; margin: 0 auto; float: none;}
.about-tour-package img{width:100%; height:100%;}
.why-choose-div{width:100%;}
.why-choose-us ul li{ float:none; margin: 0 auto; text-align: center;}

.why-choose-us{ width:100%;}

.testimonial-div{width:100%;}
.testi-div{width:100%; float:none; margin:0 auto;}
.how-content strong{font:20px/25px 'clanotmedium' !important}

.about-slider-div{width:100%; margin:0; height:auto;}
.about-div{float:none; margin:0 auto; width:94%;}
.about-div h2{ font:20px/26px 'open_sansregular'}
.about-tab img{ margin:0 20px 13px 0;}
.about-tab{float:none; margin:0 auto; width:93%;}
.aboutus-tab-div{width:100%;}
.about-tour-package{width:100%; height:auto;}
.about-tour-package{width: 95%; height: auto; margin: 0 auto; float: none;}
.about-tour-package img{width:100%; height:100%;}
.why-choose-div{width:100%;}
.why-choose-us ul li{ float:none; margin: 0 auto; text-align: center;}

.why-choose-us{ width:100%;}

.testimonial-div{width:100%;}
.testi-div{width:100%; float:none; margin:0 auto;}
.how-content strong{font:20px/25px 'clanotmedium' !important}
.how-content{ width:auto;}
.how-content ul li{display:inline-block; width:100%;}

.footer-tab{width:100%; height:auto;}
.footer-top-cont{width:100%; height:auto;}
.left-footer{width:86%; height:auto; margin:0 auto; float:none;}
.right-footer{width:100%; height:auto; padding:0;}
.footer-tab-cont h2{ text-align:center;}
.footer-tab-cont{ padding:0 32px 0 32px}

.footer-bootom-cont-div{width:100%; height:auto;}
.copyright{text-align:center; width:100%;}
.social-div{text-align:center; width:100%; padding-bottom:10px;}

.cont-div{ float:none; margin:0 auto; width:94%;}
.cont-left{ float:none; width:94%; margin:0 auto;}
.cont-right{ margin:10px auto; width:93%;}
.cont-right-form{ width:93%; margin:0 auto;}
.popup-inner{width:90%;}
.popup-div{width:88%;}

.section-paddings {text-align: center;}

}

/************************************************************************************

smaller than 480

*************************************************************************************/

@media (min-width: 481px) and (max-width: 767px) {

.section-paddings {text-align: center;}
.top-header-div{width:100%; height:auto;}
.logo{width: 100%; height: auto; margin: 0 auto;}
.logo-div{text-align: center; padding: 0px 0 10px 0; float: none; margin: 0 auto; width: 100%; display: inline-block;}
.whatsapp-div{float:right; padding:0px 10px 0px 0px; margin:0;}
.email-div{ float:left; padding-left:10px;}
.email-div ul li{padding:0}

.nav-div{ width:100%; height:auto;}
.nav-left{width:100%;}
.nav-right{width: 100%; background: none; padding: 22px 0 0 20px; font: 21px/30px 'clanotmedium'; color: #F03; margin: 0px auto; display: inline-block; text-align:center;}
.form-slider-div{width:100%;}
.form-div{width:96%; height:auto;}
.home-form{ display:inline-block; width:100%;}
.row-form{width:94%;}

.slider-div{width:100%; margin:0; height:auto;}

.content-div{width:100%;}
.package-div h1{ font:30px/40px 'clanotmedium'}
.package-box{width:96%; height:auto;}

.hovereffect img{width:100%; height:100%;}
.package-box ul{text-align:center;}
#content p{text-align:center;}
.appointment-button a{ margin:20px 31px 20px 31px; padding:10px 40px 10px 40px;}
.package-div ul li{ margin:0px 0 0 0;}

.why-booking{width:100%; height:auto;}
.booking-div{width:93%; height:auto; padding:0 0 0 13px;}
.booking-div h3{ font:18px/24px 'clanotmedium' !important; margin:10px 0 0 0;}

.about-slider-div{width:100%; margin:0; height:auto;}
.about-div{float:none; margin:0 auto; width:94%;}
.about-div h2{ font:20px/26px 'open_sansregular'}
.about-tab img{ margin:0 20px 13px 0;}
.about-tab{float:none; margin:0 auto; width:93%;}
.aboutus-tab-div{width:100%;}
.about-tour-package{width:100%; height:auto;}
.about-tour-package{width: 95%; height: auto; margin: 0 auto; float: none;}
.about-tour-package img{width:100%; height:100%;}
.why-choose-div{width:100%;}
.why-choose-us ul li{ float:none; margin: 0 auto; text-align: center;}

.why-choose-us{ width:100%;}

.testimonial-div{width:100%;}
.testi-div{width:100%; float:none; margin:0 auto;}
.how-content strong{font:20px/25px 'clanotmedium' !important}
.how-content{ width:auto;}
.how-content ul li{display:inline-block; width:100%;}

.footer-tab{width:100%; height:auto;}
.footer-top-cont{width:100%; height:auto;}
.left-footer{width:86%; height:auto; margin:0 auto; float:none;}
.right-footer{width:100%; height:auto; padding:0;}
.footer-tab-cont h2{ text-align:center;}

.footer-bootom-cont-div{width:100%; height:auto;}
.copyright{text-align:center;}
.social-div{text-align:center; width:100%; padding-bottom:10px;}

.cont-div{ float:none; margin:0 auto; width:94%;}
.cont-left{ float:none; width:94%; margin:0 auto;}
.cont-right{ margin:10px auto; width:93%;}
.cont-right-form{ width:93%; margin:0 auto;}
.popup-inner{width:90%;}
.popup-div{width:88%;}

}


/************************************************************************************

smaller than 320

*************************************************************************************/

@media (min-width: 320px) and (max-width: 480px) {
.section-paddings {text-align: center;}
.top-header-div{width:100%; height:auto;}
.header-main{width:100%; height:auto;}
.header{width:100%; height:auto;}
.right-div{ display:none;}
.main-logo{width: 100%; height: auto; margin: 0 auto;}
.tagline{ display:block;}
.logo-div{ display:block;}
.main-phone{width:100%; height:auto;}
.whatsapp-div{float:none;  width:47%; margin:0 auto; display:inline-block; padding:22px 0 12px 0;}
.email-div{height: auto; width: 100%; margin: 0 auto; display: inline-block;}
.email-div ul li{padding:0}

.nav-div{ width:100%; height:auto;}
.nav-left{width:100%;}
.nav-right{width: 100%; background: none; padding: 22px 0 0 20px; font: 21px/30px 'clanotmedium'; color: #F03; margin: 0px auto; display: inline-block; text-align:center;}
.form-slider-div{width:100%;}
.form-div{width:94%; height:auto;}
.home-form{ display:inline-block; width:100%;}
.row-form{width:94%;}

.slider-div{width:100%; margin:0; height:auto;}

.content-div{width:100%;}
.package-div h1{ font:30px/40px 'clanotmedium'}
.package-box{width:94%; height:auto;}

.appointment-button a{ margin:20px 15px 20px 15px;}
.package-div ul li{ margin:10px 0 0 0;}

.why-booking{width:100%; height:auto;}
.booking-div{width:93%; height:auto; padding:0 0 0 13px;}
.booking-div h3{ font:18px/24px 'clanotmedium' !important; margin:10px 0 0 0;}

.about-slider-div{width:100%; margin:0; height:auto;}
.about-div{float:none; margin:0 auto; width:94%;}
.about-div h2{ font:20px/26px 'open_sansregular'}
.about-tab img{ margin:0 20px 13px 0;}
.about-tab{float:none; margin:0 auto; width:93%;}
.aboutus-tab-div{width:100%;}
.about-tour-package{width:100%; height:auto;}
.about-tour-package{width: 95%; height: auto; margin: 0 auto; float: none;}
.about-tour-package img{width:100%; height:100%;}
.why-choose-div{width:100%;}
.why-choose-us ul li{ float:none; margin: 0 auto; text-align: center;}

.why-choose-us{ width:100%;}

.testimonial-div{width:100%;}
.testi-div{width:100%; float:none; margin:0 auto;}
.how-content strong{font:20px/25px 'clanotmedium' !important}

.footer-tab{width:100%; height:auto;}
.footer-top-cont{width:100%; height:auto;}
.left-footer{width:86%; height:auto; margin:0 auto; float:none;}
.right-footer{width:100%; height:auto; padding:0;}
.footer-tab-cont h2{ text-align:center;}

.footer-bootom-cont-div{width:100%; height:auto;}
.copyright{text-align:center;}
.social-div{text-align:center; width:100%; padding-bottom:10px;}

.cont-div{ float:none; margin:0 auto; width:93%;}
.cont-left{ float:none; width:93%; margin:0 auto;}
.cont-right{ margin:0 auto; width:91%;}
.cont-right-form{ width:90%; margin:0 auto;}

.popup-inner{width:90%;}
.popup-div{width:88%;}
}