/* media queries */
@media (min-width: 3600px){
    body {
        font-size: 3rem;
        line-height: 4rem;
    }
    .h1, h1 {
        font-size: 6rem;
    }
    .h3, h3 {
        font-size: 4rem;
    }
    .h4, h4 {
        font-size: 3.5rem;
    }
    .navbar {
        padding: 30px 20px;
    }
    .nav-link, .pre-booking, .pre-booking .form-select {
        font-size: 3rem!important;
    }
    .banner{
        padding-top: 13%;
    }
    .banner-content h1 {
        font-size: 8rem;
        padding-bottom: 4rem;
    }
    .banner-content p {
        margin-bottom: 6rem;
    }
    .iphone-button {
        padding: 30px 40px !important;
        font-size: 3rem;
        border-radius: 80px;
    }
    .pre-booking{
        top: 34%;
    }
    .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
        border-bottom: 3px solid #1a1a1a;
    }
    #myTabContent input, #myTabContent .form-select {
        margin-left: 0.5rem;
        margin-top: 1rem;
    }
    .pre-booking .nav-item .nav-link{
        padding: 2rem;
    }
    .pre-booking .tab-content {
        padding: 2rem!important;
    }
    #myTabContent .location {
        border: 3px solid #BABABA;
        padding: 1rem;
    }
    #myTabContent .datetime, #myTabContent .passengers, #myTabContent .luggage {
        border: 3px solid #D1D1D1;
        padding: 1rem;
        width: 26%;
    }
    #myTabContent .mt-3{
        margin-top: 2rem!important;
    }
    .location-img, .datetime-img, .passengers-img, .luggage-img{
        width: 5%;
    }
    .location-img>img, .datetime-img>img, .passengers-img>img, .luggage-img>img{
        width: 100%;
    }
    .switch-container {
        width: 22%;
    }
    .switch-container .form-check-label {
        margin-bottom: 2rem;
    }
    .card {
        padding: 50px;
    }
    .card-title {
        font-size: 3.5rem;
    }
    .card .card-icon {
        max-width: 25%;
    }
    .advantages .card{
        padding: 5% 8%!important;
    }
    .advantages .card-description {
        height: 12rem;
        font-size: 2.5rem;
        line-height: 2.9rem;
    }
    #collectionCarContent .card-description span{
        font-size: 1.7rem;
    }
    .cars-section .car-info span {
        font-size: 2.5rem;
    }
    .cars-section h4 {
        font-size: 2.5rem;
    }
    .cars-section p{
        font-size: 3.5rem;
    }
    .advantages{
        top: 70%;
    }
    .services-section{
        padding: 14% 0%;
        padding-top: 16%;
    }
    .blank-container {
        height: 80rem;
    }
    .car-img-container {
        padding: 15% 0%;
        height: 40rem;
    }
    #collectionCarContent .card-description{
        height: 15rem;
    }
    .car_type_description {
        height: 9rem !important;
        display: flex;
        align-items: flex-end;
    }
    .cars-section .fa-circle {
        font-size: 1rem;
    }
    .cars-section .nav-item .nav-link, .other-services-section .nav-item .nav-link{
        padding: 1rem;
    }
    #collectionCarContent .card-description{
        font-size: 1.8rem;
    }
    .booking-content>h1, .booking-content .pb-2{
        padding-bottom: 2rem!important;
    }
    .questions-section {
        padding: 5% 11%;
    }
    .question {
        margin-bottom: 3rem;
    }
    .question button{
        font-size: 3rem;
        text-align: left;
    }
    .questions-section .pb-2{
        padding-bottom: 2rem!important;
    }
    .partner-list .sister-companies {
        width: 27%;
        font-size: 3.5rem;
    }
    .mobile-content {
        max-width: 45%;
    }
    .mobile-content>h1 {
        padding-bottom: 3rem;
        font-size: 6rem;
    }
    .mobile-content .pb-3 {
        padding-bottom: 3rem!important;
    }
    .mobile-img-container {
        max-width: 40%;
    }
    .mobile-img {
        width: 100%;
        height: auto;
    }
    .mobile {
        padding-top: 3%;
    }
    .mobile-content .description{
        max-width: 85%;
    }

    .store-icon {
        width: 400px;
    }
    .social-media-icons li>a {
        padding: 1.3rem 2rem;
        margin-right: 1rem;
        border-radius: 50%;
    }
    .footer-brand {
        width: 250px;
    }
    .footer-container .mb-2 {
        margin-bottom: 1.5rem!important;
    }
    .footer-container .mt-4 {
        margin-top: 4rem!important;
    }
}
@media (min-width: 2560px) and (max-width: 3599px){
    body {
        font-size: 2.3rem;
        line-height: 3.3rem;
    }
    .h1, h1 {
        font-size: 3.8rem;
    }
    .h4, h4 {
        font-size: 2.4rem;
    }
    .navbar {
        padding: 30px 20px;
    }
    .nav-link, .pre-booking, .pre-booking .form-select {
        font-size: 2.2rem!important;
    }
    .banner{
        padding-top: 13%;
    }
    .banner-content h1 {
        font-size: 6rem;
        padding-bottom: 3rem;
    }
    .banner-content .banner-buttons{
        padding-top: 3rem;
    }
    .iphone-button {
        padding: 35px 65px !important;
        font-size: 2.2rem;
        border-radius: 68px;
    }
    .whatsapp {
        padding: 35px 65px !important;
        padding-bottom: 32px!important;
    }
    .whatsapp img {
        margin-bottom: 0.3rem;
        width: 20%;
    }

    .pre-booking{
        top: 34%;
    }
    .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
        border-bottom: 3px solid #1a1a1a;
    }
    #myTabContent input, #myTabContent .form-select {
        margin-left: 0.5rem;
        margin-top: 1rem;
    }
    .pre-booking .nav-item .nav-link{
        padding: 2rem;
    }
    .pre-booking .tab-content {
        padding: 2rem!important;
    }
    #myTabContent .location {
        border: 3px solid #BABABA;
        padding: 1rem;
    }
    #myTabContent .datetime, #myTabContent .passengers, #myTabContent .luggage {
        border: 3px solid #D1D1D1;
        padding: 1rem;
        width: 26%;
    }
    #myTabContent .mt-3{
        margin-top: 2rem!important;
    }
    .location-img, .datetime-img, .passengers-img, .luggage-img{
        width: 5%;
    }
    .location-img>img, .datetime-img>img, .passengers-img>img, .luggage-img>img{
        width: 100%;
    }
    .switch-container {
        width: 22%;
    }
    .switch-container .form-check-label {
        margin-bottom: 2rem;
    }
    .card {
        padding: 50px;
    }
    .card-title {
        font-size: 2.5rem;
    }
    .card .card-icon {
        max-width: 25%;
    }
    .advantages .card{
        padding: 5% 8%!important;
    }
    .advantages .card-description {
        height: 12rem;
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
    #collectionCarContent .card-description span{
        font-size: 1.7rem;
    }
    .cars-section .car-info span {
        font-size: 1.7rem;
    }
    .cars-section h4 {
        font-size: 30px;
    }
    .cars-section p{
        font-size: 1.8rem;
    }
    .advantages{
        top: 68%;
    }
    .services-section{
        padding: 14% 0%;
        padding-top: 16%;
    }
    .blank-container {
        height: 900px;
    }
    .car-img-container {
        padding: 15% 0%;
        height: 20rem;
    }
    .cars-section .fa-circle {
        font-size: 1rem;
    }
    .cars-section .nav-item .nav-link, .other-services-section .nav-item .nav-link{
        padding: 1rem;
    }
    #collectionCarContent .card-description{
        font-size: 1.8rem;
    }
    .booking-content>h1, .booking-content .pb-2{
        padding-bottom: 2rem!important;
    }
    .questions-section {
        padding: 5% 11%;
    }
    .question {
        margin-bottom: 35px;
    }
    .question button{
        font-size: 2.1rem;
    }
    .questions-section .pb-2{
        padding-bottom: 2rem!important;
    }
    .partner-list .sister-companies {
        width: 27%;
        font-size: 3.5rem;
    }
    .mobile-content {
        max-width: 45%;
    }
    .mobile-content>h1 {
        padding-bottom: 3rem;
        font-size: 4.5rem;
    }
    .mobile-content .pb-3 {
        padding-bottom: 3rem!important;
    }
    .mobile-img-container {
        max-width: 40%;
    }
    .mobile {
        padding-top: 3%;
    }
    .mobile-content .description{
        max-width: 85%;
    }

    .store-icon {
        width: 250px;
    }
    .social-media-icons li>a {
        padding: 1.3rem 2rem;
        margin-right: 1rem;
        border-radius: 50%;
    }
    .footer-brand {
        width: 250px;
    }
    .footer-container .mb-2 {
        margin-bottom: 1.5rem!important;
    }
    .footer-container .mt-4 {
        margin-top: 4rem!important;
    }
}
@media (min-width: 2400px) and (max-width: 2559px) {
    body {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
    .h1, h1 {
        font-size: 3.8rem;
    }
    .h4, h4 {
        font-size: 2.4rem;
    }
    .banner-content h1 {
        font-size: 6rem;
        padding-bottom: 3rem;
    }
    .iphone-button {
        padding: 20px 40px !important;
        font-size: 2rem;
        border-radius: 48px;
    }
    .whatsapp {
        padding-bottom: 21px!important;
    }
    .banner-content .banner-buttons{
        padding-top: 3rem;
    }
    .pre-booking{
        top: 33%;
    }
    .card {
        padding: 50px;
    }
    .card-title {
        font-size: 2rem;
    }
    .advantages .card-description {
        height: 10rem;
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    #collectionCarContent .card-description span{
        font-size: 1.7rem;
    }
    .cars-section .car-info span {
        font-size: 1.7rem;
    }
    .advantages{
        top: 64%;
    }
    .services-section{
        padding: 14% 0%;
        padding-top: 16%;
    }
    .blank-container {
        height: 1000px;
    }
    .car-img-container {
        padding: 15% 0%;
        height: 20rem;
    }
    #collectionCarContent .card-description{
        font-size: 1.8rem;
    }
    .booking-content>h1, .booking-content .pb-2{
        padding-bottom: 2rem!important;
    }
}
@media (min-width: 1900px) and (max-width: 2399px) {
    body {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .navbar {
        padding: 25px 20px;
    }
    .banner{
        padding-top: 11%;
    }
    .banner-content {
        max-width: 60%;
    }
    .banner-content h1 {
        font-size: 4.5rem;
        margin-bottom: 60px;
    }
    .banner-content p {
        margin-bottom: 60px;
    }
    .h1, h1 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .pre-booking {
        font-size: 1.5rem!important;
        line-height: 2rem;
        top: 30%;
    }
    .pre-booking .form-select{
        font-size: 1.5rem!important;
    }
    .services-section{
        padding: 15% 0%;
    }
    .nav-link {
        font-weight: 600;
        font-size: 1.5rem;
        padding: 1.5rem;
    }
    .iphone-button{
        padding: 20px 40px !important;
        border-radius: 55px;
        font-size: 1.4rem;
    }
    #myTabContent .datetime, #myTabContent .passengers, #myTabContent .luggage{
        width: 26%;
    }
    .whatsapp {
        padding: 18px 50px !important;
        padding-bottom: 20px!important;
    }
    .whatsapp img {
        width: 15%;
    }
    .switch-container {
        width: 19%;
    }
    .advantages {
        top: 64%;
    }
    .card-title {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .blank-container {
        height: 800px;
    }
    .car-img-container {
        height: 18rem;
    }
    #collectionCarContent .card-description {
        font-size: 1.4rem;
    }
    .cars-section h4 {
        font-size: 1.6rem;
    }
    .advantages .card {
        padding: 4% 9%!important;
    }
    .advantages .card-description {
        height: 7.5rem;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .mobile-content>h1 {
        padding-bottom: 2rem;
    }
    .mobile-content .pb-3{
        padding-bottom: 2rem!important;
    }
    .social-media-icons li>a {
        padding: 0.6rem 1rem;
        border-radius: 26px;
    }
    .footer-brand {
        width: 200px;
    }
}
@media (min-width: 1680px) and (max-width: 1899px) {
    body {
        margin: 0;
        font-size: 1.5rem;
        line-height: 2.2rem;
    }
    .h1, h1 {
        font-size: 3rem;
    }
    .navbar {
        padding: 25px 20px;
    }
    .banner{
        padding-top: 13%;
    }
    .banner-content h1 {
        font-size: 3.5rem;
    }
    .banner_btns_container{
        justify-content: flex-start!important;
    }
    .iphone-button {
        padding: 20px 50px !important;
        border-radius: 45px;
        font-size: 1.2rem;
    }
    .whatsapp {
        padding: 20px 50px !important;
        padding-bottom: 18px!important;
    }
    .whatsapp img {
        margin-bottom: 0.3rem;
        width: 23%;
    }
    #myTabContent .datetime, #myTabContent .passengers, #myTabContent .luggage {
        width: 25%;
    }
    .switch-container {
        width: 22%;
    }
    .card .card-icon {
        max-width: 25%;
    }
    .card-title {
        font-size: 25px;
    }
    .advantages .card-description {
        height: 8rem;
        font-size: 1.25rem;
        line-height: 1.65rem;
    }
    .car-img-container {
        width: 70%;
        height: 14rem;
    }
    .cars-section h4 {
        font-size: 25px;
    }
    .cars-section p{
        font-size: 1.3rem;
    }
    .nav-link, .pre-booking, .pre-booking .form-select {
        font-size: 1.5rem!important;
    }
    .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
        border-bottom: 3px solid #1a1a1a;
    }
    #collectionCarContent .card-description, .car-info p, #collectionCarContent .card-description span {
        font-size: 1.3rem;
    }
    .other-services-section .pt-5{
        padding-top: 5rem!important;
    }
    .services-img {
        width: 80%;
    }
    .mobile-img-container {
        max-width: 35%;
    }
    #myTabContent input, #myTabContent .form-select {
        margin-left: 0.5rem;
        margin-top: 0.5rem;
    }
    .pre-booking .nav-item .nav-link{
        padding: 1.3rem;
    }
    .pre-booking .tab-content .p-3 {
        padding: 1.5rem!important;
    }
    .pre-booking {
        top: 33%;
    }
    .advantages {
        top: 68%;
    }
    .services-section{
        padding: 15% 0%;
        padding-top: 15%;
    }
    .booking {
        padding: 8% 13%;
    }
}
@media (min-width: 1024px) and (max-width: 1281px) {
    h1 {
        font-size: 2.3rem !important;
    }
    .banner-content h1 {
        font-size: 2.5rem !important;
    }
    .banner {
        padding-bottom: 15%;
        padding-top: 13%;
    }
    .banner_btns_container{
        justify-content: space-between!important;
    }
    .navbar-expand-lg .navbar-nav {
        align-items: center;
    }
    .services-section>div {
        max-width: 55%;
    }
    .pre-booking {
        top: 29%;
    }
    .advantages {
        top: 64%;
    }
    .services-section {
        padding: 14% 0%;
        /* padding-top: 19%; */
    }
    .h4, h4 {
        font-size: 1.2rem;
    }
    .blank-container {
        height: 500px;
    }
    .cars-section .nav-tabs {
        padding: 18px 18px 0px 18px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    h1 {
        font-size: 2rem !important;
    }
    .banner-content h1 {
        font-size: 2.3rem !important;
    }
    .qr_container{
        width: 30%!important;
    }
    .navbar-right{
        justify-content: flex-start!important;
    }

    .mobile-content {
        padding-bottom: 2%;
    }

    .mobile-img-container {
        max-width: 35% !important;
    }

    .services-section>div {
        max-width: 59%;
    }
    .pre-booking {
        top: 23%;
    }
    #myTabContent .datetime, #myTabContent .passengers, #myTabContent .luggage{
        width: 50%;
    }
    .services-section {
        padding: 14% 0%;
        /* padding-top: 13%; */
    }
    .advantages {
        top: 58%;
    }
    .card-title {
        font-size: 18px;
    }
    .advantages .card {
        padding: 7% 13%!important;
    }
    .car-img>img{
        width: 100%;
    }
    .booking {
        padding: 5% 7%;
    }
    .blank-container{
        height: 600px;
    }
    #tab1-pane .left-container{
        max-width: 80%;
    }
    .services-img {
        width: 75%;
    }
    .car-img-container {
        height: 12rem;
    }
}