/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container {
        max-width: 1120px;
    }
    /* category area */
    .cat_hero_top_content {
        left: calc((100% - 1120px) / 2 + 15px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: 992px;
    }
    header .button {
        font-size: 16px;
    }
    .border_right::before {
        width: 202px;
    }
    .cat_hero_top_content {
        left: calc((100% - 992px) / 2 + 15px);
    }
    .search_area .type-product-rental {
        left: 190px;
        top: 73px;
    }
}

@media (max-width: 1199.98px) {
    .input_box {
        font-size: 14px;
    }
    .search_area {
        max-width: 1007px;
    }

    /* category area */
    .cat_content_box {
        padding: 20px 20px;
    }
    .title_md {
        font-size: 17px;
    }
    .cat_location {
        padding-top: 10px;
    }
    .cat_content_box .p1 {
        font-size: 13px;
        padding-top: 15px;
    }
    .date_price_box {
        padding-top: 40px;
    }
    .price_box {
        margin-left: 15px;
    }
    .price_box p {
        font-size: 12px;
    }
    .price_box h3 {
        font-size: 14px;
    }
    .date_box {
        margin-left: 15px;
    }
    .date_box p {
        font-size: 12px;
        padding-left: 10px;
    }

    /* map area */
    .map_social_content li {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    header .button {
        font-size: 15px;
    }
    .border_right::before {
        width: 110px;
    }
    .cat_hero_top_content {
        left: calc((100% - 720px) / 2 + 15px);
    }
    .menu-drop-rental{
        width: 18%;
        left: 20%;
    }
    .sticky-top .sub-menu-country{
        left: 38%;
        width: 18%;
    }
    .dispo-next-date {
        width: 40%;
    }
}

@media (max-width: 991.98px) {
    .home_bg {
        width: 100%;
    }
    .shape {
        width: 80%;
    }
    .col_md_6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .hover_wrap .hover_box:hover {
        max-width: 41%;
        flex: 0 0 41%;
    }
    .search_area {
        max-width: calc(100% - 30px);
    }
    .tab_area .nav-pills li {
        padding: 0 20px;
    }

    /* category area */
    .category_hero_content p br {
        display: none;
    }
    .cat_selecet_box {
        justify-content: start;
    }
    .cat_col {
        padding-left: 15px;
    }
    .button.orange.cat_btn {
        width: 100%;
        max-width: 145px;
    }
    .dispo-next .title-month-dispo {
        width: 46%;
    }
    .dispo-next .dispo-angle-left {
        width: 25%;
    }
    .dispo-next .dispo-angle-rigth {
        width: 28%;
    }
    .search_area .type-product-rental {
        left: 0;
        top: 210px;
    }
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
    .menu {
        background-color: #ffffff;
    }
    .menu li {
        display: block;
        padding: 0 12px;
    }
    .menu li a {
        padding: 10px 8px 6px;
        margin-top: 0;
        display: inline-block;
    }

    .hamburger-menu {
        display: block;
    }
    .ofcavas-menu {
        display: block;
    }
    .alert {
        display: none;
    }
    .shape {
        width: 100%;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        opacity: 0.65;
    }
    .hero_area .owl-dots {
        right: 50%;
        transform: translateX(50%);
    }
    .title_box .media-body {
        padding-left: 15px;
        margin-left: 15px;
    }
    footer {
        text-align: center;
    }
    .copyright {
        margin-top: 40px;
    }
    .title {
        font-size: 24px;
    }
    .border_right::before {
        display: none;
    }
    .premium_box {
        flex-wrap: wrap;
    }
    .premium_box .img_bg {
        width: 100%;
        padding-top: 100%;
    }
    .social_icons {
        right: 0;
        top: auto;
        display: flex;
        justify-content: center;
        width: 100%;
        bottom: 60px;
    }
    .social_icons a {
        margin: 0 5px;
    }
    .hero_area .item.v2 {
        padding: 60px 15px 113px;
    }
    .premium_area {
        padding: 40px 0;
    }
    .tab_area .nav-pills li a {
        font-size: 17px;
    }
    .tab_area table tr td:first-child {
        width: 67%;
    }
    .cart_img {
        width: 160px;
    }
    .cart_content p {
        font-size: 12px;
    }
    .cart_content .price {
        font-size: 20px;
        padding: 7px 20px;
    }
    .thumbnails {
        width: 210px;
    }
    .cart_box {
        flex-wrap: wrap;
    }
    .cart_box .cart_img {
        width: 100%;
        padding-top: 70%;
    }
    .accordion_btn {
        padding: 15px 20px 15px 55px;
        font-size: 17px;
    }
    .accordion_btn::before {
        left: 20px;
    }
    .accordion_btn[aria-expanded="true"]::after {
        left: 25px;
    }
    .accordion_btn img {
        margin-left: 5px;
    }
    .accordion .form_box {
        padding: 35px 20px 10px;
    }

    /* category area */
    .cat_hero_top_content {
        left: calc((100% - 540px) / 2 + 15px);
    }
    .cat_box_wrapper {
        flex-wrap: wrap;
    }
    .cat_img {
        width: 100%;
        padding-top: 70%;
    }

    /* modal 1 */
    .modal_main_wrapper .modal-dialog {
        max-width: 480px;
    }
    .modal1_wrapper {
        padding: 35px 30px;
    }
    .modal_checkbox {
        padding-right: 20px;
    }
    .modal_checkbox label {
        font-size: 12px;
    }
    .modal_checkbox label::before {
        top: -4px;
    }
    .accordian_check_box input:checked + label::after {
        top: 0px;
    }
    .map_address_wrapper {
        padding: 50px 0 75px;
        text-align: center;
    }
    .map_address_col {
        margin-left: 0;
    }
    .map_social {
        justify-content: center;
    }
    .step_wrap {
        margin-top: 25px;
    }
    .side_box.v4 .media {
        justify-content: center;
    }
    .side_box.v4 .media .media-body {
        flex: 0;
        min-width: 182px;
    }
    .dispo-next-content .dispo-next-list{
        padding: 39px 0px 39px 14px;
    }
    .dispo-next .title-month-dispo {
        width: 46%;
    }
    .dispo-next .dispo-angle-left {
        width: 25%;
    }
    .dispo-next .dispo-angle-rigth {
        width: 28%;
    }
    .dispo-next-date {
        width: 40% !important;
    }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
    .hero_area {
        text-align: center;
    }
    .hero_area .d-flex {
        justify-content: center;
    }
    .hero_area .item {
        padding: 60px 0 110px;
    }
    .col_md_6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .owl-nav {
        width: calc(100% + 30px);
    }
    .slider_inner .nav_btn {
        width: 100vw;
    }
    .slider_inner .nav_btn button,
    .owl-nav button {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    .hover_wrap {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }
    .hover_wrap .hover_box {
        height: 350px;
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
    }
    .content_box {
        visibility: visible;
    }
    .hover_wrap .hover_box img {
        top: 30px;
        visibility: visible;
    }
    .hover_wrap .hover_box h2 {
        font-size: 20px;
        bottom: 3px;
    }
    .hover_wrap .hover_box::before {
        opacity: 0.55;
    }
    .title {
        font-size: 22px;
    }
    body {
        line-height: 1.4;
        font-size: 15px;
    }
    .subscribe_box .button {
        max-width: 100%;
    }
    .subscribe_box {
        padding: 25px 25px;
    }
    .title_md {
        font-size: 11px;
    }
    .cart_content .price {
        top: -18px;
    }
    .favourite {
        right: 10px;
        top: 10px;
        max-width: 50px;
    }
    .user_price .title_msm {
        padding-left: 22px;
        margin-left: 10px;
        font-size: 16px;
    }
    .fiche_product .item {
        padding-bottom: 60px;
    }
    .hero_area .user_content {
        padding: 12px 40px;
        margin-top: 30px;
        text-align: left;
        display: inline-flex !important;
        justify-content: center;
    }
    .tab_area .nav-pills li {
        margin-top: 10px;
    }
    .tab_area table {
        font-size: 14px;
    }
    .tab_area table tr td {
        padding: 0 15px;
    }
    .tab_area table tr td:first-child {
        width: 62%;
    }
    .thumbnails {
        right: 15px;
        bottom: 15px;
        width: 180px;
    }
    .breadcrumb li,
    .breadcrumb li a {
        font-size: 13px;
    }
    .form_box {
        padding: 25px 20px;
    }
    .heading_box {
        padding: 15px 20px;
    }
    .side_box {
        padding: 25px 20px;
    }
    .accordion_btn img {
        margin-left: 0px;
    }
    .accordion .button.blue {
        font-size: 15px;
        width: 100%;
    }
    /* category area */
    .carte img {
        padding-left: 10px;
    }
    .carte span {
        padding-right: 30px;
        padding-left: 22px;
    }
    .cat_content_box {
        padding: 15px 15px;
    }
    .category_hero_content h2 br {
        display: none;
    }
    .category_hero_content h2 {
        font-size: 25px;
    }
    .category_hero_content p {
        font-size: 13px;
    }
    .cat_btn {
        font-size: 15px;
        padding: 8px 16px;
    }
    .price_box {
        margin-left: 10px;
    }
    .date_box p {
        padding-left: 7px;
    }

    /* modal 1 */
    .modal1_wrapper {
        padding: 20px 15px;
    }

    /* modal 2 */
    .modal2_wrapper {
        padding: 25px 15px;
    }
    .modal_main_wrapper2 .modal-dialog {
        width: 360px;
    }
    .modal2_wrapper p br {
        display: none;
    }
    .date_price_box {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .date_box {
        margin-bottom: 10px;
    }
    .price_box {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .range_box .irs-to {
        margin-top: -24px;
    }
    .email_tel_box {
        width: 100%;
        flex-wrap: wrap;
    }
    .email_tel_box .email_box {
        width: 100%;
    }
    .email_tel_box .tel_box {
        margin-left: 0;
        width: 100%;
    }
    .map_address_col {
        margin-left: 0px;
    }
    .map_form_wrapper {
        padding: 30px 25px 30px 25px;
    }
    .button.orange.cat_btn {
        max-width: 100%;
        margin-top: 10px;
    }
    .date_price_box {
        padding-top: 30px;
    }
    .cart_content .button {
        max-width: 100%;
    }
    .connexion_box {
        padding-top: 40px;
    }
    .connexion_box .tab-content {
        padding: 25px 20px;
    }
    .cat_hero_top_content {
        left: 15px;
    }
    .dispo-next-content .dispo-next-list{
        flex-wrap: wrap;
    }
    .dispo-next-content .dispo-next-list .cost-booking{
        width: 22% !important;
        text-align: left !important;
    }

    .search_area .type-product-rental {
        left: 0;
        top: 194px;
        z-index: 1;
        width: 99% !important;
    }
    .dispo-next-date {
        width: 43% !important;
    }
    .cont-contact .form-contact .map_check_civ{
        display: block;
    }
}