@media (max-width:375px) and (min-width:320px) {
  .support-cont h6 {
    font-size: .875rem !important
  }

  .support-cont {
    padding: 20px 10px 10px
  }
}

@media (max-width:767px) and (min-width:320px) {
  .only-mobile {
    display: block
  }

  .only-desktop {
    display: none !important
  }

  .side-content {
    margin-right: 30px;
    margin-left: 30px;
    padding-bottom: 84px;
    padding-top: 15px
  }

  .side-content.wid-auto {
    max-width: 100%
  }

  .home-header h3 {
    font-size: 1.3rem;
    text-align: center
  }

  .home-header h3 span {
    font-size: 60px;
    margin-right: 10px;
    display: table;
    margin: 0 auto 6px
  }

  .home-btl img {
    max-width: 70%
  }

  .home-btl {
    padding: 0 10px;
    border-radius: 10px
  }

  .mob-logo {
    font-size: 1.5rem;
    text-align: center;
    margin: 25px 0
  }

  .mob-logo img {
    width: 14%
  }

  .home-text p {
    font-size: .875rem;
    margin-top: 18px
  }

  .home-text p:first-child {
    margin-top: 28px
  }

  .home-text p br {
    display: none
  }

  .footer-menu {
    background: var(--main-color-light);
    position: fixed;
    width: 100%;
    bottom: 0
  }

  .footer-menu ul li {
    display: inline-table;
    width: 25%;
    text-align: center;
    padding: 10px 0 5px;
    float: left
  }

  .footer-menu ul li a span {
    display: table;
    margin: 0 auto;
    min-height: 31px
  }

  .footer-menu ul li a {
    color: #fff;
    font-size: 1rem
  }

  .footer-menu ul li a:focus,
  .footer-menu ul li a:hover {
    color: #fff !important
  }

  .footer-menu ul {
    margin-bottom: 0
  }

  .footer-menu ul li:hover {
    background: var(--main-color-dark)
  }

  .contact-header {
    text-align: center;
    display: table;
    margin: 0 auto
  }

  .contact-header h3 {
    font-size: 2rem
  }

  .contact-header h5 {
    font-size: 1.5rem;
    margin-bottom: 30px
  }

  .contact-header h5 span {
    display: table
  }

  .home-btl.sup-img {
    padding: 20px 0 0
  }

  .support-cont {
    width: 100%;
    margin: 31px 0
  }

  .support-cont h6 {
    font-size: 1rem
  }

  .footer-menu ul li:last-child {
    margin-right: 0
  }

  .pr-5 {
    padding-right: 15px !important
  }

  .p-0,
  .pl-5 {
    padding-left: 15px !important
  }

  .p-0 {
    padding-right: 15px !important
  }

  .pl-0 {
    padding-left: 15px !important
  }

  .pr-0 {
    padding-right: 15px !important
  }

  .image-bg {
    padding: 0 34px;
    height: 120px
  }

  .image-bg-text h4 {
    font-size: 1.6rem;
    margin-top: 8px
  }

  .image-bg-text h4 a {
    font-size: 16px
  }

  .image-bg-text h4 a img {
    width: 15px
  }

  .image-bg-text p {
    font-size: .9rem;
    line-height: 19px;
    margin-bottom: 0
  }

  .image-bg-text {
    padding: 10px 10px 16px
  }

  .img-box {
    height: auto;
    margin-bottom: 13px
  }

  .img-box-col {
    padding-right: 15px !important
  }

  .img-box-col1 {
    padding-left: 15px !important
  }

  .top-img-box {
    margin-bottom: 0
  }

  .img-box-sml h3 {
    font-size: 1.6rem;
    line-height: 1.5rem;
    min-height: 50px;
    padding: 14px 6px 4px
  }

  .img-box-sml p {
    line-height: 16px;
    padding: 10px 5px;
    font-size: .95rem;
    position: relative
  }

  .gap-15 {
    margin: 10px 0
  }

  .col-md-3.col-6.p_5 {
    padding: 0 10px !important
  }

  .lib-sm-box {
    padding-left: 15px !important;
    padding-right: 5px !important
  }

  .lib-sm-box1 {
    padding-right: 15px !important;
    padding-left: 5px !important
  }

  .img-div img {
    min-height: 100px;
    object-fit: fill;
    width: 100%;
    height: 100%
  }

  .text-big h2 {
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0) translateY(0);
    font-size: 2.7rem;
    padding: 44px 0 50px
  }

  .col-md-6.col-12.pl-0.pr-5 {
    padding: 0 10px !important
  }

  .img-box-sml p br {
    display: none
  }

  .text-big h2 span {
    display: table;
    font-size: 28px
  }

  .lib-row .col-md-3,
  .lib-row .col-md-6 {
    position: relative
  }

  .txt-pad p br {
    display: block
  }

  .workout-cards-box,
  .yoga-cards-box {
    padding-right: 15px !important
  }

  .workout-cards-box1,
  .yoga-cards-box1 {
    padding-left: 15px !important
  }

  .subpage-title,
  .workout-cards,
  .yoga-cards {
    margin-bottom: 15px
  }
}

