@media only screen and (max-width: 767px) and (min-width: 320px) {

  .tool-tip-7 {
    left: 66%;
    width: 100px;
    top: 225px;
  }

  .arrow-point-flight-special-cateogry {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    top: 250px;
    right: auto;
    left: 54%;
    opacity: .8;
  }

  .arrow-point-flight-special-cateogry::after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }


  .webtip-btn {
    z-index: 999999;
    position: fixed;
    bottom: 200px;
   
    left: unset;
    right: 2%;
    top: 18%;
  }

  .landing_flModSearchIn_travellers_fare_indicator .webTips-highlight {
    width: 51% !important;
  }

  .webTips-highlight-tabsubmenu-flight-button {
    width: 51% !important;
  }

  .tip-btn {
    position: unset;
    width: 125px;
    display: block;
  }

  .tool-tip-drag-point {
    top: -110px;
  }

  .webTips-font {

    font-size: 14px;
    font-family: "Lato";
  }

  .tip-arrow-img {
    top: 205px !important;
    height: 69px;
    left: 38% !important;
    transform: rotate(141deg);

  }

  .tip-title {
    top: -65px !important;
    left: 34% !important;

   
  }

  .long-arrow-point {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    top: -13px;
    left: 47%;
    opacity: .8;
  }

  .long-arrow-point:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: -20px;
    position: absolute;
  }

  .flight-tip-img {
    top: -53px;
    left: 71px;
    height: 61px;
    transform: rotate(-64deg);
  }

  .flight-tip-title {
    top: -33px;
    width: 200px;
    left: 170px;
  }

  .long-arrow-point-flight {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    top: 24px;
    left: 76%;
    opacity: .8;
  }

  .long-arrow-point-flight:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: -20px;
    position: absolute;
    transform: none;
  }

  .landing_flModSearchIn.webTips-highlight-tabsubmenu-flight {
    width: 51%;
  }

  .tooltip {
    top: 20px;
    width: 100px;
    left: 67%;
    text-align: start;
  }

  .arrow-point-flight-from {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 39px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-from:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tooltip-1 {
    top: 135px;
    width: 93px;
    left: 67%;
    text-align: start;
  }

  .arrow-point-flight-to {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 155px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-to:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tooltip-2 {
    top: 241px;
    width: 110px;
    left: 67%;
    text-align: start;

  }

  .arrow-point-flight-tips {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 265px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-tips:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }


  .tooltip-3 {
    top: 330px;
    width: 100px;
    left: 66%;
    text-align: start;

  }

  .arrow-point-flight-arridate {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 350px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-arridate:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .landing_flModSearchIn_travellers.webTips-highlight-tabsubmenu-flight {
    width: 51%;
  }


  .landing_flModSearchIn_travellers_fare_indicator.webTips-highlight-tabsubmenu-flight {
    width: 51%;
  }


  .landing_flModSearchIn.webTips-highlight-tabsubmenu-flight-class {
    width: 51%;
  }


  .landing_flModSearchIn.webTips-highlight-tabsubmenu-flight-travellers {
    width: 51%;
  }

  .landing_flModSearchIn.webTips-highlight-tabsubmenu-flight-special_fare {
    width: 51%;
  }



  .arrow-point-flight-tips {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 265px;
    left: 53%;
    opacity: .8;
  }


  .arrow-point-flight-tips:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tool-tip-4 {
    top: 125px;
    left: 66%;
    width: 100px;
  }

  .arrow-point-flight-class-tips {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 145px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-class-tips:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tool-tip-1 {
    top: 25px;
    left: 66%;
    width: 100px;
    text-align: start;
  }

  .arrow-point-flight-trav-tips {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 53%;
    opacity: .8;
  }

  .arrow-point-flight-trav-tips:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 21px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tool-tip-5 {
    top: 5px;
    left: 65px;
    width: 100px;
  }


  .arrow-point-flight-button {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    left: 27px;
    opacity: .8;
  }

  .arrow-point-flight-button:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }


 
  .webTips-highlight-tabsmenu-hotel {
    position: relative;
    z-index: 99999;
    background: #fff;
    user-select: none;
    pointer-events: none;
    width: 92%;
  }

  .long-arrow-point-flight.hotelarrow {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: relative;
   
    top: -5px !important;
    left: 75% !important;
    opacity: .8;
  }

  .hotelarrow {
    transform: none;
  }

  .long-arrow-point-flight.hotelarrow:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: -20px;
    position: absolute;
    transform: none;
  }

  .hotel-tip-title {

    width: 80%;
    top: -76px;
    left: 8%;
    text-align: center;
  }

  .landing_flModSearchIn.webTips-highlight-tabsubmenu-hotel {
    width: 52%;
  }


  .tooltip-hotel {
    top: 6px;
    left: 153%;
    width: 107px;

  }

  .arrow-point-hotel-name {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 36px;
    left: 119%;
    opacity: .8;
  }

  .arrow-point-hotel-name:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tooltip-city-2 {
    top: 4px;
    left: 153%;
    width: 107px;
  }

  .arrow-point-hotel-date {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 36px;
    left: 119%;
    opacity: .8;
  }

  .arrow-point-hotel-date:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .landing_flModSearchIn.webTips-highlight-tabsubmenu-hotel-room {
    width: 52%;
  }

  .tooltip-city-3 {
   
    top: 46px;
    right: unset;
    left: 3%;
    width: 100%;
  }

  .arrow-point-hotel-button {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
   
    right: unset;
    top: 28px;
   
    opacity: .8;
    left: 52%;
  }

  .arrow-point-hotel-button:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: 0;
    position: absolute;
  }


 
  .exp_tabcontent .landing_flModSearchIn_activity.webTips-highlight-tabsubmenu-exp,
  .exp_tabcontent .landing_flModSearchIn.webTips-highlight-tabsubmenu-exp {
    width: 52% !IMPORTANT;
  }

  .tooltip-exp {
    top: 11px;
    left: 149%;
    width: 112px !important;

  }

  .arrow-point-exp {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 32px;
    left: 118%;
    opacity: .8;
  }

  .arrow-point-exp:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 22px;
    top: -10px;
    position: absolute;
    transform: rotate(90deg);
  }

  .tooltip-city-exp-3 {

    top: 101px;
    left: 31%;
  }

  .tool-tip-img-select {

    left: -37px;
    height: 100px;
    top: -33px;
  }

  .tool-tip-img-select-one_way {

    left: 82px;
    height: 100px;
    top: -4px;
  }

  .skip-it-btn {
    position: fixed;
    right: unset;
    bottom: unset;
    left: unset;
    width: auto;
    top: unset;
    margin-top: 10px;
    margin-left: 40px
  }


  .webTips-highlight-tabsmenu-flight {
    position: relative;
    z-index: 99999;
    background: #fff;
    user-select: none;
    pointer-events: none;
    width: 74%;
  }




 

  .tool-tip-modify-mob {
    position: absolute;
    color: #ffffff;
    right: -59px;
    top: -69px;
    width: 200px;
    font-size: 14px;
  }

  .arrow-point-flight-modify-mob {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: -14px;
    opacity: .8;
  }

  .arrow-point-flight-modify-mob:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    bottom: 0px;
    position: absolute;
  }

  .tool-tip-select-one_way {
    left: -20px;
    top: -65px;
  }

  .tool-tip-select-round_trip {

    left: -131px;
    top: 20px;
  }

  .arrow-point-flight-select {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -145px;
    opacity: .8;
  }

  .arrow-point-flight-select:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: -20px;
    position: absolute;
  }


  .arrow-point-flight-round-select {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
   

    top: -11px;
    right: 88px;
    opacity: .8;
  }

  .arrow-point-flight-round-select:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: 0;
    position: absolute;
  }

  .arrow-point-flight-sort-mob {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    right: -95px;
    opacity: .8;
  }

  .arrow-point-flight-sort-mob:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    top: 0;
    position: absolute;
  }

  .arrow-point-flight-sortfooter-mob {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    bottom: 76px;
    left: 61px;
    opacity: .8;
    position: fixed;
  }

  .arrow-point-flight-sortfooter-mob:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    bottom: 0;
    position: absolute;
  }

  .tool-tip-sort-mob {
    position: fixed;
    right: 21px;
    bottom: 78px;
    left: 11px;
    top: auto;
    height: 77px;
    color: #ffffff;
    width: 117px;
  }


  .webTips-highlight-mobile-flight-filter-sort-bottom-fixed {
    z-index: 99999 !important;
    background: #fff !important;
    user-select: none;
    pointer-events: none;
  }

  .webTips-highlight-mobile-flight-filter-sort-bottom-fixed .mobile-flight-Sort button#sort,
  .webTips-highlight-mobile-flight-filter-sort-bottom-fixed .mobile-flight-filter button#filter {
    color: #000 !important;
  }

  .webTips-highlight-mobile-flight-filter-sort-bottom-fixed .mobile-flight-Sort button#sort img,
  .webTips-highlight-mobile-flight-filter-sort-bottom-fixed .mobile-flight-filter button#filter img {
    -webkit-filter: invert(100%);
  }

  h1.webTips-font.tool-tip-filter-mob {
    position: fixed;
    bottom: 78px;
    right: 12px;
    top: auto;
    height: 77px;
    color: #ffffff;
    width: 117px;
  }


  .arrow-point-flight-filterfooter-mob {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    bottom: 76px;
    right: 61px;
    opacity: .8;
    position: fixed;
  }

  .arrow-point-flight-filterfooter-mob:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
    left: 4px;
    bottom: 0;
    position: absolute;
  }

  .webTips-highlight-domestic_card_detail {
    position: relative;
    z-index: 99999;
    background: #fff;
    user-select: none;
    pointer-events: none;
  }

  .arrow-point-flight-radio {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: 44%;
    opacity: .8;
  }


  .tool-tip-flight-detail {
    color: #ffffff;
    position: absolute;
   
   
    top: -45px;
   
    width: 134px;
    left: 60%;
  }


  .arrow-point-flight-details {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
   
    top: -24px;
    left: 51%;
    opacity: .8;
  }

  .arrow-point-flight-details:after {
    content: "";
    display: block;
    width: 2px;
    height: 30px;
    background-color: #fff;
   
    left: 17px;
    top: -10px;
    position: absolute;

    transform: rotate(90deg);
  }

  .webTips-highlight-flight-labelbooking {
    position: relative;
    z-index: 99999;
    background: #fff;
    user-select: none;
    pointer-events: none;
    width: 50%;
  }

  .tool-tip-travel-detail {
    position: absolute;
    color: #ffffff;
    right: 3%;
    bottom: 14px;
  }

  .arrow-point-flight-addtrav {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -28px;
    right: 45%;
    opacity: .8;
  }

  .tool-tip-anc-detail {
    position: absolute;
    color: #ffffff;
    right: 2%;
    width: 134px;
    bottom: 12px;
  }

  .arrow-point-flight-anc {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -28px;
    right: 45%;
    opacity: .8;
  }

  .tool-tip-rev-detail {
    position: absolute;
    color: #ffffff;
    right: 2%;
    bottom: 3px;
    width: 135px;
  }

  .arrow-point-flight-rev {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    right: 45%;
    opacity: .8;
  }

}




@media only screen and (max-width: 321px) and (min-width: 320px) {
  .tool-tip-flight-detail {
    width: 107px;
    left: 64%;
    top: -59px;
  }

  .arrow-point-flight-details {
    top: -35px;
  }

  .tool-tip-travel-detail {
    right: 6%;
    bottom: 19px;
    width: 30%;
  }

  .arrow-point-flight-addtrav {
    top: -44px;
  }

  .tool-tip-anc-detail {
    width: 120px;
    bottom: 0px;
  }

  .tool-tip-rev-detail {
    width: 118px;
  }



}