.header_left_part_inner {
    padding-top: 108px;
    background: url(../image/top-left.jpg) no-repeat left top;
}

@media screen and (max-width: 768px){
    .header_left_part_inner{
        padding-top: 0px;
        background: url(../image/top-left-mobile.jpg) no-repeat left top;
        background-size: 100%;
        height: 100%;
        background-color: black;
    }
}

.one input[type="text"], .two input[type="text"] {
  background: none;
/*  background: #f4f4f4;
  background-image: url("origin_icon.png") no-repeat top right;
  background-image: url("origin_icon.png") no-repeat top right, linear-gradient(#fff, #ddd);*/
}

.radio_box.three.myfont > input {
  margin-left: -3px;
}

.three input[type="text"], .four input[type="text"] {
  background: none;
/*  background: #f4f4f4;
  background-image: url("cal_icon-2.png") no-repeat top right;
  background-image: url("cal_icon-2.png") no-repeat top right, linear-gradient(#fff, #ddd);*/
}

.input_select_box {
    margin-right: 21px;
}

@media screen and (max-width: 768px) {
    .input_select_box{
      width: 100%;
      float: left;
      width: 92%;
      margin-right: 0;
      margin-left: 4%;
      margin-top: -1px;
    }
}

/*.one input[type="text"], .two input[type="text"], .three input[type="text"], .four input[type="text"]{
  background-position: top left;
}*/

input[type="text"], input[type="text"]:focus {
  box-shadow: none;
  outline: none; 
  outline-color: transparent;
  outline-style: none;
}

input[type="text"] {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
    border: 0;
    padding: 0 20px 2px 3px;
    width: 100%;
    height: 22px;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px){
  input[type="text"].booking_text{
    font-size: 26px;
    height: 52px;
  }

  #ui-datepicker-div{
    width: 92%;
  }
}

input[type="radio"], input[type="checkbox"] {
  margin-top: -2px;
}

@media screen and (max-width: 768px){
  .booking_radio{
    width: 27px;
    height:27px;
  }

  .row{
    margin-left: 0;
    margin-right: 0;
  }

  .col-sm-10{
    padding: 0;
  }

  .col-md-12{
    padding-left: 5px;
    padding-right: 0px;
  }

  .thumbnail > img{
    padding-right: 5px;
  }
}

.text_box {
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  padding: 0px;
  border-radius: 0;
  border: 1px solid #696969;
  background: url("../image/input-bg.png") top left;
}

.text_box.two {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px){
  .booking_textbox{
    height: 52px;
    background-size: 100% 100%;
    margin-bottom: 11px;
    line-height: normal;
  }

  .text_box.two{
      margin-bottom: 11px;
  }
}

.input.box {
    margin-top: 4px;
}

.input_text_box {
    margin-left: 21px;
    width: 205px;
}

@media screen and (max-width: 768px){
  .input_text_box{
    width: 92%;
    margin-left: 4%;
  }
}

.radio_box {
    margin-right: 11px;
}

@media screen and (max-width: 768px){
  .radio_box{
    margin-right: 18px;
  }
}

@media screen and (max-width: 489px){
  .radio_box{
    margin-right: 5px;
  }
}

@media screen and (max-width: 442px){
  .radio_box{
    font-size: 20px;
  }
}

@media screen and (max-width: 381px){
  .radio_box{
    font-size: 18px;
  }
}

@media screen and (max-width: 340px){
  .radio_box{
    font-size: 16px;
  }
}

.radio_button {
     margin-bottom: 0px; 
}

@media screen and (max-width: 768px){
  .radio_button{
    width: 92%;
    margin-left: 4%;
    padding-bottom: 9px;
    margin-top: 0;
    height: 36px;
  }
  .radio_button.buttom{
    margin-top: 0px;
  }

  .radio_button.buttom .radio_box{
      margin-bottom: 0px;
      font-size: 25px;
      margin-top: 13px;
  }
}

@media screen and (max-width: 365px){
  .radio_button.buttom .radio_box{
    font-size: 23px;
  }
}

