
@font-face {
    font-family: 'Lato', sans-serif;
    src: url("../fonts/lato.ttf");
  }



body{
    margin: 0px;
    font-family: 'Lato', sans-serif;
    padding: 0px;
}




.container{
    width: 100%;
    max-width: 1217px;
}




/************************Background_start_css************************/

.background_div_section{
    width: 100%;
    background-image: url(../images/hotel_packge_bg.jpg);
    background-repeat: no-repeat;
    height: 200px;
}
.slider_main_div {
    width: 100%;
    padding: 0px 0px;
}

.tour_packages_main_div {
    width: 100%;
    margin-top: 105px;
}

.text_hotel_div{
    width: 100%;
    float: left;
    padding-bottom: 40px;
    margin-top: 56px;
}
/*********************Backgorund_close_css***************************/






/*********************Why_book_hotels_with_Sair_Sapata_start_css***************************/


.why_bookHotels_div{
    width:100%;
    float: left;
}

.why_bookHotels_div_heading{
    width: 100%;
    border-left: 8px solid #f73131;
    margin-left: 16px;
}

.why_book_heading{
    font-size: 22px;
    color: #001e39;
    font-weight: 600;
    padding-left: 10px;
    margin: 0px;
}


.the_worlds_pragraph{
    font-size: 13px;
    color: #585858;
    font-weight: 300;
    padding-left: 10px;
}


.Extensive_main_div{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.extensive_main_inner{
    width: 24%;
    margin: 0px 15px;
    padding: 10px;
    box-shadow: 0px 4px 10px gray;
    border-top: 1px solid #80808042;

}

.extensive_mian_div{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}


.extensive_mian_div1{
    width: 15%;
}

.extensive_mian_div2{
    width: 80%;
}


.extensive_main_praghph{
    font-size: 15px;
    font-weight: 600;
    color: #373737;
    margin: 0px;
    line-height: 28px;
}

.best_hotel_p{
    font-size: 13px;
    font-weight: 500;
    color: #373737;
    margin: 0px;
    padding: 7px 0px 0px 0px;
}



/*********************Why_book_hotels_with_Sair_Sapata_close_css***************************/









/*********************Offer_Deals_start_css***************************/
.offers_deals_div{
    width: 100%;
    padding: 30px 0px;
    background-image: url(../images/offers_deal_bg.jpg);
    background-repeat: no-repeat;
    float: left;
}


.offerts_deals_inner_slider{
    width: 100%;
    padding: 0px 12px;
    float: left;
}


/*********************Offer_Deals_close_css***************************/




/*********************Hotels_Book_at_Popular_Destinations_start_css***************************/



.MultiCarousel {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
 }

 .MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
 }
 .MultiCarousel .MultiCarousel-inner .item {
    float: left;
 }
 .MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #fff;
    height: 170px;
    color: #666;
    box-shadow: 0px 0px 10px gray;
    border-radius: 5px;
 }
 .MultiCarousel .leftLst,
 .MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
 }
 .MultiCarousel .leftLst {
    left: 0;
 }
 .MultiCarousel .rightLst {
    right: 0;
 }
 
 .MultiCarousel .leftLst.over,
 .MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
 }
 


.city_holtel_heading{
    font-size: 18px;
    font-weight: 600;
    color: #0d0c0c;
}

.hotel_setting{
    font-size: 14px;
    font-weight: 400;
    color: #0d0c0c;
}

.city_hotel_img{
width: 100px;
height: 84px;
}



.hotel_book_at_div{
    width:100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 30px;
}




/*********************Hotels_Book_at_Popular_Destinations_close_css***************************/







/*********************Hotels_Book_at_Popular_Destinations_close_css***************************/

.slide1 img {
    margin-top: 25px;
  }
  .slide5 img {
    margin-top: 35px;
  }
  .slide4 img {
    margin-top: 3px;
  }
  .bx-viewport {
    box-shadow: none !important;
  }
  
.travel_agent_div_hotel{
    width: 100%;
    float: left;
    margin: 30px 0px;
    background: #d9f0fc;
    padding: 30px 0px;
}


/*********************Hotels_Book_at_Popular_Destinations_close_css***************************/





/*********************Resort_in_top_destinations_start_css***************************/
.resort_main_div{
    width: 100%;
    float: left;
}

