/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (max-width : 1600px) {
}
@media only screen and (min-width: 1400px)  and (max-width: 1990px) {
	.navbar {
    padding: 1rem 9rem;
}
.hero {
    padding: 10rem 1rem;
}
.footer, .services {
    padding: 4rem 9rem 3rem;
}
.calc {
    padding: 26px;
    }
    .property-slider-img {
    height: 470px;
}

}
@media only screen and (max-width: 1200px) {  
	
}
@media only screen and (min-width: 991px) and (max-width: 1200px){ 
	
}

@media only screen and (max-width: 991px) {
    .nav-item:before {
	display: none;
}
.navbar-nav{
	margin-top: 2rem;
}
.hero {
    padding: 5rem 1rem;
}
.hero h1 {
    font-size: 35px;
}
.hero p {
    font-size: 15px;
    margin-top: -05px;
    margin-bottom: 0px;
}
.footer, .services {
    padding: 4rem 0.6rem 3rem;
}
}
@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 768px){
	.footer, .services {
    padding: 2rem 0rem 1rem;
}
.team-details {
    margin-top: 7px;
    padding-top: 7px;
}
.footer-title {
    font-size: 23px;
    margin-bottom: 0.9rem;
}
.navbar {
    padding: 1rem 1rem;
}
.hero {
    padding: 2rem 1rem;
}
.hero h1 {
    font-size: 24px;
}
.hero p {
    font-size: 13px;
    margin-top: -13px;
    margin-bottom: 0px;
}

 .popup-image-gallery .modal-body {
    padding: 0;
  }
  .popup-image-gallery .modal-dialog {
    margin-top: 20px;
  }
  .popup-image-gallery .close-icon {
    top: -20px;
  }
  .popup-slider-for .slick-prev {
    left: 12px;
  }
  .popup-slider-for .slick-next {
    right: 12px;
  }
  .popup-image-gallery.show{
    padding-right: 0 !important;
  }
}


@media only screen and (min-width: 768px) {
   
}
@media only screen and (max-width: 640px) {
	
}
    

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

}
@media (min-width: 576px){

}

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


}
@media only screen and (max-width: 400px) {
	
}
@media screen and (max-width: 375px){

}
@media only screen and (max-width: 340px) {

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

}







