/*===== default css  =====*/
html{
  scroll-behavior: smooth;
}
body{
	padding: 0;
	margin: 0;
}
/*=====banner css =====*/
.banner{
	width: 100%;
	height: auto;
	float: left;
	background: #3d6086;
	padding: 50px 0px 50px 0px;
}
.banner h1{
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 48px;
	margin-bottom: 0px;
}
.banner h5{
	text-align: center;
	color: #fff;
	margin-bottom: 50px;
}

.my-video{
	width: 100%;
	height: 360px;
	border: 5px solid #fff;
}
.main-form{
	width: 100%;
	height: auto;
	background: #e6e6e6;
	padding: 40px 15px 30px 15px;
	border-radius: 5px;
}
.main-form h3{
	text-align: center;
	font-weight: bold;
}
.main-form p{
	text-align: center;
}


.form-control{
	height: 40px;
}
.btn-primary{
	height: 50px;
	font-weight: bold;
	letter-spacing: 2px;
}
/*=====product css =====*/
.product{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	padding: 50px 0px 50px 0px;
}
/*===== css =====*/

.product-form{
	width: 100%;
	height: auto;
	float: left;
	background: #f7714c;
	padding: 50px 0px 50px 0px;
}
/*===== testimonials css =====*/
.testimonials{
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	padding: 50px 0px 50px 0px;
}
.testimonials h4{
	text-align: center;

}
.testimonials img{
	padding: 10px;
	box-shadow: 1px 1px 10px gray;

}
/*===== css =====*/
.footer{
	width: 100%;
	height: auto;
	float: left;
	background: #3d6086;
	padding: 60px 0px 50px 0px;
}
.footer p{
	text-align: center;
	color: #fff;
}
/*===== css =====*/
/*===== css =====*/
.btn-primary{
	background: #3d6086;
	border: none;
}

/*===== Computer and large & extra-large device=====*/
@media screen and (min-width: 768px)
{
 /*===== Start only computer css =====*/

}
/*===== Mobile, tab and medium & small device =====*/
@media screen and (max-width: 768px)
{
	/*===== start Mobile css =====*/
 
.banner h1{
	font-size: 32px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.banner h5{
	margin-bottom: 20px;
}

.my-video{
	height: 250px;
	margin-bottom: 20px;
}



}