*{ 
	font-family:'Lato';
}
.text-center img {
	display: inline-block;
}
header {
	padding: 0px;
}
header .header-top {
	background-color: #fff;
	padding: 20px 0px;
}
header .header-contact a {
	text-decoration: none;
	color: #f04a50;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
  font-family: 'Roboto';
}
header .header-contact {
	padding-top: 20px;
}
header .mainmenu ul li a{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
    font-weight: 700;
    text-transform: uppercase;
  font-family: 'Roboto';
    padding: 19px 40px;
}
header .mainmenu ul li {
}
header .mainmenu ul li:first-child {
	padding-left: 0px;
}
header .menu-wrap {
	background-color: #3276b5;
	padding: 15px 0px;
}
/*************SUB MENU*************/
.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:last-child:hover .sub-menu {right: 0;}
.mainmenu li:hover .sub-menu{ display:block; }
.mainmenu .sub-menu li{padding:0px !important;}
.mainmenu .sub-menu li a { background-color: #fff;  display: block;  padding: 10px 15px !important;  text-align: left; color: #000 !important;  text-decoration: none;  transition: all 1s ease-in-out 0s;}
.mainmenu .sub-menu li a:hover { background:#fff !important; padding-left:25px; color: #000 !important;}
.col-md-5ths {
	width: 20%;
	float: left;
}

/*******MAIN MENU*********/
header .mainmenu .navbar {
	margin: 0px;
	padding: 0px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  margin: 0px;
}
header .mainmenu .navbar-nav a.active,
header .mainmenu .navbar-nav a:focus,
header .mainmenu .navbar-nav a:hover {
	background-color: #33a6d7;
}
header .header-bottom {
	position: relative;
}
header .header-bottom .banner-contents {
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	width: 100%;
}
header .banner-contents h3 {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
  font-family: 'Roboto';
}
.banner-contents p {
	font-size: 24px;
	color: #fff;
	line-height: 1.3;
	padding-top: 0px;
  font-family: 'Roboto';
}
.banner-contents a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 13px 30px;
  font-family: 'Roboto';
}
.banner-info {
	background-color: rgba(0,0,0,0.5);
	padding: 40px;
	width: 50%;
}
/*********** CAROUSEL NAV***********/
header .header-bottom .owl-prev {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/banner-left-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 64px;
	left: 5%;
	position: absolute;
	text-indent: -99999px;
	top: 45%;
	width: 33px;
}
header .header-bottom .owl-next {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/banner-right-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 64px;
	right: 5%;
	position: absolute;
	text-indent: -99999px;
	top: 45%;
	width: 33px;
}

/**********CAROUSEL DOTS***************/
header .header-bottom .owl-theme .owl-controls {
    margin-top: 0;
}
header .header-bottom .owl-dots {
	bottom: 30%;
	left: 36%;
	position: absolute;
}
header .header-bottom .owl-theme .owl-dots .owl-dot span {
	background-color: #fff;
}
header .header-bottom  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ee2d1e;
}
.heading h3 {
	font-size: 36px;
	color: #3276b5;
	font-weight: 700;
	text-transform: uppercase;
}
.heading {
	padding-bottom: 30px;
}
.services-section {
	background-color: #fff;
	padding: 90px 0px;
}
.services-img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: auto;
	border: 2px solid #33a6d7;
	text-align: center;
	padding-top: 15px;
}
.services-contents {
	text-align: center;
	padding-top: 20px;
}
.services-contents h3 {
	font-size: 20px;
	color: #f04a50;
	font-weight: 700;
	text-transform: uppercase;
}
.services-contents p {
	font-size: 16px;
	color: #535353;
	line-height: 1.5;
}
.services-contents a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 13px 30px;	
}
.welcome-contents h3 {
	font-size: 36px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.welcome-contents p {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 25px;
  font-family: 'Roboto';
}
.welcome-contents a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 13px 30px;	
  font-family: 'Roboto';
}
.welcome-section {
	background-image: url(img/others/welcome-bg.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	padding: 350px 0px;
}
.area-section {
	background-color: #fff;
	padding: 90px 0px;
}
.area-contents {
	text-align: center;
	padding: 20px 20px 40px;
	background-color: #f5f5f5;
	position: relative;
	min-height: 205px;
	box-shadow: 0px 4px 3px #d6d6d6;
	-webkit-box-shadow: 0px 4px 3px #d6d6d6;
	-moz-box-shadow: 0px 4px 3px #d6d6d6;
}
.read-btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -23px;
}
.area-contents h3 {
	font-size: 20px;
	color: #f04a50;
	font-weight: 700;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.area-contents p {
	font-size: 16px;
	color: #535353;
	line-height: 1.5;
  font-family: 'Roboto';
}
.area-contents a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 13px 30px;	
  font-family: 'Roboto';
}
.why-heading p {
	font-size: 16px;
	line-height: 1.7;
	color: #535353;
  font-family: 'Roboto';
}
.why-contents h3 {
	font-size: 26px;
	font-weight: 700;
	color: #535353;
	text-transform: uppercase;
}
.why-section {
	background-color: #fff;
	padding: 50px 0px 120px;
}
.why-contents p {
	font-size: 16px;
	color: #535353;
	line-height: 1.6;
	margin-bottom: 25px;
}
.why-wrap .col-md-6:first-child .why-contents {
	border-right: 1px solid #e5e5e5;
	height: 100%;
}
.why-contents img {
	padding-bottom: 20px;
}
.test-section {
	position: relative;
	background-image: url(img/others/test-img.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 140px 0px;
}
.test-contents h3 {
	font-size: 36px;
	font-weight: 700;
	color: #3276b5;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.test-contents p {
	font-size: 16px;
	color: #535353;
	line-height: 1.6;
	margin-bottom: 25px;
  font-family: 'Roboto';
}
.test-contents h4 {
	font-size: 16px;
	font-weight: 700;
	color: #f04a50;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.test-contents {
	background-color: #fff;
	padding: 40px;
	width: 60%;
	margin-left: 60px;
}
/*********** CAROUSEL NAV***********/
.test-section .owl-prev {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/test-left-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 50px;
	left: 0%;
	position: absolute;
	text-indent: -99999px;
	top: 29%;
	width: 50px;
	border-radius: 0px !important;
}
.test-section .owl-next {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/test-right-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 50px;
	left: 0%;
	position: absolute;
	text-indent: -99999px;
	top: 48%;
	width: 50px;
	border-radius: 0px !important;
}
.blog-section {
	background-color: #fff;
	padding: 90px 0px;
}
.blog-contents h3 {
	font-size: 17px;
	color: #33a6d7;
	font-weight: 700;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.blog-contents p {
	font-size: 16px;
	color: #535353;
	line-height: 1.5;
  font-family: 'Roboto';
}
.blog-contents a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 13px 30px;	
  font-family: 'Roboto';
}
.blog-contents {
	padding-top: 20px;
}
.contact-wrap {
	background-color: #33a6d7;
	min-height: 500px;
	padding: 5% 63% 5% 5%;
	position: relative;
}
.map-section {
	background-color: #33a6d7;
}
.contact-wrap::before {
	position: absolute;
	content: "";
	background-image: url(img/others/blue-shape.png);
	background-repeat: no-repeat;
	left: -123px;
	top: 0;
	width: 123px;
	height: 100%;
	background-size: cover;
}
.contact-wrap h3 {
	font-size: 28px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
  font-family: 'Roboto';
  letter-spacing: 1px;	
  margin-bottom: 25px;
}
.contact-form .form-control {
	border-radius: 2px;
  font-family: 'Roboto';
	font-size: 16px;
	color: #535353;
}
.contact-form input {
	height: 50px;
}
.map iframe {
	height: 566px;
}
.contact-form textarea {
	height: 150px;
}
.contact-form .form-control::-webkit-input-placeholder {
  color: #535353;
  opacity: 1;
}

.contact-form .form-control::-moz-placeholder {
  color: #535353;
  opacity: 1;
}

.contact-form .form-control:-ms-input-placeholder {
  color: #535353;
  opacity: 1;
}

.contact-form .form-control::-ms-input-placeholder {
  color: #535353;
  opacity: 1;
}

.contact-form .form-control::placeholder {
  color: #535353;
  opacity: 1;
}
.contact-form a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
	text-transform: uppercase;
	background-color: #f04a50;
	padding: 7px 40px;
  font-family: 'Roboto';

}
.footer-section {
	background-color: #343434;
	padding: 50px 0px 70px;
}
.footer-wrap h3 {
	font-size: 17px;
	color: #fff;
	margin-bottom: 15px;
  font-family: 'Roboto';
	text-transform: uppercase;
}
.footer-wrap ul li a {
	text-decoration: none;
	font-size: 15px;
	color: #dedede;
}
.footer-wrap ul li {
	padding-bottom: 2px;
}
.footer-menu p {
	font-size: 15px;
	color: #dedede;
	margin-bottom: 10px;	
}
.footer-wrap ul li a i {
	margin-right: 6px;
}
.footer-menu h4 {
	font-size: 16px;
	color: #33a6d7;
	text-transform: uppercase;
  font-family: 'Roboto';
}
.footer-contact ul li {
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: left 7px;
	padding-bottom: 10px;
}
.social-icons ul li a {
	text-decoration: none;
	color: #dedede;
	font-size: 25px;
}
.social-icons ul li {
	padding-right: 8px;
}
.copyrights p {
	font-size: 13px;
	color: #bcbbbb;
	margin-bottom: 0px;
}
.copyrights {
	padding-top: 20px;
}
/*Custom Css*/
/*CUSTOM CSS*/

