.bg-brown {   background-color: #b49470;}
#footer{  width: 100%;  float: left;}
.footer-row {  display: flex;  flex-wrap: wrap;}
.footer-col {  padding-left: 15px;  padding-right: 15px;}
.bg-brown {  background-color: #b49470;}
/*.social-icon{background-color:white;color:#dacbb9;  width: 50px;  height: 50px;  margin: 0 6px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  text-decoration: none;
transition: 0.3s ease;}
.social-icon:hover {  background-color: #a07230;  color: white;} */
.social-icons {  display: flex;  gap: 15px;}
.social-icons a{background-color:white;color:#b89672;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px;transition: 0.3s ease;}
.social-icons a:hover {  background-color: #b89672;  color: white;}
.margin{  margin: 20px 0;}
.list-unstyled li{margin-top: 10px;}
.para {  margin-top: 21px;  font-size:16px; }
.para-1 {  margin-top: 21px;  font-size:16px;position: absolute;  bottom: 0;}
#amenities{  width: 100%;  float: left;}
#about{  width: 100%;float: left;}
.carousel-item{width: 100%; float: left;}
.carousel-item h1{text-align: center;  font-size: 48px;  color: #fff;font-family: 'Abril_Display_Bold';  position: absolute; bottom: 25%; margin: 0;}
  .carousel-item h2{text-align: center;color: #fff;    font-size: 16px; line-height: 32px;  position: absolute;    bottom: 12%;  margin: 0; width: 100%;}
.box_head {  width: 100%;  background: url(../images/icon-bg.png) no-repeat 100px 100px #fff7ed;  padding: 8% 10%;  float: left;  background-color: #f5ebde}
.box_one{  width: 40%;  /* border: 1px solid red; */  float: left;}
.box_one .heading h6{font-size: 16px;color: #b49470;}
.box_one .heading h1{  font-size:48px;    font-family: 'Abril_Display_Bold';}
.box_two{  width: 40%;  /* border: 1px solid red; */  float: right;}
.box_two p{font-size: 16px;}
.about-btn {display:inline-block;padding:12px 24px;margin-top:15px;border:1px solid #a0886a;color:#a0886a;text-decoration:none;background-color:white;font-size:15px;transition:all 0.3s ease;}
.about-btn:hover {  background-color: #a0886a;  color: white;}
.homeoverview p{  font-size: 16px;  color: #b49470;  text-align: center;} 
.homeoverview h1{font-size:48px;    font-family: 'Abril_Display_Bold';}
.project-info{  top: 19%;  padding: 62px;  opacity: 0.8;  background-color: #565658;  position: absolute;  left: 61%;}
.list-unstyledd{list-style: none;/* border: 1px solid red; */list-style: none;padding: 0;line-height: 40px;}
.explore-btn {  border: 1px solid #fff; background-color: white;  color: #b49470;  transition: 0.3s ease;  font-weight: 500;  width: 50%;  margin-top: 20%;  border-radius: 4px;}
.explore-btn:hover {  background-color: #fff;  color: #333;}
.explore-btn a{  color: #b49470;}
.testimonial-card {  background: #fff;      border: 1px solid #b49470; border-radius: 0;  color: #555;  font-size: 16px;  padding: 8% !important;}
.quote-text {  position: relative;  font-size: 16px;  line-height: 1.6;}
.quote-icon {  /* font-size: 36px; */  color: #e6d5c2;  vertical-align: top;  margin-right: 5px;}
/*.divider {  width: 30%;  height: 2px;  background-color: #c3a97b;  margin: 0 auto;  border: none;}*/
.author-name {  font-weight: bold;  font-size: 18px !important;  color: #2e2e2e !important;  padding: 0 !important;  margin: 0 !important;    font-family: 'Abril_Display_Bold';}
.author-company {  font-size: 14px;  color: #888;}
#floor-plans{ background-color: #fdf2e4;  width: 100%;  margin: 5% 0px 0px 0px;  float: left;}
.testimonial_details {  padding: 1% 5%;  width: 100%;  margin-bottom: 12%;}
.testimonial_left{  width: 40%;  /* border: 1px solid red; */  float: left;}
.testimonial_left_heading h6{color: #b49470;letter-spacing: 0;}
.testimonial_left_heading h1{  font-size:48px;      font-family: 'Abril_Display_Bold'; }
.testimonial_right{  width: 40%;  float: right;  margin-top: 2%;}
.testimonial_right p {font-size: 16px;}
.values{background: url(../images/bg-ab.jpg) no-repeat ; height: 83vh;      position: relative;   width: 100%;  float: left; }
 
.values-right{width: 50%;  position: absolute;  right: 0;  top: 17%; }
.values-right ul{    width: 72%;}
.values-right ul li{background: url(../images/line-br.png) no-repeat -12px 16px;background-position: right;  width: 100%;  color: #fff;  list-style: none; text-align: right; height: 60px;     padding: 0 100px 0px 0; float: left;  line-height: 0px;  font-size: 18px; font-weight: 600;}
  .values-right ul li:nth-child(1){    margin: 0 0 25px 100px;    width: 60%;}
  .values-right ul li:nth-child(2){       margin: 0 0 25px 125px;    width: 67%;}
  .values-right ul li:nth-child(3){margin: 0 0 25px 102px;    width: 80%;} 
  .values-right ul li:nth-child(4){margin: 0px 0 25px 228px;    width: 70%;}
  .values-right ul li:nth-child(5){margin: 0 0 0 294px;   width: 70%;}

.values_two{  width: 50%;  float: left;  left: 7%;  position: absolute;  top: 15%;}
.values_two  h6{  font-size: 17px;  margin-left: 31px;  letter-spacing: 0;  color: #dcb072;}
.values_two  h4{  font-size: 40px;margin-bottom: 0; margin-left: 31px;  padding-bottom: 25px;  font-family: 'Abril_Display_Bold'; color: #fff; margin-top: 20px; }

.games-arena{width: 100%; float: left; padding: 100px 0;}
.games-arena-9{  width: 90%;   margin: 0 auto;}
.games-arena-9  h6{ font-size: 16px;  margin-left: 0px; text-align: center;  letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
  .games-arena-9 h4{  font-size: 40px;   margin-bottom: 0;text-align: center;  font-family: 'Abril_Display_Bold'; color:#282828;  }

.premium-rooftop{width: 100%; float: left; background: #fff7ed;    position: relative;}
.premium-rooftop-9{  width: 100%;   margin: 0 auto;     padding: 100px 0 100px;     z-index: 9; position: relative;}
.premium-rooftop-9  h6{ font-size: 16px;  margin-left: 0px; text-align: center;  letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
.premium-rooftop-9 h4{  font-size: 40px;   margin-bottom: 0;text-align: center;  font-family: 'Abril_Display_Bold'; color:#282828;  }
.premium-rooftop-99{ width: 100%; background: #fff; position: absolute; bottom: 0; height: 300px; z-index: 0;}

.location{width: 100%; float: left; background: #fff7ed;     padding: 100px 0;}
.location-9{ width: 50%;  margin: 0 auto;  padding: 100px 100px 100px;  z-index: 9;  position: relative;  float: left;}
.location-9  h5{ font-size: 20px;  margin-left: 0px;   letter-spacing: 0;  color: #282828; text-align: left;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
.location-9  h6{ font-size: 16px;  margin-left: 0px;   letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
.location-9 h4{  font-size: 40px;   margin-bottom: 0;   font-family: 'Abril_Display_Bold'; color:#282828;  }
.location-99{ width: 100%; background: #fff; position: absolute; bottom: 0; height: 300px; z-index: 0;}
.location-9  h5 img{width: auto !important;  float: left;  margin: 0 10px 0 0;}
.location-9 ul{    width: 100%;  float: left;  padding: 0 0px 0 20px;}
.location-9 ul li{width: 100%; float: left; padding: 0; font-size: 16px; color: #777;   list-style: disc; line-height: 30px;}
.apartment-9 {width: 90%; margin: 0 auto; }
.apartment-9 h6{ font-size: 16px;  margin-left: 0px;   letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
.apartment-9 h4{  font-size: 40px;   margin-bottom: 0;  font-family: 'Abril_Display_Bold'; color:#282828;  }
.apartment-9 ul{ padding: 0 0 0 20px; width: 100%; float: left;}
.apartment-9 ul li{ font-size: 16px; color: #777; line-height: 36px;}

.plans{width: 100%; float: left; background: #fff7ed; padding: 100px 0;}
.plans-9{  width: 90%;   margin: 0 auto;}
.plans-9  h6{ font-size: 16px;  margin-left: 0px; text-align: center;  letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 0px;  padding: 0px 0 10px;}
.plans-9 h4{  font-size: 40px;   margin-bottom: 0;text-align: center;  font-family: 'Abril_Display_Bold'; color:#282828;  }


@media (max-width: 768px) {
.quick-links {    display: flex;    flex-wrap: wrap;    gap: 10px;}
.quick-links li {    width: 48%;  }
}
.code{ margin: 0 6% 0 6%;}
/*  *//* navbar *//* about css start*/
#about{  width: 100%;  float: left;  /* margin-bottom: 5%; */}
.about_box{}
.about_head{  margin-top: 5%;position: relative;padding: 0 0 10% 0;  background-color: #fbf4e7; float: left; width: 100%; margin-bottom: 5%;}
.about_head_one{  width: 50%;  background-color:#fbf4e7;  float: left;  padding: 10%;}
.about_head_two{  width: 50%;  float: right;  left: 10%;}
.about_head_two  h6{  font-size: 17px;  margin-left: 31px;  letter-spacing: 0;  color: #b49470;}
.about_head_two  h4{  font-size: 40px;margin-bottom: 0; margin-left: 31px;  padding-bottom: 25px;  font-family: 'Abril_Display_Bold'; color: #282828; margin-top: 20px; }
.heading_about_mission h4{ font-size: 30px; font-family: 'Abril_Display_Bold';}
.heading_about_vision h4{ font-size: 30px; font-family: 'Abril_Display_Bold';}
.about_img{    margin-left: -5%;    width: 49%;    position: absolute;    z-index: 9;  }
.about_img img{ width: 100%; }
/* about css end*/

#projectmain-page{  width: 100%;  float: left;  /* margin-bottom: 5%; */}
.project_box{}
.project_head{  margin-top: 0%;  position: relative;padding: 0 0 5% 0;  background-color:#fbf4e7;float: left;  width: 100%;}
.project_head_one{  width: 50%;  background-color:#fbf4e7;  float: left;  padding: 10%;}
.project_head_one  h6{      font-size: 16px;  margin-left: 0px;  letter-spacing: 0;  color: #b49470;  font-family: "Raleway", sans-serif;  border-top: #000 solid 1px;  padding: 30px 0 10px;}
.project_head_one h4{  font-size: 40px;   margin-bottom: 0; font-family: 'Abril_Display_Bold'; color:#282828;  }
.project_head_two{  width: 50%;  float: left;  left: 10%;}
.project_head_two  h6{  font-size: 16px;  margin-left: 31px;  letter-spacing: 0;  color: #b49470;}
.project_head_two  h4{  font-size: 48px;  margin-left: 31px;  margin-bottom: 0;  }
.project_img{  /*  margin-left: -5%;    width: 49%;    position: absolute; */   z-index: 9;    margin: 150px 0 0 0;  }
.project_img img{ width: 100%; }
.project_head_one img{width: auto; margin: 0 0 30px 0;}
.project_head_one ul{width: 100%; float: left; list-style: none;  padding: 0;}
.project_head_one ul li{width: 100%; float: left;margin: 10px 0 20px 0px;}
.project_head_one ul li img{width: auto; float: left;margin: 0 20px 0 0px;}

#director{  width: 100%;  float: left;  /* margin-bottom: 5%; */}
.dir_box{width: 100%;  float: left;}
.dir_head{  margin-top: 5%;  position: relative;padding: 0 0 0% 0;  background-color:#fbf4e7;float: left;  width: 100%;}
.dir_head_one{ width: 45%;  background-color: #fff; float: left; padding: 2% 4% 2% 10%; }
.dir_head_two{  width: 54%;  float: left;  left: 10%;}
.dir_head_two  h6{  font-size: 17px;  margin-left: 31px;  letter-spacing: 0;  color: #b49470;}
.dir_head_two  h4{  font-size: 48px;  margin-left: 31px;  margin-bottom: 0;  }
.dir_img{   /* margin-left: -5%;    width: 49%;    position: absolute; */   z-index: 9;  }
.dir_img img{ width: 100%; }

.heading_dir_mission  h6{  font-size: 16px;  margin-left: 31px;  letter-spacing: 0;  color: #b49470;}
.heading_dir_mission  h4{  font-size: 40px;  margin-left: 31px; color:#282828;  margin-bottom: 0; font-family: 'Abril_Display_Bold'; }
.heading_dir_vision{    width: 40%; float: left;  padding: 4% 5%;}
.heading_dir_vision p{ font-size: 16px; line-height: 26px;}
.heading_dir_vision p span{ font-size: 18px;font-family: 'Abril_Display_Bold'; color: #282828; text-transform: uppercase;}
.heading_dir_vision p samp{ font-size: 14px;font-family: 'Abril_Display_Bold'; color: #282828;text-transform: uppercase;}
.heading_dir_vision p img{width: auto !important; margin: 30px 0 10px;}

.crafting-excellence{width: 100%; float: left;  background: #fff7ed; padding: 130px 0 120px;}
.crafting-excellence h4{text-align: center;font-size: 40px;font-family: 'Abril_Display_Bold'; color: #282828; }
.crafting-excellence h6{text-align: center;font-size: 16px;     margin-bottom: 30px; color: #b59875;}
.crafting-excellence ul{width: 100%;  float: left;  padding: 0 0 0 60px;  margin: 40px 0 0 20px;}
.crafting-excellence ul li{width: 20%;float: left;    list-style: none;}
.crafting-excellence p{width: 76%;  float: left;  padding: 10px 0;  margin: 20px 0 0 0;}

.excellence1{width: 100%; float: left; background: url(../images/img.png) no-repeat; height: 196px;}
.excellence1 h4{font-size: 26px; font-family: "Raleway", sans-serif; color: #fff;  line-height: 36px;  padding: 60px 0 0px 55px;  text-align: left;  width: 65%;}
.excellence2{width: 100%; float: left; background: url(../images/img.png) no-repeat; height: 196px;}
.excellence2 h4{font-size: 26px; font-family: "Raleway", sans-serif; color: #fff;  line-height: 36px;  padding: 60px 0 0px 55px;  text-align: left;  width: 65%;}
.excellence3{width: 100%; float: left; background: url(../images/img.png) no-repeat; height: 196px;}
.excellence3 h4{font-size: 26px;  font-family: "Raleway", sans-serif;color: #fff;  line-height: 36px;  padding: 60px 0 0px 55px;  text-align: left;  width: 65%;}
.excellence4{width: 100%; float: left; background: url(../images/img.png) no-repeat; height: 196px;}
.excellence4 h4{font-size: 26px; font-family: "Raleway", sans-serif; color: #fff;  line-height: 36px;  padding: 45px  0 0px 55px;  text-align: left;  width: 65%;}
.excellence5{width: 100%; float: left; background: url(../images/img-1.png) no-repeat; height: 196px;}
.excellence5 h4{font-size: 26px; font-family: "Raleway", sans-serif; color: #fff;  line-height: 36px;  padding:28px  0 0px 75px;  text-align: left;  width: 65%;}

.location-left{width: 100%; float: left;}
.location-right{width: 50%; float: left;}

.apartment{width: 100%; float: left; padding: 100px 0;}
.apartment-left{width: 50%; float: left;}
.apartment-right{width: 50%; float: left; padding: 100px;}

.custom-navbar.scrolled { background: rgba(0, 0, 0, 0.8);}
.head_two_heading{background-color: white;}
#Innovation{  width: 100%;  float: left;}
.Innovation {  text-align: center;  padding: 100px 20px;}
.subheading {  color: #c8a67e; /* Light brown color for 'Innovation' */  font-size: 16px;  letter-spacing: 1px;  margin-bottom: 10px;}
.main-heading {  font-size: 36px;  font-weight: bold;  margin-bottom: 50px;font-family: 'Abril_Display_Bold';}
.features {  display: flex;      justify-content: center; gap: 15%;      flex-wrap: wrap; }
.feature-item {  max-width: 250px;  text-align: center;}
.feature-item1  {  height: 60px;  margin-bottom: 20px;  margin-right: 184px;}
.feature-item1 img {     margin-bottom: 20px;  margin-right: 184px;}
.feature-title {  font-weight: bold; font-size: 18px;  margin-bottom: 10px;  text-align: start;    width: 100%;float: left;}
.feature-description {  font-size: 15px;  color: #555;  text-align: start;  line-height: 1.5;    width: 100%; float: left;}

#contact-0{width: 100%; float: left;    padding: 100px 0;}
.contact-0{width: 80%; margin: 0 auto;}

#contact-0form{ background: #fff7ed; width: 100%; float: left;    padding: 100px 0;}
.contact-0form{width:45%; margin: 0 auto;}

.project06 input { color: #000000; border: 1px solid #e0dad3;  background: #ffffff;font-size:14px;font-weight:300;margin:0 15px 40px 15px;padding: 15px !important;}
.project06 input:focus {outline: 0;}
.project06 textarea {  color: #000000;  border: 1px solid #e0dad3;  resize: none;  width: 98%;font-size:14px;  margin:0 2% 0 3%;    height: 120px;}
.project06 textarea:focus {outline: 0;}
.project06 input::-webkit-input-placeholder { /* Edge */color: #000000;}
.project06 input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#000000;}
.project06 input::placeholder {color: #000000;}
.mb-33{width: 48%;  float: left; margin: 0 1% 0 1%;}
.map-div-0{    position: absolute;
  width: 40%;
  background: #fff7ed; border: 2px solid #c4c4c4;
  padding: 60px 100px;
  margin: 100px 0 0 0;}
.map-div{width: 60%; float: right; height: 650px;}


.map-div-0 h4 {
  font-size: 40px; color: #282828;
  font-family: 'Abril_Display_Bold';
}


.contact-0form h4 {
  font-size: 40px; color: #282828; text-align: center;
  font-family: 'Abril_Display_Bold';
}

  @media (max-width: 1000px) {
  .features {    flex-direction: column;    align-items: center;    gap: 40px;}
  .about_head_one {
    width: 100%;}
    .contact-0form h4 {
  font-size: 32px}
    .about_img {
      margin-left: 0%;
      width: 100%;
      position: relative;}
      .about_head_two {
        width: 100%;}
        .dir_head_one {
          width: 100%; 
          padding: 2% 0 2% 0;}
          .dir_head_two {
            width: 100%;}
            .heading_dir_vision {
              width: 100%;}.crafting-excellence ul {margin: 0;
                width: 100%; 
                padding: 0 0 0 0px;}
                .crafting-excellence ul li {
                  width: 100%;}.crafting-excellence p {
                    width: 90%;text-align: center;
                    margin: 0 5%;}
                  .values {    height: auto;
                    background:none;}
                    .values_two{position: relative; width: 100%;}.values-right ul {padding: 15px;
                      width: 100%;
                    }.crafting-excellence h4{font-size: 20px;    padding: 50px 0 0;  
                      text-align: center;
                      width: 100%;
                      }
                    .values-right{position: relative;    width: 100%;     float: left;
                      margin: 40px 0 0 0;}.crafting-excellence h6{  margin-bottom: 0;}
                    .values_two h4 {
                      font-size: 30px;
                     
                      margin-left: 31px;
                      padding-bottom: 25px;
                      font-family: 'Abril_Display_Bold';
                      color: #000000;
                      margin-top: 20px;
                  } .values-right ul li{color:#000;text-align: center;        background: url(../images/line-br-b.png) no-repeat right;
                    height: 40px;}

                    .excellence1{background: url(../images/img-m.png) no-repeat;        background-position: center;
                      height: 376px;}
                    .excellence2{background: url(../images/img-m.png) no-repeat;   background-position: center;
                      height: 376px;}
                    .excellence3{background: url(../images/img-m.png) no-repeat;   background-position: center;
                      height: 376px;}
                    .excellence4{background: url(../images/img-m.png) no-repeat;   background-position: center;
                      height: 376px;} 
                    .excellence5{background: url(../images/img-1-m.png) no-repeat;   background-position: center;padding: 60px;
                      height: 376px;}
                      .heading_dir_mission h4 {
                        font-size: 30px;}.heading_dir_mission h6 {
                          font-size: 14px;}
                  .values-right ul li:nth-child(1) {
                    margin: 0 0 25px 0;    padding: 0 0 0px 0;
                    width: 100%;}
                    .values-right ul li:nth-child(2) {
                      margin: 0 0 25px 0;    padding: 0 0 0px 0;
                      width: 100%;}
                      .values-right ul li:nth-child(3) {
                        margin: 0 0 25px 0;    padding: 0 0 0px 0;
                        width: 100%;}
                        .values-right ul li:nth-child(4) {
                          margin: 0 0 25px 0;    padding: 0 0 0px 0;
                          width: 100%;}
                          .values-right ul li:nth-child(5) {
                            margin: 0 0 25px 0;    padding: 0 0 0px 0;
                            width: 100%;}
                            .project_head_two {
                              width: 100%;}.main-heading {
                                font-size: 25px;}
                              .project_head_one {
                                width: 100%;}.subheading {
                                  
                                  font-size: 14px;}.carousel-item h1 {
                                 
                                    font-size: 40px;}
                                .games-arena-9 {
                                  width: 100%;}
                                  .location-9 {
                                    width: 100%; 
                                    padding: 50px 50px 50px;}
                                    .location-right {
                                      width: 100%;}
                                      .apartment-9{width: 100%;}
                                      .apartment-left {
                                        width: 100%;}
                                        .apartment-right {
                                          width: 100%; 
                                          padding: 50px;}
                                          .heading_dir_vision p {
                                            font-size: 14px;}
                                          .carousel-item h2 {
                                           width: 90%;
  margin: 0 5%;
                                            font-size: 16px;
                                            line-height: 25px; 
                                            bottom: 7%;}
                                            .about_head_two h4 {
                                              font-size: 30px;}
                                              .about_head_two h6 {
                                                font-size: 14px;}

                                                .heading_about_mission h4 {
                                                  font-size: 20px;}
                                                  .heading_about_vision h4 {
                                                    font-size: 20px;}

                                                    .values_two h6 {
                                                      font-size: 14px;}

                                                      .project_head_one h4 {
                                                        font-size: 30px;}

                                                        .project_head_one h6 {
                                                          font-size: 14px;}
                                                          .games-arena-9 h4{
                                                            font-size: 30px;}
                                                            .games-arena-9 h6 {
                                                              font-size: 14px;}
                                                              .premium-rooftop-9 h6 {
                                                                font-size: 14px;}
                                                                .premium-rooftop-9 h4 {
                                                                  font-size: 30px;}
                                                                  .location-9 h6 {
                                                                    font-size: 14px;}
                                                                    .location-9 h4 {
                                                                      font-size: 30px;}
                                                                      .location-9 ul li {
                                                                        width: 100%;
                                                                        font-size: 14px;}
                                                                        .location-9 h5 {
                                                                          font-size: 18px;}
                                                                          .apartment-9 h6 {
                                                                            font-size: 14px;}
                                                                            .apartment-9 h4 {
                                                                              font-size: 30px;}
                                                                              .apartment-9 ul li {
                                                                                font-size: 14px;}
                                                                                .plans-9 h4 {
                                                                                  font-size: 30px;}
                                                                                  .plans-9 h6 {
                                                                                    font-size: 14px;}
                                                                                    .map-div-0 {
                                                                                      position: relative;margin: 0px 0 0 0;padding: 60px 35px;
                                                                                      width: 100%;}.map-div {
                                                                                        width: 100%;
                                                                                        float: right;
                                                                                        height: 370px;
                                                                                        margin: 50px 0 0 0;
                                                                                    }
                                                                                    #contact-0 {
    width: 100%;
    
    padding: 50px 0;
}.contact-0 {
    width: 90%;}
}

@media only screen and (min-width: 1001px) and (max-width: 1100px) {}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {}
@media only screen and (min-width: 1401px) and (max-width: 1500px) {}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {}