@media (min-width: 1200px) and (max-width: 1400px) {
	.h3-slider-caption {
		top: 50px;
	}

	.h3-slider-caption strong {
		font-size: 32px;
		line-height: 36px;
	}

	.h3-slider-caption p {
		font-size: 18px;
	}

	.h3-slider-caption a {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.city-highlights .owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.city-highlights .owl-carousel .owl-nav button.owl-prev {
		left: 0px;
	}

	.title-style-2 h2 {
		font-size: 32px;
	}

	.title-style-2 p {
		margin-top: 0;
	}

	.department-box ul,
	.department-box h6 {
		padding: 10px;
		font-size: 16px;
	}

	.department-box a {
		font-size: 12px;
	}

	.emergency-info .panel-group .panel-heading h6 {
		font-size: 16px;
	}

	.query h5 {
		font-size: 20px;
	}

	.fact-box strong {
		font-size: 28px;
	}

	.team-box .team-thumb {
		width: 45%;
	}

	.team-box .team-txt {
		width: 55%;
		padding: 15px;
	}

	.call2action p {
		font-size: 30px;
	}

	.main-footer {
		margin: 0 !important;
	}

	#call-2-action {
		position: inherit;
	}

	.slider-caption {
		top: 50px;
	}

	.slider-caption strong {
		font-size: 32px;
		line-height: 36px;
	}

	.slider-caption p {
		font-size: 16px;
		line-height: 28px;
	}

	.slider-caption a {
		display: block;
	}

	.e-numbers .em-box,
	.news-post .news-post-txt,
	.h2-Mayor-msg {
		padding: 15px;
	}

	.e-numbers .info-num h3 {
		font-size: 16px;
	}

	.event-post-full .thumb {
		width: 45%;
	}

	.event-post-full .event-post-content {
		width: 55%;
	}

	.event-post-full .event-post-txt {
		padding: 15px 15px 0 15px;
		width: 100%;
	}

	.image-post .news-post-txt p {
		display: none;
	}

	.event-meta li {
		margin: 0;
		display: inline-block;
	}

	.event-post-txt h5 {
		font-size: 20px;
	}

	.community-box ul {
		padding: 10px;
	}

	.community-box ul li a {
		font-size: 12px;
	}

	.community-box h6 {
		line-height: 40px;
		padding: 0 10px;
		font-size: 16px;
	}

	.some-facts strong {
		font-size: 28px;
	}

	.team-heading {
		padding: 0;
	}

	/*************************/

	.wf100 {
		width: auto;
		float: none;
	}

	.h3-navbar {
		border: solid red 1px;
	}

	.h3-logo-row ul.quick-links {
		width: 100%;
	}

	.header-contact li {
		padding: 7px 10px;
	}

	.h3-navbar ul.navbar-right li.search-form {
		width: 190px;
	}

	.h3-navbar ul.navbar-right li.donate-btn {
		display: none;
	}

	.h3-navbar .navbar .navbar-nav>li>a {
		padding: 0px 10px;
		line-height: 60px;
	}

	.h3-navbar ul.navbar-right {
		margin: 15px 0;
	}

	.Mayor-video-msg .city-tour {
		margin: 0px;
	}

	.h3-slider-caption {
		top: 50px;
	}

	.h3-slider-caption strong {
		font-size: 32px;
		line-height: 36px;
	}

	.h3-slider-caption p {
		font-size: 18px;
	}

	.h3-slider-caption a {
		display: none;
	}

	.community-links-style-two,
	.recent-event-block,
	.news-box {
		margin: 0 0 30px;
	}

	.deprt-icon-box h6 {
		font-size: 14px;
	}

	ul.reports a {
		padding: 0 10px;
	}

	.recent-events .tab-content {
		padding: 30px 10px;
	}

	.recent-events .event-list li {
		margin-right: 5px;
	}

	.community-links-style-two {
		padding: 10px;
	}

	.community-links-style-two li a {
		font-size: 14px;
	}

	.department-links li a {
		font-size: 14px;
	}

	.fact-box strong {
		font-size: 18px;
	}

	.fact-box span {
		font-size: 12px;
	}

	.team-box .team-txt h5 {
		font-size: 20px;
	}

	.official-members .team-box .team-txt {
		padding: 17px 15px;
	}

	.team-details-txt .panel-heading .panel-title {
		font-size: 14px;
		line-height: 26px;
	}

	.team-details-txt .panel {
		box-shadow: none;
		margin: 5px 0 !important;
	}

	.classic-gallery .isotope .item.width2 {
		width: 50%;
		height: auto;
	}

	.filter-gallery .isotope .item,
	.filter-gallery .isotope .item.height2,
	.classic-gallery .isotope .item {
		height: auto;
	}

	.filter-gallery .isotope .item.width2 {
		width: 66.6666%;
		height: auto;
	}

	.cs-txt .countdown.is-countdown {
		width: 100%;
		float: left;
		margin: 0 0 70px;
		padding: 0 50px;
	}

	.cs-txt .countdown-section {
		width: 140px;
		height: 140px;
		border: 6px solid #f73859;
		display: inline-block;
		border-radius: 100%;
		margin: 0 5px;
		padding: 20px 0 0;
	}

	.cs-txt .countdown-amount {
		display: block;
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 40px;
		font-weight: 800;
		line-height: 60px;
	}

	.cs-txt .countdown-period {
		display: block;
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
	}

	.add-box {
		padding: 15px;
	}

	.add-box h5 {
		font-size: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.header .container {
		width: 100%;
	}

	.logo-nav-row .navbar-nav>li>a {
		padding: 10px 5px;
	}

	.logo-nav-row ul.nav.navbar-nav.navbar-right .bars-btn a,
	.logo-nav-row ul.nav.navbar-nav.navbar-right .search-btn a {
		line-height: 40px;
	}

	.topbar ul.left-links li:after {
		padding: 0 5px;
	}

	.right-links li {
		padding: 0 5px;
	}

	.logo-nav-row .bars-btn,
	.logo-nav-row .search-btn {
		height: 40px;
	}

	.navbar-nav>li:last-child .dropdown-menu {
		left: inherit;
		right: 0;
	}

	.navbar-nav>li:nth-last-child(2) .dropdown-menu {
		left: inherit;
		right: 0;
	}

	.dropdown-menu .sub-menu {
		left: inherit;
		right: 0;
	}

	.Mayor-msg {
		margin: 30px 0 0 0;
	}

	.event-post-txt {
		padding: 15px;
	}

	.event-post-loc a,
	.latest-updates ul {
		padding: 0 10px;
	}

	.latest-updates ul li strong {
		font-size: 16px;
	}

	.city-highlights .container-fluid {
		width: 100%;
		margin: 0 auto;
	}

	.white-text p {
		width: 100%;
	}

	.department-box ul {
		padding: 12px 10px 12px;
	}

	.department-box a {
		font-size: 13px;
	}

	.emergency-info {
		margin: 30px 0;
	}

	.call2action p {
		font-size: 30px;
	}

	.main-footer {
		margin: 0 !important;
	}

	#call-2-action {
		position: inherit;
	}

	.slider-caption {
		top: 50px;
	}

	.slider-caption strong {
		font-size: 32px;
		line-height: 36px;
	}

	.slider-caption p {
		font-size: 16px;
		line-height: 28px;
	}

	.slider-caption a {
		display: block;
	}

	.h2-Mayor-msg {
		padding: 15px;
	}

	.h2-Mayor-msg .Mayor-txt p {
		font-size: 16px;
	}

	.e-numbers .em-box {
		padding: 10px;
	}

	.e-numbers .info-num {
		position: relative;
		right: 0;
		top: 0;
		text-align: left;
		margin: 20px 0;
	}

	.footer-widget,
	.community-box,
	.event-post-full {
		margin: 0 0 30px;
	}

	.event-post-full .thumb {
		width: 45%;
	}

	.event-post-full .event-post-content {
		width: 55%;
	}

	.news-post .news-post-txt {
		padding: 20px;
	}

	.some-facts strong {
		font-size: 20px;
	}

	.team-heading {
		padding: 0;
		margin: 0 0 30px;
	}

	/************* Home3 ***********/

	.h3-logo-row ul.quick-links {
		width: 100%;
	}

	li.header-weather {
		display: none;
	}

	.h3-navbar .navbar .navbar-nav>li>a {
		padding: 0px 10px;
		line-height: 40px;
	}

	.h3-navbar ul.navbar-right {
		margin: 15px 0;
	}

	.Mayor-video-msg .city-tour {
		margin: 0px;
	}

	.h3-slider-caption {
		top: 50px;
	}

	.h3-slider-caption strong {
		font-size: 32px;
		line-height: 36px;
	}

	.h3-slider-caption p {
		font-size: 18px;
	}

	.h3-slider-caption a {
		display: none;
	}

	.community-links-style-two,
	.recent-event-block,
	.news-box {
		margin: 0 0 30px;
	}

	.deprt-icon-box h6 {
		font-size: 16px;
	}

	/*******************************/

	.subheader {
		padding: 50px 0;
	}

	.depart-info .deprt-icon-box {
		padding: 20px;
	}

	.community-links-style-two {
		padding: 15px;
	}

	.community-links-style-two li a {
		font-size: 14px;
	}

	.events-wrapper .event-post-full .event-post-content {
		width: 55%;
	}

	.events-wrapper .event-post-full .thumb {
		width: 45%;
	}

	.service-page-bottom .newsletter-form,
	.event-list-box {
		padding: 10px;
	}

	.event-list-box .event-title {
		width: 41%;
	}

	.city-updates {
		margin: 0 0 30px;
	}

	.department-links li a {
		font-size: 14px;
	}

	.fact-box strong {
		font-size: 18px;
	}

	.service-page-bottom .emergency-info {
		margin: 0px;
	}

	.campaign-txt h5 {
		font-size: 20px;
	}

	.sdb-left {
		width: 100%;
	}

	.sdb-right {
		width: 100%;
		padding: 10px 0 0 0;
	}

	.filter-gallery .isotope .item.height2,
	.filter-gallery .isotope .item,
	.classic-gallery .isotope .item {
		height: auto;
	}

	.classic-gallery .isotope .item.width2 {
		width: 50%;
		height: auto;
	}

	.filter-gallery .isotope .item.width2 {
		width: 66%;
		height: auto;
	}

	.donator-details li.half,
	.payment-method li.half {
		width: 100%;
		padding: 0px;
		margin: 0 0 10px;
	}

	.radio-boxes input[type=radio].css-radio+label.css-label {
		width: 82px;
		font-size: 16px;
	}

	.login-account {
		padding: 20px;
		margin-bottom: 30px;
	}

	.page-404 {
		overflow: hidden;
	}

	.wrap-404 {
		margin: 50px auto;
	}

	.wrap-404 strong.title-404 {
		font-size: 125px;
		line-height: 100px;
	}

	.wrap-404 input.form-control {
		width: 70%;
	}

	.search-form {
		padding: 0 15px;
	}

	.cs-txt {
		width: 100%;
		padding-top: 50px;
	}

	.cs-newsletter-form button.subscribe {
		font-size: 14px;
		padding: 0 10px;
	}

	.cs-newsletter-form {
		width: 100%;
		margin: 0 0 30px;
	}

	.cs-txt .countdown.is-countdown {
		width: 100%;
		float: left;
		margin: 0 0 70px;
		padding: 0 50px;
	}

	.cs-txt .countdown-section {
		width: 140px;
		height: 140px;
		border: 6px solid #f73859;
		display: inline-block;
		border-radius: 100%;
		margin: 0 5px;
		padding: 20px 0 0;
	}

	.cs-txt .countdown-amount {
		display: block;
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 40px;
		font-weight: 800;
		line-height: 60px;
	}

	.cs-txt .countdown-period {
		display: block;
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 500;
		font-family: 'Poppins', sans-serif;
	}

	.add-box {
		padding: 10px;
	}

	.add-box h5 {
		font-size: 18px;
	}
}

