@media all and (max-width: 1220px) {
.footer-stat, #footer, .topsi, .form, .featured, .list-page, .contact, #matter {
	padding-left: 10px;
	padding-right: 10px;
}
.mobileform
{
	padding-left: 10px;
	padding-right: 10px;
}
.list-car {
	width: 100%;
}
.detail {
	width: 50%;
}
.car-btn {
	width: 50%;
	float: left;
	background: #fff;
	text-align: center;
	padding-bottom: 52px;
}
}
@media all and (max-width: 1200px) {
    .lightbox {
        width: 40% !important;
        left: 30%;
    }
}

@media all and (max-width: 1100px) {
        .foot {
            width: 100%;
            text-align: center;
        }

        .foot1 {
            float: left;
            width: 46%;
        }

        .foot2 {
            float: left;
            width: 46%;
        }

        .foot3 {
            float: left;
            width: 100%;
        }
    }

    @media all and (max-width: 1000px) {
        .book-demo {
            margin-left: 35px;
        }

        .log {
            width: 60%;
        }

        .app-icon {
            width: 28%;
            margin-left: 10px;
            margin-right: 10px;
        }

        .foot p {
            text-align: center;
            font-size: 15px;
            color: #A9ABAF;
            margin: 0px;
            line-height: 25px;
            font-weight: bolder;
        }

        .banner-content {
            font-size: 40px !important;
        }

        .featured h2 {
            font-size: 34px;
        }

        .trsu h2 {
            font-size: 34px;
        }

        .chose h2 {
            font-size: 34px;
        }

        .rider-mor h2 {
            font-size: 34px;
        }

        .valids h2 {
            font-size: 34px;
        }

        .premium-rent h2 {
            font-size: 34px;
        }

        .premium-rents h2 {
            font-size: 34px;
        }

        .client h2 {
            font-size: 34px;
        }

        .blog h2 {
            font-size: 34px;
        }

        .premium-card {
            width: 46.6%;
            margin-top: 140px;
        }

        .premium-cards {
            width: 48%;
            margin-top: 160px;
        }

        .pager-cards {
            width: 48%;
            margin-top: 80px;
        }

        .devide {
            width: 80%;
            margin-bottom: -100px;
        }

        .valids {
            width: 100% !important;
            background: url(../image/drive.jpg) no-repeat #284A91;
        }

        .locat {
            width: 96%;
            margin-top: 25px;
        }

            .locat h5 {
                margin-right: 8px;
            }

            .locat p {
                margin-right: 8px;
            }

        .ride-more {
            width: 98%;
        }

        .rides-more {
            width: 98%;
        }

        .chose {
            width: 98%;
        }

        .car-demo {
            width: 90%;
        }

        .cars {
            width: 70%;
        }

        .serv-card {
            width: 48%;
            margin-top: 30px;
        }

        .service {
            padding-top: 220px;
        }

        .trusted {
            padding-bottom: 45px;
        }

        .trus {
            width: 100%;
        }

        .trsu {
            width: 88%;
        }

        .vichels {
            width: 48%;
            margin-top: 4%;
        }

        .logo {
            position: absolute;
            z-index: 999999;
            margin-left: 10px;
            max-width: 270px;
        }
    }

    @media all and (max-width: 900px) {
        .blog-card {
            width: 48%;
            margin-top: 15px;
        }
    }

    @media all and (max-width: 850px) {
        .detail {
            width: 100%;
        }

        .car-btn {
            display: none;
        }

        .story {
            display: block;
        }
    }

    @media all and (max-width: 768px) {
        .lightbox {
            width: 50% !important;
            left: 25%;
        }
        .lefter {
            width: 100%;
        }

        .featured h2 {
            font-size: 28px;
        }

        .trsu h2 {
            font-size: 28px;
        }

        .chose h2 {
            font-size: 28px;
        }

        .rider-mor h2 {
            font-size: 28px;
        }

        .valids h2 {
            font-size: 28px;
        }

        .premium-rent h2 {
            font-size: 28px;
        }

        .premium-rents h2 {
            font-size: 28px;
        }

        .client h2 {
            font-size: 28px;
        }

        .blog h2 {
            font-size: 28px;
        }

        .dest {
            clear: both;
            text-align: center;
            display: block;
            float: none;
            margin: auto;
        }

        #footer p {
            text-align: center;
        }

        .vichels {
            width: 98%;
            margin-top: 4%;
        }

        .form {
            padding-bottom: 250px;
        }

        .first-form {
            width: 98%;
        }

        .second-form {
            width: 98%;
        }

        .logo {
            max-width: 240px;
        }

        #footer p {
            text-align: center;
        }

        .dest {
            float: none;
            display: block;
            margin: auto;
            text-align: center;
        }
    }

    @media all and (max-width: 600px) {
        .lightbox {
            width: 90% !important;
            left: 1.5%;
        }
        .book-demo {
            margin-left: 20px;
        }

        .app-icon {
            width: 40%;
        }

        .social-icons {
            width: 22px;
        }

        .featured h2 {
            font-size: 25px;
        }

        .trsu h2 {
            font-size: 25px;
        }

        .chose h2 {
            font-size: 25px;
        }

        .valids h2 {
            font-size: 25px;
        }

        .renting h2 {
            font-size: 22px;
        }

        .rider-mor h2 {
            font-size: 25px;
        }

        .premium-rents h2 {
            font-size: 25px;
        }

        .premium-rent h2 {
            font-size: 25px;
        }

        .client h2 {
            font-size: 25px;
        }

        .blog h2 {
            font-size: 25px;
        }

        .header-num {
            padding: 5px 20px;
            margin-top: 30px;
        }

        .serv-card {
            width: 98%;
            margin-top: 20px;
        }

        .cars {
            width: 90%;
        }

        .service {
            padding-top: 180px;
        }

        .premium-card {
            width: 96%;
            margin-top: 85px;
        }

        .premium-cards {
            width: 98%;
        }

        .pager-cards {
            width: 98%;
            margin-top: 20px;
        }

        .mobilenew {
            width: 98%;
            margin-top: 100px;
        }

        .ride-card {
            width: 96%;
        }

        .foot {
            float: left;
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
        }

        .foot2 {
            float: left;
            width: 100%;
            margin-left: 0%;
        }

        #top-wrap {
            display: none;
        }

        .serve-main input[type="text"],
        .serve-main input[type="date"] {
            width: 33% !important;
            margin-top: 10px;
        }

        .serve-main select {
            width: 32% !important;
        }

        .logo {
            max-width: 210px;
        }

        .topsi li {
            font-size: 13px;
        }
    }

    @media all and (max-width: 550px) {
        .user-btn {
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 35px;
            padding-right: 35px;
            font-size: 13px;
        }
    }

    @media all and (max-width: 500px) {
        .user-btn {
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 25px;
            padding-right: 25px;
            font-size: 12px;
        }

        .locat h5 {
            line-height: 22px;
        }

        .trusteds {
            max-width: 100% !important;
        }

        .trusteds-1 {
            max-width: 100% !important;
            float: left;
        }

        .book-demo {
            margin-left: 20px;
        }

        .follow h3 {
            font-size: 22px;
            color: #fff;
        }

        .featured h2 {
            font-size: 22px;
        }

        .trsu h2 {
            font-size: 22px;
        }

        .chose h2 {
            font-size: 22px;
        }

        .rider-mor h2 {
            font-size: 22px;
        }

        .valids h2 {
            font-size: 22px;
        }

        .premium-rent h2 {
            font-size: 22px;
        }

        .premium-rents h2 {
            font-size: 22px;
        }

        .client h2 {
            font-size: 22px;
        }

        .blog h2 {
            font-size: 22px;
        }

        .blog-card {
            width: 96%;
            margin-top: 15px;
            text-align: center;
        }

            .blog-card h3 {
                font-size: 17px;
            }

        .foot {
            float: left;
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
        }

        .foot1 {
            float: left;
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
        }

        .logo {
            max-width: 190px;
        }
    }

    @media all and (max-width: 460px) {
        .user-btn {
            padding-top: 6px;
            padding-bottom: 6px;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 12px;
        }
    }

    @media all and (max-width: 400px) {
        .lightbox {
            width: 90% !important;
            left: 5%;
        }
    }