.websitebackbutton:hover {
  color: white;
}

@media (min-width: 1920px) and (max-width: 2560px) {
	#project-banner {
		margin-top: 125px
	}

	.topHeading {
		margin-top: 0
	}

	.project-page .fancybox-content .fancybox-close-small {
		top: 30px;
		right: 10px
	}

	#Our-Approach-banner {
		padding-top: 170px;
		height: 1300px
	}

	#Our-Approach-banner .our-approach-pix1 {
		width: 730px
	}

	#Our-Approach-banner p {
		width: 430px
	}

	#Our-Approach-banner .Collaboration {
		margin-top: 130px
	}

	#Our-Approach-banner .Collaboration .CollaborationPix {
		left: -540px;
		width: 420px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt {
		left: -170px
	}

	#Our-Approach-banner .WeFocused {
		bottom: -90px;
		right: -100px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt .q1 {
		width: 170px;
		right: -490px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt img {
		width: 100%
	}

	#Join-list-banner .Collaboration .CollaborationPix {
		width: 620px;
		left: -570px
	}

	#Join-list-banner .Collaboration .CollaborationPix img {
		width: 100%
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix {
		top: 60px;
		left: -23px
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix img {
		width: 280px
	}

	#why-chooes-banner {
		background-size: 760px
	}

	.project-page .fancybox-content .project-pop-image img {
		height: 570px
	}
}

@media screen and (max-width: 1440px) {
	#banner .bannertext {
		bottom: 125px
	}

	#banner .swiper-pagination {
		bottom: 80px
	}

	#project-banner {
		margin-top: 140px
	}

	#Our-Approach-banner .our-approach-pix1 {
		width: 670px
	}

	#Our-Approach-banner .WeFocused {
		bottom: -20px
	}

	#Our-Approach-banner .Collaboration {
		margin-top: 130px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt {
		left: 0
	}

	#Our-Approach-banner .Collaboration .CollaborationPix {
		left: -170px
	}

	.project-page .fancybox-content .project-pop-image img {
		height: 680px
	}
}

