@media (min-width:320px) and (max-width:480px) {

	.homeDesktopTabBox,
	.homeWhiteBox {
		box-shadow: 0 3px 6px 0 #00000029;
		position: relative
	}

	.homeDesktopTabBox,
	.homeMobileSearchBox,
	.homeWhiteBox {
		border-radius: 8px;
		overflow: hidden
	}

	.city-icon,
	.homeDesktopTabBox ul {
		image-rendering: -webkit-optimize-contrast
	}

	body {
		background-color: #fff
	}

	.d-none {
		display: block !important
	}

	.banner-block,
	.content-hide,
	.desktopsearchbox-big,
	.logo-block {
		display: none
	}

	.jumbtron-btns .btn-block {
		display: block;
		width: 100%
	}

	.card-body,
	.card-header {
		padding: 8px
	}

	.h1 {
		margin-bottom: 2px !important
	}

	p {
		margin-bottom: 10px !important
	}

	.container-fluid {
		padding: 2px
	}

	.content-show {
		display: block
	}

	.my-4 {
		margin-top: 60px !important
	}

	.content {
		margin-bottom: 0
	}

	.table td,
	.table th {
		padding: 4px
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important
	}

	.mt-md-2 {
		margin-top: .5rem !important
	}

	.homeDesktopBanner .guidelinevalueHeading {
		padding: 13px 0 22px;
		font-size: 28px;
		color: #021454;
		font-family: serif
	}

	.homeDesktopBanner {
		padding: 73px 0 0;
		position: relative;
		height: 433px;
		background: url('../images/hero-image.png') no-repeat
	}

	.homeDesktopTabBox {
		margin: 0 15px;
		display: block;
		z-index: 1;
		background: #fff;
		height: 95px
	}

	.homeDesktopTabBox ul {
		display: block;
		overflow: hidden;
		overflow-x: auto;
		height: 94px;
		width: calc(100vw - 60px);
		white-space: nowrap;
		padding: 0 9px
	}

	.homeDesktopTabBox:after {
		content: '';
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .78) 47%, #fff);
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		z-index: 1
	}

	.homeDesktopTabBox ul li {
		display: inline-block;
		position: relative;
		height: 84px;
		white-space: normal
	}

	.homeDesktopTabBox ul li a {
		width: 75px;
		padding: 5px
	}

	.homeDesktopTabBox ul li em {
		height: 50px;
		width: 47px;
		display: inline-block;
		transition: .3s
	}

	.tn-icon {
		width: 43px;
		height: 41px;
		margin-left: 11px
	}

	.homeDesktopTabBox ul li span {
		font-size: 9px
	}

	.homeDesktopTabBox ul li.active span,
	.homeDesktopTabBox ul li:hover span {
		color: #5e449b;
		border-bottom: 2px solid #5e449b;
		transition: .3s
	}

	.homeWhiteBox {
		display: block;
		padding: 42px 0 0;
		margin-top: -42px;
		background: #00000080;
		width: 100%;
		height: 179px;
		text-align: left
	}

	.homeMobileSearchBox {
		margin: 20px 15px 0;
		display: flex;
		height: 42px;
		box-shadow: 0 2px 6px 0 #00000014
	}

	.homeMobileSearchBox .searchInput {
		padding: 0 5px 0 12px;
		display: block;
		height: 42px;
		border: 1px solid #f0f0f0;
		border-right: 0;
		border-radius: 8px 0 0 8px;
		width: calc(100% - 46px);
		color: #9d9d9d;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 40px;
		background: #fff
	}

	.homeMobileSearchBox em {
		display: flex;
		width: 46px;
		height: 42px;
		align-items: center;
		justify-content: center;
		background: #fff;
		color: #ff6002;
		font-size: 20px;
		border-radius: 0 8px 8px 0;
		border: 1px solid #f0f0f0;
		border-left: 0;
		position: absolute;
		top: 62px;
		right: 15px
	}

	.clock-icon {
		margin-bottom: 6px
	}

	.icon-search:before {
		content: ""
	}

	.searchBtn {
		padding: 5px;
		font-size: 16px;
		background: #fb7401;
		color: #fff;
		border-radius: 9px;
		border: 0;
		cursor: pointer;
		transition: .3s;
		width: 72px;
		height: 43px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 110px;
		margin-bottom: 9px;
		margin-top: 30px
	}

	.inputBox2 {
		display: block;
		margin-left: 22px
	}

	.input-group {
		width: 200px;
		margin-top: 17px;
		padding: 5px
	}

	.form-select {
		height: 38px;
		width: 240px !important;
		margin-top: 8px;
		border-radius: 7px;
		background: #efefef;
		padding-left: 30px;
		border: 0 solid #707070;
		margin-bottom: 20px;
		margin-left: 30px;
		font-size: 12px
	}

	.icon-search {
		font-size: 15px;
		position: absolute;
		right: 20px;
		bottom: 80px
	}

	.homeDesktopSearchBox .inputBox1 .newchipAdded .form-control {
		width: 170px
	}

	.homeMobileRecentSearchBox {
		width: 100%
	}

	.search-bar .form-group::after {
		display: block;
		width: calc(100% - 4rem);
		height: 1px;
		content: '';
		transform: translateX(-50%);
		background: #dee2e6;
		position: absolute;
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%
	}

	.scrollBarHide {
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		-ms-scrollbar-width: none;
		scrollbar-width: none
	}

	.scrollBarHide::-webkit-scrollbar {
		display: none
	}

	.gblCityBox .gblCityBody .box {
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		-ms-scrollbar-width: none;
		scrollbar-width: none;
		padding: 15px 15px 13px;
		display: flex;
		overflow: hidden;
		overflow-x: auto
	}

	.gblCityBox .gblCityBody .box::-webkit-scrollbar {
		display: none
	}

	.gblCityBox .gblCityBody .box .formRadioBox .active {
		color: #5e449b;
		border: 1px solid #5e449b;
		transition: .3s;
		box-shadow: none;
		border-radius: 10px;
		width: 75px
	}

	.gblCityBox {
		width: 100%;
		max-width: inherit;
		border-radius: 0
	}

	.gblCityBox .gblHeader {
		padding: 0 15px;
		height: 48px;
		display: -webkit-flex;
		align-items: center;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 3px 6px 0 #00000012
	}

	.gblCityBox .gblHeader h3 {
		font-size: 13px;
		font-weight: 600;
		display: inline-block;
		color: #000;
		margin-left: 15px
	}

	.gblCityBox .gblCityBody {
		max-height: calc(100% - 48px);
		display: block;
		overflow: hidden;
		overflow-y: auto
	}

	.gblCityBox .gblCityBody .box .formRadioBox {
		padding: 8px 8px 10px 15px;
		display: flex;
		font-size: 12px;
		border-radius: 8px;
		align-items: center;
		width: 100%;
		height: 62px;
		text-align: center;
		position: relative;
		color: #000
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio:checked {
		background: #fff
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio {
		appearance: none;
		height: 17px;
		width: 17px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		outline: 0;
		z-index: 1;
		border-radius: 30px;
		position: absolute;
		top: 3px;
		left: 3px;
		opacity: 0
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio:checked::before {
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 100%;
		left: 3px;
		top: 3px;
		position: absolute
	}

	.gblCityBox .gblCityBody .box .formRadioBox label em.bI {
		height: 35px
	}

	.gblCityBox .gblCityBody .gblSearchBox {
		padding: 15px 15px 5px;
		display: block;
		width: 100%;
		position: relative
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch {
		display: -webkit-flex;
		align-items: center
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch label {
		font-size: 13px;
		position: relative;
		color: #333;
		font-weight: 500;
		display: none
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .formGroup {
		display: block;
		width: 100%;
		position: relative
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .formGroup .form-control {
		padding-left: 35px;
		height: 38px;
		background: #efefef;
		border: 0 solid #707070;
		margin-left: 28px;
		width: 247px;
		color: #737373
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .dropdownMobile ul {
		border-radius: 5px
	}

	.gblCityBox .gblCityBody .topCitiesBoxx {
		padding: 5px 15px 0;
		display: block;
		overflow: hidden
	}

	.gblCityBox .gblCityBody .topCitiesBoxx h4 {
		padding: 5px 0 0;
		font-size: 13px;
		font-weight: 600;
		color: #333
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul {
		margin: 0 -4px 0 -1px;
		display: block
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li {
		margin: 2px;
		cursor: pointer;
		text-align: center;
		display: block;
		float: left;
		width: calc(33% - 4px);
		border: 1px solid #e3e3e3;
		border-radius: 8px;
		height: 55px
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li a {
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li .sci-mumbai {
		background-position: -69px -53px
	}

	.left-sec-mob a,
	.search-input {
		color: #000
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li em {
		width: 35px;
		height: 27px;
		display: block
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li a h5 {
		color: #333;
		transition: .5s;
		font-weight: 400;
		font-size: 12px;
		padding-top: 10px
	}

	.city-icon {
		width: 40px;
		margin-top: 5px;
		height: 28px
	}

	.gblCityBox .gblCityBody .allCitiesBoxx {
		padding: 5px 15px 10px;
		display: block;
		overflow: hidden
	}

	.gblCityBox .gblCityBody .allCitiesBoxx h4 {
		padding: 8px 0;
		font-size: 13px;
		font-weight: 600;
		color: #333
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul {
		margin: 0;
		display: block
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul li {
		cursor: pointer;
		display: block;
		border-top: 1px solid #f1f1f1
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul li a {
		display: block;
		color: #333;
		line-height: 42px;
		transition: .5s;
		position: relative
	}

	.gblCityBox.active {
		left: 0;
		transition: .3s;
		display: block;
		background: #fff;
		width: 100%;
		max-width: inherit;
		border-radius: 0;
		top: 77px;
		right: inherit;
		height: 158%;
		z-index: 22
	}

	.sidenav {
		height: 105%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 69px
	}

	.sidenav a {
		padding: 8px 8px 8px 0;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: .3s
	}

	.sidenav a:hover {
		color: #f1f1f1
	}

	.sidenav .closebtn {
		position: absolute;
		left: 9px;
		font-size: 21px
	}

	@media screen and (max-height:450px) {
		.sidenav {
			padding-top: 15px
		}

		.sidenav a {
			font-size: 18px
		}
	}

	.homeMobileSideTabBox {
		margin: 0;
		display: block;
		z-index: 1;
		background: #fff;
		overflow: hidden
	}

	.serviceSection {
		padding: 23px 0 71px;
		display: block;
		background: #fff
	}

	.serviceSection h2 {
		padding: 0 0 15px;
		display: block;
		font-size: 19px;
		color: #333;
		line-height: 22px;
		font-style: italic;
		font-weight: 700
	}

	.blogDetailsBox,
	.left-sec,
	.serviceCard p,
	.serviceLink span {
		display: none
	}

	.serviceSection .serviceBox {
		margin: 0 -15px;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #f2f2f2
	}

	.serviceSection .serviceBox .serviceCard {
		margin: 0;
		background: #fff;
		height: 145px;
		position: relative;
		overflow: hidden;
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
		display: block;
		float: left;
		width: 33.3%;
		border-radius: 0;
		box-shadow: none
	}

	.serviceSection .serviceBox .serviceCard a {
		padding: 25px 10px 0;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		text-align: center
	}

	.serviceSection .serviceBox .serviceCard .serviceLink {
		color: #333;
		font-size: 9px;
		font-weight: 700;
		display: block;
		line-height: 15px;
		white-space: normal
	}

	.bI.bIcon38 {
		background-position: -751px -86px
	}

	.bI.bIcon39 {
		background-position: -826px -85px
	}

	.bI.bIcon40 {
		background-position: -680px -232px
	}

	.bI.bIcon41 {
		background-position: -742px -225px
	}

	.bI.bIcon42 {
		background-position: -926px -14px
	}

	.knowyourpan {
		padding: 40px 0;
		display: block;
		background: #f6e3f9
	}

	.left-sec-mob {
		display: block;
		width: calc(100% - 35px);
		position: relative;
		font-size: 15px;
		padding-left: 23px
	}

	.knowyourpan h2 {
		padding-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-family: cursive;
		color: #000
	}

	.blogNaBox {
		margin-right: -4px
	}

	.blogNaBox ul li span {
		width: calc(100% - 35px);
		position: relative;
		font-size: 13px;
		padding-left: 18px
	}

	.cityHomePageSection {
		padding: 30px 0;
		display: block
	}

	.cityHomePageSection h2 {
		padding: 0 15px;
		margin-bottom: -10px;
		font-size: 18px;
		text-align: left;
		font-family: fangsong;
		color: #000
	}

	.cityHomePageSection .bigCityListBox {
		padding: 0
	}

	.cityHomePageSection .bigCityListBox ul {
		padding: 0 15px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto
	}

	.cityHomePageSection .bigCityListBox ul li {
		width: 120px;
		height: 112px;
		margin: 30px 0 30px 15px
	}

	.cityHomePageSection .smallCityListBox {
		padding: 26px 15px;
		display: none
	}

	.cityHomePageSection .btnBox .btn {
		background: #fff;
		border: 1px solid #efe8ff;
		display: block
	}

	.cityHomePageSection .btnBox .btn:after {
		content: 'View';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #5f449b
	}

	.cityHomePageSection .btnBox .btn.active:after {
		content: 'View Less';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #5f449b
	}

	.cityHomePageSection .btnBox {
		padding: 12px 15px;
		display: block
	}

	.cityHomePageSection .smallCityListBox.active {
		padding: 0 15px 15px;
		display: block
	}

	.cityHomePageSection .smallCityListBox ul {
		display: block;
		text-align: left;
		overflow: hidden
	}

	.cityHomePageSection .smallCityListBox ul li:nth-child(3n+1) {
		margin-left: 15px
	}

	.cityHomePageSection .smallCityListBox ul li {
		display: contents
	}

	.cityHomePageSection .smallCityListBox ul li a {
		padding: 0;
		color: #5e449b;
		line-height: 38px
	}

	.tools-centre-box-heading {
		font-size: 23px;
		color: #35af48 !important;
		font-family: serif
	}

	.calci-wrapper {
		width: 48%;
		padding-right: 8px;
		padding-left: 12px
	}

	.calci-heading {
		line-height: 126%;
		font-weight: 500;
		font-size: 14px !important
	}

	.calci-img {
		width: 38px
	}

	.calci-para {
		letter-spacing: .01em;
		line-height: 158%;
		font-size: 11px
	}

	.calci-btn {
		border-radius: 4px;
		text-decoration: none;
		position: absolute;
		left: 74px;
		bottom: 6px;
		transition: .5s;
		height: 20px;
		font-size: 11px;
		padding: revert
	}

	.tools-section-heading {
		display: block;
		font-size: 21px;
		color: #008395;
		line-height: 22px;
		text-align: center;
		font-family: unset
	}
}

@media (min-width:375px) and (max-width:420px) {
	.icon-search {
		right: 87px
	}
}

@media (min-width:481px) and (max-width:767px) {

	#floatingSelect,
	#floatingSelectarea,
	#floatingSelectcountry {
		height: 40px;
		margin-left: 35px;
		margin-right: 30px;
		width: -webkit-fill-available;
		border-radius: 10px
	}

	#search-btn,
	.grid-h ul>li,
	body {
		background-color: #fff
	}

	.homeDesktopTabBox,
	.homeWhiteBox {
		box-shadow: 0 3px 6px 0 #00000029;
		border-radius: 8px;
		position: relative
	}

	.city-icon,
	.homeDesktopTabBox ul {
		image-rendering: -webkit-optimize-contrast
	}

	.d-none {
		display: block !important
	}

	.category-menu,
	.desktopsearchbox-big,
	.logo-block {
		display: none
	}

	.jumbtron-btns .btn-block {
		display: block;
		width: 100%;
		margin: 0 0 5px !important
	}

	.marginTopAdjust {
		margin-top: 90px
	}

	.showcase {
		margin-right: 10px
	}

	.carousel-inner {
		display: flex
	}

	.mb-5 {
		width: 146px;
		margin: 20px
	}

	.category>li>a b {
		padding-left: 4px
	}

	.category {
		margin: 0 !important
	}

	.category>li {
		width: 24%
	}

	#slider-text h2 {
		padding: 0 !important
	}

	#floatingSelect {
		display: flex;
		margin-top: -10px
	}

	#floatingSelectarea,
	#floatingSelectcountry {
		display: flex;
		margin-top: 8px
	}

	.blackbox {
		height: 222px
	}

	#search-btn {
		display: flex;
		font-weight: 400;
		margin-top: 8px;
		margin-left: 100px
	}

	.service-block {
		display: flex;
		padding: 10px 0 25px;
		background: #ffe9e9;
		overflow: hidden
	}

	.service-block .container>h2 {
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 700;
		font-size: 26px;
		letter-spacing: 3px;
		margin-bottom: 10px;
		text-align: center;
		font-style: italic;
		color: #000;
		padding-top: 20px
	}

	.scroll-wrap {
		position: relative;
		width: 100%;
		overflow-x: scroll
	}

	.grid-h ul {
		clear: both;
		padding: 10px 15px 20px
	}

	.scroll-wrap ul {
		white-space: nowrap
	}

	.grid-h .scroll-wrap li {
		cursor: pointer
	}

	.grid-h ul>li {
		position: relative;
		display: inline-block;
		width: 140px;
		margin: 0 22px 0 0;
		padding: 0;
		vertical-align: top;
		border-radius: 3px;
		box-shadow: 0 0 5px 0 #bbb
	}

	.grid-h ul>li .grid-info {
		padding: 10px
	}

	.grid-h ul>li h3 {
		margin-bottom: 5px;
		height: 30px;
		font-size: 12px;
		font-weight: 600;
		white-space: normal
	}

	.grid-h ul>li h3 a {
		color: #4d4d4d
	}

	.mb-lg-3 {
		margin-bottom: 1rem !important
	}

	.mt-md-2 {
		margin-top: .5rem !important
	}

	.homeDesktopBanner .guidelinevalueHeading {
		padding: 13px 0 22px;
		font-size: 28px;
		color: #021454;
		font-family: serif
	}

	.homeDesktopBanner {
		padding: 73px 0 0;
		position: relative;
		height: 433px;
		background: url('../images/hero-image.png') no-repeat
	}

	.homeDesktopTabBox {
		margin: 0 15px;
		display: block;
		z-index: 1;
		background: #fff;
		overflow: hidden;
		height: 95px
	}

	.homeDesktopTabBox ul {
		display: block;
		overflow: hidden;
		overflow-x: auto;
		height: 94px;
		width: calc(100vw - 60px);
		white-space: nowrap;
		padding: 0 9px
	}

	.homeDesktopTabBox:after {
		content: '';
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .78) 47%, #fff);
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		z-index: 1
	}

	.homeDesktopTabBox ul li {
		display: inline-block;
		position: relative;
		height: 84px;
		white-space: normal
	}

	.homeDesktopTabBox ul li a {
		width: 75px;
		padding: 5px
	}

	.homeDesktopTabBox ul li em {
		height: 50px;
		width: 47px;
		display: inline-block;
		transition: .3s
	}

	.tn-icon {
		width: 43px;
		height: 41px;
		margin-left: 11px
	}

	.homeDesktopTabBox ul li span {
		font-size: 9px
	}

	.homeDesktopTabBox ul li.active span,
	.homeDesktopTabBox ul li:hover span {
		color: #5e449b;
		border-bottom: 2px solid #5e449b;
		transition: .3s
	}

	.homeWhiteBox {
		display: block;
		padding: 42px 0 0;
		margin-top: -42px;
		background: #00000080;
		width: 100%;
		height: 179px;
		text-align: left;
		overflow: hidden
	}

	.homeMobileSearchBox {
		margin: 20px 15px 0;
		display: flex;
		height: 42px;
		box-shadow: 0 2px 6px 0 #00000014;
		border-radius: 8px;
		overflow: hidden
	}

	.homeMobileSearchBox .searchInput {
		padding: 0 5px 0 12px;
		display: block;
		height: 42px;
		border: 1px solid #f0f0f0;
		border-right: 0;
		border-radius: 8px 0 0 8px;
		width: calc(100% - 46px);
		color: #9d9d9d;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 40px;
		background: #fff
	}

	.homeMobileSearchBox em {
		display: flex;
		width: 46px;
		height: 42px;
		align-items: center;
		justify-content: center;
		background: #fff;
		color: #ff6002;
		font-size: 20px;
		border-radius: 0 8px 8px 0;
		border: 1px solid #f0f0f0;
		border-left: 0;
		position: absolute;
		top: 62px;
		right: 15px
	}

	.clock-icon {
		margin-bottom: 6px
	}

	.icon-search:before {
		content: ""
	}

	.searchBtn {
		padding: 5px;
		font-size: 16px;
		background: #fb7401;
		color: #fff;
		border-radius: 9px;
		border: 0;
		cursor: pointer;
		transition: .3s;
		width: 72px;
		height: 43px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 110px;
		margin-bottom: 9px;
		margin-top: 30px
	}

	.inputBox2 {
		display: block;
		margin-left: 22px
	}

	.input-group {
		width: 200px;
		margin-top: 17px;
		padding: 5px
	}

	.form-select {
		height: 38px;
		width: 240px !important;
		margin-top: 8px;
		border-radius: 7px;
		background: #efefef;
		padding-left: 30px;
		border: 0 solid #707070;
		margin-bottom: 20px;
		margin-left: 30px;
		font-size: 12px
	}

	.icon-search {
		font-size: 15px;
		position: absolute;
		right: 20px;
		bottom: 80px
	}

	.homeDesktopSearchBox .inputBox1 .newchipAdded .form-control {
		width: 170px
	}

	.homeMobileRecentSearchBox {
		width: 100%
	}

	.search-bar .form-group::after {
		display: block;
		width: calc(100% - 4rem);
		height: 1px;
		content: '';
		transform: translateX(-50%);
		background: #dee2e6;
		position: absolute;
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%
	}

	.scrollBarHide {
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		-ms-scrollbar-width: none;
		scrollbar-width: none
	}

	.scrollBarHide::-webkit-scrollbar {
		display: none
	}

	.gblCityBox .gblCityBody .box {
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		-ms-scrollbar-width: none;
		scrollbar-width: none;
		padding: 15px 15px 13px;
		display: flex;
		overflow: hidden;
		overflow-x: auto
	}

	.gblCityBox .gblCityBody .box::-webkit-scrollbar {
		display: none
	}

	.gblCityBox .gblCityBody .box .formRadioBox .active {
		color: #5e449b;
		border: 1px solid #5e449b;
		transition: .3s;
		box-shadow: none;
		border-radius: 10px;
		width: 75px
	}

	.gblCityBox {
		width: 100%;
		max-width: inherit;
		border-radius: 0
	}

	.gblCityBox .gblHeader {
		padding: 0 15px;
		height: 48px;
		display: -webkit-flex;
		align-items: center;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 3px 6px 0 #00000012
	}

	.gblCityBox .gblHeader h3 {
		font-size: 13px;
		font-weight: 600;
		display: inline-block;
		color: #000;
		margin-left: 15px
	}

	.gblCityBox .gblCityBody {
		max-height: calc(100% - 48px);
		display: block;
		overflow: hidden;
		overflow-y: auto
	}

	.gblCityBox .gblCityBody .box .formRadioBox {
		padding: 8px 8px 10px 15px;
		display: flex;
		font-size: 12px;
		border-radius: 8px;
		align-items: center;
		width: 100%;
		height: 62px;
		text-align: center;
		position: relative;
		color: #000
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio:checked {
		background: #fff
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio {
		appearance: none;
		height: 17px;
		width: 17px;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		outline: 0;
		z-index: 1;
		border-radius: 30px;
		position: absolute;
		top: 3px;
		left: 3px;
		opacity: 0
	}

	.gblCityBox .gblCityBody .box .formRadioBox .radio:checked::before {
		content: "";
		width: 9px;
		height: 9px;
		border-radius: 100%;
		left: 3px;
		top: 3px;
		position: absolute
	}

	.gblCityBox .gblCityBody .box .formRadioBox label em.bI {
		height: 35px
	}

	.gblCityBox .gblCityBody .gblSearchBox {
		padding: 15px 15px 5px;
		display: block;
		width: 100%;
		position: relative
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch {
		display: -webkit-flex;
		align-items: center
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch label {
		font-size: 13px;
		position: relative;
		color: #333;
		font-weight: 500;
		display: none
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .formGroup {
		display: block;
		width: 100%;
		position: relative
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .formGroup .form-control {
		padding-left: 35px;
		height: 38px;
		background: #efefef;
		border: 0 solid #707070;
		margin-left: 28px;
		width: 247px;
		color: #737373
	}

	.gblCityBox .gblCityBody .gblSearchBox .gblSearch .dropdownMobile ul {
		border-radius: 5px
	}

	.gblCityBox .gblCityBody .topCitiesBoxx {
		padding: 5px 15px 0;
		display: block;
		overflow: hidden
	}

	.gblCityBox .gblCityBody .topCitiesBoxx h4 {
		padding: 5px 0 0;
		font-size: 13px;
		font-weight: 600;
		color: #333
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul {
		margin: 0 -4px 0 -1px;
		display: block
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li {
		margin: 2px;
		cursor: pointer;
		text-align: center;
		display: block;
		float: left;
		width: calc(33% - 4px);
		border: 1px solid #e3e3e3;
		border-radius: 8px;
		height: 55px
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li a {
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li .sci-mumbai {
		background-position: -69px -53px
	}

	.left-sec-mob a,
	.search-input {
		color: #000
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li em {
		width: 35px;
		height: 27px;
		display: block
	}

	.gblCityBox .gblCityBody .topCitiesBoxx ul li a h5 {
		color: #333;
		transition: .5s;
		font-weight: 400;
		font-size: 12px;
		padding-top: 10px
	}

	.city-icon {
		width: 40px;
		margin-top: 5px;
		height: 28px
	}

	.gblCityBox .gblCityBody .allCitiesBoxx {
		padding: 5px 15px 10px;
		display: block;
		overflow: hidden
	}

	.gblCityBox .gblCityBody .allCitiesBoxx h4 {
		padding: 8px 0;
		font-size: 13px;
		font-weight: 600;
		color: #333
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul {
		margin: 0;
		display: block
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul li {
		cursor: pointer;
		display: block;
		border-top: 1px solid #f1f1f1
	}

	.gblCityBox .gblCityBody .allCitiesBoxx ul li a {
		display: block;
		color: #333;
		line-height: 42px;
		transition: .5s;
		position: relative
	}

	.gblCityBox.active {
		left: 0;
		transition: .3s;
		display: block;
		background: #fff;
		width: 100%;
		max-width: inherit;
		border-radius: 0;
		top: 77px;
		right: inherit;
		height: 158%;
		z-index: 22
	}

	.sidenav {
		height: 105%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: .5s;
		padding-top: 69px
	}

	.sidenav a {
		padding: 8px 8px 8px 0;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: .3s
	}

	.sidenav a:hover {
		color: #f1f1f1
	}

	.sidenav .closebtn {
		position: absolute;
		left: 9px;
		font-size: 21px
	}

	@media screen and (max-height:450px) {
		.sidenav {
			padding-top: 15px
		}

		.sidenav a {
			font-size: 18px
		}
	}

	.homeMobileSideTabBox {
		margin: 0;
		display: block;
		z-index: 1;
		background: #fff;
		overflow: hidden
	}

	.serviceSection {
		padding: 23px 0 71px;
		display: block;
		background: #fff
	}

	.serviceSection h2 {
		padding: 0 0 15px;
		display: block;
		font-size: 19px;
		color: #333;
		line-height: 22px;
		font-style: italic;
		font-weight: 700
	}

	.blogDetailsBox,
	.left-sec,
	.serviceCard p,
	.serviceLink span {
		display: none
	}

	.serviceSection .serviceBox {
		margin: 0 -15px;
		display: block;
		overflow: hidden;
		border-bottom: 1px solid #f2f2f2
	}

	.serviceSection .serviceBox .serviceCard {
		margin: 0;
		background: #fff;
		height: 145px;
		position: relative;
		overflow: hidden;
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
		display: block;
		float: left;
		width: 33.3%;
		border-radius: 0;
		box-shadow: none
	}

	.serviceSection .serviceBox .serviceCard a {
		padding: 25px 10px 0;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		text-align: center
	}

	.serviceSection .serviceBox .serviceCard .serviceLink {
		color: #333;
		font-size: 9px;
		font-weight: 700;
		display: block;
		line-height: 15px;
		white-space: normal
	}

	.bI.bIcon38 {
		background-position: -751px -86px
	}

	.bI.bIcon39 {
		background-position: -826px -85px
	}

	.bI.bIcon40 {
		background-position: -680px -232px
	}

	.bI.bIcon41 {
		background-position: -742px -225px
	}

	.bI.bIcon42 {
		background-position: -926px -14px
	}

	.knowyourpan {
		padding: 40px 0;
		display: block;
		background: #f6e3f9
	}

	.left-sec-mob {
		display: block;
		width: calc(100% - 35px);
		position: relative;
		font-size: 15px;
		padding-left: 23px
	}

	.knowyourpan h2 {
		padding-bottom: 20px;
		text-align: center;
		font-size: 20px;
		font-family: cursive;
		color: #000
	}

	.blogNaBox {
		margin-right: -4px
	}

	.blogNaBox ul li span {
		width: calc(100% - 35px);
		position: relative;
		font-size: 13px;
		padding-left: 18px
	}

	.cityHomePageSection {
		padding: 30px 0;
		display: block
	}

	.cityHomePageSection h2 {
		padding: 0 15px;
		margin-bottom: -10px;
		font-size: 18px;
		text-align: left;
		font-family: fangsong;
		color: #000
	}

	.cityHomePageSection .bigCityListBox {
		padding: 0
	}

	.cityHomePageSection .bigCityListBox ul {
		padding: 0 15px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto
	}

	.cityHomePageSection .bigCityListBox ul li {
		width: 120px;
		height: 112px;
		margin: 30px 0 30px 15px
	}

	.cityHomePageSection .smallCityListBox {
		padding: 26px 15px;
		display: none
	}

	.cityHomePageSection .btnBox .btn {
		background: #fff;
		border: 1px solid #efe8ff;
		display: block
	}

	.cityHomePageSection .btnBox .btn:after {
		content: 'View';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #5f449b
	}

	.cityHomePageSection .btnBox .btn.active:after {
		content: 'View Less';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #5f449b
	}

	.cityHomePageSection .btnBox {
		padding: 12px 15px;
		display: block
	}

	.cityHomePageSection .smallCityListBox.active {
		padding: 0 15px 15px;
		display: block
	}

	.cityHomePageSection .smallCityListBox ul {
		display: block;
		text-align: left;
		overflow: hidden
	}

	.cityHomePageSection .smallCityListBox ul li:nth-child(3n+1) {
		margin-left: 15px
	}

	.cityHomePageSection .smallCityListBox ul li {
		display: contents
	}

	.cityHomePageSection .smallCityListBox ul li a {
		padding: 0;
		color: #5e449b;
		line-height: 38px
	}
}

@media (min-width:768px) and (max-width:1024px) {
	body {
		background-color: #fff
	}

	.jumbtron-btns .btn-block {
		display: inline-block;
		width: auto;
		margin: 0 0 5px !important
	}

	.marginTopAdjust {
		margin-top: 45px
	}

	.carousel-inner {
		display: flex
	}

	.mb-5 {
		width: 146px;
		margin: 20px
	}
}

@media (min-width:1025px) and (max-width:1280px) {
	body {
		background-color: #fff
	}

	.jumbtron-btns .btn-block {
		display: inline-block;
		width: auto;
		margin: 0 0 5px !important
	}
}

@media (min-width:1281px) {
	body {
		background-color: #fff
	}

	.jumbtron-btns .btn-block {
		display: inline-block;
		width: auto;
		margin: 0 0 5px !important
	}

	.marginTopAdjust {
		margin-top: 0
	}
}

@media screen and (max-width:1024px) {
	.container {
		width: 100%
	}
}