.overview-holder h3 a {
	color: #000000;
	text-decoration: none;
}
	.single-slider .overview-holder h3 br {
	display: none;
    }
	.overview-holder ul li{
		line-height: 2;
		font-size:15px;
		padding-bottom: 5px;
	}
	.overview-holder h3 {
	   font-size: 21px;
	   font-weight:700;
	   text-transform: Uppercase;
	   margin-bottom:9px;
 	   color: #0a0a0a;
	   font-family: 'Roboto';
	}
	.overview-holder h4 {
		font-size: 19px;
		font-weight: 700;
		text-transform: capitalize;
		padding-top: 0px;
		color: #0a0a0a;
		font-family: 'Roboto';
	}

	.single .overview-holder h3 {
		margin-bottom: 8px;
}
	
	blockquote p {
		font-size: 15px !important;
	}
	.btn-1,.btn-1:active,.btn-1:hover,.btn-1:focus {
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		background-color: #ffcf40;
		padding: 9px 28px;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 50px;
	}
.btn.btn-read{
		color: #fff;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 700;
		border: 1px solid #9f9f9f;
		padding: 10px 19px;
		border-radius: 4px;
		background-color: #ffcf40;
		border:none;
		text-decoration:none;
		margin-bottom: 19px;
}

.archive .overview-holder h3 {
	font-weight: 500;
}
.header-middle.sticky-element-original.element-is-sticky .navbar-brand {
    width: 200px;
}
.header-middle.sticky-element-original.element-is-sticky {
padding: 10px 0px !important;
    background-color: #fff;
    z-index: 999999 !important;
}
.header-middle.sticky-element-original.element-is-sticky .mainmenu li.nav-item a.nav-link { font-size: 18px;}
.header-middle.sticky-element-original.element-is-sticky .mainmenu .navbar-nav {
    margin-left: 150px;
}
.overview-holder img {
	padding-top: 10px;
}
 .mainmenu a {
font-family: 'Roboto';
	color: #212121;

}
#wpforms-submit-81,#wpforms-submit-80{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
	text-transform: uppercase;
	background-color: #f04a50;
	padding: 7px 40px;
	font-family: 'Roboto';
}
.contact-form .btn.btn-submit {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
	text-transform: uppercase;
	background-color: #f04a50;
	padding: 7px 40px;
	font-family: 'Roboto';
	height: auto;
}
.contact-form p {
	display: none;
}
.mc4wp-alert.mc4wp-error p {
	color: #fff;
}
header .mainmenu nav.navbar .navbar-nav li.current-menu-item a,header .mainmenu nav.navbar .navbar-nav li.current-menu-item a:active{
background-color: #33a6d7;
	}
