/*================================ Satrt large screens =========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
    .slider .swiper-slide .images {
        width: 56%;
    }
    .slider .swiper-slide .images img {
        width: 302px;
        height: 327px;
    }
}
@media (min-width:1025px) and (max-width:1200px)
{

}
/*============================== Start medium screen of tablet =========================*/
@media (min-width: 993px) and (max-width: 1024px)
{
    .pathner .pathner-content .pathner-img .img-2 img {
        width: 85%;
    }
    .slider .swiper-slide .images {
        width: 56%;
    }
    .slider .swiper-slide .images img {
        width: 302px;
        height: 327px;
    }
}
@media (min-width: 769px) and (max-width: 992px)
{
}
@media(max-width:992px)
{

}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .book-input .book-content .form-group .form-control {
        width: 100%;
    }
    .book-input .book-content .arrow {
        right: -21px;
    }
    .book-input .book-content .button-header {
        left: auto;
    }
    .navbar .collapse .navbar-nav .nav-item {
        text-align: center;
    }
    .navbar-nav{
        padding: 15px 0;
    }
    .navbar-collapse {
        background-color:#27AE60;
    }
    .navbar .collapse .navbar-nav .nav-item .nav-link{
        color: #000 !important;
    }
    .navbar .collapse .navbar-nav .nav-item .nav-link:hover {
        color: #000 !important;
    }
    .slider{
        background-size: cover !important;
    }
    .header .swiper-container {
        width: auto;
    }
    .travel-type .img-travel .images .travel-content {
        height: 13%;
    }
    .travel-type .travel-info {
        position: relative;
    }
    .travel-type .travel-info .content {
        padding: 0 30px;
        font-size: 12px;
    }
    .destination .heading .title {
        font-size: 23px;
    }
    .destination .heading .title::before {
        width: 39%;
        top: 52%;
    }
    .destination .destination-cards .card {
        margin: 20px auto;
    }
    .package .title {
        font-size: 20px;
    }
    footer{
        text-align: center;
    }
    footer .links{
        float: none;
    }
    .slider .swiper-slide .image{
        width: 100%;
    }
    .slider .swiper-slide .images img {
        left: 0;
        object-fit: contain;
        width: 70%;
    }
    .slider .swiper-slide .slider-row .swiper-text {
        text-align: center;
    }
    .slider .swiper-slide .slider-row{
        width: 100%;
        bottom: 50%;
        top: auto;
        padding: 100px 0;
    }
    .swiper-button-next,
    .swiper-button-prev{
        display: none;
    }
    .header .header-content .header-text .underline {
        height: 10px;
        top: 96px;
        left: 57px;
    }
    .header .header-content .header-text{
        text-align: center;
        padding: 25px 0;
    }
    .slider .swiper-slide .images img {
        height: 400px;
    }
    
    .slider {
        padding: 0;
    }
    .pathner .heading .underline {
        width: 36%;
    }
    .book-input .book-content .button-header {
        position: relative;
    }
    .book-input .book-content .form-group .form-control {
        margin: 0 3px;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{
    .pathner .pathner-content .pathner-img .img-2 img {
        width: 90%;
    }
    .pathner .pathner-content .pathner-img .img-1 img {
        height: 300px;
        width: 300px;
    }
    .header .header-content .header-text .underline {
        width: 17%;
        left: 31%;
    }
    .pathner .pathner-content .pathner-img .img-2 {
        position: absolute;
        left: 11%;
        top: 57px;
        z-index: 0;
        width: 35%;
    }
    .book-input .book-content {
        padding: 20px 10px;
    }
    .slider .swiper-slide .images img {
        width: 43%;
    }
}
@media(max-width:576px)
{
    .pathner .pathner-content .pathner-img {
        display: none;
    }
    .book-input .book-content .form-group {
        width: 50%;
    }
    .book-input .book-content{
        padding: 40px 6px;
    }
    section .button-header .book {
        padding: 10px 16px;
    }
    .header .swiper-slide {
        width: 250px;
        height: 250px;
    }
}
@media(min-width: 425px) and (max-width: 576px)
{
    .header .header-content .header-text .underline {
        height: 10px;
        top: 96px;
        left: 75px;
    }
}
@media (min-width: 376px) and (max-width: 425px)
{
}
@media (min-width: 320px) and (max-width: 375px)
{
    .package .arrows {
        display: none !important;
    }
}
@media (max-width: 320px)
{
}