@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
body{ font-family: 'Oswald', sans-serif;}

.default54 {padding: 0px 0; width: 100%; display: inline-block; background: #fff;}
.default54 .one-slid-img img {width: 100%; height: 700px; object-fit: cover; }
.default54 .image-overlay {width: 100%;position: relative;display: inline-block;}
.default54 .overlay {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center; padding: 0 15px;}
.default54 .slid-text-con {width: 100%; flex-direction: column;}
.default54 .slid-text-con h4 {color: #ff4242; width: 100%; display: inline-block; text-align: center; font-size: 20px; font-weight: bold; padding: 10px 0; line-height: 30px; margin: 0;}
.default54 .slid-text-con h1 {color: #000; width: 100%; display: inline-block; text-align: center; font-size: 40px; font-weight: bold; padding: 10px 0; line-height: 46px; margin: 0;}

.default54 .main-text-conintro {margin: 30px 0 50px;}
.default54 .text-conintro {width: 100%; display: inline-block; padding: 0px 0 40px;}
.default54 .text-conintro h3 {width: 100%; display: inline-block; text-align: center; font-size: 28px; color: #000; padding: 40px 0 30px; margin: 0; line-height: 36px;}
.default54 .text-conintro p {width: 100%; display: inline-block; text-align: left; font-size: 16px; color: #2d2d2d; font-family: 'Roboto', sans-serif; margin: 0 0 30px 0; line-height: 28px;}

.default54 .text-bottom-intro {width: 100%; display: inline-block;}
.default54 .text-bottom-intro h4 {width: 100%; display: inline-block; text-align: left; font-size: 26px; color: #ff4242; padding: 0px 0 20px; margin: 0; font-family: 'Roboto', sans-serif; line-height: 40px; font-weight: normal;}
.default54 .text-bottom-intro p {font-size: 16px; color: rgba(0,0,0,0.4); font-weight: 500;}


@media screen and (min-width: 768px) and (max-width: 991px) {
  .default54 .one-slid-img img {height: 600px;}
  .default54 .slid-text-con h1 {font-size: 36px;}
}
@media screen and (max-width: 767px) {
  .default54 .one-slid-img img {height: 500px;}
  .default54 .slid-text-con h1 {font-size: 30px; line-height: 34px; padding-top:5px;}
  .default54 .text-conintro h3 {font-size: 24px; padding: 20px 0 20px;}
  .default54 .text-conintro p {font-size: 15px; line-height: 26px;}
  .default54 .text-conintro {padding: 0 0 20px;}
  .default54 .text-bottom-intro h4 {font-size: 24px; line-height: 34px;}
}
@media screen and (max-width: 599px) {
  .default54 .one-slid-img img {height: 400px;}
  .default54 .slid-text-con h4 {font-size: 18px; padding-bottom: 5px;}
  .default54 .slid-text-con h1 {font-size: 26px; line-height: 34px; padding-top:5px;}
  .default54 .text-conintro h3 {font-size: 22px; padding: 20px 0 20px;}
  .default54 .text-conintro p {font-size: 14px; line-height: 26px;}
  .default54 .text-conintro {padding: 0 0 20px;}
  .default54 .text-bottom-intro h4 {font-size: 22px; line-height: 34px;}
}
@media screen and (max-width: 480px) {
  .default54 .one-slid-img img {height: 400px;}
  .default54 .slid-text-con h4 {font-size: 18px; padding-bottom: 5px;}
  .default54 .slid-text-con h1 {font-size: 26px; line-height: 34px; padding-top:5px;}
  .default54 .text-conintro h3 {font-size: 22px; padding: 20px 0 20px;}
  .default54 .text-conintro p {font-size: 14px; line-height: 26px;}
  .default54 .text-conintro {padding: 0 0 20px;}
  .default54 .text-bottom-intro h4 {font-size: 22px; line-height: 34px;}
}

.default42 {padding: 20px 0;}
body{ font-family: 'Roboto', sans-serif;}
.default42 .collection-img{ width: 100%; display: inline-block;}
.default42 .collection-img img{ width: 100%; height: auto; object-fit: cover; margin: 30px 0; padding: 0px;}
.default42 .collection-main{ width: 100%; display: inline-block; text-align: center; margin: 30px 0;}
.default42 .collection-main span{ width: 100%; display: inline-block; text-transform: uppercase; font-size: 12px; color: #353535; letter-spacing: 0.15em; margin-bottom: 6px; margin-top: 2rem;}
.default42 .collection-main h3{ width: 100%; display: inline-block; margin: 0px; font-size: 4rem; color: #353535; text-transform: uppercase; letter-spacing: 0.1em; line-height: 5rem; font-weight: 300;}
.default42 .collection-main button{ display: inline-block; padding: 1.3rem 6rem; border: 1px solid #bc9366; font-size: 12px; letter-spacing: 0.15em; color: #353535; text-transform: uppercase; cursor: pointer; transition: all 0.3s linear; background: transparent; margin-top: 3rem;}
.default42 .collection-main button:hover{ color: #ffffff; background: #bc9366;}
.default42 .collection-description{ width: 100%; display: inline-block; font-size: 18px; color: #353535; margin: 0 0 0 0; font-weight: 300; line-height: 3.3rem;}


@media screen and (min-width: 992px) and (max-width: 1024px) {
  .default42 .collection-main h3 {font-size: 33px; line-height: 44px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .default42 .collection-main h3 {font-size: 30px; line-height: 40px;}
}
@media screen and (max-width: 767px) {
  .default42 .collection-main h3 {font-size: 28px; line-height: 38px;}
}
@media screen and (max-width: 480px) {
  .default42 .collection-main h3 {font-size: 26px; line-height: 36px;}
}

.default33 .over {margin:15px 0 15px; width: 100%; float: left; height: 230px;}
.default33 .over img {width: 100%; height:100%; object-fit: cover;}

@media screen and (min-width: 601px) and (max-width: 767px) {
  .default33 .col-md-3.col-sm-4.col-xs-12 {width: 50%;}
}