@media screen and (min-width: 1200px) {
.tm .note:nth-child(6n+2) {transform: translateY(40px);}
.tm .note:nth-child(6n+3){transform: translateY(-40px);}
}
@media screen and (min-width: 1500px) {
/* .site-container {width: 100%;max-width: 1400px;} */
.t-center-d{text-align: center;}
}

.for-mobile{display: none;}

@media screen and (max-width: 1000px) {
    :root{
        --h1: 38px;
        --h2: 34px;
        --h3: 22px;
    }

    .site-hero .site-container{position: relative;transform: none;left: initial;top: initial;padding: 0;}
    .site-hero{flex-direction: column; gap: 24px;padding: 40px 16px;}
    .hero-img{object-fit: cover;}
    .hero-img{align-self: initial;}
    .site-hero .site-container .site-common-content{width: 100%;}
    .no-flex{flex: 1;}
    .lm-inside-wrap .site-common-content, .inside-list{flex: 1;}
    .header-inner{padding-inline: 16px;}
    .kp-title, .review-card .site-title-h3{font-size: 22px;}
    .site-btn{padding: 13px 24px;}
    .blog-cate-tag{font-size: 14px;}
    .heading-small{font-size: 18px;}
    .site-section {padding-block: var(--space-8);}
    .portfolio-filter-btn{width: initial !important;display: inline-block;}
    .book-filter {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;background: #FFFBF4;border-radius: 0;padding: 24px;opacity: 0;visibility: hidden;transition: all .3s;}
    .show-filter{opacity: 1;visibility: visible;}
    .book-filter .bf-label{color: var(--primary-color);}
    .book-filter .bf-chip {padding: 12px 16px;border-radius: 4px;height: initial;border: 1px solid var(--black-color);}
    .bt-outline.site-btn{background: transparent;border: 1px solid var(--black-color); color: var(--black-color);}
    .bf-foot.for-desktop{display: none;}
    .header-inner {padding-inline: 0;}
}

@media screen and (max-width: 767px) {
    :root{
        --h1: 35px;
        --h2: 24px;
        --h3: 18px;
        --site-title-h1: 38px;
        --section-block-space-big: 58px;
        --site-title-h2: 30px;
        --text-base: 14px;
        --site-line-height: 1.4;
        --section-block-space-medium: 40px;
    }
    .site-btn{padding-inline: 20px;}
    .sales-cta-wrap .site-btn{font-size: 14px;}
    .site-section-medium {padding-block: var(--space-3);}
    .innter-page-title{font-size: 35px;}
    .site-common-content .site-btn{width: 100%;justify-content: center;}
    .site-common-content{gap: var(--space-2);}
    .head-subtitle{font-size: 18px;}
    .site-section {padding-block: var(--space-4);}
    .site-container + .site-container {margin-top: 20px;}
    .section-devider .site-container{flex-direction: column;text-align: center;gap: 10px;padding-block: 10px;}
    .devider-title{transform:none;}
    .social-section .section-head{flex-direction: column;align-items: flex-start;}
    .note-page{padding: 30px;padding-left: 50px;}
    .for-desktop{display: none;}
    .about-notes .site-container{gap: 16px;}
    .mob-bigger{transform: scale(1.1);}
    .for-mobile{display: block;}
    .portfolio-wrapper .portfolio-row:nth-child(even){flex-direction: row;}
    .portfolio-row, .portfolio-wrapper .portfolio-row:nth-child(even){flex-direction: column;}
    .portfolio-content, .port-review{padding: 16px;}

    .portfolio-row .portfolio-head{flex-direction: column;justify-content: initial;gap: 16px;}
    .portfolio-top-mob{display: flex; gap: 20px;align-items: center;margin-bottom: 16px;}
    .portfolio-top-mob .portfolio-media{flex: initial;max-width: 100px;}
    .portfolio-content{padding: 0;}
    .portfolio-row{padding: 16px;background: #fff;}
    .site-tags{flex-wrap: wrap;gap: 10px;column-gap: 10px;row-gap: 10px;}
    .text-center-desk{text-align: left;}
    .demo-grid .book-grid{grid-template-columns: repeat(2, 1fr);}
    .library-cards-wrap{flex-direction: column;}
    .library-card h3, .inside-list li h3, .section-head h3{font-size: 18px;}
    .library-card, .contact-wrap .newsletter-form{padding: 24px;}
    .lm-form-card{padding: 24px 16px;}
    .site-number-list h3{font-size: 24px;}
    .site-number-list li{gap: 20px;padding-bottom: 18px;align-items: flex-start;}
    .site-number-list{gap: 20px;}
    .contact-wrap .newsletter-form, .nl-row{gap: 10px;}
    .policy-header{padding-top: 30px;padding-bottom: 20px;}
    .sales-hero .site-container{padding: 40px 24px;}
    .sales-hero {padding: 40px 16px;}
    .sales-greenarea{padding-top: 20px;}
    .saleswhy-card{padding: 16px;gap: 10px;}
    .saleswhy-card .head-caption{font-size: 24px;}
    .heading-small{font-size: 18px;}
    .sales-feel-table{margin-top: 16px;}
    .list-wrapper{flex-direction: column;}
    .size-36{font-size: 24px;}

    .paper-wrap{padding: 30px 20px;}
    .sales-tabs__label{white-space: initial;}
    .head-caption{font-size: 16px;}
    .sales-tabs__tab{padding: 8px 16px;}
    .sales-tabs__nav{gap: 8px;}
    .custom-bg-sales{padding: 16px;}
    .center-content{max-width: initial;margin: initial;}
    .sales-greenarea.pb-0{padding-bottom: 20px;}
    .vtabs .vtab .vtab-btn{font-size: 14px;font-weight: bold;line-height: 1.6;}
    .sales-before-apply-tab .vtab-btn{padding-block: 16px;}
    .vtabs .vtab-panel p + p{margin-top: 10px;}
    .vtabs .vtab-panel p{font-size: 14px;}

    .overthinking-list{padding: 16px;}
    .overthinking-list li{flex: 0 0 100%;}
    .script-40{font-size: 24px;}
    .sales-last-list-card{padding: 20px;gap: 24px;flex-direction: column;}
    .sales-cta-wrap{padding: 20px;}
    .sales-white-card{padding: 20px}
    .book-grid .bk-tags li{padding: 2px 6px;font-size: 12px;}
    .book-slider{margin-top: 20px;}
    .book-worked .section-head{align-items: flex-start;}
    .about-custom-wrap{padding: 40px 20px;}
    .about-custom-wrap .site-container{padding: 0;}
    .pinn{width: 80px;top: -39px;}
    .media-frame{padding: 10px;padding-bottom: 24px;}
    .hang-pin {top: -11px;width: 15px;}
    .fix-pin {right: -15px;top: -15px;width: 50px;}
    .footer-bottom{text-align: center;font-size: 14px;}
    .footer-col[aria-label="Support"] #menu-footer-support {display: flex;}

    .paper-bold{padding: 16px;text-align: left;}
    .paper-bold h3{font-size: 18px;}
    .site-btn{width: 100%;}
    .gap-m-0{gap: 0;}
    .mob-media-sale{height: 400px;width: 100%;object-fit: cover;object-position: 0 -44px;}
    .mob-media-sale-2{height: 400px;width: 100%;object-fit: cover;object-position: 0 -44px;}
    .sales-last-list-card > .flex{flex-direction: column;gap: 10px;}
    .multi-faq-tabs__wrap{gap: 10px;}
    .mob-w-full{width: 100%;}
    .w-full-m{width: 100%;}
    .sales-hero, .sales-hero-bg-2{background-size: 100% auto, cover;background-repeat: repeat-x, no-repeat;}

    
}


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