@media (min-width: 360px) and (max-width: 767px) {
.header .logo img {
    max-height: 55px;
    margin-right: 10px;
}
.header {
    padding: 5px 0;
}
    .hero .container {
        padding-top: 0px; 
      }
      .the-concept1 {
        background-color: #f9f9f9;
        padding: 14px;
        height: auto;
        /* height: 270px; */
      
    }
	.hero h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 12px;
}
.linew li {
    margin: 2px -14px;
}
.section h2{font-size: 30px;
        padding-bottom: 24px !important;}
.section img{margin-bottom:20px;}
.section4, .section2{font-size: 30px;}
.section, .section {
    color: var(--default-color);
    background-color: var(--background-color);
    padding: 70px 0px 40px 0px;
    scroll-margin-top: 72px;
    overflow: clip;
}
.plans1 img{margin-bottom:15px;}
    .mapouter, .gmap_canvas, .gmap_iframe {
        height: 300px !important; 
        width: 100% !important;  
      }
      .section1 {
        color: #ffffff;
        padding: 60px 0px 25px 0px; 
      }
      .section2 {
        color: #000;
        padding: 40px 0px 25px 0px; 
      }
      .section3 {
        color: #000;
        padding: 60px 0px 25px 0px;
      }
      .section4{
        color: #000;
        padding: 60px 0px 25px 0px;
      }
      .section5{
        color: #000;
        padding: 40px 0px 25px 0px;
      }
  }