@media screen and (max-width: 321px){
  .radio_button.buttom .radio_box{
    font-size: 21px;
  }
}

.buttom .radio_box {
    margin-bottom: 7px;
}

.styled-select {
    height: 22px;
    width: 41px;
    border-color: #696969;
    background: url("../image/pngarrow.png") top right;
    background-size: 100% 100%;
}

@media screen and (max-width: 768px){
    .styled-select{
        width: 100%;
        float: left;
        margin-left: 0;
        height: 52px;
    }
}

.styled-select select {
  margin-left: 3px;
  margin-top: 1px;
}

@media screen and (max-width: 768px){
  .styled-select select{
    width: 100%;
    height: 52px;
    background: url("../image/pngarrow2.png");
    background-size: cover;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}

.select_box {
    padding-bottom: 0px;
    height: 24px;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px){
  .select_box{
    height: 52px;
    margin-bottom: 5px;
  }

  .select_box p{
    float: left;
    display: none;
  }

  .select_box.two{
    display: none;
  }

  .select_box.three{
    display: none;
  }
}

.sub_heading {
  margin-left: 16px;
  margin-top: 11px;
}

@media screen and (max-width: 768px){
  .sub_heading{
    margin-top: 7px; 
 }
}

.buttom {
   margin-top: 6px;
}

#bookingform {
  height: 250px;
}

@media screen and (max-width: 768px){
  #bookingform{
    height: 386px;
    line-height: 0;
  }
}

i.origin {
  margin: -19px 3px 0 0;
  display: inline-block;
  float: right;
  height: 13px;
  width: 13px;
  background: url("../image/origin_icon.png") no-repeat;
}

i.calendar {
  margin: -19px 3px 0 0;
  display: inline-block;
  float: right;
  height: 15px;
  width: 14px;
  background: url("../image/cal_icon-2.png") no-repeat; 
}

@media screen and (max-width: 768px){
  i.booking_icon{
    margin: -41px 5px 0 0;
    height: 30px;
    width: 30px;
    background-size: cover;
  }

  i.booking_calender{
    margin: -41px 5px 0 0;
    height: 32px;
    width: 30px;
    background-size: cover;
  }
}
.last {
  margin-top: -3px;
}

.modal_content_form {
    padding-bottom: 4px;
    padding-top: 2px;
}

.modal_content_form input[type="text"] {
  padding: 5px 5px 2px 7px;
  height: 27px;
}

.modal_content_form input[placeholder] {
    color: #7b7c7c !important;
}

#submit22 {
    width: 116px;
    height: 27px;
    padding: 0px;
}

.modal_content_form label:first-child {
    margin-top: 375px;
}

@media screen and (max-width: 768px)
{
  .modal_content_form label:first-child{
    margin-top: 63%;
  }
}

/*.form_light_box .modal-body {
  background: rgba(0, 0, 0, 0) url("../image/updatepopup.jpg") right center;
}*/
.form_light_box1 .modal-body {
  background: rgba(0, 0, 0, 0) url("../image/relax_success.jpg") right center;
}

.modal-body img {
  float: none;
}

@media screen and (max-width: 768px){
  .modal_input{
    padding-left:5px;
  }
}

.myname {
    width: 169px;
    margin-right: 6px;
}

.mymobile {
    width: 102px;
    margin-right: 6px;
}

.myemail {
    width: 160px;
    margin-right: 6px;
}

.mybtn {
    width: 120px;
}

/* Deal Popup styles */
.deal .bootstrap-select {
  width: 100% !important;
  height: 22px;
  padding: 0px;
  background: #fff url("../image/input-bg.png") top left;
}

.deal .btn-group > .btn:first-child {
  padding-right: 18px;
}

.deal.modal_content_form {
  padding: 0;
  margin: 0;
}
.deal .btn-default {
  background: none;
  font-size: 13px;
  padding: 2px 0px 0px 7px;
  border: 0;
}

