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

  .construct {
    font-size: 1.2rem;
    font-weight: 600;
  }

  .socialmedia {
    text-align: center;
  }

  .contact_us {
    font-size: 0.6rem;

  }

  .resdential {

    padding: 20px;

  }

  .btnbooknow {
    left: 57px;

  }

  .intrested_wrapper {
    margin-bottom: 20px;
  }

  .best_home_construct {
    background: #f2f2f2;
    padding: 50px 0;
  }

  .about {
    height: auto;

  }

  .main_form_div .form_input input[type="submit"i] {
    width: 100%;
  }



  .card {
    margin: 10px auto;
  }

  .abt_text_section {
    margin-top: 0;
  }

  .aboutus2_img {
    position: relative;
    top: -40%;
    left: 0;
    text-align: center;
  }

  

  .address h6 {
    margin: 20px 0 0 0;
  }

  .bottom_footer p {

    text-align: center;
  }

  .abt_sanati_paragraph {
    text-align: center;
  }

  .abt_sanati_paragraph p {
    text-align: center;
  }

  .quick_links h6 {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  nav ul li {
    font-size: 35px;
    margin: 35px 0;
  }

  .address {
    text-align: center;
  }

  footer ul 
  {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .carousel-caption {
    position: absolute !important;
    top: 15% !important;
    left: 11% !important;
  }

  nav {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }

  nav ul {
    position: fixed;
    top: 100px;
    left: -100%;
    background-color: #fafafa;
    width: 100%;
    height: 100vh;
    display: block;
    z-index: 100;
    text-align: center;
    padding: 0;
    transition: all 0.5s ease-in-out;
  }

  nav ul li {
    font-size: 25px;
    margin: 25px 0;
  }

  nav ul li a {
    color: #0072bc;
  }

  nav .menu-btn {
    font-size: 35px;
    display: block !important;
    color: #ef6613;
  }

  nav label i {
    font-size: 25px;
    color: #fff;
  }

  #click:checked~ul {
    left: 0;
    transition: all 0.6s ease-out;
  }

}

