@media (min-width: 768px){

.vl-col1 {

    -ms-flex: 0 0 32.9%%;

    flex: 0 0 32.9%;

    max-width: 32.9%;

}
#banner-video-home{
  width:100%;
  height:100%;  
}
}
@media (max-width:768px){
    #banner-video-home{
       width:100%;
       height:250px;
       object-fit: cover;
    }
    .ph-project p, .celestia-proj p{
    	position: relative;
    	top:5px;
    }
    .abt-title h4{
    	line-height: 35px;
    }
}


/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2) { 



.horizontal-menu{

	width: 100%;

	}

}



@media (max-width: 768px){
    .about-title{
 margin-top:10px;   
}
.carousel-indicators-banner li{
    top: 26px;
    position: relative;
}
	.abt-row-block, .properties{

		display: block;

		position: relative;

		padding-left: 0px;

		padding-right: 0px;

  

	}



	.black-bg-color2 {

		padding-bottom: 20px;

	}



	.vl-col,.vl-col4 {

		width: 17.6%;

		height: auto;

		padding: 0px;

		display: none;

	}

	.black-title-block {

		padding-top: 25px;

	}

	.vl-col1, .vl-col1, .vl-col2 {

		border-right: none;

	}

	.white-bg-content{

		padding-bottom: 15px;

	}

	.jumbotron1{

		padding: 15px;

	}

	.pb-3{

		padding-bottom: 0.5px !important;

	}

	.pt-3{

		padding-top: 0.5px !important;

	}



	.carousel-item-hcb {

    position: absolute;

    right: 15%;

    top: 15px;

    left: 9%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: left;

}

.carousel-item-hcb h3{

	font-size: 15px;

}



	.carousel-item-hb img{

		height: 250px;

	}

	.carousel-caption-finance {

    position: absolute;

    right: 5%;

    bottom: 75px;

    left: 5%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: left;

}
/*.horizontal-menu {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid#000;
    margin-top: 5px;
}*/
.first-button{

	position: absolute;

    right: 10px;

    top: 50px;

}

.sidenav{

	z-index: 99 !important

}

.horizontal-menu ul li {

    display: inline;

    text-align: center;

    padding: 0px 7px;

    color: #000;

    font-family: 'Raleway';

    font-weight: 600;

}

	.horizontal-menu{
        padding-top:15px;
		padding-bottom: 15px;

	}

	.carousel-caption-finance p{
		color: #fff;
		font-family: 'Raleway';
  		line-height: 20px;
  		font-size: 16px;
		}
.carousel-caption-finance {
	position: absolute;
    right: 5%;
    bottom: 35px !important;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    }

}



/*===================ipad====================*/



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .carousel-caption-finance-first, .carousel-caption-finance-third {
    bottom: 48px !important;
}

	.first-button {

    position: initial;

    right: 10px;

    top: 30px;

	}

.vl-col1, .vl-col1, .vl-col2 {

    border-right: 2px solid #ddd;

}

	.bd-example{

		width: 100%;		

	}

	.abt-row-block, .properties {

    display: inline-flex;

    position: relative;

    padding-left: 0px;

    padding-right: 0px;

}



.black-title-block {

    padding-top: 0px;

}

.knowledge-col{

	padding-left: 10px !important;

	padding-right: 10px !important;

}

}



@media (min-width: 768px){

	 .carousel-item-hcb p {

    margin-bottom: 35px;

    color: #fff;

    font-family: 'Raleway';

}

	.carousel-item-hcb h3{

    margin-bottom: 35px;

    color: #fff;

   font-family: 'Gotham';

}

.team-rw{

	padding-top: 30px;

	

}

}



/*==============================about Us==========================*/



@media (min-width: 768px){
    .brands_prev{
        top:80px;
    }
    .brands_next{
        top:80px;
    }

	.about-img{

		width: 111%;

	}

	.knowlege-img{

		width: 118%;

	}

.abtpg-row{

	/*width: 115% !important;*/	

}

.Vision-row{

	padding: 0px 0px 15px 15px;

}

.Vision-col{

	

	padding: 0px;

	background: #000;

}

.abt-content p{

	font-weight: 600;

	padding: 67px 50px;

}
.abt-content-core p{
		padding: 0px 50px;
	}
	.abt-content-core h5{
		text-transform: uppercase;
	padding: 10px 50px;
}
}



