body{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	margin:0;
}
/* header */

header {
	width:100%;
	
}
img {
	width:100%;
}

.header-nexd {
	background:url(../images/NEXD-banner-img.jpg) no-repeat;
	width: 100%;
    display: block;
    height: 350px;
    background-size: cover;
	position:relative;
}

 .header-cls {
	width: 100%;
    padding-top: 10px;
    background: rgb(51 136 255 / 45%);
    height: 130px;
}

.header-cls .top-header {
	width:100%;
	margin:5px 0px;
}

.header-cls .top-header img {
	max-width: 150px;
}

.header-cls .main-menu  {
	    display: inline-block;
    margin: 16px 0px 0px 0px;
    width: 100%;;
}

.header-cls .main-menu ul {
	margin:0px;
	padding:0px;
}

.header-cls .main-menu ul li {
	list-style-type:none;
	display:inline-block;
	margin-right:10px;
	font-size:18px;
	font-weight:bold;
}
.header-cls .main-menu ul li a {
	padding:7px 10px 10px 10px;
	color:#fff;
	text-decoration:none;
}
.header-cls .main-menu ul li a.active, .header-nexd .header-cls .main-menu ul li a:hover {
	background:#000;
}

.banner-caption {
	width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-20%);
    background: rgb(0 0 0 / 50%);
    padding: 3px;
    z-index: 999;
    display: block;
    color: #fff;
    max-width: 460px;
    bottom: 60px;	
}


.banner-caption h2 {
	padding: 0px;
    margin: 0px;
    font-size: 26px;
    font-weight: bold;
}

 .banner-caption h4 {
	padding:0px;
	margin:0px;
	font-size: 16px;
    font-weight: bold;
}

.content-wrapper {
	padding:25px 0px;
}

.content-wrapper h2 {
	font-size:24px;
	color:#000;
	font-weight:bold;
}


.content-wrapper h4 {
	font-size: 16px;
    color: #000;
    padding: 0;
    margin: 5px 0;
    line-height: 20px;
}

.content-wrapper h6.em {
	font-style: italic;
    font-size: 13px;
    line-height: 18px;
    margin-top: 30px;
	color:#254c8f;
}


.content-wrapper h3 {
	font-size: 18px;
    color: #254c8f;
    padding: 0;
    margin: 35px 0px 5px 0;
    line-height: 20px;
}

.content-wrapper p {
	font-size: 14px;
    color: #000;
    padding: 0;
    margin: 5px 0;
    line-height: 20px;
}

.footer-cls {
	width: 100%;
    display: inline-block;
    border-top: solid 3px #ff401c;
    padding: 20px 0px;
    text-align: center;
    font-size: 14px;
	margin-top:50px;
}

.about-wrapper {
	padding:25px 0px;
}

.about-wrapper h3 {
	font-size: 22px;
    color: #f00;
    padding: 0;
    margin: 25px 0px 0px 0;
    line-height: 26px;
}

.about-wrapper p {
	font-size: 13px;
    color: #000;
    padding: 0;
    margin: 0;
    line-height: 20px;
}

.products-wrapper  {
	padding:25px 0px;
}


.products-wrapper img {
	margin-top:30px;
}

.products-wrapper h3 {
	font-size: 22px;
    color: #3089fa;
    padding: 0;
    margin: 25px 0px 0px 0;
    line-height: 28px;
	font-weight:bold;
}

.products-wrapper p {
	font-size: 13px;
    color: #000;
    padding: 0;
    margin: 20px 0px 0px 0;
    line-height: 20px;
	font-weight:bold;
}

.blue-text {
	color: #3089fa !important;
}

.contact-wrapper {
	padding:25px 0px;
}

.contact-wrapper h2 {
	font-size: 22px;
    color: #000;
    padding: 0;
    margin: 15px 0px 0px 0;
    line-height: 26px;
	font-weight:bold;
}

.contact-wrapper p {
	font-size: 16px;
    color: #000;
    padding: 0;
    margin: 2px 0px 0px 0;
    line-height: 20px;
	font-weight:bold;
}

.contact-wrapper .email-contact {
	margin:20px 0px 15px 0px;
	color:#000;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
}

.contact-form {
	margin-top:20px;
}

.contact-form label {
	padding:0px;
	margin:0px;
	font-size:13px;
}
.contact-form .form-group {
	margin-bottom:5px;
}

.contact-form .form-group .form-control {
	background:#e1e1e1;
	border-radius:2px;
}

.contact-form .submit-button {
	color: #000;
    background: #3089fa;
    margin: 10px 0px;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 20px;
    border-radius: 2px;
}

.thank-you {
	padding: 10% 15px;
	width:100%;
	height:100vh;
	text-align:center;
}

a.return-btn {
	color: #000;
    background: #3089fa;
    margin: 30px auto;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 20px;
    border-radius: 2px;
	width:170px;
	display:inline-block;
	text-decoration:none !important;
	margin-bottom:50%;
}




/* Media query starts here */

@media only screen and (max-width:991px) {
.header-nexd .banner-caption {
    transform: translateX(-50%);
}
	
}


@media only screen and (max-width:767px) {
.products-wrapper h3 {
    font-size: 16px;
    line-height: 20px;
}
	
.header-cls .main-menu {
    display: inline-block;
    margin: 19px 0px 0px 0px;
}	

.header-cls .main-menu ul li {
    margin-right: 0px;
    font-size: 14px;
}

.header-cls .main-menu ul li a {
    padding: 7px 5px 10px 5px;
}

.header-nexd {
    height: 400px;
}




	
}


@media only screen and (max-width:500px) {
	
.middle-head .logo-head {
    float: none;
	display: block;
	margin: 0 auto;
}


.middle-head .address-head {
	width: 200px;
    float: none;
    display: block;
    margin: 10px auto;
}




}




/* Media query ends here */

