

@media (max-width: 1920px) {

.headercontainer .headtop .logoouter {
	max-width: 520px;
}
.headercontainer .navigation .sf-menu > li > a {
	padding: 20px 24px 20px 24px;
}

}

@media (max-width: 1800px) {

.headercontainer .headtop .logoouter {
	max-width: 404px;
	height: 100%;
}
.headercontainer .navigation .sf-menu > li > a {
	padding: 20px 24px 20px 24px;
}

}

@media (max-width: 1700px) {

	.headercontainer.sticky .headtop .logobx{
		max-width: 304px;
	}

.board-block {
	width: 150px;
	height: 150px;
}
.bord-item-rw {
	gap: 25px;
	margin: 0 auto;
	max-width: 95%;
}
.board-block img {
	max-width: 70px;
}

.headercontainer .headtop .logoouter {
	max-width: 324px;
	overflow: hidden;
}
.mental-info h2 {
	font-size: 80px;
	line-height: 85px;
}
.mental-info p {
	font-size: 22px;
	line-height: 32px;
}
.board-trustes-sec h2 {
	font-size: 70px;
	line-height: 70px;
}
.hills-video h4 {
	font-size: 30px;
	line-height: 44px;
}
.please-trees h2 {
	font-size: 70px;
	font-weight: 600;
	line-height: 80px;
	max-width: 80%;
}
.bdycal-object p {
	font-size: 20px;
	line-height: 28px;
}
.trees-object h5 {
	font-size: 22px;
	line-height: 30px;
}
.trees-object p {
	font-size: 17px;
	line-height: 28px;
}
.residents h3 {
	font-size: 70px;
	line-height: 75px;
}

}

@media (max-width: 1500px) {

	.headercontainer .headtop .logoouter {
		max-width: 300px;
	}
	.topusersection {
		font-size: 14px;
		line-height: 26px;
	}
	.bannercontainer .bannercaption .captioninner h1 span {
		font-size: 110px;
		line-height: 100px;
	}
	.mental-info h2 {
		font-size: 70px;
		line-height: 80px;
	}
	.mental-info p {
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
	}

}

@media (max-width: 1399px) {

.headercontainer .headtop .logoouter {
	max-width: 286px;
}
.topusersection {
	font-size: 14px;
	line-height: 24px;
}
.topright-call a {
	margin-left: 22px;
}

.headercontainer .navigation .sf-menu > li{margin: 0px;}
.headercontainer .navigation .sf-menu > li > a{padding: 18px 17px 18px 17px; font-size: 16px;}
.bannercontainer .owl-carousel .owldotsouter{bottom: 60px;}
.theme-btn span {
	padding-right: 15px;
}
.theme-btn {
	padding: 12px 20px;
}
.bannercontainer .bannercaption .captioninner h1 span {
	font-size: 90px;
	line-height: 90px;
}
.bannercontainer .bannercaption .captioninner h1 {
	font-size: 30px;
}
.short-description h3 {
	font-size: 30px;
	line-height: 40px;
}
.short-description p {
	font-size: 20px;
	line-height: 30px;
}
.short-description h3 {
	font-size: 25px;
	line-height: 35px;
}
.mental-info h2 {
	font-size: 70px;
	line-height: 75px;
}

.vertical-bdr {
	left: 24%;
}
.vertical-bdr2 {
	right: 33%;
}
.board-block img {
	max-width: 60px;
}
.board-trustes-sec h2 {
	font-size: 60px;
	line-height: 70px;
}
.please-trees h2 {
	font-size: 60px;
	line-height: 70px;
}
.bdycall {
	max-width: 280px;
	height: 280px;
	bottom: 5px;
}
.callcircle {
	width: 60px;
	height: 60px;
	font-size: 20px;
}
.bdycal-object p {
	font-size: 18px;
	line-height: 26px;
}
.trees-object h5 {
	font-size: 20px;
	line-height: 26px;
}
.trees-object p {
	font-size: 15px;
	line-height: 25px;
}

.residnt-colum p {
	font-size: 16px;
}
.resdntadrss {
	font-size: 16px;
	line-height: 24px;
}
.residnt-colum p {
    font-size: 16px;
    line-height: 24px;
}


.ftrobjct p {
	font-size: 14px;
	line-height: 24px;
}
.adrsicon {
	background: #D8651C;
	width: 45px;
	height: 45px;
	flex: 0 0 45px;
	font-size: 18px;
}
.ftrobjct a {
	font-size: 14px;
	line-height: 24px;
}
.footer-logo p {
	font-size: 14px;
	line-height: 24px;
}
.footer-link h4 {
	font-size: 22px;
	line-height: 20px;
	margin-bottom: 25px;
}


.about-description h2 {
	font-size: 70px;
	line-height: 80px;
}
.about-description h3 {
	font-size: 30px;
	line-height: 42px;
}
.about-description p {
	font-size: 20px;
	line-height: 35px;
}

.frndly-tip h3 {
	font-size: 30px;
	line-height: 40px;
}
.wastecall p {
	font-size: 30px;
	line-height: 40px;
}
.wastecall a {
	font-size: 40px;
	line-height: normal;
}
.wastecall a span{
	max-width: 55px;
}
.contact-cityhall p {
	font-size: 22px;
	line-height: normal;
}
.contact-cityhall h5 {
	font-size: 30px;
	line-height: normal;
}


}