@media (max-width: 768px){
    .abt-content-core h5{
	text-transform: uppercase;
	padding: 10px 0px;
}
    .proj-row-light{
    display:block;
    position:relative;
    }
.project-main-title{
    display:block;
    position:relative;

}
	.aboutpage-section {

    margin-top: 0px;

}

.about-page-heading h4{

	color: #f68f1d;

	margin-right: 15px;

	margin-left: 15px;

}

.Vision-col {

    padding-top: 15px;

    background: #000;

}

.Mission-row, .proj-row-dark1{

  display: flex;

    flex-flow: column-reverse;

}

.proj-row-dark{

	margin-right: -15px;

    margin-left: -15px;

}

.proj-details-dark{

	padding-top: 13px;
margin-top:10px;
    padding-bottom: 20px;

}

.lighten-4{

	padding: 0px;

}

.proj-row-dark{

	padding-top: 15px;

	padding-bottom: 15px;

}	

.btn-filter-careers{

	font-size: 12px;

}

}



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 768px) 

  and (max-device-width: 1024px) 

  and (-webkit-min-device-pixel-ratio: 1) {

  	.abtpg-row {

     width: auto !important; 

}

.Vision-col {

    padding: 0px !important;

}

}



@media (min-width: 768px){

	.proj-col{

		padding-left: 0px;

	}

	.proj-details-dark{

		margin-top: 20%;

		padding-left: 35px;

    padding-right: 26px;

	}

	.proj-col-img{

		padding:0px;

	}

	.proj-row-light{

		margin-left:0px;

		margin-right: 0px; 

		margin-top: 20px;

    	margin-bottom: 50px;

	}

	.property-height-bg{

		background: url(../images/element/Property-UI-Section-seperators.png);

		background-repeat: no-repeat;

	}

}



/*IPad Portrait and Landscape */

@media only screen 

  and (min-device-width: 768px) 

  and (max-device-width: 1024px) 

  and (-webkit-min-device-pixel-ratio: 1) {

  	.proj-col{

  		padding-left: 15px;

  	}

  	.proj-details-dark{

  		padding: 0px;

  		margin-top: initial;

  	}

  	.proj-row-dark1 {

    display: flex;

    flex-flow: inherit;

}

	.proj-col-img{

		padding: 15px;

  	}

  }



/* Portrait and Landscape ipad Pro */

@media only screen 

  and (min-width: 1024px) 

  and (max-height: 1366px) 

  and (-webkit-min-device-pixel-ratio: 1.5) {
      .carousel-caption-finance-first, .carousel-caption-finance-third {
    bottom: 82px !important;
}

  	.proj-details-dark{

  		padding: 15px;

  	}

  	.proj-img img{

  		padding: 15px 0px;

  	}
	.carousel-caption-finance p{
		color: #fff;
		font-family: 'Raleway';
  		line-height: 30px;
    font-size: 20px;
		}
.carousel-caption-finance {
	position: absolute;
    right: 5%;
    bottom: 35px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    }
}



/*=======================property details======================*/

@media (min-width: 768px){

.property-col{

	padding-left: 0px;

	padding-right: 0px;

}

.property-height-details, .project-main-inter-title h4{

	padding: 15px 50px;

}

.property-details-gallery-col:nth-child(2), .property-details-gallery-col:nth-child(1){

border-right: 1px solid #ddd;

}

.property-details-gallery img{

	padding-top:10px;

	padding-bottom: 10px; 

	

	}

	.interior-content p{

		padding: 30px 60px;

	}



	.project-heights-sidebar{

		padding-right: 50px;

		    padding-top: 15px;

	}

	.knowledge-col{

		padding-left: 70px;

		padding-right: 50px;

	}

}



@media (max-width: 768px){
    .prathamesh-pearl-title{
      padding-top:10px;
    }
    .tilak-nagar-title1{
     margin-top:10px;   
    }
    .brlogo img{
        margin-top:5px;
        margin-bottom:5px;
    }
	.property-details-title{

		text-align: center;

	}

	.property-details-gallery{

		padding-top: 15px;

	}

	.interior-content{

		padding-top: 20px;

	}



}

/*===============contact us page===================*/

.contact-details{

	padding-left: 15px;

	border-left:1px solid #ddd;

}



@media (min-width: 768px){

	.contact-img-col{

		border-right: 1px solid #ddd;

	}

}



/*=================blog detsils page====================== */
.blog-page-short-content-n p{
	padding: 0px 0px ;
}
@media (min-width: 768px){

.blog-page-short-content p, .blog-page-title h4{

	padding: 0px 0px;

}

.img-blog-area img{

	

}

.imgvlog-col{

	margin-left: -15px;

}

}