@media screen and (max-width: 1400px) {
    .blog-details.blog-details-box {
        padding: 100px 30px;
    }
}


@media screen and (max-width: 1199px) {
    .indyavisuals-slider.style20 {
        height: auto;
    }

    .indyavisuals-slider .ytvideo-bg {
        padding-bottom: 52.25%;
    }

    .grid_lines {
        display: none;
    }

    .sidebar .indyavisuals-testimonial1 .indyavisuals-item--inner {
        padding: 30px 40px;
    }

    .indyavisuals-testimonial-one .indyavisuals-swiper-navigation.style1 {
        display: none;
    }

    .indyavisuals-marquee {
        padding-bottom: 90px;
    }

    .indyavisuals-text-marquee1 .indyavisuals-item--text {
        font-size: 60px;
        line-height: 50px;
    }

    .indyavisuals-counter1 .indyavisuals-item--holder {
        gap: 10px;
    }

    .indyavisuals-counter1.mr-bottom-100 {
        margin-bottom: 30px;
    }
}

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

    .section,
    section,
    .indyavisuals-about-two {
        padding: 50px 0px;
    }


    .h1,
    h1 {
        font-size: var(--fs-42);
        line-height: 1.3em;
    }

.blog-details .post-header .post-title, .h2, h2 {
    font-size: 23px;
    line-height: 2.3rem;
}

    .h3,
    h3 {
        font-size: var(--fs-24);
        line-height: 1.4em;
    }

    .h4,
    h4 {
        font-size: var(--fs-22);
        line-height: 1.6em;
    }

    .h5,
    h5 {
        font-size: var(--fs-20);
        line-height: 1.6em;
    }

    .h6,
    h6 {
        font-size: var(--fs-17);
        line-height: 1.6em;
    }

    .aside_info_wrapper {
        padding: 30px 30px;
    }

    .indyavisuals-image-box1,
    .indyavisuals-image-box3 {
        margin-bottom: 30px;
    }

    .indyavisuals-about-company-one .indyavisuals-image-single .indyavisuals-item--image {
        padding-left: 30px;
        padding-right: 30px;
    }

    .indyavisuals-office-address .widget {
        padding-left: 30px;
        padding-right: 15px;
    }

    .indyavisuals-appointment-form-one .indyavisuals-form--wrapper {
        position: relative;
    }

    .blog-details ul.point-order li {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }

    .indyavisuals-team-ci-wrap .team-ci--title {
        font-size: 30px;
    }

    .blog-details .blog-details-inner .widget-title {
        font-size: 22px;
    }

    .indyavisuals-testimonial-one .indyavisuals-swiper-navigation.style1 {
        right: 15px;
        bottom: 15px;
    }

    .blog-details.blog-details-box {
        padding: 100px 15px;
    }

    .indyavisuals-album-one {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        padding-bottom: 200px;
    }

    .portfolio-filters-content .filters-button-group .button {
        padding: 0px 20px 35px 20px;
    }

    .indyavisuals-counter1 .indyavisuals-item--value {
        font-size: 50px;
        line-height: 1.3em;
    }

    .swiper-gallery-two .indyavisuals-swiper-navigation.style2 {
        width: 95%;
    }

    .indyavisuals-team-one .indyavisuals-swiper-navigation.style1 {
        position: relative;
    }

    .indyavisuals-slider.style19 .indyavisuals-heading {
        display: none;
    }

    .mainnav {
        display: none;
    }

    .video-heading {
        width: 100%;
    }

    .indyavisuals-heading {
        position: relative;
        margin-bottom: 28px;
    }

    .indyavisuals-about--text {
        position: relative;
        font-size: 15px;
        line-height: 28px;
        padding: 0 0px;
        position: relative;
        font-size: 15px;
    }

    .indyavisuals-about--text .indyavisuals-about--text-one {
        font-size: 16px;
        line-height: 30px;
        font-weight: 500;
    }

    .indyavisuals-counter1 {
        padding-right: 0;
    }


    .indyavisuals-item--image img {
        height: 180px;
        object-fit: cover;

    }


    .view-more-text {
        font-size: 14px;
        line-height: 1.6;
    }

    .indyavisuals-team-one {
        padding-bottom: 50px;
        overflow: hidden;
    }

    .indyavisuals-heading .indyavisuals-item--description {
        font-size: 16px;
    }

    .indyavisuals-video-player1 {
        min-height: 400px;
    }


    .indyavisuals-item--video-button .btn {
        position: relative;
        z-index: 1;
        display: inline-flex;
        justify-content: center;
        width: 100px;
        min-width: 100px;
        height: 100px;
        color: black;
        background: var(--color-one);
        border-radius: 100%;
        padding: 0px;
        font-size: 10px;
        text-transform: capitalize;
        background-size: 200% auto;
        overflow: visible;
    }


    .indyavisuals-item--video-button .btn .text-second {
        font-size: 30px;
    }

    /*.indyavisuals-item--title {*/
    /*    padding-bottom: 15px;*/
    /*}*/

    .indyavisuals-item--title {
        margin-bottom: 0;
    }

    .gallery-section {
        padding: 50px 0 40px 0;
        color: #fff;
    }


    .breadcrumb-section {
        padding: 120px 0 80px 0;
        background-size: cover;
        background-position: center;
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .breadcrumb-content .page-title {
        font-size: 26px;
        margin-bottom: 10px;
    }



    .about-image {
        margin: 0 50px 40px 0;
        width: 100%;
        float: left;
        position: relative;
    }


    .indyavisuals-agency-experience--item {
        margin: 30px 0;
    }

    .blog-details .sidebar {
        padding-bottom: 50px;
    }

    .sidenav ul li a {

        padding: 10px 0px;

    }



    .blog-details .intro,
    .blog-details .fulltext {
        font-size: 16px;
        line-height: 28px;
        font-weight: var(--fw-light);
        color: var(--color-two);
    }

    .blog-details ul.point-order {
        padding-left: 0;
    }

    .point-order li {
        padding-bottom: 15px;
    }

    .blog-details {
        padding-bottom: 0;
    }


    .product-details-section .main-image img {
        height: 300px;
        object-fit: cover;

    }

    .product-details-section .product-gallery .main-image {
        border-radius: 0 !important;
    }


    .indyavisuals-office .indyavisuals-item--inner .indyavisuals-item--title {
        color: var(--color-white);
        font-size: 15px;
        font-style: normal;
        font-weight: var(--fw-medium);
        line-height: 30px;
        word-break: break-all;
        margin-top: 10px;
    }

    .contact-form {
        padding-bottom: 50px;
    }

    iframe,
    object,
    embed,
    iframe,
    object,
    iframe,
    video {
        width: 100%;
        height: 100%;
        min-height: 290px;
    }

    .widget {

        margin-bottom: 0px;
    }

    ol.breadcrumb {
        font-size: 14px;
    }

.footer-bottom *{
    font-size: 14px;
}
}

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

    .h1,
    h1 {
        font-size: var(--fs-42);
    }

    .h2,
    h2 {
        font-size: var(--fs-30);
    }

    .h3,
    h3 {
        font-size: var(--fs-24);
    }

    .h4,
    h4 {
        font-size: var(--fs-22);
    }

    .h5,
    h5 {
        font-size: var(--fs-20);
    }

    .h6,
    h6 {
        font-size: var(--fs-18);
    }

    .indyavisuals-counter1 .indyavisuals-item--value {
        font-size: 40px;
        line-height: 1.3em;
    }

    .indyavisuals-counter1 .indyavisuals-item--text {
        font-size: 16px;
        line-height: 1.3em;
    }

    .indyavisuals-service-one {
        padding-bottom: 0px;
    }

    .indyavisuals-appointment-form-one .indyavisuals-form--wrapper {
        padding: 30px;
    }

    .indyavisuals-header--cart {
        margin-right: 35px;
    }

    .indyavisuals-instagram--gallery .indyavisuals-item {
        max-width: 150px;
    }

    .indyavisuals-about-one .indyavisuals-item-layer-one {
        left: -3%;
        bottom: 35%;
    }

    br {
        display: none;
    }

    .indyavisuals-gallery-holder {
        padding: 30px 60px;
    }

    .portfolio-filters-content .filters-button-group .button {
        padding: 0px 10px 0px 10px;
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: var(--fw-normal);
    }

}

