@media screen and (max-width: 576px) {

    .page-header {
        width:90%;
        height:60px;
        top:140px;
        padding:15px;
    }
    
    .page-header h1 {
       font-size: 20px;
    }


/* 3. START MENU BAR CSS */

.menu-bar {
    height:auto;
    padding:0px;
    background-color: transparent;
}

.menu-logo {
    width:100%;
    height:50px;
    padding:10px;
    background-color:#125FA0 ;
}

#menu-open {
    display: block;
    position: absolute;
    top:10px;
    right:20px;
    width:30px;
    height:30px;
}

#menu-close {
    position: absolute;
    top:15px;
    right:20px;
    width:30px;
    height:30px;
}

.menu-items {
    width:100%;
    display:none;
    flex-direction: column;
    align-items: flex-start;
    justify-content:flex-start;
    background-color: #93A0AD;
    padding:10px 50px;
}

.menu-items a {
    font-size: 24px;
    margin:25px 1%;
}

/* END MENU BAR CSS */


/* 4. START BANNER CSS */

.home-page-banner {
    background-size: 200%;
}

.banner {
    background-size: 150%;
}

/* END BANNER CSS */




/* 5. START FOOTER SECTION CSS */

.Footer {
    padding: 35px 25px;
    height:auto;

}

.Footer h3 {
    font-size: 30px;
}

.Footer a {
    font-size: 18px;
}


.footer-content {
    width:48%;
    margin:50px 0px;
}


.footer-content img {
    width:70%;
    height: auto;
}

/* END FOOTER SECTION CSS */



/*
--------------------------
    === 6. HOME PAGE ===
-------------------------- */


/* START HOME PAGE FORM CSS */

.home-page-form-container {
    flex-direction: column;
    align-items: center;
    width:90%;
    max-width:680px;
    padding:35px 25px;
}


.home-page-form-text {
    width:100%;
    height:auto;

}

.home-page-form-text h2 {
    font-size: 28px;
}

.home-page-form-text p {
    font-size: 16px;
    font-weight:300;
}

.home-page-form {
    width:100%;
    margin-top: 25px;
}

.home-page-form .form-items label {
    font-size: 14px;
}

/* END HOME PAGE FORM CSS */


/* START SLIDER SECTION CSS */

.slider-container {
    flex-direction: column;
    padding-top:525px;
}


.slider-wrapper {
    width:100%; 
}

.slider-bg {
    position:absolute;
    left:10%;
    margin-top:-15%;
    width:70%;
    height:80%;
}


/* Slideshow container */
.slideshow-container {
    width: 75%;
    height:auto;
    margin-top:2.5%;
    z-index: 10;
}



/* Slideshow container */
.slideshow-container {
    width: 80%;
    height:auto;
}

.mySlides {
    width:100%;
    height:auto;
}

.slider-text {
    width:100%;
    height:auto;
    padding:10%;
    justify-content: flex-start;
    color:#5E6A75;
}

.slider-text h1 {
    font-size: 30px;
    margin-bottom:10px;
}

.slider-text p {
    font-size: 14px;
}

.slider-text button {
    width:60%;
    height: 50px;
    margin-left:20%;
}

.slider-text a {
    font-size: 16px;
}
/* END SLIDER SECTION CSS */


/* START WHAT WE OFFER SECTION CSS */

.offers-container {
    justify-content: space-around;
    padding:75px 25px;
}

.offer {
    width:80%;
    margin:35px 0px;
    font-size: 16px;
}

.offer img {
    width:75px;
    margin-bottom: 10px;
}

.offer h3 {
    font-size: 24px;
}

.offer p {
    font-size: 16px;
}


/* END WHAT WE OFFER SECTION CSS */


/* START STATISTICS SECTION CSS */

.stats-container {
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    height:auto;
    padding:25px 0px;
}


.stats h3 {
    color:#FFFFFF;
    font-size: 34px;
    margin-top: 25px;
}

