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


@media screen and (max-width: 1199px) {
    .cs-slider.style20 {
        height: auto;
    }
    .cs-slider .ytvideo-bg {
        padding-bottom: 52.25%;
    }

    .grid_lines {
        display: none;
    }
    
    .sidebar .cs-testimonial1 .cs-item--inner {
        padding: 30px 40px;
    }
    
    .cs-testimonial-one .cs-swiper-navigation.style1 {
        display: none;
    }

    .cs-marquee {
        padding-bottom: 90px;
    }
    .cs-text-marquee1 .cs-item--text {
        font-size: 60px;
        line-height: 50px;
    }

    .cs-counter1 .cs-item--holder {
        gap: 10px;
    }
    .cs-counter1.mr-bottom-100 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .section, section,
    .cs-about-two {
        /* padding: 90px 0px; */
    }

    .cs-contact-form,
    .cs-contact-form .cs-form--wrapper {
        padding: 10px;
    }

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

    .blog-details .post-header .post-title,
    .h2, h2{
        font-size: var(--fs-30);
        line-height: 1.2em;
    }
    
    .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; 
    }

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

    .cs-about-company-one .cs-image-single .cs-item--image {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .cs-office-address .widget {
        padding-left: 30px;
        padding-right: 15px;
    }
    
    .cs-appointment-form-one .cs-form--wrapper {
        position: relative;
    }
    
    .blog-details ul.point-order li {
        font-size: 18px;
        line-height: 28px;
    }

    .cs-team-ci-wrap .team-ci--title {
        font-size: 30px;
    }
    
    .blog-details .blog-details-inner .widget-title {
        font-size: 22px;
    }
    
    .cs-testimonial-one .cs-swiper-navigation.style1 {
        right: 15px;
        bottom: 15px;
    }
    
    .blog-details.blog-details-box {
        padding: 100px 15px;
    }
    
    .cs-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;
    }

    .cs-counter1 .cs-item--value {
        font-size: 50px;
        line-height: 1.3em;
    }
    .swiper-gallery-two .cs-swiper-navigation.style2 {
        width: 95%;
    }

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

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

@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);
    }

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

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

    .cs-appointment-form-one .cs-form--wrapper {
        padding: 30px;
    }
    
    .cs-header--cart {
        margin-right: 35px;
    }
    
    .cs-instagram--gallery .cs-item {
        max-width: 150px;
    }
    
    .cs-about-one .cs-item-layer-one {
        left: -3%;
        bottom: 35%;
    }

    br {
        display: none;
    }
    
    .cs-gallery-holder {
        padding: 30px 60px;
    }

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

@media screen and (max-width: 650px) {
    .swiper-slide .grid-item .cs-item--holder {
        padding: 20px;
    }
    .cs-slider:not(.style11) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .cs-slider:not(.style11) .cs-left-pane,
    .cs-slider:not(.style11) .cs-right-pane {
        display: none;
    }
    
    .cs-slider.style7 {
        padding: 0px 0px;
    }
    
    .cs-slider.style8 {
        padding: 30px 0px;
    }
    
    .cs-slider.style7 .cs-swiper-slider-seven .cs-slider--item{
        padding: 0px;
        height: 100vh;
    }
    
    .cs-slider.style8 .cs-slider--item {
        padding: 0px;
        height: calc(100vh - 215px);
    }
    
    .cs-slider.style7 .cs-slider--image {
        border-radius: 0px;
    }
    
    .cs-slider.style8 .cs-slider--image {
        height: 100%;
    }
    
    .cs-slider.style8 .cs-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;
    }

    .cs-partner--image2 {
        width: 100%;
    }
    
    .cs-contact-page-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .preloader-inner .loading-text {
        font-size: 30px;
        line-height: 30px;
    }
    
    .cs-agency-experience .cs-heading .cs-item--description {
        padding-right: 0px;
    }

}

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

    .cs-credential #countdown ul {
        gap: 20px;
    }
    
    .cs-credential #countdown ul li {
        font-size: 14px;
    }
    
    .cs-credential #countdown ul li span {
        font-size: 36px;
        margin-bottom: 0px;
    }
}