.section-content {
      padding: 50px 20px;
	  margin-top: 100px;
    }
     
	.nav-bar {
    position: absolute;
	margin-top: -75px;
    top: 80px !important;
    width: 100%;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
} 

.fwi-bold img {
    height: 100px;
}

.nav-links .fab {
  
}

.nav-links a {
    color: black;
    font-size: 16px;
    margin-left: 30px;
    text-decoration: none;
    font-weight: 500;
}
.menu-menu-1-container {
	 margin-top: -32px;
 }
    .concept-text {
      margin-top: 20px;
      font-size: 12px;
      color: #333;
    }
	.concept-text p {
	  font-size: 12px;
      line-height: 1.8;
	}
    .concept-image img {
      width: 100%;
    }
    .logo {
	  letter-spacing: 4px;
      font-weight: bold;
      font-size: 18px;
    }
	.construct-text {
      max-width: 1400px;
    }
    .construct-text h2 {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 20px;
    }
    .construct-text p {
      font-size: 12px;
      color: #444;
    }
    .image-section img {
      width: 70% !important;
      height: auto;
      border-radius: 6px;
      object-fit: cover;
    }
	.main-content2 {
      padding: 2rem;
	  display: flex;
	  justify-content: center;
	  height: 600px;
    }
    .mb-4 {
      margin-bottom: 10px !important;
    }
	.mbo-3 img {
	  width: 100%;
	  margin-top: 50px;
	}
    
	.main-content3 {
      padding: 2rem;
	  display: flex;
	  justify-content: center !important;
	  height: 600px;
    }
	
	.mbb-3 img {
	  width: 100%;
	  margin-top: -50px !important;
	}
    
    .social-icons a {
      margin-left: 10px;
      color: #000;
      text-decoration: none;
    }
    .mt-5 img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }
	.main-content4 {
	  margin-top: -250px;
      padding: 10rem;
    }
	.mbp-3 img {
	  vertical-align: middle;
	  width: 82%;
	  height: auto;
	}
	.mbr-3 img {
	  vertical-align: middle;
	  width: 82%;
	  height: auto;
	}
	.mbd-3 img {
	  vertical-align: middle;
	  width: 185%;
	  height: 500px;
	}
	
    .section-title {
      font-weight: 600;
	  margin-top: 30px;
	  margin-left: 15px;
      font-size: 1.5rem;
    }
	.box {
	  float: left;
	  width: 50%;
	  padding: 15px;
	}
	.box p {
	  font-size: 16px;
	  line-height: 1.8;
	}
	.box1 {
	  float: left;
	  width: 40%;
	  padding: 50px;
	}
	
    .social-icons a {
      margin-left: 10px;
      color: #000;
      text-decoration: none;
    }
    .mtt-5 {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }
	.navbar-brand span {
      display: block;
      font-size: 12px;
      letter-spacing: 3px;
    }
    
    .main-content {
      padding: 100px 30px;
	  margin-top: -150px;
    }
    .title h1 {
      font-size: 48px;
      font-weight: 800;
    }
    .gallery-link {
      float: right;
      font-size: 14px;
      display: flex;
      align-items: center;
    }
	.gallery-link img {
	  height: 20px;
	}
	.fwp-bold {
	  font-weight: 700;
	  
	}
	
    p {
      font-size: 12px;
	  max-width: 384px;
	 
      line-height: 1.8;
    }
	.h5, h5 {
    font-size: 27px;
    
}
	.images img {
	  width: 100%;
	 
	}
	.fw-bold {
      font-weight: 700 !important;
      
   }
   .mt-4 p {
     font-size: 12px;
     line-height: 1.8;
    }	
	.footer {
    border-top: 1px solid #ccc;
    padding: 63px 0;
    font-size: 14px;
    color: #666;
}
.container2 {
    width: 100%;
}
.footer-content {
    color: black;
    text-align: center !important;
    margin: 0 auto;
    padding: 0 100px;
}
.us {
    text-align: left;
    float: left;
    width: 33%;
    padding: 0 80px;
}
.about {
    font-weight: bold;
    float: left;
    width: 30%;
}
.dean {
    width: 70%;
    color: grey;
    float: left;
}
.dean p {
    font-size: 12px;
}
.our {
    text-align: left;
    float: left;
    width: 33%;
}
.address {
    text-align: left;
    font-weight: bold;
    float: left;
    width: 30%;
}
.peter {
    font-weight: normal;
    color: grey;
    width: 49%;
    float: left;
}
.peter p {
    font-size: 12px;
}
.cont {
    text-align: left;
    float: left;
    width: 33%;
}
.contact {
    text-align: left;
    float: left;
    font-weight: bold;
    width: 21%;
}
.number {
    width: 44%;
    font-weight: normal;
    font-size: 12px;
    color: grey;
    float: left;
}
.footer a {
    text-decoration: none;
    color: inherit;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.home {
    width: 100%;
}
.footer-logo {
    width: 10%;
    height: auto;
    display: block;
    margin: 0 auto;
}












@media (min-width: 300px) and (max-width: 700px) {
  .fwi-bold img {
    height: 70px;
 }
  .nav-bar {
    padding: 0 4px;
 }
  .nav-links a {
    font-size: 14px;
	margin-left: 30px;
 }
  .image-section img {
    width: 100% !important;
 }
  .main-content2 {
    padding: 1rem;
	height: auto;
 }
 .mbo-3 img {
   margin-top: 0;
 }
 .main-content3 {
   padding: 1rem;
   height: auto;
 }
 .mbb-3 img {
   margin-top: -15px !important;
 }
 .main-content4 {
   margin: 10px;
   padding: 0;
 }
 .mbp-3 img {
   width: 100%;
   height: auto;
   margin-top: -15px;
 }
 .mbr-3 img {
   width: 100%;
   height: auto;
   margin-top: 10px;
 }
 .box p {
   font-size: 12px;
 }
 .mbd-3 img {
   width: 100%;
   height: auto;
 }
 .footer-content {
        padding: 0 20px;
    }
    .us {
        width: 100%;
        padding: 0 0px;
    }	
	    .our {
        width: 100%;
    }
	.cont {
        width: 100%;
    }
    .contact {
        width: 30%;
    }
}






@media (min-width: 700px) and (max-width: 1500px) {
  .fwi-bold img {
    height: 100px;
 }
  .nav-bar {
    padding: 0 4px;
 }
  .nav-links a {
    font-size: 18px;
	margin-left: 30px;
 }
  .image-section img {
    width: 100% !important;
 }
  .main-content2 {
    padding: 1rem;
	height: auto;
 }
 .mbo-3 img {
   margin-top: 0;
 }   
 .main-content3 {
   padding: 1rem;
   height: auto;
 }
 .mbb-3 img {
   margin-top: -15px !important;
 }
 .main-content4 {
   margin: 10px;
   padding: 0;
 }
 .mbp-3 img {
   width: 100%;
   height: auto;
   margin-top: 11px;
 }
 .mbr-3 img {
   width: 100%;
   height: auto;
   margin-top: 10px;
 }
 .box p {
   font-size: 12px;
 }

 .footer-content {
        padding: 0 20px;
    }
    .us {
        width: 100%;
        padding: 0 0px;
    }	
	    .our {
        width: 100%;
    }
	.cont {
        width: 100%;
    }
    .contact {
        width: 30%;
    }
}




@media (min-width: 1500px) and (max-width: 1920px) {
	.main-content4 {
    margin-top: -160px;
    padding: 10rem;
}
}