.deal input[type="text"] {
  height: 22px;
  padding: 0 0 0 7px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: -2px;
  margin: -6px 0 0 0;
  display: inline-block;
  height: 13px;
  width: 18px;
  border: 0 !important;
  background: url("../image/origin_icon.png") no-repeat;
}

.deal .calendar {
    display: inline-block;
    position: relative;
}

.dealsubmit {
  height: 24px;
  width: 100%;
  margin-top: 9px;
  opacity: 0;
}

.dealsubmit:hover {
  opacity: 0 !important;
}

.radiobox {
  display: inline-block;
  color: #000;
}

.radiolabel {
  font-weight: normal !important;
  text-shadow: none;
  font-size: 13px;
  margin: 0 11px 2px 2px;
}

.full {
  width: 100%;
}

.half {
  width: 49%;
  float: left;
}

.otherhalf {
  width: 48.5%;
  float: right;
}

/* datepicker layout */
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
}

.ui-datepicker {
    width: 240px;
    padding: 3px;
}

.ui-datepicker-calendar thead {
  border-bottom: 1px solid #ccc;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 16px;
    text-align: center;
    height: 13px;
    font-size: 13px;
    line-height: 13px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0;
    margin-top: 6px;
}

.ui-widget-header {
    border: none;
    background: none;
    color: #222;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: -1px;
    width: 13px;
    height: 13px;
}

.ui-datepicker table {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
    margin: 3px 0px 0px 0px;
}

.ui-corner-all {
  border-radius: 0px;
}

.ui-datepicker th {
    width: 33px;
    font-weight: normal;
    color: #bbb;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    padding: 8px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid transparent;
  background: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none;
    background: none;
    color: #000;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    border: 1px solid #f7f516;
    color: #000;
    background: #f7f516;
    background-image: none;
}

.departure-date {
  background: #f7f516;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #f7f516;
    color: #000;
    background: #f7f516;
    background-image: none;
}

.ui-icon-circle-triangle-w {
  background-position: -96px 0 !important;
}

.ui-icon-circle-triangle-e {
  background-position: -32px 0 !important;
}

.more {
  padding-top: 1.5em;
}

.col-deal {
  width: 236px;
  float: left;
  margin-right: 12px;
}

@media screen and (max-width: 767px)
{
  .col-deal{
    width: 50%;
    margin: 0px;
    text-align: center;
  }
  
  .thumbnail > img {
    width: 236px;
  }
}

.carousel-slide-off .col-deal:nth-child(8) {
  margin-right: 0;
}

h1, h2, h3 {
  font-weight: bold;
}

h2 {
  font-size: 18px;
  color: #373737;
  margin-top: 7px;
}

@media screen and (max-width: 767px){
  h2{
    width: 100%;
    font-size: 25px;
    text-align: center;
  }
}

.col-deal h4 {
  font-size: 13px;
  color: #212221;
  margin-bottom: 4px;
  margin-top: 0px
}

.col-deal .small {
  font-size: 12px;
  color: #A8A39F;
}

#userform22 {
  height: 394px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  border: 0 !important;
  background: none;
}

.btn-group.bootstrap-select.isreturn .dropdown-toggle .bs-caret .caret, 
.btn-group.bootstrap-select.isreturnel .dropdown-toggle .bs-caret .caret,
.btn-group.bootstrap-select.isonewayel .dropdown-toggle .bs-caret .caret,
.btn-group.bootstrap-select.ismultiel .dropdown-toggle .bs-caret .caret
{
  background: url("../image/pngarrow.png") repeat-x top right;
  right: 0;
  top: 7px;
}

@media screen and (max-width: 767px){
  .text-right{
    display: none;
  }
}


@media screen and (max-width: 768px){
  .myname, .myemail, .mymobile{
    display: block;
  }

  .modal_input input[type=text] {
    z-indexwebkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: 5px 5px 2px 7px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
  }
   
  .modal_input input[type=text]:focus {
    box-shadow: 0 0 15px rgba(69, 138, 198, 1);
    padding: 5px 5px 2px 7px;
    margin: 5px 1px 3px 0px;
    border: 6px solid rgba(69, 138, 198, 1);
  }
}