@media (max-width:1599px){
	.section-wrap{padding:40px 0}
	.section-wrap-top{padding-top:40px}
	.section-wrap-btm{padding-bottom:40px}
	.section-wrap2{margin:40px 0}
	.section-wrap-top2{margin-top:40px}
	.section-wrap-btm2{margin-bottom:40px}
	h2{font-size:26px}
	header .logoBlk .logo-top {height: 80px}
	header .logoBlk .logo-top .logo {padding: 27px 0 27px 50px}
	header .logoBlk .logo-top .logo img {width: 130px;}
	header .logoBlk .logo-top .natural{width:33%;padding:15px 0 0 47px;height:80px;right:-98px}
	header .logoBlk .logo-top .natural p {font-size: 13px;line-height: 26px; }
	.navbar-light .navbar-nav .nav-link{font-size: 13px;line-height: 26px;}
	.navbar-nav li p {margin-right: 210px; font-size: 12px;}
	.navbar {padding: 5px 36px 0 0}
	.menu .amfori {padding-left: 50px;padding-top: 10px;}
	header .logoBlk .menu-txt {padding-right:50px}
	header .logoBlk .menu-txt p{font-size: 13px;}
	.about h2{font-size:18px}
	.about p {font-size: 14px;line-height: 26px;}
	.hmBanner .banner{height:400px;background-size: 1968px auto;}
	.hmBanner .banner.banner3{background-size: 1600px auto;}
	.hmBanner .banner .lftCnt{width: 430px;}
	.hmBanner .banner .lftCnt h2{font:22px/32px 'montserratsemibold';font-weight: bold;}
	.hmBanner .banner .lftCnt h3{font:16px/26px 'montserratsemibold';font-weight: bold;}
	.hmBanner .banner .lftCnt p{font-size: 18px;font-weight: bold;}
	.hmBanner .banner .banner-wrap1 .banner-logo img{width:230px}
    .hmBanner .banner .banner-wrap2 .banner-logo img{width:230px}
	.hmBanner .banner .banner-wrap3 .banner-logo img{width:230px}
	.hmBanner .banner .banner-wrap4 .banner-logo img{width:230px}
	footer .ftr-top .links ul li a{font-size:13px}
	footer .ftr-top .social ul li a{width:30px;height:30px;background-size:30px auto;}
	footer .ftr-top .social ul li a:hover{background-position:0 -36px;}
	footer .ftr-top .social ul li{padding:0 8px}
	footer .ftr-btm p {font-size: 12px;line-height: 22px;}
	.aboutBanner .banner{height:400px;background-size: 1746px auto;}
	.aboutBanner .banner.banner1 .banner-img img{height: 350px;}
	 .aboutBanner .banner{width: auto;}
	 .how-made-flowchart h2{font-size: 18px;}
	 .disposal h2{font-size: 18px;}
	 .comparison-table h2{font-size:18px;}
	 .disposal p{font-size:14px;}
	 .comparison-table h3{font-size:16px;}
	 .quality-standards h2{font-size:18px;}
	 .quality-standards p{font-size:14px;}
	 .quality-standards h3{font-size:14px;}
	.Infrastructure h2{font-size:18px;}
	.Infrastructure p{font-size:14px;}
	.productrangeBanner .banner .lftCnt .banner-logo img{width: 200px;}
	.productrangeBanner  .banner {height: 350px;background-size: 1600px auto;}
	.features h2{font-size: 18px;}
	.range-types h2{font-size:20px;}
	.range-types p{font-size:14px;text-align: justify;}
	.prdBanner .banner {height: 333px;background-size: 1600px auto;}
	.prdBanner .banner .banner-wrap{width:555px}
	.prdBanner .banner .content-blk{width:500px;right:30px}
	.prdBanner .banner .content-blk h2{font-size: 18px;line-height: 36px;}
	.stdprds h2{font-size: 18px;}
	.stdprds p{font-size:14px;}
	.bulk-buyers h2{font-size:18px;}
	.bulk-buyers p{font-size: 14px;}
	.bulk-buyers h3{font-size: 16px;}
	.bulk-buyers .cl-1 ul li{font-size: 14px;}
	.bulk-buyers .cl ul li{font-size: 14px;}
	.enquiry-txt p{padding-right: 70px;}
	.stdprds .cl h3{font-size:18px;}
    .moq p{font-size: 14px;}
    .hmBanner .banner .lftCnt h4{font-size:12px;}
    .how-made-flowchart ul li .item-desc h2{font-size: 18px;}
    .how-made-flowchart ul li .item-desc p{font-size: 14px;}
    .hmBanner .banner.bannern{height: 400px;background-size: 1710px auto;}
	.hmBanner .banner.bannern .cnt-blk{padding:20px;width:450px;height:400px}
    .Infrastructure ul li{font-size: 14px;line-height: 24px;}
	.aboutBanner{padding-left:50px}
	.aboutBanner .banner-img{width:480px}
	.aboutBanner .banner-text{width:64%}
	.bulk-buyers .cl .orange-bx{height:410px}
	.enquiryForm .cl .form-check label{font-size:14px;}

 }

 @media (max-width:1439px){
	.about p{font-size:13px;line-height:26px;}
	.hmBanner .banner .lftCnt p {font-size: 14px;line-height: 24px;font-weight: bold;}
	.hmBanner .banner .lftCnt{width: 395px;}
	.hmBanner .banner .lftCnt h3 {font-size: 16px;line-height: 28px;font-weight: bold;}
	.hmBanner .banner .lftCnt h2 {font-size: 18px;line-height: 28px;font-weight: bold;}
	.hmBanner .banner.banner2{background-position: right -168px top;}
	.hmBanner .banner.banner3{background-position: right -96px bottom;}
	.hmBanner .banner .banner-wrap1 .banner-logo img{width:220px}
	.about-management h2{font-size: 20px;}
	.about-management p{font-size: 13px;}
	header .logoBlk .logo-top .natural{right:-74px}
	/*.hmBanner .banner.bannern {height: 338px;background-size: 1369px auto;}*/
	.aboutBanner .banner-img {width: 460px;padding:25px 0 25px 0}
	.prdBanner .banner.contact {background-size: 1440px auto;}
    .hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure img {width: 160px;}
    .hmBanner .banner.bannern .cnt-blk .cnt-blk-in p{font-size:14px}


}