@media screen and (max-width: 1200px) {
	#whatweareBottom .whatweareBottomBox a::before {
		display: none
	}

	#whataretownships .whatareSliderBox .whatareSliderBoxContent h2 {
		padding-left: 0
	}

	#Person-Profile-banner .ScrollToD {
		display: none
	}

	#Person-Profile-banner .Person-Profile-right {
		width: 100%;
		bottom: 0;
		position: relative;
		right: 0;
		height: auto;
		margin-top: 30px
	}

	#Person-Profile-banner .personImg {
		margin-bottom: 30px
	}

	#Person-Profile-banner .Person-Profile .Person-ProfilePix {
		position: relative;
		left: 0;
		bottom: 0;
		filter: grayscale(1)
	}

	#Person-Profile-banner .Person-Profile .Person-ProfilePix img {
		width: 100%
	}

	#Person-Profile-banner .Person-Profile-right .Person-Profile-rightPix {
		position: relative;
		left: 0;
		bottom: 0
	}

	#Person-Profile-banner .Person-Profile-right .Person-Profile-rightTxt {
		position: relative;
		left: 0;
		bottom: 0
	}

	#expanse .menu li:nth-child(4)::before,
	#expanse .menu li:last-child a::before,
	#expanse .menu li:last-child a::after,
	#expanse .menu li:last-child a::before {
		display: none
	}

	.common-container {
		padding: 0 15px
	}

	#banner {
		text-align: center;
		overflow: hidden
	}

	#banner h1 {
		font-size: 40px;
		line-height: 45px
	}

	#banner img {
		object-fit: cover;
		height: 600px
	}

	.collection-banner .banner-img {
		object-fit: cover
	}

	#banner .bannertext h1 {
		padding: 10px;
		font-size: 20px;
		margin-bottom: 0
	}

	#banner .bannertext p {
		padding: 10px;
		line-height: 130%
	}

	.pagetitle {
		line-height: 30px;
		font-size: 22px;
		letter-spacing: 1px
	}

	#shopbyroom {
		padding-top: 30px;
		padding-bottom: 30px
	}

	#shopbyroom .pagetitle {
		transform: translate(0px, 0px)
	}

	#shopbyroom .shopbyroomSlider {
		margin-top: 20px
	}

	#shopbyroom .nos {
		margin-top: 14px
	}

	#shopbyroom .shopbyroomleft {
		padding-bottom: 100px
	}

	#shopbyroom .swiper-pagination {
		width: 60%
	}

	#shopbyroom [class*='col-lg'] {
		padding: 0
	}

	#Home-Jm {
		padding-top: 30px;
		padding-bottom: 40px
	}

	#Home-Jm .jm-left {
		margin-top: 30px
	}

	#featureCollection {
		padding-top: 30px;
		padding-bottom: 40px
	}

	#featureCollection .pagetitle {
		padding: 0 10px
	}

	#featureCollection .pagetitle.mb-5 {
		margin-bottom: 1rem 
	}

	#DellaCampus img {
		object-fit: cover;
		height: 600px
	}

	#design-manufaturing {
		padding-top: 30px;
		padding-bottom: 25px
	}

	#design-manufaturing [class*='col-lg'] {
		padding: 0
	}

	#design-manufaturing .designerBox .designerpix img {
		width: 100%
	}

	#design-manufaturing .designerBox .designerpix::before {
		display: none
	}

	#design-manufaturing .designerBox .designerText {
		position: relative;
		right: 0;
		top: 0;
		margin-top: 20px;
		margin-bottom: 30px
	}

	#design-manufaturing .container-fluid {
		padding-left: 0;
		padding-right: 0
	}

	#beinspired {
		padding-top: 30px;
		padding-bottom: 30px
	}

	#beinspired .mb-5 {
		margin-bottom: 1rem 
	}

	#beinspired .beinspiredBox {
		margin-bottom: 30px
	}

	#looking-find {
		height: auto
	}

	#looking-find .lookingForm {
		padding-top: 40px;
		padding-bottom: 30px
	}

	.footer-wrp {
		padding: 30px 0 40px
	}

	.footer-wrp [class*='col-'] {
		padding: 0
	}

	.form-group {
		padding-left: 0 
	}

	.social-wrp-footer {
		margin-bottom: 20px
	}

	#design-manufaturing .designerBox .designerText {
		width: 100%
	}

	#exclusivedesigncollections .collectionsBox .collectionsDetails p {
		line-height: 14px;
		margin-bottom: 0
	}

	#exclusivedesigncollections .collectionsBox .collectionsDetails {
		bottom: 10px
	}

	.swiper-button-next,
	.swiper-button-prev {
		z-index: 100
	}

	#banner .swiper-pagination {
		width: 50%
	}

	#banner .swiper-button-next,
	#banner .swiper-button-prev {
		display: none
	}

	#DellaCampus::before {
		background: linear-gradient(0deg, black 0%, #fff0 73%)
	}

	.header .container {
		max-width: 100%;
		margin: auto
	}

	.header .item-center {
		border-top: none;
		margin-top: 0
	}

	.header {
		height: 109px
	}

	#bannerbottomslider .catBoxPix h2 {
		bottom: 5px;
		font-size: 12px
	}

	.header .item-center {
		order: 3;
		flex: 0 0 100%
	}

	.header .item-left,
	.header .item-right {
		flex: 0 0 auto
	}

	.v-center {
		justify-content: space-between
	}

	.header .mobile-menu-trigger {
		display: block;
		height: 80px;
		width: 72px;
		margin-left: 35px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 0;
		top: 16px;
		z-index: 10
	}

	.header .mobile-menu-trigger span {
		display: block;
		height: 2px;
		background-color: #FFF;
		width: 24px;
		position: relative
	}

	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #FFF
	}

	.header .mobile-menu-trigger span:before {
		top: -6px
	}

	.header .mobile-menu-trigger span:after {
		top: 6px
	}

	.header .item-right {
		align-items: center
	}

	.header .menu>ul>li {
		line-height: 1;
		margin: 0;
		display: block;
		position: inherit
	}

	.header .menu>ul>li>a i {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg)
	}

	.header .menu .mobile-menu-head {
		display: flex;
		height: 80px;
		border-bottom: 1px solid #ffffff1a;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #C2A14B;
		top: 0;
		padding: 0 23px;
		padding-right: 18px
	}

	.header .menu .mobile-menu-head .go-back {
		width: 10px;
		border-left: 1px solid #ffffff1a;
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		display: none;
		padding-left: 10px;
		padding-right: 10px
	}

	.header .menu .mobile-menu-head.active .go-back {
		display: block
	}

	.header .menu .mobile-menu-head .current-menu-title {
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		letter-spacing: 1px
	}

	.header .menu .mobile-menu-head .mobile-menu-close {
		height: 40px;
		width: 40px;
		border-left: 1px solid #ffffff1a;
		cursor: pointer;
		line-height: 36px;
		text-align: center;
		color: #fff;
		font-size: 35px;
		border-radius: 100px;
		border: solid 1px #fff
	}

	.header .menu .menu-main {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left
	}

	.header .menu>ul>li .sub-menu.mega-menu,
	.header .menu>ul>li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 45px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 95px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto
	}

	.header .menu>ul>li .sub-menu.active {
		display: block
	}

	@keyframes slideLeft {
		0% {
			opacity: 0;
			transform: translateX(100%)
		}

		100% {
			opacity: 1;
			transform: translateX(0%)
		}
	}

	@keyframes slideRight {
		0% {
			opacity: 1;
			transform: translateX(0%)
		}

		100% {
			opacity: 0;
			transform: translateX(100%)
		}
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
		margin-top: 0
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
		margin-bottom: 20px
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {
		margin-bottom: 0
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
		flex: 0 0 100%;
		padding: 0
	}

	.header .menu>ul>li .sub-menu>ul>li>a,
	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
		display: block
	}

	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {
		margin-bottom: 15px
	}

	.menu-overlay {
		position: fixed;
		background-color: #00000080;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity: 0;
		transition: all .5s ease
	}

	.menu-overlay.active {
		visibility: visible;
		opacity: 1
	}

	.header .logo {
		left: 10px ;
		top: 20px
	}

	.header .logo a img {
		width: 100px
	}

	.header .top-bar {
		right: 0
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
		font-size: 16px
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title br {
		display: none
	}

	.topNavBar {
		position: relative;
		display: block;
		padding: 10px 15px 25px;
		transform: translate(0px, 0px)
	}

	.topNavBar .top-bar-link {
		display: block;
		padding: 10px 0;
		position: relative;
		width: 100%;
		display: block
	}

	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item:nth-child(1) {
		padding: 5px 0
	}


	.list-item.NavhoverImg {
		display: none
	}

	.ShopByRoomLink i {
		position: absolute;
		height: 30px;
		width: 20px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 30px;
		transform: rotate(-90deg)
	}

	.sbrContainer {
		z-index: 9999;
		padding: 0 10px;
		height: 100vh;
		overflow: scroll;
		overflow-x: hidden;
		width: 85%;
		left: -100%;
		margin-top: 0
	}

	.sbrContainer .sbrNav {
		display: flex;
		flex-wrap: wrap
	}

	.sbrContainer .sbrNav .sbrNavList-item {
		width: 50%;
		padding: 12px 8px
	}

	.sbrContainer .megamenuclosed {
		top: 10px
	}

	.sbrContainer.sbractive {
		left: 0
	}

	.sbrContainer .sbrNav .sbrNavList-item a h3 {
		font-size: 12px
	}

	#iconicProjects .iconicProjectsBox {
		margin-bottom: 20px
	}

	#iconicProjects .iconicProjectsBox .iconicpixtext h6 {
		font-size: 20px
	}

	#iconicProjects .iconicProjectsBox .iconicpixtext h2 {
		font-size: 32px
	}

	#iconicProjects br {
		display: none
	}

	#iconicProjects p {
		padding-left: 15px;
		padding-right: 15px
	}

	#DellaCampus {
		height: auto;
		padding-bottom: 210px
	}

	#DellaCampus img,
	#shopbyroom .shopbyroompix img,
	#featureCollection .featurepix img {
		position: relative
	}

	#shopbyroom .shopbyroompix,
	#featureCollection .featurepix {
		height: auto
	}

	.bigtitle {
		font-size: 32px
	}

	.header .menu>ul>li .sub-menu.mega-menu.DellaTownShipNav {
		transform: translateX(0%)
	}

	#product-collection form select {
		margin-bottom: 14px;
		width: 100%
	}

	#product-collection br {
		display: none
	}

	.fs30 {
		font-size: 25px
	}

	#ProductsthisCollection {
		padding-top: 30px
	}

	#ProductsthisCollection .common-container {
		padding-left: 0;
		padding-right: 0
	}

	#ProductsthisCollection .ProductsthisCollectionBox {
		margin-bottom: 20px
	}

	#Detail-Design {
		padding: 15px
	}

	.project-DetailsBox {
		margin-bottom: 10px
	}

	.pr50 {
		padding-right: 0
	}

	#project-Details .g-5,
	#project-Details .gy-5 {
		--bs-gutter-y: 1rem
	}

	#MaterialFinish .nav-tabs {
		margin-bottom: 20px;
		border-bottom: none
	}

	#MaterialFinish .nav-tabs li {
		display: inline-block;
		width: 46%;
		margin: auto
	}

	#MaterialFinish .nav-tabs li button {
		margin-right: 1%
	}

	#MaterialFinish .col-lg-3 {
		padding-left: 0;
		padding-right: 0
	}

	#furniture-collection form select {
		font-size: 13px;
		padding: 10px 5px;
		margin-right: 4px;
		margin-bottom: 10px;
		width: 46%
	}

	#furniture-collection #Furniture-Collections-List .FurnitureBox h2 {
		font-size: 13px;
		top: 75% 
	}

	#furniture-collection {
		padding-bottom: 40px
	}

	.rc-anchor-normal {
		height: 74px;
		width: 222px 
	}

	#DellaAllLogos .dellaLogos {
		padding: 0 ;
	}

	.dgwt-wcas-search-wrapp {
		width: auto;
	}

	#shopbyroom .swiper-slide,
	#shopbyroom .swiper-slide:nth-child(even) {
		width: 100%
	}

	#shopbyroom .shopbyroompix img {
		height: 380px;
		object-fit: cover;
	}

	#wpcf7-f499917-o1 .col-12 {
		padding-left: 0;
		padding-right: 0;
	}

	#looking-find .ex1 span .wpcf7-list-item {
		display: block ;
		margin-left: 0 ;
		padding-left: 0 ;
	}

	#featureCollection .swiper-button-next {
		right: 20px;
	}

	#featureCollection .swiper-button-prev {
		left: 20px;
	}

	.lookingForm .wpcf7-select {
		font-size: 12px;
		color: #000;
	}

	.sign-rhs-wrp input {
		margin-bottom: 12px ;
	}

	#portfolio-banner h1 {
		font-size: 46px
	}

	#portfolio-banner p br {
		display: none
	}

	#portfolio-banner p {
		font-size: 14px
	}

	#PortfolioList .PortfolioGallery h2,
	#iconic-Project h2 {
		font-size: 22px;
		top: 6px
	}

	#PortfolioList .PortfolioGallery .readmore,
	#iconic-Project .readmore {
		top: inherit;
		bottom: -45px
	}

	.readmore {
		font-size: 12px
	}

	#Letstarted .Letstartedtitle {
		font-size: 36px;
		text-align: center 
	}

	#Letstarted small {
		font-size: 14px
	}

	#Letstarted h6 {
		font-size: 18px
	}

	#Letstarted .label h3 {
		font-size: 24px
	}

	#Letstarted .label.HelloDella,
	#Letstarted .label.Build,
	#Letstarted .label.Additional,
	#Letstarted .label.ContactMe,
	#Letstarted .label.writeMe {
		display: block
	}

	#Letstarted .label.HelloDella h3,
	#Letstarted .label.Build h3,
	#Letstarted .label.Additional h3,
	#Letstarted .label.ContactMe h3,
	#Letstarted .label.writeMe h3,
	#Letstarted .label.Build.iaman h3 {
		width: 100%
	}

	#Letstarted .label.Build label {
		max-width: 115px;
		font-size: 16px;
		height: 40px
	}

	#Letstarted .label.Build .type {
		display: inline-block;
		max-width: 110px
	}

	#Letstarted .privacypolicy .label-text {
		font-size: 15px
	}

	.privacypolicy {
		margin-bottom: 20px
	}

	#PortfolioList .PortfolioGallery:nth-child(even) h2 {
		margin-left: 0
	}

	.swiper-slide-inside.SinglePix a img {
		height: 170px;
		object-fit: cover
	}

	#Letstarted .fileUpload {
		border-radius: 100px
	}

	#project-banner h1 {
		font-size: 24px;
		line-height: 40px
	}

	#Project-JM .JMBox {
		width: 215px
	}

	#Project-JM .JMBox .quotes-q1 {
		left: -50px
	}

	#Project-JM .JMBox .quotes-q2 {
		right: -50px
	}

	#Project-JM .JMBox .quotes-q1 img,
	#Project-JM .JMBox .quotes-q2 img,
	#Project-JM .JMBox .VplayBt img {
		width: 40px
	}

	#Project-JM .JMBox .VplayBt {
		right: -20px;
		top: -20px
	}

	#Project-JM .desc-q {
		font-size: 12px;
		top: 140px;
		width: 300px
	}

	#Project-JM .desc-q br,
	#WhyChooseDella p br,
	#project-banner .ScrollToD,
	#Our-Approach-banner p br {
		display: none
	}

	#Project-JM .JMBox .jm-name h4 {
		font-size: 18px
	}

	#Project-JM .JMBox .jm-name p {
		font-size: 14px
	}

	#Project-JM .quotes-p {
		position: relative;
		top: 0;
		width: 100%;
		text-align: left
	}

	#Project-JM .quotes-p-p2 {
		text-align: left
	}

	#Project-JM .quotes-p-p1 {
		margin-top: 60px
	}

	.Bon-Vivant-fonts {
		font-size: 28px;
		line-height: 36px
	}

	.projectTitle {
		font-size: 16px;
		line-height: 24px
	}

	#Collaborative .readmore {
		position: absolute;
		right: 20px;
		top: 20px
	}

	.build {
		margin-top: 22px;
		margin-left: 0
	}

	#Collaborative .x {
		font-size: 35px;
		line-height: 60px;
		padding-top: 10px
	}

	#Collaborative {
		padding-bottom: 10px
	}

	#WhyChooseDella .OurInfrastructure .container {
		padding-left: 0;
		padding-right: 0
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox .nos {
		height: 60px;
		font-size: 35px;
		padding: 4px;
		line-height: 33px
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox .InfrastructureDesc h2 {
		font-size: 20px
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox .InfrastructureDesc p {
		font-size: 14px
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox .InfrastructureDesc .hoverfadeIn {
		font-size: 14px;
		position: relative;
		top: 0;
		margin-bottom: 30px;
		opacity: 1
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox .InfrastructureDesc .hoverfadeOut {
		margin-bottom: 3px;
		opacity: 1
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox:hover .InfrastructureDesc .hoverfadeOut,
	#we-are-mad-about-design .madbox a .hover-state .readmore {
		opacity: 1
	}

	#we-are-mad-about-design .madbox a .hover-state h3 {
		font-size: 30px
	}

	#we-are-mad-about-design .madbox a .hover-state small {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 0;
		padding-left: 0
	}

	.madbox {
		margin-bottom: 20px
	}

	#letsStart .projectTitle {
		font-size: 18px
	}

	#Our-Approach-banner {
		height: auto;
		padding-top: 140px
	}

	#Our-Approach-banner h1 {
		font-size: 30px;
		padding-top: 30px
	}

	#Our-Approach-banner p {
		margin-left: 0;
		margin-top: 130px;
		font-size: 16px;
		color: #FFF;
		opacity: 1;
		width: 100%
	}

	#Our-Approach-banner .our-approach-pix1 {
		top: -30px
	}

	#Our-Approach-banner .our-approach-pix1 img {
		width: 170px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt h2,
	#Our-Approach-banner .WeFocused .WeFocusedTxt h2 {
		font-size: 24px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt p,
	#Our-Approach-banner .WeFocused .WeFocusedTxt p {
		margin-top: 10px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt .q1 {
		position: relative;
		left: 40px;
		top: 0
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt .q1 img {
		width: 70px
	}

	#Our-Approach-banner .Collaboration .CollaborationPix {
		left: -110px;
		width: 100%
	}

	#Our-Approach-banner .Collaboration .CollaborationPix img {
		width: 230px
	}

	#Our-Approach-banner .Collaboration {
		height: 333px;
		margin-top: 60px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt {
		top: 110px;
		bottom: 0
	}

	#Our-Approach-banner .WeFocused {
		position: relative;
		width: 100%;
		height: 470px
	}

	#Our-Approach-banner .WeFocused .WeFocusedTxt {
		width: 50%;
		padding: 20px;
		top: 90px;
		left: 0 ;
		top: 110px 
	}

	#Our-Approach-banner .WeFocused .WeFocusedPix {
		right: -240px;
		bottom: -40px
	}

	#Our-Approach-banner .WeFocused .WeFocusedPix img {
		width: auto
	}

	#Our-Approach-banner .WeFocused .WeFocusedTxt p {
		padding-right: 0
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt p,
	#Our-Approach-banner .WeFocused .WeFocusedTxt p {
		opacity: 1;
		color: #FFF
	}

	#DellaProgress .DellaProgressBox .nos {
		font-size: 70px;
		line-height: 80px;
		padding-left: 10px
	}

	#DellaProgress h2 {
		padding-left: 20px
	}

	#DellaProgress .DellaProgressBox p {
		padding-right: 0
	}

	#OurDistinguished .filterslider1,
	#OurDistinguished .filterslider2 {
		padding-left: 40px
	}

	#OurDistinguished .filter-list select {
		padding: 15px 1px
	}

	#OurDistinguished .filter-list select#size {
		width: 56px
	}

	#OurDistinguished .filter-list select#city {
		width: 57px
	}

	#OurDistinguished .filter-list select#budget {
		width: 75px
	}

	#OurDistinguished .readmore.ViewAll {
		position: relative
	}

	#iconic-Project .swiper-slide img {
		overflow: hidden;
		object-fit: cover;
		height: 230px
	}

	#iconic-Project .swiper-button-prev {
		right: inherit;
		left: 20px
	}

	#iconic-Project .swiper-button-next {
		right: 20px
	}

	#iconic-Project .swiper-button-prev,
	#iconic-Project .swiper-button-next {
		bottom: 198px
	}

	#iconic-Project .swiper-pagination {
		left: 0;
		right: 0;
		margin: auto;
		width: 50%;
		bottom: 208px
	}

	#iconic-Project p {
		margin-top: 75px;
		font-size: 18px;
		padding-right: 20px
	}

	#Join-list-banner {
		height: 1100px
	}

	#Join-list-banner h1 {
		font-size: 24px;
		position: relative;
		z-index: 1
	}

	#Join-list-banner .our-approach-pix1 {
		top: -15px
	}

	#Join-list-banner .our-approach-pix1 .joint-pix1 img {
		width: 210px;
		opacity: .6
	}

	#Join-list-banner .our-approach-pix1 .joint-pix2 {
		left: 70px;
		bottom: 13px
	}

	#Join-list-banner .our-approach-pix1 .joint-pix2 img {
		width: 80px
	}

	#Join-list-banner p {
		width: 100%;
		margin-left: 0
	}

	#Join-list-banner .Collaboration {
		top: 10px;
		height: 270px
	}

	#Join-list-banner .Collaboration .Collaborationlist {
		top: 0;
		width: 260px
	}

	#Join-list-banner .iconicprojects {
		position: relative;
		top: 20px;
		width: 100%
	}

	#Join-list-banner .iconicprojects .iconicprojectsDesc {
		padding-top: 0;
		width: 200px;
		top: 30px
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix img {
		width: 100px
	}

	#Join-list-banner .iconicprojects .iconicprojectsDesc h4 {
		font-size: 18px
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix {
		left: 30px;
		top: 40px
	}

	#Join-list-banner .common-container {
		height: auto
	}

	#DellaProgress {
		margin-top: 0;
		margin-bottom: 0
	}

	#DellaProgress .common-container {
		padding-left: 0
	}

	#DellaProgress .common-container .projectTitle {
		font-size: 20px;
		text-align: left ;
		padding-left: 20px;
		margin-top: 10px
	}

	.ml150 {
		margin-left: 0
	}

	.DellaProgressSlide {
		margin-top: 10px
	}

	#StepInto {
		height: 500px;
		margin-top: 0;
		padding: 20px
	}

	#StepInto .projectTitle {
		font-size: 20px
	}

	#StepInto p {
		padding-right: 10px;
		font-size: 18px;
		line-height: 25px
	}

	#multidisciplinary p br {
		display: none
	}

	#multidisciplinary .multidisciplinaryLeft {
		padding-top: 20px
	}

	#multidisciplinary .multidisciplinaryBox {
		padding: 20px;
		height: 370px
	}

	#multidisciplinary .multidisciplinaryBox .nos {
		height: 40px
	}

	#multidisciplinary .multidisciplinaryBox p {
		font-size: 14px
	}

	#Letstarted.CollaborateDella .label h3 {
		font-size: 20px
	}

	#Letstarted .label.Build.iaman .type {
		max-width: 160px
	}

	#Letstarted .label.Build.iaman label {
		max-width: 160px
	}

	#multidisciplinary .multidisciplinaryBox h3 {
		font-size: 22px
	}

	#multidisciplinary .multidisciplinarySlider {
		margin-top: 30px
	}

	#Letstarted .label.ContactMe.ContactMe2 h3,
	#Letstarted .label.Additionalcomments h3 {
		width: 100%
	}

	#Letstarted .label.Additionalcomments {
		display: block
	}

	#Letstarted.CollaborateDella .label.HelloDella input {
		margin-right: 0
	}

	#Project-JM .quotes-p-p1 {
		left: 0
	}

	#Project-JM .quotes-p-p2 {
		right: 0
	}

	#Collaborative .Bon-Vivant-fonts {
		margin-bottom: 6px
	}

	.pdl {
		padding-left: 0
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox.no4,
	#WhyChooseDella .OurInfrastructure .InfrastructureBox.no5 {
		left: 0
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox.no6 {
		left: 0;
		top: 0
	}

	#WhyChooseDella .InfrastructureSlider {
		height: auto
	}

	.footer-links-wrp a {
		font-size: 14px 
	}

	.footer-links-wrp p.footerBt {
		border-bottom: solid 1px #FFF;
		font-size: 14px;
		position: relative;
		padding-bottom: 7px
	}

	.footer-links-wrp p.footerBt:before,
	.footer-links-wrp p.footerBt.footerActive::before {
		content: '+';
		position: absolute;
		width: 5px;
		height: 5px;
		font-size: 15px;
		color: #FFF;
		right: 12px;
		top: 0
	}

	.footer-links-wrp p.footerBt.footerActive:before {
		content: '-'
	}

	.footer-links {
		display: none;
		padding-bottom: 10px
	}

	#dellaLightsFirstSection .dellaLightsFirstBox h3 {
		font-size: 16px;
		margin-bottom: 20px
	}

	#dellaLightsFirstSection .DellaLightsDetails {
		padding-top: 40px
	}

	#dellaLightsFirstSection p br {
		display: none
	}

	#dellaLightsFirstSection .infoNos .nos {
		font-size: 35px
	}

	#dellaLightsFirstSection .infoNos {
		padding: 20px 0
	}

	#DecorativeLights {
		padding-top: 30px
	}

	#DecorativeLights .row {
		display: block
	}

	#DecorativeLights .DecorativeLightsBox .DecorativeLightsBt {
		opacity: 1;
		visibility: visible;
		bottom: 20px;
		top: inherit;
		background-color: transparent ;
		color: #FFF;
		font-weight: 700;
		font-size: 14px
	}

	.four_grid_layout h3 {
		margin-bottom: 30px
	}

	#outdoorsLigts {
		padding-top: 30px
	}

	#outdoorsLigts .outdoorsLigtsBox a .spotlightmpix img {
		height: 330px
	}

	#outdoorsLigts .mb-5 {
		margin-bottom: 2rem 
	}

	#DiscoverProducts {
		padding-top: 10px;
		background-color: #FFF;
		padding-bottom: 30px
	}

	#DiscoverProducts .DiscoverSlider {
		padding-bottom: 20px
	}

	#DiscoverProducts .swiper-slide a .Dpsmpix img {
		height: 340px
	}


	#LedTracks {
		padding-top: 30px
	}

	#landing-banner {
		margin-top: 0px ;
		/* margin-top:105px */
	}

	#landing-banner img {
		object-fit: cover
	}

	#why-chooes-banner h4 {
		margin-top: 140px;
		font-size: 20px
	}

	#why-chooes-banner h1 {
		font-size: 30px
	}

	#why-chooes-banner {
		height: auto
	}

	#why-chooes-banner .Bon-Vivant-fonts {
		font-size: 60px
	}

	#why-chooes-banner .why-chooes-right {
		text-align: center;
		margin-top: 20px
	}

	#why-chooes-banner .or {
		font-size: 20px;
		transform: translate(-10px, 0px)
	}

	#why-chooes-banner p {
		padding-right: 0
	}

	#why-chooes-banner .why-chooes-right p {
		padding-left: 0;
		padding-right: 0
	}

	#conglomerate h2 br,
	.bottom-desc br {
		display: none
	}

	#conglomerate h2 {
		font-size: 24px;
		line-height: 34px;
		margin-top: 30px
	}

	#conglomerate {
		text-align: center
	}

	#conglomerate .conglomerateLeft .Bon-Vivant-fonts {
		font-size: 50px;
		line-height: 50px
	}

	#conglomerate .conglomerateRight p span {
		font-size: 27px
	}

	#TheDellaUniverse {
		padding-top: 40px
	}

	.bottom-desc {
		font-size: 20px
	}

	#TheDellaUniverse .TheDellaUniverseleft {
		margin-top: 0
	}

	#WhyChooseDella {
		padding-top: 0
	}

	#TheDellaUniverse .TheDellaUniverseleftBox {
		margin-top: 30px
	}

	#TheDellaUniverse .why-us-pix img {
		width: 100%;
		transform: translate(0px, 0px)
	}

	#TheDellaUniverse .why-us-pix {
		transform: translate(0px, 0px);
		margin-top: 30px
	}

	#TheJourneyGlance .galaxy img {
		width: 100%
	}

	#TheJourneyGlance {
		text-align: center
	}

	#TheJourneyGlance p {
		padding-right: 0
	}

	#TheJourneyGlance .mt-5 {
		margin-top: 1rem 
	}

	#Designing {
		padding-top: 50px;
		padding-bottom: 30px
	}

	#Designing .container {
		padding-left: 0;
		padding-right: 0;
		margin-top: 30px
	}

	#Designing .card {
		height: auto;
		margin-bottom: 20px
	}

	#Designing .card h2 {
		font-size: 22px
	}

	#WhyChooseDella .OurInfrastructure {
		padding-top: 40px
	}

	#TheDellaUniverse .TheDellaUniverseright {
		margin-top: 60px
	}

	#Della-Jm-banner .dellaJmPix {
		width: 115px
	}

	#Della-Jm-banner h1 {
		font-size: 22px;
		width: 170px;
		margin-bottom: 11px;
		margin-top: 0
	}

	#Della-Jm-banner .Bon-Vivant-fonts {
		font-size: 18px
	}

	#Della-Jm-banner {
		padding-top: 130px
	}

	#Della-Jm-banner p {
		font-size: 12px;
		line-height: 16px;
		margin-top: 12px
	}

	#Della-Jm-banner p.bannertex {
		font-size: 12px;
		line-height: 16px;
		width: 190px
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes h3 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 30px
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 1;
		margin-top: 50px
	}

	#Della-Jm-banner .bottom-text {
		position: relative;
		margin-top: 40px
	}

	#Della-Jm-banner {
		height: auto
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes .img-q1 {
		top: -20px;
		left: 0
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes .img-q1 img,
	#Della-Jm-banner .bottom-text .dellaJmQuotes .img-q2 img {
		width: 50px
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes .dellaJmName h6 {
		font-size: 20px
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes .dellaJmName {
		position: relative;
		right: 0;
		bottom: 0;
		text-align: end
	}

	#Della-Jm-banner .bottom-text .dellaJmQuotes .img-q2 {
		position: absolute;
		right: -10px;
		bottom: -13px
	}

	#Della-Jm-banner .bottom-text .bottom-para {
		position: relative;
		right: 0;
		padding-right: 0;
		margin-bottom: 40px;
		margin-top: 40px;
		font-size: 12px;
		line-height: 17px
	}

	#Craft-Create .Craft .craftpix {
		left: -130px;
		top: 0;
		width: 210px
	}

	#Craft-Create .Craft .CraftBox {
		right: 4px;
		width: 300px;
		text-align: left;
		top: 20px
	}

	#Craft-Create .Craft .CraftBox h3,
	#Craft-Create .Create .CreateBox h3 {
		font-size: 24px
	}

	#Craft-Create {
		height: auto
	}

	#Craft-Create .Craft,
	#Craft-Create .Create {
		height: 335px
	}

	#Craft-Create .Craft .CraftBox p,
	#Craft-Create .Create .CreateBox p {
		padding: 0
	}

	#Craft-Create .Craft .CraftBox h3,
	#Craft-Create .Create .CreateBox h3 {
		line-height: 40px;
		margin-bottom: 0
	}

	#Craft-Create .Craft .CraftBox p,
	#Craft-Create .Create .CreateBox p {
		line-height: 21px
	}

	#Craft-Create .Create .Createpix {
		width: 210px;
		right: -140px
	}

	#Craft-Create .Create .CreateBox {
		width: 300px;
		text-align: left
	}

	#institutionalizingdesign h2 {
		font-size: 20px;
		margin-bottom: 10px
	}

	#institutionalizingdesign {
		background-size: 90%;
		padding: 40px 0;
		margin-top: 0
	}

	#institutionalizingdesign p {
		padding: 0 10px;
		font-size: 12px;
		line-height: 16px
	}

	#transformative {
		padding: 20px 0
	}

	#transformative h4 {
		font-size: 21px;
		line-height: 28px
	}

	#transformative h3 {
		font-size: 26px;
		line-height: 36px;
		margin-bottom: 20px
	}

	#expanse h2 {
		font-size: 25px;
		line-height: 32px
	}

	#expanse .menu {
		padding: 30px 0
	}

	#expanse .DesignSmallTitle {
		font-size: 26px
	}

	#expanse .DesignBigTitle {
		font-size: 26px;
		line-height: 37px
	}

	#expanse .DesignBigTitle br {
		display: none
	}

	#expanse #expanse1 .DesignLeaderLeft {
		padding-right: 0
	}

	#expanse .q1 {
		padding: 0 20px;
		line-height: 24px;
		padding: 0 20px;
		font-size: 18px
	}

	#expanse #expanse1 .DesignLeaderRight .quarts p {
		padding: 20px 0;
		font-size: 14px;
		transform: translate(0px, 20px)
	}

	#expanse #expanse1 .DesignLeaderRight::after {
		left: 111px
	}

	.header .item-center {
		order: 0;
		flex: 0 0 0
	}

	.header .top-bar {
		display: block;
		padding-left: 0;
		margin-top: 0;
		height: 30px;
		position: absolute;
		background: transparent ;
		width: fit-content;
		top: 40px;
		right: 90px
	}

	#encompasses {
		background-size: cover;
		height: 60vh;
		margin-top: 30px
	}

	#encompasses p {
		padding: 0 20px;
		line-height: 32px;
		font-size: 23px
	}

	.mt100 {
		margin-top: 50px
	}

	#expanse #expanse2 .LuxuryManufacturingLeft {
		padding-right: 0
	}

	#expanse #expanse3 .SustainablityLeft {
		padding-right: 0
	}

	#expanse #expanse3 .SustainablityRight .grid-wrapper {
		--auto-grid-min-size: 3rem
	}

	#expanse #expanse3 .SustainablityRight h4 {
		font-size: 21px
	}

	#expanse #expanse3 .SustainablityRight .grid-wrapper li {
		width: 60px;
		height: 60px
	}

	#della-campus h2,
	#AboutJM h2,
	#LetterFromFounder h2 {
		font-size: 40px;
		line-height: 40px
	}

	#expanse #expanse3 .SustainablityRight {
		height: 100%;
		position: relative
	}

	#expanse #expanse3 .SustainablityRight .q1 {
		top: 90px
	}

	#expanse3 .common-container,
	#expanse2 .common-container {
		padding: 0
	}

	#expanse #expanse1 .DesignLeaderRight .quarts .img-q1,
	#expanse #expanse1 .DesignLeaderRight .quarts .img-q2 {
		left: -8px;
		top: 90px
	}

	#expanse #expanse1 .DesignLeaderRight .quarts .img-q2 {
		left: inherit;
		right: -8px
	}

	#della-campus h3 {
		font-size: 30px;
		padding-top: 70px
	}

	#della-campus h4 {
		font-size: 35px;
		line-height: 50px
	}

	#della-campus p {
		padding: 20px 10px
	}

	#AboutJM .img-fluid {
		margin-bottom: 15px
	}

	#AboutJM .mt-5 {
		margin-top: 1rem 
	}

	#AboutAwards {
		padding-top: 40px
	}

	#LetterFromFounder p {
		padding: 0 10px
	}

	#della-campus {
		height: 870px
	}

	#expanse .menu li {
		width: 46%
	}

	#expanse .menu li::before,
	#expanse .menu li::after {
		display: none
	}

	.header .item-right a {
		margin-left: 0;
		margin-right: 0
	}

	.accnt_cart .nav-link {
		padding: .1rem .3rem 
	}

	.woocommerce img,
	.woocommerce-page img {
		max-width: 110% 
	}

	.top-bar i {
		font-size: 16px
	}

	.aboutNav .sub-menu {
		margin-top: 0 
	}

	.project-page .fancybox-content p {
		position: relative;
		left: 0;
		bottom: 0;
		padding: 20px;
		font-size: 14px;
		color: #fff;
		padding-right: 0
	}

	.topHeading {
		display: block;
		margin-bottom: 6px
	}

	.project-page .fancybox-content .project-pop-image img {
		height: 270px
	}

	#Our-Approach-banner .our-approach-pix1 {
		width: fit-content
	}

	#WhyChooseDella .OurInfrastructure .InfrastructureBox.no5 {
		top: 0
	}

	.SLS {
		width: auto
	}

	.navwrp .nav-item {
		border-bottom: none
	}

	.navwrp.accnt_cart {
		z-index: 10
	}

	#Project-JM .JMBox .quotes {
		position: absolute;
		top: 80px
	}

	#Collaborative .Bon-Vivant-fonts {
		font-size: 28px
	}

	#Project-JM {
		padding-bottom: 30px
	}

	#Our-Approach-banner .our-approach-pix1 {
		width: auto 
	}

	#why-chooes-banner p {
		padding: 0 10px
	}

	#TownshipBanner .townshipbannerBottom h1 {
		font-size: 40px ;
		padding-top: 0;
		line-height: 110px
	}

	#TownshipBanner .townshipbannerBottom {
		padding-top: 30px
	}

	#TownshipBanner .townshipbannerBottom .tbbBox1 {
		font-size: 20px;
		line-height: 32px
	}

	#TownshipBanner .SuperBigTitle {
		display: none
	}

	#whataretownships {
		padding-top: 30px;
		padding-bottom: 0
	}

	.townshipTitle {
		font-size: 32px
	}

	.SubtownshipTitle {
		font-size: 34px;
		line-height: 60px
	}

	.whatweareOverContent .nosinfo h3 {
		font-size: 30px
	}

	.subPara br {
		display: none
	}

	.subPara {
		font-size: 20px;
		padding: 0 10px
	}

	#whataretownships .whatareSliderBox .nos {
		font-size: 50px;
		line-height: 65px
	}

	#whataretownships .whatareSlider {
		padding-left: 0;
		margin-top: 10px
	}

	#whataretownships .whatareSliderBox .whatareSliderBoxContent {
		width: 100%;
		margin-left: 0
	}

	.whatareSliderBox {
		padding: 10px
	}

	#whataretownships .whatareSlider .swiper-slide:nth-child(even) .whatareSliderBox {
		margin-top: 0
	}

	#whatweareBottom {
		padding-top: 30px;
		padding-bottom: 30px
	}

	#whatweareBottom .g-5,
	#whatweareBottom .gy-5 {
		--bs-gutter-y: 0
	}

	#whatweareBottom .g-5,
	#whatweareBottom .gx-5 {
		--bs-gutter-x: 0
	}

	#whatweareBottom .whatweareBottomBox a .whatweareOverContent,
	.whatweareOverContent .nosinfoConn {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0;
		padding-right: 0;
		left: 0;
		margin-top: 20px
	}

	#whatweareBottom .whatweareBottomBox a .whatweareOverContent .nosinfoConn {
		left: 0
	}

	#TownshipBanner .fs30 {
		font-size: 24px ;
		line-height: 38px 
	}

	#TownshipBanner .townshipbannerBottom .tbbBox1 {
		width: 100%
	}

	#TownshipBanner .fs36 {
		font-size: 24px ;
		line-height: 35px 
	}

	#TownshipBanner .townshipbannerBottom .tbbBox2 {
		margin-top: 30px;
		padding-right: 0
	}

	#TownPioneers .townshipTitle {
		font-size: 36px;
		margin-left: 0;
		margin-left: 0;
		margin-top: 2px;
		line-height: 42px;
		margin-bottom: 40px
	}

	#TownPioneers .TownPioneers .q {
		color: #fff;
		font-size: 220px;
		font-family: 'Playfair Display', serif;
		position: absolute;
		left: 0;
		top: 30px;
		line-height: 70px;
		opacity: .1
	}

	#TownPioneers .TownPioneers {
		padding-left: 10px;
		margin-top: 20px
	}

	#TownPioneers .TownPioneers .nam {
		margin-top: 20px
	}

	.townshipTitle {
		line-height: 50px
	}

	#tenThings .nav-stacked li {
		padding-right: 10px
	}

	#tenThings .tenThingsVideo {
		width: 100%;
		height: 260px;
		margin-top: 30px
	}

	#ExistingTownships .suberbigtitle {
		display: none
	}

	#tenThings {
		padding-bottom: 34px
	}

	#ExistingTownships .largbox {
		height: 350px;
		margin-bottom: 20px
	}

	#ExistingTownships .swiper-button-next,
	#ExistingTownships .swiper-button-prev {
		display: none
	}

	#ExistingTownships .swiper-scrollbar {
		width: 92%
	}

	#upcomingTownship {
		padding-top: 20px
	}

	#upcomingTownship .upcomingslider .upcomingBox {
		padding: 0
	}

	#upcomingTownship .swiper-button-next,
	#upcomingTownship .swiper-button-prev {
		padding: 18px;
		top: 22%
	}

	#upcomingTownship .swiper-button-next {
		right: 10px
	}

	#upcomingTownship .swiper-button-prev {
		left: 10px
	}

	#TownshipBanner .townshipbannerBottom .tbbBox3 {
		margin-top: 0
	}

	#upcomingTownship .upcomingslider {
		margin-top: 20px
	}

	#ourLagacy {
		padding-top: 30px
	}

	#ourLagacy .Legacyleft {
		padding-right: 0
	}

	#ourLagacy .mt-5 {
		margin-top: 1rem 
	}

	#ourLagacy .subPara {
		padding-left: 0;
		padding-right: 0
	}

	#townssipNewProject {
		padding-top: 30px;
		padding-bottom: 50px
	}

	#ourLagacy .townshipTitle,
	#ourLagacy .SubtownshipTitle {
		text-align: center
	}

	.travelerChoiseSlider {
		margin-top: 30px
	}

	#ourLagacy .centerText {
		font-size: 20px;
		padding: 10px;
		line-height: 36px;
		margin-top: 40px
	}

	#TownshipProjectDevelopment {
		padding-top: 30px
	}

	#TownshipProjectDevelopment .ProjectDevelopmentLink {
		height: auto;
		margin-bottom: 20px
	}

	#TownshipProjectDevelopment .ProjectDevelopmentLink a {
		bottom: 0;
		position: relative
	}

	#TownshipProjectDevelopment .vlosBox {
		margin-top: 10px
	}

	#new-project {
		padding-top: 30px;
		padding-bottom: 20px
	}

	#townlastsection {
		padding-top: 30px
	}

	#townlastsection .mt-5 {
		margin-top: 1rem 
	}

	#townlastsection .common-container {
		padding-left: 0;
		padding-right: 0
	}

	#townlastsection .iconic {
		transform: translate(0px, 0px)
	}

	#NewDellaFrom .selectCategory label {
		font-size: 14px
	}

	#NewDellaFrom {
		padding-top: 40px;
		background-color: #000;
		padding-top: 40px;
		padding-bottom: 40px
	}

	#new-project .new-project-right {
		background-color: #fff;
		padding: 20px 0;
		position: relative;
		left: 0;
		top: 0
	}

	#townssipNewProject h2 {
		font-size: 30px;
		margin-bottom: 50px
	}

	#townssipNewProject h2 span {
		font-size: 50px
	}

	#townssipNewProject .townssipNewProjectRight {
		padding: 20px 0
	}

	#pioneers h2 .ExperientialTxt {
		font-size: 40px;
		text-align: center
	}

	#pioneers h2 {
		font-size: 30px;
		text-align: center;
		line-height: 52px
	}

	#pioneers h2 .ExperientialTxt:nth-child(2) {
		transform: translate(0px, 0px)
	}

	#pioneers h2 .in-india {
		transform: translate(0px, 10px)
	}

	#pioneers .pioneersQ {
		font-size: 22px;
		line-height: 30px;
		padding: 0 10px
	}

	.pioneersMidPix {
		margin-bottom: 20px;
		margin-top: 30px
	}

	#pioneers .mt-4 {
		margin-top: .5rem 
	}

	.title-fs120 {
		font-size: 52px;
		line-height: 80px
	}

	#OurBrands .fs28 {
		font-size: 28px ;
		padding: 0 10px
	}

	#ourLegacy {
		padding-top: 0
	}

	#ourLegacy .Playfair-fonts br {
		display: none
	}

	#ourLegacy .mt-5 {
		margin-top: 1rem 
	}

	#ourLegacyList {
		background-color: #111;
		padding: 40px 0
	}

	#ourLegacyList ol {
		padding: 0
	}

	#ourLegacyList ol li {
		width: 100%;
		margin-bottom: 20px
	}

	#our-patrons {
		padding: 30px 0
	}

	#our-patrons .our-patrons-left {
		padding-right: 0
	}

	#our-patrons .fs30 {
		font-size: 24px ;
		line-height: 32px 
	}

	#TheFutureMaking .horizontal>div:first-child {
		padding: 0
	}

	#TheFutureMaking .horizontal>div,
	#TheFutureMaking .horizontal {
		display: block
	}

	#TheFutureMaking .horizontal-scoll-wrapper {
		overflow: hidden;
		height: auto
	}

	#TheFutureMaking .horizontal .card {
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px
	}

	#TheFutureMaking .horizontal .card a .feature-location-name {
		position: relative;
		bottom: 15px
	}

	#TheFutureMaking .horizontal .card a .feature-location-name h2 {
		font-size: 26px;
		line-height: 30px
	}

	#TheFutureMaking .horizontal .card a .feature-location-name h3 {
		line-height: 28px;
		font-size: 20px
	}

	#TheFutureMaking .horizontal .card a .desc {
		position: relative;
		top: 0
	}

	#TheFutureMaking .horizontal .card a .feature-pix {
		height: 210px
	}

	#TheFutureMaking .horizontal .card a .desc p,
	#TheFutureMaking .horizontal .card a .desc .location {
		font-size: 16px
	}

	#TheFutureMaking .horizontal .card a .desc {
		width: 90%
	}

	#TheFutureMaking .horizontal>div:last-child {
		padding: 0
	}

	#ProjectDevelopment #horizontal-scoll2 {
		padding: 0
	}

	#ProjectDevelopment .ProjectDevelopmentRight-1 .title-fs120 {
		font-size: 50px;
		line-height: 70px
	}

	#ProjectDevelopment .ProjectDevelopmentRight-1 {
		padding: 20px
	}

	#ProjectDevelopment .ProjectDevelopmentRight-1 p {
		padding-right: 20px
	}

	#midastouch {
		margin-top: 30px
	}

	#midastouch h2 {
		font-size: 32px;
		line-height: 50px
	}

	#midastouch .midastouchBox p {
		padding: 0
	}

	#ProjectOperations {
		padding-top: 30px;
		padding-bottom: 30px
	}

	#ProjectOperations .ProjectOperationsList {
		padding: 10px 0
	}

	#ProjectOperations .slide2 {
		margin-top: 0
	}

	#ProjectOperations .ProjectOperationsList .nos,
	#ProjectOperations .ProjectOperationsList h2 {
		font-size: 30px
	}

	#ProjectDevelopment .horizontal-scoll-wrapper2 {
		overflow: hidden;
		height: auto
	}

	#ProjectDevelopment .horizontal2 {
		display: block;
		height: 100%
	}

	#ProjectDevelopment .horizontal2>div {
		display: block
	}

	#ProjectDevelopment .exploreHow {
		padding-top: 0
	}

	#ProjectDevelopment .g-5,
	#ProjectDevelopment .gy-5 {
		--bs-gutter-y: 1rem
	}

	#ProjectDevelopment .DevelopmentDesc {
		font-size: 28px;
		line-height: 35px
	}

	#ProjectDevelopment .exploreHow .exploreHowright {
		padding-right: 0
	}

	#ProjectDevelopment .exploreHow .exploreHowright p {
		padding-left: 0
	}

	#ProjectDevelopment .exploreHow h4 {
		font-size: 30px;
		padding: 10px
	}

	#ProjectDevelopment .landmark {
		padding-top: 10px
	}

	#ProjectDevelopment .landmarkright img {
		padding-left: 0;
		margin-bottom: 20px;
		margin-top: 20px
	}

	#value-ethics .value-ethics-inner {
		padding: 20px 0
	}

	#value-ethics .value-ethics-inner p {
		font-size: 28px
	}

	#value-ethics {
		height: auto;
		padding-bottom: 30px
	}

	#principalDesigner .principalDesignerLeft {
		padding: 30px
	}

	#weareCreating {
		padding: 60px 0
	}

	#townlastsection {
		padding-bottom: 30px
	}

	#NewDellaFrom .CategoryForms {
		padding: 0 10px;
		padding-top: 30px
	}

	#NewDellaFrom .CategoryForms .label h3 {
		width: 100%;
		font-size: 26px
	}

	#NewDellaFrom .CategoryForms .label {
		display: block
	}

	#NewDellaFrom .CategoryForms .label.acres h3 {
		padding-left: 0;
		width: 100%
	}

	#NewDellaFrom .CategoryForms .label.website h3 {
		width: 100%;
		padding-left: 0
	}

	#NewDellaFrom .Letstartedtitle {
		font-size: 50px
	}

	#midastouch .Bon-Vivant-fonts {
		font-size: 48px;
		line-height: 66px
	}

	#pioneers .pioneersMid .pioneersBox {
		margin-bottom: 20px
	}

	#OurBrands .menu {
		padding: 30px 0;
		display: block
	}

	#OurBrands .DesignSmallTitle {
		font-size: 26px
	}

	#OurBrands .DesignBigTitle {
		font-size: 26px;
		line-height: 37px
	}

	#OurBrands .DesignBigTitle br,
	#OurBrands .menu li::before,
	#OurBrands .menu li:first-child::after,
	#OurBrands .menu li:last-child a::before,
	#OurBrands .menu li:last-child a::after {
		display: none
	}

	#OurBrands .menu li {
		display: inline-block;
		width: 44%
	}

	.dellaCampnav,
	.aboutNav {
		position: inherit ;
		top: 0;
		right: 0;
		width: auto
	}

	.mobile-scroll {
		overflow: scroll;
		overflow-y: hidden;
		margin-bottom: 20px
	}

	#MaterialFinish .nav-tabs {
		display: flex;
		flex-wrap: nowrap;
		width: 1030px
	}

	#MaterialFinish .nav-tabs li {
		width: fit-content
	}

	.breadcrumb-full.kinjal {
		margin-top: 110px 
	}

	.subGroups {
		position: relative ;
		top: 0 ;
		width: 100%;
		height: auto ;
		z-index: 99 ;
		left: 0;
		margin-bottom: 20px
	}

	.shopbycollectionBox h6 {
		line-height: 30px 
	}

	.col-md-9.showResult_container {
		padding-left: 0 ;
		padding-right: 0 
	}

	.shopbycollectionBox {
		padding: 0
	}

	.showResult::after {
		display: none
	}

	.subGroups .accordion {
		height: 55px;
		overflow: hidden;
		position: relative
	}

	.subGroups .accordion:before {
		content: '';
		background-image: url(../images/down-arrow2.svg);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: contain;
		width: 20px;
		height: 20px;
		padding: 0;
		top: 20px;
		position: absolute;
		right: 20px
	}

	.Accactive {
		overflow: visible 
	}

	#MaterialFinish .tab-pane {
		margin-bottom: 30px
	}

	#MaterialFinish .MaterialFinishBox {
		padding: 4px
	}

	#TownshipBannerAcc .swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1
	}

	.whatweareOverContent {
		position: relative;
		width: 100%;
		padding: 20px;
		background-color: #000
	}

	#TownshipBannerAcc .accordion ul {
		margin-bottom: 0
	}

	#townshipfaq .projectTitle {
		font-size: 36px
	}

	#townshipfaq {
		padding-top: 50px;
		padding-bottom: 40px
	}

	#whatweareBottom .whatweareBottomBox a .enlarge {
		transform: scale(0.6)
	}

	#tenThings .gallery-thumbs {
		height: auto
	}

	#tenThings .gallery-main {
		width: 100%
	}

	#tenThings .gallery-container {
		display: block
	}

	#tenThings .gallery-main .swiper-button-prev,
	#tenThings .gallery-main .swiper-button-next {
		height: 35px
	}

	#upcomingTownship .upcomingslider .upcomingBox .nosinfo {
		opacity: 1;
		visibility: visible
	}

	#upcomingTownship .upcomingslider .upcomingBox .upcomingimg .imgnos {
		padding: 16px 0;
		position: relative
	}

	#upcomingTownship .upcomingslider .upcomingBox .upcomingimg::before {
		display: none
	}

	.home_page_new .tbbBox1 {
		width: 930px;
		max-width: 100%;
		margin: auto;
		margin-top: 0;
		font-size: 16px;
		line-height: 30px
	}

	.home_page_new .pagetitle1 {
		font-size: 40px 
	}

	#NewDellaFrom .StepsContainer {
		height: 260px
	}

	.fs24 {
		font-size: 20px 
	}

	#NewDellaFrom .selectCategory {
		margin-top: 12px
	}

	#NewDellaFrom .selectCategory label {
		height: auto;
		padding: 10px 5px
	}

	#NewDellaFrom .selectCategory .type {
		margin-right: 8px
	}

	#NewDellaFrom #step3 {
		padding: 15px 0
	}

	#NewDellaFrom .select-wrapper .dropdown {
		margin-top: 15px
	}

	#NewDellaFrom .CategoryForms .label.Build2 .type,
	#NewDellaFrom .CategoryForms .label.Build label,
	#NewDellaFrom .CategoryForms .label.Build2 label,
	#NewDellaFrom .CategoryForms .label h3 {
		max-width: 100%
	}

	#NewDellaFrom .CategoryForms .label.Build h3,
	#NewDellaFrom .CategoryForms .label.Build2 h3,
	#NewDellaFrom .CategoryForms .label.budgetrange h3,
	#NewDellaFrom .CategoryForms .label.wantwork h3,
	#NewDellaFrom .CategoryForms .label.andSymbol h3 {
		width: 100%
	}

	#NewDellaFrom #step2 {
		top: 20px
	}

	#NewDellaFrom #step3 {
		top: 0
	}

	#NewDellaFrom .inner-townshipformBox.Form-show {
		margin-top: -290px
	}

	#NewDellaFrom .CategoryForms .label .customSelectbox {
		padding: 13px 10px;
		margin-top: 10px
	}

	#bannerbottomslider .prev img,
	#bannerbottomslider .next img {
		width: 23px
	}

	#bannerbottomslider .slider-arr {
		top: 20px
	}
}

