@media(max-width:1199px) {
    .tr-features-grid:nth-child(1) .tr-feature-item,
    .tr-features-grid:nth-child(3) .tr-feature-item {
        padding-top: 25px
    }
    .tr-feature-item {
        padding: 15px 10px
    }
    .tr-feature-item img {
        width: 45px;
        margin-bottom: 15px
    }
    .tr-feature-item h5 {
        font-size: 14px
    }
    .tr-feature-item p {
        font-size: 13px
    }
    .tr-first-time-pck .tr-bg-img {
        height: 250px
    }
    .railmobile,
    .railwayiframe {
        width: 100%;
        height: 100vh;
        overflow-y: hidden;
        border: none;
        margin-top: 70px
    }
    .tr-first-timer-title:before {
        bottom: -12px
    }
    .railwayiframe {
        display: block
    }
    .festival-main .festival-month:after,
    .railmobile {
        display: none
    }
    .packgeinimg {
        width: 50%;
        overflow: hidden
    }
    .packgeintxt {
        width: 50%;
        padding: 10px 13px
    }
    .festival-main {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width:768px) and (max-width:1027px) {
    .tour-ind-maine {
        width: 50%;
        float: left
    }
    .festival-main .festival-month:after {
        display: none
    }
    .model-activity .modal-body .body_main-activity {
        display: flex
    }
    .model-activity .modal-body .body_main-activity .activity-left,
    .model-activity .modal-body .body_main-activity .activity-right {
        width: 50%
    }
    ul.short-icons li {
        width: 100%;
        margin-top: 21px
    }
    ul.month-top li {
        width: calc(100% / 12 * 4)
    }
    ul.month-top li .month-main .image-caption {
        left: -45px;
        top: 13px;
        font-size: 12px
    }
    ul.monthlist li {
        margin-bottom: 10px
    }
}

@media(max-width:991px) {
    .reviewvideo {
        margin-bottom: 0
    }
    .color-overlap-banner h1 {
        font-size: 40px
    }
    .tr-first-timer-col {
        margin: 0 -15px
    }
    .video-pop2 iframe {
        height: 300px
    }
    .wedding-text p {
        width: 100%;
        text-align: justify
    }
    .wedding-2-panel .wed-1-box {
        width: 49%
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption p {
        font-size: 13px
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption p span {
        display: none
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption h3 {
        font-sizE: 16px
    }
    .video-pop2 {
        margin: 25px
    }
    .tr-tour-booking-btn {
        margin-bottom: 15px
    }
    .tr-sidebar-box {
        display: none
    }
    #filtermobile,
    .desktophide {
        display: block
    }
    #tr-citysViewModal .modal-dialog {
        width: 94%
    }
    .post-event-btn {
        margin-bottom: 15px
    }
    .tr-header-wrap .container {
        width: 100%
    }
    .navbar-brand img {
        width: 130px
    }
    .nav>li>a {
        padding: 25px 8px;
        font-size: 12px
    }
    .tr-sticky-fix {
        position: inherit!important
    }
    #tr-banner-slider .carousel-inner .tr-banner-content .tr-slide-h1 {
        font-size: 32px;
        margin-bottom: 5px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content h2 {
        font-size: 22px;
        margin-bottom: 10px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content p {
        font-size: 18px;
        margin-bottom: 15px
    }
    .itnerytogglemain.tr-sticky {
        display: none
    }
    #tr-banner-slider .carousel-inner .tr-banner-content a.tr-btn {
        height: 35px;
        line-height: 35px;
        padding: 0 14px;
        font-size: 15px
    }
    .floater-wrapper {
        position: static
    }
    .index-filterbox {
        position: inherit!important
    }
    #mydata {
        padding-top: 20px
    }
    .index-filterbox .filder-section ul {
        display: none
    }
    .tr-search-tours {
        display: block;
        border-radius: 10px
    }
    .tr-search-tours .tr-search-title {
        padding: 0
    }
    .tr-search-tours .tr-search-title h3 {
        margin-bottom: 15px
    }
    .state-details-page {
        display: grid;
        margin-bottom: 20px
    }
    .state-img-left {
        margin-bottom: 20px
    }
    .tr-about-row {
        flex-direction: column-reverse
    }
    .tr-about-row.tr-c {
        flex-direction: column
    }
    .tr-about-section .tr-big-img {
        height: 300px
    }
    .tr-first-time-pck .tr-bg-img,
    .tr-travel-theme-box {
        height: auto
    }
    .tr-about-section .tr-content {
        padding: 30px
    }
    .tr-offer-pck {
        padding-top: 1px
    }
    .tr-offer-pck .tr-ribbon-tag {
        left: 0
    }
    .tr-offer-pck .tr-ribbon-tag:before {
        display: none
    }
    .tr-first-timer-title {
        position: relative
    }
    .activity-main-panel .activity-itr .image-panl-activity img,
    .tr-scroll-fixed {
        position: inherit
    }
    .tr-first-timer-title:before {
        bottom: -29px
    }
    .tr-first-time-pck {
        display: flex
    }
    .tr-pck-details-page .tr-map-frame {
        margin-bottom: 30px
    }
    .tr-booking-form {
        margin-top: 0
    }
    .tr-travel-pck-row {
        display: block
    }
    .tr-newsletters h5 {
        margin-top: 0;
        margin-bottom: 15px
    }
    .railmobile,
    .railwayiframe {
        height: 100vh;
        overflow-y: hidden;
        border: none;
        margin-top: 70px;
        width: 100%
    }
    .tr-footer-item.tr-pdl-20,
    .tr-footer-item.tr-pdl-30 {
        padding-left: 0
    }
    .railwayiframe {
        display: none
    }
    .railmobile {
        display: block
    }
    .sliderlandcphide p {
        display: none
    }
    .packgeind {
        display: grid
    }
    .packgeinimg {
        width: 100%;
        overflow: hidden
    }
    .packgeintxt {
        width: 100%;
        padding: 10px 13px
    }
    .activity-mg,
    .festival-main {
        width: 50%;
        float: left
    }
    ul.activity-tablsiti {
        display: none;
        margin-left: 0
    }
    .heading-activity,
    .listactivity-toggle {
        display: block
    }
    .activity-main-panel .activity-itr {
        display: grid
    }
    .initoglletxt .togleheead {
        display: block
    }
    .itnerytogglemain .itinerybtn {
        display: none
    }
    .itnerytogglemain .toggleitibtn ul {
        text-align: center;
        padding-bottom: 0
    }
    .itnerytogglemain .toggleitibtn ul li {
        display: inline-block;
        margin-bottom: 10px
    }
    .book-this-tours {
        display: none
    }
    .activity-main-panel .activity-itr .image-panl-activity {
        width: 100%
    }
    .footerbook-out {
        display: block
    }
    .activity-main-panel .activity-itr .right-panl {
        width: 100%;
        margin-top: 12px
    }
    .activity-main-panel .activity-itr h3 {
        margin: 0
    }
    .activity-main-panel .activity-itr p {
        padding-left: 0
    }
    .activity-main-panel .activity-itr .activity-btn-panel {
        padding: 0
    }
    .activity-main-panel .activity-itr-hover {
        top: 0
    }
    .model-activity .modal-body .body_main-activity {
        display: flex
    }
    .model-activity .modal-body .body_main-activity .activity-left,
    .model-activity .modal-body .body_main-activity .activity-right {
        width: 50%
    }
    ul.short-icons li {
        width: 100%;
        margin-top: 21px
    }
    .model-activity .activity {
        width: auto
    }
    .activity-main-panel .activity-itr .activity-btn-panel a {
        padding: 7px;
        font-size: 12px
    }
    .festival-main .festival-month:after {
        display: none
    }
    .tr-tailor-desc {
        padding-right: 0
    }
    .tr-tailor-form {
        position: relative;
        top: inherit;
        margin-bottom: 30px
    }
    .tr-tailor-form form {
        margin-bottom: 0
    }
    .submit-btn-new .float-right {
        padding: 0 15px
    }
    .filt-mobile {
        display: block
    }
    .mobile-filter {
        display: none
    }
    .event-side-option .panel-default {
        border: none;
        box-shadow: none
    }
    .event-side-option .panel-default .panel-collapse .panel-body {
        border: 1px solid #ccc;
        margin: 0 2px;
        box-shadow: 0 0 5px #ccc
    }
    .event-side-option {
        margin-top: 0
    }
    ul.month-top li {
        width: calc(100% / 12 * 6)
    }
    ul.month-top li .month-main .image-caption {
        left: -59px;
        top: 13px;
        font-size: 12px
    }
    .caregoty-listing ul li {
        width: 50%
    }
    ul.monthlist li {
        margin-bottom: 15px
    }
}

@media(min-width:768px) {
    .navbar-nav>li:hover>ul.dropdown-menu {
        display: block;
        -webkit-animation: scaleInUp 450ms;
        animation: scaleInUp 450ms
    }
    .modal-dialog {
        width: 1000px;
        margin: 30px auto
    }
    .post-event-btn {
        margin-bottom: 15px
    }
    .new-filt-design ul li {
        width: 32%
    }
    .tr-error-content h1 {
        font-size: 5vw
    }
    .tr-search-tours-404 .tr-search-form {
        display: flex!important
    }
    .tr-search-tours-404 .tr-search-title h3 {
        margin-bottom: 0!important
    }
    .tr-search-tours-404 .tr-search-form select {
        margin: 0 0;
        margin-bottom: 0!important
    }
}

@media(max-width:767px) {
    .tr-search-tours-404 {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }
    .tr-search-tours-404 .tr-search-form {
        display: flex!important
    }
    .tr-search-tours-404 .tr-search-title h3 {
        margin-bottom: 0!important
    }
    .tr-search-tours-404 .tr-search-form select {
        margin: 0 10px;
        margin-bottom: 0!important
    }
    .newind-title .newind-tagline,
    .newind-title .newind-tagline a,
    .newind-title h1 {
        font-size: 18px;
        display: contents
    }
    .reviewvideo {
        margin-bottom: 15px
    }
    .tr-sidebar-box {
        display: none
    }
    .tr-tour-booking-btn {
        margin-bottom: 15px
    }
    .tr-tailor-form .tr-main-title h2 {
        font-size: 25px
    }
    .tailor-h1 {
        font-size: 22px
    }
    .wedding-text p {
        width: 100%;
        text-align: justify
    }
    .wedding-2-panel .wed-1-box {
        width: 49%
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption p {
        font-size: 13px
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption p span {
        display: none
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption h3 {
        font-sizE: 16px
    }
    #filtermobile,
    .desktophide {
        display: block
    }
    .tr-check-col {
        flex-basis: 50%
    }
    .best-fam-tour-pkg>div {
        width: 50%;
        float: left
    }
    .navbar-brand {
        height: 70px
    }
    .nav>li>a {
        padding: 12px 15px;
        font-size: 14px
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 12px 15px 12px 25px
    }
    .navbar .navbar-collapse {
        background: rgba(0, 0, 0, .92);
        box-shadow: none;
        height: 280px
    }
    .navbar .navbar-collapse.collapse.in .nav li a.active {
        color: #27e02e
    }
    .navbar-toggle {
        margin-top: 17px
    }
    .floater-wrapper {
        position: static
    }
    .index-filterbox,
    .tr-sticky-fix {
        position: inherit!important
    }
    #mydata {
        padding-top: 20px
    }
    .index-filterbox .filder-section ul {
        display: none
    }
    .tr-section {
        padding: 30px 0 0
    }
    .advanturepkg {
        width: 100%
    }
    .state-details-page {
        display: grid;
        margin-bottom: 20px
    }
    #tr-banner-slider .carousel-inner .item .carousel-caption {
        display: block
    }
    #tr-banner-slider .carousel-inner .tr-banner-content {
        padding: 100px 20px
    }
    .summer-pkg-details {
        padding: 10px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content .tr-slide-h1 {
        font-size: 26px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content h2 {
        font-size: 20px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content p {
        font-size: 15px
    }
    #tr-banner-slider .carousel-inner .tr-banner-content a.tr-btn {
        height: 30px;
        line-height: 30px;
        padding: 0 12px;
        font-size: 14px
    }
    #tr-banner-slider .carousel-indicators {
        display: none
    }
    .tr-about-section .tr-list,
    .tr-search-tours .tr-search-form,
    .tr-who-we-are .tr-who-list .tr-body ul {
        display: block
    }
    .tr-nava-saal {
        bottom: 107px
    }
    .tr-nava-saal img {
        width: 150px
    }
    .tr-search-tours {
        bottom: 0;
        width: 100%;
        border-radius: 0;
        border: none
    }
    .tr-search-tours .tr-search-form select {
        border-radius: 40px;
        margin-bottom: 15px
    }
    .tr-search-tours .tr-search-form button {
        display: block;
        width: 100%;
        border-radius: 40px
    }
    .tr-who-we-are .tr-content p {
        font-size: 14px;
        line-height: normal
    }
    .tr-about-section .tr-big-img {
        height: 200px
    }
    .tr-about-section .tr-content {
        padding: 20px
    }
    .tr-about-section .tr-list ul {
        padding-right: 0
    }
    .tr-first-timer-title {
        width: 100%
    }
    .tr-first-timer-title:before {
        display: none
    }
    .tr-packages-section hr {
        margin: 15px 0
    }
    .tr-pck-list {
        display: block
    }
    .tr-pck-list br {
        display: none
    }
    .tr-pck-details-page .tr-pck-main-title,
    .tr-td-lists-box li {
        display: block
    }
    .tr-pck-list .tr-content {
        padding: 10px 0 15px;
        border-right: none
    }
    .tr-pck-list .tr-content span {
        margin-bottom: 5px
    }
    .tr-pck-list .tr-citys {
        margin-bottom: 0
    }
    .tr-pck-list .tr-button {
        padding: 0
    }
    .tr-pck-list .tr-button a {
        margin-top: 0
    }
    .tr-td-lists-box .tr-td-list h3 {
        margin-right: 0;
        margin-bottom: 10px
    }
    .tr-td-lists-box .tr-td-p-list p {
        margin-bottom: 6px
    }
    .tr-packages-section .tr-content-read {
        margin-bottom: 30px
    }
    .tr-packages-section .tr-content-read p {
        font-size: 14px
    }
    .tr-dest-line .tr-line small {
        font-size: 11px
    }
    .tr-pck-date-info {
        flex-wrap: wrap
    }
    .tr-pck-date-info .tr-date-loc.tr-date-title {
        flex-basis: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #ffc2c2;
        padding-right: 0
    }
    .tr-pck-date-info .tr-date-loc.tr-date-title p {
        font-size: 30px
    }
    .tr-pck-date-info .tr-date-loc.tr-date-title p.tr-txt-sm {
        font-size: 18px
    }
    .tr-pck-date-info .tr-date-loc .tr-img img {
        width: 35px
    }
    .tr-pck-date-info .tr-date-loc .tr-txt p {
        font-size: 15px
    }
    .tr-pck-date-info .tr-date-loc .tr-txt span {
        font-size: 13px
    }
    .tr-pck-details-page .tr-pck-main-title h1 {
        font-size: 16px
    }
    .tr-pck-details-page p,
    .tr-team-members .tr-content p {
        font-size: 14px
    }
    .tr-pck-details-page .tr-pck-main-title .tr-rating {
        padding-left: 0;
        text-align: left
    }
    .tr-pck-details-page .tr-pck-main-title .tr-rating small {
        display: inline
    }
    .payment-box .pay-list li a,
    .tr-copyrights .tr-copy-inner,
    .tr-reviews-item,
    .tr-tour-booking-btn .row.tr-flex-center {
        display: block
    }
    .tr-pck-details-page .tr-pck-main-title .tr-rating small:nth-child(1) {
        margin-right: 5px
    }
    .tr-tour-booking-btn .row.tr-flex-center h3 {
        margin-bottom: 5px
    }
    .tr-tour-booking-btn .row.tr-flex-center a.tr-btn {
        margin-top: 15px
    }
    .tr-reviews-item .tr-avatar {
        margin-right: 0;
        margin-bottom: 10px
    }
    .tr-reviews-item .tr-content {
        text-align: center
    }
    .tr-reviews-item .tr-content p {
        margin-bottom: 10px
    }
    .tr-booking-pd {
        padding: 15px 20px 0
    }
    .tr-error-content h1 {
        font-size: 15vw
    }
    .tr-error-content h2 {
        font-size: 23px
    }
    .tr-address-info img {
        width: 40px;
        margin-bottom: 20px
    }
    .tr-address-info h2 {
        margin-bottom: 15px
    }
    .tr-map-mb {
        margin-bottom: 30px
    }
    .tr-region-tours {
        padding-top: 0;
        padding-bottom: 15px
    }
    .tr-region-pck {
        margin-bottom: 0px
    }
    .tr-features-box {
        margin: 0 -4px 30px
    }
    .railmobile,
    .railwayiframe {
        width: 100%;
        height: 100vh;
        overflow-y: hidden;
        border: none;
        margin-top: 70px
    }
    .activity-mg,
    .hotel-mobile-landcp,
    .paddingclassts,
    .state-pkglist,
    .tour-ind-maine {
        width: 50%;
        float: left
    }
    .tr-features-grid {
        padding: 0 4px
    }
    .tr-feature-item {
        padding: 15px 10px;
        margin-bottom: 8px
    }
    .tr-newsletters input[type=email] {
        margin-bottom: 15px
    }
    .payment-box p {
        font-size: 14px
    }
    .payment-box .pay-list li span {
        margin-left: 0
    }
    .pay-authorization-form h3 {
        font-size: 18px
    }
    .tr-copyrights ul {
        margin-bottom: 5px
    }
    .railwayiframe {
        display: none
    }
    .railmobile {
        display: block
    }
    .sliderlandcphide {
        display: none
    }
    div.paddingclassts {
        padding: 0 15px
    }
    div.paddingclassts:nth-child(1) {
        padding-left: auto
    }
    div.paddingclassts:nth-last-child(1) {
        padding-right: auto
    }
    div.paddingclasstsmagha {
        padding: 0 5px;
        width: 50%;
        float: left
    }
    ul.activity-tablsiti {
        display: none;
        margin-left: 0
    }
    .heading-activity,
    .listactivity-toggle {
        display: block
    }
    .initoglletxt .togleheead,
    .itnerytogglemain .itinerybtn {
        display: none
    }
    .itnerytogglemain .toggleitibtn ul {
        text-align: center;
        padding-bottom: 0
    }
    .itnerytogglemain .toggleitibtn ul li {
        margin-right: 0;
        display: inline-block;
        margin-bottom: 10px
    }
    .book-this-tours {
        display: none
    }
    .activity-main-panel .activity-itr {
        display: grid
    }
    .footerbook-out {
        display: block
    }
    .activity-main-panel .activity-itr .image-panl-activity {
        width: 100%
    }
    .activity-main-panel .activity-itr .image-panl-activity img {
        position: inherit
    }
    .activity-main-panel .activity-itr .right-panl {
        width: 100%;
        margin-top: 12px
    }
    .activity-main-panel .activity-itr h3 {
        margin: 0
    }
    .activity-main-panel .activity-itr p {
        padding-left: 0
    }
    .activity-main-panel .activity-itr .activity-btn-panel {
        padding: 0
    }
    .activity-main-panel .activity-itr .activity-btn-panel a {
        padding: 7px;
        font-size: 12px
    }
    .activity-main-panel .activity-itr-hover {
        top: 0
    }
    .festival-main {
        width: 50%;
        float: left
    }
    .festival-main .india-festivals figcaption .festival-date {
        min-height: 49px
    }
    .model-activity .modal-body .body_main-activity {
        display: flex
    }
    .model-activity .modal-body .body_main-activity .activity-left,
    .model-activity .modal-body .body_main-activity .activity-right {
        width: 50%
    }
    ul.short-icons li {
        width: 100%;
        margin-top: 21px
    }
    .model-activity.activity {
        width: 100%
    }
    .festival-main .festival-month:after {
        display: none
    }
    .post-event-btn {
        margin-bottom: 15px
    }
    .itnerytogglemain.tr-sticky {
        display: none
    }
    .submit-btn-new .float-right {
        padding: 0 15px
    }
    .filt-mobile {
        display: none
    }
    .mobile-filter {
        display: flex
    }
    .event-side-option .panel-default {
        border: none;
        box-shadow: none
    }
    .event-side-option .panel-default .panel-collapse .panel-body {
        border: 1px solid #ccc;
        margin: 0 2px;
        box-shadow: 0 0 5px #ccc
    }
    .event-side-option {
        margin-top: 50px
    }
    .new-filt-design ul li {
        width: 32%
    }
    ul.month-top li {
        width: calc(100% / 12 * 6)
    }
    ul.month-top li .month-main .image-caption {
        left: -48px;
        top: 18px;
        font-size: 12px
    }
    .caregoty-listing ul li {
        width: 50%
    }
    ul.monthlist li {
        margin-bottom: 15px
    }
    .video-pop2 iframe {
        height: 300px
    }
    .video-pop2 {
        margin: 25px
    }
    .wedding-banner {
        height: 300px
    }
    .color-overlap-banner h1 {
        font-size: 37px
    }
    .color-overlap-banner {
        padding: 100px 0
    }
    div.youtube {
        background-size: cover!important;
        height: 264px
    }
}

@media(max-width:567px) {
    .tr-start-tailoring {
        top: auto;
        display: block!important
    }
    .mobile-view {
        display: flex;
        flex-direction: column-reverse
    }
    .stateintable table tr td {
        padding: 5px 7px
    }
    #tawkchat-container {
        border: 0 none!important;
        padding: 0!important;
        z-index: 999999999!important;
        overflow: visible!important;
        min-width: 0!important;
        min-height: 0!important;
        max-width: none!important;
        max-height: none!important;
        width: auto!important;
        height: auto!important;
        position: fixed!important;
        display: block!important;
        top: inherit;
        bottom: 21%!important;
        margin: -45px 0 0!important;
        left: 116px!important;
        left: inherit
    }
    .tr-banner-sec {
        height: calc(100vh - 155px)
    }
    .tr-offer-pck .tr-pck-list {
        margin: 0
    }
    .tr-itinerary-title h3 {
        font-size: 20px
    }
    .newind-title .newind-tagline,
    .newind-title .newind-tagline a,
    .newind-title h1 {
        font-size: 18px;
        display: contents
    }
    .reviewvideo {
        margin-bottom: 15px
    }
    div.youtube {
        background-size: cover!important;
        height: 264px
    }
    .tr-search-tours-404 {
        display: grid;
        align-items: center;
        flex-wrap: wrap
    }
    .tr-search-tours-404 .tr-search-form {
        display: grid!important
    }
    .tr-search-tours-404 .tr-search-title h3 {
        margin-bottom: 10px!important
    }
    .tr-search-tours-404 .tr-search-form select {
        margin-bottom: 10px!important;
        margin-left: 0;
        margin-right: 0
    }
    .color-overlap-banner h1 {
        font-size: 37px
    }
    .video-pop2 {
        margin: 10px
    }
    .tr-tour-booking-btn {
        margin-bottom: 15px
    }
    .tr-sidebar-box {
        display: none
    }
    .best-fam-tour-pkg>div {
        width: 100%
    }
    .wedd-img-1 .img-caption ul.datalist li p {
        width: 100%
    }
    .wedd-img-1 .img-caption ul.inner-list .listli {
        width: 100%
    }
    .wedd-img-1 .img-caption ul.inner-list-1 .listli {
        width: 100%
    }
    .raj-btn button {
        width: 100%
    }
    .wedding-text p {
        width: 100%;
        text-align: justify
    }
    .wedding-2-panel .wed-1-box {
        width: 100%
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption p span {
        display: none
    }
    .wedding-2-panel .wed-1-box .wed-1-bx-caption h3 {
        font-sizE: 20px
    }
    .wedd-img-1 .img-caption ul.datalist li strong {
        width: 100%
    }
    .wedd-img-1 .img-caption ul li {
        width: 100%
    }
    .activity-main-panel .activity-itr .image-panl-activity,
    .activity-mg,
    .authcont,
    .authimg,
    .festival-main,
    .model-activity .modal-body .body_main-activity .activity-left,
    .model-activity .modal-body .body_main-activity .activity-right,
    .paddingclassts,
    .relatedbx-1,
    .state-pkglist,
    div.paddingclasstsmagha,
    ul.short-icons li {
        width: 100%
    }
    .tr-main-title h1,
    .tr-main-title h2,
    .tr-main-title h3,
    .tr-main-title h4,
    .tr-main-title h5,
    .tr-main-title h6 {
        font-size: 18px;
        margin-bottom: 30px
    }
    .tr-main-title p {
        font-size: 13px
    }
    .tr-sticky-fix {
        position: inherit!important
    }
    .floater-wrapper {
        position: static
    }
    .index-filterbox {
        position: inherit!important
    }
    #mydata {
        padding-top: 20px
    }
    div.paddingclasstsmagha {
        padding: 0 5px;
        float: left
    }
    #filtermobile {
        display: block
    }
    .index-filterbox .filder-section ul {
        display: none
    }
    .filt-mobile {
        display: none
    }
    .mobile-filter {
        display: flex
    }
    .event-side-option .panel-default {
        border: none;
        box-shadow: none
    }
    .event-side-option .panel-default .panel-collapse .panel-body {
        border: 1px solid #ccc;
        margin: 0 2px;
        box-shadow: 0 0 5px #ccc
    }
    .event-side-option {
        margin-top: 50px
    }
    .itnerytogglemain.tr-sticky {
        display: none
    }
    .itnerytogglemain.tr-breadcrumbs ul,
    .tr-first-time-pck {
        display: block
    }
    ul.summer-vations li {
        margin-bottom: 10px
    }
    .navbar .navbar-collapse {
        height: 452px
    }
    .summer-pkg-details {
        display: block;
        width: 100%;
        padding: 10px;
        margin: 0 0 15px 0;
        float: left;
        border: 1px solid #efefef;
        box-shadow: 0 0 10px #eee
    }
    .statefixform {
        position: unset
    }
    ul.activity-tablsiti {
        display: none;
        margin-left: 0
    }
    .desktophide,
    .heading-activity,
    .listactivity-toggle {
        display: block
    }
    .activity-main-panel .activity-itr {
        display: grid
    }
    .initoglletxt .togleheead,
    .itnerytogglemain .itinerybtn {
        display: none
    }
    .itnerytogglemain .toggleitibtn ul {
        text-align: center;
        padding-bottom: 0
    }
    .itnerytogglemain .toggleitibtn ul li {
        margin-right: 0;
        display: inline-block;
        margin-bottom: 10px
    }
    .book-this-tours {
        display: none
    }
    .footerbook-out {
        display: block
    }
    .activity-main-panel .activity-itr .image-panl-activity img {
        position: inherit
    }
    .activity-main-panel .activity-itr .right-panl {
        width: 100%;
        margin-top: 12px
    }
    .activity-main-panel .activity-itr h3 {
        margin: 0
    }
    .model-activity .modal-body .body_main-activity {
        display: inherit
    }
    .activity-main-panel .activity-itr p {
        padding-left: 0
    }
    .activity-main-panel .activity-itr .activity-btn-panel {
        padding: 0
    }
    .activity-main-panel .activity-itr-hover {
        top: 0
    }
    ul.short-icons li {
        margin-top: 21px
    }
    .activity-main-panel .activity-itr .activity-btn-panel a {
        padding: 7px;
        font-size: 12px
    }
    .festival-heading h2 {
        padding-bottom: 15px;
        font-size: 21px
    }
    .festival-heading h2:before {
        display: none
    }
    .festival-main .india-festivals figcaption .festival-date {
        min-height: auto
    }
    .tr-copyrights ul {
        margin-bottom: 15px;
        display: block
    }
    .tr-title-banner {
        padding: 150px 0 20px
    }
    .tr-title-banner .tr-content h1 {
        font-size: 28px
    }
    .tr-breadcrumbs ul li {
        float: left
    }
    .tr-first-time-pck .tr-bg-img {
        height: 220px
    }
    .post-event-btn {
        margin-bottom: 15px
    }
    .sliderlandcphide {
        display: none
    }
    .authdet,
    .relatedpostbx {
        display: grid
    }
    .authdet {
        text-align: center
    }
    .authcont {
        margin-left: 0
    }
    .tr-offer-pck {
        flex-basis: 49.9%
    }
    .relatedbx-1 {
        margin-right: 0;
        margin-bottom: 15px
    }
    .tr-travel-theme-box {
        padding: 30px 30px 40px
    }
    .tr-main-title-new h1 {
        margin-bottom: 30px;
        font-size: 18px;
        color: #fff
    }
    .homo-cont,
    .tr-main-title-new h1,
    .tr-main-title-new h4 {
        font-size: 23px
    }
    .tr-features-and-reviews .nav-pills li {
        float: none
    }
    .tr-features-and-reviews .nav li.active a:before {
        display: none
    }
    .tr-pck-date-info,
    .tr-tour-blog .tr-meta ul {
        display: block
    }
    .tr-pck-date-info .tr-date-loc.tr-date-title {
        padding-bottom: 0
    }
    .tr-pck-date-info .tr-date-loc {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ffc2c2
    }
    .tr-pck-date-info .tr-date-loc:nth-last-child(1) {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none
    }
    .tr-tour-blog .tr-img {
        margin-bottom: 10px
    }
    .tr-tour-blog .tr-content h2 {
        font-size: 18px;
        margin-bottom: 5px
    }
    .tr-tour-blog .tr-meta {
        margin-bottom: 10px
    }
    .tr-tour-blog .tr-meta ul li,
    .tr-tour-blog p {
        font-size: 14px
    }
    .tr-tour-blog a.tr-btn {
        margin-top: 15px
    }
    .tr-blog-comment h5 a {
        float: none;
        display: table;
        margin-top: 5px
    }
    .railmobile,
    .railwayiframe {
        width: 100%;
        height: 100vh;
        overflow-y: hidden;
        border: none;
        margin-top: 70px
    }
    .tr-sitemap-section .tr-main-title h4 {
        font-size: 22px;
        margin-bottom: 40px
    }
    .tr-sitemap-row a {
        font-size: 15px;
        text-align: left;
        padding: 10px;
        margin-right: 0;
        margin-bottom: 5px
    }
    .railwayiframe {
        display: none
    }
    .railmobile {
        display: block
    }
    .feedback tr td {
        padding: 5px;
        width: 100%!important;
        display: -webkit-box
    }
    .packgeind,
    .state-package {
        display: grid
    }
    .hotel-mobile-landcp {
        width: 100%;
        float: none
    }
    .tour-ind-maine {
        width: 100%
    }
    .packgeinimg {
        width: 100%;
        overflow: hidden
    }
    .packgeintxt {
        width: 100%;
        padding: 10px 13px
    }
    .state-details-page {
        display: grid;
        margin-bottom: 20px
    }
    .festival-main .festival-month:after {
        display: none
    }
    .tr-tailor-content h2 {
        font-size: 20px
    }
    .tr-go-to-home {
        left: 10px;
        bottom: 60px
    }
    .tr-copyrights {
        padding-bottom: 80px
    }
    .tr-start-tailoring {
        bottom: 0;
        left: 0;
        right: 0
    }
    .tr-start-tailoring .tr-btn {
        animation: inherit;
        border-radius: 0;
        transform: rotate(0)
    }
    .postevent-box {
        display: grid
    }
    .postevent-box .titilebox-post-event {
        width: 100%;
        display: flex;
        align-items: center
    }
    .postevent-box .titilebox-post-event img {
        width: 17%;
        margin-right: 15px
    }
    .postevent-box .titilebox-post-event p {
        display: none
    }
    .postevent-box .form-post-event {
        width: 100%
    }
    .submit-btn-new .float-right {
        padding: 0 15px
    }
    .new-filt-design ul li {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 0 15px;
        align-items: center;
        font-size: 14px;
        color: #000
    }
    .new-filt-design ul li:nth-last-child(1) {
        width: 100%
    }
    .new-filt-design ul li:after {
        border: none
    }
    .new-filt-design {
        display: block
    }
    .mobile-festival-filt {
        display: none
    }
    ul.month-top li {
        width: calc(100% / 12 * 12)
    }
    ul.month-top li .month-main .image-caption {
        left: -56px;
        top: 15px
    }
    .eventdetisdata ul li {
        width: 100%;
        padding: 0 10px
    }
    .caregoty-listing ul li {
        width: 100%
    }
    .tr-pck-details-page h2 {
        font-size: 16px
    }
    ul.monthlist li {
        padding: 6px 3px;
        margin-bottom: 10px;
        width: 31%;
        font-size: 13px;
        text-align: center
    }
    h4.monthtit {
        font-size: 17px
    }
    .ul-style-circle {
        padding-inline-start: 21px
    }
    .mg-m-15 {
        margin-bottom: 15px
    }
}

@media(max-width:385px) {
    .railmobile,
    .railwayiframe {
        width: 100%;
        height: 100vh;
        overflow-y: hidden;
        border: none;
        margin-top: 70px
    }
    .tr-features-grid:nth-child(1) .tr-feature-item,
    .tr-features-grid:nth-child(3) .tr-feature-item {
        padding-top: 35px;
        padding-bottom: 5px
    }
    .railwayiframe {
        display: none
    }
    .railmobile {
        display: block
    }
    .model-activity.activity {
        width: 100%
    }
}

@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px) {
    .tarrifedata,
    .tarrifedata tbody,
    .tarrifedata tbody tr,
    .tarrifedata tbody tr td,
    .tarrifedata thead,
    .traveldate,
    .traveldate tbody,
    .traveldate tbody tr,
    .traveldate tbody tr td,
    .traveldate thead {
        display: block
    }
    .tarrifedata thead tr,
    .traveldate thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .tarrifedata tr,
    .traveldate tr {
        border: 1px solid #ccc
    }
    .tarrifedata tr:nth-child(odd),
    .traveldate tr td:nth-child(odd) {
        background: #eee;
        overflow: hidden
    }
    .tarrifedata tr td,
    .traveldate tr td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        width: 100%
    }
    .tarrifedata td:before,
    .traveldate td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
    .tarrifedata td:nth-of-type(1):before {
        content: "CABIN CATEGORY :"
    }
    .tarrifedata td:nth-of-type(2):before {
        content: "DELUXE Double :"
    }
    .tarrifedata td:nth-of-type(3):before {
        content: "02 CHILDREN :"
    }
    .traveldate td:nth-of-type(1):before {
        content: "Itinerary :"
    }
    .traveldate td:nth-of-type(2):before {
        content: "Route :"
    }
    .traveldate td:nth-of-type(3):before {
        content: "From :"
    }
    .traveldate td:nth-of-type(4):before {
        content: "To :"
    }
    .traveldate td:nth-of-type(5):before {
        content: "2019 :"
    }
    .traveldate td:nth-of-type(6):before {
        content: "2020 :"
    }
    .best-vacation-tbl td:nth-of-type(1):before {
        content: "Origin :"
    }
    .best-vacation-tbl td:nth-of-type(2):before {
        content: "Destination :"
    }
    .best-vacation-tbl td:nth-of-type(3):before {
        content: "Flight No :"
    }
    .best-vacation-tbl td:nth-of-type(4):before {
        content: "Departure :"
    }
    .best-vacation-tbl td:nth-of-type(5):before {
        content: "Arrival :"
    }
    .best-vacation-tbl td:nth-of-type(6):before {
        content: "Days of Operation :"
    }
    .td-width {
        width: auto
    }
}