@media(max-width:1600px){
	.modal-dialog.enq-modal.pop-up1 {
    max-width: 50vw;
}
}


@media(max-width:1500px){
	.modal-dialog.enq-modal.pop-up1 {
    max-width: 54vw;
}
}


@media(min-width:992px) and (max-width:1366px){
	button.btn.btn-warning.enquire-btn {
		font-size: 16px;
		font-weight: 600;
		margin: 15px auto 0;
	}
	.modal-dialog.enq-modal.pop-up1 {
    max-width: 57vw;
}
	.top_form h2 {
		text-align: center;
		color: #fff;
		font-size: 22px;
		padding: 15px;
		background-image: -webkit-linear-gradient(left,#444,#1a1a1a);
	}
	.form-box h4 {
		font-size: 15px;
		text-align: center;
		margin: 0 auto;
		background: #e8e8e8;
		padding: 10px 0;
		font-weight: 600;
		letter-spacing: 1px;
		color: #000;
	}
	.banner-offers h4 {
		display: block;
		padding: 15px;
		font-size: 32px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 1px;
		text-align: center;
	}
	.row-gird-content .right h2 {
		font-size: 36px;
		color: #2f2d5f;
		text-transform: uppercase;
	}
	.row-gird-content .right h2 span {
		display: block;
		font-size: 24px;
		text-transform: capitalize;
	}
	.row-gird-content p {
		font-size: 18px;
		font-weight: 500;
		line-height: 35px;
		margin: 0;
		text-align: justify;
	}
	.row-gird-content .left h1 {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		font-size: 50px;
		color: #2f2d5f;
		margin: 0px 15px;
		padding: 0;
	}
	.gallery {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 268px));
		grid-gap: 20px;
		align-items: center;
	}
}
.mobile-section {
	display: none
}
.mobile-view{
	display: none;
	padding: 15px;
}


@media(max-width:1280px){
	.modal-dialog.enq-modal.pop-up1 {
    max-width: 61vw;
}
}

@media(min-width:1367px) and (max-width:1440px){
	button.btn.btn-warning.enquire-btn {
		font-size: 16px;
		font-weight: 600;
		margin: 15px auto 0;
	}
	.form-box h4 {
		font-size: 15px;
		text-align: center;
		margin: 0 auto;
		background: #e8e8e8;
		padding: 10px 0;
		font-weight: 600;
		letter-spacing: 1px;
		color: #000;
	}
	.gallery {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 268px));
		grid-gap: 20px;
		align-items: center;
	}
}

	 
@media(max-width:767px){
.modal-dialog.enq-modal.pop-up1 {
    max-width: 100vw !important;
}

	.higlights{display: block;}
	.slider .banner-offers{position: unset!important;width: 100%;text-align: center;}
	.banner-offers ul li span{text-align: center;}
	.form-box{width: 33%!important;display: none;}
.table-striped thead {
    display: none;
}
.row-gird-content{
	    padding: 14px 18px 20px 10px;
}
.table td, .table th{
margin: 3px 0;
    padding: 8px 3px;
    vertical-align: top;
    width: 100%;
    display: block;
    text-align: center;
}
.floorplan {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
    align-items: center;
}
	
	.gallery{
		  display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
    align-items: center;
	}
	.row-gird-content .left h1{
		margin: 0px !important
	}
	.row-gird-content p{
		    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
	}
	.row-gird-content .right h2{
		    font-size: 30px;
    color: #2f2d5f;
    line-height: 29px;
	}
	.mobile-section {
    display: block;
    background: #2f2f2f;
    background: #2f2f2f;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
	.mobile-section .btn-success {
    color: #fff;
    background-color: #000;
    border-color: #000;
    font-size: 12px;
        width: 177px;
        font-weight: 900;
}
	.pro-tag-line{
		    font-size: 24px;
	}
	.pro-price{
		    font-size: 29px;
	}

button.btn.btn-warning.enquire-btn.effetMoveGradient.effectScale {
    color: #000;
    background-color: #e8c060;
    text-align: center;
    margin: 5px auto 0;
    display: block;
    padding: 5px 19px;
    text-transform: uppercase;
	font-size: 17px
}
	.modal-dialog.enq-modal {
    max-width: 100vw;
    border-radius: 3px;
}
	.modal-head{
		    font-size: 7.5vw;
	}
	.menu{
		margin-left: auto;
		margin-top: 12px
	}
	.menu .navbar-dark .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid#dbe4e9;
    padding-left: 15px;
}
.menu .navbar-nav li a {
   
    font-size: 12px;
   
}
	.menu .navbar-nav li {
    padding: 10px 0px;
	}
.banner-offers h6.mobl-cont {
    color: #fff;
    text-align: center;
}
.mobl-cont a {
    color: #3b6396 !important;
    font-size: 20px;
}
.mobile-view{
	display: block;
}
}


@media(min-width:1921px) and (max-width:2560px){

	.higlights {
		display: grid;
		grid-template-columns: 900px 1fr;
		grid-gap: 15px;
		align-items: center;
	}
	.row-gird-content .left h1 {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		font-size: 80px;
		color: #2f2d5f;
		margin: 0px 50px;
		padding: 0;
	}
	.slider .banner-offers {
		position: absolute;
		z-index: 9;
		margin-top: 0;
		padding-bottom: 15px;
		width: 500px;
		background-color: rgba(0, 0, 0, .65);
		border-bottom-right-radius: 8px;
		color: #fff;
	}
	.banner-offers h4 {
		display: block;
		padding: 15px;
		font-size: 50px;
		font-weight: 900;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 3px;
		text-align: center;
	}
	.banner-offers ul li {
		text-align: center;
		font-size: 30px;
		line-height: 28px;
		background: #e2b955;
		color: #000;
		margin-bottom: 8px;
		padding: 2px;
	}
	.pro-tag-line {
		display: block;
		padding: 0 20px;
		font-size: 36px;
		text-transform: capitalize;
		/* line-height: 1.4vw; */
		/* text-shadow: 0 1px 2px #000; */
		color: #fff;
		font-weight: 600;
	}
	button.btn.btn-warning.enquire-btn {
		font-size: 30px;
		font-weight: 600;
		margin: 15px auto 0;
	}
	.top_form h2 {
		text-align: center;
		color: #fff;
		font-size: 30px;
		padding: 15px;
		background-image: -webkit-linear-gradient(left,#444,#1a1a1a);
	}
	.og-block li {
		padding: 10px 0;
		font-size: 26px;
		text-align: center;
		list-style: none;
		font-weight: 600;
		letter-spacing: 1px;
	}
	.form-box h4 {
		font-size: 24px;
		text-align: center;
		margin: 0 auto;
		background: #e8e8e8;
		padding: 10px 0;
		font-weight: 700;
		letter-spacing: 2px;
		color: #000;
	}
	.form_inner .form-control {
		margin-bottom: 15px;
		border: none;
		border-bottom: 1px solid#ced4da;
		font-weight: 600;
		height: 50px;
	}
	.gallery {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(400px, 500px));
		grid-gap: 20px;
		align-items: center;
	}
	.floorplan {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 650px));
		grid-gap: 20px;
		align-items: center;
	}
}