/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo-image {
        width: 125px;
        margin-top: -57px;
    }
    .latest-collection .btn-see-all {
        float: inline-end;
        color: white !important;
        font-weight: 500 !important;
        margin-top: 16px;
        margin-bottom: -55px;
        font-size: 11px;
        background-color: #ffb50a !important;
        margin-bottom: 1rem;
        text-wrap: nowrap;
    }
    .services-section {
        display: table;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}






/* Portrait and Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }
}

/* Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: ruby;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: flex !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: ruby;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: flex !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .card-image {
        height: 204px;
        text-align: center;
        background-color: #dcdcdc40;
    }

    .card-image img {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
    }

    .card-parts-price {
        font-size: 15px;
        color: #faba25;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .card-parts-desc {
        color: #80828d;
        font-size: 8px;
        margin-bottom: 7px;
    }

    .btn-add {
        font-size: 10px;
    }

    .btn-add-qoute {
        font-size: 9.3px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: flex;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .card-image {
        height: 204px;
        text-align: center;
        background-color: #dcdcdc40;
    }

    .card-image img {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
    }

    .card-parts-price {
        font-size: 15px;
        color: #faba25;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .card-parts-desc {
        color: #80828d;
        font-size: 8px;
        margin-bottom: 7px;
    }

    .btn-add {
        font-size: 10px;
    }

    .btn-add-qoute {
        font-size: 9.3px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: flex;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: flex !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .card-image {
        height: 204px;
        text-align: center;
        background-color: #dcdcdc40;
    }

    .card-image img {
        width: -webkit-fill-available !important;
        height: -webkit-fill-available !important;
    }

    .card-parts-price {
        font-size: 15px;
        color: #faba25;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .card-parts-desc {
        color: #80828d;
        font-size: 8px;
        margin-bottom: 7px;
    }

    .btn-add {
        font-size: 10px;
    }

    .btn-add-qoute {
        font-size: 9.3px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: flex;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: flex !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 912px) and (max-device-width: 1368px) and (-webkit-min-device-pixel-ratio: 2) {
    .card-image img {
        width: auto;
        height: inherit;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .item-overlay-subtitle {
        font-family: Poppins, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: 300;
        margin-left: 9px;
        color: gainsboro;
    }

    .item-overlay-title {
        font-family: Poppins, Helvetica, sans-serif;
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 24px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 912px) and (max-device-width: 1368px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .card-image img {
        width: auto !important;
        height: inherit !important;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .item-overlay-subtitle {
        font-family: Poppins, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: 300;
        margin-left: 9px;
        color: gainsboro;
    }

    .item-overlay-title {
        font-family: Poppins, Helvetica, sans-serif;
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 24px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 912px) and (max-device-width: 1368px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .card-image img {
        width: auto;
        height: inherit;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .item-overlay-subtitle {
        font-family: Poppins, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: 300;
        margin-left: 9px;
        color: gainsboro;
    }

    .item-overlay-title {
        font-family: Poppins, Helvetica, sans-serif;
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 600;
        margin-top: 24px;
    }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 344px) and (max-device-width: 882px) and (-webkit-min-device-pixel-ratio: 2) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 6% 0% 6%;
    }

    .forgot-password {
        text-align: center;
        margin: 1% 5% 4% 5%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: contents;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 344px) and (max-device-width: 882px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    /* .welcome-section {
        padding: 4% 6% 0% 12%;
    } */

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: ruby;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* Landscape */
@media only screen and (min-device-width: 344px) and (max-device-width: 882px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .services-section {
        display: table;
    }

    .logo-image {
        width: 125px;
        margin-top: -57px;
    }

    .service-card {
        height: 400px;
    }

    .footer {
        font-size: 10px;
    }

    .profile-menu-part1 img {
        width: 63px;
    }

    .admin-menu {
        margin-left: 19px;
        width: 283px;
    }

    .welcome-section .logo-img {
        margin-left: 5%;
    }

    .welcome-section p {
        font-size: 11px;
    }

    .welcome-section {
        padding: 4% 12% 0% 12%;
    }

    .social-btn-1 img {
        width: 21px;
    }

    .social-btn-1 {
        padding: 12px 20px 12px 17px;
        font-size: 10px;
    }

    .social-btn-2 {
        padding: 10px 19px 10px 19px;
        font-size: 10px;
    }

    .social-btn-2 img {
        width: 24px;
    }

    .login-img {
        height: 264px;
    }

    .filter-group {
        width: 100%;
        padding-top: 15px;
        display: block;
        margin-top: 9%;
        margin-left: -33%;
    }

    .spare-tabs {
        float: inline-end;
        display: contents;
    }

    .right-filter {
        margin-bottom: 11%;
    }

    .card-footer {
        margin-left: 8px;
        margin-bottom: 13px;
    }

    .card-parts-desc {
        margin-left: 8px;
    }

    .card-parts-title {
        margin-left: 8px;
    }

    .card-parts-price {
        margin-left: 8px;
    }

    .card-parts-num {
        margin-left: 8px;
    }

    .next-btn {
        font-size: 12px;
    }

    .pagination-page-num {
        font-size: 11px;
    }

    .prev-btn {
        font-size: 12px;
    }

    .cart-menu {
        margin-left: -21px;
        width: 352px;
    }

    .cart-menu .col-sm-4 {
        width: 35%;
    }

    .cart-menu .col-sm-6 {
        width: 45%;
    }

    .cart-menu .col-sm-2 {
        width: 20%;
    }

    .home-cover {
        min-height: auto;
        background-position: 0% 64%;
    }

    .home-section-title {
        font-size: 33px;
        margin-bottom: 0px;
    }

    .home-section-subtitle {
        font-size: 16px;
    }

    .home-section-desc {
        color: white;
        font-size: 7px;
        font-weight: 300;
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 8px 18px 8px 18px;
        font-size: 9px;
        font-weight: 600;
    }

    .home-search {
        background-color: #f9f9fb;
        margin: 0% 5% 1% 5%;
        padding: 15px 30px 15px 30px;
        border-radius: 5px;
    }

    .home-search-inputs {
        display: ruby;
    }

    .btn-home-search {
        background-color: #373f50;
        color: white;
        padding: 9px 60px 9px 60px;
        font-size: 13px;
        height: fit-content;
        border-radius: 4px;
        align-self: self-end;
        margin-top: 10px;
    }

    .latest-collection .card {
        margin-bottom: 17px;
    }

    .points-background {
        position: absolute;
    }

    .book-service .row {
        width: 100%;
    }

    .book-service .card {
        margin-bottom: 22px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 13px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 17px;
    }

    .discover-camping .campaigns-details {
        margin-bottom: 21px;
    }

    .subscribe-title {
        font-size: 32px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .subscribe-section img {
        width: -webkit-fill-available;
    }

    .footer-useful-link {
        display: contents !important;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 0%;
        margin-top: 33px;
    }

    .copy-right-sec {
        display: flow-root;
    }

    .copy-right-part2 {
        margin-top: 11px;
    }

    .row-footer {
        display: contents;
    }

    .book-service-part1-title {
        font-size: 16px;
    }

    .book-desc {
        padding: 25px 10px 25px 10px;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 16px 12px 16px;
        border-radius: 5px;
        width: 100%;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 11px;
    }

    .discover-camping .campaigns-details .campaigns-service-not-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-decoration-line: line-through !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        margin-top: 10% !important;
        font-weight: 400 !important;
    }

    .discover-camping .campaigns-service-allowed {
        color: #80828d !important;
        font-size: 10.5px !important;
        text-align: start !important;
        margin-bottom: 0px !important;
        font-weight: 400 !important;
    }

    .useful-link {
        margin-top: 2%;
        margin-right: 6%;
    }
}