@media screen and (max-width: 1024px) {
  /* .about-della-container {
    flex-direction: column;
  } */
/* 
  .image-side {
    width: 100% ;
  } */

  .getinspired .caption,
  .preview-slider {
    margin-top: 0;
  }

 .officeproductslider-section .officeproductslider .swiper-slide-fully-visible.swiper-slide.swiper-slide-active {
    transform: scale(1) ;
  }

  .officeproductslider-section .officeproductslider .swiper-slide-visible.swiper-slide-fully-visible {
    transform: scale(1) ;
  }

  .officeproductslider-section .officeproductslider .swiper-slide-visible {
    transform: scale(1) ;
  }

 .officeproductslider-section .officeproductslider video {
    width: 100%;
  }

  .officeproductslider-section .officeproductslider .swiper-wrapper {
    padding-top: 0px ;
    padding-bottom: 45px ;
  }

.officeproductslider-section  .officeproductslider .center-pagination {
    width: 60% ;
    bottom: 6% ;
  }

  .officeproductslider-section .officeproductslider .swiper-button-prev {
    left: 40px ;
  }

 .officeproductslider-section .officeproductslider .swiper-button-next {
    right: 40px ;
  }

  .officeproductslider-section .officeproductslider .swiper-button-next,
  .officeproductslider-section .officeproductslider .swiper-button-prev {
    bottom: -5px;
  }

  .officeproductslider .swiper-button-next img,
  .officeproductslider .swiper-button-prev img {
    width: 20px ;
  }

  .largestcustomize {
    margin-top: 50px ;
  }

  /* .getinspired {
    flex-direction: column;
  } */

  .getinspired .preview {
    width: 200px;
  }

  .preview-slider {
    height: 230px;
  }

  .getinspired .right {
    padding: 20px;
  }

  
  /* .getinspired .left,
  .getinspired .right {
    width: 100% ;
  } */


  
  .preview-slider {
    flex-direction: row;
    /* height: auto; */
    width: 100%;
    /* overflow: unset; */
  }
  .dellaLightsFirstSection-content img {
    width: 100% ;
  }
  .preview-box {
    transform: translateX(100%);
    top: auto;
    left: 0;
    position: absolute;
  }

  .preview-box.active {
    transform: translateX(0);
  }

  .center-pagination .swiper-pagination-bullet-active {
    height: 5px ;
  }

  .faq-tabination-section {
    padding: 0px 0 30px;
  }


  .add-to-cart-container {
    position: static;

    width: 100%;
  }

  section#shop_by_room {
    padding-top: 50px;
  }

  .DetailDesignSlider2 .swiper-button-prev {
    left: 6% ;
  }

  .DetailDesignSlider2 .swiper-button-next {
    right: 6% ;
  }

  #SimilarCollections .DetailDesignSlider-next2,
  #SimilarCollections .DetailDesignSlider-prev2 {
    top: 96%;
  }

  #product-range .single-product-range-btn-single .single-product-range-btn {
    white-space: normal;
  }

  .single-product-range-btn-container {
    display: flex ;
  }

  #SimilarCollections {
    padding: 4% 0;
  }

  #SimilarCollections .collection-subheading-title::before {
    left: 15%;
  }

  .DetailDesignSlider2 .swiper-button-next {
    right: 6% ;
  }

  #ProductsthisCollection .add-to-cart-container {
    position: static;

    width: 100%;
  }

  header {
    height: 104px ;
  }

  #dellaLightsFirstSection .common-pagination-slider {
    width: 76% ;
  }

  #dellaLightsFirstSection.sach .common-pagination-slider {
    width: 82% ;

    bottom: 4.5% ;

    right: 40px ;
  }

  #SimilarCollections .DetailDesignSlider2 .common-pagination-slider {
    width: 90%;

    bottom: 4% ;
  }

  #SimilarCollections .DetailDesignSlider2 .swiper-button-next {
    right: 56px ;
  }

  .gelshah-collection {
    margin-top: 30px;

    padding: 0;
  }

  .inner-body-wrp .dc .pl-0,
  .inner-body-wrp .dc .px-0 {
    padding: 20px 10px ;
  }

  .inner-body-wrp .dc.row {
    margin: 0 auto;
  }

  .otherproducts {
    padding: 0 15px;
  }

  .otherproducts .col-md-10 {
    max-width: 100%;

    flex: unset;

    padding: 0;
  }

  .otherproducts .col-md-3 {
    margin: 0 auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    padding-top: 20px;
  }

  .product-slider .mySwiper {
    padding: 0 20px;
  }

  .inner_collection_desc {
    width: 95%;
  }

  .inner-body-wrp .dc {
    max-width: 100%;
  }

  .inner_collection_desc_desc {
    width: 100%;
  }

  .inner-body-wrp .product-slider {
    position: sticky;

    top: 100px;
  }

  #summary-list {
    height: 60vh;
  }

  .CollectionSidenav-div label {
    margin-left: 5px;

    margin-bottom: 0;
  }

  .CollectionSidenav-div .d-flex {
    align-items: center;

    justify-content: center;
  }

  .techincal-section-grid .common-container .DetailsBox {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .websitebackbutton.common-container {
    /* padding-top: 0px ; */
    max-width: 100% ;
  }

  .tax-product_cat .single-product-range-image {
      transform: scale(1) ;
  }
  
  .single-product-range-name {
    line-height: 20px ;
  }

  #furniture-collection #Furniture-Collections-List .FurnitureBox h2 {
    transform: translate(0px, 0%) ;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 5px;
  }

  .dellaLightsFirstSection-content-title-single {
    font-size: 34px; 
    text-align: center;
  }

  .viewport #landing-banner {
    margin-top: 0px ;
  }

  #TownshipBanner {
    padding-top: 50px;
  }

  .websitebackbutton {
    margin-bottom: 20px;
  }

  .fancybox-navigation .fancybox-button--arrow_right svg {
    margin-left: -37px;

    margin-top: -10px;
  }

  .fancybox-navigation .fancybox-button--arrow_left svg,
  .fancybox-navigation .fancybox-button--arrow_right svg {
    height: 44px ;

    width: 100px;
  }

  .fancybox-navigation .fancybox-button--arrow_left svg {
    margin-left: -35px;

    margin-top: -10px;
  }

  #NewDellaFrom.township-form .selectCategory {
    margin-left: 0;

    flex-direction: column;

    justify-content: center;
  }

  #NewDellaFrom.township-form .selectCategory label {
    width: 100% ;
  }

  .home_page_new #ExistingTownships {
    padding: 50px 0 0px;
  }

  .dellaLightsFirstSection-content-single {
    flex-direction: column ;

    padding: 0 20px ;
  }

  .dellaLightsFirstSection-content-left-single {
    width: 100% ;

    margin-right: 0 ;
  }

  .dellaLightsFirstSection-content-right-single {
    width: 100% ;

    margin-right: 0 ;

    text-align: right;
  }

  .madeindiaimage {
    margin-top: 30px;
  }

  .latestblock .shopBy li select {
    width: 100% ;
  }

  #dellaLightsFirstSection.sach .common-pagination-slider {
    width: 82% ;

    bottom: 2.5% ;
  }

  .inner-body-wrp .mySwiper2 .swiper-button-prev,
  .inner-body-wrp .mySwiper2 .swiper-button-next {
    margin-top: 0;
  }

  .product-slider .swiper-container-thumbs .swiper-slide {
    padding: 40px 13px 5px;
  }

  .swiper-button-prev,
  .swiper-button-next,
  .swiper-cta {
    margin-top: 0;
  }

  .collection-product-configuration .form-group:nth-child(1)::before {
    left: 112px;
  }

  /* #ProductsthisCollection .main-product-grid {
    max-width: 24%;
  } */

  #SimilarCollections .collection-subheading-title::before {
    right: -20%;

    left: auto ;

    width: 100%;
  }

  .collection-features-grid {
    max-width: 100%;
  }

  .project-gallery-slider .DetailDesignSlider-next2,
  .project-gallery-slider .DetailDesignSlider-prev2 {
    top: 88%;
  }

  #SimilarCollections .DetailDesignSlider-next2,
  #SimilarCollections .DetailDesignSlider-prev2 {
    top: 86%;
  }

  #SimilarCollections .common-pagination-slider {
    width: 75% ;
  }

  .shopBy {
    flex-direction: column;

    justify-content: center;
  }

  .shopBy li select {
    width: 100% ;
  }

  .shopBy li {
    text-align: center;

    margin: 20px auto 0;

    width: 100%;
  }

  .agDropdown-wrp .shopBy {
    float: unset ;
  }

  #furniture-collection .agDropdown-wrp .shopBy li a {
    width: 100%;
  }

  .shopbyroomswiper .swiper-button-next {
    right: 40px;
  }

  .shopbyroomswiper .swiper-button-prev,
  .shopbyroomswiper .swiper-button-next {
    bottom: -37px;
  }

  .township-faqs-content .title {
    font-size: 18px;
    margin-bottom: 0;
  }

  .township-faqs {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .township-faqs-content {
    padding: 20px 8px 10px
  }

  .investmentbutton {
    flex-direction: column;
  }

  .investmentbutton li {
    margin-bottom: 20px;

    width: 100%;
  }

  .township-sustainability-content .para {
    padding: 0 15px;
  }

  .township-infrastructure-list {
    justify-content: space-around;
  }

  .township-infrastructure {
    margin-top: 60px;
  }

  .township-resturants .swiper-button-next,
  .township-resturants .swiper-button-prev {
    bottom: 3% ;
  }

  .township-resturants .swiper-button-next {
    right: 7% ;
  }

  .township-resturants .swiper-button-prev {
    left: 7% ;
  }

  .about-della-section {
    padding: 30px 0;
  }
  .text-side {
    padding: 0 15px 20px 15px;
  }
  .text-side h2 {
    font-size: 24px;
    margin-bottom:15px;
  }
  .text-side h3 {
    font-size: 18px;
    margin: 0 0 10px;
  }
  .text-side p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .header .e-store-logos .logo-img-brand {
    height: 80px ;

    width: 80px ;
  }
}