.resort_main_div_inner{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.resort_main_div_inner_left{
    width: 50%;
}

.resort_main_div_inner_right{
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.seacrh_btn {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 34px;
    text-decoration: none;
}

.serch_div_btn{
    width: 208px;
    background-color: #f73131;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.seacrh_btn:hover{
    color: #fff;
}


.resort_section_slider{
    width: 100%;
}


.why_bookHotels_div_heading_resort {
    width: 100%;
    border-left: 8px solid #f73131;
    /* margin-left: 16px; */
}






#owl-demo .ite{
    margin: 3px;
  }
  #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
  }


.owl-carousel .owl-item{
    max-width: 300px;
    background-color: transparent!important;
}



.where_inner_bg1{
width: 100%;
background-image: url(../images/mulshi_img.png);
background-size: cover;
background-repeat: no-repeat;
height: 300px;
}




.where_inner_bg2{
        width: 100%;
        background-image: url(../images/Udaipur_img.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
        }

        .where_inner_bgh3{
            width: 100%;
            background-image: url(../images/tek3.png);
            background-size: cover;
            background-repeat: no-repeat;
            height: 300px;
            }

.where_inner_bg4{
    width: 100%;
    background-image: url(../images/antra_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
}

   
/*********************Resort_in_top_destinations_close_css***************************/








/*********************Banquet_in_top_destinations_start_css***************************/
.banquet_main_div {
    width: 100%;
    background-color: #d9f0fc;
    float: left;
    margin-bottom: 30px;
    padding: 25px 0px;
    margin-top: 30px;
}


.where_inner_bgb1{
    width: 100%;
    background-image: url(../images/saffron1.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    }
    
    
    
    
    .where_inner_bgb2{
            width: 100%;
            background-image: url(../images/haalmar_img.png);
            background-size: cover;
            background-repeat: no-repeat;
            height: 200px;
            }
    
            .where_inner_bgb3{
                width: 100%;
                background-image: url(../images/grand.png);
                background-size: cover;
                background-repeat: no-repeat;
                height: 200px;
                }
    
    .where_inner_bgb4{
        width: 100%;
        background-image: url(../images/howword.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 200px;
    }
    
            .name_inn_dives{
            width: 100%;
            position: relative;
            top: 55%;        
        }

        .slider_div_weelend {
            width: 100%;
            margin-top: 0px;
        }





/*********************Banquet_in_top_destinations_close_css***************************/







/*********************Checkthe_div_start_css***************************/
.checkthe_div{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}



.check_inner_main{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.check_inner_main_left{
    width: 20%;
}


.check_inner_main_right{
    width: 80%;
}

.many_internaioP{
    font-size: 15px;
    color: gray;
}





/*********************Checkthe_div_start_css***************************/





/*********************Cheapest_deals_div_start_css***************************/

.Cheapest_deals_div{
    width: 100%;
    background-image: url(../images/chapestibg.jpg);
    float: left;
    margin-bottom: 30px;
    padding: 40px 0px;
}


.cheapest_heading{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.due_thhe_praghrph{
    font-size: 12px;
    color: #ffffff9c;
    font-weight: 400;
}

.view_details_div{
    width: 100%;
    display: flex;
}

.view_details{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #f73131;
    padding: 14px 30px;
    text-decoration: none;
}

.view_details:hover{
    color: #fff;
    background-color: #f73131;
}




/*********************Cheapest_deals_div_close_css***************************/







/*********************Top_Rated_Hotels_start_css***************************/
.top_rated_div{
    width: 100%;
    margin-bottom: 0px;
    float: left;
}

.box_top_rated_main{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}


.box_top_rated_main_inner{
    width: 100%;
    box-shadow: 0px 0px 10px grey;
    margin: 0px 19px;
    margin-bottom: 23px;
}


.top_div_inners{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.top_div_inners_left{
    width: 50%;
}

.top_div_inners_left_img{
    width: 100%;
    
}
.top_div_inners_left_img img {
    width: 100%;
}

.top_div_inners_right{
    width: 55%;
    padding: 10px 10px;
}

.maurya_heading{
    font-size: 15px;
    font-weight: 600;
    color: #3c3c3cd4;
}

.a_luxury_pp{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

.new_delhiu_heading{
    font-size: 15px;
    font-weight: 600;
    color: #3c3c3cd4;
    line-height: 26px;
}


.vew_deytail_div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.itc_btn_view{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    background-color: #f73131;
    padding: 4px 15px;
}

.itc_btn_view:hover{
    color: #fff;
    background-color: #f73131;
}

.top_re_img_div {
    width: 77%;
    padding: 0px 7px;
    background-color: #f73131;
    position: relative;
    /* top: 94px; */
    margin-top: -32px;
    color: #fff;
    font-size: 15px;
}



/*********************Top_Rated_Hotels_close_css***************************/




/*********************Top_Rated_Hotels_start_css***************************/



/* CSS definition for functionality */
.responsive-tabs {
  overflow: overlay;
}
.responsive-tabs > input {
  display: none;
}
.responsive-tabs > input:checked + label + section {
  display: block;
}
.responsive-tabs > label {
  display: block;
}
@media (min-width: 768px) {
  .responsive-tabs > label {
    display: inline-block;
  }
}
.responsive-tabs > section {
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .responsive-tabs > section {
    float: left;
  }
}
/* Classes for simple presentation */

.responsive-tabs {
  margin: 20px;
}
.responsive-tabs > input:checked + label {
  background-color: white;
  color: green;
}
.responsive-tabs > label {
  background-color: #eee;
  margin: 0;
  padding: 15px 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .responsive-tabs > label {
    margin-left: -3px;
  }
}
.responsive-tabs > label:not(:first-of-type) {
  border-top: 1px solid #ddd;
}
.responsive-tabs > section {
  background-color: white;
}
/* Classes for better presentation */
.responsive-tabs {
  overflow: overlay;
}
.responsive-tabs > input {
  display: none;
}
.responsive-tabs > input:checked + label {
  background-color: #006fee;
  color: #fff;
  font-weight: 500;
  cursor: default;
  transition: background-color 0.5s linear 0.5s, color 0.5s linear 0.5s;
}
.responsive-tabs > input:checked + label::after {
  /* Flipping arrow
                    transform: translateY(-5px) rotateZ(180deg); */
  opacity: 0;
}
.responsive-tabs > input:checked + label + section {
  max-height: 10000px;
  transition: all 0.5s cubic-bezier(1, 0, 1, 0) 0.5s;
}
@media (min-width: 768px) {
  .responsive-tabs > input:checked + label + section {
    display: block;
  }
}
.responsive-tabs > label {
  position: relative;
  background-color: #eee;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 800;
  padding: 5px 10px!important;
  font-size: 13px;
  box-shadow: 0px 0px 10px grey;
  font-weight: 600;
  margin: 0;
  color: #3c3c3c;
  display: block;
  transition: background-color 0.5s linear, color 0.5s linear;
}
@media (min-width: 768px) {
  .responsive-tabs > label {
    display: inline-block;
    padding: 20px 30px;
    margin-left: -2px;
  }
}
.responsive-tabs > label:not(:first-of-type) {
  border-top: 1px solid #ddd;
}
.responsive-tabs > label::after {
  content: '';
  position: absolute;
  top: 26px;
  right: 25px;
  border-color: #4d4d4d transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  /* Flipping arrow
            transform: rotateY(180deg);
            transition: transform 0.3s linear; */
  transition: opacity 0.5s linear;
}
@media (min-width: 768px) {
  .responsive-tabs > label::after {
    content: none;
  }
}
.responsive-tabs > section {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0, 1, 0, 1);
  width: 100%;
  background-color: white;
  display: block;
}
@media (min-width: 768px) {
  .responsive-tabs > section {
    float: left;
    display: none;
  }
}


/*********************Top_Rated_Hotels_close_css***************************/













/*********************Travel_Agent_Close_css***************************/




/* bootstrap mod: carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2322313F' stroke-miterlimit='10' stroke-width='2' viewBox='0 0 34.589 66.349'%3E%3Cpath d='M34.168.8 1.7 33.268 34.168 65.735'/%3E%3C/svg%3E");
  height: 100px;
  width: 13px;
}

.carousel-control-next-icon {
  transform: rotate(180deg);
}

/* medium - display 4  */
@media (min-width: 768px) {
  #gallery .carousel-inner .carousel-item-right.active,
  #gallery .carousel-inner .carousel-item-next {
    transform: translateX(33.33333%);
  }

  #gallery .carousel-inner .carousel-item-left.active,
  #gallery .carousel-inner .carousel-item-prev {
    transform: translateX(-33.33333%);
  }
}

/* large - display 5 */
@media (min-width: 992px) {
  #gallery .carousel-inner .carousel-item-right.active,
  #gallery .carousel-inner .carousel-item-next {
    transform: translateX(20%);
  }

  #gallery .carousel-inner .carousel-item-left.active,
  #gallery .carousel-inner .carousel-item-prev {
    transform: translateX(-20%);
  }
}

#gallery .carousel-inner .carousel-item-right,
#gallery .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

/* gallery slider */
#gallery .carousel-inner .carousel-item.active,
#gallery .carousel-inner .carousel-item-next,
#gallery .carousel-inner .carousel-item-prev {
  display: flex;
}

@media (max-width: 768px) {
  #gallery .carousel-inner .carousel-item > div {
    display: none;
  }
  #gallery .carousel-inner .carousel-item > div:first-child {
    display: block;
    text-align: center;
    width: 100%;
  }
}

