@media only screen and (max-width: 1600px) {
    .site-margin {
        max-width: 95%;
    }

    .home-slider .owl-carousel .item {
        height: 700px;
    }

    .slider-information-box {
        top: 15%;
    }
}

@media only screen and (max-width: 1366px) {
    .home-slider .owl-carousel .item {
        height: 600px;
    }

    .slider-information-box {
        top: 15%;
    }

    .home-slider .slider-content {
        padding: 30px;
        width: 350px;
        height: 420px;
        border-radius: 0 0 0 50px;
    }

    .t-white-40 {
        font-size: 35px
    }

    .t-white-40-b {
        font-size: 35px;
    }

    .home-slider .custom-owl-nav-home button {
        width: 50px;
        height: 50px;
    }

    .home-counter-text p {
        font-size: 25px;
        margin-left: 15px;
    }

    .b-1-title-box {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .b-1-center {
        padding: 200px 50px;
    }

    .b-1-left a {
        margin-top: 90px;
    }

    .b-2-box {
        height: 600px;
    }

    .banner-2 .col-md-4 {
        height: 600px;
    }

    .b-2-center-1 .b-2-product-img {
        left: -200px;
    }

    .b-2-center-2 .b-2-product-img {
        right: -250px;
    }

    .b-3-img {
        height: 600px;
    }

    .banner-4 .row {
        height: 600px;
    }

    .b-7-content-box {
        padding: 35px 50px;
    }

    .b-10-content-box {
        padding: 35px 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .navbar {
        height: 80px;
    }

    .nav-header-menu {
        display: none;
    }

    .nav-header-menu-2 {
        display: none;
    }

    .logo {
        height: 40px;
    }

    .header-navbar-button {
        background-color: transparent;
        color: var(--blue);
        font-size: 30px;
        border: none;
        display: block;
        transition: 0.3s ease-in-out;
    }

    .nav-header-menu li {
        margin-left: 5px;
    }

    .mobile-header-menu-button {
        display: block;
        color: var(--orange);
        font-size: 22px;
    }

    .mobile-header-menu li {
        margin-bottom: 5px;
        border-bottom: solid 1px #17245188;
    }

    .mobile-header-menu li a {
        display: block;
        padding: 10px 10px;
        text-align: right;
        color: var(--red);
        font-weight: 500;
    }

    .offcanvas {
        background-color: #F5F9FF;
    }

    .offcanvas-header {
        height: 100px;
    }

    .offcanvas-close {
        background-color: transparent;
        color: var(--red);
        font-size: 40px;
        border: none;
        display: block;
        transition: 0.3s ease-in-out;
        margin-left: auto;
    }

    .left-menu-ul .list-group-item {
        border: none;
        margin-bottom: 5px;
        font-family: "SUSE", sans-serif;
        font-weight: 600;
        color: var(--red);
        background-color: transparent;
        font-size: 20px;
        text-align: right;
        display: inline-flex;
        justify-content: end;
        align-items: center;
    }

    .hover-mobile-menu {
        width: 100%;
        margin-left: auto;
        border-right: solid 1px var(--red);
        margin-right: 10px;
        border-bottom: solid 1px var(--red);
    }

    .header-m-logo {
        height: 40px;
    }

    .hover-mobile-menu ul {
        padding: 0;
    }

    .hover-mobile-menu ul li {
        text-align: right;
        margin-bottom: 10px;
    }

    .hover-mobile-menu ul li a {
        font-family: "SUSE", sans-serif;
        font-size: 16px;
        color: var(--red);
        font-weight: 500;
        padding-right: 10px;
    }

    .mobile-lang {
        width: 35px;
        height: 35px;
        padding: 0px 5px 0 5px;
        border-radius: 20px;
        left: 85%;
    }

    .home-slider {
        margin-top: 80px;
    }

    .home-slider .owl-carousel .item {
        height: 500px;
    }

    .slider-information-box {
        top: 15%;
    }

    .home-slider .slider-content {
        padding: 30px;
        width: 320px;
        height: 380px;
        border-radius: 0 0 0 50px;
    }

    .t-white-40 {
        font-size: 30px
    }

    .t-white-40-b {
        font-size: 30px;
    }

    .home-slider .custom-owl-nav-home button {
        width: 50px;
        height: 50px;
    }

    .home-counter-text p {
        font-size: 25px;
        margin-left: 15px;
    }

    .b-1-center {
        padding: 20px 40px;
    }
}

@media only screen and (max-width: 768px) {
    .home-slider .owl-carousel .item {
        height: 400px;
    }

    .slider-information-box {
        top: 10%;
    }

    .home-slider .slider-content {
        padding: 20px;
        width: 250px;
        height: 320px;
        border-radius: 0 0 0 30px;
    }

    .t-white-40 {
        font-size: 20px
    }

    .t-white-40-b {
        font-size: 20px;
    }

    .home-slider .custom-owl-nav-home button {
        width: 45px;
        height: 45px;
    }
    .home-counter-text p {
        font-size: 20px;
        margin-left: 15px;
    }

    .t-coffee-60 {
        font-size: 30px;
    }

    .t-coffee-60-b {
        font-size: 30px;
    }

    .b-1-left a {
        margin-top: 25px;
    }

    .b-1-center {
        margin-top: 25px;
        padding: 20px 40px;
    }

    .b-1-title-box {
        height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .b-1-t-b-left {
        width: 100%;
        padding-left: 20px;
    }

    .t-coffee-60 {
        font-size: 30px;
    }

    .t-coffee-60-b {
        font-size: 30px;
    }

    .b-1-left a {
        margin-top: 25px;
    }

    .b-1-center {
        margin-top: 25px;
        padding: 20px 40px;
    }

    .b-1-right {
        padding-left: calc(var(--bs-gutter-x) * .5);
        height: 300px;
        margin-top: 25px;
    }

    .b-2-left {
        display: none;
    }

    .b-2-right {
        display: none;
    }

    .banner-3 .col-md-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .b-3-box-to-box {
        background-color: rgb(255 255 255 / 12%);
        padding: 30px 10px 30px 60px;
        border-radius: 0 30px 30px 0;
        position: absolute;
        right: 0px;
        bottom: 70px;
        display: grid;
    }

    .b-3-box {
        position: relative;
        top: 0px;
    }

    .b-3-img {
        height: 280px;
        top: 50px;
        left: 10%;
    }

    .b-3-content-icons span {
        margin-right: 20px;
        margin-left: 20px;
    }

    .b-3-content-icons img {
        width: 35px;
    }

    .b-3-content-icons span p {
        margin-left: 15px;
        font-size: 13px;
    }

    .b-3-b-t-b-1 {
        background-color: #bad0a530;
    }

    .b-3-b-t-b-2 {
        background-color: #f3c8b833;
    }

    .b-3-b-t-b-3 {
        background-color: #a9bbc22f;
    }

    .b-20-right {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .b-9-right {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .b-11-right {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .b-13-left {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .b-13-right-2 {
        display: block;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .b-13-right {
        display: none;
    }

    .b-14-left {
        display: none;
    }

    .product-category-menu {
        display: block;
        background-color: transparent;
        font-size: 25px;
        border: none;
        transition: 0.3s ease-in-out;
    }

    .banner-14-pink .product-category-menu {
        color: var(--pink5);
    }

    .banner-14-blue .product-category-menu {
        color: var(--blue);
    }

    .offcanvas-close {
        background-color: transparent;
        color: var(--blue);
        font-size: 40px;
        border: none;
        display: block;
        transition: 0.3s ease-in-out;
        margin-left: auto;
    }

    .left-menu-ul .list-group-item {
        border: none;
        margin-bottom: 5px;
        font-weight: 600;
        color: var(--gray);
        background-color: transparent;
        font-size: 20px;
        text-align: right;
        display: inline-flex;
        justify-content: end;
        align-items: center;
    }

    .b-14-r-top {
        position: sticky;
        top: 80px;
    }

    /* .media-1 img {
        height: 150px;
    } */

    .media-2 img {
        height: 150px;
    }

    .media-3 img {
        height: 150px;
    }

    .b-17-left {
        padding-left: 30px;
    }

    .b-17-right {
        padding-right: 30px;
    }

    .product-list-box {
        height: auto;
    }

    .product-list-box p {
        margin-top: 30px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 576px) {
    .btn-site {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .home-slider .owl-carousel .item {
        height: 280px;
    }

    .slider-information-box {
        top: 10%;
    }

    .home-slider .slider-content {
        padding: 20px;
        width: 180px;
        height: 220px;
        border-radius: 0 0 0 30px;
    }

    .t-white-40 {
        font-size: 20px;
    }

    .t-white-40-b {
        font-size: 20px;
    }

    .home-slider .custom-owl-nav-home button {
        width: 35px;
        height: 35px;
    }

    .home-slider .custom-owl-nav-home button svg {
        width: 12px;
    }

    .home-slider-button {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .home-counter-text p {
        font-size: 15px;
        margin-left: 10px;
    }

    .home-slider-button-border {
        margin-right: 5px;
    }

    .b-1-title-box {
        height: 80px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .b-1-t-b-left {
        width: 100%;
        padding-left: 20px;
    }

    .t-coffee-60 {
        font-size: 30px;
    }

    .t-coffee-60-b {
        font-size: 30px;
    }

    .b-1-left a {
        margin-top: 25px;
    }

    .b-1-center {
        margin-top: 25px;
        padding: 20px 40px;
    }

    .b-1-right {
        padding-left: calc(var(--bs-gutter-x) * .5);
        height: 300px;
        margin-top: 25px;
    }

    .banner-2 .col-md-4 {
        height: 250px;
    }

    .b-2-box {
        height: 250px;
        padding: 20px 30px;
        width: 70%;
    }

    .banner-2-mobile-menu {
        margin-top: 50px;
    }

    .banner-2-mobile-menu .b-2-box {
        height: 200px;
    }

    .banner-2-mobile-menu .col-md-4 {
        height: 200px;
    }

    .b-2-center-1 {
        border-radius: 0 30px 0 0;
    }

    .b-2-center-2 {
        border-radius: 0 0 0 20px;
        margin-top: 25px;
    }

    .b-2-center-1 .b-2-product-img {
        left: -50px;
    }

    .b-2-center-2 .b-2-product-img {
        right: -100px;
    }

    .b-2-logo {
        height: 25px;
    }

    .t-white-60 {
        font-size: 22px;
    }

    .t-white-60-b {
        font-size: 22px;
    }

    .b-2-center-1:hover {
        width: 80%;
    }

    .b-2-center-2:hover {
        width: 80%;
    }

    .b-3-img {
        height: 200px;
        top: 50px;
    }

    .b-3-content-icons span {
        margin-right: 10px;
        margin-left: 10px;
    }

    .b-3-content-icons img {
        width: 15px;
    }

    .b-3-content-icons span p {
        margin-left: 5px;
        font-size: 13px;
    }

    .banner-4 {
        background-position-x: 30%;
    }

    .banner-4 .col-md-12 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .banner-4 .row {
        height: 250px;
    }

    .t-white-48 {
        font-size: 16px;
    }

    .b-4-r-box p {
        font-size: 16px
    }

    .b-4-r-box {
        height: 60%;
        width: 70%;
        padding: 40px 20px;
    }

    .banner-5 {
        margin-top: 50px;
    }

    .b-5-left {
        padding: 10px 10px;
    }

    .b-5-left input {
        width: 100%;
    }

    .b-5-left button {
        margin-top: 20px;
    }

    .b-5-right {
        justify-content: end;
    }

    .b-5-right img {
        top: -225px;
        right: 5px;
        width: 70px;
    }

    .banner-6 .col-6 {
        padding: 0px;
    }

    .b-6-box {
        height: 300px;
        padding: 50px 15px;
        width: 100%;
    }

    .b-6-box-1 .catalog {
        width: 80%;
    }

    .logo-set {
        margin-top: 50px;
    }

    .logo-set a {
        margin-right: 15px;
    }

    .logo-set a img {
        width: 35px;
    }

    .phone-set {
        margin-top: 50px;
    }

    .t-pink3-52 {
        font-size: 24px;
    }

    .b-6-box-1 {
        border-radius: 20px 0 0 0;
    }

    .b-6-box-2 {
        border-radius: 0 20px 0 0;
    }

    .b-6-box-3 {
        border-radius: 0 0 0 20px;
    }

    .b-6-box-3 .overlay-b-6 {
        border-radius: 0 0 0 20px;
    }

    .b-6-box-4 {
        border-radius: 0 0 20px 0;
    }

    .f-right {
        margin-top: 20px;
    }

    .footer-social-media {
        margin-right: 20px;
    }

    .footer-social-media a {
        margin-left: 0px;
        margin-right: 30px;
    }

    .footer-categories {
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }

    .footer-menu-title {
        margin-top: 20px;
    }

    .footer-menu {
        padding: 10px;
    }

    .banner-7 .row {
        height: 450px;
    }

    .b-7-content-box {
        height: 180px;
    }

    .b-7-content-box p {
        line-height: normal;
    }

    .banner-8 {
        margin-top: 0px
    }

    .banner-8 .col-6 {
        padding: 0px;
    }

    .b-8-box {
        height: 250px;
        padding: 30px;
    }

    .b-8-box img {
        margin-bottom: 25px;
    }

    .b-8-box-green {
        border-radius: 28px 0 0 0;
    }

    .b-8-box-coffee {
        border-radius: 0 28px 0 0;
    }

    .b-8-box-gray {
        border-radius: 0 0 0 28px;
    }

    .b-8-box-pink {
        border-radius: 0 0 28px 0;
    }

    .t-green5-60 {
        font-size: 35px;
    }

    .t-coffee8-60 {
        font-size: 35px;
    }

    .t-gray3-60 {
        font-size: 35px;
    }

    .t-pink3-60 {
        font-size: 35px;
    }

    .t-blue7-48 {
        font-size: 28px;
    }

    .t-blue7-48-b {
        font-size: 28px;
    }

    .banner-10 .row {
        height: 450px;
    }

    .banner-10 .row {
        height: 450px;
    }

    .b-10-content-box {
        height: 180px;
    }

    .b-10-content-box p {
        line-height: normal;
    }

    .t-lilac-60 {
        font-size: 30px;
    }

    .t-lilac-60-b {
        font-size: 30px;
    }

    .t-lilac-52 {
        font-size: 28px;
    }

    .t-lilac-52-b {
        font-size: 28px;
    }

    .banner-12 img {
        height: 200px;
        margin-bottom: 20px;
    }

    .feature-box {
        font-size: 13px;
        padding: 20px 10px;
        height: 100px;
        align-items: normal;
    }

    .features-box table tr td {
        height: 100px;
        align-items: normal;
        font-size: 13px;
    }

    .are-box p {
        font-size: 13px;
    }

    .t-b-title-2 {
        font-size: 16px;
    }

    .contact-right {
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
}