.stats h3 span {
    font-size: 24px;
}

.stats p {
    font-size: 20px;
}


/* END STATISTICS SECTION CSS */

/* START AIRPORT WE SERVE SECTION CSS */


.airport-we-served-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top:75px;
    background-color: white;
}

.airport-we-served {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding:75px 50px;
}



.airport-we-served button {
    width:80%;
}

/* END AIRPORT WE SERVE SECTION CSS */


/* START NEWSLETTER SECTION CSS */

.newsletter-container {
    flex-direction: column;
    height:auto;
    padding: 50px 10px;
}

.newsletter-container h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.newsletter-container p {
    font-size: 18px;
    margin-bottom: 20px;
}

.newsletterForm {
    flex-direction: column;
}

#NewsletterEmail {
    width:80%;
    margin:25px 0px;

}

.newsletterForm input[type="submit"] {
    width:80%;
}
/* END NEWSLETTER SECTION CSS */




/*
--------------------------
    === 7. SEARCH PAGE ===
-------------------------- */

/* 7.1 START SEARCH PARKING FORM CSS */

.search-parking-form-container {
    width: 90%;
    height:auto;
    padding:20px 0px;
}

.search-parking-form {
    flex-direction: column;
    width:100%;
    justify-content:center;
    align-items: center;
}


.form-items {
    width:80%;
    height:60px;
    margin:5px;
}

.form-items label {
    font-size: 16px;
}

.form-items select, .form-items input {
    height:35px;
    font-size: 14px;
}

.form-submit {
    height:40px;

}

/* END SEARCH PARKING FORM CSS */

/* 7.2 START FILTER SECTION CSS */

.search-filter {
    width:90%;
    height:150px;
    margin:450px 1% 25px 1%;
    padding:0px 10px;
}

.search-filter b {
    font-size:16px;
}

.search-filter button {
    font-size:14px;
}

.search-result-container {
    justify-content: center;
    min-height: 800px;
    padding:50px 20px;
}

.search-result {
    width:80%;
    margin:30px 15px;
}

.search-result-head {
    width:80%;
}
.search-result-head img {
    width:100%;
    height:auto;
}

.parking-price h3 {
    /* font-size: 35px; */
}

.parking-price b {
    font-size: 10px;
}

.parking-info button {
    height:50px;
    font-size: 14px;
}

/* END SEARCH PARKING FORM CSS */

/*
--------------------------
 === 8. BOOKING PAGE ===
-------------------------- */
/* START BOOKING FORM CSS */

.booking-form-container {
    flex-direction:column ;
    justify-content:center;
    align-items:center;
    padding:75px 10px;
}

.booking-form {
    width:100%;
    height:auto;
    padding-bottom: 50px;
    margin:0px;
}

.booking-form > div > span {
    font-size: 14px;
    font-weight:300;
}

.booking-form input, .booking-form select  {
    height:40px;
    font-size: 14px;
    padding:5px;
}

.booking-form input[type="checkbox"]  {
    width:25px;
    height:25px;
}

.booking-form input[type="submit"]  {
    width:250px;
    height:60px;
    font-size: 24px;
}


#male-female, #first-name, #last-name, #addressL1, #addressL2, #email, #contact, #cardNumber, #cardHolderName, #regNumber, #vehicleColor, #expireDate, #CVV, #town, #postcode {
    width:100%;
}


/* END BOOKING FORM CSS */

/* START BOOKING SUMMARY CSS */

.booking-summary-container {
    width:100%;
    margin-top: 50px;
    background-color: #F4F5F6;
}

.booking-summary {
    padding:20px;
}

.booking-summary-container h2 {
    font-size: 24px;
}

.summary-table > div > span {
    font-size: 16px;
}

/* END BOOKING SUMMARY CSS */


/*
---------------------------------
 === 9. CONFOIRMATION PAGE ===
--------------------------------- */

.confirmation-message {
    height:auto;
    padding:75px 25px;
}