@media only screen and (max-width: 430px) {
  .inner-body-wrp .no-gutters > .col,
  .inner-body-wrp .no-gutters > [class*="col-"] {
    padding-left: 5px;

    padding-right: 0;
  }

  .inner_collection_desc_title {
    font-size: 20px;
  }

  .discover_more_title {
    font-size: 18px;
  }

  .shopbyroomswiper .swiper-button-prev {
    left: 0;
  }

  .shopbyroomswiper .swiper-button-next {
    right: 0;
  }

  .shopbyroomswiper .swiper-button-prev,
  .shopbyroomswiper .swiper-button-next {
    bottom: -5px;
  }

  .techincal-section-grid .swiper-button-prev,
  .techincal-section-grid .swiper-button-next {
    top: 5% ;
  }

  #ProductsthisCollection .ProductsthisCollectionBox .product-checkbox {
    right: 2%;
    top: 2px;
    height: 16px;
    width: 16px;
  }

  .inner-body-wrp .product-slider {
    position: static;
  }

  #SimilarCollections .collection-subheading-title::before {
    right: -24%;
    width: 50%;
  }

  #SimilarCollections .DetailDesignSlider-next2,
  #SimilarCollections .DetailDesignSlider-prev2 {
    top: 90%;
  }

  #SimilarCollections .DetailDesignSlider2 .common-pagination-slider {
    bottom: 3% ;
  }

  #SimilarCollections .swiper-button-next {
    right: 2% ;

    top: auto ;
  }

  #SimilarCollections .swiper-button-prev {
    left: 2% ;

    top: auto ;
  }

  .collection-subheading-title {
    font-size: 20px;
  }

  #dellaLightsFirstSection .swiper-wrapper {
    padding-bottom: 15%;
  }

  #dellaLightsFirstSection .common-pagination-slider {
    width: 76% ;

    bottom: 6% ;
  }

  #dellaLightsFirstSection .swiper-button-next {
    right: 0 ;
  }

  #dellaLightsFirstSection .swiper-button-next,
  #dellaLightsFirstSection .swiper-button-prev {
    bottom: -5px ;
  }

  #dellaLightsFirstSection .swiper-button-next img,
  #dellaLightsFirstSection .swiper-button-prev img {
    width: 18px;
  }

  #dellaLightsFirstSection .swiper-button-prev {
    left: 0 ;
  }

  /* #ProductsthisCollection .main-product-grid {
    max-width: 48%;
  } */

  #project-Details {
    padding-bottom: 15% ;
  }

  #project-Details .common-pagination-slider {
    bottom: -10% ;
  }

  .project-gallery-slider .swiper-button-next {
    right: 0 ;
    width: 27px ;
    height: 44px ;
  }

  .project-gallery-slider .DetailDesignSlider-next2,
  .project-gallery-slider .DetailDesignSlider-prev2 {
    top: 95%;
    transform: translateY(-50%);
  }

  .project-gallery-slider .swiper-button-prev {
    left: 0 ;
    right: auto;
    width: 27px ;
    height: 44px ;
  }

  #dellaLightsFirstSection.sach .common-pagination-slider {
    width: 78% ;

    bottom: 5% ;

    right: 0 ;
  }

  .row .breadcrumb-full.kinjal {
    margin-top: 100px ;
  }

  .backTolanding,
  .backTolanding:hover {
    background-color: transparent ;
  }

  #SimilarCollections .DetailDesignSlider2 .swiper-button-next {
    right: 10px ;
    bottom: -5%;
  }

  #SimilarCollections .DetailDesignSlider2 .swiper-button-prev {
    bottom: -3%;
  }

  #SimilarCollections .DetailDesignSlider2 .swiper-button-next img,#SimilarCollections .DetailDesignSlider2 .swiper-button-prev img {
    width: 25px;
  }

  .prod_inner_titles {
    margin-left: 20px;
  }

  .listing-page-breadcrumbs .websitebackbutton.common-container {
    padding-top: 0 ;
  }

  .prod_inner_titles,.dc-content .downlaodcatalogue {
    font-size: 24px ;
  }

  
}

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

	.row {
		margin-left: calc(var(--bs-gutter-x)* - o);
	}

	.row-default {
		margin-left: calc(var(--bs-gutter-x) * -.5) ;
	}

	#furniture-collection .agDropdown-wrp .shopBy li {
		margin-bottom: 20px
	}

	#furniture-collection .agDropdown-wrp .shopBy li a {
		margin-right: 0
	}
}


