/* Desktop */
/* 1200px and above */


@media (max-width: 1440px) {
    .container {
        max-width: 1320px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .second-section .second-se-title h1 .img-1 {
        left: 0px;
    }

    .second-section .second-se-title h1 .img-2 {
        right: 0px;
    }

    .second-section .side-design .img-1,
    .second-section .side-design .img-2 {
        display: none;
    }

    .train-hero .train {
        padding: 30px 0;
    }
    .formbox{
        padding: 40px 0;
    }
}

/* 1199px */

/* Laptop */

@media (max-width: 1199px) {
    .container {
        max-width: 1100px;
        padding-left: 20px;
        padding-right: 20px;
    }

    header .primary-navigation ul li {
        padding-left: 0;
    }

    .logo_nav .site-logo img {
        width: 80px;
        height: auto;
    }

    header .primary-navigation ul li a {
        font-size: 14px;
    }

    .hero-section .hero-heading h1 {
        font-size: 4.5rem;
    }

    .hero-section .hero-heading .experts {
        font-size: 20px;
    }

    .second-section .second-se-title h1 .img-1,
    .second-section .second-se-title h1 .img-2 {
        top: 20px;
        width: 115px;
    }

    .title,
    .aboutus .award-content .text_big {
        font-size: 2.8rem;
    }

    .second-section .ser-img {
        width: 476px;
        height: 287px;

    }
     .locations .tourist-image .gallery-parent .gallery-card{
        height: 320px ;
    }


    .aboutus .about-child,
    .awards-container,
    .route-aboutus .route-container .flex {
        flex-direction: column;
        row-gap: 50px;
    }

    .aboutus .about-text,
    .aboutus .about-image,
    .awards-container .award-content,
    .awards-container .award-cards {
        width: 100%;
        height: auto;
    }

    .aboutus .about-image {
        order: 1;
    }

    .awards-container .travel-circle {
        right: 0;
    }

    .awards-container .award-content-inner {
        width: 75%;
    }

    .welcome-route .central-india .blog-flex .box {
        width: 49%;
    }

    .entry-header .entry-title {
        padding: 170px 0 80px 0;
    }

    .page-set .page-text .img-text {
        flex-direction: column;
        row-gap: 40px;

    }

    .page-set .page-text .img-text h1 {
        text-align: center;
    }

    .wa-strip {
        height: 52px;

    }
    .wa-strip  .wa-icon {
    flex: 0 0 40px;
    height: 40px;
    }
    .wa-strip .chat {
    padding: 5px 10px;
}
.foogallery .fg-item{
    width: 31%;
}
}






/* Tablet */
@media (max-width: 991px) {
    .container {
        max-width: 900px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .second-section .second-se-title h1 .img-1,
    .second-section .second-se-title h1 .img-2 {
        display: none;
    }


    .second-section .ser-parent {
        flex-direction: column;
    }

    .second-section .ser-parent2 .ser-text {
        order: 1;
    }

    .second-section .ser-img,
    footer .side-footer .soc-logo {
        width: 100%;
        height: auto;
    }

    .image-padding {
        padding-top: 35px;
    }

    .locations .locations-img-parent,
    .locations .india .blog-img {
        flex-wrap: wrap;
        gap: 20px;
    }

    .locations .locations-img-parent .ser-img,
    .locations .blog-child {
        width: 48%;

    }

    .tourist-image .gallery-parent .swiper-wrapper {
        padding: 35px 0 !important;
    }

    .tourist-image .tourist-text h1 {
        padding-bottom: 15px;
    }

    .padding_tb {
        padding: 60px 0;
    }

    .top_margin {
        margin: 60px auto 0 auto;
    }

    .aboutus .about-child,
    .awards-container,
    .luxury-hotel .palace-experience .experience {
        row-gap: 35px;
    }

    .feedback .small-text {
        width: 600px;
    }

    footer {
        padding: 70px 0 !important;
    }

    footer .side-footer,
    .welcome-route .india-welcome .flex {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .welcome-route .central-india .box .box-text h4 {
        font-size: 1.5rem;
    }

    .page-set .img-text {
        padding-top: 30px;
    }

    .page-set .page-text .right-image,  .formbox .form-text {
        width: 100%;
        ;
    }

    .luxury-hotel .palace-experience .experience-card {
        width: 47%;
    }

    .pouw-destinations .destination .destination-card {
        width: 31%;
    }

    .page-id-581 .wpb-content-wrapper {
        padding-top: 400px;
    }

    .train-hero .train {
        padding-top: 0;
    }

    .train_section .train h1,
    .luxury-hotel h1 {
        line-height: 55px;
    }

    .luxury-hotel .pouw-destinations,
    .luxury-hotel .palace-experience {
        padding-bottom: 0;
    }
    .formbox .form-img{
        display: none;
    }
    .formbox {
        margin: 40px 20px;
    }
    .foogallery .fg-item{
    width: 48%;
    height: 500px;
}

    /* .wa-strip {
        max-width: 720px;
    } */
}






/* Large Mobile */
@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .primary-navigation,
    .openbtn.hiden {
        display: none;
    }

    .primary-navigation.active {
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
        width: 260px;
        background: linear-gradient(135deg, #ffd36a 0%, #f5b83f 100%);
        height: 100vh;
    }

    .openbtn,
    .closebtn.show {
        display: block;
    }


    .primary-navigation .primary-menu-container ul {
        top: 100px;
        flex-direction: column;
        gap: 20px;
        padding-left: 25px;
    }

    .primary-navigation .primary-menu-container ul li a {
        color: black !important;
        font-size: 14px;
    }

    .hero-section .hero-heading h1 {
        font-size: 3.5rem;
    }

    .hero-section .hero-heading .experts {
        font-size: 18px;
    }

    .hero-button {
        height: 45px;
    }

    .title {
        font-size: 2.2rem;
    }

    .top_margin {
        margin: 50px auto 0 auto;
    }

    .padding_tb {
        padding: 50px 0;
    }

    .locations .blog-child,
    .route-about .secund-section .important .flex-box {
        width: 100%;
    }

    .aboutus h3 {
        font-size: 1.6rem;
    }

    .feedback .small-text {
        width: 530px;
        text-align: justify;
    }

    .awards-container .travel-circle {
        width: 180px;

    }

    .awards-container .award-content-inner,
    .welcome-route .central-india .blog-flex .box,
    .luxury-hotel .palace-experience .experience-card,
    .luxury-hotel .palace-section .palace-card {
        width: 100%;
    }
   

    .welcome-route .central-india .box .box-text h4 {
        font-size: 2rem;
    }

    .route-aboutus h1,
    .route-about h1 {
        line-height: 2.7rem;
    }

    .wpb-content-wrapper {
        padding-top: 410px;
    }

    .entry-header {
        height: 365px;
    }

    .page-set .page-text .route-day .text-title {
        font-size: 1.5rem;
    }

    .page-set .page-text .route-day {
        flex-direction: column;
    }

    .page-set .page-text .daybox {
        height: auto;
        border-radius: 0;
    }

    .page-set .page-text .daytext::after {
        border-radius: 0 0 0 20px;
    }

    .page-id-581 .wpb-content-wrapper, .page-id-552 .wpb-content-wrapper {
        padding-top: 340px;
    }
  

    .pouw-destinations .destination .destination-card {
        width: 48%;
    }
    .foogallery .fg-item{
    width: 47% !important;
    height: 380px;
    min-width: 47% !important;
}
.page-id-659 .wpb-content-wrapper{
    padding-top: 340px;
}


}




/* Small Mobile */

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wa-strip {
        height: 37px;
        bottom: 24px;
        max-width: 450px;
    }

    .wa-strip .wa-icon {
        flex: 0 0 27px;
        height: 26px;
    }
       .wa-strip .wa-icon svg{
            width: 20px;
    height: 20px;
       }
      .wa-strip .marquee{
        padding-bottom: 5px;
      }

    .wa-strip .chat {
        padding: 1px 10px;
        font-size: 16px;
    }

    .second-section .second-se-title .experts,
    .second-section .services .ser-text {
        padding: 25px;
    }

    .locations .locations-button {
        padding-top: 0;
    }

    .locations .locations-img-parent .ser-img,
    .feedback .small-text,
    footer .side-footer .widget,     .pouw-destinations .destination .destination-card  {
        width: 100%;
    }
    .awards-container .award-cards .award-card{
        width: 70%;
    }

    .locations .india .blog-img,
    .locations .locations-img-parent {
        row-gap: 30px;
    }

    .locations-img-parent .ser-img:nth-child(2),
    .locations-img-parent .ser-img:nth-child(4) {
        transform: translateY(0);
    }

    .second-section, .palace-section .route-box {
        text-align: center;
    }

    .awards-container .travel-circle {
        top: 390px;
    }

    .awards-container .award-cards, .palace-section .route-box{
        flex-direction: column;
        row-gap: 30px;
    }
    .awards-container .award-content{
    position: inherit;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    row-gap: 20px;
    }
     .awards-container .travel-circle{
        position: inherit;
     }

    footer .side-footer {
        justify-content: center;
    }

    footer .side-footer .widget,
    footer .soc-logo .widget ul {
        text-align: center;
        justify-content: center;
    }

    .entry-header .entry-title {
        font-size: 3rem;
    }

    .wpb-content-wrapper {
        padding-top: 350px;
    }
    .pouw-destinations .destination .destination-card p {
        font-size: 18px;
    }
    .pouw-destinations .destination-card h3{
        font-size: 2rem;
    }

    #nav_menu-2{
        display: flex;
    flex-direction: column;
    align-items: center;
    }
        #headershow{
        top: -20px;
        height: 75px;
    }
    #headershow img{
        width: 60px !important;
    }
    .form-button span {
    font-size: 16px
    }
    .form-button{
        padding: 10px 15px;
    }
    p,