/* modal carousel */
.modal .carousel-indicators {
  margin: 0;
  bottom: -34px;
  left: auto;
}

.modal .carousel-indicators > li {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: transparent;
  margin-right: 0;
  margin-left: 10px;
}

.modal .carousel-indicators > li.active {
  background: #fff;
}

.modal .close,
.modal .carousel-control-prev,
.modal .carousel-control-next {
  opacity: 1;
}

@media (min-width: 992px) {
  .modal .carousel-control-prev {
    left: -140px;
  }

  .modal .carousel-control-next {
    right: -140px;
  }
}

/

.our_clindes_img {
    margin: auto;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.logo_inner_box img{
    position: relative; 
}

.logo_inner_box3 {
    background-color: #000000;
    height:86px;
    box-shadow: 0px 0px 10px grey;
}



/* bootstrap mod addons */
.w-90 {
  width: 90%;
}

.col-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xl-5 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}

.col-5 {
  flex: 0 0 20%;
  max-width: 20%;
  width: 100%;
}


@media (min-width: 576px) {
  .col-sm-5 {
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-5 {
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/*********************Travel_Agent_Close_css***************************/








#resource-slider {
  position: relative;
  top: -13px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 13em;
  margin: auto;
  border-radius: 3px;
  overflow: inherit;
}

#resource-slider .arrow {
  cursor: pointer;
  position: absolute;
  width: 2em;
  height: 100%;
  padding: 0;
  margin: 0;
  outline: 0;
  background: transparent;
}

#resource-slider .arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}

#resource-slider .arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0.75em;
  height: 0.75em;
  margin: auto;
  border-style: solid;
}

