﻿/* Responsive CSS */

@media only screen and (max-width: 1200px) {

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
   
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

 
}
@media only screen and (max-width: 767px) {
  .LogoonMobile img {width: 209px; height: auto !important; margin: 7% 15px 0 0%;}
  .ros-mHeader .ros-mLogo {margin-left: 30px;}
  .ros-mHeader .ros-mMenu {float:right; margin: 3px 15px 0px 15px;}
  .newsletterWrap, .social_links  {display:none;}
  .why_ros_wrapper label {color:inherit;}
  .section_white {padding: 10px 0 0 0;}
  .why_ros_wrapper .why_ros_info .why_ros_canvas {min-height: 152px;}
  .tab-content {margin-top: 4%;}
  .form-group.form-group-lg .form-control, .panel-title .ac_input {padding: 26px 0 22px 40px; text-align:left;}
  .ros_Switch {top: 33%; right: 0;}
  .depart_icon {left: 13px;}
  #accordion .panel-title > a { padding: 0.4em 4.2em;}
  .panel-title .ac_input {border: 0px solid #E5E5E5 !important;}
  .booking-search {width:100%;}
  label {color:#000;}
  .radio-clr {color:#000;}
  .form-group.form-group-lg .input-number {padding:16px !important; margin-top: 4px;}
  .input-group.form-group span.pls, .input-group.form-group span.minus  {float:left; width:12.5%;}
  .form-group {margin-bottom:5px;}
.menuSignup_wrap .signUpbutton  {padding: 10px 30px;}
#flightChooseTab li a {padding: 7px 15px !important;}
.navbar-toggle {z-index:9999;}
/*.nav-tabs > li > a > span {display:none;}*/
.nav-tabs > li > a {width:auto; padding: 12px 5%;}
ul.nav-tabs > li {width:auto;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {padding: 12px 5% !important;}
.form_bg_img {position: relative; top: -80px; left:0;}
.booking-box {padding: 0px 20px 25px !important;}
.mar1012 {margin-top:-11%; float: left;}
.closebtn { top: 37px; right: -234px !important;}
.video {height:480px !important;}
    .carousel-inner > .item > img {height:170px;}
}

 @media only screen and (max-width: 520px) {

}
 @media only screen and (max-width: 320px) {
}