@media (max-width:1365px){
	header .logoBlk .logo img {width: 110px;}
	header .logoBlk .logo{padding-top: 30px;}
	.about .abtBx{height:160px}
	.about .abtBx figure {height: 85px;}
	.about h2{font-size:18px}
	.hmBanner .banner{height:350px;background-size: 1340px auto;}
	.hmBanner .banner .lftCnt{height:350px;width:330px;padding-top:62px}
	.hmBanner .banner .lftCnt h2{font-size:16px;line-height:36px}
	.hmBanner .banner .lftCnt h3{font-size:14px;line-height:20px}
	.hmBanner .banner .lftCnt p{font-size:13px;line-height:23px}
	/*.hmBanner .banner.banner2{background-position:center;}*/
	.hmBanner .banner.banner3{background-size: 1460px auto;}
	.hmBanner .banner .banner-wrap1 .banner-logo img{width:200px}
	.prdBanner .banner .banner-wrap{width:455px}
	.prdBanner .banner .content-blk{width:433px;right:0px}
	.prdBanner .banner .content-blk h2{font-size:20px;line-height:50px;}
	.prdBanner .banner .content-blk p{font-size: 14px;line-height: 30px;}
	header .logoBlk .natural{right: -30px;}
	header .logoBlk .menu-txt{margin-left: -300px;}
	/*.navbar{padding: 5px 15px}*/
	.enquiry-txt p{padding-right: 50px;}
	header .logoBlk .logo-top .natural {right: -46px;}
	.hmBanner .banner.bannern {height: 350px;background-size: 1495px auto;}
	.hmBanner .banner.bannern .cnt-blk{width:400px;height:350px}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in p{font-size:14px}
	.prdBanner .banner {height: 302px;background-size: 1435px auto;}
	.prdBanner .banner .content-blkk{right: -90px;}
	.aboutBanner .banner-img {width: 400px;}
	.aboutBanner {height:400px;}
	.aboutBanner .banner-img figure img {height: 350px}
	.prdBanner .banner.contact {background-size: 1366px auto;}
	.prdBanner .banner.contact .content-blk .conblk p{font-size:16px;margin-top:15px}
	.prdBanner .banner.contact .content-blk {width: auto;right: 20px;left: 20px;}


}

@media (max-width:1279px){
	.section-wrap{padding:30px 0}
	.section-wrap-top{padding-top:30px}
	.section-wrap-btm{padding-bottom:30px}
	.section-wrap2{margin:30px 0}
	.section-wrap-top2{margin-top:30px}
	.section-wrap-btm2{margin-bottom:30px}
    .navbar {padding: 5px 36px;}
   /* .hmBanner .banner.bannern {height: 280px;background-size: 1235px auto;}*/
	.menu .amfori,header .logoBlk .logo-top .logo{padding-left:40px}
	.navbar {padding: 5px 25px;}
	header .logoBlk .menu-txt {padding-right: 25px}
	.aboutBanner {padding-left: 40px}
	.prdBanner .banner .banner-wrapp{width:482px}
	.prdBanner .banner .content-blkk{width:435px;right:0}

}