a,a:hover{outline:none;}

img.alignright { float: right; margin: 0 0 1em 1em; }
	img.alignleft { float: left; margin: 0 3em 1em 0; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.alignright { float: right; }
	.alignleft { float: left; }
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.overview-holder {
		padding-top: 30px;
        padding-bottom: 28px;
		font-size: 15px;
		line-height: 2em;
		text-align: justify;
	}

	.blog_pge {
		padding-top: 25px;
		padding-bottom: 37px;
	}

	.overview-holder ul li{
		line-height: 2;
		font-size:15px;
		padding-bottom: 5px;
	}
	.overview-holder h3 {
	   font-size:20px;
	   font-weight:500;
	   text-transform: uppercase;
	   margin-bottom:9px;
 	   color: #000000;
	font-family: 'Roboto';
	}
   .overview-holder p{

}
  .overview-holder strong {
	font-weight: 500;
}
.single-slider h3 br {
	display: none;
}
  
	.blog-pge1 h3 {
	   font-size: 20px;
	   font-weight:500;
	   text-transform: uppercase;
	   margin-bottom:7px;
	  color: #000000;
	font-family: 'Roboto';
	}
.blog_con h3 {
	font-size: 20px;
	color: #3e3d3d;
	font-weight: 700;
}
	.overview-holder h4 {
		font-size: 16px;
		font-weight: 700;
		 text-transform: uppercase;
		padding-top: 0px;
		color: #3e3d3d;
    font-family: 'Roboto';
	}

	.single .overview-holder h3 {
		margin-bottom: 10px;
}
.header-middle.header-middle-all {
	border-bottom: 1px solid #808080;
}
	
	blockquote p {
		font-size: 15px !important;
	}
	.btn-1,.btn-1:active,.btn-1:hover,.btn-1:focus {
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		background-color: #ed1c24;
		padding: 9px 28px;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 50px;
	}
.btn.btn-read1{
		color: #fff;
		font-size: 15px;
		text-transform: uppercase;
		font-weight: 700;
		padding: 10px 19px;
		border-radius: 20px;
		background-color: #ed1c24;
		border:none;
		text-decoration:none;
		margin-bottom: 19px;
}
.btn.btn-read1 {
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #f04a50;
	background-color: #f04a50;
	padding: 8px 19px;
	font-family: 'Roboto';
}
#archives-3 ul li{list-style:none;}
	.blog_archive_holder.right_side {
		border: 1px solid #ddd;
		padding: 11px;
	}
	#archives-3{
		list-style: none;
		padding: 10px;
	}
	#archives-3 h4{
		color: #3e3d3d;
		font-size:17px;	
	}
	.blog_pge_img {
		border: 1px solid #eee !important;
		padding: 2px;
		margin-top: 5%;
	}
	.blog_pge a {
		text-decoration: none !important;
	}
