@media screen and (max-width:1700px){
	.fit-to-screen { padding: 20px 0; }
	.w-box-with-radius { padding: 30px 50px; }
	h4 { font-size: 22px; line-height: 25px; padding-bottom: 10px; }
	
}

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

@media screen and (max-width:991px){
	.fit-to-screen { padding: 40px 0; }
	h3 { font-size: 26px; line-height: 35px; }
	.additional-bikes li { width: 50%; }
	h1.font-oleo {
		font-size: 60px;
		line-height: 68px;
	}
}

@media screen and (max-width:767px){
	.w-box-with-radius { padding:30px 30px; }
	.input-group-append { max-width: 30px; }
	.form-control-style-2 { height: 80px; padding: 20px 20px 20px 60px; }
}

@media screen and (max-width:575px){
	.additional-bikes li { width: 100%; }
	.additional-bikes label img { height: 80px; width: 80px; }
	.additional-bikes label span { padding-left: 20px; }
	small { font-size: 15px; line-height: 20px; }
}
@media screen and (max-width:374px){
	.w-box-with-radius { padding: 40px 15px; }
}

/* Responsive CSS Media */
@media screen and (max-width:1599px){	
	.accessories-box {padding: 50px;padding-left: 85px;}
}

@media screen and (max-width:1439px){	
	/* .extra-accessories {margin-top: 65px;} */
	.info-badge h2 {font-size: 24px;}
	.accessories-box .access-box h5 , .accessories-box .access-box .price{font-size: 18px;}
	.accessories-box .access-box .counter button {border-width: 2px;}
	.accessories-box {padding-left: 80px;}
	.accessories-box .access-box .counter {margin-top: 25px;}
	/* .access-box.check-out .price {width: 10%;} */
	.access-box h5 {font-size: 18px;}
	/* .access-box.check-out .counter {width: 22%;} */
	.cardinfo-box label {font-size: 16px;line-height: 24px;}
	.w-box-with-radius.cardinfo-box {padding: 30px 25px;}

	.form-control-style-2 {height: 70px;padding: 20px 20px 20px 70px;}
	.input-group-append {left: 20px;top: 15px;max-width: 40px;}
	h3 {font-size: 30px;line-height: 40px;}

}

@media screen and (max-width:1365px){	
	/* .extra-accessories {margin-top:40px;} */
	.accessories-box .access-box h5 , .accessories-box .access-box .price{font-size: 17px;}
	.accessories-box .access-box .counter input {font-size: 18px;}
	
}

@media screen and (max-width:1279px){	
	.info-badge h2 {font-size: 22px;}
	h4 {font-size: 20px;line-height: 22px;}
	
}

@media screen and (max-width:1023px){	
	/* .access-box.check-out {padding: 20px;} */
	.access-box.check-out h5 {font-size: 18px;}
	.access-box.check-out .counter {width: 20%;}
	.access-box .remove-product {font-size: 12px;}
	.access-box.check-out img {width: 90px !important;}
	.access-box.check-out .counter {width: 40%;}
	.cardinfo-box h4{font-size: 20px;line-height: 24px;}
	.cardinfo-box h6 {font-size: 20px;line-height: 24px;padding-bottom: 10px;}
	#payment-form .form-control {height: 55px;}
	.info-badge h2 {font-size: 20px;}
	h4 {font-size: 18px;line-height: 20px;}
	.access-box.check-out h5 {font-size: 16px;}
	img.broker-logo {height: 200px;width: 200px;}
	.w-box-with-radius-home{height: auto;}
	.main-page-image {padding-top: 80px;}
	.start-btn {padding-top: 140px;}
	.amount h5 {font-size: 18px;}
}

@media screen and (max-width:767px){	
	/* .extra-accessories {margin-top: 20px;} */
	.accessories-box {padding-left: 65px;}
	.accessories-box .owl-nav button.owl-prev {left: -50px;}
	.accessories-box .owl-nav button.owl-next {right: -32px;}
	.accessories-box .access-box .counter {margin-top: 20px;}
	.accessories-box .access-box .counter input{height: 26px;}
	.accessories-box .access-box .counter button {height: 26px;width: 26px;}
	.accessories-box .owl-nav{text-align: center;margin-top: 20px;}	
	.accessories-box .owl-nav button {position: relative;top: auto;}
	.accessories-box .owl-nav button.owl-prev {left: auto;margin-right: 10px;}
	.accessories-box .owl-nav button.owl-next {right: auto;}
	.accessories-box .access-box h5, .accessories-box .access-box .price {font-size: 16px;}
	.accessories-box {padding: 30px}

	.access-box.check-out {border-radius: 8px;margin-bottom: 15px;}
	.access-box.check-out img {width: 75px !important;}
	.access-box.check-out .price {font-size: 16px;}
	.cardinfo-box h6 {font-size: 18px;line-height: 20px;padding-bottom: 10px;}
	.cardinfo-box label {font-size: 16px;line-height: 24px;}
	.icon-input .input-group-text{top: 12px;}
	#payment-form .form-control {height: 50px;}
	#card_exp_month {margin-bottom: 10px;}
	.info-badge {margin-top: 20px !important;}
	.info-badge h2 {font-size: 18px;}
	h5 {font-size: 18px;}
	.access-box .counter span {border-width: 2px;}
	.access-box.check-out .counter {width: 40%;}
	.access-box.check-out h5 {width: 40%;font-size: 14px;}
	.access-box .remove-product {font-size: 10px;}
	h3 {font-size: 26px;line-height: 34px;}
	img.main-big-logo {height: auto;width: 100%;max-width: none;}
	img.broker-logo {height: 160px;width: auto;}
	.start-btn {padding-top: 50px;}
	.main-page-image {padding-top:0;}
	.access-box .counter span {height: 25px;width: 25px;}
	.access-box .counter input {height: 25px;font-size: 16px;}
	.amount h5 , .total-amt h5 {font-size: 16px;}


	
	
}

