@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{margin: 0;padding: 0;}

:root
{
	--black: #000;
	--white: #fff;
	--red: #E2000F;
	--dark: #121212;
	--smoke: #F8F9F9;
	--grey: #707070;
	--font: 'Montserrat', sans-serif;
  --poppin: 'Poppins', sans-serif;
}

body
{
	background: var(--white);
	font-family: var(--poppin);
    overflow-x: hidden;
}

@media only screen and (max-width:480px)
{
	.smllogo img
	{
		width:95%;
	}

	.service-list
	{
		margin-top: 75px;
		margin-bottom:0;
	}

	.seprator
	{
		height: 35px;
		margin: 0 2px;
	}

	.service-list .slick-slide img
	{
		max-width: 63px;
	}

	.service-name h5.f_light
	{
		font-size: 12px;
	}

	.service-name h5.f_bold
	{
		font-size: 12px;
	}

	.banner-text
	{
		padding: 0px 30px 30px 30px;
	}

	.banner-text h1
	{
		font-size: 32px;line-height: 40px;
	}

	/*.select-brand
	{
		display: none;
	}*/
	
	.choose-car
	{
	    margin-top:0;
	}

	.choose-car-phview
	{
		margin-top: 10px;
		display: block;
	}

	.choose-car-phview .payment-cards
	{
		display: flex;justify-content: space-between
	}

	.choose-car-phview button
	{
		width: 100%;
	}

	.choose-car-phview p
	{
		text-align: center;
		margin-top: 10px;
	}

	.book-service h2, .how-works h2
	{
		text-align: center;margin-bottom: 25px;
	}

	.book-service h2 span, .how-works h2 span
	{
		display: inline!important;
	}

	.service-book-btn
	{
		width: 100px;height: 100px;
	}

	.service-book-btn .hobbies-icon img
	{
		height: 40px;
	}

	.hobbies-icon p{
		font-size: 14px;
	}

	.service-book-buttons label.custom-service-book
	{
		margin-right: 10px;
	}

	.service-book-btn .hobbies-icon .service-img
	{
		padding: 10px 30px 0 30px;
	}

	.service-booki
	{
		display: none;
	}

	.timeline
	{
		display: none;
	}

	.timeline-vertical
	{
		display: block;margin: auto;
	}

	.popular-service h2.desktop, .popular-service .desktop
	{
		display: none;
	}

	.popular-service h2.desktop, .popular-service .mobile{
		display: block;
	}
	
	.popular-service h2.desktop
	{
	    display:none;
	}

	.popular-service h2.mobile
	  {
	    display: block;
	    margin-bottom: 30px;
	  }

	  .popular-service .bg-red
	  {
	  	padding: 25px;
	  	text-align: center;
	  	margin-bottom: 25px;
	  }

	.popular-service .mobile .card-body
	{text-align: left;
        height: 100%;
        border: 1px solid rgb(255 255 255 / 50%);
        margin-left: 2px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;}

	.popular-service .mobile .card-body h5
	{font-size: 14px;font-weight: 700;line-height: 16px;}

	.popular-service .mobile .card-body p{
		font-size: 10px;font-weight: 400;line-height: 14px;
	}

	.popular-service .mobile .card{
		background: none;color: var(--white);
	}


	.popular-service .mobile .card-body a.btn-white-bdr
	{
		font-size: 12px;font-weight: 700;
		color: var(--white);
		text-decoration: none;
		border: 1px solid var(--white);
		padding: 6px 10px;
        border-radius: 3px;
        position: absolute;
	    right: 6px;
	    bottom: 6px;
	}

	.desktop-serve
	{
		display: none;
	}

	.desktop-annual-service
	{
		display: none;
	}

	.mobile-annual-service
	{
		display: block;
	}

	.mobile-serve
	{
		display: block;
	}

	.mobile-serve h2
	{
		text-align: center;margin-bottom: 30px;
	}

	.we-serve .banner img
	{
		height: inherit;
	}

	.mobile-serve p{
		font-size: 12px;line-height: 16px;font-weight: 400;
	}

	.we-serve p
	{
		width: inherit;
	}

	.we-serve .flex-btn .btn-theme
	{
		width: 168px;
		font-size: 12px;
	}

	.we-serve .flex-btn .btn-outline
	{
		margin-left: 5px;
		width: 168px;
		font-size: 12px;
	}

	.mobile-annual-service h2
	{
		text-align: center;margin-bottom: 30px;
	}

	ul.bullet-img
	{
		margin-top: 10px;
	}

	ul.bullet-img li{
		font-size: 12px;
		line-height: 31px;
	}

	.client-review h2
	{
		text-align: center;
	}

	.client-review p{
		font-size: 12px;
		text-align: center;
	}
	
	.testi
	{
	    padding: 15px;
	}

	.testi-box p{
		text-align: left;
	}

	.about-footer
	{
		width: inherit;
	}

	.about-footer p
	{
		font-size: 12px;
	}

	.white-chit
	{
		padding: 15px 10px;
	}

	.white-chit .whatsapp
	{
		flex-direction: column;
	}

	.what-flex .whatsapp-btn
	{
		width: 40px;
		margin-right: 7px;
	}

	.what-flex h5
	{
		font-size: 14px;
	}

	.what-flex p
	{
		font-size: 10px;
	}

	.whatsapp button
	{
		font-size: 12px;
		width: 136px;
	}

	.whatsapp .input-group input::placeholder
	{
		font-size: 10px;
	}

	.whatsapp .input-group .input-group-text img{
		width: 34px;
	}

	.whatsapp input
	{
		margin-right: 120px;
		font-size: 12px;
	}

	.copyright-flex
	{
		flex-direction: column;
	}

	.copyright-flex p{
		font-size: 10px;
		text-align: center;
		color: var(--dark);
	}

	#signUpForm
	{
		padding: 100px 0!important;
	}

	#signUpForm .form-header
	{
		margin-bottom: 0!important;
	}

	#signUpForm .form-footer button
	{
		margin-top: 0;
	}

	.land-flex
	{
		margin-bottom: 20px;
		margin-top: 20px;
	}



	#signUpForm .ph-ps, .radio-buttons_3 .ph-ps
	{
		padding-left: 12px!important;
	}

	#signUpForm .ph-pe, .radio-buttons_3 .ph-pe
	{
		padding-right: 12px!important;
	}

	#signUpForm .ph-pe img, .radio-buttons_3 .ph-pe img{
		border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
	}

	.custom-radio_3 input:checked + .radio-btn_3
	{
		border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        position: relative;
	}

	.custom-radio_3 input + .radio-btn_3
	{
		position: relative;
	}
	
	.radio-btn
	{
	    width: 80px;height: 80px;
	}

	.other-service-book-buttons label.other-custom-service-book
	{
		margin-right: 0;
	}

	.other-service-book-buttons
	{
		justify-content: space-between;
	}

	.other-service-book-btn
	{
		width: 143px;
	}

	#signUpForm .bdr-right{
		border-right: 0;
	}

	#signUpForm .point2 .card img
	{
		height: 131px;
		object-fit: cover;
	}

	#signUpForm .point2 .ph-flex-column
	{
		flex-direction: column;
	}

	.product-tabs #myTab
	{
		margin-top: 80px;
	}

	.product-tabs .nav-tabs .nav-link
	{
		width: 110px;
	}

	.listing
	{
		border-right: none;
		padding: 20px 0;
	}
	
	.product-tabs .tab-content .listing .listing-flex
	{
	    flex-direction: column;
	}
	
	.product-tabs .tab-content .listing .listing-flex img{
	    width: 100%;
	    height: inherit;
	}

	.product-tabs .tab-content .listing .listing-flex ul.red-bullet
	{
		flex-direction: column;
	}

	.product-tabs .tab-content .listing .listing-flex ul.green-check
	{
		flex-direction: column;
	}

	.product-tabs .tab-content .listing .listing-flex ul.green-check li
	{
		width: inherit;
	}

	.rating-cart-flex
	{
		flex-direction: column;align-items: start;
	}

	.merge-cart
	{
		margin-top: 10px;
	}
	
	#FindBrand
	{
	    margin-top:50%;
	}
	
	.cart_coun sup
	{
	    left: 103px;
	}

    .bg-red-opc
    {
       width:65%;padding:40px!important;   
    }
    
    .bg-red-opc form
    {
        position:absolute;
        width:100%;
        left:0;
    }
    
    .signonsocial
    {
        color: var(--black);font-size:14px;
    }
    
    #login
    {margin-bottom:570px;}
    
    .login-bg
    {
        position:relative;
    }
    
    .flex-country input
    {
        width:180px;
    }
    
    .contact_info_sec
    {
        position:inherit;width:inherit;border-radius:0;margin:15px 0;
    }
    
    .contact_field
    {
        padding: 60px 30px 60px 30px;
    }
    
    footer .border-btn
    {
        /*width:165px;*/
        margin-bottom:10px;
    }
    
    footer .flex-btn
    {
        flex-direction: column;
    }

}

@media only screen and (min-width: 600px) {
	.footer-fix{
		display: block !important;
		margin: 10px 0 !important;
	}
	.footer-fix a {
		margin: 5px 0 !important;
	}
	.about-footer p {
		    padding: 0 20px 0 0;
		font-size: 14px;
	}
	
}



@media screen and (max-width: 1024px) {
.wsmenu {
    width: 85%!important;
}
}

@media screen and (max-width: 768px) {
    .cart_coun sup {
        left: 311px !important;
        padding: 1px 6px;
        top: -20px;
    }
}


@media screen and (max-width: 425px) {
  .cart_coun sup {
    left: 232px !important;
    padding: 1px 6px;
  }
}


@media screen and (max-width: 375px) {
  .cart_coun sup {
    left: 182px !important;
    padding: 1px 6px;
  }
}

@media screen and (max-width: 375px) {
  .cart_coun sup {
    left: 167px !important;
    padding: 1px 6px;
  }
}

@media screen and (max-width: 320px) {
  .cart_coun sup {
    left: 128px !important;
    padding: 1px 6px;
  }
}