/*** CUSTOM PAGINATION ***/
	.custom-pagination {text-align: center;}
	.custom-pagination span,.custom-pagination a {display: inline-block;padding: 6px 14px !important;border-radius: 4px;font-size: 14px;line-height: 1.8;}
	.custom-pagination a {background-color: #47515B;color: #fff;text-decoration: none;}
	.custom-pagination a:hover {background-color: #47515B;color: #fff;}
	.custom-pagination span.page-num {margin-right: 10px;padding: 0;}
	.custom-pagination span.dots {padding: 0;color: gainsboro;}
	.custom-pagination span.current {background-color: #f04a50;color: #fff;text-decoration: none;}
/*RESPONSIVE*/
@media screen and (max-width: 2880px) {
	header .header-bottom .owl-dots {
		bottom: 20%;
		left: 31%;
	}
	.contact-wrap {
		min-height: 572px;
		padding: 5% 58% 5% 5%;
	}
	.welcome-section {
		padding: 250px 0px;
	}
}

@media screen and (max-width: 1920px) {
	header .header-bottom .owl-dots {
		bottom: 10%;
		left: 21%;
	}
	.contact-wrap {
		padding: 5% 40% 5% 5%;
	}
	.welcome-section {
		padding: 190px 0px;
	}
}


@media screen and (max-width: 1600px) {
	header .header-bottom .owl-dots {
		bottom: 8%;
		left: 16%;
	}
	.contact-wrap {
		padding: 5% 30% 5% 5%;
	}
}

@media screen and (max-width: 1440px) {
	header .header-bottom .owl-dots {
		bottom: 6%;
		left: 11%;
	}
	.contact-wrap {
		padding: 5% 25% 5% 5%;
	}
	.welcome-section {
		padding: 120px 0px;
	}
}

@media screen and (max-width: 1366px) {
	.contact-wrap {
		padding: 5% 20% 5% 5%;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1280px) {
	header .header-bottom .owl-dots {
		bottom: 3%;
		left: 6%;
	}
	.contact-wrap {
		padding: 5% 13% 5% 5%;
	}
}
@media screen and (max-width: 1279px) {
	header .mainmenu ul li a {
		padding: 19px 29px;
	}
	header .header-contact a {
		font-size: 24px;
	}
	header .header-bottom .banner-contents {
		top: 25%;
	}
	.banner-info {
		width: 60%;
	}
	.welcome-contents h3 {
		font-size: 30px;
	}
	.area-contents {
		min-height: 230px;
	}
	.test-section {
		background-position: top;
		padding: 70px 0px;
	}
	.contact-wrap {
		padding: 9% 10% 5% 5%;
	}
	.contact-wrap h3 {
		font-size: 22px;
	}
	.welcome-section {
		padding: 50px 0px;
	}
}

@media screen and (max-width: 1023px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
	header .header-contact a {
		font-size: 21px;
	}
	header .mainmenu ul li a {
		padding: 13px 13px;
	}
	header .menu-wrap {
		padding: 9px 0px;
	}
	header .banner-contents h3 {
		font-size: 38px;
	}
	.banner-contents p {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.banner-info {
		width: 60%;
		padding: 25px;
	}
	.services-section {
		padding: 40px 0px;
	}
	.heading h3 {
		font-size: 30px;
	}
	.services-contents h3 {
		font-size: 15px;
	}
	.welcome-contents h3 {
		font-size: 20px;
	}
	.welcome-contents p {
		font-size: 15px;
		margin-bottom: 15px;
	}
	.area-section {
		padding: 50px 0px;
	}
	.area-contents {
		min-height: 280px;
	}
	.test-contents h3 {
		font-size: 25px;
	}
	.why-heading p br {
		display: none;
	}
	.why-contents h3 {
		font-size: 20px;
	}
	.test-contents {
		padding: 30px;
		width: 80%;
	}
	.blog-section {
		padding: 50px 0px;
	}
	.contact-wrap {
		min-height: 500px;
	}
	.map iframe {
		height: 492px;
	}
	.welcome-section {
		padding: 20px 0px;
		background-position: 48% 0%;
	}
}

@media screen and (max-width: 767px) {
	header .header-logo {
	    text-align: center;
	}
	header .header-logo img {
		display: inline-block;
	}
	header .mainmenu .navbar {
	  margin: 0;
	  padding: 0;
	}
	.icon-bar {
		background-color: #f04a50;
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
	}
	.icon-bar + .icon-bar {
		margin-top: 4px;
	}
	button:focus {
		outline: none;
	}
	.navbar-toggler {
	  background-color: transparent;
	  background-image: none;
	  border-radius: 0;
	  padding: 9px 10px;
	}
	.navbar-dark .navbar-toggler {
	  border: medium none;
	}
	header .header-top .mainmenu ul li {
	  margin-bottom: 10px;
	}
	header .header-top .mainmenu ul li .sub-menu li {
	  margin-bottom: 0px;
	}
	.mainmenu li:last-child:hover .sub-menu {
		right: auto;
	}
	header .mainmenu {
		float: none;
		padding-top: 0px;
	}
	header .header-top {
		padding: 5px 0px;
	}
	header .header-contact {
		padding-top: 0;
	}
	header .menu-wrap {
		background-color: #fff;
		padding: 5px 10px;
	}
	header .mainmenu ul li a {
		padding: 0;
		color: #f04a50;
		font-size: 14px;
	}
	header .mainmenu .navbar-nav a.active, header .mainmenu .navbar-nav a:focus, header .mainmenu .navbar-nav a:hover {
		background-color: transparent;
	}
	.banner-info {
		width: 90%;
		padding: 25px;
	}
	header .header-bottom .banner-contents {
		top: 18%;
	}
	header .header-bottom .owl-dots {
		bottom: 6%;
		left: 0;
		right: 0;
	}
	.services-contents {
		padding: 20px 0px;
	}
	.services-contents h3 {
		font-size: 18px;
	}
	.welcome-contents h3 {
		font-size: 22px;
	}
	.welcome-contents p {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.welcome-contents {
		padding-bottom: 20px;
	}
	.welcome-section {
		padding: 20px 20px;
		background-position: 0;
		background-image: none;
		background-color: #33a6d7;
	}
	.area-img img {
		width: 100%;
	}
	.why-contents {
		text-align: center;
	}
	.why-wrap .col-md-6:first-child .why-contents {
		border-right: none;
		height: 100%;
	}
	.area-contents {
		min-height: auto;
		margin-bottom: 50px;
	}
	.why-section {
		padding: 30px 0px 40px;
	}
	.contact-wrap {
		min-height: auto;
		padding: 5%;
	}
	.footer-menu {
		margin-bottom: 20px;
	}
	.footer-section {
		padding: 40px 0px;
	}
	.contact-wrap::before { 
		display: none;
	}
	img.alignleft {
	float: none;
	margin: 0 3em 1em 0;
}
.custom-pagination {
	text-align: center;
	margin-bottom: 34px;
}	
	.blog_con h3 {
	padding-top: 20px;
}
	header .mainmenu nav.navbar .navbar-nav li.current-menu-item a, header .mainmenu nav.navbar .navbar-nav li.current-menu-item a:active {
	background-color: transparent;
}
}
@media screen and (max-width: 587px) {
	header .header-bottom .banner-contents {
		top: 10%;
	}
	.test-section {
		background-position: 100% 10%;
	}
}
@media screen and (max-width: 480px) {
	.test-contents h3 {
		font-size: 21px;
	}
	header .banner-contents h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.banner-contents p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.banner-contents a {
		font-size: 12px;
		padding: 9px 13px;
	}
	header .header-bottom .banner-contents {
		top: 4%;
	}
	header .header-bottom .owl-dots {
		bottom: -3%;
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 414px) {
	.banner-info {
		width: auto;
		padding: 15px;
	}
	.test-section {
		background-position: 90% 0%;
	}
	.test-contents {
		padding: 20px;
		width: auto;
	}
	.test-contents h3 {
		font-size: 19px;
	}
	.navbar-dark .navbar-brand {
		color: #fff;
		margin: 0;
		width: 60%;
	}
	header .header-contact a {
		font-size: 17px;
	}
	img.alignleft {
	float: left;
	margin: 0 3em 1em 0;
}
}
@media screen and (max-width: 387px) {

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

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

}
@media screen and (max-width: 320px) {
	.banner-info {
		padding: 5px;
	}
}