#resource-slider .prev {
  left: 0;
  bottom: 0;
}

#resource-slider .prev:before {
  left: 0.25em;
  border-width: 3px 0 0 3px;
  border-color: #333 transparent transparent #333;
  transform: rotate(-45deg);
}

#resource-slider .next {
  right: 0;
  bottom: 0;
}

#resource-slider .next:before {
  right: 0.25em;
  border-width: 3px 3px 0 0;
  border-color: #333 #333 transparent transparent;
  transform: rotate(45deg);
}

#resource-slider .resource-slider-frame {
  position: absolute;
  top: 0;
  left: 2em;
  right: 2em;
  bottom: 0;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  overflow: hidden;
}

#resource-slider .resource-slider-item {
  position: absolute;
  top: 29px;
  bottom: 0;
  width: 34%;
  background-color: transparent;
  height: 147px;
}

#resource-slider .resource-slider-inset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
margin: 0px 4px;
  overflow: inherit;
}

@media (max-width: 60em) {
  #resource-slider .resource-slider-item {
    width: 33.33%;
  }
  #resource-slider {
    height: 10em;
  }

}

@media (max-width: 45em) {
  #resource-slider .resource-slider-item {
    width: 50%;
  }
  
}

@media (max-width: 30em) {
  #resource-slider .resource-slider-item {
    width: 100%;
  }
  #resource-slider {
    height: 10em;
  }

}



.resource_div_inner{
  background-color: #fff;
  padding: 10px;
}


