@charset "UTF-8";

/* CSS Document */


@media screen and (min-width:1681px) {
}

@media screen and (min-width:1367px) and (max-width:1680px) {
}

@media screen and (min-width:1025px) and (max-width:1280px) {
.topbar {
	width: 75%;
}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.topbar {
	width: 100%;
	position: relative;
	text-align: right;
}
header .navbar-expand-lg .navbar-nav .nav-link {
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
}
.hb .carousel-caption h2 {
	font-size: 48px;
	line-height: 48px;
}
.hb .carousel-caption {
	margin-bottom: 12%;
}
.hb .quick-activities-scms hr {
	margin: 0px 0 5px 0;
}
.hb .quick-activities-scms p {
	font-size: 12px;
}
.footer-bottom, .footer-bottom a {
	font-size: 12px;
}
.dp-hover {
	min-height: 300px;
}
}

@media screen and (min-width:993px) and (max-width:1024px) {
}

@media screen and (min-width:801px) and (max-width:992px) {
}

@media screen and (min-width:768px) and (max-width:800px) {
.topbar a {
	font-size: 10px;
	margin: 0 3px;
}
.hb .carousel-caption h2 {
	font-size: 30px;
	line-height: 30px;
}
.hb .carousel-caption p {
	font-size: 13px;
}
.hb .btn-orange {
	font-size: 13px;
}
}

@media screen and (max-width:767px) {
h2 {
	font-size: 26px;
}
.ptb-60 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.topbar {
	width: 100%;
	position: relative;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 10px;
}
.topbar a {
	font-size: 10px;
}
.top-social a {
	border: none;
}
.hb .quick-activities-scms {
	position: relative;
}
header .navbar-nav {
	margin-top: 10px;
	margin-bottom: 10px;
}
.hb .quick-activities-scms a {
	margin-bottom: 15px;
	display: inline-block;
}
.about-hm {
	background: #dce0e4;
}
.footer-bottom, .footer-bottom a {
	font-size: 10px;
}
.footer-bottom .text-right {
	text-align: left !important;
}
footer .small {
	color: #ccc;
}
}

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

@media screen and (min-width:400px) and (max-width:450px) {
}

@media screen and (min-width:451px) and (max-width:620px) {
}

@media screen and (min-width:620px) and (max-width:767px) {
}

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

@media screen and (min-width:360px) and (max-width:767px) and (orientation:landscape) {
}

@media screen and (min-width:300px) and (max-width:480px) {
}

@media screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {
}