.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
	.container-sm, .container { max-width: 100%; }
}
@media (min-width:768px) {
	.container-md, .container-sm, .container { max-width: 100%; }
}
@media (min-width:992px) {
	.container-lg, .container-md, .container-sm, .container { max-width: 100%; }
}
@media (min-width:1200px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1200px; }
}
@media (min-width:1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1414px; }
}


@media (max-width:1399px) {
.papercup-section .bottomtext img {height: 100%;width: 150px;}
.container-section .bottomtext img {height: 100%;width: 150px;}
.plate-section .bottomtext img {height: 100%;width: 150px;}
.pizza-section .bottomtext img {height: 100%;width: 150px;}
.bag-section .bottomtext img {height: 100%;width: 150px;}
.cleaningproduct-section .bottomtext img {height: 100%;width: 150px;}
     
}
@media (max-width:1199px) {
.papercup-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.papercup-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
.container-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.container-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
.plate-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.plate-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
.pizza-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.pizza-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
.bag-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.bag-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
.cleaningproduct-section table thead th{font-size: var(--Font-22);padding: 10px;text-align: center;}
.cleaningproduct-section table tbody td{font-size: var(--Font-20);padding: 6px 10px;text-align: center;}
}


@media (max-width:991px) {
.product-section{padding:40px 0;}
.product-section .card-img img{height:230px;}
.contact-section{padding: 40px 0;}

}
@media (max-width:767px) {
header .nav-item a {font-size: var(--Font-16);padding: 8px;border-radius: 50px;transition: all 0.5s;}
.banner-section{height: 400px;}
.banner-section .innertext{height: 370px;}
.banner-section .upper-text{margin-top: 30px;}
.banner-section .upper-text h1{font-size: 40px;line-height: 46px;}
.banner-section .upper-text p{font-size: var(--Font-24);line-height: 28px;}
.banner-section .bottom-text p{font-size: var(--Font-24);line-height: 28px;}
.banner-section .bottom-text .about-link{font-size: var(--Font-18);line-height:26px;}
.product-section{padding:30px 0;}
.product-section h2 {font-size: 32px;line-height: 34px;}
.product-section .innercard{padding:20px;}
.contact-section h2 {font-size: 32px;line-height: 34px;}
.papercup-section{padding: 30px 0;}
.papercup-section h2{font-size: 32px;line-height: 34px;}
.papercup-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.container-section{padding: 30px 0;}
.container-section h2{font-size: 32px;line-height: 34px;}
.container-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.plate-section{padding: 30px 0;}
.plate-section h2{font-size: 32px;line-height: 34px;}
.plate-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.pizza-section{padding: 30px 0;}
.pizza-section h2{font-size: 32px;line-height: 34px;}
.pizza-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.bag-section{padding: 30px 0;}
.bag-section h2{font-size: 32px;line-height: 34px;}
.bag-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.cleaningproduct-section{padding: 30px 0;}
.cleaningproduct-section h2{font-size: 32px;line-height: 34px;}
.cleaningproduct-section .desc{font-size: var(--Font-24);line-height: 34px;color: var(--Color-Black);}
.container-section .secondblog .innercontent p{font-size: var(--Font-22);line-height: 32px;padding-left: 25px;}
.container-section .sevenblog .innercontent p{font-size: var(--Font-22);line-height: 32px;padding-left: 25px;}
.container-section .secondblog .innercontent p::before{content: '';width: 7px; height: 7px;}
.container-section .sevenblog .innercontent p::before{content: '';width: 7px; height: 7px;}
.plate-section .firstblog .innercontent p{font-size: var(--Font-22);line-height: 28px;padding-left: 25px;}
.plate-section .firstblog .innercontent p::before{content: '';width: 7px; height: 7px;}
.pizza-section .firstblog .innercontent p{font-size: var(--Font-22);line-height: 28px;padding-left: 25px;}
.pizza-section .firstblog .innercontent p::before{content: '';width: 7px; height: 7px;}
.bag-section .firstblog .innercontent p{font-size: var(--Font-22);line-height: 28px;padding-left: 25px;}
.bag-section .firstblog .innercontent p::before{content: '';width: 7px; height: 7px;}
.bag-section .thirdblog .innercontent p{font-size: var(--Font-22);line-height: 28px;padding-left: 25px;}
.bag-section .thirdblog .innercontent p::before{content: '';width: 7px; height: 7px;}
}

