@media (min-width:1367px)
{  
  /* increase height of navbar */
  nav  {font-size: 1.1vw; line-height: 65px; height: 65px;}
  nav ul a {height: 65px;}
  nav ul ul {line-height: 55px;}
  nav ul li li a {height: 55px;}
  .amber-logo {top: 70px;}
  
  #top_banner .amber-logo img {width: 19vw;}
  #top_banner .virtuoso-logo img {width: 13vw;}
	
  /* common */
  p {font-size: 1.17vw; line-height: 1.56;}
  
  /* home */
  .who_we_are_content p {padding-left: 30%;}
  
  /* experiences slider */
  .experience_left h4 {font-size: 1.47vw; line-height: 1.3;}
  .experience_slider .owl-next, .experience_slider .owl-prev {top: 230px;} 
  
  /* footer */
  footer address {font-size: 1.17vw; line-height: 1.75;}
  
   /* destinations pages all sections */
  .destination_content p, .our_travels_content p,  ul.tips  {font-size: 1.47vw; line-height: 1.75;}

  /* experiences page */
  .experience_content h2 {font-size: 1.76vw; line-height: 1.4;}
	.experience_content p, .itinerary p  {font-size: 1.47vw; line-height: 1.75;}
  .itinerary h3 {font-size: 1.47vw; line-height: 1.4;}

  /* testimonials slider */
  .testimonial .content {padding: 2.1em 50px;}
  .testimonial .content p {font-size: 1.5vw; }
  .testimonial .avatar_name h4 {font-size: 1.4vw;}
  .testimonial .avatar_name h5 {font-size: 1.1vw;}
  
  /* talk to us */
  #contactForm, #contactForm p {font-size: 1.35vw;}
  
  /* policy pages */
  .policy h1 {font-size: 50px; margin: 0 0 10px 0;}
  .policy h2 {font-size: 35px; margin-bottom: 10px;}
  .policy p, .policy ul {font-size: 20px; line-height: 1.6; margin: 0 0 15px 0;}
  
}

@media (min-width:1600px)
{
  nav {font-size: 1vw;}
  
  .testimonial {min-height: 650px;}
  .testimonial_slider .owl-next {right: 320px}
	.testimonial_slider .owl-prev {left: 320px}
}

@media (min-width:1920px)
{ 
	/* common */
 	nav {font-size: .9vw;}
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 55%; font-size: 40px; line-height: 40px; width: 50px; height: 50px;}
 
 	/* home */
  .who_we_are_content p {padding-left: 38%;}
  
  /* experiences slider */
  .experience_slider .owl-next, .experience_slider .owl-prev {top: 300px; width: 50px; height: 50px; font-size: 50px}
  .experience_left h5 {font-size: }

  /* testimonials alider */
  .testimonial_slider .owl-next {right: 320px}
	.testimonial_slider .owl-prev {left: 320px}
   
	/* photo gallery */
  .gallery_wrapper h2 {padding-left: 622px}
  .gallery_wrapper h2:before {top: -400px}

	/* footer */
  .social_media_ul li {width: 50px; height: 50px; line-height: 50px; font-size: 24px}
}

@media (max-width:1200px) 
{
	#top_slider .carousel, #top_banner, #top_banner.experiences {padding-top: 55px;}
  
  #dest_carousel:before {content: none;} /* destination pages only, remove tail */
  .our_travels_content {top: -50px; margin-bottom: -50px;} /* destination pages only, reduce content overalp */
  .testimonial_slider .owl-prev {left: 120px}
	.testimonial_slider .owl-next {right: 120px}
  #photo_gallery {width: 70%; margin: 0 auto; padding: 50px 0 50px 0;}
}