@media (max-width: 1300px) {
	.board-block {
		width: 120px;
		height: 120px;
	}
	.board-block img {
		max-width: 50px;
	}
	.bord-item p {
	font-size: 16px;
	line-height: 24px;
	min-height: 50px;
}
.bord-item a {
	width: 35px;
	height: 35px;
	font-size: 16px;
}
.headercontainer .headtop .logoouter {
	max-width: 228px;
}

}



@media (max-width: 1199px) {

.topusersection {
	font-size: 12px;
	line-height: 22px;
}
.topright-call a {
	margin-left: 16px;
}

.headercontainer .navigation .sf-menu > li > a{font-size: 13px; padding: 21px 13px; letter-spacing: 0px;}
.headercontainer .navigation ul li.parent > a:after{right: -4px;}
.headercontainer .navigation .sf-menu>li ul li a{font-size: 13px;}
.headercontainer .headtoprow .logocontainer{max-width: 250px;}
.headercontainer .navigation ul li.parent:after{right: 1px;}
.headercontainer .headsocial{margin: 0px 0px 0px 30px;}
.headercontainer .topusersection .phonetext{padding-left: 40px;}
.bannercontainer .bannercaption .captioninner h1{font-size: 45px; line-height: 55px;}
.bannercontainer .bannercaption .captioninner h1{font-size: 30px;}
.bannercontainer .bannercaption .captioninner h1 span {
	font-size: 77px;
	line-height: 80px;
}
.bannercontainer .bannercaption .captioninner p {
	font-size: 14px;
	line-height: 24px;
}

.bannercontainer .owl-carousel .owldotsouter{bottom: 55px;}

.short-description p {
	font-size: 18px;
	line-height: 28px;
}
.short-description h3 {
	font-size: 22px;
	line-height: 32px;
}


.helth-info p {
	font-size: 16px;
}
.helth-info span {
	font-size: 16px;
	line-height: 24px;
}
.vertical-bdr {
	height: 240px;
	left: 24%;
	top: 8px;
}
.vertical-bdr2 {
	height: 240px;
	top: 8px;
}
.mental-info h2 {
	font-size: 50px;
	line-height: 65px;
}
.mental-info p {
	font-size: 20px;
	line-height: 30px;
}
.helth-info {
	padding: 20px;
}
.hills-video h4 {
	font-size: 25px;
	line-height: 35px;
}
.please-trees h2 {
	font-size: 50px;
	line-height: 60px;
}
.bdycall {
	max-width: 250px;
	height: 248px;
	bottom: 5px;
}
.bdycal-object p {
	font-size: 16px;
	line-height: 25px;
}
.residents h3 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 30px;
}

}

