.modelContent {
     position: relative;
     }
.modelContent a img { 
    display: block;
    border-radius:10px;
    max-height:550px;
    }
    .modelContent img {
        max-height:550px;
    }
.modelContent button { 
    position: absolute;
    top:0;
    right:0;
    }
    .modelContent .modal-close {
         top:0;
         color: #D9DFE8;
         background-color:transparent ;
    }
    
   .bgPopupClose{
       background-color: #0000007d !important;
   }
     @media only screen and (max-width: 767px) {
         .modelContent {
            width: 80%;
            height:400px;
            margin: 0 auto;
        }
        .modelContent a img { 
             height:400px;
        }
       .swiper-slide {

    max-width:100%;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
    
}

.swiper-slide img{

    width:100% !important;
    height:100% !important;
    display:block;
}
     }
 .tour-item .image img{
    height:217px;
}

.service-section{
    padding-top: 20px;
  }
  .service-section .col {
      width: 100%;
      flex: 0 0 auto;
      max-width: 25%;
      padding: 0 12px;
  }
  .iti{
        width:100%;
    }
    .iti__country-list{
       left:0;
    }
    .iti-mobile .iti__country-list {
    max-height: 70% !important;
    width: 79% !important;
}
   
  @media only screen and (max-width: 767px){
    .service-section .col{
        max-width: 33.333333%;
        padding: 0 3.5px;
    
      }
      .tour-item .price, .tour-item .price span {
     font-size: 10px;
      }
      .tour-item ul li.itemtype2{
          padding:0;
      }
      
      .tour-item ul.carDetail li{
         max-width: 33.2%;
    }
    .tour-item ul li {
        font-size:8px;
        width: 35%;
       white-space: nowrap;        
    } 
    .tour-item ul li span{
        font-size:8px;
 
    }
    .detail-tour-location-description iframe{
        width:100%;
    }
    .iti__country-list{
       left:auto;
    }
  }
  @media only screen and (max-width: 575px){
    .tour-item ul li {
    padding: 0 2px;
    width: 35%;
}
}
@media only screen and (max-width: 1200px){
    .top-header-nav ul li a,.top-header-contact > div .number, .nav-responsive-contact > div .number {
        font-size: 12px;
    }
    .top-header-logo img {
    width: 110px;
    height: 30px;
    }
    .top-header-nav li a {
    padding: 13px 7.5px 
    }
    .top-header-contact > div .number, .top-header-contact > div .sub-title {
         display:none;
     }
     .top-header-search-btn{
         padding:10px;
     }
}
 @media only screen and (max-width: 1399px) and (min-width:769px){
   .top-header-wrapper .container  nav {
    margin-top:0 !important;
    margin-left:0 !important;
}
    .top-header-wrapper .container nav a{
    margin: 0px 3px 3px 0px !important;
    padding: 20px 20px !important;
    min-width:90px !important;
    font-size:12px !important;
}
    .top-header-wrapper .container {
    padding:0;
}
 }
 @media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .top-header-nav ul li a,.top-header-contact > div .number, .nav-responsive-contact > div .number {
        font-size: 14px;
    }
     .tour-item .image img{
    height:184px;
}
 }
  @media only screen and (max-width: 1200px) and (min-width: 1000px) {
      .tour-item .image img{
    height:149px;
}
}
.odal-body{
    text-align:justify;
    
}
.carousel-home .swiper-pagination {
    transform: translateY(20px) !important;
}
@media only screen and (max-width: 767px) {
    .tour-item .image img{
    height:114px;
    }
.tour-section {
    margin-top: -10%;
}
.service-section{
    padding-top: 5px;
  }
  .checkout {
     margin-top: 0; 
}
}
.detail-tour-sidebar-box .price::before{
    bottom:-24px !important;
}

.top-header-contact > div .number, .nav-responsive-contact > div .number{
    font-size:14px;
}
.tour-item ul {
    height:15%;
}