/*------------------------------------------ Responsive Grid Media Queries - 1280, 1024, 768, 480 1280-1024 - desktop (default grid) 1024-768 - tablet landscape 768-480 - tablet 480-less - phone landscape & smaller--------------------------------------------*/
@media all and (min-width: 1280px) and (max-width: 1380px) {
 .head-set {
  font-size: calc(var(--ff-100) - 15px);
 }
  .h-slider{
  height: 700px;
 }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
 .head-set {
  font-size: var(--ff-80);
 }
  .h-slider{
  height: 650px;
 }
}

@media (min-width: 992px) and (max-width: 1028px) {
 .head-set {
  font-size: calc(var(--ff-80) - 10px);
 }
 .h-slider{
  height: 600px;
 }
 .set-ect {
  letter-spacing: 14px;
 }
}

@media all and (min-width: 992px) {
 .border-md-start {
  border-left: 1px solid #dee2e6 !important;
 }
 .h-slider{
  height: 700px;
 }
}

@media all and (min-width: 768px) and (max-width: 992px) {
 .row-divider::before {
  display: none;
 }

 .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0%;
 }

 .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: 0%;
 }

 .head-set {
  font-size: calc(var(--ff-80) - 30px);
 }

 .set-ect {
  font-size: 14px;
  letter-spacing: 8px;
 }

 .nav-set-center {
  gap: 2px;
 }

 img.set-img,
 .set-img-oa {
  width: 100%;
  height: auto;
 }
}

@media all and (max-width: 768px) {
 .row-divider::before {
  display: none;
 }

 .head-set {
  font-size: calc(var(--ff-80) - 55px);
 }

 .set-ect {
  font-size: 12px;
  letter-spacing: 4px;
 }

 .nav-set-center {
  gap: 2px;
 }

 .empr-img {
  position: relative;
  left: 0px;
  top: 0;
 }

 .empr-img-r {
  position: relative;
  right: 0px;
  top: 0;
 }

 img.set-img,
 .set-img-oa {
  width: 100%;
  height: auto;
 }

 .title-set,
 .title-set-1 {
  width: 310px !important;
 }

 .title-set::after,
 .title-set-1::after,
 .title-set::before,
 .title-set-1::before {
  width: 18px;
  height: 18px;
 }
}

@media all and (min-width: 480px) and (max-width: 768px) {
 .navbar {
  padding: 0px;
 }

 .navbar-brand img {
  width: 100%;
 }

 .action-bar {
  font-size: 14px !important;
 }
}

@media all and (max-width: 480px) {
 .navbar {
  padding: 0px;
 }

 .navbar-brand img {
  width: 100%;
 }

 .action-bar p a {
  font-size: 12px !important;
 }

 .set-top {
  width: 15px;
 }

 .set-bottom {
  width: 15px;
  margin-top: 20px;
 }

 .set-img,
 .set-img-oa {
  width: 100%;
  height: auto;
 }
 .display-2 {
  font-size: calc(1.575rem + 3vw);
 }
}