@media (max-width:991px)
{
  /* ======= Common ======= */
  .experience_slider .owl-next, .experience_slider .owl-prev {position: absolute; top: 140px;}
  
  /* ======= Home page ======= */
  .explore-container {padding: 20px 0 0 0}
  
  /* who we are */
  .who_we_are_wrapper h2 {text-align: left; padding-left: 17%;}
  .who_we_are_wrapper h2 .heading-icon {margin: 0; margin-left: 20%;}
  .who_we_are_wrapper h2 .color_bg {position: absolute; width: 40%; top: -15px; left: 17%; bottom: -15px; z-index: 99; display: none;}
  .who_we_are_wrapper h2::after {width: 50%;}
  .who_we_are_content p, .what_we_do_wrapper p, .the_why_wrapper p {text-align: center; padding: 0 10%; margin: 0 0 20px 0;}
 
  /* experiences slider */
  .experience_slider .owl-next, .experience_slider .owl-prev {position: absolute; top: 120px;}
  .experiences_content {padding: 30px; background-size: auto;}
  .experience_left {padding: 40px;}
  .experience_left .experience_text {width: 70%;}
  
  /* accolades */
  .accolades_header h2 {}
  .accolades_content p {text-align: center; width: 100%; padding: 0 10%; margin: 20px 0 30px 0;}
  
  /* ===== Destinations pages ===== */
  .text-watermark {display: none;}
  .destination_content {margin: 0 0 20px 0;}
  .destination_content h1 {padding: 0; margin: 0 0 10px 0;}
  .destination_content h1 span {display: inline; font-size: inherit;}
  .destination_content h1:after {content: none;}
  
  .our_travels_header {margin: 10px 0;}
  .our_travels_header h2::after {content: none;}
  .our_travels_content {top: 0px; margin-bottom: 0px;}
  .our_travels_content .text_watermark {display: none;}
  .our_travels_content p {margin: 20px 0 0 0;}
  
  .tips_suggestions_wrapper .img-strip {display: none;}
  h2.tips_heading {font-size: 6.2vw; position: static; margin: 20px 0 0 0;}
  h2.tips_heading .and_sign {position: static; color: #000;}
  h2.tips_heading .bg-color {display: none;}
	ul.tips {margin: 20px 0;}
  #tip_carousel::before {content: none;} /* hide tip carousel tail */
  
  /* ===== Experiences pages ===== */
  .itinerary {background: none;}
  .exp_carousel_wrapper {margin: 0;}
  .exp_carousel_wrapper .bs-slider {width: 100%; padding: 0 15px; background: none;}
  .experience_content {margin: 0 0 20px 0;}
  .itinerary-nav div.prev {padding-left: 15px;}
	.itinerary-nav div.next {padding-right: 15px;}
  .itinerary_btn.prev {float: right; margin-right: 15px;}
	.itinerary_btn.next {float: left; margin-left: 15px;}
  
  /* ===== Testimonials page ===== */
  .testimonial_slider .owl-prev {left: 40px}
	.testimonial_slider .owl-next {right: 40px}
  .testimonial {padding: 40px}
  .testimonial .content {padding: 30px 40px;}
  
  /* ==== Photo Gallery ===== */
 	#photo_gallery {width: 80%;}
  #photo_gallery .item {border: 50px solid #ffd4a6; padding: 10px;}
}

@media (max-width:768px)
{
	/* bs carousel nav arrows */
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {color: #fff; background: none; top: 50%;}
  
   /* ======= Home page ======= */
   
   /* explore section */
  .explore_bg {display: none;}  /* switch off all watermark backgrounds */
  .wander_bg {display: none;}
  
  .explore-container {padding: 0}
  .explore-container h2 {margin: .5em 0 .2em 0; padding: 0; text-align: center; background: none;}
  .explore-container h2 .heading-icon, .explore-container h2 .color_bg  {display: none;}
  .explore-container h2::before, .explore-container h2::after {content:none;}
  .explore-container h2 .color_bg {display: none;}
  .who_we_are_content p, .what_we_do_wrapper p, .the_why_wrapper p {padding: 0 5%;}
  
  /* destinations */
  .destinations_header img {display: none;}
  .destinations_header h2 {position: static; margin: .7em 0 .4em 0;}
  .destinations_header h2 .heading-icon, .destinations_header h2 .color_bg  {display: none;}
  .destinations_header h2::before, .destinations_header h2::after {content:none;}
  
  /* destinations slider */ 
  .destination_slider .owl-prev, .destination_slider .owl-next {background: none; font-size: 40px; color: #fff;}
  .destination_slider .owl-prev {left: 0;}
  .destination_slider .owl-next {right: 0;}

  /* experiences header */
  .experiences_header img {display: none;}
  .experiences_header h2 {position: static; padding: 0; text-align: center; margin: .7em 0 .4em 0;} 
  .experiences_header h2 .heading-icon, .experiences_header h2 .color_bg  {display: none;}
  .experiences_header h2::before, .experiences_header h2::after {content:none;}
  
  /* experiences slider */
  .experience_slider .owl-next, .experience_slider .owl-prev {position: absolute; top: 0; font-size: 40px; width: 40px; height: 40px; line-height: 40px; background: rgba(0,0,0,.6); color: #fff; border-radius: 2px;}
  .experience_slider .owl-prev {right: 60px; left: auto;}
  .experience_slider .owl-next {right: 0;}
  .experience_left {width: 100%; margin-top: 0; background-image: none;}
  .experience_left .experience_text {width: 100%;}
  .experience_left h2 {font-size: 35px;}
  .experience_left h5 {font-size: 18px;}
  .experience_right {display: none}
  
  /* accolades */
  .accolades_header h2 {width: 100%; text-align: center; margin: .7em 0 .4em 0; padding: 0}
  .accolades_header h2 .heading-icon, .accolades_header h2 .color_bg  {display: none;}
  .accolades_header h2::before, .accolades_header h2::after {content:none;}
  .accolades_content p {width: 100%; text-align: center; margin: 20px 0; padding: 0 5%;}
  .accolades_content .acc-img {width: 90%; margin: 0 auto;}
  .accolades_content .acc-logos {margin: 25px 0 30px 0;}
  
  /* footer */
  footer {padding: 20px 0; background: #000}
  footer.experiences {padding: 200px 0 50px 0;}
  footer h2 {padding-bottom: 0; margin-bottom: .3em;}
  footer h2::before, footer h2::after {content: none;}
  footer .newsletter {width: 100%; padding: 0; margin: 50px 0 0 0;}
  .footer-logos {margin-top: 30px}
  .social_media_ul li {background: #999; width: 30px; height: 30px; line-height: 30px; font-size: 15px; margin-right: 5px}
  .social_media_ul {margin-top: 25px}
  
  .footer-menu {display: flex; flex-direction: column; justify-content: center;}
	.footer-menu .col {padding: 0 0 15px 0; text-align: center;} 
  
  /* ===== Destinations & Experiences pages ===== */
  .watermark-header {display: none;}
  .destination_content {margin: 20px 0;}
  .itinerary_btn {font-size: 18px; padding: 10px 15px; letter-spacing: 1px;}
  
  .experience_content {margin: 20px 0;}
  
  /* ===== Testimonials page ===== */
  
  /*.testimonial_header h2::before, .testimonial_header h2::after {content:none;}*/
  .testimonial {padding: 30px;}
  .testimonial .content {padding: 30px;}
  
  .testimonial_slider .owl-next {right: 20px}
  .testimonial_slider .owl-prev {left: 20px}
  
	/* ====== Photo Gallery ===== */
  .gallery_header {display: none;}   
  #photo_gallery {width: 100%; margin: 0;}
  #photo_gallery .item {border: 20px solid #ffd4a6; padding: 10px; }
  #photo_gallery .carousel-control.left {left: 32px;}
	#photo_gallery .carousel-control.right {right: 32px;}
  
  /* ===== Contact Form ===== */
  #contactForm ul li {margin: 20px 0; line-height: 1.8;}
  #contactForm ul li label {width: 240px; display: block; vertical-align: baseline;}
  #contactForm ul li span {display: block; vertical-align: baseline;}
  #buttonsContainer {margin: 20px 0 0 0; padding: 0;}
  
  /* ========= Responsive Menu ========= */
  
  /* display the menu icon */
  label.menu-icon {display: block;}
  label.menu-icon::before {opacity: 1;}
  
  label.menu-icon::before {content: '\2630'; opacity: 1; transition: opacity .3s ease;}
	label.menu-icon::after {content: ''; opacity: 0; transition: opacity .3s ease;}

  /* display menu when nav icon is checked */
  #menu-checkbox:checked ~ ul {left: 0;} 
  #menu-checkbox:checked + label::before {content: ''; opacity: 0;}
  #menu-checkbox:checked + label::after {content: 'x'; opacity: 1;}
  
  /* convert menu to full width vertical menu */
  #nav-logo {display: block; float: left; width: auto; height: 100%; }
  #nav-logo img {display: block; padding: 7px 15px; height: 100%; width: auto;}
  
  /* level 1 */
  nav ul {font-size: 13px; line-height: 45px; background: #111;}
  nav > ul {position: fixed; transition: left .3s ease; width: 275px; left: -275px; top: 55px; height: 100%; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5);} 

  nav ul li {display: block; float: none; line-height: 45px; border-bottom: 1px solid #999;}
  nav ul li a {line-height: 45px; height: 45px; text-align: left; padding: 0 0 0 25px;}  /* level 1 indent */
  
	nav ul li:hover > a {background: #111;} 
  nav ul li a:hover {background: #ff8500;}
  
  nav ul li.node > a:after { right: 17px; top: 17px; } /* adjust dropdown node arrow position */
  
  /* level 2 */
  nav ul ul {position: relative; float: none; box-shadow: none;}
  nav ul li li {border-bottom: none;}
  nav ul li li a {line-height: 35px; height: 35px; padding: 0 0 0 40px;} /* level 2 indent */

  
  /* turn off dropdown on hover */
  nav ul li:hover ul {display: none;}
  
  .amber-logo {display: none;} /* turn off top slider logo when displaying menu logo */
}

@media (max-width:600px)
{
  
}

@media (max-width:576px)
{
  /* freeeze all heading sizes */
  h1.home {font-size: 26px;}
  h2 {font-size: 36px;}
  footer h2 {font-size: 36px;}
  .destination_content h1 {font-size: 36px;}
	.testimonial_header h2 {font-size: 36px;}
  .testimonial_header h2::before, .testimonial_header h2::after {content: none;}
  .experience_content h1 {font-size: 36px;}
  .experiences_content {padding: 20px;}
  .experience_left {padding: 40px 20px 20px 20px;}
  .experience_left h2 {font-size: 30px;}
  h2.tips_heading {font-size: 36px; margin: 20px 0 0 0;}

  .who_we_are_content p, .what_we_do_wrapper p, .the_why_wrapper p {padding: 0 5px;}
  .accolades_content p {padding: 0;}
  
  /* testimonials page */
  .testimonial {margin: 15px; padding: 30px 20px;}
  .testimonial .content {padding: 20px 5px;}
  .testimonial .content p {font-size: 20px;}
  .testimonial_slider .owl-next, .testimonial_slider .owl-prev {top: 45%;}
  .testimonial_slider .owl-next {right: 0px}
  .testimonial_slider .owl-prev {left: 0px; rght: 70px;}
  
  footer.destinations .newsletter {position: absolute; bottom: 60px;}
  #contactForm input, #contactForm textarea {width: 100%;}
}