@media(max-width:1450px){
    .hover-effect-content-commercial{
        margin-top: -79px;
    }
    #logo {
        min-width: 15%;
    }
 
    .apart{
        font-size: 20px;
    }
    .hover-effect-content {
             margin-top: -79px;
    }
    .back {
        /* margin-top: 15vh; */
        color: #fff;
    }
    .hero2-text h1 {
        font-size: 50px;
        line-height: 60px;
        text-shadow: 1px 1px #000;
    }
    /* .hero2-text h1 {
        font-size: 30px;
        line-height: 40px;
        text-shadow: 1px 1px #000;
    } */
    .listing-projects small{
        display: contents;
    }
    .div-cont {
margin-top: 70px;
        /* height: 30vh; */
    }
    .div-cont h4{
       font-size: 20px; 
       
    }
    /* .bg-restaurtant{
        
        height: auto;
    }
    .bg-offices{
   
        height: auto;
    }
     .bg-show-rooms{

        height: auto;
     }
     .bg-residence-list{
      
        height: auto;
    } */
    
}

@media(max-width:1366px){
    .apart{
        font-size: 19px;
    }
    .hero2-text h1 {
        font-size: 44px;
        line-height: 73px;
        text-shadow: 1px 1px #000;
    }
    .back {
        margin-top: 35vh;
        color: #fff;
    }
	.hover-effect-content {
		margin-top: -76px;
	}
	.bg-show-rooms {
    padding: 26px 10px 60px 30px;
    /* height: 66vh; */
    }
	.bg-residence-list {
    padding: 25px 10px 60px 30px;
    /* height: 66vh; */
	}
	.bg-offices {
    padding: 27px 10px 60px 30px;
    /* height: 66vh; */
	}
	.bg-restaurtant {
    padding: 25px 10px 60px 30px;
    /* height: 66vh; */
	}
}
@media(max-width:1060px){
    .highcard1 {
        width: 45%;
        margin: 13px;
    }
    .hover-effect-content-commercial {
        margin-top: -70px;
    }
    .apart {
        font-size: 14px;
    }
    .hover-effect-content .button-more{
        font-size: 16px;
    }
    .hover-effect-content {
        margin-top: -72px;
    }
    .hover-effect-content {
        position: relative;
        padding: 9px 4px;
}
.residence-top{
    margin-top: 40px;
}
.set-log {
    background-color: #fff;
    padding: 50px;
}
.getin1 {
    font-size: 30px;
    font-weight: bold;
}
.set-log {
    background-color: #fff;
    padding: 50px;
    margin-left: -200px;
    margin-top: 11vh;
    }
    .back {
        margin-top: 33vh;
        color: #fff;
    }
    .hero2-text h1 {
        font-size: 37px;
        line-height: 50px;
        text-shadow: 1px 1px #000;
    }
    .about-spoc{
        margin-left: 20px;
        margin-right: 20px;
    }

    .div-cont{
       
        /* height: 25vh; */
    }
    /* .bg-restaurtant{
        
        height: 38vh;
    }
    .bg-offices{
   
        height: 38vh;
    }
     .bg-show-rooms{

        height: 38vh;
     }
     .bg-residence-list{
      
        height: 38vh;
    } */
}










@media(max-width:965px){
    .hide-img{
        display: block;
        margin: 20px 0px;
        text-align: center;
    }
    .show-img{
        display: none;
    }
}

@media(max-width:925px){
    .more-btn-exe{
        background: #FAA519;
    padding: 20px 25px;
    color: #fff;
    border-radius: 45px;
    /* margin-top: 100px; */
    }
    .mg-pro{
        line-height: 70px;
    }
    .icon-aligns{
        text-align: center;
    }
    .bg-restaurtant{
        
        height: auto;
    }
    .bg-offices{
   
        height: auto;
    }
     .bg-show-rooms{

        height: auto;
     }
     .bg-residence-list{
      
        height: auto;
    }
    .hide-img{
        display: block;
        margin: 20px 0px;
        text-align: center;
    }
    .show-img{
        display: none;
    }
    .set-log {
             margin-left:0px;
        margin-top: -68vh;
        position: absolute;
    }
    #logo {
        min-width:11%;
        max-width: 11%;
  padding: 0px ;
}
.back {
    margin-top: 23vh;
    color: #fff;
}
.hero2-text h1 {
  font-size: 33px;
    line-height: 45px;
}
.hover-effect-content {
    position: relative;
    padding: 9px 12px;
}
.del-set{
    display: none;
}
.div-cont{
    margin-top: 20px;
    height: auto;
}
.highcard1{
    width: 50%;
    margin:20px;
}
}