@media (min-width: 581px) and (max-width:767px) {
  .form_wrapper_main {
    width: 100%;
    margin: 0 auto;
}
.about {
  height: auto;
  }
.how_it_works{
  text-align: center;
}
.btnbooknow {
  left: 140px;
}
  .main_heading_background {
    height: auto;

}
  .last-child {
    margin-bottom: 10px;
  }

  

  .privacy {
    margin-bottom: 25px;
  }

  .socialmedia {
    text-align: center;
  }

  .blog_main_text h1 {
    margin: 0;
  }

  .about_head h5 {
    text-align: center;
  }

  .bottom_footer p {

    text-align: center;
  }

  .abt_sanati_paragraph {
    text-align: center;
  }

  .abt_sanati_paragraph p {
    text-align: center;
  }

  .quick_links h6 {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  .address {
    text-align: center;
  }

  footer ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .slick-dots {

    width: 84%;
  }

  .corp_client {
    margin-left: 0;
  }

  nav {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }

  



  #click:checked~.menu-btn :before {
    content: "";

  }

  .carouselExampleCaptions {
    z-index: -1;
  }

  nav ul li {
    font-size: 25px;
    margin: 25px 0;
  }

  nav ul li a {
    color: #0072bc;
  }

  nav .menu-btn {
    font-size: 35px;
    display: block !important;
    color: #ef6613;
  }

  nav label i {
    font-size: 25px;
    color: #fff;
  }

  #click:checked~ul {
    left: 0;
    transition: all 0.6s ease-out;
  }

  .carousel-caption {
    position: absolute !important;
    top: 23% !important;
    left: 40% !important;
  }

  .carousel-caption h1 {
    margin: 0;
    font-size: 1.2rem;

  }

  .carousel-caption p {
    margin: 0 0 3px 0 !important;
    font-size: 1.2rem;

  }

  .carousel-caption a {
    position: absolute;
    left: 0;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 10px;

    text-align: left;
    color: #fff;
    font-size: 0.6rem !important;
  }

  .form_input input {
    width: 75%;
    margin: 0 auto;
    color: #fff;
    border: none;
    outline: none;

  }

  .form_input select {
    width: 75%;
    margin: 0 auto;
  }

  .form_input input[type="submit"i] {
    width: 30%;
    background-color: #993300;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
  }



  select+i.fa {
    float: right;
    margin-top: -28px;
    font-size: 20px;
    margin-right: 95px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
  }

  .circle_logo {
    display: none;
  }



  .about_pg_logo {
    display: none;
  }



  .sanati_bg {
    width: 100%;
    height: auto;
  }


  .bg_change {
    width: auto;
  }


  .bg_change2 {
    width: auto;
  }


  .slick-arrow {
    display: none;
  }


  footer {
    padding: 15px;
  }

  .quick_links h6 {
    width: auto;
  }

  footer ul {
    width: auto;
  }

  .bottom_footer p {
    text-align: center;
  }

  .aboutus2_img {
    position: relative;
    top: -40%;
    /* left: 10%; */
  }

  .about_main_text {
    text-align: center;
  }

  .about_main_text h1 {
    margin: 0s;
  }

  .abt_text_section {
    margin-top: 0;
  }


  .branches_img {
    margin: 20px 0;
  }

  .gallery_img_sec {
    margin: 15px 0;
  }



  .for_slider .slick-slide {
    transition: all 0.5s ease-in;
    transform: scale(0);
    margin: 0 -100px;
    border-radius: 8px;
    filter: grayscale(100%);

  }

  .for_slider .slick-center {
    transition: all 0.5s ease-in;
    transform: scale(0.7);
    border-radius: 8px;
    box-shadow: 3px 3px 15px 5px rgba(214, 214, 214, 0.768);
    filter: grayscale(0);
  }



  .for_slider .slick-dots li button:before {
    display: none;
  }


  #button {
    display: inline-block;
    background-color: #993300;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 60px;
    right: 60px;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
  }

  .bg_change {
    height: auto;
  }

  .bg_change2 {
    height: auto;
  }

  .main_form_div .form_input input[type="submit"i] {
    width: 50%;
    background-color: #993300;
    color: #fff;
    border: none;
    outline: none;
    margin: -15px auto 0 auto;
  }

  .mobile_view .number_bg {

    background-color: #334fff;
    padding: 8px 10px;
  }

  .mobile_view .number_bg a {
    width: 50%;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    background-color: #334fff;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .mobile_view .whatsapp_bg {
    background-color: #4dc247;
    color: #fff;
    padding: 8px 10px;

    margin: 0 auto;
  }

  .mobile_view .whatsapp_bg a {
    background-color: #4dc247;
    color: #fff;
    width: 50%;
    text-decoration: none;
    padding: 8px 10px;
    position: fixed;
    bottom: 0;
    right: 0;
  }

  .mobile_view {
    display: block;
    text-align: center;
    visibility: visible;
  }

  .desktop_view {
    visibility: hidden;
  }

  nav {
    display: flex;
    justify-content: space-between;
  }

  .aboutus2_img img {
    width: 100%;
  }


  .slick-dots {
    display: none !important;
  }

  .about_sanati p {
    width: 100%;
  }

  .bg_change P {
    width: 100%;
    padding: 10px 0;
    text-align: justify;
  }

  #right_align {
    display: flex;
    justify-content: flex-end;
    text-align: justify;
  }


  .main_testi_heading h3 {
    margin: 0 0 20px 0;

  }

  .icon_section {

    flex-direction: column;
    text-align: center;
  }

  .abt_para_section {
    text-align: justify;

  }

  .abt_para_section2 {
    text-align: justify;

  }

  .icon_section2 {
    width: 100%;
    flex-direction: column-reverse;
  }

  .icon_section img {
    width: 30%;


  }

  .icon_section2 img {
    width: 31%;
    height: 10%;

  }

  .icon_section2 h1 {

    text-align: center;
  }

  .card {
    margin: 5px auto;
  }


  nav .logo a {
    margin: 0;

  }

  .address h6 {
    margin: 20px 0 0 0;
  }

  .abt_sanati_paragraph p {
    text-align: justify;
  }

  nav ul li {
    font-size: 35px;
    margin: 35px 0;
  }

  .quick_links ul {
    margin-top: 10px;
  }

  .slider {
    margin-bottom: 0 !important;
  }

  .company {
    width: 100%;

  }
}