@media (resolution: 1dppx) {
	#banner .bannertext {
		bottom: 115px
	}

	#banner .swiper-pagination {
		bottom: 80px
	}

	#project-banner {
		margin-top: 90px
	}

	.topHeading {
		margin-top: 0
	}

	.project-page .fancybox-content .fancybox-close-small {
		top: 30px;
		right: 10px
	}

	#Our-Approach-banner .WeFocused {
		bottom: -120px
	}

	#Our-Approach-banner {
		padding-top: 170px
	}

	#Our-Approach-banner .our-approach-pix1 {
		width: 730px
	}

	#Our-Approach-banner p {
		width: 430px
	}

	#Our-Approach-banner .Collaboration {
		margin-top: 130px
	}

	#Our-Approach-banner .Collaboration .CollaborationPix {
		left: -380px;
		width: 350px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt {
		left: -170px
	}

	#why-chooes-banner {
		background-size: 760px
	}

	.project-page .fancybox-content .project-pop-image img {
		height: 595px
	}
}

@media (resolution: 1.5dppx) {


	.MidNav {
		--item-size: 220px
	}

	#Our-Approach-banner .Collaboration .CollaborationPix {
		left: -150px
	}

	#TownshipBannerAcc .accordion ul li .slots {
		top: 50px
	}

	#TownshipBannerAcc .accordion ul li .slots a h2 {
		font-size: 26px
	}

	#whataretownships .whatareSliderBox .nos {
		font-size: 70px;
		letter-spacing: -4px;
		letter-spacing: -4px;
		line-height: 35px
	}

	#whataretownships .whatareSliderBox .whatareSliderBoxContent {
		margin-left: 43px
	}

	#whataretownships .whatareSliderBox .whatareSliderBoxContent h2 {
		padding-left: 38px
	}

	.whatweareOverContent .nosinfo h3 {
		font-size: 30px
	}

	.whatweareOverContent .nosinfo {
		margin-bottom: 13px
	}

	.whatweareOverContent p {
		line-height: 21px
	}

	.whatweareOverContent .nosinfo small {
		font-size: 14px
	}

	#tenThings .gallery-thumbs .swiper-slide {
		padding-right: 10px;
		padding-left: 30px;
		font-size: 16px
	}

	#NewDellaFrom .CategoryForms .label h3 {
		font-size: 30px
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.common-container {
		width: 1160px
	}

	#portfolio-banner h1 {
		font-size: 90px
	}

	#Letstarted .row {
		margin: 0
	}

	#PortfolioList .PortfolioGallery h2 {
		font-size: 60px
	}

	#PortfolioList .PortfolioGallery .readmore {
		top: 8px
	}

	#Letstarted .label h3 {
		font-size: 43px
	}

	#Letstarted .label.HelloDella h3 {
		width: 66%
	}

	.Bon-Vivant-fonts {
		font-size: 60px
	}

	#we-are-mad-about-design .madbox a .hover-state small {
		padding-left: 100px;
		font-size: 65px
	}

	#project-banner h1 {
		font-size: 60px
	}

	#DellaArtDesignrer .ArtGallerySlider {
		margin-top: 60px
	}

	#WhyChooseDella .OurInfrastructure {
		padding-top: 50px
	}

	#Our-Approach-banner .Collaboration .CollaborationTxt .q1 {
		right: -50px;
		bottom: -70px
	}

	#OurDistinguished .filterslider1,
	#OurDistinguished .filterslider2 {
		padding-left: 70px
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix {
		left: 44px
	}

	#Join-list-banner .iconicprojects .iconicprojectsPix img {
		width: 225px
	}

	.DellaTownShipNav .MidNav {
		--item-size: 221px
	}

	.townshipnav {
		left: -160px 
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.tax-product_cat .DecorativeLightsBox-main-container.twelve-grid {
		display: grid ;
		grid-template-columns: repeat(2, 1fr);
	}

	/* .tax-product_cat .DecorativeLightsBox-main-container {
		display: grid ;
		grid-template-columns: repeat(2, 1fr);
	}

	*/
	.tax-product_cat #product-range {
		width: 100% ;
	}

	.tax-product_cat #product-range.common-container {
		padding: 0 ;
	} 

	#SpotLight.slider_layout.bg_black {
		padding: 0 20px 20px ;
	}

	.shopbyroom-slider-office .count {
    margin-left: -44px;
	}

	.header {
		height: 109px 
	}

	#design-manufaturing .designerBox .designerText {
		padding-right: 30px
	}

	.footer-wrp [class*='col-'] {
		padding: 0 15px
	}

	.social-wrp-footer a {
		width: 37px
	}

	#shopbyroom .pagetitle {
		transform: translate(0px, 53px)
	}

	#shopbyroom .swiper-pagination {
		width: 21%
	}

	#shopbyroom {
		padding-top: 0
	}

	.sbrContainer {
		width: 32%
	}

	#whatweareBottom .whatweareBottomBox {
		padding: 30px
	}

	#tenThings .in-india {
		transform: translate(220px, -60px)
	}

	#tenThings .tenThingsVideo {
		height: 360px;
		margin-top: 0
	}

	#tenThings .gallery-thumbs .swiper-slide {
		font-size: 14px;
		padding-left: 32px
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	#design-manufaturing [class*='col-lg'] {
		padding-left: 10px;
		padding-right: 10px
	}

	.sign-rhs-wrp {
		width: 360px
	}

	.sbrContainer {
		width: 42%
	}

	#Letstarted .label.Build label {
		max-width: 160px
	}

	#Letstarted .label.Build .type {
		max-width: 170px
	}

	#Our-Approach-banner h1 {
		font-size: 60px
	}

	#iconic-Project .swiper-button-prev,
	#iconic-Project .swiper-button-next {
		bottom: 128px
	}

	#iconic-Project .swiper-pagination {
		bottom: 135px
	}

	#Our-Approach-banner .our-approach-pix1 img {
		width: 240px
	}

	.header .v-center {
		position: relative
	}

	.header .top-bar {
		width: 370px
	}

	#whatweareBottom .whatweareBottomBox {
		padding: 30px
	}

	#tenThings .in-india {
		transform: translate(220px, -60px)
	}

	#tenThings .tenThingsVideo {
		height: 360px;
		margin-top: 0
	}

	#tenThings .gallery-thumbs .swiper-slide {
		font-size: 14px;
		padding-left: 32px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.footer-wrp [class*='col-'] {
		width: 100%
	}

	div .footer-links-wrp-p {
		padding: 55px 0 0 15px 
	}
}