.hero-button,
.Copyright, .route-aboutus .route-feature span, .pouw-destinations .destination .destination-card p  {
    font-size: 16px;
}
.hero-section .hero-button{
    width: 205px;
    height: 40px;
}
.locations .locations-button .hero-button {
    width: 224px;
}
.central-india .locations-button .hero-button{
    width: 180px;
}
.feedback .feedback-text .locations-button .popbtn{
    width: 155px;
}
    .foogallery .fg-item{
    width: 100% !important;
    min-width: 100% !important;
}
   .locations .tourist-image .gallery-parent .gallery-card{
        height: 450px;
    }


}



@media (max-width: 481px) {

    .logo_nav .site-logo img {
        width: 100%;
        height: auto;
    }

    #headershow .logo_nav .site-logo img {
        width: 100%;
        height: auto;

    }

    header .logo_nav .openbtn,
    header .logo_nav .closebtn {
        position: absolute;
        top: 65px;
        right: 16px;
        font-size: 16px;
    }

    .closebtn {
        padding: 1px 8px
    }

    .primary-menu-container {
        background: transparent !important;
    }

    .primary-navigation .primary-menu-container ul {
        text-align: start;
    }



    .primary-menu-container {
        width: 100%;
        visibility: visible !important;
        opacity: 5 !important;
        position: inherit !important;
        text-align: center;
        padding: 0 !important;
        height: 50vh !important;
    }

    .primary-menu-container .menus {
        padding-bottom: 0 !important;
    }

    .locations .swiper-pagination .swip {
        width: 10px;
        height: 10px;
    }
      #headershow{
        height: 110px;
        top: 0px;
    }
    .hero-section .hero-heading h1 {
        font-size: 2.8rem;
    }
}