@media screen and (max-width:580px) {
  .main_heading_background {
    height: auto;

}
.privacy_alphi a{
    font-size: 12px;
}
.our_services_apli p {
  color: #fff;
  font-size: 16px;
  text-align: justify;
}
.watermarked:after{
  top: 15px;
}
.watermarked2{
  width: auto;
}
.new_toggle_det {
    text-align: left;
    /* margin-right: 15px; */
    padding-left: 24px;
    margin-bottom: 19px;
}
.about_us_aplhi h4 {
    font-size: 16px;
}

.about_us_aplhi {
    height: unset;
    /* width: 100%; */
    background-size: 100%;
    /* background: 100%; */
    padding: 33px 0;
}
.about_interior{
    font-size: 18px;
}
.btn_read_more {
    background-color: rgb(30 186 209);
    color: #fff;
    border-radius: 18px;
    margin-top: 49px;
    font-size: 9px;
}
.what_we_header {
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-family: 'Old Standard TT', serif;
}
.what_we_offer p {
  margin-bottom: 7px;
  color: #ffff;
  font-size: 16px;
  margin-top: 20px;
  text-align: justify;
}
.what_we_offer img {
  margin-top: 30px;
}
.second_card {
  top: 0;
  right: 0;
}
.our_value img{
  width: 300px !important;
}
.working_process h1 {
  font-size: 27px;
}
.footer p {
text-align: justify;
  font-size: 14px;
}
.alpi_servicess h1 {
  font-size: 27px;
}
.first_section{
  margin-top: 30px;
}
.alpi_servicess h5 {
  font-size: 18px;
}
.our_work h1 {
  font-size: 27px;
}
.our_value h1 {
  font-size: 27px;
}
.vission_mission img{
  width: 100%;
}
.vission_mission p {
  color: #fff;
  text-align: justify;
}
.construction_service_subpage h4 {
  font-size: 37px;
  /* margin-right: auto; */
  margin: 20px auto;
}
.misson_images_det{
  margin-top: 30px;
}
.contact .info p {
  margin-bottom: 20px;
  color: #000;
  font-size: 12px;
  /* text-align: justify; */
}
.interior_section_det {
    height: unset;
    background-size: 100%;
    padding: 36px 0;
}
.interior_header {
    color: #000;
    font-size: 17px;
    margin-top: 14px;
}
.furnitur_section_det {
  height: 60vh;
}
.alphi_interior_temp img {
  width: 100%;
  border-radius: 98px;
}
.personalised_card {

  padding: 13px 36px;
}
.exterior_section_det {
    height: unset;
    background-size: 100%;
    padding: 36px 0;
}
.extrior_header {
    font-size: 19px;
    font-style: normal;
    margin-top: 19px;
}
.exterior_section_det h4 {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
/*.alphi_interior_temp {*/
/*margin: unset;*/
    
/*}*/
.furnitur_section_det {
    height: unset;
    background-size: 100%;
    padding: 36px 0;
}
.alphi_interior_temp h3 {
  color: #254875;
  font-size: 15px;
  background: #ccc;
  margin-bottom: 0;
  font-weight: 700;
}
.alphi_interior_temp h1 {
  font-size: 24px;
}
.alphi_interior_temp p {
  color: #fff;
  text-align: justify;
}
.interior_section_det h4 {
    color: #000;
    font-size: 18px;
}
.about_interior_1 {
    font-size: 20px;
}
.about_us_section_det h4 {
    font-size: 17px;
    margin: unset;
}
.vission_mission h1 {
  font-size: 27px;
  margin: 30px 0;
}
.about_us_section_det {
    height: unset;
    background-size: 100%;
    padding: 41px 0px;
}
/*.what_we_offer {*/
/*     padding: unset; */
/*}*/
.footer a {
  font-size: 14px;
}
.our_value p {
  color: #fff;
  margin-top: 30px;
  text-align: justify;
}
.our_services_apli h4 {
  font-size: 20px;
  margin-top: 38px;
  margin-bottom: 30px;
}
.our_services_apli h1 {
  font-size: 27px;
}

.our_services_apli {
  padding: 0px 0;
  background-color: #254875;
}




.best_home_construct {

  padding: 0;
}
.contact_us {
  
  font-size: 0.8rem;
}
.how_it_works{
  text-align: center;
}
.btnbooknow {
  left: 113px;
}
.about {
height: auto;
}
  .contact_form input {
    width: 100%;

  }
  .form_wrapper_main {
    width: 100%;
   
}
  .contact_form select {
    width: 100%;

  }

  .contact_form input[type="submit"i] {
    width: 100%;

  }

  .contact_address {
    text-align: center;
  }

  .carousel-caption ul li {
    color: #000;
    font-size: 10px;
    font-weight: 600;
    margin: 10px 10px 0 -25px;
    line-height: 0;
  }

  .slider {
    margin-bottom: 0 !important;
  }

  .last-child {
    margin-bottom: 10px;
  }

  .blog_main_text {
    margin: 30px 0;
  }

  .gallery_row {
    margin-top: 0;
  }

  .quick_links ul {
    margin-top: 10px;
  }

  .privacy {
    margin-bottom: 25px;
  }

  .socialmedia {
    text-align: center;
  }

  .blog_main_text h1 {
    margin: 0;
  }

  .about_head h5 {
    text-align: center;
  }

  .bottom_footer p {
    font-size: 13px;
  }

  .abt_sanati_paragraph {
    text-align: center;
  }

  .abt_sanati_paragraph p {
    text-align: justify;
  }

  .quick_links h6 {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  .address {
    text-align: left;
  }

  .address h6 {
    margin: 20px 0 10px 0;
  }

  footer ul {
    width: 100%;
    margin: 0 auto;
    /* text-align: center; */
  }

  nav .logo a {
    margin: 0;
  }


  .card {
    margin:0;
  }

  
  .main_testi_heading h3 {
    margin: -20px 0 20px 0;

  }

  .main_form_div .form_input h5 {
    margin: 0 0 -14px 0;
  }

  .braches2 .slick-next {
    display: none !important;
  }

  .slick-dots {
    display: none !important;
  }

  .for_slider .draggable {
    padding: 0;
    width: auto !important;
    height: 45vh !important;
  }

  .slick-dots {

    width: 84%;

  }


  .mobile_view .number_bg {

    background-color: #334fff;
    padding: 8px 10px;
  }

  .mobile_view .number_bg a {
    width: 50%;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    background-color: #334fff;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .mobile_view .whatsapp_bg {
    background-color: #4dc247;
    color: #fff;
    padding: 8px 10px;

    margin: 0 auto;
  }

  .mobile_view .whatsapp_bg a {
    background-color: #4dc247;
    color: #fff;
    width: 50%;
    text-decoration: none;
    padding: 8px 10px;
    position: fixed;
    bottom: 0;
    right: 0;
  }

  .mobile_view {
    display: block;
    text-align: center;
    visibility: visible;
  }

  .desktop_view {
    visibility: hidden;
  }

  nav {
    display: flex;
    justify-content: space-between !important;
    padding: 0;
  }

  nav ul {
    position: fixed;
    top: 90px;
    left: -100%;
    background-color: #162f4e;
    width: 100%;
    height: 100vh;
    display: block;
    z-index: 100;
    text-align: center;
    padding: 0;
    transition: all 0.5s ease-in-out;
  }

  #click:checked~.menu-btn:before {
    content: "";

  }

  .carouselExampleCaptions {
    z-index: -1;
  }

  nav ul li {
    font-size: 35px;
    margin: 20px 0;
  }

  nav ul li a {
    color: #f8f9f9 !important;
  }
  .nav_after_ine:not(:first-child) a::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 18%;
    height: 70%;
    border-left: unset;
}

  nav .menu-btn {
    font-size: 35px;
    display: block !important;
    color: #ffffff;
  }

  nav label i {
    font-size: 25px;
    color: #fff;
  }

  /* #click:checked~ul {
    left: 0;
    transition: all 0.6s ease-out;
  } */

 
  .form_input input {
    width: 75%;
    margin: 0 auto;
    color: #fff;
    border: none;
    outline: none;

  }

  .form_input select {
    width: 75%;
    margin: 0 auto;
  }

  .form_input input[type="submit"i] {
    width: 30%;
    background-color: #993300;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
  }



  select+i.fa {
    float: right;
    margin-top: -28px;
    font-size: 20px;
    margin-right: 95px;
    pointer-events: none;
    background-color: #fff;
    padding-right: 5px;
  }


  footer {
    padding: 15px;
  }

  .quick_links h6 {
    width: auto;
    text-align: left;
  }

  footer ul {
    width: auto;
  }

  



  .for_slider .slick-dots li button:before {
    display: none;
  }


  #button {
    display: inline-block;
    background-color: #993300;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 75px;
    right: 25px;
    transition: background-color .3s,
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
    border: 1px solid rgb(153, 153, 153);
  }

  .abt_branches_div h1 {
    text-align: center;
    font-family: Montserrat-Medium;
    font-size: 1rem;
    color: rgb(63, 63, 63);
    margin-top: -10px;
  }

  .bg_change {
    height: auto;
  }

  .bg_change2 {
    height: auto;
  }

  .main_form_div .form_input input[type="submit"i] {
    width: 50%;
    background-color: #993300;
    color: #fff;
    border: none;
    outline: none;
    margin: -15px auto 0 auto;
  }

  .terrace_nav{
    padding: unset;
  }
  .logo img {
    width: 200px;
}
.terrace_nav ul {
  margin: 0 0 0 auto;
  display: block;
}
.terra_banner h1 {
  font-size: 49px;
}

