@media screen and (min-width: 1537px) {
    #franchiseHero .hero-content { max-width: 29rem !important; }
    #franchiseHero .hero-content h2 .line-1,
    #franchiseHero .hero-content h2 .line-2 { line-height: 1.5; }
}
@media screen and (min-width: 1281px) {
    .menu section article .image { height: 52.5vh; }
    #franchiseHero .hero-content { padding: 32px 0; max-width: 22rem; }
    #franchiseHero .hero-content h2 .line-1 { line-height: 1.25; }
}
@media screen and (max-width: 1280px) {
    .w { width: 1000px; }
    header .logo { margin-top: 20px; }
    header .logo img { max-width: 360px; }
    .flexslider.background-images .slides > li[data-imglaptop] { background-position: bottom center; }
    .franchise .vertical-stepper .inner-wrapper { max-width: 90%; }
    #franchiseHero .hero-inner { grid-template-columns: 1fr 1.15fr; gap: 2rem; }
    #franchiseHero .hero-content { padding: 30px 0; max-width: 18rem; }
    #franchiseHero .hero-content h2 .line-1 { font-size: 1.8rem; letter-spacing: 0.125rem; line-height: 1.25; margin-right: 24px; }
    #franchiseHero .hero-content h2 .line-2 { font-size: 0.95rem; letter-spacing: 0.125rem; }
    .clients_orders .link-certificate,
    .clients_info section > .holder, .clients_orders section > .holder { overflow-x: auto; }
    .clients_info section > .holder, .clients_orders section > .holder .table-like { width: 1120px; }
    .clients_orders .show-full:not(.status) .show-on-hover { left: 33%; width: 67%; }
}
@media screen and (max-width: 1024px) {
    * { cursor: pointer; }
    .w { width: 96%; }
    header nav > ul > li > .a-like, header nav > ul > li > a { color: #7D342E; }
    header nav > ul > li:after { background-position: -235px -18px; }
    header nav li a.btn-red span { color: #FFF; }
    
    header h1 { display: inline-block; }
    header .logo { margin-top: 25px; }  
    header.fixed .logo { margin-top: 10px; }
    header .logo img { max-width: 300px; }
    header.fixed .logo img { max-width: 260px; }
    .ofsection > div { width: 96.7%; }
    .news article { float: none; width: 100%; }
    .news article + article { margin-left: 0; margin-top: 20px; }
    .section-menu article { width: 100%; height: 200px; font-size: 18px; }
    .section-menu article a { line-height: 240px; }
    footer > .w { padding-left: 0; padding-top: 30px; }
    footer > .w:before { content: none; }
    footer > .w > .ul0, footer > .w > ul + ul { margin: 0 15px; }
    footer .flogo { display: block; margin: 0 auto 20px; }
    .decoration.agora { font-size: 22px; }
    .news article h3 { font-size: 16px; }
    .btn-red { font-size: 16px; }
    .menu main nav .main li, .menu main nav .main li + li { margin: 0 10px; }
    
    .mob-menu-close {font-size: 32px; line-height: 40px; width: 40px; height: 40px; display: block; position: absolute;
                      text-align: center; top: 2px; left: 2px; cursor: pointer; color: #7E352F; }
    .mob-menu { width: auto; height: 40px; line-height: 40px; font-size: 52px; text-align: center;
                color: #F7941D; position: absolute; right: 0; bottom: 5px; display: block; }
    header nav { right: -240px; display: none; width: 240px; top: 0; bottom: 0; background-image: url('images/bg.jpg');
            transition: none;
          position: fixed; overflow-y: auto; z-index: 10;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
            -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
            box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75); }
    .nav-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); }
    body.nav-opened { overflow: hidden; }
    body.nav-opened .franchise-button { opacity: 0; z-index: -1; visibility: hidden; }
    
    header nav ul { padding-top: 60px; }
    header nav ul li { display: block; float: none; }
    header nav ul li + li { margin-top: 10px; margin-left: 0; }
    header nav ul li a, header nav ul li.has-sub { text-align: left; padding-left: 10px; }
    header nav ul.sub { left: 0; margin-left: 0; right: 0; border-radius: 0; }
    header nav ul.sub li:first-child { margin-top: 10px; }
    header nav ul.sub li a { padding: 10px 0; display: block; }
    
    footer .w { text-align: center; padding-top: 10px; }
    footer .flogo, footer .stamp { display: inline-block; float: none; margin-top: 0; margin-right: 20px; }
    footer .stamp { width: 110px; }
    
    .menu .menu-bg .menu-holder { margin: 0 2%; width: 96%; }
    .menu section article { width: 50%; }
    .menu section article:nth-child(3n + 1) { border-left: none; }
    .menu section article:nth-child(2n + 1) { border-left: 1px solid #7D342E;; }
    article.menu-item.ajax.w { width: 100%; margin: 0; }
    .menu-item .img { min-height: calc(100vw * .6); }
    .menu-item form { margin: 10px auto 0; float: none; }
    .menu-item form button { margin-left: 12px; padding-left: 30px; }
    .menu-item img.stamp, .menu-item article .wheat-transp, article.menu-item.ajax .wheat-transp { display: none; }
    
    .menu main nav .main { padding-top: 0; }
    .menu main nav .main > li { padding-top: 80px; }
    
    .carriers .holder, .franchise article .content, .reviews form, #checkout .step > .content { width: 92%; }
    .contacts form { width: 100%; }
    .objects article > div.def2 { top: 40px; bottom: 0; }
    #checkout .steps-nav li { margin: 0 5px; }
    #checkout .steps-nav li.current + li.delim, #checkout .steps-nav li.delim + li.current { margin-left: 25px; }
    
    .franchise .carriers form.long .row label.yes-no.checkbox { width: 50%; margin-bottom: 10px; }
    #franchiseHero { padding: 16px 0 80px 0; }
    #franchiseHero .hero-inner { grid-template-columns: 1fr; text-align: center; gap: 2.5rem; padding: 0 32px; width: 90%; }
    #franchiseHero .hero-content,
    #franchiseHero .hero-text { max-width: unset; }
    #franchiseHero .hero-content { padding: 32px 0 0 0; }
    #franchiseHero .hero-content h2 { font-size: 1.8rem; }
    #franchiseHero .hero-gallery { height: 20rem; grid-template-columns: repeat(3, 1fr); }
    #franchiseTabs { width: 90%; margin-bottom: 80px; }
    #franchiseTabs .tabs-nav,
    #franchiseTabs .tabs-content { width: 100%; }
    #franchiseTabs .tab-content p { font-size: 1rem; }
    .flexslider.background-images .slides > li[data-imglaptop] { background-position: bottom left; }
    .flexslider .holder { width: 270px; }
    .flexslider .holder .ttl { font-size: 20pt; letter-spacing: -1px; line-height: 20pt; }
    .flexslider .holder .desc { font-size: 16px; }
    .flexslider .holder a { padding: 7px 20px; font-size: 16px; }
    .flexslider .holder > div { flex: auto; }

    #cboxClose { top: 16px; right: 32px; }
    .certificate-item.menu-item form span { justify-content: space-around; }
}
@media (max-width: 768px) {
    .franchise .step { gap: 28px; margin-bottom: 48px; min-height: 92.78px; }
    .franchise .circle { width: 44px; height: 44px; font-size: 0.95rem; }
    .franchise .step-content h3 { font-size: 1rem; line-height: 1.3; }
    .franchise .step-content p { font-size: 0.85rem; line-height: 1.25; }
    .franchise .progress-line { left: 19px; height: calc(100% - 86px); }
    #franchiseTabs .tab span { display: none; }
    #franchiseTabs .tab i { display: inline-block; font-size: 18px; }
    #franchiseTabs .tab:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
    #franchiseTabs .tab:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
    /* .certificate-item { flex-direction: column-reverse; }
    .certificate-item .certificate-data { width: 100%; }
    .menu-item .floater { width: 100% !important; height: auto; } */
    #cboxLoadedContent { height: 96% !important; }
}
@media screen and (max-width: 676px) {
    .last-order { display: none; }
    .decoration.full:after, .decoration.full:before { content: ''; }
    .decoration.agora { font-size: 28px; }
    header { height: 90px; }
    header.lined { height: 115px; }
    body:not(.home) header + main { margin-top: 90px; }
    body:not(.home) header.lined + main { margin-top: 115px; }
    header .cart { border-radius: 0; padding: 0; bottom: 0; background: none; }
    header .cart .cart-count { width: 25px; height: 25px; line-height: 25px; border-radius: 50%; display: block; background: #F7941D; left: 50px; position: absolute; top: -10px; z-index: 1; }
    header .cart:after { background-position: -400px -195px; width: 62px; height: 54px; }
    header .logo, header.fixed .logo { margin-top: 20px; }
    header .logo img, header.fixed .logo img { max-width: 200px; }
    footer > .w { padding-bottom: 60px; }
    footer .flogo, footer .stamp { margin: 10px; }
    /* .flexslider.background-images .flex-viewport, .flexslider.background-images .slides > li { min-height: 50vh; max-height: 50vh; } */
    .menu main nav .main > li { padding-top: 10px; }
    .menu section h1.decoration.agora { font-size: 32px; }
    .menu section article { width: 100%; }
    .menu section article + .menu section article { margin-top: 10px; }
    .menu section article .image > .image-holder > h2 { height: auto; }
    .menu section article:nth-child(even) { border-left: 1px solid #7E352F; }
    .menu-item article .bg, article.menu-item.ajax .bg { position: fixed; left: 0; width: 100%; }
    .btn-dark:hover:before, .btn-dark.current:before { content: none; }
    .menu-item .img, .menu-item .floater { width: 100%; }
    .menu-item .floater { padding-bottom: 80px; }
    .menu-item .img { min-height: 0; position: relative; z-index: 1; }
    article.menu-item.ajax { max-height: 100vh; min-height: 100vh; overflow-y: auto; }
    article.menu-item.ajax:after { content: none; }
    
    .clients-forms.static .holder { width: 100%; padding: 20px 2%; }
    .clients-forms button { width: auto; }
    .clients-forms.static .row label { width: 25%; }
    .clients-forms input { width: 65%; }
    .clients-forms input[type=checkbox] { height: 20px; }
    .clients-forms.static .row.checkbox label { line-height: 20px; }
    .carriers .row { width: 100%; }
    .carriers form label > span { width: 100%; display: block; text-align: left; }
    .carriers form input[type=text], .carriers form textarea { width: 100%; }
    .carriers .checkboxes label { font-size: 14px; display: block; }
    .carriers .checkboxes label + label { margin-top: 10px; }
    .carriers .cap { line-height: 23px; }
    .carriers .checkboxes label + label + label { margin-left: 0; }
    .decoration:before, .decoration:after { content: ''; }
    .franchise article .content img, .franchise .txt-editor, .franchise form { width: 90%; }
    .franchise form .row label > span, .franchise form label input, .franchise form label textarea { width: 100%; }
    .franchise form label textarea, .reviews form textarea { max-width: 100%; min-height: 100%; }
    .franchise form .row label > span { text-align: left; }
    
    .news-new { padding: 30px 10px; }
    .news-new article, .news-new article .img { height: auto; }
    .news-new article .img { width: 100%; margin: 0; border: none; background: none; line-height: normal; }
    .news-new article .info { margin: 0; padding: 10px; }
    .reviews form .row label { text-align: left; width: 100%; display: block; }
    .reviews form .row input { width: 100%; }
    .reviews form textarea { min-width: 100%; }
    .reviews form { padding-right: 0; }
    
    .other-pages h1 { padding: 40px 0 0px }
    
    .fun-section .news-new > div.c:before { content: none; }
    .fun-section .news-new .fun-col { width: 100%; }
    
    .fun-section .news-new article { margin-bottom: 30px; }
    .fun-section .news-new article, .fun-section .news-new .fun-col + .fun-col article { padding: 0; }
    
    .fun-section > .w:before, .fun-section > .w:after { content: none; }
    
    .other-pages section .txt-editor > div { padding: 0 10px; }
    
    .contacts form { left: 0; padding: 20px 10px; }
    .contacts .row label { text-align: left; width: 100%; }
    .contacts .row input, .contacts .row textarea, .contacts .row.btns { width: 100%; }
    .contacts .row textarea { max-width: 100%; min-width: 100%; }
    .objects article .img { float: none; width: 100%; line-height: normal; min-height: 0; }
    .objects article > div.def2 { position: static; width: 100%; padding: 20px 10px; }
    .objects article > div.def2 > * { margin-bottom: 5px; }
    .objects article > div.def2 .btn-red { margin-top: 20px; }
    
    .table-like > .c:not(.prod) + .c.prod { border-top: 2px solid #7E352F; }
    .table-like > .row.c:first-child { display: none !important; }
    .table-like .img { width: 30%; }
    .table-like .title { width: 70%; }
    .table-like .quantity { width: 40%; }
    .table-like .prod-price { width: 60%; }
    .table-like .promo-code > .td-like.colspan-6 { width: 100%; }
    .table-like .promo-code > .colspan-6 + .colspan-2, .table-like .promo-code > .code-replacer { width: 30%; }
    .table-like .promo-code > .code-replacer + .colspan-2 { width: 40%; }
    .table-like .cart-actions { margin-top: 10px; }
    #checkout .deliv .drop-cart { width: 100%; text-align: center; }
    #checkout .deliv .drop-cart + .colspan-4 { display: none; }
    #checkout .deliv .drop-cart ~ .colspan-2 { width: 50%; margin-top: 15px; }
    #checkout .add-another.colspan-8 { width: 100%; }
    #checkout .foot .colspan-2 { width: 50%; margin-top: 20px; }
    
    #checkout .step.two .row { width: 100%; }
    #checkout .step.two .row label, #checkout .step.two .row span { width: 100%; text-align: left; }
    #checkout .step.two .row span.invoice-text { line-height: 20px; margin-top: 10px; }
    #checkout .step.two .row.block .zero_price_txt + .checkbox ~ span { overflow: hidden; max-height: 50px; }
    #checkout .step.two .row.block .zero_price_txt + .checkbox ~ .hideITanim { max-height: 0; }
    #checkout .step.two .row.trigger-change { height: auto; }
    #checkout .step.two .row input, #checkout .step.two .row select, #checkout .step.two .row:nth-of-type(odd) input,
    #checkout .step.two .row:nth-of-type(odd) select, #checkout .step.two .row.choose-object select,
    #checkout .step.two .row:nth-of-type(odd) label, #checkout .step.two .row:nth-of-type(odd) span,
    #checkout .step.two label[for="delivery_comment"], #checkout .step.two .row.choose-object label, 
    #checkout .step.two .row.block span.checkbox, #checkout .step.two .row.block span.select-payment-method,
    #checkout .step.two .row.block span.invoice-text, #checkout .step.two .row:not(.not-odd):nth-of-type(odd) label, 
    #checkout .step.two .row:nth-of-type(odd) span, #checkout .step.two label[for="delivery_comment"], 
    #checkout .step.two .row.choose-object label { width: 100%; }
    #checkout .step.two .row.new-address span + input { width: 30%; }
    #checkout .step.two .row.new-address span + input + input { width: 70%; }
    #checkout .step.two .message.float { position: fixed; }
    #checkout #delivery_comment { min-width: 100%; max-width: 100%; }
    #checkout .terms-text p { width: 90%; }
    #checkout .base-another-order.date { text-align: left; }
    #checkout .remove-order { background: none; color: #7D342E; padding-left: 0; font-size: 16px; font-weight: 700; }
    #checkout .row.base-another-order.date ~ .row.base-another-order.date { position: relative; }
    #checkout .row.base-another-order.date ~ .row.base-another-order.date:after { content: ''; position: absolute; z-index: -1; background: #BF9B7B; top: 0; left: -10px; right: -10px; bottom: -100px; }
    #checkout .btn-red { padding-left: 0; display: inline-block; }
    #checkout .btn-red:before { content: none; }
    #checkout .btn-red span { min-height: 40px; height: auto; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
    article.preview .w > img { max-width: 100%; padding-right: 0; float: none; }
    article.preview > .w { padding-right: 0; }
    .news_and_fun article.preview h1 { padding-top: 0; }
    article.preview > .w .txt-editor { padding: 20px 10px; }
    #checkout .step.three .client-info .row-1, #checkout .step.three .client-info .row-2 { width: 100%; }
    #checkout .step.three .client-info .row-2 { margin-left: 0; }
    #checkout .next-step { font-size: 14px !important; }

    header.lined .red-line { font-size: 12px; line-height: 15px; }

    .franchise .carriers form.long .row label.yes-no.checkbox { width: 100%; margin-bottom: 10px; }
    #franchiseHero .hero-inner { padding: 0 24px; }
    #franchiseHero .hero-content { padding: 24px 0 0 0; }
    #franchiseHero .hero-gallery { grid-template-columns: repeat(2, 1fr); }
    #franchiseHero .hero-content h2 .line-1 { font-size: 1.5rem; margin-right: 0; }
    #franchiseHero .hero-content h2 .line-2 { font-size: 0.8rem; }
    #franchiseHero .hero-btn { width: 100%; text-align: center; }

    .flexslider .holder { width: 90%; left: 5%; top: auto; bottom: 5%; }
    .flexslider .holder .ttl { font-size: 30pt; line-height: 30pt; }
    .flexslider .holder .desc { font-size: 20px; }
    .flexslider .holder a { padding: 8px 25px; font-size: 20px; }

    .cookies ~ .franchise-button { visibility: hidden !important; opacity: 0 !important; }

    .certificate-item { flex-direction: column; overflow-y: auto; }
    article.menu-item.certificate-item .bg { display: none; }
    .menu-item .floater { width: 100% !important; min-height: auto; order: 1; }
    .menu-item .certificate-data { width: 100%; overflow-y: unset; order: 2; }
    .certificate-item .certificate-data table { font-size: 0.75rem; }
    .certificate-item .certificate-data table tr td:not(:last-of-type) { padding-bottom: 5px; }

}

@media screen and (max-width: 420px) {
    #franchiseHero .hero-content h2 .line-1 { font-size: 1.5rem; max-width: 85%; }
    .franchise .vertical-stepper h2 { width: 90%; }
}