/* Tablets :1024px. */
@media (min-width: 768px) and (max-width: 1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 100%;
        padding: 0px 30px;
    }

    .header__logo {
        max-width: 161px;
        margin-right: 65px;
    }

    .header__menu ul li a {
        font-size: 16px;
    }

    .header__menu ul li {
        margin-right: 35px;
    }

    .header__btn__blk a:first-child {
        font-size: 16px;
        margin-right: 24px;
    }

    .header__btn__blk a:last-child {
        width: 100px;
        height: 42px;
        font-size: 16px;
    }

    .hero__title h1 {
        font-size: 36px;
        line-height: 48px;
    }

    .hero__store__blk>h4 {
        font-size: 22px;
        margin-bottom: 0PX;
    }

    .hero__single__store a {
        max-width: 190px !important;
        width: 190px !important;
        display: block;
    }

    .hero__store__blk {
        max-width: 305px;
    }

    .hero__title {
        margin-bottom: 70px;
    }

    .hero__content {
        width: 500px;
    }

    img.slide-img-0,
    img.slide-img-1,
    img.slide-img-2,
    img.slide-img-3 {
        height: 370px;
    }

    .hero__title h2 {
        font-size: 21px;
        line-height: 38px;
    }

    .hero__title2 h2 {
        font-size: 21px;
        line-height: 38px;
    }

    .artist__single__slide {
        width: 170px;
    }

    .artist__img__blk {
        width: 170px;
    }

    .hero__wrap .swiper-button-next,
    .hero__wrap .swiper-button-prev {
        font-size: 45px;
    }

    .headline__title h2 {
        font-size: 22px;
    }

    .artist__title h4 {
        font-size: 22px;
    }

    .artist__topbar .nice-select {
        font-size: 22px;
        padding-right: 30px;
    }

    .artist__topbar .select__marker {
        width: 15px;
        top: 4px;
    }

    .artist__topbar .nice-select .option {
        font-size: 18px;
    }

    .artist__img__blk {
        height: 165px;
    }

    .artist__info {
        padding: 20px 10px;
    }

    .artist__info h4 {
        font-size: 18px;
    }

    .artist__info p {
        font-size: 14px;
    }

    .testimonial__user__info h4 {
        font-size: 20px;
    }

    .testimonial__user__info p {
        font-size: 14px;
    }

    .testimonial__content p {
        font-size: 18px;
    }

    .testimonial__quote {
        right: 35px;
        top: 25px;
        width: 54px;
    }

    .brand__single__slide {
        min-height: 145px;
        padding: 15px;
    }

    .footer__logo {
        max-width: 120px;
    }

    .footer__menu ul li a {
        font-size: 18px;
    }

    .footer__menu ul li {
        margin-bottom: 5px;
    }

    .footer__app__title h4 {
        font-size: 24px;
    }

    .footer__social__title h4 {
        font-size: 20px;
    }

    .footer__social__title {
        margin-bottom: 30px;
    }

    .footer__app__title {
        margin-bottom: 30px;
    }

    .footer__socials a {
        margin-right: 20px;
    }

    .footer__socials a img {
        width: 25px;
    }

    .hero__single__store {
        align-items: center;
        margin: 15px auto;
    }

    .hero__single__slide {
        background-size: contain;
        height: 555px;
        padding-top: 131px;
        padding-bottom: 163px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: #fff;
        font-size: 38px;
        top: 350px;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 15px;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 15px;
    }

    .artist__select select {
        font-size: 22px;
    }

    .owl-prev {
        top: 29%;
        left: -19px;
        font-size: 38px !important;
    }

    .owl-next {
        top: 29%;
        right: -19px;
        font-size: 38px !important;
    }

    .headline__area {
        padding: 50px 0px;
    }

    .artist__topbar {
        margin-bottom: 25px;
    }

    .c-holder {
        min-height: 260px;
    }

    .artist__area {
        padding-bottom: 40px;
    }

    .brand__area {
        padding: 0px 0px;
    }

    .show-tablet {
        display: block;
    }

    .hide-tablet {
        display: none;
    }

    .footr__apps {
        justify-content: center;
    }

    img.extra-img {
        height: 250px !important;
    }

    .extra-img {
        position: absolute;
        left: -160% !important;
        height: 250px !important;
        ;
        bottom: 1px !important;
    }

    .extra-slide-getapp {
        margin-left: 46% !important;
        margin-top: 20% !important;
    }
}