/* XL Device :1200px. */

@media (min-width: 1200px) and (max-width: 1449px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .slider-containt h3 {
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .slider-containt p {
    font-size: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .brand-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .single-brand a img {
    max-width: 219px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .single-brand {
    height: 67px;
    /*margin-left: 40px;*/
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .brand-area {
    height: 381px;
    margin-top: -48px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .serviuce-img img {
    max-width: 525px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .work-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 1450px) and (max-width: 1920px) {
  .work-box-title h3 {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .work-box-title h3 {
    font-size: 22px;
  }
}

@media (min-width: 1450px) and (max-width: 1920px) {
  .work-list li a {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .work-list li a {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .counter-text h4 {
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .counter-text h3 {
    font-size: 122px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .fs {
    left: -16px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .rate-slider .owl-nav button {
    left: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .rate-slider .owl-next {
    left: auto !important;
    right: -15px;
  }
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider-containt h3 {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider-containt p {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .brand-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .single-brand a img {
    max-width: 219px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .single-brand {
    height: 67px;
    /*margin-left: 40px;*/
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .brand-area {
    height: 381px;
    /*margin-top: 50px;*/
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .serviuce-img img {
    max-width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .work-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .work-box-title h3 {
    font-size: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .work-list li a {
    font-size: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .counter-text h4 {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .counter-text h3 {
    font-size: 122px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .fs {
    left: -16px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .rate-slider .owl-nav button {
    left: 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .rate-slider .owl-next {
    left: auto !important;
    right: -15px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .serviuce-img {
    padding: 0 20px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .row.mr {
    margin-top: -34px;
  }
}

@media (min-width: 1201px) and (max-width: 1920px) {
  .footer-containt h3::before {
    width: 75%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-containt h3::before {
    width: 73%;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-fl ul {
    margin-right: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-contact a {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-logo a img {
    max-width: 250px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-wrap.position-relative {
    padding-top: 30px;
    padding-bottom: 10px;
    /*padding-left: 50px;*/
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-copy {
    padding-left: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .footer-fl li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .sliep-head h3 {
    font-size: 48px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .sliep-img h3 {
    font-size: 28px;
    height: 70px;
  }
}

/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider-containt h3 {
    font-size: 30px;
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider-containt p {
    font-size: 16px;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .single-brand a img {
    max-width: 154px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .single-brand {
    height: 67px;
    /*margin-left: 40px;*/
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-area {
    height: 381px;
    /*margin-top: 50px;*/
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .serviuce-img img {
    max-width: 381px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .work-title h3 {
    font-size: 42px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .work-box-title h3 {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .work-list li a {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter-text h4 {
    font-size: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter-text h3 {
    font-size: 95px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fs {
    left: -16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rate-slider .owl-nav button {
    left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rate-slider .owl-next {
    left: auto !important;
    right: -15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .serviuce-img {
    padding: 0 20px;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .row.mr {
    margin-top: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-containt h3::before {
    width: 73%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-fl ul {
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-contact a {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-logo a img {
    max-width: 250px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-wrap.position-relative {
    padding-top: 30px;
    padding-bottom: 10px;
    /*padding-left: 50px;*/
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-copy {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-fl li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider-img {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-imgs {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-title {
    margin-bottom: 26px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .se-fl {
    padding: 0 100px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .single-work {
    /*margin-bottom: 30px;*/
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .single-work.mid {
    transform: unset;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .work-area {
    padding-bottom: 264px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
    /*padding-top: 139px;*/
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .health-area {
    padding-bottom: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-containt {
    margin-bottom: 19px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliep-head h3 {
    font-size: 36px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliep-img h3 {
    font-size: 28px;
    height: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .sliep-img {
    height: 406px;
    width: 48%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .shilep-logo {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .shilep-logo-img img {
    max-width: 250px;
  }
}

/* SM Small Device :320px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .slider-containt h3 {
    font-size: 35px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .slider-containt p {
    font-size: 16px;
    width: auto;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .brand-title h3 {
    font-size: 42px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .header-logo a img {
    max-width: 240px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .single-brand a img {
    max-width: 154px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .single-brand {
    height: 67px;
    flex-wrap: wrap;
    /*margin-left: 50px;*/
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .brand-area {
    height: 492px;
    /*margin-top: 50px;*/
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .serviuce-img img {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .work-title h3 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .work-box-title h3 {
    font-size: 16px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .work-list li a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .counter-text h4 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .counter-text h3 {
    font-size: 71px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .fs {
    left: -16px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .rate-slider .owl-nav button {
    left: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .rate-slider .owl-next {
    left: auto !important;
    right: -15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .serviuce-img {
    padding: 0 20px;
    text-align: center;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .row.mr {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-containt h3::before {
    width: 73%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-fl ul {
    margin-right: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-contact a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-logo a img {
    max-width: 205px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-wrap.position-relative {
    padding-top: 30px;
    padding-bottom: 10px;
    /*padding-left: 0;*/
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-copy {
    padding-left: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-fl li a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .slider-img {
    display: flex;
    align-items: center;
    height: 100%;
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .brand-imgs {
    padding: 0;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .brand-title {
    margin-bottom: 26px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .se-fl {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .single-work {
    /*margin-bottom: 30px;*/
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .single-work.mid {
    transform: unset;
    padding: 0 !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .work-area {
    padding-bottom: 264px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .rating-area {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 139px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .health-area {
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-containt {
    margin-bottom: 19px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-fl {
    display: flex;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-fl ul {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-fl ul:last-child {
    margin: 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .footer-copy {
    display: block;
    text-align: center;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sliep-head h3 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sliep-img h3 {
    font-size: 24px;
    height: 70px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sliep-img {
    height: 365px;
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .shilep-logo {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .shilep-logo-img img {
    max-width: 202px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .sliep-ffll {
    display: block;
  }
}

/* SM Small Device :550px. */

.sliep-img {
}

.single-work {
  padding-right: 0;
  padding-left: 0;
  margin: 0 10px;
  box-shadow: 2px 2px 10px 2px #2f2f2f;
}