/* ------------------- 300 -------------------- */

@media (min-width: 300px) {
    .banner-main {
        min-height: 33vh;
        margin-top: 70px;
    }
}

@media (min-width: 300px) {
    .nav-img {
        position: relative;
        height: 70px;
        width: 70px;
    }
}

@media (min-width: 300px) {
    .link-navimg {
        height: 60px;
        width: 60px;
    }
}

@media (min-width: 300px) {
    .item-prf {
        padding: 20px 25px;
        background: #f2f2f2;
        display: block;
        margin-right: 5px;
        border-radius: 5px;
    }
}

@media (min-width: 300px) {
    .link-navicon i {
        font-size: 30px;
    }
}

@media (min-width: 300px) {
    .navbar-menu {
        justify-content: space-between;
    }
}

@media (min-width: 300px) {
    .navbar-item {
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        min-height: 4em;
        top: 70px;
        display: none;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li a.item-menu {
        margin-bottom: 5px;
        width: 100%;
        padding: 15px 20px;
        font-size: 14px;
        color: #333;
        border-bottom: 1px solid #bbb;
        background: #fff;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li:last-child a.item-menu {
        border-top: 1px solid #bbb;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li:first-child a.item-menu {
        margin-bottom: 1px;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: stretch;
    }
}

@media (min-width: 300px) {
    .item-prf i {
        font-size: 20px;
        color: #333;
    }
}

@media (min-width: 300px) {
    .navmenu-list {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: stretch;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li:hover a.item-menu {
        background: #f2f2f2;
        transition: .3s ease-in;
        color: #333;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li a.item-menu.active {
        background: #f2f2f2;
        color: #333;
    }
}

@media (min-width: 300px) {
    #mainNavbar {
        /*transition: background-color 0.3s ease;*/
        background-color: #fff;
    }
}

@media (min-width: 300px) {
    .navmenu-list ul.navmenu li a.item-menu::after {
        right: 1%;
    }
}

@media (min-width: 300px) {
    .nav-sub ul.listsub li a:hover,
    .nav-sub ul.listsub li a.active {
        background: #fff;
    }
}

@media (min-width: 300px) {
    .nav-sub ul.listsub li a:hover,
    .nav-sub ul.listsub li a.active {
        background: #fff;
    }
}

@media (min-width: 300px) {
    .shop-wrap h4 {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .shop-icon {
        min-height: 60px;
        min-width: 60px;
    }
}

@media (min-width: 300px) {
    .ladang-info h4 {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
}

@media (min-width: 300px) {
    .ladang-info p {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .btn-more {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .ladang-wrap {
        min-height: 10em;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 20px;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
}

@media (min-width: 300px) {
    .video-info h4 {
        font-size: 14px;
        margin-top: 30px;
        margin-bottom: 25px;
    }
}

@media (min-width: 300px) {
    .ladang-video {
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 20px;
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (min-width: 300px) {
    .video-wrap {
        position: relative;
        width: 100%;
        padding-bottom: 79.3%;
        height: 0;
        overflow: hidden;
    }
}

@media (min-width: 300px) {
    .card-item {
        height: 130px;
    }
}

@media (min-width: 300px) {
    .cart-link {
        width: calc(50% - 10px);
    }
}

@media (min-width: 300px) {
    .video-info p {
        font-size: 14px;
        padding: 0;
        /*margin: 0;*/
    }
}


/* -------------------- 320 -------------------- */

@media (min-width: 320px) {
    .card-item {
        height: 135px;
    }
}


/* -------------------- 375 -------------------- */

@media (min-width: 375px) {
    .card-item {
        height: 163px;
    }
}


/* -------------------- 400 -------------------- */

@media (min-width: 400px) {
    .card-item {
        height: 200px;
    }
}


/* -------------------- 425 -------------------- */

@media (min-width: 425px) {
    .card-item {
        height: 191px;
    }
}


/* -------------------- 568 -------------------- */

@media (min-width: 568px) {
    .card-item {
        height: 260px;
    }
}


/* -------------------- 576 -------------------- */

@media (min-width: 576px) {
    .banner-main {
        min-height: 50vh;
    }
}

@media (min-width: 576px) {
    .shop-wrap h4 {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .ladang-info h4 {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .ladang-info p {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .video-info h4 {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .video-info p {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .card-item {
        height: 250px;
    }
}


/* -------------------- 768 -------------------- */

@media (min-width: 768px) {
    .banner-main {
        min-height: 100vh;
        margin-top: 60px;
    }
}

@media (min-width: 768px) {
    .link-navimg {
        height: 60px;
        width: 60px;
    }
}

@media (min-width: 768px) {
    .link-navicon i {
        font-size: 30px;
    }
}

@media (min-width: 768px) {
    .shop-wrap h4 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .shop-icon {
        min-height: 65px;
        min-width: 65px;
    }
}

@media (min-width: 768px) {
    .ladang-info h4 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .ladang-info p {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .video-info h4 {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .video-info p {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .card-item {
        height: 167px;
    }
}


/* -------------------- 992 ------------------- */

@media (min-width: 992px) {
    .navmenu-list ul.navmenu li:last-child a.item-menu {
        border-top: none;
    }
}

@media (min-width: 992px) {
    .banner-main {
        min-height: 100vh;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .link-navimg {
        height: 90px;
        width: 90px;
    }
}

@media (min-width: 992px) {
    .link-navicon i {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .navbar-toogle {
        display: none;
    }
}

@media (min-width: 992px) {
    .navbar-menu {
        justify-content: start;
    }
}

@media (min-width: 992px) {
    .navbar-item {
        top: 15px;
        width: calc(100% - 105px);
        right: 0;
        left: unset;
        background: transparent;
        /*background: red;*/
        display: block;
    }
}

@media (min-width: 1200px) {
    .navbar-item {
        width: calc(100% - 115px);
        background: transparent;
        /*background: red;*/
    }
}

@media (min-width: 1400px) {
    .navbar-item {
        width: calc(100% - 190px);
        background: transparent;
        /*background: red;*/
    }
}

@media (min-width: 992px) {
    .navmenu-list ul.navmenu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .navmenu-list ul.navmenu li a.item-menu {
        margin-bottom: 0px;
        width: unset;
        padding: 20px 20px 20px 5px;
        margin-left: 0px;
        margin-right: 10px;
        border-bottom: none;
        background: lime;
        background: transparent;
        color: #fff;
        font-size: 16px;
        /*border-left: 1px solid #bbb;*/
        /*border-right: 1px solid #bbb;*/
    }
}

@media (min-width: 992px) {
    .navmenu-list ul.navmenu li:hover a.item-menu,
    .navmenu-list ul.navmenu li a.item-menu.active {
        border-radius: 10px 10px 0px 0px;
    }
}

@media (min-width: 992px) {
    #mainNavbar {
        transition: background-color 0.3s ease;
        background-color: transparent;
    }
}

@media (min-width: 992px) {
    .navmenu-list ul.navmenu li:first-child a.item-menu {
        /*border-left: 1px solid #bbb;*/
    }
}

@media (min-width: 992px) {
    .navmenu-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .nav-prf {
        background: #fff;
        background: transparent;
        padding-bottom: 0px;
        border-bottom: none;
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .item-prf {
        padding: 18px 10px;
        background: #f2f2f2;
        background: transparent;
        display: block;
        margin-right: 5px;
    }
}

@media (min-width: 992px) {
    .item-prf i {
        font-size: 20px;
        color: #fff;
    }
}

@media (min-width: 992px) {
    .navmenu-list ul.navmenu li a.item-menu::after {
        right: -1%;
        top: 51%;
    }
}

@media (min-width: 992px) {
    .nav-sub {
        min-height: 5em;
        min-width: 18em;
        position: absolute;
        background: #f2f2f2;
        top: 62px;
        left: 0;
        border-radius: 0px 0px 10px 10px;
    }
}

@media (min-width: 992px) {
    .shop-wrap h4 {
        font-size: 27px;
    }
}

@media (min-width: 992px) {
    .nav-sub ul.listsub li:last-child a {
        border-radius: 0px 0px 10px 10px;
    }
}

@media (min-width: 992px) {
    .shop-icon {
        min-height: 70px;
        min-width: 70px;
    }
}

@media (min-width: 992px) {
    .ladang-info h4 {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
    .ladang-info p {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .btn-more {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .ladang-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        background: none;
        border-radius: 0px;
        padding: 0px;
        /*background: lime;*/
        min-height: 36em;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .ladang-pic {
        /*background: red;*/
        width: 45%;
        position: absolute;
        z-index: 2;
    }
}

@media (min-width: 992px) {
    .ladang-info {
        width: 60%;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 20px 65px;
    }
}

@media (min-width: 992px) {
    .video-info h4 {
        font-size: 28px;
    }
}

@media (min-width: 992px) {
    .video-info p {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .ladang-video {
        border-radius: 0px;
        background: transparent;
        box-shadow: none;
        padding: 0px;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        /*background: lime;*/
        min-height: 39em;
    }
}

@media (min-width: 992px) {
    .video-wrap {
        position: relative;
        width: 40%;
        padding-bottom: 40.3%;
        height: 0;
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .video-info {
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 21px 45px;
        position: absolute;
        width: 56%;
        top: 0;
        left: 0;
    }
}

@media (min-width: 992px) {
    .card-item {
        height: 223px;
    }
}


/* -------------------- 1024 ------------------- */

@media (min-width: 1024px) {
    .card-item {
        height: 228px;
    }
}


/* -------------------- 1200 ------------------- */

@media (min-width: 1200px) {
    .navmenu-list ul.navmenu li a.item-menu {
        padding: 20px 25px 20px 20px;
        /*background: lime;*/
        /*background: transparent;*/
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .item-prf {
        padding: 18px 20px;
        background: #f2f2f2;
        background: transparent;
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .item-prf i {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {
    .nav-sub {
        top: 68px;
    }
}

@media (min-width: 1200px) {
    .ladang-wrap {
        min-height: 30em;
    }
}

@media (min-width: 1200px) {
    .ladang-video {
        min-height: 35em;
    }
}

@media (min-width: 1200px) {
    .video-wrap {
        width: 42%;
        padding-bottom: 35.3%;
    }
}

@media (min-width: 1200px) {
    .card-item {
        height: 278px;
    }
}


/* -------------------- 1400 ------------------- */

@media (min-width: 1400px) {
    .ladang-wrap {
        min-height: 28em;
    }
}

@media (min-width: 1400px) {
    .navmenu-list ul.navmenu li a.item-menu {
        padding: 20px 25px 20px 20px;
        /*background: lime;*/
        /*background: transparent;*/
        font-size: 21px;
    }
}

@media (min-width: 1400px) {
    .nav-sub {
        top: 72px;
    }
}

@media (min-width: 1400px) {
    .ladang-video {
        min-height: 32em;
    }
}

@media (min-width: 1400px) {
    .video-wrap {
        width: 40%;
        padding-bottom: 30.3%;
    }
}

@media (min-width: 1400px) {
    .card-item {
        height: 315px;
    }
}

@media (min-width: 300px) {
    .label-cart p {
        color: #333;
        font-size: 10px;
        line-height: 11px;
    }
}

@media (min-width: 375px) {
    .label-cart p {
        font-size: 12px;
        line-height: 15px;
    }
}

@media (min-width: 400px) {
    .label-cart p {
        font-size: 13px;
    }
}

@media (min-width: 568px) {
    .label-cart p {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .label-cart p {
        font-size: 16px;
    }
}

@media (min-width: 1024px) {
    .label-cart p {
        line-height: 18px;
    }
}

@media (min-width: 1200px) {
    .label-cart p {
        font-size: 24px;
        line-height: 24px;
    }
}

@media (min-width: 300px) {
    .label-cart {
        padding: 7px 20px;
        height: 33%;
        bottom: 0px;
    }
}

@media (min-width: 375px) {
    .label-cart {
        padding: 5px 20px;
    }
}

@media (min-width: 400px) {
    .label-cart {
        padding: 10px 20px;
    }
}

@media (min-width: 425px) {
    .label-cart {
        padding: 8px 20px;
    }
}

@media (min-width: 568px) {
    .label-cart {
        padding: 13px 43px;
    }
}

@media (min-width: 768px) {
    .label-cart {
        padding: 5px 20px;
        height: 35%;
    }
}

@media (min-width: 992px) {
    .label-cart {
        padding: 13px 20px;
        height: 33%;
    }
}

@media (min-width: 1024px) {
    .label-cart {
        padding: 8px 20px;
    }
}

@media (min-width: 1200px) {
    .label-cart {
        padding: 10px 20px;
    }
}

@media (min-width: 300px) {
    .label-price {
        min-width: 50%;
        padding: 8px 5px;
    }
}

@media (min-width: 576px) {
    .label-price {
        padding: 10px 5px;
    }
}

@media (min-width: 768px) {
    .label-price {
        padding: 9px 5px;
    }
}

@media (min-width: 1200px) {
    .label-price {
        min-width: 40%;
    }
}

@media (min-width: 300px) {
    .label-price p {
        font-size: 12px;
    }
}

@media (min-width: 568px) {
    .label-price p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .label-price p {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .label-price p {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .label-stock {
        top: -11px;
        right: -55px;
        padding: 0px 29px;
        width: 144px;
        height: 78px;
        transform: rotate(50deg);
    }
}

@media (min-width: 992px) {
    .label-stock p {
        font-size: 16px;
        top: 36px;
        line-height: 16px;
        left: -4px;
    }
}

@media (min-width: 300px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -80px top 0em / cover no-repeat;
        height: 28vh;
    }
}

@media (min-width: 320px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -68px top 0em / cover no-repeat;
        height: 17vh;
    }
}

@media (min-width: 375px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -68px top 0em / cover no-repeat;
        height: 19vh;
    }
}

@media (min-width: 400px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -68px top 0em / cover no-repeat;
        height: 23vh;
    }
}

@media (min-width: 425px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -68px top 0em / cover no-repeat;
        height: 21vh;
    }
}

@media (min-width: 568px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -68px top 0em / cover no-repeat;
        height: 25vh;
    }
}

@media (min-width: 576px) {
    .about-main {
        background: url("/img/banner/banner-about.png") left -80px top 0em / cover no-repeat;
        height: 40vh;
    }
}

@media (min-width: 768px) {
    .about-main {
        background: url("/img/banner/banner-about.png") right 0px top 0em / cover no-repeat;
        height: 44vh;
    }
}

@media (min-width: 992px) {
    .about-main {
        background: url("/img/banner/banner-about.png") right 0px top 0em / cover no-repeat;
        height: 43vh;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .about-main {
        height: 48vh;
    }
}

@media (min-width: 1400px) {
    .about-main {
        height: 50vh;
    }
}

@media (min-width: 300px) {
    .contact-main {
        background: url("/img/banner/banner%204.png") center top / cover no-repeat;
        min-height: 15em;
    }
}

@media (min-width: 576px) {
    .contact-main {
        background: url("/img/banner/banner%204.png") center top / cover no-repeat;
        min-height: 17em;
    }
}

@media (min-width: 768px) {
    .contact-main {
        background: url("/img/banner/banner%204.png") center top / cover no-repeat;
        min-height: 18em;
    }
}

@media (min-width: 992px) {
    .contact-main {
        background: url("/img/banner/banner%204.png") center top / cover no-repeat;
        min-height: 14em;
    }
}

@media (min-width: 1200px) {
    .contact-main {
        background: url("/img/banner/banner%204.png") center top / cover no-repeat;
        min-height: 17em;
    }
}

@media (min-width: 1400px) {
    .contact-main {
        background: url("/img/banner/banner3.png") center top / cover no-repeat;
        min-height: 24em;
    }
}

@media (min-width: 300px) {
    .contact-master h3 {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    .contact-master h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .contact-master h3 {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .contact-master h3 {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .contact-formmaster h3 {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    .contact-formmaster h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .contact-formmaster h3 {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .contact-formmaster h3 {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .contact-wrapper {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .contact-wrapper {
        margin-top: 20px;
        padding: 35px 30px;
    }
}

@media (min-width: 300px) {
    .contact-master {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .contact-master {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 300px) {
    .contact-form-wrap {
        margin-top: 15px;
        padding: 20px;
    }
}

@media (min-width: 992px) {
    .contact-form-wrap {
        margin-top: 20px;
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .contact-content {
        padding-top: 40px;
    }
}

@media (min-width: 300px) {
    .contact-info h4 {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    .contact-info h4 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .contact-info h4 {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .contact-info h4 {
        font-size: 22px;
    }
}

@media (min-width: 300px) {
    .contact-info p {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    .contact-info p {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .contact-info p {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .contact-info p {
        font-size: 22px;
    }
}

@media (min-width: 300px) {
    .contact-icon i.fa-phone-alt {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .contact-icon i.fa-phone-alt {
        font-size: 25px;
    }
}

@media (min-width: 300px) {
    .contact-icon i.fa-envelope {
        font-size: 23px;
    }
}

@media (min-width: 992px) {
    .contact-icon i.fa-envelope {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .contact-form-wrap h5 {
        font-size: 14px;
    }
}

@media (min-width: 576px) {
    .contact-form-wrap h5 {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .contact-form-wrap h5 {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .contact-form-wrap h5 {
        font-size: 20px;
    }
}

@media (min-width: 300px) {
    .contact-mapwrap h4 {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .map-info h5 {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .map-info p {
        font-size: 14px;
    }
}

@media (min-width: 300px) {
    .title-headpage p {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .title-headpage p {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .title-headpage h3 {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .title-headpage h3 {
        font-size: 30px;
    }
}

@media (min-width: 576px) {
    .menu-img {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
    }
}

@media (min-width: 300px) {
    .menu-img img {
        width: 95%;
        height: auto;
        object-fit: cover;
        object-position: center;
        margin-bottom: 20px;
    }
}

@media (min-width: 300px) {
    .menu-img img {
        width: 95%;
    }
}

@media (min-width: 576px) {
    .menu-img img {
        width: calc(50% - 10px);
    }
}

@media (min-width: 992px) {
    .menu-img img {
        width: calc(20% - 10px);
    }
}

@media (min-width: 300px) {
    .cart-info h5 {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cart-info h5 {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .cart-info {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .cart-info {
        margin-top: 0px;
    }
}

@media (min-width: 300px) {
    .cart-info h6 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .cart-info h6 {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .cart-info p {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cart-info p {
        font-size: 16px;
    }
}

@media (min-width: 300px) {
    .cart-info h4 {
        font-size: 13px;
    }
}

@media (min-width: 992px) {
    .cart-info h4 {
        font-size: 16px;
    }
}

@media (min-width: 300px) {
    .cart-label {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cart-label {
        font-size: 16px;
    }
}

@media (min-width: 300px) {
    .cart-desc h5 {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .cart-desc h5 {
        font-size: 24px;
    }
}

@media (min-width: 300px) {
    .cart-desc {
        width: 9em;
    }
}

@media (min-width: 992px) {
    .cart-desc {
        width: 15em;
    }
}

@media (min-width: 300px) {
    .mincart-wrapper {
        height: 105px;
        width: calc(33.33% - 5px);
    }
}

@media (min-width: 576px) {
    .mincart-wrapper {
        height: 155px;
    }
}

@media (min-width: 768px) {
    .mincart-wrapper {
        height: 160px;
        width: calc(25% - 5px);
    }
}

@media (min-width: 992px) {
    .mincart-wrapper {
        height: 115px;
        width: calc(33.33% - 5px);
    }
}

@media (min-width: 1200px) {
    .mincart-wrapper {
        height: 140px;
    }
}

@media (min-width: 1400px) {
    .mincart-wrapper {
        height: 125px;
    }
}

@media (min-width: 300px) {
    .filter-cart {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .filter-cart {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .flex-cart a.cart-link {
        width: calc(33.33% - 10px);
    }
}

@media (min-width: 992px) {
    .flex-cart a.cart-link {
        width: calc(25% - 10px);
    }
}

@media (min-width: 768px) {
    .flex-cart a.cart-link .card-item {
        height: 222px;
    }
}

@media (min-width: 1200px) {
    .flex-cart a.cart-link .card-item {
        height: 270px;
    }
}

@media (min-width: 1400px) {
    .flex-cart a.cart-link .card-item {
        height: 315px;
    }
}

@media (min-width: 300px) {
    .cart-sum {
        position: relative;
        z-index: 1;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .cart-sum {
        margin-top: 50px;
    }
}

@media (min-width: 300px) {
    .row-cart {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-content: flex-start;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .row-cart {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (min-width: 300px) {
    .main-product {
        margin-top: 15px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .main-product {
        margin-top: 40px;
    }
}