@media (min-width: 768px){
    .tm-intro-text-container {
        padding-left: 65px;
    }
	
}

@media (max-width:974px){
	.img-fluid{
		margin-top:2rem;
	}
}

@media (max-width:500px){
  .tm-next .l2{
    display: block;
    margin-top:2rem !important;
    margin-left:0rem !important;
  }
  .about-area__content h3{
    font-size: 18px !important;
  }
}

.tm-intro-text-container{
	padding:0 2rem 0 0;
}
.tm-text-primary {
    
}

.tm-section-title {
  font: normal normal normal 36px/60px 'Oswald-Regular';
}

.tm-intro-text-container p {
    /* font-size: 0.9rem;
    color:#5A5A5A;
    line-height: 1.4; */
    font: normal normal normal 16px/30px 'Microsoft JhengHei';
    letter-spacing: 0px;
    color: #5A5A5A;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}



.tm-btn-primary {
    color: white;
    padding: 1rem;
    border-radius: 5px;
}
.tm-btn-primary.l1{
  font-family: 'Oswald-Regular';
    background: #28314A;
}
.tm-btn-primary.l2{
  font-family: 'Oswald-Regular';
    background: #D2B87C;
}

.about-text{
    
    font: normal normal normal 16px/60px 'Oswald-Regular';
    letter-spacing: 0px;
    color: #D2B87C;
}


/**
Features area styles
*/

  
  .features-area{
	  background: rgba(37, 41, 52, 1); 
  }

.feature {
  padding: 85px 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-size: cover;
  background-position: center center; }
  .feature::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(37, 41, 52, 1);
    z-index: -1; }

.feature__icon {
  color: #ffffff;
  margin-right: 35px;
  font-size: 60px;
  height: 65px;
  width: 65px;
  display: inline-block;
  overflow: hidden;
  position: relative; }
  .feature__icon span {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    .feature__icon span i {
      line-height: 65px; }
    .feature__icon span:first-child {
      top: 0; }
    .feature__icon span:last-child {
      top: 100%; }

.feature__content {
  -webkit-flex-shrink: 100;
  -moz-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100; }
  .feature__content h4 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #ffffff; }
    .feature__content h4 a {
      font: normal normal normal 36px/48px 'Oswald-Regular';
      letter-spacing: 0px;
      color: #D2B87C;
	  }
  .feature__content p {
    margin-bottom: 0;
    font: normal normal normal 16px/30px 'Microsoft JhengHei';
    letter-spacing: 0px;
    color: #FFFFFF;
	}

.feature:hover .feature__icon span:first-child {
  top: -100%; }

.feature:hover .feature__icon span:last-child {
  top: 0; }

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .feature {
    padding: 70px; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .feature {
    padding: 3rem 3rem 0 3rem; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 50px 30px; }
  .feature__icon {
    margin-right: 0;
    margin-bottom: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 70px 20%; }
  .feature__icon {
    margin-right: 0;
    margin-bottom: 15px; } }

@media only screen and (max-width: 767px) {
  .feature {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 70px 20%; }
  .feature__icon {
    margin-right: 0;
    margin-bottom: 15px; } }

@media only screen and (max-width: 575px) {
  .feature {
    padding: 70px 12%; } }


/**
About Area
*/
.about-area{
	margin-top:4rem;
}
.about-area__content h4 {
  text-transform: none;
  margin-bottom: 5px;
  color: #474747; }

.about-area__content h3 {
  font: normal normal normal 36px/48px 'Oswald-Regular';
letter-spacing: 0px;
color: #D2B87C;
  text-transform: none;
  
  padding-right: 50px;
  margin-bottom: 25px;
 }

.about-area__content a.cr-btn {
  margin-top: 27px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area__image {
    padding: 50px 0;
    text-align: center;
    max-height: auto; }
    .about-area__image img {
      position: relative; }
  .about-area__content {
    padding: 0;
    padding-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .about-area__image {
    padding: 50px 0;
    text-align: center;
    max-height: auto; }
    .about-area__image img {
      max-width: 100%;
      position: relative; }
  .about-area__image img {
    max-width: 100%; }
  .about-area__content {
    padding: 0;
    padding-bottom: 50px; } }

@media only screen and (max-width: 575px) {
  .about-area__content {
    padding-left: 0;
    padding-right: 0; }
    .about-area__content h3 {
      padding-right: 0;
      padding-left: 0; } }


/**
Breadcrumb Styles
*/
.cr-breadcrumb-area {
    background-image: url(../../img/about/about-bg.png);
	color: #fff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.cr-breadcrumb {
	
	width:100%;
	text-align:center;
  /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .cr-breadcrumb__left {
    padding: 9rem 0 4rem 0;
    
	}
    .cr-breadcrumb__left h2 {
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 10px;
      line-height: 1; }
    .cr-breadcrumb__left p {
      margin-bottom: 0;
	  font: 48px/65px 'Oswald-Regular';
      color: #ffffff; 
	  }
  .cr-breadcrumb__right {
    padding: 10px 0; }
  .cr-breadcrumb__pagination {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    .cr-breadcrumb__pagination li {
      list-style: none;
      color: #ffffff;
      display: inline-block;
      text-transform: uppercase;
      font-weight: 500; }
      .cr-breadcrumb__pagination li::after {
        content: "/";
        padding: 0 5px; }
      .cr-breadcrumb__pagination li:last-child::after {
        display: none; }
      .cr-breadcrumb__pagination li a {
        color: #ffffff; }
        .cr-breadcrumb__pagination li a:hover {
          text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .cr-breadcrumb__left {
      padding-right: 0; } }