@media (min-width: 280px) and (max-width: 767px) {
	.main-content {
		overflow: hidden;
	}

	.logo-nav-row ul.nav.navbar-nav.navbar-right,
	.header .topbar ul.right-links {
		display: none;
	}

	.topbar ul.left-links li:after {
		padding: 0 2px;
	}

	.logo-nav-row .navbar-brand {
		margin: 0px;
	}

	.logo-nav-row .navbar-toggle {
		background: #144b8c;
		margin: 25px 0 0 0;
	}

	.logo-nav-row .navbar-toggle .icon-bar {
		background: #fff;
	}

	.logo-nav-row .navbar-nav>li>a {
		padding: 10px 0;
	}

	.dropdown-menu .sub-menu {
		position: relative;
		left: 0;
		top: 100%;
		display: block;
		padding: 0px;
		width: 199px;
		box-shadow: none;
	}

	.dropdown-menu .sub-menu a {
		font-size: 12px;
		background: #fff;
		border-bottom: 2px solid #f1f1f1;
	}

	.Mayor-msg {
		margin: 30px 0 0 0;
	}

	.Mayor-thumb img {
		width: 100%;
		height: auto;
	}

	.department-box,
	.event-post,
	.latest-updates {
		margin: 0 0 30px;
	}

	.city-highlights .container-fluid {
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	.city-highlights .owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.city-highlights .owl-carousel .owl-nav button.owl-prev {
		left: 0px;
	}

	.city-highlights .owl-carousel .owl-nav button.owl-next,
	.city-highlights .owl-carousel .owl-nav button.owl-prev {
		width: 35px;
		height: 35px;
		border-radius: 0px;
	}

	.team-box .team-thumb,
	.team-box .team-txt,
	.city-team .title-style-1 p,
	.white-text p {
		width: 100%;
	}

	.team-box .team-txt {
		padding: 27px 30px 10px 30px;
	}

	#call-2-action {
		position: inherit;
	}

	.h2-Mayor-msg .Mayor-txt,
	.h2-Mayor-msg {
		padding: 15px;
	}

	.h2-Mayor-msg .Mayor-txt,
	.h2-Mayor-msg .Mayor-img {
		width: 100%;
	}

	.e-numbers .em-box,
	.h2-Mayor-msg {
		margin: 0 0 30px;
	}

	.e-numbers {
		margin: 30px 0 0;
	}

	.e-numbers .info-num {
		position: inherit;
		text-align: left;
		margin: 0 0 30px;
	}

	.h3-logo-row ul.quick-links,
	.some-facts ul li,
	.event-post-full .event-post-content,
	.event-post-full .thumb {
		width: 100%;
	}

	.h3-logo-row .h3-logo {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0;
	}

	.h3-logo-row .h3-logo .logo-text {
		text-align: left;
		padding: 0;
		padding-top: 10px;
		margin: 0;
		display: none;
	}

	.h3-logo-row .h3-logo .logo-text h3 {
		font-size: 20px;
	}

	.h3-logo-row .h3-logo .logo-text p {
		font-size: 12px;
	}

	.header-two .topbar p {
		font-size: 12px;
		line-height: 20px;
		padding: 0;
	}

	.deprt-txt h3 {}

	.header-two .topbar {
    display: none;

	}

	.header-two .topbar .col-sm-7 {
    display: none;
		width: 50%;
		float: left;
		border-right: solid #fff 1px;
		margin-top: 4px;
	}

	.header-two .topbar .col-sm-5 {
		padding: 7px;
    display: none;
	}

	.become-vol {
		line-height: 34px;
		font-weight: 600;
		padding: 0 10px;
		font-size: 12px;
	}

	.cross-btn {
		font-size: 12px;
		width: 34px;
		line-height: 34px;
	}

	.banner-tags,
	.owl-carousel .owl-item .slider-caption img {
		display: none;
	}

	.footer-widget,
	.textwidget,
	.official-members .team-box,
	.community-box,
	.event-post-full {
		margin: 0 0 30px;
	}

	.news-post.image-post p,
	.image-post .news-post-txt .news-meta {
		display: none;
	}

	.some-facts ul li {
		border: 0px;
	}

	.team-heading {
		padding: 0;
		margin: 0 0 30px;
	}

	.main-footer {
		margin: 0 !important;
	}

	.call2action p {
		font-size: 18px;
		line-height: 28px;
		padding: 15px;
	}

	/******** Home 3 ********/

	.h3-logo-row ul.quick-links li {
		float: left;
		margin: 0 2px 5px 0;
	}

	.header-contact li {
		padding: 5px 7px;
		font-size: 13px;
	}

	.h3-navbar .navbar-toggle {
		background: #12498a;
	}

	.h3-navbar .navbar-toggle .icon-bar {
		background: #fff;
	}

	.h3-navbar .navbar .navbar-nav>li>a {
		line-height: 40px;
	}

	.h3-navbar .dropdown-menu .sub-menu {
		display: block;
		min-width: 100%;
		background: #fff;
	}

	.h3-navbar .dropdown-menu .sub-menu li a {
		background: #f1f1f1;
		padding: 0 30px;
	}

	.h3-navbar ul.navbar-right {
		display: none;
	}

	.Mayor-video-msg .city-tour {
		margin: 0 0 30px;
	}

	.recent-event-block,
	.news-box {
		margin: 0 0 30px;
	}

	.event-cap {
		padding: 10px;
	}

	.event-cap h5 {
		font-size: 18px;
	}

	.community-links-style-two,
	.recent-events .tab-content {
		padding: 15px;
	}

	.event-list li.el-title {
		width: 100%;
		margin: 15px 0;
	}

	.community-links-style-two li {
		width: 100%;
	}

	.site-pagination,
	.community-links-style-two {
		margin: 0 0 30px;
	}

	.subheader {
		padding: 50px 0;
	}

	.subheader h2 {
		font-size: 28px;
	}

	.newsletter-form button {
		margin: 10px 0 0;
	}

	.community-links-style-two.col3,
	.department-links li,
	.events-wrapper .event-post-full .event-post-content,
	.events-wrapper .event-post-full .thumb {
		width: 100%;
	}

	.event-gallery,
	.event-list-box {
		padding: 10px;
	}

	.event-details .event-counter {
		width: 100%;
		top: 0px;
		padding: 0 10px;
		text-align: center;
		margin: 10px 0;
	}

	.event-counter .countdown-amount {
		font-size: 28px;
	}

	ul.funds li strong,
	.event-counter .countdown-period {
		font-size: 12px;
	}

	.event-content {
		padding: 0px;
	}

	.event-content .event-date-share {
		display: none;
	}

	.city-updates,
	.h3-team-box {
		margin: 0 0 30px;
	}

	.service-page-bottom .newsletter-form,
	.facts-counter {
		padding: 20px;
	}

	.img-right {
		max-width: 100%;
		height: auto;
	}

	.causes-listing .campaign-txt h4 {
		font-size: 24px;
	}

	.sdb-left,
	.sdb-right,
	.causes-listing .campaign-thumb,
	.causes-listing .campaign-txt,
	.community-links-style-two.col3 li,
	.event-counter li.first-col,
	.event-counter li.snd-col,
	.event-counter li.trd-col,
	.event-list-box .event-title,
	.event-list-box ul li {
		width: 100%;
	}

	.sdb-right {
		padding: 20px 0 0;
	}

	.single-donation-box .radio-boxes li {
		padding: 0 3px 5px;
	}

	.team-details-txt .panel-heading .panel-title {
		font-size: 14px;
		line-height: 26px;
	}

	.team-details-txt .panel {
		box-shadow: none;
		margin: 5px 0 !important;
	}

	.filter-gallery .isotope .item,
	.filter-gallery .isotope .item.height2,
	.filter-gallery .isotope .item.width2,
	.classic-gallery .isotope .item.width2,
	.classic-gallery .isotope .item {
		width: 100%;
		height: auto;
	}

	.donations .radio-boxes li {
		padding: 0px 5px 5px 0;
	}

	.donator-details li.half,
	.payment-method li.half {
		width: 100%;
		padding: 0px;
		margin: 0 0 10px;
	}

	.login-account {
		padding: 20px;
		margin-bottom: 30px;
	}

	.page-404 {
		overflow: hidden;
	}

	.wrap-404 {
		width: 100%;
		margin: 50px 0;
	}

	.wrap-404 strong.title-404 {
		font-size: 125px;
		line-height: 100px;
	}

	.wrap-404 input.form-control {
		width: 70%;
	}

	.search-form {
		padding: 0 15px;
	}

	.cs-txt {
		width: 100%;
		padding-top: 50px;
	}

	.cs-newsletter-form button.subscribe {
		font-size: 14px;
		padding: 0 10px;
	}

	.add-box-2,
	.contact-form,
	.cs-newsletter-form {
		width: 100%;
		margin: 0 0 30px;
	}

	.map {
		clear: both;
	}

	.slider-caption,
	.h3-slider-caption {
		top: 20px;
	}

	.slider-caption strong,
	.h3-slider-caption strong {
		font-size: 23px;
		line-height: 15px;
		padding-top: 10px;
	}

	.slider-caption p,
	.h3-logo-row ul.quick-links,
	.header-contact,
	.h3-slider-caption a,
	.h3-slider-caption p {
		display: none;
	}


	.slider-caption {
		top: 20%;
	}

	.item img {
		height: 250px;

	}

	.slider-caption p {
		display: block;
		font-size: 14px;
	}

	.slider-caption a {
		position: relative;
		display: block;
		background: #01017d;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
		display: inline-block;
		border-radius: 25px;
		padding: 0 15px;
	}

	.post-comments-form {
		padding: 1em;
	}

	.city-tour img {
		width: 100%;
		height: auto;
	}

	.slide-content-box {
		padding-top: 20px;
	}

	.tp-caption .hero-text {
		margin-left: 7%;
		margin-top: 20%;
	}

	.slide-content-box h1 {
		font-size: 23px !important;
		line-height: 20px !important;
		margin: 0 0 10px !important;

	}

	.m-break {
		display: block;
	}

	.slide-content-box p {
		display: block;
		white-space: normal;
		/* allows text to wrap naturally */
		word-wrap: break-word;
		/* break long words if needed */
		overflow-wrap: break-word;
		/* modern equivalent */
		font-size: 15px !important;
	}

	.slide-content-box a {
		font-size: 12px !important;
		line-height: 24px !important;
		padding: 0 20px !important;
	}

	.lb-ser-box {
		margin-bottom: 30px;
	}

	header .navbar-nav {
		margin: 0;
	}


	.Mayor-video-msg .city-tour {
		position: relative;
		z-index: 99;
	}

	div.pp_pic_holder {
		width: 80%;
	}


	.search-overlay-form {
		position: absolute;
		top: 3%;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: auto;
		margin: auto;
		overflow: auto;
		padding: 10px;
	}

	#search .row {
		width: 100%;
		display: grid;
		margin: 0;
	}

	#search .row input[type="text"],
	#search .row input[type="email"],
	#search input[type="search"],
	#search .row select {
		width: 100%;
		line-height: 50px;
		color: #fff;
		background: rgba(0, 0, 0, 0);
		font-size: 16px;
		font-weight: 300;
		text-align: center;
		border: 0px;
		border-bottom: 1px solid #ccc;
		outline: none;
		padding: 0;
		margin: 0;
	}

	#search .row select {
		padding: 10px;
	}

	#search .row textarea {
		width: 100%;
		line-height: 40px;
		color: #fff;
		background: rgba(0, 0, 0, 0);
		font-size: 16px;
		font-weight: 300;
		text-align: center;
		border: 0px;
		border-bottom: 1px solid #ccc;
		outline: none;
		padding: 0;
		margin: 0;
		height: 100px;
	}

	#search .row button {
		color: #fff;
		border-radius: 15px;
		width: 100%;
		padding: 10px;
		background-color: #CE9B01;
		border: none;
		font-size: 15px;
		margin: 0;
		margin-top: 15px;
	}

	#search .close {
		position: fixed;
		top: 10px;
		right: 10px;
		color: #fff;
		background-color: #66bb6a;
		border-color: #66bb6a;
		opacity: 1;
		padding: 5px 10px;
		font-size: 15px;
	}

	.mobile-structure {
		display: flex;
		justify-content: left;
		padding: 7px;
    padding-top: 0;
	}

	.h3-logo-row {

	}

	.h3-logo-row .h3-logo {
		align-items: left;
		padding: 0;
    width: 70px;
	}

	.h3-logo-row .h3-logo img {
		width: 100%;
		text-align: left;
		margin-left: -15px;
	}

	.h3-navbar {
		display: block;
		padding-top: 9px;
	}

  .h3-navbar .navbar {
    position: absolute;
    background-color: transparent;
    width: 100vw;
    left: 0;
  }

	.h3-navbar .navbar-header {}

	.h3-navbar .navbar-header .navbar-toggle {
		background-color: #142a3b;
	}

}

@media (max-width: 992px) {

  .depart-info .col-md-3 {
    width: 50%;
    float: left;
  }

  .depart-info .col-md-3 .deprt-icon-box {
    padding: 5px 10px;
    display: flex;
    flex-direction: column;   /* optional (default is row) */
    justify-content: center;
    align-items: center;   /* centers vertically */
  }

	.deprt-txt h6 {
		line-height: 1.5;
	}

	ul.gallery-3-col {
		width: 100%;
	}

	ul.gallery-3-col li {
		width: 100% !important;
		float: none;
		margin-bottom: 15px;
	}

	.title-style-1 h2 {
		font-size: 32px;
	}

	.title-style-1 p {
		font-size: 16px;
		line-height: 1.5;
	}

	.lb-text {
		padding-bottom: 1em;

	}

	.lb-text h6 {
		font-size: 18px;
		line-height: 1.5;
	}

	.lb-text p {
		font-size: 16px;
		line-height: 1.5;
	}

}