/*for-large-dekstop view-1200*/

@media only screen and (min-width: 1920px) {
	.why-choose-img img{
		height: 538.5px;
	}
	.header-nav ul {
    display: flex;
    gap: 28px;
    justify-content: center;
}
	section.why-choose-section.why-2 .why-choose-img img {
		height: 568.75px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 1399px) {
	.global-image img {
		height: 531px;
	}
	.web-title.why-content.why-feature-item h2 {
		margin-bottom: 20px;
	}
	.global-reach-badge {
		width: 250px;
		padding: 20px 25px 25px 25px;
		bottom: 77px;
		right: 50px;
	}
	.cust-find-more {
		font-size: 15px;
	}
	.cust-cate-content{
		min-height: 70px;
	}
	section.why-choose-section .about-content.web-title,.cust-global-cont {
		padding: 80px 50px;
	}
	.why-feature-item p {
		font-size: 15px;
	}
	section.why-choose-section .about-content.web-title p {
		font-size: 15px;
		margin-top: 10px;
	}
	.service-card-body p {
		font-size: 14.5px;
	}
	.why-feature-item p {
		font-size: 15px;
	}
	.container-fluid {
		max-width: 1140px;
	}
	.header-back {
		margin: 20px 0px 0px 0px;
	}
	.banner-title h1 {
		font-size: 48px;
	}
	.banner-title span {
		font-size: 14px;
	}
	.stats-card-img img {
		height: 100px;
		width: 120px;
	}
	.stats-card-content p {
		font-size: 18px;
	}
	.stats-card-content h3 {
		font-size: 20px;
	}
	.stats-card {
		height: 140px;
		width: 400px;
	}
	.banner {
		height: 700px;
	}
	.header-nav ul {
		gap: 28
		px;
	}
	.web-title h2 {
		font-size: 36px;
	}
	.web-title .web-sub {
		font-size: 14px;
	}
	.spacing {
		padding: 80px 0;
	}
	.cust-about-exp h3 {
		font-size: 50px;
	}
	.cust-about-exp span {
		font-size: 16px;
	}
	.service-card-body h3 {
		font-size: 20px;
	}
	.web-btn-track {
		margin-top: 30px;
	}
	.why-content {
		padding: 80px 50px;
	}
	.web-btn {
		padding: 14px 20px;
		font-size: 15px;
	}
	.why-feature-item h3 {
		font-size: 18px;
	}
	.best-seller-card h3 a {
		font-size: 22px;
	}
	.global-reach-img img {
		height: 550px;
	}
	.quote-hero {
		height: 460px;
	}
	.quote-hero h2 {
		font-size: 36px;
		width: 80%;
	}
	.inner-header {
		padding: 160px 0px 90px 0px;
	}
	.inner-header .inner-header-title h2 {
		font-size: 42px;
	}
	.cust-prod-rep-items {
		gap: 17px;
	}
	.projects-img-item img {
		height: 250px;
	}
	.cust-map-item iframe {
		height: 350px;
	}
	.cust-cate-img {
		height: 230px;
	}
	.cust-cate-content h3 a {
		font-size: 24px;
	}
	.best-seller-img img {
		height: 350px;
	}
	.gallery-item video {
		height: 250px;
	}
	.quote-tab {
		font-size: 15px;
		padding: 14px 20px;
	}
	.quote-tab i {
		font-size: 14px;
	}
	.quote-title h2 {
		margin-bottom: 80px;
	}
	.benefits { gap: 16px; }
    .benefit { padding: 18px 20px; }
    .benefit h3 { font-size: 18px; }
    .benefit p { font-size: 14.5px; }
     .steps { gap: 20px; }
    .card { padding: 20px; }
    .card h3 { font-size: 18px; }
    .card p { font-size: 14.5px; }
    .hero-buttons ul li {
    padding: 5px 10px;
}
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
	.web-btn {
        padding: 14px 12.6px;
        font-size: 14px;
    }
    .header-nav ul {
    display: flex;
    gap: 28px;
    justify-content: center;
    }
	.global-badge-inner h3 {
		font-size: 24px;
	}
	.single-product-content h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	ul.single-product-meta li strong {
		font-size: 17px;
	}
	.single-product-desc p {
		margin-bottom: 25px;
	}
	.single-product-row {
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.cust-cate-overlay{
		padding: 35px 30px;
	}
	.cust-cate-excerpt p {
		font-size: 17px;
		margin-bottom: 10px !important;
	}
	.cust-find-more i {
		margin-left: 5px;
	}
	.cust-arrow-btn {
		width: 80px;
		height: 80px;
	}
	.cust-arrow-btn i {
		width: 37px;
		height: 37px;
		font-size: 17px;
	}
	.cust-cate-content h3 {
		font-size: 18px;
	}
	.web-title.cust-global-cont li,
	.web-title.cust-global-cont p {
		font-size: 15px;
	}
	.about-content ul li::before, .cust-global-cont ul li:before{
		top: 1px;
	}
	.about-content ul li, .cust-global-cont ul li{
		padding-left: 24px;
	}
	section.why-choose-section .about-content.web-title h2,
	.why-content.web-title h2{
		font-size: 30px;
	}
	section.why-choose-section .about-content.web-title ul li {
		font-size: 15px;
	}
	.why-content {
		padding: 70px 35px;
	}
	section.why-choose-section .about-content.web-title,.cust-global-cont {
		padding: 70px 35px;
	}
	.header-nav ul{
		gap: 15px;
		margin-left: 10px;
		justify-content: center;
	}
	.container-fluid {
		max-width: 960px;
	}
	.header-nav ul li a {
		font-size: 15px;
	}
	.banner-title h1 {
		font-size: 44px;
	}
	.banner-title p {
		font-size: 16px;
	}
	.banner {
		height: auto;
		padding: 200px 0px 180px 0px;
	}
	.spacing {
		padding: 90px 0;
	}
	.hero-buttons ul li {
    padding: 5px 10px;
}
	.web-title h2 {
		font-size: 34px;
	}
	.cust-about-exp h3 {
		font-size: 40px;
	}
	.cust-about-exp span {
		font-size: 15px;
	}
	.cust-about-client h2 img {
		width: 80px;
	}
	.cust-about-client span {
		font-size: 12px;
	}
	.title-gap {
		margin-bottom: 40px;
	}
	.service-card-img {
		height: 400px;
	}
	.service-card-body {
		padding: 20px 15px;
		margin: 0 12px 12px;
	}
	.cust-cate-img {
		height: 220px;
	}
	.cust-cate-card .row {
		height: auto;
	}
	.cust-cate-content {
		padding: 15px 20px 15px 20px;
	}
	.cust-cate-content {
		min-height: 65px;
	}
	.global-badge-inner img{
		width: 45px;
	}
	.global-reach-badge p{
		margin-top: 0 !important;
	}
	.global-image img {
        height: 524px;
    }
	.global-reach-badge {
		width: 240px;
		bottom: 70px;
		right: 40px;
	}
	.global-reach-img img {
		height: 500px;
	}
	.cust-sing-bottom-img {
		margin: 0 40px;
	}
	.cust-about-boxes {
		grid-template-rows: repeat(4, 100px);
		margin-right: 0px;
	}
	.cust-sing-bottom-img img {
		height: 350px;
	}
	.quote-form-wrap {
		padding: 30px 30px;
	}
	.inner-header .inner-header-title h2 {
		font-size: 36px;
	}
	.cust-sing-content h2 {
		font-size: 30px;
	}
	.cust-sing-sidebar {
		border-radius: 10px;
		padding: 20px 20px;
		margin-top: 10px;
	}
	h2.hero-copack__heading {
    font-size: 45px;
}
	section.why-choose-section .about-content.web-title h2, .why-content.web-title h2 {
		margin-bottom: 25px;
	}
	 .steps { gap: 20px; }
    .card { padding: 20px; }
    .card h3 { font-size: 18px; }
    .card p { font-size: 14.5px; }
    .steps {
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    /* Agar cards ki tadaad odd ho (jaise 3), to last card poori row le */
    .card:last-child:nth-child(odd) {
      grid-column: span 2;
    }
	.benefits {
      grid-template-columns: repeat(2, 1fr);
    }

    /* Wide card poori row lega */
    .benefit.wide {
      grid-column: span 2;
    }
    .benefits { gap: 16px; }
    .benefit {
        padding: 18px 20px;
        }
    .benefit h3 {
        font-size: 18px; 
        
    }
    .benefit p { 
        font-size: 14.5px; 
        
    }

.hero-buttons ul li {
    padding: 5px 10px;
}

.hero-buttons ul {
    display: flex;
    flex-wrap: wrap;
}

.hero-content h1 {
    font-size: 40px;
}
.hero-buttons ul {
    display: flex;
}

.hero-buttons ul li {
    padding: 5px 10px;
}
.hero-content {
		width: 80%;
	}

	.hero-content h1 {
		font-size: 40px;
	}

	.hero-buttons ul {
		display: flex;
		flex-wrap: wrap;
	}


}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	section.why-choose-section.global-section.why-2 .row {
		flex-direction: unset;
	}
	.single-product-content {
		padding-left: 0;
	}
.hero-buttons ul li {
    padding: 5px 10px;
}
	.single-product-row .row{
		row-gap: 25px;
	}
	section.why-choose-section.why-2 .row {flex-direction: column-reverse;}
	.cust-sing-bottom-img{
		margin: 0;
	}
	section.why-choose-section .about-content.web-title,.cust-global-cont {
		padding: 50px 35px;
	}
	.banner {
		padding: 200px 0px 140px 0px;
	}
	.banner-title h1 {
		font-size: 40px;
	}
	.banner-title span {
		font-size: 13px;
	}
	.web-btn {
		padding: 12px 18px;
		font-size: 14px;
	}
	p {
		font-size: 15px !important;
	}
	.question-item ul li p strong {
    font-size: 19px !important;
}
	.web-btn-track {
		margin-top: 25px;
	}
	.why-content {
		padding: 50px 35px;
	}
	.cust-cate-img {
		height: 200px;
	}
	.cust-cate-content h3 a {
		font-size: 22px;
	}
	.about-content .web-btn, .cust-global-cont .web-btn {
		margin-top: 25px;
	}
	.global-reach-badge {
		bottom: 50px;
		right: 75px;
	}
	.global-reach-img img {
		height: 400px;
	}
	.about-content ul li, .cust-global-cont ul li {
		font-size: 15px;
		width: 100%;
	}
	.cust-global-cont {
		padding-right: 0px;
	}
	.serv-faqs .accordion-item .accordion-button {
		font-size: 16px;
		padding: 18px 18px;
	}
	.cust-map-item iframe {
		height: 300px;
	}
	.quote-tab {
		font-size: 14px;
		padding: 12px 15px;
	}
	.quote-submit {
		padding: 15px 20px;
		font-size: 15px;
	}
	.cust-gap {
		row-gap: 17px;
	}
    .benefits {
      grid-template-columns: repeat(2, 1fr);
    }
    .steps {
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .card:last-child:nth-child(odd) {
      grid-column: span 2;
    }
    .benefit.wide {
      grid-column: span 2;
    }
    .benefits {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .benefit.wide {
      grid-column: span 1;
    }

    .benefit {
      padding: 16px 18px;
      border-left-width: 4px;
    }

    .benefit h3 {
      font-size: 17px;
      gap: 8px;
    }

    .benefit h3 i { font-size: 16px; }

    .benefit p {
      font-size: 14px;
      line-height: 1.55;
    }
    .value-chain__number {
    margin-top: 40px;
}
.copacking-list strong {
    font-size: 18px;
}

.copacking-list p {
    font-size: 16px;
}
.copacking-list strong {
    font-size: 18px;
}

.copacking-list p {
    font-size: 16px;
}

.business-step .step-content h3 {
    font-size: 20px !important;
}

.business-step .step-number.step-number {
    font-size: 20px;
}

.business-step .step-content p {
    font-size: 16px;
}

.business-steps {
    padding-bottom: 20px;
}
.hero-content h1 {
}

.hero-buttons ul li {
    padding: 5px 10px;
}
.hero-buttons ul {
    display: flex;
    flex-wrap: wrap;
}

.hero-content h1 {
}
.hero-content {
		width: 80%;
		padding: 50px 35px;
	}

	.hero-content h1 {
		font-size: 38px !important;
	}

	.hero-content p {
		font-size: 17px;
	}

	.hero-buttons ul {
		flex-wrap: wrap;
		gap: 10px;
	}
	.hero-content {
		width: 80%;
		padding: 50px 35px;
	}

	.hero-content h1 {
		font-size: 38px;
	}

	.hero-content p {
		font-size: 17px;
	}

	.hero-buttons ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
    .question-item ul li p {
        font-size: 16px  !importent;
    }
     .question-item ul li p strong{
        font-size: 18px !importent;
    }
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.cust-cate-img {
		height: 250px;
	}
	.service-card-body p {
		font-size: 16px;
	}
	.footer-cta {
		margin: 98px 0 0 0;
		flex-wrap: wrap;
		padding: 30px 30px;
		justify-content: center;
		gap: 30px 60px;
	}

	.footer-cta h3 {
		font-size: 24px;
	}
	.about-content.web-title {
		padding: 0;
	}
	.web-title:has(p) p {
		margin-top: 10px;
	}
	
	.single-product-row {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .steps {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .card:last-child:nth-child(odd) {
      grid-column: span 1;
    }

    .card {
      padding: 18px;
      border-radius: 12px;
    }

    .icon-box {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      margin-bottom: 16px;
    }

    .icon-box i { font-size: 20px; }

    .card h3 {
      font-size: 17px;
      margin-bottom: 8px;
    }

    .card p {
      font-size: 14px;
      line-height: 1.55;
    }
    .benefits {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .benefit.wide {
      grid-column: span 1;
    }

    .benefit {
      padding: 16px 18px;
      border-left-width: 4px;
    }

    .benefit h3 {
      font-size: 17px;
      gap: 8px;
    }

    .benefit h3 i { font-size: 16px; }

    .benefit p {
      font-size: 14px;
      line-height: 1.55;
    }
    .hero-content {
		width: 90%;
		padding: 40px 25px;
	}

	.hero-content > i {
		font-size: 36px;
	}

	.hero-content h1 {
		font-size: 32px;
		line-height: 1.3;
	}

	.hero-content p {
		font-size: 16px;
	}

	.hero-buttons ul {
		gap: 8px;
	}

	.hero-buttons ul li {
		font-size: 14px;
		padding: 5px 9px;
	}
	.hero-content {
    padding: 50px 10px;
    width: 90%;
}

.hero-content h1 {
    font-size: 44px;
}

.hero-content p {
    font-size: 18px;
}
.question-item ul li p strong {
    font-size: 18px;
}

.question-item ul li p {
    font-size: 16px;
}
.hero-section {
		position: relative;
		overflow: hidden;
	}

	.hero-content {
		width: 90%;
		padding: 40px 20px;
		margin: 0 auto;
	}

	.hero-content > i {
		font-size: 32px;
		margin-bottom: 12px;
	}

	.hero-content h1 {
		font-size: 30px;
		line-height: 1.3;
	}

	.hero-content p {
		font-size: 15px;
		line-height: 1.5;
	}

	.hero-buttons ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
	}

	.hero-buttons ul li {
		font-size: 13px;
		padding: 5px 8px;
	}
.prep-card {
    padding: 20px;
}
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
	.single-product-desc p {
        margin-bottom: 20px;
        font-size: 14px;
    }
	.single-product-row .row {
        row-gap: 20px;
    }
	.single-product-content{
		padding-right: 0;
	}
	ul.single-product-meta li strong {
        font-size: 16px;
    }
	ul.single-product-meta li{
		font-size: 15px;
	}
	.single-product-content h3 {
        font-size: 25px;
        margin-bottom: 12px;
    }
	section.why-choose-section .about-content.web-title,.cust-global-cont {
		padding: 40px 30px;
	}
	section.why-choose-section .about-content.web-title h2, .why-content.web-title h2 {
		margin-bottom: 22px;
	}
	.service-card-body p {
		font-size: 15px;
	}
	.container {
		width: 98%;
	}
	.header-logo a {
		width: 100%;
	}
	.header-logo {
		width: 100px;
		height: 100px;
		left: 10px;
	}

	.header-back {
		margin: 10px 0px 5px 0px;
		padding: 4px 10px;
	}
	.header-actions {
		gap: 10px;
	}
	.banner {
		padding: 130px 0px 70px 0px;
	}
	.banner-title h1 {
		font-size: 28px;
		padding-bottom: 15px;
	}
	.banner-title p {
		font-size: 15px;
		padding-bottom: 20px;
	}
	.web-btn {
		padding: 12px 15px;
	}
	.web-btn i {
		font-size: 12px;
	}
	.cust-about-boxes {
		grid-template-rows: repeat(4, 80px);
		gap: 10px;
	}
	.cust-about-exp h3 {
		font-size: 30px;
		margin-right: 10px;
		padding-right: 10px;
	}
	.cust-about-exp span {
		font-size: 13px;
	}
	.cust-about-client {
		padding: 10px 10px;
	}
	.cust-about-exp {
		padding: 10px 10px;
	}
	.spacing {
		padding: 50px 0;
	}
	.web-title h2 {
		font-size: 26px;
	}
	.web-title .web-sub {
		font-size: 13px;
	}
	.title-gap {
		margin-bottom: 30px;
	}
	.service-card-img {
		height: 350px;
	}
	.cust-gap {
		row-gap: 20px;
	}
	.service-card-body h3 {
		font-size: 18px;
	}
	.why-content {
		padding: 40px 30px;
	}
	.why-feature-item p {
		font-size: 15px;
	}
	.cust-cate-img {
		height: 190px;
	}
	.global-reach-img img {
		height: 250px;
	}
	.cust-sing-bottom-img img {
		height: 250px;
	}
	.inner-header {
		padding: 120px 0px 50px 0px;
	}
	.inner-header .inner-header-title h2 {
		font-size: 28px;
	}
	.serv-faqs .accordion-item .accordion-button {
		font-size: 15px;
		padding: 14px 15px;
	}
	.serv-faqs .accordion-item {
		margin-bottom: 14px;
	}
	.projects-img-item img {
		height: 220px;
	}
	.cust-map-item iframe {
		height: 220px;
	}
	.footer-main {
		margin-top: 20px;
		padding: 0 0 40px;
	}
	.footer-cta {
		padding: 20px 20px;
		gap: 20px;
		margin-bottom: 0;
		transform: unset;
		margin-top: 0;
		flex-wrap: wrap;
	}
	.footer-cta-text {
		flex: unset;
	}
	.footer-cta-text h3 {
		font-size: 22px;
	}
	.footer-cta-icon {
		font-size: 50px;
	}
	.quote-hero h2 {
		font-size: 26px;
		width: 100%;
	}
	.cust-sing-image img {
		height: 250px;
	}
	.cust-sing-image {
		border-radius: 10px;
	}
	.cust-sing-sidebar h4 {
		font-size: 22px;
	}
	.cust-sing-sidebar ul li a {
		font-size: 16px;
		padding: 8px 0px;
	}
	.cust-sing-content h2 {
		font-size: 26px;
	}
	.best-seller-img img {
		height: 200px;
	}
	.best-seller-card h3 a {
		font-size: 20px;
		padding: 15px 0px;
	}
	
	.quote-hero {
		height: 700px;
	}
	.quote-title h2 {
		margin-bottom: 70px;
	}
	.quote-form-wrap {
		padding: 20px 20px;
	}
	.footer-brand img {
		width: 80px;
		height: 80px;
		margin-bottom: 15px;
	}
	.respon-logo {
		width: 60px;
	}
	.responsive-links ul li a {
		font-size: 16px;
		padding: 5px 0px;
	}
	.respon-cross a {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.responsive-socials ul li a {
		font-size: 15px;
	}
	.responsive-socials {
		padding: 8px 0px;
	}
	.responsive-menu-inner {
		width: 90%;
	}

	.header-actions .web-btn {
		padding: 12px 10px;
	}
	.cust-cate-content {
		min-height: 60px;
	}
	.cust-cate-excerpt p {
		font-size: 15px;
		margin-bottom: 8px !important;
	}
	.cust-find-more {
		font-size: 14px;
	}
	.global-reach-badge{
		display: none;
	}
	 .card { padding: 15px; }

    .card h3 { font-size: 16px; }

    .card p { font-size: 13.5px; }

    .benefit { padding: 14px 15px; }

    .benefit h3 { font-size: 16px; }

    .benefit p { font-size: 13.5px; }
    .hero-content {
		width: 95%;
		padding: 30px 15px;
	}

	.hero-content > i {
		font-size: 30px;
		margin-bottom: 12px;
	}

	.hero-content h1 {
		font-size: 26px;
		line-height: 1.3;
	}

	.hero-content p {
		font-size: 14px;
		line-height: 1.5;
	}

	.hero-buttons ul {
		gap: 6px;
	}

	.hero-buttons ul li {
		font-size: 13px;
		padding: 5px 8px;
	}
    .hero-content {
    padding: 50px 10px;
    width: 90%;
    }

    .hero-content h1 {
    font-size: 44px;
    }

   .hero-content p {
    font-size: 18px;
  }
  .question-item ul li p strong {
    font-size: 18px;
}

.question-item ul li p {
    font-size: 16px;
}
.hero-section {
		position: relative;
		overflow: hidden;
	}

	.hero-content {
		width: 92% !important;
		padding: 30px 15px !important;
		margin: 0 auto;
	}

	.hero-content > i {
		font-size: 28px;
	}

	.hero-content h1 {
		font-size: 25px;
		line-height: 1.3;
	}

	.hero-content p {
		font-size: 14px;
	}

	.hero-buttons ul {
		gap: 6px;
	}

	.hero-buttons ul li {
		font-size: 12px;
		padding: 5px 7px;
	}
	h2.hero-copack__heading {
    font-size: 34px;
}

.hero-copack__tagline {
    margin: 20px 0;
}

.hero-copack__highlight {
    font-size: 148px;
}

.hero-copack__highlight-text {
    font-size: 14px;
}

span.hero-copack__bar {
    width: 2px;
    height: 20px;
}
  .prep-card {
    padding: 20px;
   }
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
    .hero-content {
		width: 94%;
		padding: 25px 12px;
	}

	.hero-content h1 {
		font-size: 23px;
	}

	.hero-content p {
		font-size: 13px;
	}
	.prep-card {
    padding: 20px;
}

}