@media (max-width:1199px){
	header .logoBlk .logo {padding: 25px 0 25px 35px;}
	header .logoBlk .logo img {width: 100px;}
	header .logoBlk .natural:after{width:15px}
	header .logoBlk .logo{width:30%}
	header .logoBlk .natural{width:45%;padding: 15px 50px 0 60px;height: 90px;}
	header .logoBlk .natural p {font-size: 13px;line-height: 31px;}
	.about .abtBx {background-size: 202px auto;height: 170px;}
	header .logoBlk .menu-txt p{line-height: 40px;}
	.about .abtBx figure.one img,.about .abtBx figure.four img{width:50px}
	.about .abtBx figure.two img,.about .abtBx figure.three img,.about .abtBx figure.six img{height:80px}
	.about .abtBx figure {height: 85px;}
	.about .abtBx p {font-size: 9px;line-height: 21px;}
	.prdBanner .banner .banner-wrap{width:400px}
	.prdBanner .banner .content-blk{width:260px;right:20px}
	.prdBanner .banner .content-blk h2{font-size:19px;line-height: 50px;}
	.prdBanner .banner .content-blk p{font-size: 13px;line-height: 36px;}
	/*.hmBanner .banner.bannern {height: 260px;background-size:1170px auto;}*/
	.menu .amfori p{font-size:12px;line-height:26px}
	.navbar-light .navbar-nav .nav-link{font-size:13px;line-height:26px;padding-left: 6px;padding-right: 6px;}
	header .logoBlk .logo-top .natural{width:40%}
	.services .servBx .itemImg {width: 45%}
	.services .servBx .itemCnt {width: 55%;height:89px}
	.services .servBx{height:122px}
	.services .servBx .itemImg figure {width: 80px;height: 94px;background-size: auto auto;}
	.left-border{height:120px}	
	.enquiry-txt {margin-right: 80px;}
	.hmBanner .banner.banner7{background-position: right -110px top;}
	.hmBanner .banner .lftCnt{width: 275px}
	.hmBanner .banner.banner5 .lftCnt h3,.hmBanner .banner.banner5 .lftCnt h4{margin-bottom:30px}
	.hmBanner .banner.banner5{background-position: right -113px top;}
	.aboutBanner .banner-img {width: 300px}
	.stdprds .cl .item-desc{height:120px}
	.how-order-table .s{font-size:18px}
	.bulk-buyers .cl .orange-bx {height: 425px}
	.prdBanner .banner{background-position: left -160px top;}
	.platecup-slider .banner{height:400px}
	.features .feaBx{height:165px}
	.features h2{margin-bottom:20px}
	.unp-finest ul li{height:80px}
	.unp-finest ul li span{line-height:26px}
	.branding .brdBx h3{font-size:16px;line-height:22px;}
	.enquiryForm .cl .form-check{line-height:22px;}
	.enquiryForm .cl .form-check label {font-size: 12px;line-height:20px;}
	.enquiryForm .form-btm .form-check label {font-size: 14px;line-height:22px;}
	.special-items h2{font-size: 20px;line-height: 30px}
.special-items h3{font-size: 14px;line-height: 24px;}
	

}

@media (max-width:1023px){
	.hmBanner .banner .lftCnt{width: 268px}
	.hmBanner .banner.banner4{background-position: right -58px top;}
	.hmBanner .banner.banner6{background-position: right -65px top;}
	.hmBanner .banner.banner7{background-position: right -110px top;}
	.prdBanner .banner .content-blkk{width:405px}
	.prdBanner .banner .banner-wrapp {width: 435px}

}