.terra_banner h4{
  font-size: 21px;
}
.btn_terrace_det{
  margin: 20px 0;
}
.fram_details{
  display: none;
}
.fram_details1{
  display: none;
}
.about_terra .card{
  padding: unset;
}
.about_terra{
  background-size: cover;
}
.secure_details {
  position: relative;
  margin-top: 5px;
  background-image: url(../../assets/img/mobile_rice.jpg);
  /* height: 61vh; */
  background-repeat: no-repeat;
  background-size: cover;
}
.secure_background {
  width: 90%;
}
.embrace_details {
  margin: 23px 0px;
}
.card_upper_images {
  /* width: 90px; */
  padding: 12px;
  height: 73px;
}
.embrace_details h6{
  font-size: 18px;
}
.terra_banner {
    /* background-image: url(../../assets/img/mobile_farm.jpg); */
    height: 86vh;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    padding: 40px 0;
    /* padding: 110px 0; */
}
.new_card_det {
    margin-top: 70%;
}
.about_terra {
  margin-top: 5px;
  background-image: url(../../assets/img/mobile_tree.jpg);
  padding: 30px 17px;
  background-repeat: no-repeat;
}
.location_details{
  margin-top: 5px;
  background-image: url(../../assets/img/location_mobile.jpg);
  padding: 30px 0px;
  background-repeat: no-repeat;
}
.leaf_details,.leaf_details1{
  display: none;
}
.why_terrace h1{
  margin: 25px;
}
.terrace_images{
  display: flex;
}
.terrace_images h4{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  color: #464646;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.why_terrace .card {
  padding: 5px;
}
.prime_location{
  margin-top: 10px;
  text-align: justify;
}
.pricing .card{
  width: auto;
  margin-top: 20px;
}
.pricing h1{
  margin-bottom: unset;
}
.amineties h1{
  margin-bottom: unset;
}
.amineties .card{
  margin-top: 20px !important;
  width: auto;
}
.amineties{
  padding-bottom: 40px;
}
.make_your_dream .card{
  margin-bottom: 20px;
}
/* .card.talk_to_expert_card{
  display: none;
} */
.terra_row{
  height: unset;
}
.col_terra_farm{
  position: absolute;
  bottom: 50px;
}
.about_terra p{
  text-align: justify;
}
footer p{
  text-align: left;
}
.office_address_a{
  float: left;
}
.amineties h4{
  font-size: 17px;
}
.location_details .card{
  background-color: #053d00;
  border-radius: 8px;
}
.location_details .card .card-body{
padding: 12px 6px !important;
}
.location_details .card h5{
  color: #fff;
  text-align: center;
  margin-bottom: unset;
  font-size: 15px;
}
.location_details h6{
  border-bottom: 2px dotted #676767;
  margin-bottom: unset;
  color: #053D00;
  font-weight: 600;
  font-size: 14px;
}
.location_details h1{
  text-align: center;
  color: #053D00;
  margin-bottom: 20px;
    font-weight: 700;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
}
.myNewClass{
  display: none !important;
}
.add_class_detail{
  display: block !important;
  left: 0;
  transition: all 0.6s ease-out !important;
}
}