.confirmation-message img {
    width:150px;
}

.confirmation-message h2 {
    text-align: center;
    font-size: 28px;
}

.confirmation-message p {
    text-align:justify;
    font-size: 16px;
}


/*
--------------------------
 === 10. FAQ PAGE ===
-------------------------- */

/* START FAQ CSS */

.faq-container {
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    padding:100px 0px;
}

.faq-wrapper {
    width:80%;
}

.faq-question span {
    color:#5E6A75;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
}

.faq-answer {
    padding:10px;
    font-size: 10px;
    display: none;
}

.faq-answer p {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

/* END FAQ CSS */

/* START CONTACT-US CSS */

.contact-us {
    width:95%;
    margin-top:50px;
}

.contact-us > div {
    width:65%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-us > img {
    width:25%;
    max-width:120px;
}

.contact-us h2 {
    font-size: 24px;
}

.contact-us h3 {
    font-size: 18px;
}

.contact-us p {
    width:300px;
    font-size: 16px;

}

/* END CONTACT-US CSS */



/*
-------------------------------------
 === 11. TERMS & CONDITION PAGE ===
------------------------------------- */

.terms-condition {
    width:90%;
    margin:100px 0px;
}

.terms-condition h2 {
    padding:15px;
    font-size: 20px;

    
}


  }


@media screen and (min-width: 576px) and (max-width: 799px) {

    .page-header {
        width:90%;
        height:60px;
        top:140px;
        padding:15px;
    }
    
    .page-header h1 {
       font-size: 20px;
    }


/* 3. START MENU BAR CSS */

.menu-bar {
    height:55px;  
}

.menu-logo {
    width:20%;
    background-color:red;
}

.menu-items {
    width:80%;
    justify-content:flex-start;
}

.menu-items a {
    font-size: 16px;
    margin:0px 1%;
}

/* END MENU BAR CSS */



/* 5. START FOOTER SECTION CSS */

.Footer {
    padding: 35px 25px;
    height:auto;

}

.Footer h3 {
    font-size: 30px;
}

.Footer a {
    font-size: 18px;
}


.footer-content {
    width:48%;
    margin:50px 0px;
}


.footer-content img {
    width:70%;
    height: auto;
}

/* END FOOTER SECTION CSS */


/*
--------------------------
    === 6. HOME PAGE ===
-------------------------- */


/* START HOME PAGE FORM CSS */

.home-page-form-container {
    flex-direction: column;
    align-items: center;
    width:80%;
    max-width:680px;
    padding:35px 50px;
}


.home-page-form-text {
    width:100%;
    height:auto;

}

.home-page-form-text h2 {
    font-size: 28px;
}

.home-page-form-text p {
    font-size: 16px;
    font-weight:300;
}

.home-page-form {
    width:100%;
    margin-top: 25px;
}

.home-page-form .form-items label {
    font-size: 14px;
}

/* END HOME PAGE FORM CSS */


/* START SLIDER SECTION CSS */

.slider-container {
    flex-direction: column;
    padding-top:450px;
}


.slider-wrapper {
    width:100%; 
}

.slider-bg {
    position:absolute;
    left:10%;
    margin-top:-15%;
    width:70%;
    height:80%;
}


/* Slideshow container */
.slideshow-container {
    width: 75%;
    height:auto;
    margin-top:2.5%;
    z-index: 10;
}



/* Slideshow container */
.slideshow-container {
    width: 80%;
    height:auto;
}

.mySlides {
    width:100%;
    height:auto;
}

.slider-text {
    width:100%;
    height:auto;
    padding:10%;
    justify-content: flex-start;
    color:#5E6A75;
}

/* END SLIDER SECTION CSS */


/* START WHAT WE OFFER SECTION CSS */

.offers-container {
    justify-content: space-around;
    padding:75px 25px;
}

.offer {
    width:42%;
    margin:25px 0px;
    font-size: 14px;
}


.offer img {
    width:75px;
}

/* END WHAT WE OFFER SECTION CSS */


/* START STATISTICS SECTION CSS */

.stats h3 {
    color:#FFFFFF;
    font-size: 30px;
}

.stats h3 span {
    font-size: 20px;
}

.stats p {
    font-size: 16px;
}


/* END STATISTICS SECTION CSS */

/* START AIRPORT WE SERVE SECTION CSS */

.airport-we-served button {
    width:45%;
}

/* END AIRPORT WE SERVE SECTION CSS */


/* START NEWSLETTER SECTION CSS */

.newsletter-container {
    flex-direction: column;
    height:auto;
    padding: 50px 25px;
}

.newsletter-container h2 {
    font-size: 34px;
    margin-bottom: 10px;
}

.newsletter-container p {
    font-size: 16px;
    margin-bottom: 30px;
}

.newsletterForm {
    flex-direction: column;
}


.newsletter-container h2 {
    font-size: 24px;
}

.newsletter-container p {
    font-family:'Roboto', sans-serif;
    color:#5E6A75;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 25px;
}


#NewsletterEmail {
    width:80%;
    margin:25px 0px;

}

.newsletterForm input[type="submit"] {
    width:80%;
}
/* END NEWSLETTER SECTION CSS */




/*
--------------------------
    === 7. SEARCH PAGE ===
-------------------------- */

/* 7.1 START SEARCH PARKING FORM CSS */

.search-parking-form-container {
    width: 90%;
    height:auto;
    padding:20px 0px;
}

.search-parking-form {
    flex-direction: column;
    width:100%;
    justify-content:center;
    align-items: center;
}


.form-items {
    width:80%;
    height:60px;
    margin:5px;
}

.form-items label {
    font-size: 16px;
}

.form-items select, .form-items input {
    height:35px;
    font-size: 14px;
}

.form-submit {
    height:40px;

}

/* END SEARCH PARKING FORM CSS */

/* 7.2 START FILTER SECTION CSS */

.search-filter {
    width:90%;
    height:75px;
    margin:450px 2% 25px 2%;
    padding:0px 10px;
}

.search-filter b {
    font-size:14px;
}

.search-filter button {
    font-size:14px;
}

.search-result-container {
    justify-content: center;
    min-height: 800px;
    padding:50px 15px;
}

.search-result {
    width:44%;
    margin:30px 15px;
}

.search-result-head {
    width:80%;
}
.search-result-head img {
    width:100%;
    height:auto;
}

.parking-price h3 {
    /* font-size: 35px; */
}

.parking-price b {
    font-size: 10px;
}

.parking-info button {
    height:50px;
    font-size: 14px;
}

/* END SEARCH PARKING FORM CSS */

/*
--------------------------
 === 8. BOOKING PAGE ===
-------------------------- */
/* START BOOKING FORM CSS */

.booking-form-container {
    flex-direction:column ;
    justify-content:center;
    align-items:center;
    padding:75px 10px;
}

.booking-form {
    width:90%;
    height:auto;
    padding-bottom: 50px;
    margin:0px;
}

.booking-form > div > span {
    font-size: 14px;
    font-weight:300;
}

.booking-form input, .booking-form select  {
    height:40px;
    font-size: 14px;
}

.booking-form input[type="checkbox"]  {
    width:25px;
    height:25px;
}

.booking-form input[type="submit"]  {
    width:250px;
    height:60px;
    font-size: 24px;
}

/* END BOOKING FORM CSS */

/* START BOOKING SUMMARY CSS */

.booking-summary-container {
    width:90%;
    margin-top: 50px;
    background-color: #F4F5F6;
}

.booking-summary {
    padding:20px;
}

.booking-summary-container h2 {
    font-size: 24px;
}

.summary-table > div > span {
    font-size: 16px;
}

/* END BOOKING SUMMARY CSS */


/*
---------------------------------
 === 9. CONFOIRMATION PAGE ===
--------------------------------- */

.confirmation-message {
    height:auto;
    padding:75px 25px;
}

.confirmation-message img {
    width:200px;
}

.confirmation-message h2 {
    font-size: 30px;
}


/*
--------------------------
 === 10. FAQ PAGE ===
-------------------------- */

/* START FAQ CSS */

.faq-container {
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    padding:100px 0px;
}

.faq-wrapper {
    width:80%;
}

.faq-question span {
    color:#5E6A75;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
}

.faq-answer {
    padding:10px;
    font-size: 10px;
    display: none;
}

.faq-answer p {
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

/* END FAQ CSS */

/* START CONTACT-US CSS */

.contact-us {
    width:90%;
    margin-top:50px;
}

.contact-us > div {
    width:65%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-us > img {
    width:25%;
    max-width:120px;
}

.contact-us h2 {
    font-size: 30px;
}

.contact-us h3 {
    font-size: 24px;
}

.contact-us p {
    width:300px;
    font-size: 18px;

}

/* END CONTACT-US CSS */



/*
-------------------------------------
 === 11. TERMS & CONDITION PAGE ===
------------------------------------- */

.terms-condition {
    width:90%;
    margin:100px 0px;
}



  }


@media screen and (min-width: 800px) and (max-width: 1074px) {



    .page-header {
        width:90%;
        min-width:720px;
        top:200px;
        padding:24px;
    }
    
    .page-header h1 {
       font-size: 24px;
       font-weight: 700;
       color:white;
       text-transform: uppercase;
    }

/* 3. START MENU BAR CSS */

.menu-bar {
    height:55px;  
}

.menu-items {
    width:70%;
    justify-content:flex-start;
}

.menu-items a {
    font-size: 16px;
}

/* END MENU BAR CSS */


/* 4. START BANNER CSS */

.home-page-banner {
    height:350px;
}

.banner {
    height:250px;
}

/* END BANNER CSS */


/* 5. START FOOTER SECTION CSS */

.Footer {
    padding: 35px 25px;
    height:auto;

}

.Footer h3 {
    font-size: 24px;
}

.footer-content {
    width:24%;
}


.footer-content img {
    width:70%;
    height: auto;
}

/* END FOOTER SECTION CSS */





/*
--------------------------
    === 6. HOME PAGE ===
-------------------------- */


/* START HOME PAGE FORM CSS */

.home-page-form-container {
    width:80%;
    min-width:670px;
    max-width:680px;
}

/* END HOME PAGE FORM CSS */


/* START SLIDER SECTION CSS */

.slider-container {
    padding-top:250px;
}

.slider-bg {
    position:absolute;
    left:10%;
    margin-top:-75px;
    width:65%;
    height:275px;
    background-color: #125FA0;
}


/* Slideshow container */
.slideshow-container {
    width: 80%;
}

.slider-text {
    width:50%;
    height:auto;
    padding:0% 5% 0% 2.5%;
    justify-content: flex-start;
    color:#5E6A75;
}

.slider-text h1 {
    font-size: 36px;
    margin-bottom: 25px;
}

.slider-text button {
    width:200px;
    height: 54px;
}


.slider-text a {
    font-size: 16px;
}

/* END SLIDER SECTION CSS */


/* START WHAT WE OFFER SECTION CSS */

.offers-container {
    justify-content: space-around;
    padding:75px 35px;
}

.offer {
    width:22%;
    font-size: 12px;
}


.offer img {
    width:50px;
}

.offer h3 {
    font-size: 18px;
}

.offer p {
    color:#5E6A75;
    font-size: 14px;
}

/* END WHAT WE OFFER SECTION CSS */


/* START STATISTICS SECTION CSS */

.stats h3 {
    font-size: 50px;
    margin-top: 12px;

}

.stats h3 span {
    font-size: 30px;
}

.stats p {
    font-size: 20px;
}

/* END STATISTICS SECTION CSS */

/* START AIRPORT WE SERVE SECTION CSS */

.airport-we-served button {
    width:30%;
}

.airport-we-served button a {
    font-size: 18px;
}

/* END AIRPORT WE SERVE SECTION CSS */


/* START NEWSLETTER SECTION CSS */

.newsletter-container {
    flex-direction: column;
    height:auto;
}

.newsletter-container h2 {
    font-size: 34px;
}

.newsletter-container p {
    font-size: 16px;
    margin-bottom: 30px;
}

#NewsletterEmail {
    width:500px;
    height:50px;
    background-color:white ;
    border: 1px solid #5E6A75;
    padding:25px;
    font-size: 18px;
    margin-right:15px;

}

.newsletterForm input[type="submit"] {
    width:150px;
    height:52px;
    background-color:#FFD000 ;
    color: #125FA0;
    border:none;
    padding:0px;
    font-size: 18px;
}
/* END NEWSLETTER SECTION CSS */




/*
--------------------------
    === 7. SEARCH PAGE ===
-------------------------- */

/* 7.1 START SEARCH PARKING FORM CSS */

.form-items {
    width: 14%;
    height:40px;
}

.form-items select, .form-items input {
    height:25px;
}

.form-submit {
    height:25px;
}

/* END SEARCH PARKING FORM CSS */

/* 7.2 START FILTER SECTION CSS */

.search-filter {
    width:90%;
    height:50px;
    padding:0px 10px;
}

.search-filter button {
    font-size:10px;
    padding:0px 2px;
}

.search-filter div button:last-child {
    border:none;
}

.search-result {
    width:40%;
    margin:50px 5%;
}

.search-result-head {
    top:-20px;
    height:40px;
    font-size: 16px;
}

.parking-info button {
    height:50px;
    font-size: 14px;
}

.benifits strong {
    font-size: 14px;
    font-weight: 300;
}

/* END SEARCH PARKING FORM CSS */

/*
--------------------------
 === 8. BOOKING PAGE ===
-------------------------- */

/* START BOOKING FORM CSS */

.booking-form-container {
    padding:90px 20px;
}

.booking-form {
    width:55%;
    padding-bottom: 50px;
    margin-right:5%;
}


.booking-form strong {
    font-size: 18px;
}

.booking-form-section {
    padding:15px 10px;
    margin-bottom: 15px;
}


.booking-form-section > div > img {
    height:35px;
    margin-right: 2.5%;
}

.booking-form input, .booking-form select  {
    height:30px;
}

.booking-form input[type="submit"]  {
    width:175px;
    height:50px;
    font-size: 18px;
}

#male-female {
    width:12%;
}

#first-name, #last-name {
    width:40%;
}

