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

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

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

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

@media only screen and (max-width: 992px) {
  .featured_projects_inner{display: none;}
  .featured_projects_inner_mobile{display: block;}  
  .about_inner, .copyright_in{flex-direction: column-reverse;}
  .copyright_in{gap: 15px;}
  .testimonails_inner{flex-direction: column;}
  .about_lft, .about_rgt, .testim_lft, .testim_rgt {
    width: 100%;
}
.testimonails_inner{gap: 30px;}
.ft_in {
    grid-template-columns: repeat(2, 1fr);
}
.ourvalues ul {
    grid-template-columns: repeat(3, 1fr);
}
.quick_from ul{grid-template-columns: repeat(3, 1fr);}
.quick_from ul li:first-child, .quick_from ul li:last-child{grid-column: 1 / -1;}
}

@media only screen and (max-width: 768px) {
  .quick_from ul{grid-template-columns: repeat(2, 1fr);}
  .project-content h2{font-size: 42px;}
  h2{font-size: 42px;}
  .why_choose ul {
    grid-template-columns: repeat(2, 1fr);
}
.discover_place{height: 450px;min-height: 450px;}
.discover_place .heading {
    height: 100%;
    padding: 70px 0;
}
h1{font-size: 42px;}
.ourvalues ul {
    grid-template-columns: repeat(2, 1fr);
}
.leadership ul {
    grid-template-columns: repeat(1, 1fr);
}
.career_container{flex-direction: column;}
.career_form{margin-left: 0;}
.post_info {
    height: 120px;
}
.career_form ul li {
    flex-basis: 100%;
}
textarea {
    height: 90px;
}
.blog_rw ul {
    grid-template-columns: repeat(2, 1fr);
}
.gallery_rw ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.aminities_rw ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.location_rw_inner{flex-direction: column;gap: 15px;}
.location_map, .nearby {
    flex-basis: 100%;
}
}

@media only screen and (max-width: 576px) {
  .quick_from ul{grid-template-columns: repeat(1, 1fr);}
  .project-content h2{font-size: 32px;}
  .project-content h2 br{display: var(--display-none);}
  h2, h1{font-size: 24px;line-height: 32px}
  .mrt-100{margin-top: 50px;}
  .mrb-100{margin-bottom: 50px;}
   .why_choose ul {
    grid-template-columns: repeat(1, 1fr);
}
.ft_in {
    grid-template-columns: repeat(1, 1fr);
}
.about_rgt {
    height: auto;
}
.ply_btn{width: 54px;height: 54px;}
.ply_btn a{width: 42px;
    height: 42px;}
    .ply_btn img{width: 20px;}
    .featured_projects_img {
    height: 300px;
}
.prop_ct h3{font-size: 20px;line-height: 30px;}
.testim_lft h3 {
    font-size: 26px;
}
.inner_banner .main_bg {
    height: 350px;
}
.abts_wrps .heading p, .enquire_now .heading p{margin-bottom: 10px;}
.office_rw ul li {
    height: 150px;
}
.exp_d{width: 90px;height: 90px;        font-size: 24px}
.exp_d span{font-size: 14px;}
.mission_vision{flex-direction: column;gap: 20px;}
.mission{margin-right: 0;padding-right: 0;border-right: 0;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #d1d1d1;}
.abt_project .about_text #counter {
    padding-top: 50px;gap: 15px;flex-direction: column;
}
.project_heighlights ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
.project_video iframe {
    height: 280px;
}
.gallery_rw ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.aminities_rw ul {
    grid-template-columns: repeat(2, 1fr);
}
.pr-icon img{width: 32px;}
.aminities_rw ul li p{font-size: 14px;}
}
@media only screen and (max-width: 376px) {
  .project-content h2{font-size: 24px;}
  .ourvalues ul {
    grid-template-columns: repeat(1, 1fr);
}
.valuesimg {
    height: 280px;
}
.leadership_image {
    height: 72px;
}
.leadership_name h3{font-size: 20px;}
.open_position ul li{flex-direction: column;align-items: var(--flex-start);gap: 10px;}
.career_fr .custom-modal-content {
    height: 90%;
    overflow: hidden;
    overflow-y: scroll;
}
.custom-modal-close{top: 10px;width: 26px;height: 26px;font-size: 20px;
    line-height: 24px;}
    #modalJobTitle{font-size: 20px;}
    .blog_rw ul {
    grid-template-columns: repeat(1, 1fr);
}
.blog_lg {
    height: 250px;
}
.blog_txt h2{padding-top: 15px;}
.faq-angle {
    width: 24px;
    height: 24px;font-size: 15px;flex: 0 0 24px;}
    .faq-question{font-size: 15px;}
    .project_list ul {
    grid-template-columns: repeat(1, 1fr);
}
.project_list ul li .featured_projects_img {
    height: 300px;
}
}
@media only screen and (max-width: 360px) {
  
}