@media(max-width: 1199px){
    header#header .wrapper nav.main li .dropdown-content li{ margin-left: 0; }
    header#header .wrapper nav.icons.desktop { margin: 0 10px 0 15px; }
    .block2.steps ol li:nth-child(even) .pill .number, body.free-design .steps ol li:nth-child(even) .pill .number{order: 0;}
    .checkout_logos ul{gap: 5px;}
    .checkout_logos ul li{ flex: 0 0 calc(33% - 10px); margin: 0; text-align: center;}
}

@media screen and (max-width: 1024px){
    body.home .hero-row{align-items: flex-start;}
    body.products-listing #hero, body.cabinet-styles #hero, body.financing #hero.md, 
    body.assembly #hero.md, body.terms #hero.sm, body.contact #hero.md{min-height: fit-content;padding-top: 100px;}
    body.products-listing #hero.sm .wrapper, body.free-design #hero.xs .wrapper, body.contact #hero.md .wrapper, 
    body.financing #hero.md .wrapper, body.assembly #hero.md .wrapper, body.terms #hero.sm .wrapper{padding-top: 0;}
    body.free-design .flex-vertical .bottom.contact-info-container{align-self: flex-start;}
    body.financing .steps.alt .pill{padding: 20px 25px 25px 45px;}
    body.contact section .contact-info .title-lg{margin-bottom: 15px;}
    body.contact .contact-info ul{display: flex; flex-direction: column;}
    body.account .with-sidebar aside{margin-right: 30px;}
    body.shopping_cart .cartItems .padding .actions{ padding: 10px 0; flex-wrap: wrap; gap: 10px 20px;}
    body.shopping_cart .cartItems #cart_contents table.cart td:first-child, body.viewestimate.checkout section .section table.cart td, 
    body.checkout_shipping2.checkout section .section table.cart td:first-child {padding-left: 10px; font-size: 14px;}
    body.shopping_cart .cartItems #cart_contents table.cart #cart-items td.manage{text-align: left;}
    body.shopping_cart .section.with-sidebar aside.right{margin-left: 20px;}
    body.checkout .section.with-sidebar aside.right{margin-left: 20px;}
    body.viewestimate.checkout section .section table.cart td:before, body.checkout_shipping2.checkout section .section table.cart td:before {content: attr(data-th) ": "; font-family: 'Metropolis Semi Bold'; text-transform: uppercase;}
    body.viewestimate.checkout section .section table.cart td, body.checkout_shipping2.checkout section .section table.cart td { text-align: left !important; }
    body.viewestimate.checkout .install-options tbody tr td:not(:first-child):before{width: 100px}
}

@media screen and (max-width: 991px){
    body.home .block1{display: grid;grid-template-columns: 1fr 1fr;}
    body.home .block1 li{width: 100%}
    body.home .block1:before, body.home .block1:after{display: none;}
    body.cabinet-styles #filters .filters .group > .toggle-group{margin-right: 10px;position: relative}
    body.cabinet-styles section .toggle-group a.toggle-trigger:after{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
    body.products-listing ul.listings.grid-three{-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;}
    .mt-md-3{margin-top: 0.75rem}
    .mt-md-5{margin-top: 1.5rem}
    body.account .address-row-in .col-md-6:last-child{ padding-left: 0}
    body.account .address-row-in .action-box {text-align: left !important; margin-top: 5px; }
    body.checkout .payment_container div.finance .row .col-sm-4{width: 100%;}
    body.checkout .shipping_address_container .address-row-in .styled-radio input:empty ~ label:before{flex: 0 0 18px;}
    body.viewestimate.checkout .installOptCol.col-sm-6{width: 100%}
    body.viewestimate.checkout .titleBoxContainer .actions{ flex-direction: column-reverse; text-align: center; gap: 10px;}
    body.checkout #chechout-forms .total-row a.btn.btnPlaceOrder{padding: 18px 32px;width: auto;}
}

@media screen and (max-width: 767px){
    body.home .hero-row{align-items: center;}
    body.home .block1{grid-template-columns: 1fr;}
    body.home .stripe li, body.free-design .stripe li, body.terms .stripe li, body.contact .stripe li{flex: 1 0 50%; margin: 10px 0;}
    body.cabinet-styles .section.no-padding-bottom-mobile .hide-desktop a.filters-toggle{margin: 10px 0 15px;}
    body.cabinet-styles section .filters .toggle-group .toggle-content{text-align: left}
    body.free-design .FrmDesignService select[name='project_timeline']{margin-bottom: 12px;}
    body.free-design .contact-info-container h3.title-lg, body.assembly .contact-info h3.title-lg, body.terms .wrapper h2.title-lg{margin-bottom: 15px;}
    body.account aside .categories.card{ width: 100% !important; max-width: 100%; margin-right: 0 }
    body.account .with-sidebar aside{margin-right: 0;}
    body.account h1.title-lg{margin-bottom: 15px;}
    body.shopping_cart .section.with-sidebar aside.right, body.checkout .section.with-sidebar aside.right{margin-left: 0;}
    body.shopping_cart .section.with-sidebar aside.right .categories.card, body.checkout .section.with-sidebar aside.right .categories.card{max-width: 100%;}
    body.shopping_cart .cartItems .padding .actions a{flex: none;font-size: 14px;}
    body.shopping_cart #cart-items .optional .styled-checkbox{display: block; padding: 0 0 10px 0; margin: 0;}
    body.viewestimate.checkout .installOptCol .installOptContainer table.cart td{ padding: 5px 15px}
    body.product-page .section aside .card.categories {max-width: 100%;}
    body.product-page .section #product-cards .product.card{padding: 20px 0px 20px 0;}
    body.product-page .section #product-cards .product.card h3{padding: 0 15px;}
    body.products-listing #sort .common-form, body.products-listing #sort .common-form .select{margin-right: 0}
    body.products-listing #sort > *:last-child{ white-space: nowrap;}
}

@media screen and (max-width: 767px){
    body.product-page #product-details-tabs ul.common-tabs li{ margin-bottom: 10px;}
}