@media (max-width:1182px) {
   .travel-infor {
      grid-template-columns: repeat(3, 1fr);
   }
}

@media (max-width:885px) {
   .travel-infor {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width:1260px){
   .place-pic {
      height: 310px;
      width:  310px;
   }
}
@media (max-width:1000px) {
   .sercive-container {
      grid-template-columns: repeat(3,1fr);
   }
   .service {
      grid-template-columns: auto;   
      grid-template-rows: 70px auto auto;
      max-height:208px ;
   }
   .service>h3 {
      grid-row: 2;
      grid-column: 1/3;
   }
   .service>p {
      grid-row: 3;
      grid-column: 1/3;
   }
   .trending-place {
      column-gap:normal ;
   }
   .place-pic {
      height: 310px;
      width:  23.5vw;
   }
}
@media (max-width:960px) {
   .sercive-container {
      grid-template-columns: repeat(2,1fr);
   }
   .service {  
      grid-template-rows: 70px auto auto;
      max-height:208px ;
   }
   .service>h3 {
      grid-row: 2;
      grid-column: 1/3;
   }
   .service>p {
      grid-row: 3;
      grid-column: 1/3;
   }
   .head-choose-service{
      text-align: center;
   }
   .place-pic {
      height: 310px;
      width: 28vw;
   }
   .sub-companies{
      grid-template-columns: repeat(2,1fr);
   }
}
@media (max-width:600px){
   .head-choose-service{
      text-align: center;
   }
   .travel-infor {
      grid-template-columns: 1fr;
   }
   .sercive-container {
      grid-template-columns:1fr;
   }
   .service {  
      grid-template-rows: 70px auto auto;
      max-height:208px ;
   }
   .service>h3 {
      grid-row: 2;
      grid-column: 1/3;
   }
   .service>p {
      grid-row: 3;
      grid-column: 1/3;
   }
   .trending-place {
      display: flex;
      flex-direction: column;
      row-gap: 24px;
   }
   .place-pic {
      height: 310px;
      width:  310px;
      margin: auto;
   }
   .trending-place{
      display: none;
   }
   .local-route ul {
      grid-template-columns:1fr;
   }
   
   .international-route ul {
      grid-template-columns:1fr;
   }
   .sub-companies{
      grid-template-columns: 1fr;
   }
}
@media (max-width:1170px) {
   .booking-trip {
      width: 92.1vw;
   }
   .select-form>input{
      width: 21vw; 
   }
   .input-infor>button[type="submit"] {
      width: 13.58vw; 
   }
   input[type="date"]{
      width: 13.58vw; 
   }
   input[type="text"]{
      width: 13.58vw; 
   }
}
@media (max-width:950px) {
   .input-infor {
   display: flex;
   flex-direction: column;
   row-gap:5px;
   margin-top: 14px;
   }
   .booking-trip {
      background-color: rgba(255, 255, 255, 0.85);
      max-width: 1120px;
      width: 94.5%;
      position: absolute;
      top: 226px;
      left: 50%;  
      transform: translate(-50%, -50%);
      z-index: 10;
      display: grid;
      grid-template-rows: repeat(2, auto);
      height: 288px;
   }
   .select-form>input{
      max-width: 100%;
      width: 100%;
   }
   .input-infor>button[type="submit"] {
      max-width: 100%;
      width: 100%;
      margin-top: 10px;
   }
   input[type="date"]{
      max-width: 100%;
      width: 100%;
   }
   input[type="text"]{
      max-width: 100%;
      width: 100%;
   }
   .place-holder{
      position: absolute;
      display: flex;
      flex-direction: row;
      color: #757575;
      bottom: auto;
      padding-left: 11px;
   }
   .forward{
      top: 56px;
   }
   .going-to{
      top: 104px;
   }
   .start-place{
      top: 148px;
      margin-left: 4px;
   }
   .end-place{
      top: 192px;
      margin-left: 4px;
   }
}
@media  (min-width:1550px){
   .booking-trip {
      width: 80.16vw;
      max-width: 100%;
   }
   .select-form > input{
      width: 19.00vw;
   }
   .date-form>input{
      width: 12.44vw;
   }
   .input-infor>button[type="submit"]{
      width: 12.44vw;
   }
   .secend-header{
      width: 83.30vw;
      max-width: 100%;
      
   }
   .travel-infor>.box {
      width: 19.3vw;
      
   }
   .sercive-container{
      width: 80.16vw;
      max-width: 100%;
   }
   .service {
      width: 27.12vw;
      height: 138px;
   }
   .trending-place{
      width: 80.16vw;
      max-width: 100%;
   }
   .place-pic{
      width: 18.74vw;
      
   }
   .route-detial{
      width: 80.16vw;
      max-width: 100%;
      padding: 0;
   }
   .companies{
      width: 81.41vw;
      max-width: 100%;
   }
   .sub-companies>a{
      max-width: 20.00vw;
   }
   
}