/* NAVBAR */
@media (max-width: 991.98px) {
    #navbarSupportedContent {
        position: absolute;
        top: 54px;
        right: 0;
        background-color: #fff;
        z-index: 15;
    }

    .navbar-nav {
        padding: 1em;
        padding-bottom: 0;
    }

    .contact-row {
        flex-direction: column-reverse;
    }

    .grey-block {
        margin-top: 3em;
    }

    .cart-user-group {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        justify-content: space-around;
    }

    .order-summary .static-content {
        margin-top: 1rem;
    }

    .profile-navigation {
        border-bottom: 1px solid var(--szerszamshop-grey);
        margin-bottom: 2em;
    }

    .dropdown-menu {
        left: -112px;
    }
}


@media (max-width: 575.98px) {
    :root {
        --carousel-height: 350px;
        --wide-img-height: 400px;
    }

    .navbar-brand img {
        width: 165px;
    }

    .navbar .logo-block svg {
        height: 19px;
    }

    .carousel-caption {
        bottom: 48px;
        right: 5px;
        left: 52%;
    }

    .carousel .trapezoid {
        border-left: 109px solid transparent;
        width: 79%;
    }

    .carousel-caption h1 {
        font-size: 22px;
    }

    .carousel-caption p {
        font-size: 13px;
    }

    .carousel-caption a {
        font-size: 15px;
    }

    .section-title {
        font-size: 25px !important;
    }

    .famous-title .line {
        display: none;
    }

    .logos .row > div {
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .aktualis-img {
        margin-bottom: 1.5em;
        height: 285px;
        object-fit: contain;
    }

    .logos, .under-carousel {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .front-list > .product-block:nth-child(1) {
        margin-top: 2em;
    }

    .famous-title, .actual-title {
        margin-bottom: 1.5em;
    }

    .saw-text h3 {
        padding: 0;
        font-size: 20px !important;
    }

    .saw-text p {
        font-size: 16px;
    }

    .wide-img-container .trapezoid {
        border-left: 126px solid transparent;
        width: 56%;
    }

    .button-container a {
        padding: .5em 1em;
    }

    .wide-img-container {
        background-position-x: 16%;
        margin-top: 1em;
    }

    .cart-line {
        width: 40px;
    }

    .input-section {
        margin-top: 0;
    }

    .order-title {
        margin-top: .8em;
    }

    .cart-table-row:nth-child(2) {
        border-top: 2px solid var(--szerszamshop-grey);
    }

    .accordion .cart-table-row>div:nth-child(1),
    .cart-table-row>div:nth-child(1) {
        display: none;
    }

    .cart-table-row {
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .accordion .cart-table-row {
        text-align: center;
    }

    .cart-table-head {
        display: none;
    }

    .mobile-header {
        display: block;
        font-style: italic;
        text-transform: none;
        margin-top: .5em;
    }

    .quantity-select .plus,
    .quantity-select .minus {
        width: 35px;
    }

    .quantity-select input {
        width: 45px;
    }

    .quantity-select .plus,
    .quantity-select .minus,
    .quantity-select input {
        height: 32px;
    }

    .cart-first-step .cart-table-row {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .cart-table-row svg {
        top: 5px;
        right: 5px;
    }

    .cart-first-step .red-button.invert {
        margin-bottom: 1.5em;
    }

    .red-button {
        text-align: center;
    }

    .order-summary .order-title {
        font-size: 25px !important;
    }

    .heading {
        min-height: 160px;
    }

    .heading.saw {
        background-position: 79% 50%;
    }

    .heading h1 {
        font-size: 35px;
    }

    .contact-title-footer {
        margin-top: 1.5em;
    }

    .under-carousel .container > .row {
        justify-content: center;
    }

    .under-carousel .container > .row > div:not(:nth-last-child(1)) {
        margin-bottom: 2em;
    }

    .small-images img {
        height: 100px;
    }

    .category-name,
    .product-big-image {
        margin-top: 2em;
    }

    .product-view .old-price {
        font-size: 22px;
    }

    .product-view .actual-price {
        font-size: 30px;
    }

    .product-view .red-button {
        margin-top: 1.5em;
    }

    .select-column .form-control {
        width: 100%;
    }

    .category-img {
        height: 140px;
    }

    .category-link {
        margin-top: 1em;
    }

    .accordion button {
        flex-direction: column;
        align-items: flex-start;
    }

    .accordion .collapse-arrow {
        top: 46px;
    }

    .product-image {
        width: 290px;
    }

    .product-title ~ .position-relative {
        display: flex;
        justify-content: center;
    }

    .discount-badge {
        right: 20px;
    }

    #lightSliderProducts .discount-badge {
        right: 15px;
    }

    .grey-block .logo-block img {
        width: 180px;
    }
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --carousel-height: 460px;
        --wide-img-height: 460px
    }

    .carousel-caption {
        bottom: 68px;
        right: 15px;
        left: 52%;
    }

    .carousel .trapezoid {
        border-left: 200px solid transparent;
        width: 71%;
    }

    .carousel-caption h1 {
        font-size: 32px;
    }

    .carousel-caption p {
        font-size: 15px;
    }

    .carousel-caption a {
        font-size: 18px;
    }

    .under-carousel .container > .row {
        justify-content: center;
    }

    .under-carousel .container > .row > div:not(:nth-last-child(1)) {
        margin-bottom: 2em;
    }

    .actual-price {
        font-size: 19px;
    }

    .famous-title .line {
        width: 30px;
    }

    .famous-title.related .line {
        width: 115px;
    }

    .wide-img-container .trapezoid {
        border-left: 175px solid transparent;
        width: 59%;
    }

    .saw-text h3 {
        padding: 0;
    }

    .famous-title, .actual-title {
        margin-bottom: 2em;
    }

    .logos .row > div {
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .aktualis-img {
        margin-bottom: 1.5em;
    }

    .logos, .under-carousel {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .cart-table-row img {
        padding: 0;
    }

    .cart-table-row {
        padding-top: .5em;
        padding-bottom: .5em;
    }

    .quantity-select .plus,
    .quantity-select .minus {
        width: 35px;
    }

    .quantity-select input {
        width: 45px;
    }

    .quantity-select .plus,
    .quantity-select .minus,
    .quantity-select input {
        height: 32px;
    }

    .accordion .cart-table-row>div:nth-child(1),
    .cart-first-step .cart-table-row>div:nth-child(1) {
        display: none;
    }

    .cart-first-step .cart-table-row {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .cart-table-row svg {
        top: 5px;
        right: 5px;
    }

    .no-padding-sm {
        padding: 0;
    }

    .small-images img {
        height: 100px;
    }

    .product-view .old-price {
        font-size: 22px;
    }

    .product-view .actual-price {
        font-size: 30px;
    }

    .product-view .red-button {
        margin-top: 1.5em;
    }

    .select-column .form-control {
        width: 100%;
    }

    .category-img {
        height: 130px;
    }
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --carousel-height: 530px;
    }

    .under-carousel .container > .row {
        justify-content: center;
    }

    .under-carousel .container > .row > div:not(:nth-last-child(1)) {
        margin-bottom: 2em;
    }

    .old-price {
        font-size: 12px;
    }

    .actual-price {
        font-size: 17px;
    }

    .prices-underline::after {
        width: 130px;
    }

    .add-to-cart {
        font-size: 15px;
    }

    .carousel .trapezoid {
        border-left: 300px solid transparent;
        width: 69%;
    }

    .carousel-caption h1 {
        font-size: 37px;
    }

    .carousel-caption p {
        font-size: 17px;
    }

    .famous-title .line {
        width: 200px;
    }

    .famous-title.related .line {
        width: 290px;
    }

    .wide-img-container .trapezoid {
        width: 60%;
    }

    .cart-table-row img {
        padding: .8em;
    }

    .quantity-select .plus,
    .quantity-select .minus {
        width: 40px;
    }

    .quantity-select input {
        width: 50px;
    }

    footer .logo-block img {
        width: 175px;
    }
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .product-list .product-block,
    .front-list .product-block{
        padding-left: 15px;
        padding-right: 0;
    }

    .carousel .trapezoid {
        border-left: 340px solid transparent;
        width: 68%;
    }

    .carousel-caption h1 {
        font-size: 48px;
    }

    .famous-title .line {
        width: 440px;
    }

    .famous-title.related .line {
        width: 530px;
    }

    .old-price {
        font-size: 12px;
    }

    .actual-price {
        font-size: 17px;
    }

    .prices-underline::after {
        width: 130px;
    }

    .add-to-cart {
        font-size: 15px;
    }

    .category-link {
        font-size: 15px;
    }

    .order-title {
        font-size: 25px !important;
    }

    .grey-block .logo-block img {
        width: 170px;
    }

    footer .logo-block img {
        width: 175px;
    }

    .product-view .old-price {
        font-size: 26px;
    }

    .product-view .actual-price {
        font-size: 35px;
    }

    .product-view .red-button {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* XL */
@media (min-width: 1200px) {
    .product-list .product-block,
    .front-list .product-block{
        padding-left: 15px;
        padding-right: 0;
    }
}