@media (max-width:800px){
    .highcard1{
        width: 100%;
        margin:12px;
    }
    .highcard1.mr-0{
    
        margin-right:12px!important;
    }
    .bg-re
    .bg-restaurtant{
        
        height: auto;
    }
    .bg-offices{
   
        height: auto;
    }
     .bg-show-rooms{

        height: auto;
     }
     .bg-residence-list{
      
        height: auto;
    }
    .mar-t-30{
        margin-top: 15px;
    }
    #photos img {
  
     margin: 0px;
       
    }
   .div-cont{
       margin-top: 20px;
   }
    .pmc-size{
        font-size: 20px;
    }
    .hide-img{
        display: block;
        margin: 20px 0px;
        text-align: center;
    }
    .show-img{
        display: none;
    }
    .hero2-text h1 {
            font-size: 24px;
    line-height: 40px;
    }
    .pad-60 {
        padding: 20px;
    }
    .bg-whitecolor {
        margin: 0px 20px;
        margin-top: -30%;
    }
    .set-log {
        background-color: #fff;
        padding: 60px;
        margin-left: 0px;
        margin-top: -51vh;
        -webkit-box-shadow: 0 0 45px rgba(10, 10, 10,0.08);
    }
    .img-bgg .del-set{
        display: none;
    }
.back {
    margin-top: 28vh;
    color: #fff;
}


    .bg-whiteset{
height: auto;
    }
    .set-log {
        background-color: #fff;
        padding: 60px;
        margin-left: 0px;
        margin-top: -60vh;
  
    }
    #logo {
        padding: 0px 0px;
        margin-left: 40px;
    }
    .bg-setses1 .bg-ptn {
    
        height: 40vh;
        margin: 20px;
    }
    .bg-ab2 .bg-ptn1 {
       height: 40vh;
       margin: 20px;
    }
    .bg-setses1 .bg-turn {
        height: 40vh;
        margin: 20px;
    }
    .bg-int21 .bg-int1{
        height: 40vh;
        margin: 20px;
    }
    .bg-int22 .bg-ptn22{
        height: 40vh;
        margin: 20px;
    }
    .bg-int23 .bg-ptn33{
        height: 40vh;
        margin: 20px;
    }
    .bg-setses1 .bg-pmc1{
        height: 40vh;
        margin: 20px;
        background-position: center;
    }
    .bg-setses1 .bg-res1{
        height: 40vh;
        margin: 20px;
        background-position: center;
    }
    .bg-setses1 .bg-cm1{
        height: 40vh;
        margin: 20px;
        background-position: center;
    }
    .bg-setses1 .bg-fa1{
        height: 40vh;
        margin: 20px;
    }
    .about12 {
         font-size: 20px;
        
    }
    .bg-faqs .bg-fa21{
        height: 40vh;
        margin: 20px;
    }
    .bg-whitesetnext{
        margin-top:50px;
    }
}

@media (max-width:680px){
    #logo {
        min-width: 18%;
    }
    .hero2-text h1 {
           font-size: 24px;
    line-height: 35px;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    }
    #logo {
        padding: 0px 0px;
        margin-left: 40px;
    }
}

