@media only screen and (min-width: 768px) {
 .form_section{
    position: absolute;
    top: 140px;
    width: 28%;
    right: 90px;
 }
 .form_section .form-group label {
    display: none;
 }
 .common-booking-form .form_section{
   position: inherit;
   width: 100%;
   padding: 0;
   margin-bottom: 20px;
}
.common-booking-form .form_section .border-style{
   border: none;
   box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}
.single-section .detail p{
 margin-bottom: 0;
}
.title-area.text-center {
     width: 60%;
     margin-left: auto;
     margin-right: auto;
  }
}

@media only screen and (max-width: 768px) {
   /*.form-title,.form_section button{
      border-radius: 0;
   } */
   .cab-service-section .card{
      flex-direction: column;
   }
   .cab-service-section .card .card-img{
      width: 100%;
   }
   .footer-links a{
      font-size: 12px;
   }
   .footer-links{
      margin-bottom: 10px;
   }
   .copyright-text{
      font-size: 12px;
      text-align: center;
   }
   .sec-subtitle{
      font-size: 14px;
   }
  .sec-title {
    font-size: 25px;
    line-height: 30px;
 }
 .package-details-area .includ-and-exclud-area {
    display: block;
 }
 .package-details-area .includ-and-exclud-area ul {
    display: block;
    width: 100%;
 }
 #mainslider img, #mainslider video{
   height: 300px;
}
.breadcrumb__text h2{
   font-size: 35px;
   line-height: 50px;
}
header .menu .brand-logo img{
   width: 75px;
}
.form_section{
   margin: 10px;
}
.material-icons-contact i {
  font-size: 21px;
  position: absolute;
  left: -11px;
  top: 36px;
  color: rgba(0, 0, 0, 0.7);
}

/*==============================*/
header .menu::before{
   width: 90%;
}
.brand-logo a{
   width: 80%;
}

.icon-box-style2{
   padding: 20px;
}
}