/*  1366px  */
@media all and (max-width: 1479px) {
	
.full-width-tour-image {height:500px;}

.full-width-tour-content {padding:100px;}

.home-banner1, .home-banner2, .home-banner3 {height:400px; background-size:cover; }

.banner-caption { padding-top:8%;}

.home-banner1 {background-size:100% auto;}
	
.photo-title { margin-top: 122%;	}
	
.showcase {width: 32%;	}
	
.inside-banner {height: 150px;}	

.inside-banner h2 {line-height: 150px;}	

}







/*  1240px  */
@media all and (max-width: 1339px) {
	
.grid-1280 {width:1180px;}

.inside-banner {height:200px; background-size:110% auto;}

.inside-banner h2 {line-height:200px; margin-bottom:0px;}

.inside-content {    padding: 35px 0px;}

.full-width-tour-content {    padding: 60px;}

.tabcontent {min-height:600px;}

.service {    width: 23.9%;}

.logo-big {    width: 70%;}

}










/*  980px  */
@media all and (max-width: 1239px) {
	
.grid-1280 {width:940px;}	

.top-stripe .call, .top-stripe .email {width:35%;}

#top-navigation {display:none;}

.home-banner1, .home-banner2, .home-banner3 {height:400px;}

.contact-textbox {width:24.9%;}

.holiday-packages h2, .blog h2, .gray-area h2 {    font-size: 170%; line-height:140%;}

.social-bottom, .copyright span, .logo-bottom {float:none; display:table; text-align:center; width:100%;}

.logo-bottom a img {display:block; margin:auto; float:none;}

.call-to-action a, .call-to-action h5, .call-to-action p {display:block; text-align:center; float:none; margin:auto;}

.call-to-action a {width:200px; margin-top:20px;}

.copyright span {margin-top:0px;}

.package-box a h4 {margin-top:30%;}

.testimonials p {width:70%; margin-bottom:40px!important;}

.blog-image {    height: 300px; margin-bottom:20px;}

.blog {padding-bottom:30px;}

.responsive-menu-icon {    display: block;}

header  {position:fixed; border-bottom:1px solid #eee; transition: all 0.5s ease-in 0s;} 

header  .top-navigation { margin-top:0px; transition: all 0.5s ease-in 0s;}

header .top-navigation li a {line-height:50px;}

header .logo img {width:165px; transition: all 0.5s ease-in 0s;}

header .logo  {margin-top:0px;}

header .logo-band {    height: 50px; transition: all 0.5s ease-in 0s;}

.header-gap {    height: 100px;}

#top-navigation {position:fixed; background-color:#fff; left:0px; top:100px; width:100%;}

header .top-navigation li {width:100%; border-bottom:1px solid #ddd;}

header.darker .top-navigation li a, header .top-navigation li a {    line-height: 40px; letter-spacing:1px; font-size:16px;}

header .top-navigation li a:hover {background-color:#eee;}

.top-navigation .active a {background-image:none;}

.call-to-action br {display:none;}

.inside-banner {height:150px; background-size:110% auto;}

.inside-banner h2 {line-height:150px; margin-bottom:0px;}

.why-box {padding:50px 0px;}

h2 {    font-size: 180%;}

.three-column-box .figure {    height: 180px;}

.three-column-box h6 {    font-size: 14px;}

.similar-tour .three-column-box:last-child {display:none;}

.tabcontent {margin-bottom:0px;}

#Gallery a {margin:1%; width:23%;}

#mixedSlider4 .MS-controls button {top:44%; margin-top:0px;}

.service {    width: 31.3%;}

.logo-big {    width: 80%;}

.why-box-horizontal {    width: 48%;}

.contact-box {    width: 48%; margin:1%; border:1px solid #ccc; padding:20px 0px; display:table; height:250px;}

.blog-post-box .figure {    height: 210px;}


}





/*  768px  */
@media all and (max-width: 979px) {
	
.grid-1280 {width:720px;}	

body { font-size: 15px;  line-height: 28px;}

.package-box {    width: 50%;}

.call-to-action h5 {    font-size: 250%;}

.call-to-action p {font-size:100%;}

.face {   display: block;    margin: 0px auto 20px auto;    float: none;}

.testimonials p {text-align:center!important; width:100%;}

.blog-image {   height: 230px;    margin-bottom: 20px;}

.blog h3 {    font-size: 150%;    line-height: 140%;}

.call-to-action a {padding:10px;}

.gray-area {    padding: 40px 0px;}

.holiday-packages .packages .hd-package-box:nth-child(3), .holiday-packages .packages .hd-package-box:nth-child(6) {margin-right:1%!important;}

.hd-package-box {   width: 48%; margin:1%!important;}

.holiday-packages {    padding: 40px 0px;}

.view-all a {    width: 250px;    padding: 10px;}

.view-all {   padding: 30px 0px;}

.top-stripe .call {   width: 50%;}

.top-stripe .email  {display:none;}

.contact-button {width:21%; letter-spacing:0px;}

.banner-caption-heading-2 {    font-size: 45px; letter-spacing:2px; line-height:50px;}

.banner-caption-heading-2::before, .banner-caption-heading-2::after {height:35px;}

.home-banner1, .home-banner2, .home-banner3 {    height: 340px;}

#mixedSlider1 {    margin: 30px 0px;}

.why-box span {    font-size: 16px;    width: 118px;    margin: auto;    font-weight: 500;    line-height: 24px;}

.inside-banner h2 {    line-height: 100px;    margin-bottom: 0px;    font-size: 30px; letter-spacing:1px;}

.inside-banner h2::before, .inside-banner h2::after {background-size:110% auto; width:50px; height:25px;}

.three-column-box {    width: 48%;}

.inside-banner {    height: 80px;    background-size: 100% auto;}

.inside-banner h2 {line-height:80px;}

.booking-left {    width: 100%;    float: none;    padding: 100px 50px;}

.booking-right {width:100%; float:none;}

.gray-area h3 {    font-size: 16px;    line-height: 30px;}

.service {    width: 48.1%;}

.logo-big {    width: 80%;}

.blog-left {width:100%; padding:0px;}

.blog-right {width:100%;}

}






/*  640px  */
@media all and (max-width: 767px) {
	
.grid-1280 {width:600px;}	

.banner-caption-heading-3 {font-size:14px; line-height:20px; width:100%; margin-bottom:20px;}

.home-banner1, .home-banner2, .home-banner3 {    height: 280px;}

.logo-bottom a img {   width: 200px;}

.copyright {font-size:10px; letter-spacing:1px;}

.social-bottom a img {   width: 30px;}

#mixedSlider1 .MS-content, #mixedSlider2 .MS-content {width:550px!important;}

.fa-angle-right::before, .fa-angle-left::before {    font-size: 35px !important;}

.hd-package-box div .hd-place-name strong {    font-size: 18px;}

.hd-package-box div .hd-place-name {font-size:14px;}

.hd-package-box div .hd-price strong {font-size:24px;}

.hd-package-box div .hd-price {font-size:11px;}

.hd-package-box div {padding:15px;}

.testimonials p {height:150px;}

.banner-caption-heading-1 {    font-size: 12px;}

.banner-caption a {    padding: 15px 40px;}

.next, .prev {   width: 12px;    height: 24px;    background-size: 100%;}

.contact-button {   width: 20%;    letter-spacing: 0px;    text-transform: capitalize;    font-size: 13px;}

header .top-navigation li {    width: 33.3%;}

.inside-banner {height:100px; background-size:auto 100%;}

.inside-banner h2 {line-height:100px; margin-bottom:0px;}

.full-width-tour-image {   height: 300px;    width: 100%;}

.full-width-tour-content {    padding: 40px; width:100%;}

.why-box {    width: 48%; margin:1%;}

.whyus {    padding: 30px 0px;}

.curve img {width:50px;}

.half-left , .half-right { float:none;   width: 100%;}

.tour-name-and-others h6 {font-size:18px;}

.booking-right {padding:20px;}

.booking-left {    padding: 50px 20px;}

.service {    width: 48%;}

.logo-big {    width: 60%; margin-bottom:50px;}

.why-box-horizontal {    width: 100%;    margin: 1% 0px;}

.textbox2, .textbox1 {    width: 100%;    margin: 1% 0px;}

.blog-post-box .figure {    height: 180px;}

.holiday-packages h2, .blog h2, .gray-area h2 {    font-size: 140%; line-height:140%;}

}




/*  480px  */
@media all and (max-width: 639px) {
	
.grid-1280 {width:440px;}	

.top-stripe .social-top a {    margin-left: 0px;}

#mixedSlider1 .MS-content, #mixedSlider2 .MS-content {width:395px!important;}

.top-stripe .call {   width: auto; display:inline-block;    font-size: 14px;}

.banner-caption-heading-2 {   font-size: 26px;    letter-spacing: 0;    line-height: 30px;    font-weight: 400; margin-bottom:30px;}

.banner-caption-heading-2::before, .banner-caption-heading-2::after {    height: 22px;}

.banner-caption-heading-1 {letter-spacing:3px;}

.banner-caption-heading-3 {display:none;}

.home-banner1, .home-banner2, .home-banner3 {    height: 210px;}

.contact-textbox, .contact-button {    width: 100%;    margin: 5px 0px;}

.hd-package-box {    width: 100%;    margin: 2% 0px !important;}

#mixedSlider1 .MS-content .item {width:100%;}

.blog-box1, .blog-box2 {   width: 100%; float:none;}

.package-box {   width: 100%;}

.package-box a p {font-size:16px;}

.call-to-action h5 {    font-size: 200%;}

.copyright span {   font-weight: 400;}

.testimonials p {height:220px;}

header .top-navigation li {    width: 50%;}

.inside-banner h2 {    line-height: 100px;    margin-bottom: 0px;    font-size: 20px; letter-spacing:1px;}

.inside-banner h2::before, .inside-banner h2::after {background-size:100% auto; width:40px; height:20px;}

.curve img {width:40px;}

.three-column-box {    width: 100%; margin:2% 0px;}

.three-column-box h6 {    margin-bottom: 20px; height:auto;}

.three-column-box .figure {    height: 250px;}

.gray-area {    padding: 20px 0px;}

.inside-banner {    height: 60px;    background-size: 100% auto;}

.inside-banner h2 {line-height:60px;}

.tab button {padding:10px 5px; font-family: 'Oswald', sans-serif;  font-weight:400;}

.tabcontent {padding:15px;}

.service {    width: 100%;}

.logo-big {    width: 80%; margin-bottom:50px;}

.service {    width: 100%;    margin: 15% 0px;}

.call-to-action {    padding: 30px 0px 33px 0px;}

.why-box-horizontal strong {margin-top:0px;}

.contact-box {width:100%; margin:2% 0px; background-color:#fff;}

.blog-post-box { width: 100%; margin:2% 0px;}

.blog-post-box .figure {    height: 280px;}
	
.team img {    width: 120px;}	

}





/*  360px  */
@media all and (max-width: 479px) {
	
.grid-1280 {width:320px;}		

.top-stripe .social-top {display:none;}

.top-stripe .call {width:100%; text-align:center; font-size:18px;}

#mixedSlider1 .MS-content, #mixedSlider2 .MS-content {width:290px!important;}

.service-box {padding:50px 10px;}

.call-to-action h5 {    font-size: 150%;}

.call-to-action p {    font-size: 100%;    line-height: 140%;}

.call-to-action {    padding: 20px 0px 33px 0px;}

.copyright span {    font-weight: 400;    width: 287px;    margin: auto; line-height: 140%;}

.testimonials p {height:300px;}

.home-banner1 {  background-image:url(../images/home-banner11.jpg); }
.home-banner2 {  background-image:url(../images/home-banner22.jpg); }
.home-banner3 {  background-image:url(../images/home-banner33.jpg); }

.home-banner1, .home-banner2, .home-banner3 {    height: 550px;}

.banner-caption {padding:100px 0px 0px 0px;}

.banner-caption-heading-2::before, .banner-caption-heading-2::after {    display: block;    float: none;    margin: 20px auto;}

.banner-caption-heading-2 {    font-size: 40px;}

.banner-caption a {    padding: 15px 40px;    margin:80px auto 0px auto; display:block; width:200px; padding: 10px 30px;}

.blog-image {    height: 200px;}

.service-box:hover {    box-shadow: 0px 0px 3px 1px #ccc;}

header .top-navigation li {    width: 100%;}

.inside-banner {    height: 60px;    background-size: 110% auto;}

.inside-banner h2 {line-height:60px;}

.inside-banner {    height: 60px;    background-size: 120% auto;}

.inside-banner h2::before, .inside-banner h2::after {background-size:100% auto; width:40px; height:20px;}

.why-box {width:100%; margin:2% 0px;}

.three-column-box .figure {    height: 200px;}

.tab button {font-size:12px;}

h2 {    font-size: 160%;}

.first-para {    font-size: 18px !important;}

.blog-post-box .figure {    height: 180px;}

.posted-by {display:block; margin:0px; width:100%;}

.date {display:inline-block; margin:0px; width:80%;}

.comments {display:inline-block; margin:0px; width:20%; }

.service {    margin: 22% 0px;}

.gray-area {    padding: 20px 0px 0;}

.whyus {    padding: 20px 0px;}

.why-box-horizontal {    margin: 3% 0px;}

.why-box-horizontal img {    width: 60px;}


}









/*  320px  */
@media all and (max-width: 479px) {

.grid-1280 {width:290px;}			

#mixedSlider1 .MS-content, #mixedSlider2 .MS-content {width:240px!important;}

.testimonials p {height:350px;}	

.home-banner1, .home-banner2, .home-banner3 {    height: 380px;}

.blog-image {    height: 180px;}

.three-column-box .figure {    height: 180px;}

.blog-post-box .figure {    height: 160px;}

.top-stripe .call {   font-size: 15px;}

.banner-caption {    padding: 30px 0px 0px 0px;}

header.darker .top-navigation li a, header .top-navigation li a {    line-height: 35px;    letter-spacing: 1px;    font-size: 13px;    font-weight: 500;}

.call-to-action h5 {    font-size: 130%;}

body {    font-size: 14px; line-height:23px;}

.why-box-horizontal {line-height:24px;}

.inside-banner {    height: 60px;    background-size: 120% auto;}

}