.mobile_heading h2{ display: none; }



@media (min-width : 768px) {

  .offcanvas {

    visibility      : visible;

    position        : relative;

    background      : none;

    border          : none;

    justify-content : end;

    color           : red;

  }



}



@media (max-width : 767px) {

#botomclass{padding-top: 0px;}
#botomlink{padding-left: 0px;}

  .offcanvas { width : 100% !important; background: #0f245d; }
  .offcanvas-body{ padding: 0; }
  .offcanvas-start-md { top: 0; left: 0; border-right : 1px solid rgba(0, 0, 0, .2); transform: translateX(-100%); }
.header_nav .navbar .container ul li a { padding: 8px 25px; }

.offcanvas-header.d-flex.d-md-none .text-reset.p-0 { float: right; width: 40px; height: 40px; position: absolute; right: 0; color: #0f245d !important; }
.offcanvas-header.d-flex.d-md-none .text-reset.p-0 svg { margin: 10px 10px 0 0px; }
.offcanvas-header.d-flex.d-md-none { padding: 0; text-align: right; width: 40px; height: 40px; text-indent: 999px; }
.top_header img { width: 100%; }
.top_header .col-md-7 { display: none; }
.top_header .logo { width: 80%; }
.btn.btn-danger.navbar-toggler.border-3.px-2 { position: absolute; right: 15px; top: -68px; background: #0f245d; padding: 4px 6px !important; border-color:#0f245d !important; }
.offcanvas-header.d-flex.d-md-none .text-reset.p-0:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 15%; right: 15%; background: #fff; content: ""; border-radius: 4px; position: absolute; height: 4px; margin-top: -2px; -webkit-transition: all .2s linear; transition: all .2s linear; }
.offcanvas-header.d-flex.d-md-none .text-reset.p-0:after{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; left: 15%; right: 15%; background: #fff; content: ""; border-radius: 4px; position: absolute; height: 4px; margin-top: -2px; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.banner .fields_loop{ width: 50%; }
.banner .fields_loop{ width: 50%; }
.banner .col-md-12.fields_loop { width: 100%; }
.banner .btn.btn-primary{ width: 100%; }
.banner .banner_right { margin-top: 35px; }
.banner .banner_right h2 { display: none; }
.block_wrap{ margin: -48px 1em 0px; }
.block_wrap .block_loop { margin-bottom: 20px; }
.btn.btn_pink { margin: 0px auto 20px; display: block; }
.type_area .block_loop { margin-bottom: 20px; }
.news_letter{ padding: 38px 1em 50px 1em; }
.step_loop h2 { margin: 0px auto; display: block; text-align: center; }
.stp_bg, .stp_bg.blue { background-size: 80% 87%; background-position: center bottom; }
.testmonial{ padding: 42px 0 56px; background-repeat: inherit; }
.testmonial_loop { display: flex; flex-direction: column-reverse; }
.testmonial_loop .img_wp{ width: 100%; margin-top: 30px; margin-bottom: 0px;}
.testmonial_loop .right_content{ width: 100%; }
.testmonial_loop .right_content .test_bottom { width: 90%; }
.testmonial_loop .img_wp .title{ width: 72%; margin-left: 2em; }
.testmonial .owl-nav{ bottom: -38px; }
.footer_widget.cards img{ width: 164px; }
.footer_widget ul li span { width: 94%; }
#footer .footer_widget { float: left; margin-bottom: 20px; }
.bottom_footer ul li a { color: #fff !important; font-size: 14px; padding: 10px 6px; }
.bottom_footer .bottom_nav ul li::after { top: 14px; height: 15px; }



.copyright { margin-top: 0; }
.copyright .text-end { text-align: left !important; }
.copyright .text-end br { display: none; }
.mobile_heading h2 { font-size: 28px; font-weight: 500; margin-bottom: 20px; display: block; color: #fff; }


.inner_banner .inner_ban_cont h2 { font-size: 40px; }
.about_content { padding: 30px 0 20px 0; }


.saprator_wrap{ padding: 15px 0; }
.saprator_wrap .loop_saprat{ font-size: 15px; }

.reverse .row { display: flex; flex-direction: column-reverse; }


.inner_banner .inner_ban_cont{ width: 100%; }
.inner_banner .inner_ban_cont{ font-size: 25px; }
.faq_wp_loop { margin-top: 40px; }
.wp_faq { margin: 0 15px; }

.faq_wp_loop .accordion-item h2 button { font-size: 16px; padding-right: 30px; }

.contact_wrap .top_phara h2 { font-size: 30px; }

.info_loop { margin-bottom: 20px; }

.map_wrap { margin-top: 40px; }


.form_bg_col{ padding-left: 15px; padding-right: 15px; }

.progressbar li{ font-size: 10px; }

.border_scrool { overflow: scroll; width: 100%; }

.col-md-4.col-xxl-3.order-first.order-md-last button.btn.btn-outline-primary.w-100.mb-4.d-flex.d-md-none.justify-content-between.align-items-center { color: #0c2a51; border-color: #0c2a51; }
.modal-dialog img{ width: 100%; }

.search_filters li{ padding: 12px 5.2px; }
.fields_booking .form-control{ padding-left:35px; font-size: 14px; }
.fields_booking img { top: 16px; left: 10px; width: 19px; }


.form_bg_col .loop_fields label{ padding-top: 8px; }
.form_bg_col .loop_fields select { height: 40px; width: 90%; }
.form_bg_col .loop_fields input{ width: 96%; }

#card-number { height: 40px; padding-top: 11px; }
#card-expiry { height: 40px; padding-top: 11px; }
.contact_form .form_loop input { height: 40px; }

.saprator_wrap .col-md-8.d-flex.align-items-center { display: block !important; }
.search_form .search_filters ul{ justify-content: flex-start !important; }
.search_filters { border-bottom: 1px solid #E3E3E3; }
.src_wp{ border-bottom: none; border-right: 1px solid #E3E3E3; }
.search_filters li:last-child { border-right: none; }

.copyright span.cop_rihg { float: left; width: 100%; }

.bookin_table { overflow: auto;}

}






@media (max-width : 768px) and (orientation: landscape) {
  .stp_bg, .stp_bg.blue { background-size: auto; background-position: center bottom; }
  .step_loop h2{ margin-left: 0; font-size: 24px; }


  .faq_wrap .left_side h2 { font-size: 19px; }


}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer .col-md-2 { overflow: hidden; }
.footer_widget.cards img { width: 164px; }
.testmonial_loop .img_wp .title { margin-left: 15px; width: 65%; }
.bottom_footer ul li a { padding: 7px 10px; }
.copyright p br{ display: none; }
.step_loop h2 { margin: 0; font-size: 24px; }
.step_loop p{ font-size: 13px; }
.footer_widget p br{ display: none; }

.faq_wp_loop .accordion-button{ padding-right: 55px !important; font-size: 22px !important; }


.box_loop{ padding:20px 10px 40px 10px; }
.box_loop h2 { font-size: 19px; }
.box_loop p span { float: left; width: 64%; }
.box_loop p span br { display: none; }

.inner_banner .inner_ban_cont{ width: 100%; }
.inner_banner .inner_ban_cont h2{ font-size: 40px; }
.contact_form h2{ padding-top: 0px; }

.right_summery .loop_wrap{ padding: 15px 10px 20px 10px; }
.right_summery .loop_wrap.total_price .left h2,.right_summery .loop_wrap.total_price .right h2{ font-size: 18px; }

.right_summery .loop_wrap.extras .loop_price .left { width: 100%; }
.footer_widget ul li span { width: 87%; }


.border_scrool { overflow: scroll; }
.border_scrool table.table.table-striped.booking_table { width: 1000px; }


.testmonial_loop .img_wp .title span.descg{ font-size: 11px; }

.form_bg_col .loop_fields label{ padding-top: 8px; font-size: 14px; }

.contact_form .form_loop input { height: 38px; }

.contact_form .form_loop select, .contact_form .form_loop input { font-size: 12px; height: 39px; }
.contact_form .form_loop textarea{ font-size: 11px; }


.loop_result .title h2{ font-size: 23px; }
.loop_result .img img{ height: auto; }
.loop_result .content_wrp { padding: 0 15px; }
.info_map div span { font-size: 14px; }
.loop_result .title p{ height: 42px; }


.loop_result .content_wrp .price_tag.d-flex .btn_wp button.btn{ width: auto; height: auto; padding-left: 5px; padding-right: 5px;}
.loop_result .content_wrp .info_img .navbar li img { width: 25px; height: 25px; object-fit: cover; }

.right_summery .loop_wrap .loop_price .left h2 { font-size: 13px; }

}


@media only screen and (min-width: 820px) and (max-width: 1180px) {
  .box_loop h2 { font-size: 19px; }

  .testmonial_loop .right_content{ width: 55%; }
  .testmonial_loop .img_wp { width: 43%; }

  .step_loop { height: auto; padding-bottom: 25px; }
}

@media only screen and (min-width: 370px) and (max-width: 812px) and (orientation: landscape)  {
  .form_bg_col .loop_fields label { padding-top: 8px; }
}


.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}