@media (max-width:320px) {
  .btnbooknow {
    left: 100px;
}
}


@media (min-width: 992px) and (max-width : 1280px) {
  .main_form_div .form_input h5 {
    font-size: 1rem;
  }

  .form_input select {
    font-size: 0.6rem;
    padding: 11px 7px;
  }

  .form_input::placeholder {
    font-size: 0.6rem;
  }

  nav ul {
    width: 70%;

  }

  .for_slider .slick-slide {

    transform: scale(0.4);

  }

  .slider .slick-slide img {

    width: 90%;
  }

  .sanati_bg {
    width: 328px;

  }

  .main_section a {

    font-size: 0.8rem;

  }

  .bottom_footer p {
    font-size: 0.6rem;

  }

  .privacy a {
    font-size: 0.6rem;

  }

}

/*-------------------------- media query--------------- */



@media (max-width:1440px) {
  .for_slider .slick-center {
    transition: all 0.5s ease-in;
    transform: scale(0.8);
    border-radius: 5px;
    box-shadow: 4px 5px 15px 8px rgba(209, 209, 209, 0.892);
    filter: grayscale(0);
    background-color: #fff;

    opacity: 1;
    border: none;
  }

  .for_slider .draggable {
    padding: 0;
    height: 75vh;
  }
}