@media (max-width:600px){
    .back {
        margin-top:23vh;
        color: #fff;
    }
    .hero2-text h1 {
    font-size: 24px;
    line-height: 38px;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    }
    #logo {
        padding: 0px 0px;
        margin-left: 40px;
    }
    .pad-60 {
        padding: 20px;
    }   
    .well {
        margin-top: 10px;
    }   
    .bg-abset{
padding: 10px;
    }
    .bg-faq {
  padding:50px 20px;   
    }
    .set-log {
        background-color: #fff;
        padding: 60px;
        margin-left: 0px;
        margin-top: -63vh;
  
    }
    .bg-whitecolor1 {
        margin-top: -34%;
    }
    .bg-setses1 .bg-ptn {
    
        height: 40vh;
        margin: 20px;
    }
    .bg-ab2 .bg-ptn1 {
       height: 40vh;
       margin: 20px;
    }
    .bg-setses1 .bg-turn {
        height: 40vh;
        margin: 20px;
    }
    .bg-int21 .bg-int1{
        height: 40vh;
        margin: 20px;
    }
    .bg-int22 .bg-ptn22{
        height: 40vh;
        margin: 20px;
    }
    .bg-int23 .bg-ptn33{
        height: 40vh;
        margin: 20px;
    }
    .bg-setses1 .bg-pmc1{
        height: 40vh;
        margin: 20px;
    }
    .bg-setses1 .bg-res1{
        height: 40vh;
        margin: 20px;
    }
    .bg-setses1 .bg-cm1{
        height: 40vh;
        margin: 20px;
    }
    .bg-setses1 .bg-fa1{
        height: 40vh;
        margin: 20px;
    }
    .about12 {
         font-size: 20px;
        
    }
    .bg-faqs .bg-fa21{
        height: 40vh;
        margin: 20px;
    }
    .bg-whitesetnext{
        margin-top:50px;
    }
    .bg-whiteset{
        height: auto;
    }
    .more-btn {

        padding: 6px 10px;
    
    }
    .getin1 {
        font-size: 25px;
        font-weight: bold;
    }
}
@media (max-width:414px){
.accordion .card-header {
    padding: 1.5rem 1.25rem;
}
.more-btn-exe {
    background: #FAA519;
    padding: 20px 15px;
}
}
@media (max-width:350px){
    .more-btn-exe {
        background: #FAA519;
        padding: 20px 5px;
        font-size: 16px;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 840px) and (orientation: landscape)  {
.project1{
    height: 70vh;
}
.project2{
    height: 70vh;
}
.project3{
    height: 70vh;
}
.project4{
    height: 70vh;
}
.project5{
    height: 70vh;
}
.project6{
    height: 70vh;
}
.project7{
    height: 70vh;
}
.back {
    margin-top: 21vh;
    color: #fff;
}
#logo {
    min-width: 11%;
    max-width: 11%;
    padding: 0px;
}
.project-armor-commercial{
    height: 55vh;
        }
        .project-factory{
            height: 55vh;
        }
        .project8{
            height: 55vh;
        }
        .div-cont{
       
            height: auto;
        }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 980px) and (orientation: landscape)  {
    #logo {
       
        min-width: 10%;
        max-width: 12%;
         padding: 0px 0;
    }
    .mg-pro{
        line-height: 80px;
    }
    .about12 {
        /* background: #FAA519; */
     
        font-size: 25px;
    }
    .highcard1{
        width: 45%;
        margin:10px;
    }
    /* .heighlightbox .projects-box {
        margin:10px;
    } */
 
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait)  {
    .div-cont{
       
        height: 25vh!important;
    }
    /* .bg-restaurtant{
        
        height: 45vh;
    }
    .bg-offices{
   
        height: 45vh;
    }
     .bg-show-rooms{

        height: 45vh;
     }
     .bg-residence-list{
      
        height: 45vh;
    } */
    
}
/* @media only screen and (min-device-width: 1440px) and (orientation: landscape)  {
    .div-cont{
       
        height: 70vh!important;
    }
    .bg-restaurtant{
        
        height: 45vh;
    }
    .bg-offices{
   
        height: 45vh;
    }
     .bg-show-rooms{

        height: 45vh;
     }
     .bg-residence-list{
      
        height: 45vh;
    }
    
} */