@media screen and (max-width: 1299px) {
  
.about-sec {
  
    width: 90% !important;
 
}


}

@media screen and (max-width: 1024px) {
    
.about-sec {
  
    width: 100% !important;
 
}
.about-img {
    width: 100% !important;
        height: 100% !important;
    
}
.banne-right-form form input[type="file"] {
    position: absolute !important;
    left: 0;
    width: 100% !important;
 
}

.banne-right-form {
    padding-left: 0 !important;
}

.site-navbar {
 
    flex-wrap: wrap;
}

.nav-btn a.custom-btn {
    width: fit-content;
    padding: 10px 20px;
}


}


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

    .banne-right-form {
    margin-top: 30px;
}
 .slick-slide img {
  
    width: 100% !important;
}
.input-field {
    flex-wrap: wrap;
}
h2 {
   
    font-size: 34px !important;
    line-height: 42px !important;
  
}
.about-sec {
    padding: 60px 0 !important;
  
}
.latest-render {
    padding: 60px 0 !important;

}

.full-wdth-carousal {
    padding-top: 20px !important;
}
.how-work {
    padding: 60px 0 !important;
    
}

.process-box {
 
    padding: 20px !important;
    margin-bottom: 20px !important;
}

.furnished-room {

    padding: 60px 0 !important;
}

.explore {
    padding: 60px 0 !important;
    
}
.explore-wrapper-img img {
    height: 100% !important;
   
}

.explore-wrapper-img {
    margin-bottom: 20px;
}
.explore-btn {
    margin-top: 40px !important;
}

.testimonial-carousal {
    padding: 60px 0 !important;
  
}
.recent-blog {
    padding: 60px 0 !important; 
}

.input-middle-arrow {
    display: block !important;
 
    margin: 40px 0;
    text-align: center;
}

banner {
    padding: 60px 0 !important;
}
.client-img img {
    width: 60px !important;
}

.sidebar-clumn .latest-render .render-img img {
    height: 100% !important;
}
.sidebar-clumn .latest-render {

    padding-bottom: 0 !important;
}


.left-sidebar.sidebar-form form .form-field .description {
   
    display: none;
}

.form-description {
  
    display: none;
}

.site-navbar ul {
 
    display: flex !important;
}
.main-menu.d-flex {
    justify-content: space-between;
    width: 100%;
}
.site-navbar {
  
    flex-direction: column;
    justify-content: space-between;
}
.nav-btn a.custom-btn {
  
    margin: 0;
}
.nav-btn {
  
    width: 100%;
}
a.site-logo img {
    width: 150px;
}










}




@media screen and (max-width: 767px) {
    .navbar-area {
    padding: 10px 0 !important;
}
.input-img-box {
  
    flex-direction: column;
}
.used-input .input-field {

    flex-wrap: wrap;
}
.nav-btn {
 
    margin-top: 15px;
}
    
.banner-left-content h3 {
  
    font-size: 38px !important;
    line-height: 50px !important;
   
}
.testimonial-carousal .process-heading p {
    padding: 0px !important;
}
.testimonial-carousal .process-heading p {
    padding: 0px !important;
}
.testimonial-content {
    padding-right: 0px !important;
}

.logo-carousal {
    padding-top: 60px !important;
}
.input-left-column img {
    height: 100% !important;
  
}
.input-left-column img {
    height: 100% !important;
  
}

.input-right-column {
    height: 100% !important;
}
.input-right-column img {
    height: auto !important;
}
div#tipmodal .modal-dialog  .modal-content {

     width: 80% !important;
   
}


}



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

p {
 
    font-size: 18px !important;
    line-height: 30px !important;
 
}
.render-grid {
    padding-top: 20px !important;
}

a.custom-btn.btn-billing {

    width: 100px !important;
}
a.custom-btn {
    
    padding: 10px 18px !important;
  
}
footer {
    padding: 40px 0 !important ;
  
}
.copyright {
    padding-top: 10px !important;
}

.footer-column {
    margin-bottom: 30px !important;
}
.left-side.input {
  
    padding: 10px !important;
}

.render-grid .col-sm-6.col-lg-4 {
    width: 50%;
}

.render-item-content {
 
    flex-direction: column;
    align-items: flex-start !important;
}

div#tipmodal .modal-dialog  .modal-content {

     width: 90% !important;
   
}






}