#addressL1, #addressL2, #email, #contact, #cardNumber, #cardHolderName {
    width:100%;
}

#regNumber, #vehicleColor, #expireDate, #CVV {
    width:45%
}

#town {
    width:55%;
}

#postcode {
    width:35%;
}

/* END BOOKING FORM CSS */

/* START BOOKING SUMMARY CSS */

.booking-summary-container {
    width:30%;
}

.booking-summary {
    padding:15px;
}

.booking-summary-container h2 {
    width:100%;
    padding:8px;
    font-size: 16px;
}

.summary-table > div {
    width:45%;
    
}

/* END BOOKING SUMMARY CSS */


/*
---------------------------------
 === 9. CONFOIRMATION PAGE ===
--------------------------------- */


.confirmation-message {
    height:600px;
}

.confirmation-message img {
    width:175px;
    margin-bottom:35px;
}

/*
--------------------------
 === 10. FAQ PAGE ===
-------------------------- */

/* START FAQ CSS */

.faq-container {
    padding:100px 25px;
}

.faq-wrapper {
    width:45%;
    margin-right: 20px;
}

.faq-question {
    height:40px;
}

/* END FAQ CSS */

/* START CONTACT-US CSS */

.contact-us {
    width:45%;
}

.contact-us > div {
    width:70%;
}