@media screen and (max-width:639px){
	.accessories-box .access-box h5, .accessories-box .access-box .price {font-size: 15px;}
	.accessories-box .owl-nav button {height: 28px;width: 28px;}
	.accessories-box .access-box .counter input {font-size: 16px;}

	.access-box.check-out .product-box {gap:20px;align-items: end !important;}
	/* .access-box.check-out h5 ,.access-box.check-out .price {width: 100%;} */
	.access-box.check-out h5 {width: 70%;}
	.access-box.check-out .counter{width:50%;}
	.access-box.check-out .counter input {width: 63%;}
	.access-box.check-out img {width: 100px !important;}
	.access-box.check-out .counter {width: 60%;margin-right: auto;}
	/* .product-check-out {flex-direction: column;width: 65%;} */

	.access-box.check-out .price{text-align:right;}
	h5 , h4{font-size: 16px;}
	.info-badge h2 {font-size: 16px;}
	.w-box-with-radius {border-radius: 20px;}
	.cardinfo-box label {font-size: 14px;line-height: 20px;}
	.access-box.check-out h5 {font-size: 16px;}
	h3 {font-size: 22px;line-height: 28px;}
	.form-control {height: 50px;}
	img.broker-logo {height: 150px;}
	
	
}

@media screen and (max-width:479px){	
	.access-box {text-align: center;}
	.extra-accessories h5 {text-align: center;}
	.accessories-box .access-box img {margin: 0 auto;margin-bottom: 10px;}
	.accessories-box .access-box .counter {justify-content: center !important;}
	
	.access-box.check-out h5 {text-align: left;}
	.access-box.check-out .counter {width: 60%;}
	.cardinfo-box label {font-size: 14px;line-height: 22px;}
	#payment-form .form-control {height: 45px;}
	.icon-input .input-group-text {top: 10px;left: 10px;}
	.icon-input .form-control {padding-left: 45px;}
	.form-check-input{width: 16px;height: 16px;margin-right: 6px;}
	.cardinfo-box h4 {font-size: 18px;line-height: 20px;}
	h5, h4 {font-size: 14px;line-height: 18px;}
	.w-box-with-radius {padding: 20px 15px; }

	.access-box.check-out .product-box{gap: 10px;flex-wrap: wrap;align-items: start !important;}
	.access-box.check-out .counter {width: 95%;}
	.product-check-out {gap: 15px;}
	.access-box.check-out .price {font-weight: 600;font-size: 18px;}
	.checkout-container {padding: 20px 15px;}
	.access-box.check-out:not(:last-of-type) .product-box {margin-bottom: 0;}
	.access-box.check-out {border-radius: 0;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #d3c1c1;}
	.total-amt {margin-top: 0;}
	.access-box.check-out img {height: 100px;}
	.w-box-with-radius.cardinfo-box {padding: 15px;}
	h3 {font-size: 20px;line-height: 24px;}
	h3 br {display: none;}
	.form-control-style-2 {height: 55px;padding: 15px 10px 15px 60px;}
	.input-group-append {left: 18px;top: 13px;max-width: 30px;}
	img.broker-logo {height: 100px;}
	.w-box-with-radius-home {padding: 40px 30px;}
	.amount {padding-top: 0;border-top: none;}
	.access-box.check-out .price {width: 30%;}
	.access-box.check-out h5 {font-size: 14px;}
	
	
}

@media screen and (max-width:359px){	
	.access-box.check-out .product-box{align-items: end !important;}
	.access-box.check-out img {width: 130px !important;height: auto;}
	h3 {font-size: 18px;line-height: 22px;}
	h5 {margin-bottom: 5px;}
	.access-box.check-out h5 {width: 60%;}
	.access-box.check-out .counter {width: 80%;}
	.access-box.check-out .price {font-size: 14px;font-weight: 500;}
	.amount h5, .total-amt h5 {font-size: 14px;font-weight: 500;}
	.amount h5 {margin-bottom: 5px;}
	.access-box.check-out {margin-bottom: 10px;padding-bottom: 10px;}
	.access-box .counter span {height: 20px;width: 25px;font-size: 18px;border-width: 1px;}
	.access-box .counter input {height: 22px;font-size: 14px;}
	.form-control {font-size: 12px;}
	
}