@media all and (max-width:1100px) {

	#navigation,
	.wrapper-bottom-header .btn {
		display: none;
	}

	#openmenu,
	#openmenu {
		display: inline-block;
	}

	.aboutus-img {
		display: block;
	}
    
    /* 手機版修正 */
@media (max-width: 767px) {
  .aboutus-img {
    width: 100%;       /* 手機版佔滿一行 */
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
  .aboutus-text {
    width: 100%;       /* 文字也佔滿一行 */
    flex: 0 0 100%;
    text-align: center; /* 手機版文字置中 */
  }
}


	.aboutus-content {
		width: 100%;
		padding-left: 0px;
	}

	.single-step {
		width: 50%;
		text-align: center;
	}

	.wrapper-services .single-service {
		width: calc(50% - 20px);
	}

	.single-content-footer:first-child,
	.single-content-footer {
		width: 50%;
		text-align: center;
	}

	.footer-social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.wrapper-brands {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.wrapper-brands>div {
		width: 33.333333%;
	}

	.w-90,
    .w-80,
    .w-70,
    .w-50,
	.w-30 {
		width: 100%;
        flex: 0 0 auto;
	}

	.sidebar-right .sidebar {
		padding-left: 0px;
	}

	.sidebar-left .sidebar {
		padding-right: 0px;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.sidebar-left .sidebar,
	.sidebar-right .sidebar {
		padding-top: 50px;
	}

	.single-blog {
		width: calc(50% - 20px);
	}

	.wrapper-pricing article {
		width: calc(50% - 20px);
	}

	.wrapper-pricing {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.wrapper-faq-list {
		width: 100%;
	}

	#appointment {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 50px;
	}

	#contact {
		width: 100%;
	}

}


@media all and (max-width:800px) {

	.wrapper-top-header {
		display: none;
	}
}

@media all and (max-width:600px) {

	.single-step,
	.wrapper-services .single-service,
	.single-content-footer:first-child,
	.single-content-footer {
		width: 100%;
	}

	.wrapper-brands>div {
		width: 50%;
	}

	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 28px;
	}

	.sidebar-left .wrapper-services a,
	.sidebar-right .wrapper-services a,
	.single-blog,
	.sidebar-left .single-blog,
	.sidebar-right .single-blog,
	.wrapper-pricing article {
		width: calc(100% - 20px);
	}

	.wrapper-input input {
		width: calc(100% - 0px);
	}

}

.row {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-bottom: 10px;
  width: 100%;
  transform: none;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  justify-content: center;   /* 確保小螢幕置中 */

}



.col-lg-3, .col-lg-6, .col-lg-9, .col-lg-7, .col-md-8, .col-md-7, .col-md-6, .col-lg-12 {
  padding-right: 15px;   /* 補上左右 padding */
  padding-left: 15px;
}


@media (min-width: 992px) {
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    
 .col-lg-1, .col-lg-2, .col-lg-3,.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,  {
  padding-left: 15px;
  padding-right: 15px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,  {
  padding-left: 15px;
  padding-right: 15px;
}
}

@media (max-width: 767px) {
  .container.flex.sidebar-left {
    display: flex;
    flex-direction: column;
    align-items: center;   /* 手機版置中 */
  }
    
    .widget {
    margin-bottom: 20px;
    padding: 5px 20px;
}
}
@media (max-width: 767px) {
  .container.flex.wrapper-services {
    display: flex;
    flex-direction: column;
    align-items: center;   /* 手機版置中 */
  }
}

@media (max-width: 767px) {
  .container.flex.sidebar-left {
    display: flex;
    flex-direction: column;
      align-items: center;   /* 手機版置中 */
  }
}


/* 手機版置中 */
@media (max-width: 767px) {
  .col-lg-10 {
    margin-left: auto;
    margin-right: auto;
    float: none; /* 避免浮動影響 */
    width: 83.33333%;  
  }
}