@media (max-width:767px) and (min-width:481px) {
  .image-bg {
    padding: 0 109px;
    height: 206px
  }

  .img-box-sml p br {
    display: block
  }
}

@media (max-width:1200px) and (min-width:767px) {
  .menu-bar {
    min-width: inherit !important;
    width: auto !important
  }

  .logo-bar img {
    margin: 15px 5px 10px;
    max-width: 90%
  }

  .side-menu li a {
    padding: 10px 15px 9px;
    text-align: center;
    font-size: 1.125rem
  }

  .side-menu li a img {
    margin-bottom: 5px
  }

  .home-header h3 span {
    font-size: 43px
  }

  .home-header h3 {
    font-size: 1.8rem
  }

  .contact-header h3 {
    font-size: 2.9rem
  }

  .contact-header h5 {
    font-size: 1.5rem
  }

  .support-cont {
    width: 80%
  }

  .img-box-sml h3 {
    font-size: 1.1rem;
    line-height: 22px
  }

  .img-box-sml p {
    font-size: .875rem;
    letter-spacing: .5px
  }

  .image-bg img {
    margin: 28px auto
  }

  .image-bg {
    padding: 0 24px
  }

  .image-bg-text h4 {
    font-size: 1.5rem
  }

  .image-bg-text h4 a {
    font-size: 14px
  }

  .image-bg-text h4 a img {
    width: 15px
  }

  .image-bg-text p {
    font-size: .875rem
  }

  .image-bg-text {
    padding: 10px 13px 0
  }

  .img-box-sml p br {
    display: none
  }

  .img-div img {
    min-height: 160px;
    object-fit: cover
  }

  .product-img h4 {
    font-size: 1.1rem
  }

  .product-img p {
    font-size: .875rem
  }

  .text-big h2 {
    font-size: 2rem
  }

  .text-big h2 span {
    font-size: 16px;
    margin: 0 auto
  }
}

@media (max-width:4000px) and (min-width:1800px) {
  .img-box-sml p {
    font-size: 1.105rem;
    line-height: 22px
  }

  .product-img p {
    margin-top: 50px
  }
}

@media screen and (min-width:1501px) {
  .logo-bar img {
    position: relative;
    left: -12px
  }

  .img-box-sml h3 {
    font-size: 2rem
  }

  .img-box-sml p {
    font-size: 1.2rem
  }

  .text-big h2 {
    font-size: 3.5rem
  }

  .text-big h2 span {
    font-size: 38px
  }
}

@media screen and (min-width:1700px) {
  .logo-bar img {
    left: -16px
  }

  .img-box-sml h3 {
    font-size: 2.2rem
  }

  .img-box-sml p {
    font-size: 1.3rem
  }

  .text-big h2 {
    font-size: 4rem
  }

  .text-big h2 span {
    font-size: 44px
  }
}

@media screen and (min-width:768px) and (max-width:1064px) {
  .side-content {
    margin-left: 30%;
    margin-right: 10%
  }
}