@media only screen and (max-width: 499px) and (min-width: 300px){
.container, .container-lg, .container-fluid, .container-xl {max-width: 88%;} 
header .theme_btn {
	font-size: 12px;
	padding: 10px 0;
	width: 100%;
}
.navbar-toggler i {
	color: #fff;
	display: grid;
	place-content: center;
	width: auto;
	padding: 0;
	height: 35px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 1rem .7rem;
  color: #000;
  border-bottom: 1px solid #eee;
  border-radius: 0;
}
.banner {
	height: 55vh;
	padding: 1em 0;
}
.banner .btn_div {
	display: flex;
	gap: 10px;
	margin-top: 30px;
	justify-content: center;
	align-items: center;
}
.bg-video {
	width: 100%;
	height: 55vh;
}
.banner .banner-title {
	font-size: 35px;
	line-height: 40px;
}
.banner img {
	margin-top: 30px;
}
.img_div {
	margin-top: 20px;
}
.How_it_Works .img_div img {
	width: 100%;
}
.How_it_Works .content .box .info p {
  font-size: 15px;
  line-height: 17px;
}
.form_div {
	width: 95%;
	margin: auto;
}
.specs_list {
	margin-top: 30px;
}
.Specs .col-lg-4 {
	margin-bottom: 20px;
}
.row.mt-5.align-items-center {
	margin-top: 15px !important;
}
.footer-box.footer-links {
	margin-top: 30px;
}
.theme_btn, .light_btn {
	padding: 10px !important;
	font-size: 14px !important;
	font-family: var(--font2) !important;
}
.footer-box.footer-contact {
	margin-top: 20px;
}
#header {
	padding: 5px 0;
}
.navbar-nav {
	position: fixed;
	left: 0;
	right: 0;
	min-width: 100%;
	background: #fff;
	text-align: center;
	display: block;
	margin-top: 0;
	border: none;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 50px 50px -70px #000;
}
.navbar-toggler {
	box-shadow: none !important;
	outline: none !important;
}
.header.fixed_top .navbar-toggler i {
	color: var(--color-2);
}
.introduction_sec .inro h1{
	font-size: 35px;
}
.How_it_Works .content.left_padding_100 {
	padding: 0px !important;
}
.How_it_Works .hiw_heading h1 {
	font-size: 35px;
	line-height: normal;
	margin-bottom: 10px;
}
.How_it_Works .content .box {
	gap: 18px;
	padding: 20px 0;
}
.How_it_Works .content .box .icon {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
}
.pricing_plans {
	grid-template-columns: none;
	gap: 40px;
}
.pricing_section .heading h1 {
	margin-bottom: 0;
	font-size: 35px;
	font-family: var(--font2);
}
.heading p {
	font-size: 16px;
	line-height: 19px;
}
.faq_sec .info.right_padding_100 {
	padding-right: 0;
}
.heading h1 {
	font-size: 35px;
	font-family: var(--font2);
	color: #333;
}
.contact-box {
  padding: 30px 0;
}
.divider {
	border: none;
}
.footer-box.footer-links img {
	width: 150px;
	display: block;
	margin: auto;
}
.section-padding {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
}