.slick-arrow{ z-index:111; }

.imagefooter{ width:300px;}

.mobile_logo { display: none; }
  footer .col-md-5:last-child .widgth img {
    max-width: 100%;
    width: auto;
}

footer .widgth.mt-2.pt-4 img { width: 270px; }
@media only screen and (min-width: 320px) and (max-width: 767px){
    .mobile_logo { display: block; width:250px; }
    .web_logo{ display:none; }
    
    
  
    
    
    .block_wrap { margin-bottom: 80px; }
    .block_wrap .bloc_loop { height: auto; padding-bottom: 60px; }
    .block_area { padding: 20px 0 10px; }
    .call_action_rp .right_text h2 { font-size: 22px; line-height: 35px; margin: 10px 0 5px 0; }
    .call_action_rp a.btn.btn_orange { display: block; margin: 0 auto; width: 180px; padding: 6px 0px !important; }
    .call_action_rp .right_text { padding-left: 0px; }
    .type_wrap { padding: 30px 0 30px; }
    .step_wrap { padding: 30px 0; }
    .step_wrap .step_loop { float: none; margin: 0px auto 25px; display: block; }
    .step_wrap .step_loop::before { right: 42%; top: 105%; transform: inherit; background-size: 100%; rotate: 90deg; width: 49px; }
    .step_wrap .col-md-3:last-child .step_loop{ margin-bottom:0px; }
    .step_wrap .title { margin-bottom: 40px; }
    /*.step_wrap .step_loop::after { display: none; }*/
    .step_wrap .step_loop::after {
    top: 36%;
    left: inherit;
    right: inherit;
    rotate: 90deg;
}
    .step_wrap .loop_steprep:nth-child(2n+2) .step_loop::after {
    top: 36%;
    bottom: -40px;
    left: -54%;
}
    .newletter_wrap .left_img img { width: 100%; }
    .newletter_wrap .right_form { text-align: center; padding: 40px 25px; }
    footer .container .first::before { top: -107px; right: 10px; width: 366px; }
    footer a span { float: right; width: 93%; }
    footer .col-md-5:last-child .widgth h2 { float: left; margin-bottom: 30px; margin-top: 10px; }
    footer { padding: 30px 0 0 0; }
    footer .widgth h2 { margin-top: 10px; }
    footer .col-md-5:last-child .widgth { text-align: center; }
    footer .col-md-6:last-child .widgth { text-align: center; }






.banner{ height:auto; padding:0px 0; }
.banner .container{ padding-left:15px; padding-right:15px; }
.banner form.row { margin: 0; background: #fff; padding: 20px 0; }
.banner form.row  .row { margin: 0; }
.search_baner .loop_field_rp { flex: 0 0 100%; padding: 0; overflow: hidden; border-bottom: 1px solid #0D0D0D; }
.loop_field_rp .loop_fields{ width: 94%; }
.loop_field_rp .loop_fields::after { display:none; }
.loop_field_rp:nth-child(2n+2) .loop_fields:after{ display:none; }
.form_search .btn { width: 100px; margin: 25px auto 0; display: block; }
.form_search .col-md-1 { padding-left: calc(var(--bs-gutter-x) * .5); }

.type_wrap .col-md-4:not(:last-child) .type_loop { margin-bottom: 25px; }
.type_wrap .type_loop{ padding-right:0px; }
.type_wrap .type_loop p br { display: none; }


.banner_top{ height: 200px; }
/*.banner_top .info_ban{ padding: 0 25px; }*/
.banner_top .info_ban h2 { font-size: 28px; }


.mobile_search .form_search{ padding: 0 25px; }
.mobile_search .form_search .row .row { margin: 0; }


.slider_wrap .slick-next { right: 0; }
.slider_wrap .slick-prev { left: 0; }

.booking.form_wrap .or_div{ height: 50px; }


.faq_loop { padding-left: 20px; margin-bottom: 50px; padding-right: 20px; }


.loop_info_cont .right_side { width: 52%; margin-left: 0px; }
.loop_info_cont .right_side .social_loop ul li { margin-right: 5px; text-align: center; }

.loop_info_cont .left_side { width: 169px; }

#contactUsForm { padding-left: 0; }
.contact_form .form-control{ width:100%; margin-bottom:0px; }
.contact_form .textarea { width: 100%; }


.about_pg .inner_bg{ display:block; }

.about_pg .inner_bg .content_area { padding: 30px; }
.about_pg .inner_bg .content_area p{ margin:0px; }

.about_pg .img_prt img { width: 100%; }


.navbar-light .navbar-toggler { border-color: #fff; background: #fff; }
.search_baner .row { margin: 0; }

.parking_loop .right_side { padding: 0 15px; }

.parking_sorting { margin-top: 20px !important; padding: 0; }
.parking_sorting .col-md-6.d-flex.justify-content-start { justify-content: inherit !important; display: block !important; }
.parking_sorting ul li a { padding: 7px 5px; margin-right: 0; font-size: 14px; }

.parking_sorting .col-md-6:last-child { margin-top: 20px; }

.moreInfoPopup .col-md-3.d-flex.text-end.align-items-end { right: 0; position: inherit; top: 0; }
.moreInfoPopup .book_now .btn.btn_orange{ width:auto !important; padding:6px 40px !important; }

.moreInfoPopup .modal-body ul li { margin-bottom: 15px; }

.step_wraps li span::after{ display:none; }

.form_wrap_container { padding-right: 0;}
.form_wrap_container .form_wraps { margin-bottom: 20px; padding-right: 0;}
.form_wrap_container .form_wraps:nth-child(2n){ padding-right:15px; }
.form_wrap_container .btn.btn_orange{ width:42%; padding: 6px 25px; }
.step_wraps { margin: 30px 0;}

div#barFixed { margin-top: 40px; float: left; width: 100%; }


.right_wrapper { padding-left:15px; padding-right:15px; }
.right_wrapper .loop_right .left span .form-check { margin-left: 0; }
.bottom_wrpa { padding-left:15px; padding-right:15px; }

header .navbar .navbar-nav li a.active { color: #0D0D0D !important; }

.call_action_rp{ overflow:hidden; }
.port_wrapper .loop_port_info p br { display: none; }
.port_wrapper .seprator .sep_title p { padding: 10px; font-size: 22px; line-height: 35px; }

.contact_form label { width: 100%; text-align: left; }



.navbar.navbar-expand-lg.navbar-light.bg-light{ background:#fff !important; }

.call_action_rp .col-md-5::before { width: 358px; left: 8px; }

footer .container .first::before{ height:130px; }
header img{ height:auto; }

.port_wrapper .seprator .sep_title{ background:#f4793e; height:auto; }

.loop_field_rp { width: 33% !important; overflow: hidden; }


.carousel-control-next, .carousel-control-prev{ width: 2%; }
.carousel-control-next { right: -10px; }
.carousel-control-prev { left: -10px; }

form.row.ajax-form-reviews { width: 100%; margin: 0; padding: 0 15px; }

.loop_info_cont{ text-align: center; }
.loop_info_cont .right_side { width: 100%; margin-left: 0px;}
.loop_info_cont .left_side { width: 100%; text-align: center; justify-content: center; display: flex; }

header .navbar ul.navbar-nav { background: #F4793E; float: left; width: 100%;}
header .navbar .navbar-nav li a { padding: 10px 20px !important; float: left; width: 100%;}
header .navbar .navbar-nav li:last-child a.active { padding: 10px 18px !important; border: none;}
header .navbar .navbar-nav li a.active { background: #EAEAEA;}
header .navbar .navbar-nav li ul.dropdown-menu { float: left; width: 100%; background: #EAEAEA;}


.loop_info_cont .right_side .social_loop ul{ justify-content: center; }



.banner_top.srch .info_ban{ padding-bottom:25px; }
.loop_parking { margin-bottom: 30px; }

.banner_top.banner.srch .info_ban { padding-left: 0; padding-right: 0; }

.banner_top.banner.srch .container { padding: 0 8px; }

.search_baner{ text-align:left; }

.loop_field_rp label:after{ display:none; }
.loop_field_rp label { border-bottom: 1px solid #000; padding-left:10px; }

.loop_parking .list_points{ height:110px; }
.loop_parking .list_points.info li img { width: 25px; }
.moreInfoPopup .modal-header{ flex-shrink: inherit; }
.moreInfoPopup .modal-header .col-md-5 h6, .moreInfoPopup .modal-header .col-md-6 h6 { font-size: 22px; }

.step_wraps li span{ font-size:16px; }

.pop_news .left_img img { height: 160px !important; object-fit: cover; object-position: center; }

.pop_news .right_tab { width: 100% !important; padding: 0 5px; position:inherit !important; }
.pop_news .modal-content{ padding-bottom:25px; }

.pop_news .right_tab .btn-close { background: #fff url(../images/cut.png) no-repeat !important; right: -7px !important; top: -8px !important; background-size: 100% 100% !important; }

.slick-arrow { width: 30px; height: 30px; background-size: 100% 100% !important; }

#search-results { margin-bottom: 0; }
.comp_wrapper { margin-bottom: 0; }

.steps_form_wrap { padding-bottom: 40px; }

.moreInfoPopup .close {
    position: absolute;
    top: 0;
    transform: translate(-50%,0);
    right: -12px;
    cursor: pointer;
}




}

@media only screen and (max-width: 950px) and (min-width: 320px)  and (orientation: landscape){
    .block_wrap .bloc_loop { width: 100%; height: 400px;}
    form.row.ajax-form-reviews { width: 100%; margin: 0; padding: 0 15px; margin-bottom: 100px; }

    .loop_field_rp { width: 33% !important; }

    .port_wrapper .seprator .sep_title{ background:#F4793E; height:auto; }
    .port_wrapper .seprator .sep_title p { padding-left: 22px; font-size:30px; }

    .search_baner{ overflow:hidden; }
    .form_search .btn { width: 100px; margin: 20px auto 0; display: block; }

    footer a span { word-wrap: break-word; }

    .loop_parking .pop_btn ul li a{ width: 65px; }

    .loop_parking .list_points { height: 145px; padding-bottom: 15px; }

    .loop_parking .pop_btn{ margin-bottom:20px; }


    .moreInfoPopup .modal-header .col-md-5 h6, .moreInfoPopup .modal-header .col-md-6 h6{ font-size:22px; }
    .moreInfoPopup .col-md-3.d-flex.text-end.align-items-end{ position:inherit !important; width:100%; }


}


@media only screen and (max-width: 1180px) and (min-width: 820px) and (orientation: landscape){

    .parking_sorting ul li a{ padding:7px 2px; }
    .parking_loop .right_side .pop_btn ul li .btn.btn_orange { font-size: 12px; width: 76px; padding: 4px 0; }
    .loop_field_rp label{ font-size:12px; padding-left:10px; }
    .loop_field_rp label:after{ width: 123%; }
    .block_wrap .bloc_loop{ width:100%; height:545px !important  }
    .block_wrap .bloc_loop p br{ display:none; }
    .call_action_rp .col-md-5::before{ left: 9px; }
    .call_action_rp .right_text p br{ display:none; }
    .type_wrap .type_loop p br{ display:none; }

    .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%); }

    .step_wrap .step_loop { height: 225px; border: 10px solid #f4793e; width: 225px; padding: 14px 20px; }
    .step_wrap .step_loop::before{ display:none; }
    .step_wrap .step_loop::after{ left: -27px; }
   .newletter_wrap .left_img{ height:100%; }
    .newletter_wrap .left_img img { width: 103%; height: 100%; object-fit: cover; }

    .contact_form .form-control{ width:100%; }
    .contact_form .textarea { width: 100%; }

    .content_wrap.booking { margin-bottom: 77px; }

    .loop_slider .slider_content .btn_wrp .btn.btn_orange{ width:auto; }
    .contact_form label{ width:100%; text-align:left; }


.loop_field_rp{ width: 16.2%; }

.loop_parking .pop_btn ul li a{ width: auto; padding: 4px;
}

#searchForm .loop_field_rp {
    float: left;
    width: 20%;
}
    

}



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



    .loop_field_rp label{ padding-left: 0px }
    .loop_field_rp:first-child label{ padding-left: 10px }


    form.row.ajax-form-reviews { margin-bottom: 80px; }
    
    .banner .container{ padding-left:30px; padding-right:30px; }
    .search_baner .col.loop_field_rp { flex: 0 0 33.333%; }


    .block_wrap .bloc_loop{ width:100%; height:550px !important; }

    .block_wrap .bloc_loop p br{ display:none; }

    .type_wrap .type_loop{ padding-right:0px; }
    .type_wrap .type_loop p br{ display:none; }

    .col-md-6.col-lg-3.loop_steprep { margin-bottom: 55px; }
    .step_wrap .step_loop{ float:none; margin:0px auto; display:block; }
    .newletter_wrap .left_img{ height:100%; }
    .newletter_wrap .left_img img { width: 100%; height: 100%; object-fit:cover; }

    .booking.form_wrap .fr_lp .d-flex .form_feld_loop label{ font-size:12px; }

    .contact_form .form-control{ width: 100%; margin-bottom: 0px; }
    .contact_form .textarea { width: 100%; }
    .contact_form textarea.form-control{ margin-bottom:20px; }

    .about_pg .img_prt { height: 100%; }
    .about_pg .img_prt img { width: 100%; height: 100%; object-fit: cover; }

    .parking_sorting span{ font-size:14px; }
    .parking_sorting ul li a{ padding: 4px 3px; margin-right: 5px; font-size: 12px; }

    .form_wrap_container { padding-right: 0; }
    .form_wrap_container .form_wraps:nth-child(2n) { padding-right: 30px; }

    .right_wrapper,.bottom_wrpa{ padding-left:15px; padding-right:15px; }


    .search_baner{ overflow:hidden; }

    .form_search .col-md-1{ position:relative; }
    .form_search .btn { position: absolute; top: 50%; transform: translateY(-50%); left:0; }

    .slick-prev { left: -15px; }
    .slick-next { right: -15px; }


    .moreInfoPopup .modal-body ul li { margin-bottom: 20px; }
    .step_wraps li span::after { left: -8px; width: 15px; border: 1px solid #0D0D0D; top: inherit; z-index: -11; transform: translateY(-50%); bottom: 12px; }
    .step_wraps li:last-child span::after { width: 15px; left: -14px; }

    .right_wrapper .loop_right .left span .form-check { margin-left: 0; font-size: 14px; }

    .step_wraps { margin-bottom: 50px; }

    .navbar-light .navbar-toggler { border-color: #fff; background: #fff; }

    .call_action_rp .col-md-5::before{ background-size:75%; }


    .call_action_rp .right_text p br { display: none; }

    header .navbar .navbar-nav li a.active { color: #0D0D0D !important; }

    .step_wrap .loop_steprep .step_loop:before{ display:none; }

    .banner{ padding:80px 0; }

    .content_wrap.booking { margin-bottom: 85px; }

    div#search-results { margin-bottom: 90px; }

    header img{ height:81px; width:150px; }

    .loop_slider .slider_content .btn_wrp .btn.btn_orange {
    width: 100%; }

    .contact_form label{ text-align:left; }

    .call_action_rp .col-md-5::before { top: -51px; left: -5px; width: 390px; }

    .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 40%, #F4793E 40%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 40%, #F4793E 40%, #F4793E 100%);


}


.loop_parking .title_list .price_as .price {
    font-size: 16px;
}
.loop_parking .title_list .price_as h3 {
    margin: 2px 0px 0px 5px; font-size: 14px;
}
.loop_parking .pop_btn{ padding:0 5px; }
.loop_parking .pop_btn ul li a {
    width: auto; padding: 4px 4px;
}

footer a span{ word-break: break-all; }
.col-sm-4.col-md-4 .widgth img{ width:100%; }


.moreInfoPopup .modal-header {
    flex-shrink: inherit; position: inherit;
}
.moreInfoPopup .col-md-3.d-flex.text-end.align-items-end { right: 0; top: inherit; bottom: 0; position:inherit; width:100%; }

.moreInfoPopup .book_now .btn.btn_orange {  height: auto; }
.moreInfoPopup .close{ top:0; right:-9px; transform:inherit; }

.loop_parking .list_points.info li img { width: 19px; }


}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .moreInfoPopup .close{ right:-29px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .moreInfoPopup .modal-content { padding: 0 10px 10px; }
    .moreInfoPopup .modal-dialog.modal-xl { max-width: 80%; }

    .search_baner .loop_field_rp { flex: 0 0 33%; border-bottom: 1px solid; }
    header .navbar .navbar-nav li a.active{ border: none; }
    .right_wrapper .loop_right{ font-size: 15px; }
    .booking_loop .loop_boking .btn.btn_orange img{ left: 28%; }

     .loop_field_rp label{ padding-left: 10px }
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  and (orientation: landscape) {

    .loop_field_rp { float: left; width: 150px; }
    .loop_field_rp:nth-child(3n), .loop_field_rp:nth-child(5n) { width: 130px; }

    .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 25%, #F4793E 25%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 25%, #F4793E 25%, #F4793E 100%); }

    .step_wrap .step_loop { width: 225px; height: 225px; padding: 40px 15px; }

    .step_wrap .step_loop::after{ left: -25px; }

    

    .parking_loop .right_side .pop_btn ul li .btn.btn_orange { font-size: 11px; width: 75px; padding: 5px 0; }

    .step_wraps li span::after { left: -35px; width: 64px; }

    .call_action_rp .col-md-5::before{ background-size:87%; }

    header .navbar .navbar-nav li a.active { color: #0D0D0D !important; }


/*    .block_wrap .bloc_loop{ height:410px !important; }*/

.port_wrapper .seprator .sep_title p{ font-size:28px; }

.block_wrap .bloc_loop { height: 410px !important; }

.booking_loop .loop_boking .btn.btn_orange img{ left: 35%; }

.step_wraps li:last-child span::after {
    width: 64px;
    left: -35px;
}
#searchForm .loop_field_rp {
    float: left;
    width: 20%;
}

}

/*****/

@media only screen and (min-width: 1024px) and (max-width: 1366px)  and (orientation: portrait) {


.step_wrap .step_loop { height: 220px; width: 220px; padding: 25px 20px; }
.step_wrap .step_loop::after{ left: -25px; }

.navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%); }

    header .navbar .navbar-nav li a.active { color: #fff !important; }
    .call_action_rp .col-md-5::before { background-size: 88%; }

    .parking_loop .right_side .pop_btn ul li .btn.btn_orange { font-size: 11px; width: 75px; padding: 6px 0; }

}

@media only screen and (max-width: 748px) and (min-width: 576px) {
    footer .widgth h2{ width: 100%; }
    footer .col-sm-4.col-md-4 .widgth img { width: 100%; }
    footer a span { width: 88%; }
}


@media only screen and (min-width: 320px) and (max-width: 896px) and (orientation: landscape){
    .step_wraps li span::after{ display:none; }
    .loop_slider .slider_content .btn_wrp .btn.btn_orange { width: 100%; padding-left: 0; padding-right: 0; }
    .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%);
}
    
}



@media screen and (min-width: 1920px) and (max-width: 4000px)  {

    .navbar.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient( 135deg, #fff 0%, #fff 35%, #F4793E 35%, #F4793E 100%);
    background-image: linear-gradient( 135deg, #fff 0%, #fff 40%, #F4793E 40%, #F4793E 100%); }
}