

	/*============================= Small MOBILE Devices================================ */
	
	@media(min-width:767px){
		
		
		
		
	}
	
	
	
	
	
	/*============================= MOBILE Devices================================ */
	@media(max-width:767px){
		.header{
			padding-top: 12px;
		}
		.psklogo img {
			width: 134px;
		}
		.navtaggle_btn .ti-menu{
			margin-right: 5px;
		}
		a.close-btn img {
			width: 43px;
		}
		.navsec{
			padding: 10px;
		}
		.closebox {
			
			margin-top: -16px;
		}
		.logo img {
			width: 60px;
			margin-left: 43px;
		}
		.navtaggle_btn .ti-menu {
			font-size: 25px;
		}
		ul.mynav li a {
			font-size: 22px;
			line-height: 47px;
		}
		.mainslider .swiper-slide  img{
			object-fit: cover;
			width: 100%;
			height: 450px;
		}
		.slider-cap{
			width: 100%;
		}
		.slider-cap h1{
			font-size: 24px;
		}
		.btn{
			min-width: 130px;
		}
		
		.btn span{
			padding: 4px 4px;
			letter-spacing: 1px;
			font-size: 13px;
		}
		.pro_highlight{
			background-position-y: -86px;
		}
		.pro_highlight .row.d-flex {
			flex-wrap: wrap;
		}
		.highlightwrap{
			margin-left: 0%;
			gap: 31px 8px;
		}
		
		.h-box{
			width: 48%;
		}
		.urbanbox{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		.h-Name {
			font-size: 14px;
		}
		.h-title{
			padding: 5px 5px;
			font-size: 12px;
		}
		.ht-img {
			margin-top: 30px;
		}
		.keyfeature {
			padding-top: 0;
		}
		.keyfeature .d-flex{
			flex-direction: column;
		}
		.featurelist{
			padding: 20px;
		}
		.featurelist ul li{
			font-size: 20px;
		}
		.featurelist ul li::before{
			top: 11px;
		}
		.quotes h3{
			font-size: 23px;
			line-height: 32px;
		}

		.urbaninner{
			margin: 8px 0px;
		}
		.urbanbox{
			margin: 15px 0;
		}
		.ctacaption{
			width: 95%;
		}
		.ctacaption h4{
			font-size: 19px;
		}
		.amenities {
			background-size: 217px;
		}
		.quotes h4{
			font-size: 23px;
			line-height: 32px;
		}
		.psk-row .col-5{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
			margin-bottom: 18px;
		}
		.connectivity span.c-line,.psk-line  {
			display: none;
		}
		.contactwrap {
			padding: 0 0px;
		}
		.contactinner{
			margin-top: 26px;
		}
		.contactinfo ul li {
			margin-bottom: 15px;
		}
		.contactinfo ul li a img {
			margin-right: 1px;
			width: 26px;
		}
		.rerainfo {
			text-align: center;
		}
		.rerainfo p{
			font-size: 12px;
    		line-height: 20px;
		}
		.rerabox {
			flex-wrap: wrap;
			justify-content: center;
			gap: 18px;
		}

		.footerlogo {
			text-align: center;
			margin-bottom: 50px;
		}
		.footerlogo img {
			width: 100px;
		}
		.amtslider {
			padding: 10px;
		}

		.nav-pills>li>a{
			width: 98px;
		}
		.download-btn {
			display: none;
		}
		.fix-link {
			color: #000 !important;
			font-size: 10px;
		}
		.fix-link i{
			display: block;
		}
		.site-footer__bottom {
			margin-bottom: 60px;
		}
		.rera{
			flex-direction: column;
		}
		.rera-details{
			flex-direction: column;
			text-align: center;
			padding: 0 20px;
		}
		.ctnbox img {
			width: 70px;
		}
		.copywrite {
			margin-top: 100px;
			text-align: center;
		}
		
	}
	
	
	



	
	


	/*============================= Medium Devices, Tablets ================================ */
	@media(min-width:768px) and (max-width:991px){
		.header{
			padding-top: 12px;
		}
		.psklogo img {
			width: 134px;
		}
		.navtaggle_btn .ti-menu{
			margin-right: 5px;
		}
		a.close-btn img {
			width: 43px;
		}
		.navsec{
			padding: 10px;
		}
		.closebox {
			
			margin-top: -16px;
		}
		.logo img {
			width: 60px;
			margin-left: 43px;
		}
		.navtaggle_btn .ti-menu {
			font-size: 25px;
		}
		ul.mynav li a {
			font-size: 22px;
			line-height: 47px;
		}
		.mainslider .swiper-slide  img{
			object-fit: cover;
			width: 100%;
			height: 450px;
		}
		.slider-cap{
			width: 100%;
		}
		.slider-cap h1{
			font-size: 47px;
		}
		.btn{
			min-width: 130px;
		}
		
		.btn span{
			padding: 9px 19px;
			letter-spacing: 1px;
			font-size: 15px;
		}
		.pro_highlight{
			background-position-y: -86px;
			background-size: 62%;
			background-position-x: right;
		}
		.pro_highlight .row.d-flex {
			flex-wrap: wrap;
		}
		.highlightwrap{
			margin-left: 0%;
			gap: 31px 8px;
			max-width: 67%;
			margin: auto;
		}
		
		.h-box{
			width: 48%;
		}
		.urbanbox{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.h-Name {
			font-size: 14px;
		}
		.h-title{
			padding: 5px 5px;
			font-size: 12px;
		}
		.ht-img {
			margin-top: 30px;
		}	
		.contactinner{
			margin-top: 30px;
		}
		.connectivity span.c-line,.psk-line  {
			display: none;
		}
		.rerainfo {
			
		}
		.rerainfo p{
			font-size: 12px;
    		line-height: 20px;
		}
		.download-btn {
			display: none;
		}
		.fix-link {
			color: #000 !important;
			font-size: 14px;
		}
		.fix-link i{
			display: block;
		}
		.site-footer__bottom {
			margin-bottom: 60px;
		}
		.footerlogo {
			text-align: center;
		}
		.footerlogo img {
			width: 100px;
			margin-bottom: 50px;
		}
		.copywrite {
			margin-top: 100px;
			text-align: center;
		}
	}
	
	
	
	/*============================= Medium Devices, Desttop ================================ */
	@media(min-width:992px) and (max-width:1199px){
		
		.header{
			padding-top: 12px;
		}
		.psklogo img {
			width: 134px;
		}
		.navtaggle_btn .ti-menu{
			margin-right: 5px;
		}
		a.close-btn img {
			width: 43px;
		}
		.navsec{
			padding: 10px;
		}
		.closebox {
			
			margin-top: -16px;
		}
		.logo img {
			width: 60px;
			margin-left: 43px;
		}
		.navtaggle_btn .ti-menu {
			font-size: 25px;
		}
		ul.mynav li a {
			font-size: 22px;
			line-height: 47px;
		}
		.mainslider .swiper-slide  img{
			object-fit: cover;
			width: 100%;
			height: 450px;
		}
		.slider-cap{
			width: 100%;
		}
		.slider-cap h1{
			font-size: 47px;
		}
		.btn{
			min-width: 130px;
		}
		
		.btn span{
			padding: 9px 19px;
			letter-spacing: 1px;
			font-size: 15px;
		}
		.pro_highlight{
			background-position-y: -86px;
			background-size: 62%;
			background-position-x: right;
		}
		.pro_highlight .row.d-flex {
			flex-wrap: wrap;
		}
		.highlightwrap{
			margin-left: 0%;
			gap: 31px 8px;
			max-width: 85%;
			margin: auto;
		}
		
		.h-box{
			width: 48%;
		}
		.urbanbox{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.h-Name {
			font-size: 14px;
		}
		.h-title{
			padding: 5px 5px;
			font-size: 12px;
		}
		.ht-img {
			margin-top: 30px;
		}	
		.featurelist{
			padding: 20px;
		}
		.featurelist h4{
			font-size: 22px;
		}
		.featurelist ul li{
			font-size: 17px;
		}
		.featurelist ul li::before{
			top: 10px;
		}
		.featurelist ul li a:hover{
			font-size: 19px;
		}
	}	