/* ----------- iPhone 13 Pro Max & iPhone 12 Pro Max ----------- */
@media only screen and (device-width: 428px) and (device-height: 926px) {
    .logo-image {
        width: 100px;
        margin-top: -44px;
    }

    .navbar-collapse {
        z-index: 99;
        background-color: white;
        padding: 15px;
    }

    .me-auto .nav-item {
        margin-right: 0px;
        margin-top: 0px;
    }

    .assistance-btn {
        width: fit-content;
    }

    .notification-cart-menu {
        margin-left: 0px;
    }

    .cart-menu {
        margin-left: -67px;
    }

    .carousel-home .carousel-item img {
        transform: translate(0%, -5%);
    }

    .home-section-title {
        color: #faba25;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .home-section-subtitle {
        font-size: 14px;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .carousel-home .carousel-inner {
        position: relative !important;
        width: 101% !important;
        overflow: hidden !important;
        height: 193px !important;
    }

    .latest-collection-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .latest-collection-desc {
        color: #80828d;
        font-size: 11px;
        margin-top: 18px;
    }

    .latest-collection {
        padding: 5% 6% 20% 6%;
        background-color: #f9f9fb;
    }

    .multicarousel-home .pad15 .card {
        width: 272px;
        z-index: 99999;
    }

    .latest-collection .card-image img {
        width: 100%;
        height: 31vw;
        object-fit: contain;
        margin-top: 6px;
    }
/*
    .book-services2 {
        padding: 6% 0% 6% 1%;
    } */

    .points-background {
        height: 272px;
        width: 22px;
    }

    .book-service-part1-title {
        font-size: 14px;
        font-weight: 700;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 9px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 21px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 20px 12px 10px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 17px;
    }

    .identification-section-part2 {
        padding-left: 18px;
    }

    .identification-title-part2 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 10px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 11px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .discover-camping-title {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 3px;
        color: black;
    }

    .discover-camping .campaigns-details {
        border: 1px solid #e7e8ec;
        padding: 20px 30px 10px 30px;
        border-radius: 5px;
        box-shadow: 0px 3px 8px -1px #3232470d;
        box-shadow: 0px 0px 1px 0px #0c1a4b3d;
        background-color: white;
        height: fit-content;
        margin-bottom: 18px;
    }

    .discover-camping .campaigns-desc {
        color: #80828d;
        font-size: 12px;
        margin-top: 5%;
        height: 0px;
    }

    .campaigns-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .subscribe-title {
        font-size: 22px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .support-section-footer {
        margin-left: 0px;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 5%;
        white-space: nowrap;
    }

    .use-links {
        line-height: 25px;
        margin-bottom: 8%;
    }
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 1) {
    .logo-image {
        width: 100px;
        margin-top: -44px;
    }

    .navbar-collapse {
        z-index: 99;
        background-color: white;
        padding: 15px;
    }

    .me-auto .nav-item {
        margin-right: 0px;
        margin-top: 0px;
    }

    .assistance-btn {
        width: fit-content;
    }

    .notification-cart-menu {
        margin-left: 0px;
    }

    .cart-menu {
        margin-left: -67px;
    }

    .carousel-home .carousel-item img {
        transform: translate(0%, -5%);
    }

    .home-section-title {
        color: #faba25;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .home-section-subtitle {
        font-size: 14px;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .carousel-home .carousel-inner {
        position: relative !important;
        width: 101% !important;
        overflow: hidden !important;
        height: 193px !important;
    }

    .latest-collection-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .latest-collection-desc {
        color: #80828d;
        font-size: 11px;
        margin-top: 18px;
    }

    .latest-collection {
        padding: 5% 6% 15% 6%;
        background-color: #f9f9fb;
    }

    .multicarousel-home .pad15 .card {
        width: 272px;
        z-index: 99999;
    }

    .latest-collection .card-image img {
        width: 100%;
        height: 31vw;
        object-fit: contain;
        margin-top: 6px;
    }

    .book-services2 {
        padding: 6% 0% 6% 1%;
    }

    .points-background {
        height: 272px;
        width: 22px;
    }

    .book-service-part1-title {
        font-size: 14px;
        font-weight: 700;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 9px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 21px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 20px 12px 10px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 17px;
    }

    .identification-section-part2 {
        padding-left: 18px;
    }

    .identification-title-part2 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 10px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 11px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .discover-camping-title {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 3px;
        color: black;
    }

    .discover-camping .campaigns-details {
        border: 1px solid #e7e8ec;
        padding: 20px 30px 10px 30px;
        border-radius: 5px;
        box-shadow: 0px 3px 8px -1px #3232470d;
        box-shadow: 0px 0px 1px 0px #0c1a4b3d;
        background-color: white;
        height: fit-content;
        margin-bottom: 18px;
    }

    .discover-camping .campaigns-desc {
        color: #80828d;
        font-size: 12px;
        margin-top: 5%;
        height: 0px;
    }

    .campaigns-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .subscribe-title {
        font-size: 22px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .support-section-footer {
        margin-left: 0px;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 5%;
        white-space: nowrap;
    }

    .use-links {
        line-height: 25px;
        margin-bottom: 8%;
    }
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 2) {
    .logo-image {
        width: 100px;
        margin-top: -44px;
    }

    .navbar-collapse {
        z-index: 99;
        background-color: white;
        padding: 15px;
    }

    .me-auto .nav-item {
        margin-right: 0px;
        margin-top: 0px;
    }

    .assistance-btn {
        width: fit-content;
    }

    .notification-cart-menu {
        margin-left: 0px;
    }

    .cart-menu {
        margin-left: -67px;
    }

    .carousel-home .carousel-item img {
        transform: translate(0%, -5%);
    }

    .home-section-title {
        color: #faba25;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .home-section-subtitle {
        font-size: 14px;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .carousel-home .carousel-inner {
        position: relative !important;
        width: 101% !important;
        overflow: hidden !important;
        height: 193px !important;
    }

    .latest-collection-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .latest-collection-desc {
        color: #80828d;
        font-size: 11px;
        margin-top: 18px;
    }

    .latest-collection {
        padding: 5% 6% 15% 6%;
        background-color: #f9f9fb;
    }

    .multicarousel-home .pad15 .card {
        width: 272px;
        z-index: 99999;
    }

    .latest-collection .card-image img {
        width: 100%;
        height: 31vw;
        object-fit: contain;
        margin-top: 6px;
    }

    .book-services2 {
        padding: 6% 0% 6% 1%;
    }

    .points-background {
        height: 272px;
        width: 22px;
    }

    .book-service-part1-title {
        font-size: 14px;
        font-weight: 700;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 9px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 21px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 20px 12px 10px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 17px;
    }

    .identification-section-part2 {
        padding-left: 18px;
    }

    .identification-title-part2 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 10px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 11px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .discover-camping-title {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 3px;
        color: black;
    }

    .discover-camping .campaigns-details {
        border: 1px solid #e7e8ec;
        padding: 20px 30px 10px 30px;
        border-radius: 5px;
        box-shadow: 0px 3px 8px -1px #3232470d;
        box-shadow: 0px 0px 1px 0px #0c1a4b3d;
        background-color: white;
        height: fit-content;
        margin-bottom: 18px;
    }

    .discover-camping .campaigns-desc {
        color: #80828d;
        font-size: 12px;
        margin-top: 5%;
        height: 0px;
    }

    .campaigns-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .subscribe-title {
        font-size: 22px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .support-section-footer {
        margin-left: 0px;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 5%;
        white-space: nowrap;
    }

    .use-links {
        line-height: 25px;
        margin-bottom: 8%;
    }
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .logo-image {
        width: 100px;
        margin-top: -44px;
    }

    .navbar-collapse {
        z-index: 99;
        background-color: white;
        padding: 15px;
    }

    .me-auto .nav-item {
        margin-right: 0px;
        margin-top: 0px;
    }

    .assistance-btn {
        width: fit-content;
    }

    .notification-cart-menu {
        margin-left: 0px;
    }

    .cart-menu {
        margin-left: -67px;
    }

    .carousel-home .carousel-item img {
        transform: translate(0%, -5%);
    }

    .home-section-title {
        color: #faba25;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .home-section-subtitle {
        font-size: 14px;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .home-section-desc {
        color: white;
        font-size: 6px;
        font-weight: 300;
    }

    .carousel-home .carousel-inner {
        position: relative !important;
        width: 101% !important;
        overflow: hidden !important;
        height: 193px !important;
    }

    .latest-collection-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .latest-collection-desc {
        color: #80828d;
        font-size: 11px;
        margin-top: 18px;
    }

    .latest-collection {
        padding: 5% 6% 15% 6%;
        background-color: #f9f9fb;
    }

    .multicarousel-home .pad15 .card {
        width: 272px;
        z-index: 99999;
    }

    .latest-collection .card-image img {
        width: 100%;
        height: 31vw;
        object-fit: contain;
        margin-top: 6px;
    }

    .book-services2 {
        padding: 6% 0% 6% 1%;
    }

    .points-background {
        height: 272px;
        width: 22px;
    }

    .book-service-part1-title {
        font-size: 14px;
        font-weight: 700;
    }

    .book-service-part1-desc {
        color: #80828d;
        font-size: 9px;
    }

    .identification-subtitle-part1 {
        margin-top: 3%;
        font-size: 21px;
        font-weight: 700;
        line-height: 30px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 11px;
    }

    .identification-section {
        display: flex;
        background-color: white;
        border: 1px solid #e7e8ec;
        padding: 20px 20px 12px 10px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 17px;
    }

    .identification-section-part2 {
        padding-left: 18px;
    }

    .identification-title-part2 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .identification-subtitle-part2 {
        color: #80828de6;
        font-size: 10px;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 11px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 10px;
    }

    .discover-camping-title {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 3px;
        color: black;
    }

    .discover-camping .campaigns-details {
        border: 1px solid #e7e8ec;
        padding: 20px 30px 10px 30px;
        border-radius: 5px;
        box-shadow: 0px 3px 8px -1px #3232470d;
        box-shadow: 0px 0px 1px 0px #0c1a4b3d;
        background-color: white;
        height: fit-content;
        margin-bottom: 18px;
    }

    .discover-camping .campaigns-desc {
        color: #80828d;
        font-size: 12px;
        margin-top: 5%;
        height: 0px;
    }

    .campaigns-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 4px;
    }

    .subscribe-title {
        font-size: 22px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 11px;
        color: #80828d;
    }

    .support-section-footer {
        margin-left: 0px;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 5%;
        white-space: nowrap;
    }

    .use-links {
        line-height: 25px;
        margin-bottom: 8%;
    }
}

@media (max-width:1000px) {
    .logo-image {
        margin-top: -59px !important;
    }

    .carousel-home .carousel-item img {
        transform: translate(0%, 0%);
    }

    .navbar-toggler {
        margin-bottom: 20px;
    }

    .navbar-login-btn {
        background-color: #faba25;
        font-size: 13px;
        color: white;
        letter-spacing: 0.5px;
        padding: 5px 14px 5px 14px;
        font-weight: 500;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: white;
        z-index: 10;
        padding: 14px 0px 3px 14px;
    }

    .nav-link {
        font-size: 10px;
        font-weight: 500;
        /* padding: 10px 6px; */
        px; */
        /* color: black; */
    }

    .main-btn {
        background-color: #faba25;
        color: white;
        padding: 10px 18px 10px 18px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 5px;
    }

    .home-section-subtitle {
        font-size: 22px;
        color: white;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .right-side {
    border-right: 1px solid #E7E8EC;
    padding-right: 18px;
    height: 30px;
    margin-right: 13px;
    margin-bottom: 11px;
    }

    .carousel-home .carousel-inner {
        position: relative !important;
        width: 101% !important;
        overflow: hidden !important;
        height: 290px !important;
    }
    .carousel-home .carousel-item img {
        transform: translate(0%, 0%);
        height: 290px !important;
    }

    .home-section-title {
        color: #faba25;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0%;
    }

    .home-section-desc {
        color: white;
        font-size: 12px;
        font-weight: 300;
        max-width: 90%;
    }

    .btn-see-all {
        color: white;
        font-weight: 500;
        font-size: 14px;
        background-color: #ffb50a;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 25%;
        margin: 10px auto;
    }

    .book-services2 {
        background-color: #373f50;
        padding: 6% 5% 6% 5%;
    }

    .points-background {
        display: none;
    }

    .book-services2-title {
        font-size: 33px;
        font-weight: 600;
        margin-top: 20px;
        margin-bottom: 0px;
        color: white;
    }

    .info {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .identification-subtitle-part1 {
        margin-top: 1%;
        font-size: 26px;
        font-weight: 700;
        line-height: 61px;
    }

    .identification-desc-part1 {
        color: #80828d;
        font-size: 14px;
        line-height: 1.7;
    }

    .btn-discover-services {
        background-color: #faba25;
        color: white;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-bottom: 25px;
    }

    .identification-title-part2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 9px;
    }

    .subscribe-title {
        font-size: 20px;
        font-weight: 700;
    }

    .subscribe-desc {
        font-size: 13px;
        color: #80828d;
        line-height: 1.7;
        margin-bottom: 0;
    }

    .copy-right-part2 {
        display: flex;
        padding: 10px;
        /* float: inline-end; */
        justify-content: center;
        align-items: center;
    }

    .useful-link h2 {
        padding-bottom: 0px;
        font-size: 15px;
        font-weight: 400;
        color: #faba25;
        margin-bottom: 3%;
        white-space: nowrap;
    }

    .about-us-img {
        margin-bottom: 3%;
    }

    .about-us-img img {
        height: 140px;;
    }

    .service-cover-title {
        line-height: 1.7;
        font-weight: 700;
        color: white;
        font-size: 18px;
    }

    .overlay-img-cover {
        width: 100%;
    }
    .dropdown .show {
    display: block;
    z-index: 999999;
    margin-left: -12px;
    width: 10%;
    }
    .profile-menu-part1 img {
    width: -webkit-fill-available;
    border-radius: 9px;
    width: 80px;
    margin-left: 20px;
    }
    .admin-name {
    padding-top: 0px;
    text-align: center;
    }
    .profile-menu-part2 {
    border-bottom: 1px solid #dcdcdc94;
    padding: 0;
    }
    .dropdown-content a {
    color: black;
    padding: 10px 17px;
    text-decoration: none;
    display: flex;
    font-size: 12px;
    justify-content: center;
    font-family: Poppins, Helvetica, sans-serif;
    font-weight: 500;
    }
    .profile-menu-part3 {
    padding: 10px 2px 0px 2px;
    text-align: center;
    }
    .profile-menu::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        border-color: transparent transparent #FABA25 transparent;
        border-width: 10px;
        border-style: solid;
        top: -13px;
        left: 23px;
        transform: translatey(-50%);
    }
    .logo-footer {
    max-width: 200px !important;
    margin-left: 0px;
    margin-top: 7px;
    width: 120px;
    }
    .useful-link {
    margin-top: 2%;
    margin-right: 0%;
    }
    .useful-link-last {
    margin-top: -3%;
    margin-left: 25%;
    width: 40%;
    }
    .copy-right-sec {
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    border-top: 1px solid #dcdcdc38;
    text-align: center;
    }
    .copy-right-part2 {
    display: flex;
    padding: 10px;
    float: inline-end;
    margin-right: 39px;
    }
    .row-footer {
    padding-left: 2%;
    /* padding-right: 2%; */
    margin-bottom: 1.5%;
    text-align: center;
    }
    .footer-about-icon a {
        margin-left: -20px;

    }


}

/*
    Service
*/
@media (max-width:1000px){
    .book-a-services-progress-bar {
        margin: 0px ;
    }
    .content {
        padding-right: 10%;
        padding-left: 10%;
        margin-bottom: 0%;
        margin-top: 0px !important;
    }
    .select-fleet-title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: -7px;
        margin-left: 20px;
    }
    .btn-myfleet-modal {
        width: 200px;
        margin-bottom: 11px !important;
        margin-top: 30px !important;
        margin-left: 20px;
    }
    .my-fleet-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-top: 3%;
        margin-left: 20px;
    }
    .book-a-services label {
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: 500;
        margin-left: 5px;
    }
    .book-a-services input {
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: 5px;
    }
    .book-a-services .drag-file-area {
        border: 2px dashed #E7E8EC;
        border-radius: 6px;
        margin: 0% 6% 14px 13%;
        padding: 0px 0px;
        width: 79%;
        text-align: center;
        margin: 20px auto;
    }
    .services-description-section {
        margin: 20px auto;
    }
    .add-equipment {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .book-a-services .btn-add-equipment {
        background-color: #373F50;
        width: 50%;
        color: white;
        padding: 11px;
        border: none !important;
        float: inline-end;
        font-size: 13px;
        margin-top: -15px;
        margin-bottom: 6px;
    }
    .book-a-services2 .table {
    padding: 15% 12% 23% 36% !important;
    border: 1px solid #E7E8EC;
    border-radius: 17px !important;
    margin: 20px 2px;
    border-color: #E7E8EC !important;
    }
    .book-a-services2 .table th {
        color: #373F50;
        font-weight: 600;
        font-size: 12px;
        background-color: #e7e8ec57;
        vertical-align: middle;
        border-left: 1px solid #dcdcdc;
    }
    .book-a-services2 .btn-submit {
        width: 50%;
        color: #373F50;
        border: none !important;
        font-size: 15px;
        margin-top: 5px !important;
        margin-bottom: 8px;
    }
    .book-a-services-progress-bar .progress-bar li {
    float: left;
    font-size: 8.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
    }

    /*
    Work shop
    */
    .table {
        padding: 0;
        border: 1px solid #E7E8EC;
        border-color: #e7e8ecba !important;
        margin: 10px -37px;
    }
    .table th {
    color: #80828dcf;
    font-weight: 600;
    font-size: 12px;
    background-color: #F7F8FB;
    vertical-align: middle;
    border-left: 1px solid #80828dcf;
    text-align: center;
    }
    .add-a-services-location select {
        padding: .575rem 0.75rem !important;
        margin-top: 20px;
        margin-left: -2px;
        width: 100%;
    }
    .map-coming-soon {
        position: absolute;
        margin-left: 0px;
        top: 187%;
        transform: translateY(50%);
        font-size: 32px;
        margin-top: 18%;
        color: #FABA25;
    }
    .workshop-location {
        background-color: #e7e8ec45;
        border: 1px solid #E7E8EC;
        padding: 10px 10px 10px 10px;
        border-radius: 5px;
        position: relative;
    }
    .workshop-location-title {
        font-weight: 600;
        margin: -20px auto;
        font-size: 15px;
        color: #1E1F24;
        margin-top: 20px;
        margin-bottom: 4px;
        position: absolute;
        left: 35%;
        top: 0%;
    }
.workshop-location-desc {
        color: #62636C;
        font-size: 12.5px;
        font-weight: 400;
        position: absolute;
        top: 50px;
        left: 35%;
    }
    .add-a-services-location-last {
        /* width: 16%; */
        margin-top: 0px;
        display: inline-block;
    }
    .btn-add-a-services-location {
        /* float: inline-end; */
        background-color: #FABA25;
        color: white;
        border-radius: 5px;
        padding: 7px 15px 7px 15px;
        font-size: 12px;
        margin-top: 12px;
    }
    .btn-cancel {
        background-color: #FFFFFF;
        color: #FABA25;
        border: 1px solid #FABA25;
        width: auto;
        height: auto;
        border-radius: 3px;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        margin-top: 0% !important;
    }
    .select-services-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: -15px;
        margin-left: 13px;
    }
    .select-services .btn-submit {
    /* width: 30%; */
    float: inline-end;
    }
    .show-campaigns-select-date-time {
        padding: 3% 5% 3% 5%;
        text-align: center;
        }
    .show-campaigns-select-date-time-title {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 2%;
    }
    .services-description-section label {
        color: black;
        font-size: 16px;
        font-weight: 600;
        margin-left: 10px;
    }
        .services-description-section p {
        color: #80828dcf;
        font-size: 13px;
        font-weight: 400;
        margin-top: 7px;
        margin-left: 10px;
    }
    .form-control {
        font-size: 13px;
        color: #6c6b6b;
        display: block !important;
        width: 97%;
        margin: 20px auto;
    }

    .form-select {
        font-size: 13px;
        padding: .575rem 0.75rem !important;
        margin-left: 3px;
        width: 97%;
        margin: 10px auto;
    }
    .btn-cancel {
        background-color: #FFFFFF;
        color: #FABA25;
        border: 1px solid #FABA25;
        width: auto;
        height: auto;
        border-radius: 3px;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        margin-top: 0px !important;
    }
    .select-services {
    padding: 0% 0 0 0;
    }
    .services-description {
    padding: 0% 0px 0% 0%;
    }
    .Shopping-Cart-num {
        font-size: 10px;
        color: #9b9b9f;
        font-weight: 500;
        margin-bottom: 2px;
        margin-top: 8px;
    }
    .btn-add-equipment {
        background-color: #373F50;
        width: 34%;
        color: white;
        padding: 11px;
        border: none !important;
        font-size: 13px;
        display: block;
        margin-top: 6px !important;
    }
    .btn-continue {
        background-color: #FABA25;
        color: #FFFFFF;
        border: 1px solid #FABA25;
        width: auto;
        height: auto;
        border-radius: 3px;
        font-size: 14px;
        padding: 10px 20px 10px 20px;
        margin-bottom: 16px;
        /* float: inline-end; */
        margin-right: 5px;
        margin-top: 5%;
    }
    .confirmation-section i {
        color: #42D697;
        font-size: 50px;
    }
    .confirmation-section-title {
        font-size: 20px;
        font-weight: 800;
        color: #1E1F24;
        margin-bottom: 5px;
    }
    .confirmation-section-desc {
        font-size: 13px;
        color: #80828D;
    }
    .btn-back-home {
        background-color: #373F50;
        color: white;
        font-size: 14px;
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
    }



}
/*
        product-new-details
*/
@media (max-width:1000px){

    .content {
        padding-right: 0%;
        padding-left: 0%;
        margin-bottom: 0%;
        margin-top: 0px !important;
    }
    .trucks-details .prev, .trucks-details .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        z-index: 999999;
        background-color: black;
        margin-left: -236px;
        margin-right: 16px;
    }
    .item-title-details {
        font-size: 20px;
        font-weight: 600;
        margin-top: 10px;
    }
    .trucks-details .book-service-trucks-info-part1 {
        border-bottom: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .request-quote-details {
        background-color: #FABA25;
        color: white;
        padding: 5px 40px 10px 40px;
        border-radius: 5px;
        font-size: 14px;
        margin-top: 2%;
    }
    .item-info-details {
        color: #80828dde;
        font-size: 14.1px;
        margin-top: 0%;
        line-height: 23px;
        border-bottom: 1px solid #E7E8EC;
        padding-bottom: 10px;
    }
    .multicarousel .multicarousel-inner {
        transition: 1s ease all;
        float: left;
        display: flex;
        margin-left: -15px;
        width: 1930px !important;
    }
    .multicarousel .leftLst, .multicarousel .rightLst {
        position: absolute;
        border-radius: 13%;
        top: calc(55% - 20px);
    }

}

/*
            spare parts
*/

@media (max-width:1000px){
    .quicksearch {
        background-color: #FABA25;
        color: white;
        padding: 6px 18px 6px 18px;
        display: block;
        margin: 20px auto;
    }
    .right-filter {
        border-radius: 10px;
        padding: 7px 1px 5px 1px;
        border: 1px solid #e7e6e6;
    }
    .card-body {
        flex: 1 1 auto;
        /* padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); */
        color: var(--bs-card-color);
        margin-top: -25px;
        /* margin-bottom: 15px; */
    }
    .function-check .form-check-input {
        margin-top: 6px;
        margin-left: -20px;
    }
    .model-options .form-check-label {
        font-size: 11.7px;
        display: flex;
    }
    .irs--round {
        height: 50px;
        width: 89%;
        margin: 10px auto;
    }
    .filter-group .form-select {
        /* float: inline-end; */
        width: 46%;
        height: fit-content;
        /* margin-right: 13px; */
        margin: auto;
    }
    .sort-by {
        width: fit-content;
        font-size: 14px;
        /* margin-left: -18px; */
        /* margin-left: -13px; */
        margin-top: -32px;
        margin-right: 185px;
    }
    .title-two {
        font-size: 21px;
        font-weight: 600;
        margin-top: 15px;
    }
    .spare-tabs {
        margin: 5px auto;
        float: inline-end;
    }
    .static-value {
        position: absolute;
        left: -5px;
        font-weight: bold;
        font-size: 0.8em;
        color: #444;
        top: 6px;
    }
.spare-grid-img {
        height: 175px !important;
        background-color: #dcdcdc40 !important;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translatey(-50%);
    }
    .spare-grid-img img {
        /* width: auto; */
        /* height: -webkit-fill-available; */
        border-top-left-radius: 9px;
        border-bottom-left-radius: 9px;
        height: 135px;
        width: 200px;
        margin: 20px auto;
    }
    .quote-part1 {
    /* padding-top: 15px; */
    /* padding-right: 11px; */
    /* display: flow-root; */
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
    }
    .boxes-item .card-parts-num {
        font-size: 12px;
        color: #80828D;
        font-weight: 500;
        margin-bottom: -2px;
        margin-left: 0;
    }
    .boxes-item .card-parts-title {
        font-weight: 600;
        margin-bottom: -2px;
        font-size: 14px;
        color: black;
        margin-left: 0;
    }
    .boxes-item .card-stock-out {
        background-color: #FFEAE6;
        margin-right: 5px;
        padding: 3px 6px 3px 5px;
        margin-bottom: 12px;
        border: 1px solid #E00000;
        border-radius: 3px;
        width: fit-content;
        position: relative;
        left: 0;
        margin-bottom: 3px;
    }
    .boxes-item .card-sub-add-section {
        background-color: #F9F9FB;
        border: 1px solid #E7E8EC;
        justify-content: space-evenly;
        align-items: center;
        padding: 0px 14px 0px 12px;
        border-radius: 3px;
        width: fit-content;
        margin-bottom: 0px;
        margin-top: 5px;
        position: absolute;
        left: 0;
    }
    .boxes-item .card-stock-avai {
        background-color: #FFF3D7;
        margin-right: 5px;
        padding: 3px 6px 3px 5px;
        margin-bottom: 12px;
        border: 1px solid #FABA25;
        border-radius: 3px;
        width: fit-content;
        margin-left: 7px;
        position: relative;
        left: 0;
        margin-bottom: 2px;
    }
    .tab-pane .card {
        border: 1px solid #E7E8EC !important;
        margin-bottom: 19px !important;
    }
    .card-parts-num {
        font-size: 12px;
        color: #80828D;
        font-weight: 500;
        margin-bottom: -2px;
        /* margin-left: 55px; */
    }
    .card-parts-title {
        font-weight: 600;
        margin-bottom: -2px;
        font-size: 14px;
        color: black;
        /* margin-left: 42px; */
    }
    .card-image img {
        width: 100%;
        margin: 20px auto;
        height: 30vw;
        object-fit: contain;
    }
    .card-details {
        padding: 10px 13px 0px 12px;
        /* height: 130px; */
        text-align: left;
    }
    .card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
    /* margin-bottom: 10px; */
    }
    .card-stock-out {
        background-color: #FFEAE6;
        margin-right: 5px;
        padding: 3px 6px 3px 5px;
        margin-bottom: 12px;
        border: 1px solid #E00000;
        border-radius: 3px;
        width: fit-content;
        position: relative;
        /* left: 44%; */
        margin-bottom: 3px;
    }
    .card-sub-add-section {
        background-color: #F9F9FB;
        border: 1px solid #E7E8EC;
        justify-content: space-evenly;
        align-items: center;
        padding: 0px 14px 0px 12px;
        border-radius: 3px;
        width: fit-content;
        /* margin-left: 11px !important; */
        margin-bottom: 0px;
        margin-top: 5px;
        position: relative;
        /* left: 43%; */
    }
    .card-stock-avai {
        background-color: #FFF3D7;
        margin-right: 5px;
        padding: 3px 6px 3px 5px;
        margin-bottom: 12px;
        border: 1px solid #FABA25;
        border-radius: 3px;
        width: fit-content;
        /* margin-left: 7px; */
        position: relative;
        /* left: 44%; */
        margin-bottom: 2px;
    }

}

/*
            spare parts Quick order
*/
@media (max-width:1000px){
    .SubTotal {
        /* float: inline-end; */
        font-size: 16px !important;
        margin-bottom: 1px !important;
        margin-top: 9px;
    }
    .Shopping-Cart-num {
        font-size: 10px;
        color: #9b9b9f;
        font-weight: 500;
        margin-bottom: 2px;
        margin-top: 8px;
        font-size: 12px;
        }
        .Shopping-Cart-title {
        font-weight: 600;
        margin-bottom: -5px;
        font-size: 16px;
        margin-top: 10px;
    }
    .Shopping-Cart-sub-add-section {
        background-color: #F9F9FB;
        border: 1px solid #E7E8EC;
        justify-content: space-evenly;
        align-items: center;
        padding: 5px 0px 5px 0px;
        border-radius: 3px;
        width: 150px;
        margin: 15px auto;
    }
}

/*
Service campaings
*/
@media (max-width:1000px){
    .recall-camping {
        padding: 0;
    }
    .recall-camping-title {
        font-size: 25px;
        font-weight: 600;
        margin-top: 2%;
    }
    .recall-camping-desc {
        color: #80828dd4;
        font-size: 13.5px;
        margin-bottom: 5%;
    }
    .recall-camping-section label {
        margin-bottom: 3px;
        font-size: 14px;
        margin-top: 8px;
        font-weight: 500;
        color: #1E1F24;
    }
    .recall-camping-section label {
        margin-bottom: 3px;
        font-size: 14px;
        margin-top: 8px;
        font-weight: 500;
        color: #1E1F24;
    }
    .btn-submit {
        background-color: #FABA25;
        width: 100%;
        margin-top: 2%;
        color: white;
        padding: 10px;
        border: none !important;
    font-size: 14px;
    }

}

/*
    sign-up
*/

@media (max-width:1000px){
    .sign-up-section {
        margin: 3%;
    }
    .sign-up-subtitle {
        text-align: center;
        font-size: 14px;
        color: #80828D;
        margin-bottom: 20px;
    }
    .tab-content .form-control {
        margin-bottom: -6px;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 30px;
        margin-bottom: .125rem;
    }
    .sign-up-section label {
        font-size: 14px;
        margin-bottom: -13px;
        margin-top: 10px;
    }
    .tab-pane .form-control {
        margin-top: 4px;
    }


}
@media (min-width: 1200px) {
    .carousel-home .carousel-item img {
        background-size: cover !important;
        background-blend-mode: multiply !important;
        background-position: 11% 101% !important;
        width: -webkit-fill-available !important;
        height: -webkit-fill-available;
        transform: translate(0%, -25%);
        height: 700px;
    }
}