@media only screen and (max-width: 1200px) {
    /*header .container-fluid.p-r80 {
        padding-right: 15px;
    }*/
    .intro-section {
        background-image: url("../images/green2.jpg");
        
    }
    .about-head h2 {
        line-height: 50px;
        font-size: 40px;
    }
	.lighter-section .light-content {
		position: relative;
		width: 100%;
		margin-left: -90px;
		padding-top: 50%;
	}
	.intro h3 {
		width: 100%;
	}
}
@media only screen and (max-width: 1199px) {
	.p-l50 {
		padding-left: 50%;
	}
	.pro-details .spec-img {
		position: absolute;
		top: 60px;
		left: 0;
	}
	.specific-content,
	.specific-content-1 {
		margin: 32px 0 0;
	}
	.s-right {
		padding-left: 20px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		text-align: left;
	}
	.pro-content {
		padding: 0 0 0 13px;
	}
}
@media only screen and (max-width: 1140px) {
    header .container-fluid.p-r80 {
        padding-right: 30px;
    }
    .float-right {
        right: 30px;
    }
    #header .logo {
        width: 200px;
    }
    .our-vehicle {
        width: 700px;
        height: 700px;
    }
    .banner-section,
	.banner-section > .container > .row {
	    min-height: 400px;
	}
	.contact-banner,
	.contact-banner > .container > .row {
		min-height: 400px;
	}
	.care-banner,
	.care-banner > .container > .row {
		min-height: 400px;
	}
}
@media only screen and (max-width: 1040px) {
    header .container-fluid.p-r80 {
        padding-right: 15px;
    }
    .float-right {
        right: 15px;
    }
    
}
@media only screen and (max-width: 992px) {
    .banner-section-1 {
        
    }
}
@media only screen and (max-width: 991px) {
	.float-right {
        top: 20px;
        right: 100px;
    }
    .intro-section {
        background-image: url("../images/green1.jpg");
        
    }
    .blog-section .blog-img {
        margin-top: 50px;
    }
    .about-img {
        margin-bottom: 100px;
    }
    .about-head h2 {
        line-height: 60px;
        font-size: 50px;
    }
    .team-content {
        padding-right: 0px;
    }
    .team-content-1 {
        padding-left: 0px;
    }
    .our-main-team {
        margin-bottom: 30px;
    }
    .extra {
        padding: 0px 0;
    }
	.extra-comfort p {
		width: 100%;
	}
	.extra-safety p {
		width: 100%;
	}
	.tab-section2 .nav-pills .nav-link {
		padding: 20px 10px 20px 0;
	}
	.extra-style p {
		width: 100%;
	}
	.extra-convenience p {
		width: 100%;
	}
	.cent-head {
		width: 100%;
	}
	.sub-box {
		margin-bottom: 30px;
	}
	.lighter-section .light-content {
		position: relative;
		width: 90%;
		margin-left: 0px;
		padding-top: 0;
	}
	.portable-section {
		display: none;
	}
    .digital-image {
        margin-bottom: 50px;
    }
    .digital-image p {
        margin-top: 10px;
    }
	.reo-item {
		text-align: center;
	}
	.reo-img {
		display: inline-block;
	}
	.banner-section {
	    background-image: url("../images/s2-mobile-bg.jpg");
	}
	.contact-banner {
		background-image: url("../images/contact-mobile-bg.jpg");
	}
	.contactForm {
		padding-top: 80px;
	}
	.form-wrapper {
		margin-top: 0;
	}
	.contact-form .examp lable {
		display: block;
		margin-bottom: 10px;
	}
	.care-banner {
		background-image: url("../images/care-mobile-bg.jpg");
	}
	
	.p-l50 {
		padding-left: 15px;
	}
	.pro-details .spec-img {
		position: relative;
		top: 0;
	}
	.specific-image {
		float: none;
		text-align: center;
		width: 100%;
		height: auto;
	}
	.specific-image img {
		width: 500px;
		height: auto;
	}
	
}
@media only screen and (max-width: 820px) {
	
}
@media only screen and (max-width: 768px) {
	.float-right {
        top: -10px;
        right: 25px;
    }
	
}
@media only screen and (max-width: 767px) {
	.pop-tab {
		display: none;
	}
	.pop-mob {
		display: block;
	}
	.hero-slide-content {
		max-width: 90%;
		
	}
	.link-widget {
        padding-left: 0px;
    }
    .design {
        padding-top: 0px;
    }
    .pro-head h1 {
        font-size: 40px;
    }
    .extra h2 {
        font-size: 30px;
    }
	.ampere-zeal-section .kms {
		border-right: none;
	}
	.ampere-zeal-section .hrs {
		border-right: none;
	}
	.why-zeal-item {
		text-align: center;
	}
	.why-img {
		text-align: center;
		display: inline-block;
	}
	.error-section h2 {
		font-size: 100px;
		font-weight: 800;
		color: #ddd;
		line-height: 1.4;
		text-align: center;
		letter-spacing: 20px;
		padding-bottom: 10px;
	}
	.intro-left {
		border-right: none;
	}
	
	
}