@media (max-width: 1060px) {
.headercontainer .headtop .logoouter {
	max-width: 182px;
}
.bord-item-rw {
	gap: 30px;
	flex-wrap: wrap;
	justify-content: center;
}
.bord-item {
	text-align: center;
	width: 25%;
	margin-bottom: 20px;
}
.bord-item p {
	font-size: 16px;
	line-height: 24px;
	min-height: inherit;
}
.hills-video h4 {
	font-size: 25px;
	line-height: 35px;
}
.hilvido-bx {
	max-width: 800px;
	height: 350px;
}
.please-trees h2 {
	font-size: 50px;
	line-height: 60px;
	max-width: 90%;
}
.residents h3 {
	font-size: 60px;
	line-height: 70px;
	margin-bottom: 30px;
}
.residnt-colum p {
	font-size: 14px;
	line-height: 22px;
}
.resdntadrss {
	font-size: 13px;
	line-height: 22px;
}
.footer-link {
	padding: 0 20px;
}
.ftrobjct p {
	font-size: 13px;
	line-height: 23px;
}
.adrsicon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	font-size: 16px;
}
.bdycal-object p {
	font-size: 16px;
	line-height: 26px;
}
.bdycall {
	max-width: 264px;
	height: 280px;
}

.bannercontainer .bannercaption .captioninner {
	margin-left: 50px;
}


}


