body{ font-family: 'Roboto', sans-serif;}
.no-padding{ padding: 0px;}
.onex-2{ width: 100%; display: inline-block; margin: 0px;}
.onex-2 .banner-bg{ background: url("/edit/themes/onex/images/bg-1.jpg") no-repeat center top; width: 100%; margin: 0px; height: 650px; background-size: cover;}
.onex-2 .banner-details{ width: 100%; height: 650px; text-align: center; margin: 0px; background: rgba(156, 39, 176, 0.5); display: flex; flex-direction: column; justify-content: center;}
.onex-2 .banner-sub-title{ width: 100%; display: inline-block; margin: 0px; text-transform: uppercase; color: #ffffff; font-size: 2.2rem; font-weight: 600;}
.onex-2 .banner-title{ width: 100%; display: inline-block; margin: 20px 0 20px 0; text-transform: uppercase; color: #ffffff; font-size: 6.5rem;}
.onex-2 .banner-description{ width: 100%; display: inline-block; margin: 0px; text-transform: uppercase; color: #ffffff; font-size: 2.2rem; letter-spacing: 1px;}



@media screen and (min-width:901px) and (max-width:1024px){


}

@media screen and (min-width:768px) and (max-width:900px){


}

@media screen and (min-width:601px) and (max-width:767px){


}

@media screen and (min-width:481px) and (max-width:600px){


}

@media screen and (max-width:480px){


}

.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;}
}

.btn-default {background: #fff; color: #1A1B1D !important; border-radius: 5px; font-size: 15px;	position: relative; padding: 15px 30px; border: 1px solid #fff; text-transform: uppercase; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.btn-default:hover {background: transparent; color: #FFF !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.no-padding {padding: 0;}
img {max-width: 100%; width: auto;}
a {color: #1A1B1D; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;cursor: pointer !important;}
a:hover {color: #1A1B1D; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
/*==================== Containet CSS ======================*/

body {color: #1A1B1D;}
.photographer-5 {width: 100%; display: inline-block; padding: 80px 0; background: #f5f5f5;}

.photographer-5 .title-text {position: relative;}
.photographer-5 .title-text h1 {width: 100%; font-size: 28px; padding: 0 0 0 100px; margin: 0 0 40px;}
.photographer-5 .title-text .overlay {height: 3px; width: 80px; background: #1A1B1D; position: absolute;left: 0; top: 50%; transform: translatey(-50%);}

.photographer-5 .slide {float: left; padding: 0px; margin: 0px 0px; background: #fff; height: 490px; overflow: hidden;}
.photographer-5 .main-text-recent {overflow: hidden;}
.photographer-5 .main-text-recent h3 {font-size: 20px; line-height: 30px; padding: 0 5%;}
.photographer-5 .main-text-recent p {font-size: 15px; line-height: 26px; color: #666;
  padding: 0 5%;}
.photographer-5 .main-text-recent a {font-size: 14px; line-height: 26px; color: #000; text-transform: uppercase; padding: 0 5%; font-weight: bold;}
.photographer-5 .main-text-recent img {height: 200px; object-fit: cover;}
.photographer-5 .slick-dots {padding: 0; text-align: center; width: 100%; display: inline-block; margin: 60px 0 0 0;}
.photographer-5 .slick-dots li {display: inline-block;}
.photographer-5 .slick-dots li button{   background: #ccc none repeat scroll 0 0; border: 0 none; float: left; height: 4px;margin: 0 10px;overflow: hidden;width: 20px;}
.photographer-5 .slick-dots li.slick-active button {background: #666;}
.photographer-5 .main-text-recent a .fa {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; padding: 0 0 0 8px;}
.photographer-5 .slide:hover a .fa {padding: 0 0 0 15px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.photographer-5 .slide img {width: 100%; object-fit: cover;}



@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .photographer-5 .main-text-recent img {height: 180px;}
  .photographer-5 .slide {height: 450px;}
  .photographer-5 .main-text-recent h3 {font-size: 18px; line-height: 24px;}
  .photographer-5 .main-text-recent p {font-size: 14px; line-height: 24px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .photographer-5 .main-text-recent img {height: 180px;}
  .photographer-5 .slide {height: 450px;}
  .photographer-5 .main-text-recent h3 {font-size: 16px; line-height: 24px;}
  .photographer-5 .main-text-recent p {font-size: 14px; line-height: 22px;}
  .photographer-5 .main-text-recent a {font-size: 14px;}
}

@media screen and (max-width: 767px) {
  .photographer-5 .nav.nav-tabs {width: 100%; margin: 0 0 20px; text-align: center;}
  .photographer-5 .nav.nav-tabs li.active a {background: transparent;}

  .photographer-5 .main-text-recent img {height: 180px;}
  .photographer-5 .slide {height: auto; margin: 30px 0 0 0; padding: 0 0 30px 0;}
  .photographer-5 .main-text-recent h3 {font-size: 18px; line-height: 26px;}
  .photographer-5 .main-text-recent p {font-size: 14px; line-height: 26px;}
}
@media screen and (max-width: 544px) {
  .photographer-5 .title-text h1 {font-size: 24px; padding: 0 0 0 70px; margin: 0 0 20px;}
  .photographer-5 .title-text .overlay {width: 50px;}
  .photographer-5 .slide {height: auto; margin: 30px 0 0 0; padding: 0 0 30px 0;}

  .photographer-5 .main-text-recent h3 {font-size: 18px; line-height: 26px;}
  .photographer-5 .main-text-recent p {font-size: 14px; line-height: 26px;}
}
.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%;}
}