.resource_box_main{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.resource_box_main_left{
  width: 40%;
}


.resource_box_main_right{
  width: 60%;
  padding: 0px 10px;
}

.w_img_width{
  width: 100%;
}


.big_discoun_tes_text{
  font-size: 14px;
  color: #282828;
  font-weight: 600;
}


.sbi_praghrph{
  font-size: 13px;
  color: #171313;
  font-weight: 500;
}


.coupon_btn{
  font-size: 12px;
  text-transform: uppercase;
  background-color: #f73131;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
}



.coupon_btn:hover{
  background-color: #f73131;
  color: #fff;
}





/******************************************************RESPONSIVE CSS*******************************************************/

/*

 * Table of Contents:

 * 	   - Media Queries

 *   0 - media screen and (max-width: 1170px)

 *   1 - media screen and (max-width: 1152px) 

 *   2 - media screen and (max-width: 1024px)

 *   3 - media screen and (max-width: 992px)

 *   4 - media screen and (max-width: 800px)

 *   5 - media screen and (max-width: 768px)

 *   6 - media screen and (max-width: 728px)

 *   7 - media screen and (max-width: 640px)

 *   8 - media screen and (max-width: 500px)

 *   9 - media screen and (max-width: 480px)

 *  10 - media screen and (max-width: 414px)

 *  11 - media screen and (max-width: 375px)

 *  12 - media screen and (max-width: 360px)

 *  13 - media screen and (max-width: 320px)

---------------------------------------------------------------------- */

@media screen and (max-width: 1170px){
.container{
    padding: 0px 15px;
}   
}


@media screen and (max-width: 1152px){
.extensive_mian_div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.extensive_mian_div1 {
    width: 100%;
}
.extensive_mian_div2 {
    width: 100%;
}
.box_top_rated_main_inner {
    width: 29%;
    box-shadow: 0px 0px 10px grey;
    margin: 0px 24px;
    margin-bottom: 23px;
}


}







@media screen and (max-width: 992px){
    .box_top_rated_main_inner {
        width: 45%;
    }
    .big_discoun_tes_text {
      font-size: 11px;
    }
    .sbi_praghrph {
    font-size: 11px;
    margin: 0px;
    }
    .coupon_btn {
    font-size: 10px;
    padding: 4px 1px;
    }
    
    #resource-slider .resource-slider-inset {
        position: absolute;
        top: -23px
    }

}


@media screen and (max-width: 767px){
    .Extensive_main_div {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .extensive_main_inner {
        width: 29%;
        margin: 0px 14px;
        padding: 10px;
        margin-bottom: 20px;
    }
    #resource-slider .arrow {
      cursor: pointer;
      position: absolute;
      height: 100%;
      padding: 0;
      margin: 0;
      top: 20px;
}

}

@media screen and (max-width: 500px){
.background_div_section {
       height: auto;
}
.extensive_main_inner {
    width: 100%;
    margin: 0px 3px;
    padding: 10px;
    margin-bottom: 20px;
}
.big_discoun_tes_text {
  font-size: 11px;
}
.sbi_praghrph {
font-size: 11px;
margin: 0px;
}
.coupon_btn {
font-size: 10px;
padding: 4px 1px;
}

#resource-slider .resource-slider-inset {
    position: absolute;
    top: -23px
}
}


@media screen and (max-width: 800px){
.box_top_rated_main_inner {
    width: 43%;
}
.big_discoun_tes_text {
  font-size: 11px;
}
.sbi_praghrph {
font-size: 11px;
margin: 0px;
}
.coupon_btn {
font-size: 10px;
padding: 4px 1px;
}

#resource-slider .resource-slider-inset {
    position: absolute;
    top: -4px
}
}


@media screen and (max-width:640px){
    .box_top_rated_main_inner {
        width: 100%;
    }

    .name_inn_dives{
    width: 100%;
    position: relative;
    top: 10%;
    }

    .where_name_dubai {
    font-size: 13px;
  }
  .starting_rss_text{
  font-size: 12px;
  }
  .two_packages_btn{
    font-size: 11px;
  }
}



@media screen and (max-width:320px){
  .box_top_rated_main_inner {
      width: 100%;
  }

  .name_inn_dives{
  width: 100%;
  position: relative;
  top: 10%;
  }

  .where_name_dubai {
  font-size: 11px;
}
.starting_rss_text{
font-size: 10px;
}
.two_packages_btn{
  font-size: 9px;
  padding: 5px 3px;
}
}