/*Hover Image css*/
.grid {
    position: relative;
    margin: 0px auto 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    min-width: 320px;
    max-width: 362px;
    max-height: 344px;
    width: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.grid figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: auto;
}
figure.effect-roxy figcaption {
    padding: 1em;
    text-align: left;
}
.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
figure.effect-roxy figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
figure.effect-roxy figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.grid figure figcaption::before, .grid figure figcaption::after {
    pointer-events: none;
}
figure.effect-roxy p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    padding: 0 10px;
    font-size: 16px;
    text-shadow: 2px 2px 4px #000000;
    line-height: 26px;
    text-align: center;
}
.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}
.grid figure h2, .grid figure p {
    margin: 0;
}
figure.effect-roxy span {
    padding: 7% 0 10px 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 4px #000000;
    display: block;
}
.grid figure figcaption > a {
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure:hover {
    background: #000;
}
figure.effect-roxy:hover img {
    opacity: 0.4;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.grid figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: auto;
}
figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.journey {
    font-size: 18px;
    color: #424242;
    text-transform: uppercase;
    padding: 15px 0px;
    border-bottom: solid 1px #424242;
    display: inline-block;
    padding-bottom: 3px;
}
.journey a {
    color: #000;
}
/*End Hover Image Csss*/

/*LUXURY-TRAIN-DETAIL*/
.img_hover img:hover {
    transform: scale(1.1);
    transition: all 500ms ease;
}

.detail-luxurytour-section{ width: 100%; float: left; background: url(https://www.tourmyindia.com/luxury-train-tours/wp-content/themes/luxury-train-tour/images/detail-luxury.jpg) no-repeat;   background-size: 100% 100%; }

.detail-luxurytour{ width: 100%; display: inline-block; }

.detail-luxurytour ul{ width: 100%; }

.detail-luxurytour ul li{ width: 31%; float: left; position: relative; margin-bottom: 50px; margin-right: 25px; /*min-height: 330px;*/}

.detail-luxurytour ul li img{ max-width: 100%; }

.luxury-tour{position: absolute; top: 0px; padding: 60px 10px 0px 15px;}

.luxury-tour h3{color: #ffffff; font-size:50px; position: relative; padding-bottom: 50px; text-align: center;}

.luxury-tour h3:after{ background: url(img/detail_after.png) no-repeat; margin:0px auto; right: 0px; width: 156px; height: 17px; position: absolute; left: 0px; bottom: 20px; content: ''; }

.luxury-tour p{color: #ffffff; font-size:24px; margin-top: 50px;}

.detailtour-list{ width: 100%; float: left; padding: 21px 18px 0px 5px; }

.detailtour-list h3{ color: #7c5f2b; font-size:25px; padding-bottom: 5px;}

.detailtour-list label{color: #8e7751;font-size:18px; padding-bottom: 3px; float: left; width: 100%;}

.detailtour-list p{color: #51493a; font-size:17px;}

.bottom-shift { margin-top: 0px;}


/******* Schedule page *************/

/********* tabing**********/

/************* Form page*****************/


/****************** Itinerary page **************************/




/****************** media css************************/







@media screen and (max-width: 1024px) {



/*************** start detail page****************/

.detail-luxurytour ul li {width: 31%;margin-right: 10px;margin-left: 10px;}

.bottom-shift {margin-top: 0px;}

.detail-luxurytour-section{    height: auto}
/*************** end detail page****************/



}



@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 

/*************** start detail page****************/


.detail-luxurytour ul li{margin-right: 10px;margin-left: 10px;width: 30%;}

.bottom-shift {margin-top: 0px;}

.luxury-tour{padding: 24px 27px;}

.detail-luxurytour-section{   width:  auto; padding-bottom: 33px; }  


.item{    margin-right: 0;

margin-left: 0;}

/*************** end detail page****************/



/*************** start home page****************/

/*************** end home page****************/


/****************** start Itinerary page **************************/

.maharaja_div h3 {    width: 69%;}
}

@media screen and (max-width: 767px) {





/*************** start detail page****************/

.detail-luxurytour ul li {    margin-right: 12px;margin-left: 12px;width: 29%;}

.bottom-shift {margin-top:0px;}

.detail-luxurytour-section{    height: auto;}

.detailtour-list h3{font-size: 21px;margin: 0;}

.luxury-tour{padding: 44px 21px;}

.luxury-tour h3{font-size: 37px;}

/*************** end detail page****************/





/*************** start form page****************/


/*************** end form page****************/



/*************** start schedule page****************/

.item.row{margin-right: 0; margin-left: 0;}


/*************** end schedule page****************/



/****************** start Itinerary page **************************/

.maharaja_div h3 {    width: 100%;}

.exclusive_div ul {  width: 100%;}

.banner_left_img{width: 100%}

}





@media screen and (max-width: 500px) {

/*************** start form page****************/

/*************** end form page****************/



/*************** start schedule page****************/



/*************** start home page****************/

}









@media screen and (max-width: 414px) {



/*************** start detail page****************/
.detail-dest-slider{width: 100%;}

.detail-luxurytour ul li {margin-right: 0;margin-bottom: 20px;margin-left: 0;width: 100%;}

.bottom-shift {margin-top: 0;}

.detail-luxurytour ul li img{width: 100%}

}



.banner-area {background:url(../images/bannertext.jpg) left top; background-size:inherit;}


/*.page-main-section {top:490px;}*/

/* Navigation Section */

.detail-destination-section {padding:70px 0px;}

.detail-luxurytour ul li {margin-bottom:40px;}

.detailtour-list p {color:#615b55;}

/* media query */


@media (max-width:1200px) {

    /*.menuprimary {padding-left:0px;}*/

    .detail-luxurytour ul li {/*min-height:370px;*/ margin-bottom:20px; width:30%;}
    .depaeture_date {height:100%;}
}

@media (max-width:1100px) {
    .detail-luxurytour-section {width:100%; padding-bottom:0px;}
    .detail-luxurytour-section {background-size:cover;}
    .bottom-shift {margin-top:0px;}
    .detail-luxurytour ul li {/*min-height:410px*/; margin-bottom:20px; width:30%;}
}

@media (max-width:991px) {

    .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {max-width:inherit;}
    
    .bottom-shift {margin-top:0;}
}

@media (max-width:768px) {

    .detailtour-list h3 {font-size:22px;}

    .detailtour-list p {font-size:16px;}

    .bottom-shift {margin-top:0px;}

    .detail-luxurytour ul li {margin-bottom:20; /*min-height:430px*/;}

    .detail-luxurytour-section {padding-bottom:0px;}

}

@media (max-width:767px) {

    .detailtour-list {padding:10px 8px 0px 5px;}

    .detail-destination-section {padding:40px 0px;}

    .luxury-tour {padding:44px 10px;}
    .depaeture_date ul li h3 {font-size:18px;}
    .detail-luxurytour ul {float:left; display:flex; flex-wrap:wrap;}
    .detail-luxurytour ul li {width:43%; margin:0; min-height:auto; max-height:376px; overflow:hidden; margin:0 10px 40px;}
    .detail-luxurytour ul li img {width:100%;}
    .luxury-tour h3 br {display:none;}
    .luxury-tour {padding:44px 40px; width:100%; height:auto;}
    .detail-luxurytour ul li:first-child {width:43%; margin:0 20px 40px 30px;}
    .detail-luxurytour ul li:nth-child(even) {width:43%; margin:0 0px 40px 30px;}
    .detail-luxurytour ul li:nth-child(odd) {width:43%; margin:0 20px 40px 30px;}
    input.wpcf7-form-control.wpcf7-captchar {width:100%;}
    
}



@media (max-width:640px) {

    .detailtour-list h3 {font-size:18px;}

    .detailtour-list label {font-size:16px;}

    .detail-luxurytour ul li {/*min-height:370px;*/ width:45%;}

    .detail-luxurytour ul li {width:40%; margin:0; min-height:auto; max-height:376px; overflow:hidden; margin:0 30px 40px;}

    .detail-luxurytour ul li:first-child {width:45%; margin:0 40px 40px 0px;}
    .detail-luxurytour ul li:nth-child(even) {width:45%; margin:0 0px 40px 0px; min-height:auto;}
    .detail-luxurytour ul li:nth-child(odd) {width:45%; margin:0 40px 40px 0px; min-height:auto;}
    .custom_image_height{
    min-height:525px;
}
    
}



@media (max-width:500px) {

    .detail-luxurytour ul li {min-height:auto; width:100%; margin-left:0; max-height:320px; overflow:hidden; margin-bottom:20px;}

    .detail-luxurytour ul li:nth-child(2) {min-height:200px;}

    .detail-luxurytour ul li img {width:100%;}

    .luxury-tour h3 br {display:none;}

    .luxury-tour {padding:44px 50px;}

    .detail-luxurytour ul li:first-child {width:100%; margin:0 40px 40px 0px;}
    .detail-luxurytour ul li:nth-child(even) {width:100%; margin:0 0px 40px 0px; min-height:auto;}
    .detail-luxurytour ul li:nth-child(odd) {width:100%; margin:0 0px 40px 0px; min-height:auto;}
     .custom_image_height{
    min-height:525px!important;
}

}

@media (max-width:320px) {

    .luxury-tour h3 {font-size:30px;}
}