@media (max-width:575px) {
 header .navbar ul{display:flex;flex-direction:column;position:fixed;justify-content:start;top:105px;background-color:#0B2545;width:100%;height:calc(100vh - 55px);transform:translate(-101%);text-align:center;overflow:hidden;gap: 0;z-index: 2;}
 header .navbar {padding:10px 0}
 header .navbar li{padding:10px;border-bottom: 1px dotted white;margin: 0 12px;}
 header .navbar li a{font-size: var(--Font-20);color: white;}
 header .navbar img{height:30px;width:auto;justify-self:start;}
 header .bar,header .menu-toggle{display:block;cursor:pointer}
 header .mobile-nav{transform:translate(0)!important}
 header .search-box{width: 100%;justify-content: space-between;margin: 0 ;float: none;}
 header .search-container{margin: 0 15px 15px;}
.product-section .innercard{padding:20px; margin: 0 40px;}

.banner-section{height: 350px;}
.banner-section .innertext{height: 300px;}
.banner-section .upper-text{margin-top: 20px;}
.banner-section .upper-text h1{font-size: var(--Font-30);line-height: 36px;}
.banner-section .upper-text p{font-size: var(--Font-20);line-height: 24px;}
.banner-section .bottom-text p{font-size: var(--Font-20);line-height: 24px;}
.banner-section .bottom-text .about-link{font-size: var(--Font-16);line-height:24px;}
.contact-section{padding: 30px 0;}
.contact-section .submit-btn{padding:8px;}
.contact-section .form-group input,.contact-section .form-group textarea{border-radius: 5px;}
.contact-section .form-container{padding: 20px;}
footer{padding: 30px 0;}
footer .right-content img{width:100px;height:40px}
.papercup-section .papercard {min-height: 100%;}
.papercup-section .papercard h3{font-size: var(--Font-18);}
.papercup-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.papercup-section .bottomtext img {height: 100%;width: 70px;}
.papercup-section table thead th{font-size: var(--Font-18);padding: 10px;}
.papercup-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}

.container-section .papercard {min-height: 100%;}
.container-section .papercard h3{font-size: var(--Font-18);text-align: center;}
.container-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.container-section .bottomtext img {height: 100%;width: 70px;}
.container-section table thead th{font-size: var(--Font-18);padding: 10px;}
.container-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}

.plate-section .papercard {min-height: 100%;}
.plate-section .papercard h3{font-size: var(--Font-18);text-align: center;}
.plate-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.plate-section .bottomtext img {height: 100%;width: 70px;}
.plate-section table thead th{font-size: var(--Font-18);padding: 10px;}
.plate-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}

.pizza-section .papercard {min-height: 100%;}
.pizza-section .papercard h3{font-size: var(--Font-18);text-align: center;}
.pizza-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.pizza-section .bottomtext img {height: 100%;width: 70px;}
.pizza-section table thead th{font-size: var(--Font-18);padding: 10px;}
.pizza-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}

.bag-section .papercard {min-height: 100%;}
.bag-section .papercard h3{font-size: var(--Font-18);text-align: center;}
.bag-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.bag-section .bottomtext img {height: 100%;width: 70px;}
.bag-section table thead th{font-size: var(--Font-18);padding: 10px;}
.bag-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}

.cleaningproduct-section .papercard {min-height: 100%;}
.cleaningproduct-section .papercard h3{font-size: var(--Font-18);text-align: center;}
.cleaningproduct-section .bottomtext{overflow: scroll;padding: 0 12px 12px;}
.cleaningproduct-section .bottomtext img {height: 100%;width: 70px;}
.cleaningproduct-section table thead th{font-size: var(--Font-18);padding: 10px;}
.cleaningproduct-section table tbody td{font-size: var(--Font-16);padding: 6px 8px;}
}

@media (max-width:359px) {
}