@media only screen and (max-width: 1200px) {
    #top_header h1 {
        max-width:400px;
        margin-top:15px;
        
    }
    
    
    .mid_section {
        margin-top:60px;
}
    #dk_title {
        font-size:28px;
    }
    
    .mid_section h2 {
        font-size: 60px;
        line-height: 60px;
    }
    
    #top_header_contain {
        width:100%;
    }
    
    #top_header_contain .container {
        margin:auto;
        width:100%;
    } 
    
    .image_overlay .container {
    margin-top:30px;
}
}

@media only screen and (max-width: 1191px) {
    #listings .container {
    max-width: 1000px;
}    
    
    .card_info {
        max-width: 250px;
    }
}

@media only screen and (max-width: 1016px) {
        #listings .container {
        max-width: 620px;
    } 
    
    .add1 {
        font-size: 14px;
    }
    
    .homes {
        max-width: 260px;
    }
    
    .card_info {
        max-width: 250px;
    }
    
    .card_contain img {
    max-width: 250px;
}
    
   #coming .container {
    max-width: 590px;
} 
}


@media only screen and (max-width: 991.20px) {
    #top_header h1 {
        max-width:260px;
        font-size: 24px;
    }
    
 #sidebar {
    float: none;
     width:100%;
     height: 72px;
     overflow-x: hidden;
     overflow-y: scroll;
     border-radius: 10px 10px 0px 0px;
     background-color: #fff;
}   
  
.sidebar_img img {
    float: left;
    width:120px;
    height: auto;
} 
    
#p_slider .container {
    overflow: hidden;
    background:none;
    box-shadow: none;
    border-radius: 0px 0px 10px 10px;
}    
    
    .image {
        float: left;
        margin-right: 5px;
    }
    
    .main_img img {
        border-radius: 0px 0px 10px 10px;
    }
    
}


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


@media only screen and (max-width: 767.20px) {
    
   #top_header_contain .container {
        margin: auto;
        width: 100%;
       max-width: 730px;
    } 
    
    #top_header {
    }
    
    #top_header h1 {
        font-size: 24px;
        max-width: 250px;
    }
    
    .mid_section h2 {
        font-size: 50px;
        line-height: 45px;
    }
    
    #my_home h4 {
        max-width: 240px;
    }
    
    #dk_title {
        font-size:22px;
    }
    
    .text_move h4{
        font-size: 20px;
    }
    
    .coming_soon {
    font-size: 60px;
} 
    
#coming {
    padding:70px 0px;
    margin:0;
}     
    
#coming h1 {
    letter-spacing: 5px;
    padding: 0 10px;
}  
    
    #listings {
    padding: 70px 0;
}
    
#my_home {
    padding: 70px 0;
} 
    
#footer {
    padding: 30px 0;
}    
    
}


@media only screen and (max-width: 708px) {
    
     
    
    
    #top_header h1 {
        font-size: 18px;
        max-width:100px;
    }
}


@media only screen and (max-width: 624px) {
   
 .homes {
    }
    
  #listings .container {
      max-width: 560px;
        padding:0;
    }  
    
}



@media only screen and (max-width: 596px) {
    #listing_contain .container {
        
    }
    
    #listings .container {
        max-width: 491px;
    }
    
    .homes {
    }
    
    .card_info {
        max-width: 250px;
    }
    
    .card_contain img {
    max-width: 185px;
    
} 
    
   #coming .container {
        max-width: 490px;
       margin:auto;
    }
}

@media only screen and (max-width: 575px) {
    #mth {
        color:#fff;
        display: block;
    }
    
    #top_header h1 {
        display: none;
    }
    
    #my_home h4 {
        width:100%;
        max-width: 340px;
    }
    
     #my_home p {
        margin-bottom: 40px;
    }
    
    #footer h3 {
        margin-top:20px;
    }
    
        #coming .container {
            padding:0;
    }
}

@media only screen and (max-width: 491px) {
   #listings .container {
        max-width: 340px;
    }
    
    .homes {
        max-width:320px;
        float: none;
    }
    
    .card_info h4 {
    font-size: 14px;
}
    
#coming .container {
        max-width: 340px;
    } 
    
    .card_contain img {
    max-width: 280px;
    
} 
    
}


@media only screen and (max-width: 460px) {
   #listings .container {
    
    }
    
    .homes {
    }
    
    .card_info {
        max-width: 450px;
    }
    
    .card_contain img {
    max-width: 337px;
    }
    
    #add1 {
        font-size: 12px;
       margin-top:0;
        float: none;
    
} 
    
 .logo img {
    margin-top: 0px;
}
    
#top_header {
    height: 100%;
}    
    
    
}

@media only screen and (max-width: 405px) {
   #mth {
        font-size: 14px;
    }
    
    header .mid_section {
}
    
    .mid_section h2 {
        font-size: 30px;
        line-height: 30px;
    }
    
    .mid_section p {
        font-size: 14px;
    }
    
    #properties {
    padding: 0;
}
}

@media only screen and (max-width: 380px) {
   #properties {
    padding: 0 20px;
}
}


@media only screen and (max-width: 360px) {
   #properties {
    padding: 0 20px;
}
    
   .logo {
    float: none;
    margin: auto;
}
    
 .logo img {
    width: 50px;
} 
    
 #home_header .container {
    padding: 0px 15px;
} 
    
.image_overlay .container {
        margin-top: 15px;
    }  
    
 .coming_soon {
    font-size: 30px;
}  
    
#coming h1 {
    letter-spacing: 3px;
}    
    
}


@media only screen and (max-width: 340px) {
   #listings .container {
    width:100%;
    }
    
    .homes {
        max-width: 320px;
    }
    
    .card_info {
        max-width: 450px;
    }
    
    .card_contain img {
    max-width: 337px;
    
}   
}


@media only screen and (max-width: 335px) {
   #mth {
        max-width: 140px;
    }
}