.contact-us > img {
    width:25%;
}

/* END CONTACT-US CSS */



/*
-------------------------------------
 === 11. TERMS & CONDITION PAGE ===
------------------------------------- */

.terms-condition {
    width:90%;
    margin:100px 0px;
}




  }


  @media screen and ( min-width: 1400px) {



    .page-header {
        top:200px;
        width:1000px;
        padding:24px;
    }
    
    .page-header h1 {
       font-size: 24px;
       font-weight: 700;
       color:white;
       text-transform: uppercase;
    }


/* 3. START MENU BAR CSS */

.menu-bar {
    height:55px;  
}

.menu-items {
    width:60%;
    justify-content:flex-start;
}

.menu-items a {
    margin:0px 2%;
    font-size: 18px;
}

/* END MENU BAR CSS */


/* 4. START BANNER CSS */

.home-page-banner {
    height:350px;
}

.banner {
    height:250px;
}

/* END BANNER CSS */


/*
--------------------------
    === 6. HOME PAGE ===
-------------------------- */

/* START SEARCH PARKING FORM CSS */

.home-page-form-container {
    width:60%;
    padding:35px 25px;
}

.home-page-form-text {
    width:40%;
}

.home-page-form-text h2 {
    margin-bottom: 25px;
}

.home-page-form {
    width:55%;
}

.home-page-form .form-items {
    margin:5px 0%;
}

.home-page-form .form-items select, .home-page-form .form-items input {
    height:35px;
    font-size: 14px;
}

/* END SEARCH PARKING FORM CSS */


/* START SLIDER SECTION CSS */

.slider-container {
    padding-top:250px;
}

.slider-bg {
    left:18%;
    width:60%;
}


/* Slideshow container */
.slideshow-container {
    width: 420px;
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
  }

.slider-text {
    padding:0px 25px 0px 25px ;
}

.slider-text h1 {
    font-size: 45px;
    margin-bottom: 25px;
}

.slider-text p {
    font-size: 18px;
}

.slider-text button {
    width:200px;
    height: 50px;
    margin-top: 40px;
    margin-left:30%;
}

.slider-text a {
    font-size: 18px;
}

/* END SLIDER SECTION CSS */


/* START WHAT WE OFFER SECTION CSS */

 .section-heading {
    width:auto;
    height:75px;
}

.what-we-offer {
    padding-top:100px;
}

.offers-container {
    justify-content: space-between;
    padding:100px;
}

.offer {
    width:250px;
    font-size: 16px;
}


.offer img {
    width:100px;
    height:auto;
}

.offer h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.offer p {
    font-size: 16px;
}

/* END WHAT WE OFFER SECTION CSS */


/* START STATISTICS SECTION CSS */

.stats-container {
    height:200px;
}

.stats h3 {
    font-size: 70px;
    margin-top: 20px;
}

.stats h3 span {
    font-size: 40px;
}

.stats p {
    font-size: 30px;
}

/* END STATISTICS SECTION CSS */

/* START AIRPORT WE SERVE SECTION CSS */

.airport-we-served button {
    width:275px;
    height:75px;
    margin-bottom: 40px;
}

.airport-we-served button a {
    color:white;
    font-family:'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

/* END AIRPORT WE SERVE SECTION CSS */


/* START NEWSLETTER SECTION CSS */

.newsletter-container {
    padding: 75px;
    padding-bottom: 100px;
}

.newsletter-container h2 {
    font-size: 54px;
}

.newsletter-container p {
    font-size: 24px;
    margin-bottom: 50px;
}

#NewsletterEmail {
    width:600px;
    height:75px;
    background-color:white ;
    border: 1px solid #5E6A75;
    padding:25px;
    font-size: 24px;
    margin-right:25px;

}

.newsletterForm input[type="submit"] {
    width:200px;
    height:77px;
    font-size: 24px;
}
/* END NEWSLETTER SECTION CSS */




/*
--------------------------
    === 7. SEARCH PAGE ===
-------------------------- */

/* START SEARCH PARKING FORM CSS */

.search-parking-form-container {
    top:175px;
    width:80%;
    height:120px;
}


.search-parking-form {
    width:100%;
    height:100px;
}


.form-items {
    width: 14%;
    height:60px;
    margin:0px 10px;
}

.form-items label {
    font-size: 15px;
    margin-bottom: 5px;
}

.form-items select, .form-items input {
    width: 100%;
    height:35px;
    font-size: 14px;
}


.form-submit {
    height:35px;
}

/* END SEARCH PARKING FORM CSS */

/* START FILTER SECTION CSS */

.search-filter {
    width:90%;
    height:75px;
    margin:75px 5% 35px 5%;
    padding:0px 25px;
}

.search-filter b {
    font-size:16px;
}

.search-filter button {
    font-size:16px;
    padding:0px 10px;
    border-right:.4px solid #93A0AD;
}

.search-result-container {
    min-height: 800px;
    padding:50px 150px;
}

.search-result {
    margin:50px 25px;
}

.search-result-head {
    /* font-size: 20px; */
}
.search-result-head img {
    width:100%;
    height:auto;
}

.parking-price {
    height:60px;
}

.parking-price h3 {
    font-size: 20px;
}

.parking-info button {
    height:50px;
    font-size: 14px;
}


.benifits img {
    width:24px;
    height:24px;
}

.benifits {
    padding:25px;
}

.benifits div {
    margin-bottom:14px;
}

.benifits strong {
    width:88%;
}

.search-result .book-now {
    /* width:10px; */
    /* height:50px; */
    font-size: 18px;
    margin: 10px;;
}

/* END SEARCH PARKING FORM CSS */





/*
--------------------------
 === 8. BOOKING PAGE ===
-------------------------- */


/* START BOOKING FORM CSS */



.booking-form {
    width:600px;
    padding-bottom: 50px;
    margin-right: 50px;
}

.booking-form h2 {
    padding:14px;
    font-size: 20px;
}

.booking-form h3 {
    font-size: 16px;
}

.booking-form strong {
    margin:30px 0px;
    font-size: 30px;
}

.booking-form > div > span {
    font-size: 16px;
}

.booking-form-section {
    padding:20px 15px;
    margin-bottom: 20px;
}

.booking-form-section > div > img {
    margin-right: 2%;
}

.booking-form input, .booking-form select  {
    height:40px;
    font-size: 12px;
}

.booking-form input[type="checkbox"]  {
    width:25px;
    height:25px;
    margin-right:20px;
}

.booking-form input[type="submit"]  {
    width:225px;
    height:60px;
    font-size: 24px;
}

/* END BOOKING FORM CSS */

/* START BOOKING SUMMARY CSS */

.booking-summary-container {
    width:350px;
}

.booking-summary {
    padding:20px;
}

.booking-summary-container h2 {
    padding:14px 10px;
    font-size: 20px;
}

.summary-table > div > span {
    font-size: 14px;
    margin:8px 0px;
}

/* END BOOKING SUMMARY CSS */





/*
--------------------------
 === 9. CONFIRMATION PAGE ===
-------------------------- */


.confirmation-message {
    height:600px;
    padding:75px 200px;
}

.confirmation-message img {
    width:200px;
    margin-bottom:50px;
}

.confirmation-message h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
}





/*
--------------------------
 === 10. FAQ PAGE ===
-------------------------- */

/* START FAQ CSS */

.faq-wrapper {
    width:550px;
    margin-right: 50px;
}

/* END FAQ CSS */


/*
-------------------------------------
 === 11. TERMS & CONDITION PAGE ===
------------------------------------- */

.terms-condition {
    width:1000px;
}

.terms-condition h2 {
    padding:15px;
    font-size: 20px;
    
}

.terms-condition p {
    margin:35px;
}



  }