@media screen and (max-width: 650px) {
    .swiper-slide .grid-item .indyavisuals-item--holder {
        padding: 20px;
    }

    .indyavisuals-slider:not(.style11) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .indyavisuals-slider:not(.style11) .indyavisuals-left-pane,
    .indyavisuals-slider:not(.style11) .indyavisuals-right-pane {
        display: none;
    }

    .indyavisuals-slider.style7 {
        padding: 0px 0px;
    }

    .indyavisuals-slider.style8 {
        padding: 30px 0px;
    }

    .indyavisuals-slider.style7 .indyavisuals-swiper-slider-seven .indyavisuals-slider--item {
        padding: 0px;
        height: 100vh;
    }

    .indyavisuals-slider.style8 .indyavisuals-slider--item {
        padding: 0px;
        height: calc(100vh - 215px);
    }

    .indyavisuals-slider.style7 .indyavisuals-slider--image {
        border-radius: 0px;
    }

    .indyavisuals-slider.style8 .indyavisuals-slider--image {
        height: 100%;
    }

    .indyavisuals-slider.style8 .indyavisuals-slider--inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
}

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

    .h1,
    h1 {
        font-size: var(--fs-36);
    }

    .h2,
    h2 {
        font-size: var(--fs-26);
    }

    .h3,
    h3 {
        font-size: var(--fs-22);
    }

    .h4,
    h4 {
        font-size: var(--fs-20);
    }

    .h5,
    h5 {
        font-size: var(--fs-18);
    }

    .h6,
    h6 {
        font-size: var(--fs-17);
    }

    .header .header_search {
        display: none;
    }

    .header .header_right_part {
        margin-left: 30px;
    }

    .indyavisuals-partner--image2 {
        width: 100%;
    }

    .indyavisuals-contact-page-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .preloader-inner .spinner img {
        height: 30px;
        width: auto;
    }

    .indyavisuals-agency-experience .indyavisuals-heading .indyavisuals-item--description {
        padding-right: 0px;
    }
}

@media screen and (max-width: 450px) {
    .indyavisuals-contact-page-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .indyavisuals-credential #countdown ul {
        gap: 20px;
    }

    .indyavisuals-credential #countdown ul li {
        font-size: 14px;
    }

    .indyavisuals-credential #countdown ul li span {
        font-size: 36px;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 1200px) {
.indyavisuals-counter1 .indyavisuals-item--text {
    font-size: 28px;
}
    
}