@media (max-width:991px){
	header .main-nav nav ul li{padding:0 10px}
	header .main-nav nav ul li a{font-size:14px}
	.menu{padding:2px 0}
	.menu .amfori{padding-top:13px}
	.navbar {padding: 5px 20px;}
	/*.navbar-light .navbar-toggler{position:absolute;top:0;right:15px}*/
	.navbar-collapse{position:absolute;top:57px;right:20px;z-index:4;background:#e4e1d8;width: 200px;padding: 10px;border-radius: 6px;}
	.navbar-nav{position:relative}
	.navbar-nav:before{position: absolute;content: '';top: -20px;right: 5px;border-bottom: 12px solid #4ca404;border-left: 12px solid transparent;border-right: 12px solid transparent;}
	header .logoBlk .logo-top .natural {right: -40px;width:388px;padding: 10px 0 0 47px;height: 73px;}
	footer .ftr-top .links ul li a{padding: 0 3px 0 9px;}
	.about .abtBx p{line-height:16px}
	.services .servBx {height: 190px;margin-bottom:30px;padding: 15px 15px 15px 25px;}
	.services .servBx .itemImg figure {width: 121px;height: 158px}
	.left-border{height:auto;border-left:0}
	.services .servBx .itemCnt{height:100%}
	.services .servBx .itemCnt p,.services .servBx.video .itemCnt p{font-size:12px}
	.enquiry-txt {margin-right: 60px;}
	.icons .align{width:auto}
	.hmBanner .banner .banner-wrap3,.hmBanner .banner .banner-wrap1,.hmBanner .banner .banner-wrap4,.hmBanner .banner .banner-wrap2{width:270px}
	.hmBanner .banner.banner1{background-position: right -148px top}
	.hmBanner .banner.banner3{background-size: 1344px auto;background-position: right -120px bottom;}
	.hmBanner .banner.banner4{background-position: right -168px top;}
	.hmBanner .banner .lftCnt{width: 240px}
	.hmBanner .banner.banner6 {background-position: right -178px top;}
	.hmBanner .banner.banner7 {background-position: right -224px top;}
	.hmBanner .banner.banner5 {background-position: right -220px top;}
	.founder-intro_block .dsk {display:none}
	.founder-intro_block .desc h2 {display:none}
	.founder-intro_block .mbl{display:block;margin-bottom:30px}
	.markets .img {margin-bottom:30px}
	.markets .img h2{display:block}
	.markets .desc h2{display:none}
	.aboutBanner .banner-text {width: 58%}
	.stdprds .wrap{margin-left:-10px;margin-right:-10px}
	.stdprds .cl{padding:0 10px}
	.stdprds .cl figure {margin: 15px 0;padding: 0 10px 0 10px;}
	.stdprds .cl h3 {font-size:18px;padding-top: 20px;min-height: 50px;}
	.stdprds .cl .item-desc {height: 135px;}
	.bulk-buyers .cl{width:50%;margin-bottom:30px}
	.bulk-buyers .cl .orange-bx {height: 320px;}
	.prdBanner .banner .content-blkk {width: 190px;}
	.prdBanner .banner .content-blkk h2 {font-size: 20px;line-height:30px;padding-bottom: 15px;margin-bottom: 15px;width: 90%;}
	.prdBanner .banner .banner-wrapp {width: 210px;}
	.features .cl {float: none;width: 24%;display: inline-block;vertical-align: top;}
	.features .feaBx{margin-left: 4px;height: 150px;}
	.prdBanner .banner.contact {background-position: left -328px top;}
	.unp-finest ul li label{font-size:14px}
	.how-made-flowchart .flowchart-img{width:100%}
	.how-made-flowchart .flowchart-img .wrap .item-desc p{font-size:15px;line-height:25px}
	.how-made-flowchart .flowchart-img .wrap .item-desc h2{font-size:20px;margin-bottom:25px}
	.how-made-flowchart .flowchart-img .wrap .item-img img {max-width: 300px;}
	.how-made-flowchart .flowchart-img .wrap .item-img {padding-right: 40px;}
	.how-made-flowchart .flowchart-img .wrap.even .item-img {padding-left: 40px;}
	.how-made-flowchart .flowchart-img .wrap{margin-bottom:25px}
	.environment-table ul li{width:100%}
	.Functionality-table figure, .environment-table figure{text-align:center;margin-bottom:30px}
	.Functionality-table figure img, .environment-table figure img{display:inline-block}
	.infrastructure .infrastructure-in ul li{font-size:14px}
	.infrastructure .infrastructure-in .item-img img {max-width: 100%;}
	.quality-standards .cl{width:32%;margin-bottom:25px}
	.quality-standards .cl .qs-box{height:220px}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure img{width:200px}
	.hmBanner .banner.bannern .cnt-blk {width: 350px;height: 350px;}
	.contact-details .branding-form{width:100%;}
	.branding .brdBx .desc .form-check label{font-size:12px;line-height:22px;}
	.branding .brdBx h3{min-height:45px;}
	.branding .branding-form{width:100%;}
	.enquiryForm .form-btm{padding:30px 15px 0;width:100%;}
	.enquiryForm .form-btm .form-check {padding-bottom: 15px;}
	.enquiryForm h2,.branding h2{font-size:22px;}
	.special-items ul li figure{height:228px;}

}



@media (max-width:767px){
	header .main-nav{position:absolute !important;top:35px;right:15px}
	header .main-nav:before,header .main-nav nav:before, .main-nav nav:after{display:none}
	header .main-nav nav{height:auto;background:none}
	.section-wrap{padding:30px 0}
	.section-wrap-top{padding-top:30px}
	.section-wrap-btm{padding-bottom:30px}
	.section-wrap2{margin:30px 0}
	.section-wrap-top2{margin-top:30px}
	.section-wrap-btm2{margin-bottom:30px}
	.hm-slider .slick-dots,.portfolio .slick-dots{bottom:15px}
	.hm-slider .slick-dots li button,.portfolio .slick-dots li button{width:14px;height:14px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}
	.hm-slider .slick-dots{bottom:5px}
	.homepage header{position:relative}
	header .main-nav{position:relative}
	header .main-nav .mainnav-trigger{display:block}
	header .main-nav .mainnav-menu{width:170px;float:none;background:#333;padding:5px 0;margin:15px 0 0;position:absolute;top:20px;right:0;z-index:1;display:none}
	header .main-nav .mainnav-menu:before{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #333;content:"";position:absolute;top:0;right:1px}
	header .main-nav .mainnav-menu.open:before{top:-12px}
	header .main-nav ul.mainmenu, header .main-nav ul.usermenu{float:none;margin:0}
	header .main-nav ul.mainmenu li, header .main-nav ul.usermenu li{float:none;padding:0;margin:1px 0;display:block}
	header .main-nav ul.usermenu li, header .main-nav ul.usermenu li:first-child{padding:0}
	header .main-nav ul.usermenu li:before{display:none}
	header .main-nav ul.mainmenu li a, header .main-nav ul.usermenu li a{font-size:14px;line-height:20px;padding:5px 15px;text-transform:none;text-align:left}
	header .main-nav nav ul li a:before{height:1px}
	.menu .amfori, header .logoBlk .logo-top .logo {padding-left: 20px}
	header .logoBlk .logo-top .logo{width:160px}
	header .logoBlk .logo-top .natural {right: -35px;width: 374px;padding: 10px 0 0 39px}
	footer .ftr-top {padding: 15px 0}
	footer .ftr-btm{padding: 10px 0}
	.about .cl{width:33.33%}
	.services .servBx {height: 140px;padding: 10px 10px 10px 15px;}
	.services .servBx .itemImg{height:100%}
	.services .servBx .itemImg figure{width:90px;height:120px}
	.moq p {font-size: 12px}
	.enquiry-txt {margin-right: 40px;}
	.btns,.catalog-button .link-button a{padding:6px 12px;font-size:14px}
	.btn-enquiry{margin-top:20px;margin-bottom:20px}
	.catalog-button .link-button a{width:auto;display:inline-block}
	.icons .iconBx p{padding:0 8px;font-size:10px}
	.hmBanner .banner{height:300px}
	.hmBanner .banner .lftCnt{width:190px;height:300px;padding-top: 35px;}
	.hmBanner .banner.banner3 {background-size: 1147px auto;background-position: right -132px bottom;}
	.hmBanner .banner .banner-wrap3,.hmBanner .banner .banner-wrap1,.hmBanner .banner .banner-wrap4,.hmBanner .banner .banner-wrap2 {width: 220px;}
	.hmBanner .banner .lftCnt h4{margin-bottom:0}
	.hmBanner .banner .banner-wrap3 .banner-logo,.hmBanner .banner .lftCnt h3{margin-bottom:30px}
	.hmBanner .banner.banner4 .banner-wrap1 .banner-logo{margin-bottom:30px}
	.hmBanner .banner.banner7 .banner-wrap1 .banner-logo{margin-bottom:30px}
	.hmBanner .banner.banner2 .banner-wrap2 .banner-logo,.hmBanner .banner.banner2 .lftCnt h3{margin-bottom:25px}
	.hmBanner .banner.banner5 .lftCnt h3{font-size: 13px;}
	.hmBanner .banner.banner5 .lftCnt h3, .hmBanner .banner.banner5 .lftCnt h4 {margin-bottom: 20px;}
	.hmBanner .slick-dots{bottom:2px}
	.hmBanner .slick-dots li button{width:10px;height:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
	.hmBanner .slick-dots li{margin-left:8px}
	.about-management h2 {font-size: 18px;}
	.about-unp p,.about-management p{line-height:26px}
	.aboutBanner {padding-left: 20px;height:300px}
	.aboutBanner .banner-img figure img {height: 250px}
	.aboutBanner .banner-img {width: 215px}
	.about-management .pd-about{padding-bottom:10px}
	.aboutBanner .banner-text p {font-size: 12px;margin-bottom:0;line-height:28px}
	.stdprds .cl{float:none;display:inline-block;width:49%;margin-bottom:25px}
	.stdprds h2 {font-size: 16px;margin-bottom:25px}
	.bulk-buyers .cl .orange-bx{height:400px}
	.prdBanner .banner {background-position: left top;height: 300px}
	.prdBanner .banner .banner-wrapp{opacity: 0.7;}
	.prdBanner .banner .content-blkk h2 {font-size: 18px;line-height: 28px;}
	.range-types h2{font-size:18px;margin-bottom: 25px;}
	.platecup-slider .banner{height:300px}
	.about .cl:nth-child(3n+1) .abtBx{margin-left:0}
	.features .cl{width:32%}
	.features .feaBx {height: 150px;}
	.features .cl:nth-child(4n+4) .feaBx{margin-left:0}
	.contact-details p{font-size:13px}
	.prdBanner .banner.contact .banner-wrap {width: 280px}
	.prdBanner .banner.contact {background-position: left -410px top;background-size: 1280px auto;}
	.prdBanner .banner.contact ul li{width:31%}
	.prdBanner .banner.contact ul li figure img {width: 60px;height: 60px;}
	.prdBanner .banner.contact .content-blk .conblk p{font-size:14px;line-height:20px;margin-top:10px}
	.unp-finest ul li label{padding:5px 10px}
	.unp-finest ul li span{padding: 5px 20px 5px 20px}
	.unp-finest h2,.how-made-flowchart h2,.disposal h2,.comparison-table h2,.infrastructure .infrastructure-in .item-img h2 {font-size: 16px;line-height:24px;margin-bottom:25px}
	.how-made-flowchart .flowchart-img .wrap .item-img img {max-width: 250px;}
	.how-made-flowchart .flowchart-img .wrap .item-img {padding-right: 30px;}
	.how-made-flowchart .flowchart-img .wrap.even .item-img {padding-left: 30px;}
	.how-made-flowchart .flowchart-img .wrap .item-desc p {font-size: 14px;line-height: 24px;}
	.how-made-flowchart .flowchart-img .wrap .item-desc h2{font-size:18px;margin-bottom:20px}
	.disposal p{font-size:13px;line-height:26px}
	.infrastructure .infrastructure-in ul li{font-size:13px}
	.infrastructure .infrastructure-in .item-img{width:40%}
	.infrastructure .infrastructure-in .item-desc{width:60%}
	.quality-standards h2 {font-size: 16px;}
	.hmBanner .banner.bannern{height:300px;background-size: 1310px auto;}
	.hmBanner .banner.bannern .cnt-blk {width: 300px;height: 300px;}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure {margin-bottom:30px}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure img {width: 160px;}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in p {font-size: 16px;line-height: 26px;margin-bottom:25px}
	.hmvideo,.hm-prds{display:none}
	.hmvideo.mbl,.hm-prds.mbl{display:block}
	.branding .branding-form{margin:20px 0 25px;}
	.branding .branding-form label{font-size:15px;}
	.branding .branding-form .form-control{font-size:14px;}
	.branding .brdBx h3 {min-height: auto;}
	.branding .brdBx {margin-bottom:20px;}
	.form-check-input {width: 14px;height: 14px;margin-left: -20px;}
	.enquiryForm .cl{width:33.333%;margin-bottom:30px;}
	.enquiryForm .cl figure{margin-bottom:10px;}
	.enquiryForm .cl .form-check label {font-size: 13px;}
	.enquiryForm .form-btm{padding:10px 15px 0;}
	.enquiryForm h2,.branding h2{font-size:20px;margin-bottom:25px;}
	.special-items ul li{width: 100%;margin-bottom: 20px;}
    .special-items figure img{width: 200px;height: 200px;margin: 10px;}
	.special .slick-dots li{width:auto;}


}

@media (max-width:575px){
	header .main-nav{top:31px;right:0}
	header .logoBlk .logo-top .natural{-webkit-transform: skew(20deg, 0deg);transform: skew(20deg, 0deg);right: -35px;width: 320px;padding: 10px 0 0 21px;}
	header .logoBlk .logo-top .natural p{-webkit-transform: skew(-19deg, 0deg);transform: skew(-19deg, 0deg);font-size: 12px;line-height: 24px;}
	header .logoBlk .logo-top .natural:after{width:5px}
	header .logoBlk .logo-top .logo img {width: 100px}
	header .logoBlk .menu-txt {padding-right: 20px;}
	.about p{font-size:12px}
	.about h2 {font-size: 16px}
	.about .abtBx p {font-size: 10px}
	.services .servBx {height: 140px;padding: 10px 10px 10px 15px;width: 244px;margin: 0 auto 30px !important;}
	.enquiry-txt {margin-right: 30px;}
	.enquiry-txt p{font-size:11px}
	.btns,.catalog-button .link-button a{font-size:12px}
	.icons .iconBx figure{height:100px;background-size:52px auto}
	.icons .iconBx p{font-size:9px}
	.hmBanner .banner{height:250px}
	.hmBanner .banner .banner-wrap3,.hmBanner .banner .banner-wrap1,.hmBanner .banner .banner-wrap4,.hmBanner .banner .banner-wrap2{width:200px}
	.hmBanner .banner .lftCnt{width:170px;height:250px;padding-top:20px;}
	.hmBanner .banner.banner3 {background-size: 956px auto}
	.hmBanner .banner .banner-wrap3 .banner-logo, .hmBanner .banner .lftCnt h3 {margin-bottom: 15px}
	.hmBanner .banner .lftCnt h3 {font-size: 13px;line-height: 18px;}
	.hmBanner .banner.banner1 .lftCnt{padding-top:35px}
	.hmBanner .banner.banner1 .lftCnt p{margin-top:50px !important}
	.hmBanner .banner.banner1 {background-position: right -185px top;}
	.hmBanner .banner.banner4 .banner-wrap1 .banner-logo {margin-bottom: 20px}
	.hmBanner .banner.banner7{background-size: 970px auto;background-position: right -194px top;}
	.hmBanner .banner.banner7 .banner-wrap1 .banner-logo{margin-bottom:20px}
	.hmBanner .banner.banner2 .banner-wrap2 .banner-logo,.hmBanner .banner.banner2 .lftCnt h3{margin-bottom:10px}
	.hmBanner .banner.banner5 {background-position: right -187px top;background-size: 987px auto;}
	.hmBanner .banner.banner5 .lftCnt h3, .hmBanner .banner.banner5 .lftCnt h4 {margin-bottom: 12px;}
	.hmBanner .banner.banner5 .lftCnt h3 {font-size: 11px;line-height: 16px;}
	.aboutBanner {padding-left: 15px;height:250px}
	.aboutBanner .banner-img figure img {height: 200px}
	.aboutBanner .banner-img {width: 175px;}
	.aboutBanner .banner-text {width: 290px;padding:15px 15px 15px 0}
	.aboutBanner .banner-text p {font-size: 11px;line-height: 22px;}
	.how-order-table figure{margin-bottom:20px}
	.bulk-buyers .cl .orange-bx{height:420px}
	.prdBanner .banner {background-position: left -162px top;background-size: 1475px auto;height:250px}
	.prdBanner .banner .content-blkk h2 {font-size: 16px;line-height: 26px;}
	.about-management h2,.how-order-table .s,.range-types h2 {font-size: 16px}
	.platecup-slider .banner{height:250px;margin-bottom:0}
	.features h2{margin-bottom:5px}
	.features .feaBx p{padding:0 10px}
	.contact-details ul{display:block}
	.contact-details ul li{float:none;width:100%}
	.contact-details .office-address.timing{padding-top:0}
	.prdBanner .banner.contact{height:470px;background-size:1065px auto;background-position:right -40px top}
	.prdBanner .banner.contact .banner-wrap{top:250px;width:100%;height:220px}
	.prdBanner .banner.contact .content-blk .conblk {margin-top: 20px;}
	.contact-details h2{font-size:16px;margin-bottom:15px}
	.unp-finest ul li {margin-bottom:10px}
	.unp-finest ul li label{width:28%}
	.unp-finest ul li span{width:72%}
	.how-made-flowchart .flowchart-img .wrap{display:block}
	.how-made-flowchart .flowchart-img .wrap.even{flex-direction:initial}
	.how-made-flowchart .flowchart-img .wrap .item-img{padding:0 0 20px;text-align: center;}
	.how-made-flowchart .flowchart-img .wrap.even .item-desc p {text-align: left;}
	.infrastructure .infrastructure-in {display:block}
	.infrastructure .infrastructure-in .item-img{width:100%;margin-bottom:30px}
	.infrastructure .infrastructure-in .item-desc{width:100%}
	.infrastructure .infrastructure-in .item-desc h2{display:none}
	.infrastructure .infrastructure-in .item-img h2{display:block}
	.infrastructure .infrastructure-in .item-img img {max-width: 90%;}
	.quality-standards .cl {width: 48%;}
	.quality-standards .cl .qs-box{height:200px}
	/*.hmBanner .banner.bannern{height:250px;background-size: 1085px auto;}*/
	.hmBanner .banner.bannern .cnt-blk {width: 100%;height: 250px;}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure {margin-bottom:25px}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure img {width: 150px;}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in p {font-size: 14px;line-height: 24px;margin-bottom:20px}
	.how-made-flowchart .flowchart-img .wrap .item-img img {max-width: 100%;}
	.how-made-flowchart .flowchart-img .wrap.even .item-img{padding-left:0}
	.hmBanner .banner.bannern{background-image:url('../images/factoryimage-mbl.jpg');height:515px;background-size: 832px auto;background-position:right 250px}
	.branding .branding-form button{font-size:14px}
	.enquiryForm .cl{width:50%;margin-bottom:25px;}
	.enquiryForm .form-btm .form-check label {font-size: 12px;line-height: 20px;}
		.special{padding-bottom:0;}




}

@media (max-width:479px){
	header .main-nav ul.mainmenu li a, header .main-nav ul.usermenu li a{font-size:13px}
	.menu .amfori{padding-left: 15px}
	header .logoBlk .logo-top {height: 72px;}
	header .logoBlk .logo-top .logo {padding: 15px 0 6px 15px;width: 135px}
	header .logoBlk .logo-top .natural{width: 273px;padding: 8px 0 0 21px;height: 65px;right: -12px;}
	header .logoBlk .logo-top .natural p {-webkit-transform: skew(-19deg, 0deg);transform: skew(-19deg, 0deg);font-size: 11px;line-height: 22px}
	header .logoBlk .menu-txt {padding-right: 15px;}
	.navbar {padding: 5px 15px;}
	footer .ftr-btm p {font-size: 11px;line-height: 21px;}
	.btn-enquiry{margin-top:10px;margin-bottom:10px}
	.hmBanner .banner.banner4 {background-position: right -190px top;}
	.hmBanner .banner.banner6 {background-position: right -194px top;}
	.hmBanner .banner.banner5 .banner-wrap1{opacity:0.7}
	.aboutBanner .banner-text {width: 215px}
	.aboutBanner .banner-text h2 {font-size: 15px;}
	.stdprds .cl {height:255px}
	.stdprds .cl h3{font-size:16px}
	.stdprds .cl figure .pho {width: 50px;height: 50px;}
	.stdprds .cl .item-desc {height:120px}
	.bulk-buyers .cl {width: 100%;margin-bottom: 25px;}
	.bulk-buyers .cl .orange-bx{height:auto;padding-bottom: 25px;}
	.features .feaBx {height: 165px;}
	.prdBanner .banner.contact{background-position:right -85px top}
	.unp-finest ul li label {width:30%;font-size: 13px;}
	.unp-finest ul li span {width:70%;padding: 5px 15px 5px 15px;}	
	.unp-finest h2,.how-made-flowchart h2,.disposal h2,.comparison-table h2,.infrastructure .infrastructure-in .item-img h2 {font-size: 15px;line-height:22px;margin-bottom:20px}
	/*.hmBanner .banner.bannern .cnt-blk {width: 200px;}*/
	.hmBanner .banner.bannern .cnt-blk{height:215px}
	.hmBanner .banner.bannern {height: 392px;background-size: 556px auto;background-position: right 215px;}
	h2{font-size:18px;line-height:28px;margin-bottom: 20px;}
	.branding .brdBx figure img{height:86px;}
	.branding .brdBx figure,.branding .brdBx h3 {margin-bottom: 15px;}
	.branding .branding-form{margin-top:0;}
	    .special-items figure img{width: 200px;height: auto;margin: 10px;}
		.special-items ul li figure{height:220px;}

}

@media (max-width:413px){
	header .main-nav{top:31px;right:0}
	header .logo figure img{width:235px}
	header .logoBlk .logo-top .logo {width:100%;padding-bottom:15px}
	header .logoBlk .logo-top .natural{width:100%;-webkit-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);right:0;height:auto;padding:10px 20px;margin-bottom:2px}
	header .logoBlk .menu-txt{margin-left:0;position:absolute;top:20px;right:0}
	header .logoBlk .logo-top .natural p {-webkit-transform: skew(0deg, 0deg);transform: skew(0deg, 0deg);text-align:left;font-size:12px}
	.hmvideo {margin-top: 5px;}
	header .logoBlk .logo-top .natural:before {content: "";display: inline-block;position: absolute;width: 5px;height: 100%;background: #4ca404;right: 0px;top: 0px;z-index: 10;}
	footer .ftr-top .links ul li a {font-size: 12px}
	.about .abtBx:before,.features .feaBx:before{width:3px}
	.enquiry-txt {margin-right: 0;padding-bottom:5px}
	.enquiry-txt p {line-height:20px}
	.icons .img-head{margin-bottom:20px}
	.icons .cl{width:50%}
	.icons{background-repeat:repeat-y}
	.icons .iconBx{margin-top:2px}
	.icons .iconBx figure {height: 115px;background-size: 70px auto;}
	.hmBanner .banner .banner-wrap3,.hmBanner .banner .banner-wrap1,.hmBanner .banner .banner-wrap4,.hmBanner .banner .banner-wrap2{width:140px}
	.hmBanner .banner .lftCnt{width:110px}
	.hmBanner .banner .lftCnt h3,.hmBanner .banner .lftCnt p {font-size: 12px;line-height: 18px;}
	.hmBanner .banner.banner4 .lftCnt h3 {font-size: 11px;}
	.hmBanner .banner.banner6 .lftCnt p{margin-top:30px !important}
	.hmBanner .banner .banner-wrap4 .banner-logo{margin-bottom:20px}
	.hmBanner .banner.banner2 .lftCnt h3, .hmBanner .banner.banner2 .lftCnt p {font-size: 11px;line-height: 17px;}
	.hmBanner .banner.banner5 .lftCnt h3,.hmBanner .banner.banner5 .lftCnt p {font-size: 10px;line-height: 15px;}
	.hmBanner .banner.banner5 .lftCnt h3, .hmBanner .banner.banner5 .lftCnt h4 {margin-bottom: 10px}
	.aboutBanner .banner-text h2 {font-size: 14px;}
	.aboutBanner .banner-text p {font-size: 11px;line-height: 17px;}
	.aboutBanner .banner-text {width: 188px;}
	.aboutBanner .banner-img {width: 165px;}
	.platecup-slider .banner{height:200px}
	.range-types p {font-size: 13px;line-height:25px}
	.prdBanner .banner.contact{background-position:right -125px top}
	.prdBanner .banner.contact .content-blk .conblk p {font-size: 13px;}
	.prdBanner .banner.contact .content-blk .conblk {margin-top: 15px;}
	.unp-finest ul li label {width:34%;}
	.unp-finest ul li span {width:66%;}
	.how-made-flowchart .flowchart-img .wrap .item-desc h2{font-size:16px}
	.how-made-flowchart .flowchart-img .wrap .item-desc p {font-size: 13px;line-height: 23px;}
	.quality-standards .cl .qs-box{height:220px}
	.quality-standards .cl.single .qs-box {height: 185px;}
	.hmBanner .banner.bannern .cnt-blk .cnt-blk-in figure img {width: 125px;}
	.hmBanner .banner.bannern .cnt-blk{padding:15px;height: 192px;}
	.hmBanner .banner.bannern {height: 369px;background-size: 556px auto;background-position: right 192px;}
	.enquiryForm .cl{margin-bottom:0;}
	.enquiryForm .cl .form-check{min-height:55px;padding-left:10px;padding-right:10px}
	.enquiryForm h2,.branding h2{font-size:18px;}


}

@media(max-width:374px){
	header .logo figure img{width: 200px}
	header .main-nav{top: 26px}
	header .main-nav .mainnav-menu{width:150px}
	header .main-nav ul.mainmenu li a, header .main-nav ul.usermenu li a{font-size: 12px}
	.hm-slider{margin-top:74px}
	.menu .amfori img {margin-bottom: 1px;width: 90px;}
	.menu .amfori p{font-size:11px}
	footer .ftr-top .links ul li a {padding: 0 1px 0 6px;font-size: 11px;}
	.hmBanner .banner.banner1{background-size: 956px auto;background-position: right -194px top;}
	.hmBanner .banner.banner4,.hmBanner .banner.banner6,.hmBanner .banner.banner2{background-size: 956px auto}
	.aboutBanner {height:200px}
	.aboutBanner .banner-img figure img {height: 150px}
	.aboutBanner .banner-img {width: 130px}
	.aboutBanner .banner-text {width: 170px}
	.aboutBanner .banner-text h2 {font-size: 12px;}
	.aboutBanner .banner-text p {font-size: 10px;line-height: 13px;}
	.stdprds .cl h3 {font-size: 14px}
	.stdprds .cl .item-desc {height: 138px;}
	.stdprds .cl {height: 273px}
	.prdBanner .banner {height:200px}
	.prdBanner .banner .banner-wrapp {width: 162px;}
	.prdBanner .banner .content-blkk {width: 142px;}
	.prdBanner .banner .content-blkk h2 {font-size: 14px;line-height: 24px;}
	.about .abtBx p{padding:0 10px}
	.prdBanner .banner.contact{background-position:right -185px top;height:490px}
	.prdBanner .banner.contact .banner-wrap{height:240px}
	.unp-finest ul li label {width:40%;}
	.unp-finest ul li span {width:60%;}
	.quality-standards .cl {width:80%;}
	.quality-standards .cl .qs-box{height:auto;padding-bottom:15px}
	.quality-standards .cl.single .qs-box {height: auto;}
	/*.hmBanner .banner.bannern .cnt-blk {width: 160px;}*/
	.enquiryForm .cl .form-check label {font-size: 12px;}

}