#della-furniture #banner {
	pointer-events: none
}

.tax-product_cat #product-range .single-product-range-btn {
	text-transform: uppercase
}

.tax-product_cat #dellaLightsFirstSection p.tbbBox1,
.tax-product_cat #DecorativeLights .maindesc p,
.tax-product_cat #DecorativeLights p,
.tax-product_cat .DecorativeLights-column7 p,
#codded-office-sec-container p,
.tax-product_cat #SpotLight .swiper-slide h2,
.tax-product_cat #SpotLight .innercollection a,
.tax-product_cat .four_grid_layout h3,
#product-range .single-product-range-name,
.tax-product_cat #DecorativeLights .DecorativeLightsBox .DecorativeLightsBt,
.tax-product_cat #DecorativeLights h6 a {
	font-family: "Figtree" ;
	opacity: .9;
	font-weight: 400;
	letter-spacing: .4px
}


@media screen and (max-width: 600px) {
	.tax-product_cat #banner {
		pointer-events: none
	}



	.tax-product_cat #dellaLightsFirstSection .DellaLightsDetails {
		font-size: 45px ;
		line-height: 65px ;
		padding-top: 50px ;
		margin-bottom: 0 
	}

	.tax-product_cat .pagetitle.maintitle {
		padding: 0 15px
	}

	.tax-product_cat #DecorativeLights {
		padding-top: 10%
	}

	.tax-product_cat #dellaLightsFirstSection .page-sub-title p {
		padding: 0 15px
	}

	.tax-product_cat #dellaLightsFirstSection .page-sub-title p,
	.tax-product_cat #DecorativeLights .pagetitle,
	.tax-product_cat #DiscoverProducts .pagetitle {
		font-size: 20px ;
		line-height: 26px 
	}

	.tax-product_cat #dellaLightsFirstSection p.tbbBox1,
	.tax-product_cat #DecorativeLights .maindesc p,
	.tax-product_cat #DecorativeLights p,
	.tax-product_cat .DecorativeLights-column7 p {
		font-size: 14px ;
		line-height: 20px ;
		padding: 0;
		opacity: .9;
		font-family: "Figtree" 
	}

	.DecorativeLights-column7 p {
		font-family: "Figtree" 
	}

	.tax-product_cat #dellaLightsFirstSection .madeindiaimage span {
		display: block
	}

	.tax-product_cat .DetailDesignSlider2 {
		padding-top: 0
	}

	.tax-product_cat .pagetitle.maintitle,
	.tax-product_cat #SpotLight .pagetitle {
		font-size: 20px ;
		line-height: 26px 
	}

	.tax-product_cat #DecorativeLights .maindesc {
		padding: 0 15px 5%
	}

	.tax-product_cat .DecorativeLightsBox-main-container {
		display: grid ;
		grid-template-columns: repeat(2, 1fr)
	}

	.tax-product_cat #DecorativeLights .column-right,
	.tax-product_cat #SpotLight .column-right {
		display: grid ;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		padding-bottom: 5%
	}

	.tax-product_cat #DecorativeLights .innercollection,
	.tax-product_cat #SpotLight .innercollection {
		margin-bottom: 10px
	}

	.tax-product_cat .innercollection h6 {
		font-size: 10px 
	}

	.tax-product_cat .twelve_grid_layout,
	.tax-product_cat #SpotLight {
		padding-top: 5% 
	}

	.tax-product_cat #SpotLight {
		padding: 15px;
		margin-bottom: -2px
	}

	.tax-product_cat #SpotLight .p-3 {
		padding: 0 
	}

	.tax-product_cat #DecorativeLights .DecorativeLightsBox .DecorativeLightsBt {
		font-size: 10px
	}

	.tax-product_cat .four_grid_layout h3 {
		font-size: 10px;
		font-family: 'Lato', sans-serif ;
		letter-spacing: .4px
	}

	.tax-product_cat .single-product-range {
		transform: scale(0.95)
	}

	.tax-product_cat #product-range {
		display: grid ;
		grid-template-columns: repeat(2, 1fr);
		overflow: hidden;
		padding: 0
	}

	.tax-product_cat .single-product-range-image {
		height: 100px;
		margin-top: 0;
		transform: scale(1.2)
	}

	.tax-product_cat .single-product-range-container {
		display: flex;
		flex-direction: column;
		height: 100%
	}

	.tax-product_cat .single-product-range-btn-container {
		margin-top: auto;
		margin-bottom: 10px
	}

	.tax-product_cat #product-range .single-product-range-name,
	.tax-product_cat .readmore {
		font-size: 12px 
	}

	.tax-product_cat #SpotLight .swiper-slide h2 {
		text-align: center;
		font-size: 16px ;
		line-height: 22px 
	}

	.tax-product_cat #product-range .single-product-range-btn {
		font-size: 11px ;
		padding: 0 0 10px
	}

	.tax-product_cat .single-product-range-image:hover {
		transform: scale(1.3)
	}

	.tax-product_cat .spotlightSlider .spotlightSlider-prev {
		left: 0 
	}

	.tax-product_cat #SpotLight .swiper-button-prev,
	#SpotLight .swiper-button-next {
		top: 50% ;
		bottom: auto 
	}

	.tax-product_cat .spotlightSlider .spotlightSlider-next {
		right: 0 
	}

	.tax-product_cat .readmore img,
	.tax-product_cat .form-submit2 img {
		transform: scale(0.7)
	}

	.tax-product_cat #Download-Cat {
		margin-top: -2px ;
		margin-bottom: -2px 
	}

	.tax-product_cat #Download-Cat .downCat .broImg img {
		width: auto
	}

	.tax-product_cat .readmore {
		font-family: "Figtree" ;
		letter-spacing: .4px;
		font-weight: 500
	}

	.tax-product_cat #Download-Cat .downCat {
		margin-bottom: 5%
	}

	.tax-product_cat #Download-Cat .newArive .newBox {
		transform: scale(0.6);
		transform-origin: left
	}

	.tax-product_cat #SpotLight .swiper-button-prev {
		left: 0 
	}

	.twelve_grid_layout .DecorativeLightsBox-main-container {
		max-width: 200%
	}

	.tax-product_cat .twelve_grid_layout.bg_black .DecorativeLightsBox-main-container.twelve-grid .col:last-child {
		display: flex;
		max-width: 200%;
		width: 200%
	}

	.tax-product_cat #codded-office-sec-container .codded-office-sec .readmore.ViewAll {
		position: unset
	}

	.tax-product_cat #codded-office-sec-container .codded-office-sec .common-container {
		text-align: center;
		padding-bottom: 5%
	}

	.tax-product_cat .twelve_grid_layout.bg_black #product-range {
		padding-left: 15px;
		padding-right: 15px
	}

	.tax-product_cat #bannerbottomslider h2 {
		font-size: 10px ;
		padding-bottom: 5px
	}

	.tax-product_cat #DecorativeLights .DecorativeLightsBox .DecorativeLightsBt {
		bottom: 1px
	}
}