@media only screen and (max-width: 600px) {
	#header .logo {
		margin: 0;
		padding: 0;
		width: 150px;
	}
	.float-right {
        display: none;
    }
    .mobile-nav-toggle {
        top: 20px;
        
    }
    .mobile-nav {
        width: 100%;
        right: -100%;
        padding-left: 20px;
        padding-right: 50px;
    }
    .mobile-nav a {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
    }
    .mobile-nav .drop-down > a:after {
        padding-left: 10px;
        position: absolute;
        right: 50px;
    }
	.hero-slide-content {
		max-width: 100%;
		padding-left: 50px;
	}
	.hero-slide-content h1 {
		font-size: 40px;
		font-family: 'Playfair Display', serif;
		letter-spacing: 2px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		line-height: 1.3;
	}
	.hero-slide-content h3 {
		font-size: 18px;
		background: #d91a3c;
		padding: 10px;
		color: #fff;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 2px;
		font-weight: 500;
		margin-bottom: 30px;
	}
    .blog-section .blog-img .blog-back-img {
        right: 0px;
    }
    .about-head h2 {
        line-height: 40px;
        font-size: 30px;
    }
    .team-img:after {
        display: none;
    }
    .team-head h1 {
        font-size: 40px;
    }
	.lighter-section .light-content {
		width: 100%;
		padding-top: 10px;
	}
	.quick-toggle  {
		width: 30px;
		line-height: 30px;
		left: -30px;
	}
	.quick-toggle p br {
		display: none;
	}
	#popupMain {
	    display: none !important;
	}
	.location {
		display: none;
	}
	.location_1 {
		display: block;
	}
}
@media only screen and (max-width: 500px) {
    .pro-head h1 {
        font-size: 30px;
    }
    .pro-head h5 {
        font-size: 20px;
    }
    .extra h2 {
        font-size: 20px;
    }
    .banner-section {
	    background-image: url("../images/s2-m-bg.jpg");
	}
	.banner-section,
	.banner-section > .container > .row {
	    min-height: 300px;
	}
	.contact-banner {
		background-image: url("../images/contact-m-bg.jpg");
	}
	.contact-banner,
	.contact-banner > .container > .row {
		min-height: 300px;
	}
	.form-wrapper {
		padding: 55px 20px;
	}
	.care-banner {
		background-image: url("../images/care-m-bg.jpg");
	}
	.care-banner,
	.care-banner > .container > .row {
		min-height: 300px;
	}
}
@media only screen and (max-width: 400px) {
    .team-head h1 {
        font-size: 35px;
    }
    .banner-section,
	.banner-section > .container > .row {
	    min-height: 300px;
	}
	.contact-banner,
	.contact-banner > .container > .row {
		min-height: 300px;
	}
	.swiper-pagination .swiper-pagination-bullet {
		width: 30px;
		height: 4px;
		border-radius: 0 !important;
	}
}