@media (min-width: 992px) {
/*.NavBar{display: none;}*/
.navicons{display: none;}
.headercontainer .navigation .navuser{display: none;}
.topuserbox .usertbx.navicon{display: none;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{top: 100%; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; z-index: 9;}
.sf-menu ul {background: #fff; min-width: 240px; width: 240px; display: none; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08); -webkit-border-radius: 0px; border-radius: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; margin: 0px; padding: 0px 0px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.FilterBtn{display: none;}
.headercontainer.sticky{position: fixed; top: 0 !important; z-index: 99; left: 0; padding: 0px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); -webkit-animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both; animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both;}
.headercontainer.sticky .topusersection{display: none;}
/*.headercontainer.sticky .headtop .logobx {
}*/

/*.headercontainer .headtop .logoouter {
	max-width: 260px;
}*/

.headercontainer .navigation .sf-menu > li > a{font-size: 17px;}

}
@media (max-width: 991px) {
/* .hdrmnuicn{display: none;} */
.navicons{display: flex;gap: 15px;align-items: center;padding: 5px 0;}
.navicons .hdrmnuicn{display: flex !important;}
.menuICN {
	width: 35px;
	height: 35px;
}

.headercontainer.sticky .headtop{position: fixed; top: 0 !important; z-index: 99; left: 0; padding: 0px; width: 100%; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
.headercontainer .headerinner{position: static;}
.headercontainer .headtop .logobx{float: left;}
.headercontainer .headtop .logobx img{max-width: 200px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headercontainer.sticky .headtop .logobx img{max-width: 199px;}
.headercontainer .headtop{border: none;}
.NavBar{-ms-flex-item-align: center; align-self: center; color: #2b3583; font-size: 30px; font-weight: 600; background: transparent; text-decoration: none; padding: 0px; margin: 0px; line-height: 100%;  margin-left: auto;}
.NavBar:focus{outline: none; text-decoration: none; color: #2b3583;}
.NavBar:hover{outline: none; text-decoration: none; color: #2b3583;}
.topheadersocial{display: none;}
.headercontainer .topusersection{display: none;}
.headercontainer .navigation{padding: 0px 0px;}
.headercontainer .navigation .navigationbox{position: fixed; top: 0; padding: 0; height: 100%; left: 0; margin-left: -380px; background: #fff; padding-top: 0px; max-height: 100%; overflow: auto; margin-right: 0; transition: all 0.3s; width: 380px; z-index: 99999;}
.layout-expanded2 .headercontainer .navigation .navigationbox{margin-left: 0px;}
.layout-expanded2{overflow: hidden;}
.layoutovarlay2{position: fixed; z-index: 1000; top: 0; right: 0; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
.layout-expanded2 .layoutovarlay2{display: block;}
.headercontainer .navigation .navuser{float: left; width: 100%; padding: 30px 20px 20px 20px; text-align: center; position: relative; 
	background: url(../images/logobg.png) no-repeat;
	  background-repeat: repeat-y;
	  background-size: 100%;
	  height: 125px;
    margin-bottom: 0;}
.headercontainer .navigation .navuser .userimg{position: relative;  background: transparent; display: inline-block; text-align: center;}
.headercontainer .navigation .navuser .userimg img{position: static; left: 0px; top: 0px; bottom: 0px; right: 0px; vertical-align: middle; margin: auto; max-width: 100%; max-height: 100%; padding: 0px;}
.headercontainer .navigation .navuser h3{color: #fff; text-align: center; margin: 10px 0px 0px 0px; font-size: 22px; padding: 0px; text-transform: capitalize;}
.headercontainer .navigation .navuser p{color: #4a8ec3; text-align: center; margin: 0px 0px 8px 0px; font-size: 16px; padding: 0px; font-weight: 400;}
.headercontainer .navigation .navuser .userapn{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; margin: 0px -5px;}
.headercontainer .navigation .navuser .userapn .makeanapp{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0px 5px;}
/*.headercontainer .navigation .navuser .userapn .makeanapp a{float: left; width: 100%;}*/
.headercontainer .navigation ul .slidedown{position: absolute; right: 5px; top: 8px; z-index: 10; font-size: 13px; width: 30px; height: 30px; line-height: 30px; color: #667; text-align: center; cursor: pointer;}
.headercontainer .navigation ul .slidedown:after{font-family: 'FontAwesome'; content: "\f067";}
.headercontainer .navigation ul .slidedown.slideup:after{font-family: 'FontAwesome'; content: "\f068";}
.headercontainer .navigation ul li.parent:after{display: none;}
.headercontainer .navigation ul li.active .slidedown.slideup:after{color: #fff;}
.headercontainer .navigation ul li.active .slidedown:after{color: #fff;}
.headercontainer .navigation ul li.parent > a:after{display: none;}
.headercontainer .navigation ul li ul{display: none; position: static;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{display: none;}
.sf-menu ul{min-width: inherit; width: 100%; float: left; width: 100%;}
.headercontainer .navigation .sf-menu > li{float: left; width: 100%;}
.headercontainer .navigation .sf-menu ul li{float: left; width: 100%;}
.headercontainer .navigation .sf-menu ul li + li{border: none;}
.headercontainer .navigation .sf-menu>li:hover ul li a{color: #cecece;}
.headercontainer .navigation .sf-menu>li ul li a{color: #cecece; padding: 6px 10px 6px 30px; font-size: 13px;}
.headercontainer .navigation .sf-menu > li a{color: #fff; float: left; width: 100%; text-align: left;}
.headercontainer .navigation ul > li.active a:after{display: none;}
.headercontainer .navigation ul > li.active a:after{display: none;}
.headercontainer .navigation ul > li:hover a:after{display: none;}
.headercontainer .navigation ul li a{padding: 20px 10px 17px 30px;}
.headercontainer .navigation ul li + li{border: none;}
.headercontainer .navigation ul > li.active > a{background: 0 0;}
.headercontainer .navigation .sf-menu > li > a{padding: 12px 20px;}
.mapcontainer .mapbox{padding: 0px 0px 30px 0px;}
.headercontainer .navigation .sf-menu > li.active > a{color: #fff; background: #DC681E;}
.headercontainer .navigation .sf-menu > li > a{color: #667;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul{display: none;}
/* .sf-menu ul{float: left; width: 100%; background: 0 0;} */
.headercontainer .navigation .sf-menu>li>a:hover{color: #fff; background: #33DDFF;}
.headercontainer .navigation .sf-menu>li:hover a{color: #fff; background: #33DDFF;}
.headercontainer .navigation .sf-menu>li:hover a{color: #fff; background: #33DDFF;}
/* .sf-menu ul{min-width: 100%; width: 100%; top: 0; display: none; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; visibility: visible; z-index: 1;} */
.headercontainer .navigation .sf-menu>li:hover a{background: #33DDFF; color: #fff;}
.headercontainer .navigation .sf-menu>li ul li a{color: #667;}
.headercontainer .navigation .sf-menu>li ul li a:hover{background: #33DDFF !important; color: #fff !important;}
.headercontainer .navigation .sf-menu{float: left; width: 100%;}
.headercontainer .navigation .sf-menu>li:hover ul li a{color: #667;}
/* .sf-menu li:hover > ul, .sf-menu li.sfHover > ul{display: none;} */
.headercontainer .navigation .sf-menu > li.active > a{background-image: none;}

.headercontainer .headerinner.sticky .logocontainer img{max-height: 40px;}
.headercontainer .navigation .sf-menu > li{position: relative;}
.headercontainer .navigation .sf-menu > li > a{padding: 13px 22px 13px 22px;}
.bannercontainer .bannercaption .captioninner h1{font-size: 25px; line-height: 50px;}
.bannercontainer .bannercaption .captioninner h1 span {
	font-size: 56px;
	line-height: 55px;
}
.headercontainer .navigation .theme-btn{display: none;}
.headercontainer .navigation .navuser .userapn .makeanapp .theme-btn{display: inline-flex; justify-content: center; background: #135c8c;}
.headercontainer .navigation .navuser .userapn .makeanapp .theme-btn:hover{background: #33DDFF; color: #fff;}
.headercontainer .navigation .navuser .userapn .makeanapp .theme-btn:hover i{color: #06446C;}
.bannercontainer .owl-carousel .owldotsouter{bottom: 15px;}



.headercontainer .headtop .logoouter {
	position: static;
	background: none;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
}


.content-header {
	padding-right: 0;
	max-width: 100%;
	transform: inherit;
}
.vertical-bdr {
	display: none;
}
.vertical-bdr2 {
	display: none;
}
.helth-info {
	padding: 20px 0;
}
.bannercontainer .bannercaption .captioninner {
	margin-left: 0;
}
.baner-social {
	font-size: 13px;
	width: 42px;
}
.mental-health-sec .row > div {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 14px;
}
.mental-health-sec .row > div::after {
	content: '';
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) -7.95%, #FFFFFF 50.4%, rgba(255, 255, 255, 0) 108.75%);
	opacity: 0.20;
	position: absolute;
	bottom: 0;
}
.mental-health-sec .row::before {
	display: none;
}
.hlthinner {
	justify-content: space-between;
}
.helth-info span {
	font-size: 15px;
	line-height: 24px;
	display: block;
}
.helth-info p {
	font-size: 15px;
	margin-bottom: 10px;
}
.mental-info p {
	font-size: 16px;
	line-height: 28px;
}
.hills-video h4 {
	font-size: 22px;
	line-height: 32px;
}
.please-trees h2 {
	font-size: 45px;
	line-height: 55px;
	max-width: 100%;
}
.trees-pic {
	margin-right: 30px;
	margin-bottom: 30px;
}
.residnt-colum p {
	font-size: 14px;
	line-height: 24px;
	min-height: inherit;
}
.resdntadrss {
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0;
}

.ftrfstcolum {
	width: 100%;
}
.midlecolum {
	width: 100%;
	margin-top: 30px;
	padding: 0;
}
.lastcolum {
	width: 100%;
}
.footer-link {
	border: none;
	padding:30px 15px 15px;
	border-top: 1px solid #05315e;
	border-bottom: 1px solid #05315e;
	margin: 15px 0;
	height: auto;
}

.about-description h2 {
	font-size: 50px;
	line-height: 60px;
}
.about-description p {
	font-size: 18px;
	line-height: 30px;
}
.about-description {
	padding: 50px 0 20px;
}

.tips-icon img{
	max-width: 60px;
}
.wastecall a {
	font-size: 30px;
	line-height: normal;
}
.wastecall a span {
	max-width: 45px;
}
.wastecall p {
	font-size: 25px;
	line-height: normal;
}
.contact-cityhall p {
	font-size: 20px;
}
.contact-cityhall h5 {
	font-size: 25px;
}
.residents h3 {
	font-size: 50px;
	line-height: 60px;
}


/* ====added css==== */
ul.sf-menu {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 80%;
    height: 100vh;
    z-index: 9;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: 0.5s;
    z-index: 9999;
}
ul.sf-menu.showNav {
	transform: translateX(0%);
	transition: 0.5s;
}
.NavBar {
    display: inline-block;
    margin-right: 10px;
}
.parent ul {
	position: relative;
	top: 0;
	max-height: 0;
	display: block !important;
	overflow: hidden;
	transition: 0.5s;
}
.showDropdown.parent ul {
	max-height: 200px;
	transition: 0.5s;
}
.sf-menu li ul li a {
    padding-left: 23px;
    background: #ffe1ce;
	color: #EC6E20;
} 
.parent a::after {
	transition: 0.5s;
} 
.showDropdown.parent a::after {
	transform: rotate(180deg);
	transition: 0.5s;
}
.topbar {
	display: none;
}
.navuser {
	display: block;
} 
.userimg img {
    max-width: 180px;
}
.navigation {
	padding: 5px 0;
}
.headerArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background: #fff;
}


}


@media (min-width: 768px){

}





@media (max-width: 767px){
.headercontainer .navigation .navigationbox{width: 440px; margin-left: -100%;}
/*.headercontainer .headtop .logobx img{max-width: 142px;}*/
/*.headercontainer.sticky .headtop .logobx img{max-width: 120px;}*/
.servicetpbanner .servicetp{padding: 30px 10px;}
.bannercontainer .bannercaption .captioninner h1 span{font-size: 40px;}
.bannercontainer .bannercaption .captioninner h1{font-size: 22px; line-height: 40px; margin: 0px;}
.bannercontainer .owl-carousel .owl-nav .owl-prev{width: 36px; height: 36px; font-size: 15px;}
.bannercontainer .owl-carousel .owl-nav .owl-next{width: 36px; height: 36px; font-size: 15px;}

.baner-social{display: none;}

.prime-bx h5 {
	font-size: 20px;
	min-height: inherit;
}
.blog-object p {
	font-size: 15px;
	line-height: 25px;
}
.blog-object h5 {
	font-size: 18px;
	line-height: 28px;
}
.blog-object ul li span {
	max-width: 14px;
}
.blog-object ul li {
	font-size: 15px;
	line-height: normal;
}
.prime-service h2 {
	font-size: 40px;
}
.start-now p {
	font-size: 15px;
	line-height: 25px;
}
.start-button {
	font-size: 14px;
	padding: 14px 16px;
}
.blog-media {
	max-width: 120px;
	flex: 0 0 120px;
	border-radius: 15px;
}

.subscrib-fild button {
	font-size: 15px;
	padding: 15px 15px;
}
.subscrib-fild input {
	height: 52px;
	padding: 0 20px;
	font-size: 16px;
}
.ftr-addrss-bx p {
	font-size: 16px;
	line-height: 26px;
}
.adrs-icon {
	width: 60px;
	height: 60px;
}
.foter-nav ul li {
	font-size: 15px;
}
.sector-slide h2 {
	font-size: 40px;
}
.content-header p {
	font-size: 16px;
	line-height: 26px;
}
.abut-heding h2 {
	font-size: 40px;
}
.abtheng-shap {
	max-width: 34px;
	right: 8%;
}
.abut-heding p {
	font-size: 16px;
	line-height: 26px;
}
.our-srvc-shortdesp {
	padding-right: 0;
}


.tips-bx {
	width: 30%;
	flex: 0 0 30%;
	margin: 15px 1%;
}
.tips-info {
	flex-wrap: wrap;
	justify-content: center;
}

}

@media (max-width: 575px){
.headercontainer .navigation .navigationbox{width: calc(100% - 60px);}
.headercontainer .navigation .navuser .userapn{margin: 0px -2px;}
.headercontainer .navigation .navuser .userapn .makeanapp{padding: 0px 2px;}
.headercontainer .navigation .navuser .userapn .makeanapp a{font-size: 13px;}
.bannercontainer .bannercaption .captioninner h1{font-size: 20px; line-height: 30px;}
.bannercontainer .bannercaption{margin-top: -20px;}
.bannercontainer .owl-carousel .owldotsouter{bottom: 5px;}
.bannercontainer .owl-carousel .owl-item img{height: 270px; -webkit-object-fit: cover; object-fit: cover; object-position: right;}
/*.headercontainer .headtop .logobx img {
	max-width: 68px;
}
.headercontainer.sticky .headtop .logobx img {
	max-width: 60px;
}*/
.bannercontainer .bannercaption .captioninner h1 span {
	font-size: 35px;
}
.bannercontainer .bannercaption .captioninner h1 {
	font-size: 18px;
	line-height: 30px;
}

.short-description {
	padding: 20px 0 30px;
}
.short-description h3 {
	font-size: 20px;
	line-height: 30px;
}
.short-description p {
	font-size: 15px;
	line-height: 24px;
}
.mental-info h2 {
	font-size: 40px;
	line-height: 50px;
}
.mental-info p {
	font-size: 15px;
	line-height: 26px;
}
.helth-info {
	padding: 10px 0;
}
.board-trustes-sec {
	padding: 40px 0;
}
.board-trustes-sec h2 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 35px;
}
.bord-item {
	width: 46%;
	margin-bottom: 15px;
}
.hills-video h4 {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}
.hilvido-bx {
	max-width: 90%;
	height: 240px;
}
.vidobx::before {
	height: 136px;
}
.please-trees h2 {
	font-size: 35px;
	line-height: 45px;
}
.trees-object h5 {
	font-size: 18px;
	line-height: 24px;
}
.trees-object p {
	font-size: 14px;
	line-height: 23px;
}
.residente-outer {
	padding: 0;
}
.residents {
	padding: 30px;
}
.residents h3 {
	font-size: 50px;
	line-height: 60px;
	margin-bottom: 20px;
}
.bdycall {
	max-width: 200px;
	height: 200px;
}
.bdycal-object p {
	font-size: 14px;
	line-height: 24px;
}
.callcircle {
	width: 50px;
	height: 50px;
	font-size: 16px;
}
.midlecolum {
	margin-top: 0;
}

.about-description h2 {
	font-size: 35px;
	line-height: normal;
}
.about-description h3 {
	font-size: 25px;
	line-height: 35px;
}
.about-description p {
	font-size: 15px;
	line-height: 25px;
}
.wastecall p {
	font-size: 20px;
}
.wastecall a {
	font-size: 20px;
}
.wastecall a span {
	max-width: 38px;
}

.contact-cityhall p {
	font-size: 16px;
}
.contact-cityhall a {
	font-size: 16px;
	line-height: 26px;
}
.contact-cityhall h5 {
	font-size: 22px;
}
.wastecall {
	padding: 20px 0;
}
.tips-bx {
	width: 48%;
	flex: 0 0 48%;
	margin: 15px 1%;
}

.bredcumb-sec ul li {
	font-size: 14px;
}
.bredcumb-sec ul li::after {
	width: 32px;
	height: 9px;
}
.about-description {
	padding: 30px 0 20px;
}


}

@media (max-width: 440px){
.makeancontainer .makeanbx h2{font-size: 24px; line-height: 34px;}
.siteheading .subheading{font-size: 22px; line-height: 26px;}

.bord-item-rw {
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
}
.hilvido-bx {
	max-width: 90%;
	height: 160px;
}
.vidobx::before {
	height: 97px;
}
.please-trees h2 {
	font-size: 30px;
	line-height: 40px;
}
.bdycall {
	max-width: 180px;
	height: 200px;
}

.residents h3 {
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 15px;
}
.residents {
	padding: 20px;
}

.mental-info h2 {
	font-size: 35px;
	line-height: 45px;
}
.mental-info p {
	font-size: 15px;
	max-width: 100%;
}
.bannercontainer .bannercaption .captioninner p {
	font-size: 13px;
	line-height: 20px;
}
.tips-bx {
	width: 98%;
	flex: 0 0 98%;
	margin: 15px 1%;
}
.tips-icon {
	height: 66px;
}
.contact-cityhall p a {
	font-weight: 600;
}
.residnt-colum .row {
	padding: 15px 0;
	margin: 20px 0;
}
.wastecall {
	margin-bottom: 30px;
}
.about-description h3 {
	font-size: 23px;
	line-height: normal;
}
.frndly-tip h3 {
	font-size: 26px;
	line-height: 36px;
}

}

@media (max-width: 360px){
.headercontainer .headtoprow .logocontainer{padding: 10px 0px 10px 0px; max-width: 160px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.topmiddle li, .topRight li a {
		font-size: 10px;
	}
 }

@media (min-width: 1600px){
	.topmiddle li, .topRight li a {
		font-size: 17px;
		line-height: 32px;
	}
	  .menuICN {
		width: 46px;
		height: 46px;
	}
	.residnt-colum small {
	  font-size: 18px;
	  line-height: 31px;
	  }
	.residents h3 {
		margin-bottom: 40px;
	}
	.timing {
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		margin-bottom: 30px;
	}
}