@media screen and (min-width:1241px) and (max-width:1500px)
{
	.container{width: 98%;}
	.banner-main {padding:300px 0 130px;}
	.subpage-banner{padding:280px 0;}
	.banner-main h2 {padding:15px 100px;font-size:85px;}
	.banner-main p {margin:40px auto;font-size: 20px;}
	.factory {padding:100px 0 80px;}
	.factory h3{font-size:65px;margin-bottom:30px;}
	.factory p {font-size: 20px;}
	.title-main h5{font-size: 65px;margin-bottom:80px;}
	.promise-left {margin-left:-350px;width: 450px;}
	.promise-right {width: calc(100% - 150px);padding: 0 15px 0 50px;}
	.promise-left img{max-width: 450px;}
	.promise-right h5 {font-size: 60px;margin-bottom:10px;}
	.promise-right h6 {font-size: 34px;padding-bottom:15px;margin-bottom:20px;}
	.promise-right p{font-size: 20px;}
	.pro-desc h5 {font-size: 32px;margin-bottom:10px;}
	.pro-desc p {font-size: 18px;}	
	.footer{padding:70px 0 20px;}
	.copyright {padding-top:30px;}
	.side-btn a{left: -128px;}
	.footer-one {padding-right:40px;}

	/*about-us*/
	.about-promise{margin:120px 0 0;}
	.promise-main{width: calc(100% - 300px);}
	.about-promise .promise-right {width: calc(100% - 250px);padding:30px 15px;}
	.promise.about-promise .promise-right p{margin:0 0 20px;}
	.proud-main p, .proud-main ul li{font-size: 20px;}
	.proud-main ul {margin:0 0 40px;}
	.proud .title-main h5 {margin-bottom:50px;}

	/*brands*/
	.brands{padding:80px 0 0;}
	.brands .title-main h5 {margin-bottom:80px;}
	.brands-dtl {max-width: 85%;padding:30px;}
	.brands-one {margin-bottom:80px;}
	.brands-dtl h6 {margin:25px 0;}

	/*community-outreach*/
	.leaf-img{left:15px;top:0;}
	.about-btm.community-btm{padding:50px 0 20px;margin-bottom:50px;}
	.about-btm.community-btm .contact-box {padding:40px;}

	/*contact-us*/
	.contact-us, .contact-form{padding:70px 0;}
	.contact-box {padding:60px;}
	.about-btm {padding:100px 0;}
	.contact-leaf-right{top:0;}
	.contact-leaf{top:75%;}
	.contact-leaf img{max-width:100px;}
	.contact-leaf-right img{max-width:100px;}
	.header-menu ul li.current-menu-item a:before, .header-menu ul li.current-menu-item a:after{bottom:-30px;}
}
@media screen and (min-width:1025px) and (max-width:1240px)
{
	.container{width: 98%;}
	.header-menu ul li{padding:0 10px;}
	.header-menu ul li a{font-size:18px;}
	.banner-main {padding:250px 0 100px;}
	.subpage-banner{padding:230px 0;}
	.banner-main h2 {padding:10px 80px;font-size:80px;}
	.banner-main p {margin:30px auto;font-size:18px;}
	.factory {padding:100px 0 80px;}
	.factory h3{font-size:55px;margin-bottom:30px;}
	.factory p {font-size:18px;}
	.title-main h5{font-size: 55px;margin-bottom:80px;}
	.promise-left {margin-left:-350px;width:400px;}
	.promise-right {width: calc(100% - 100px);padding:15px;}
	.promise-left img{max-width: 400px;}
	.promise-right h5 {font-size: 50px;margin-bottom:10px;}
	.promise-right h6 {font-size: 34px;padding-bottom:15px;margin-bottom:20px;}
	.promise-right p{font-size:18px;line-height:26px;}
	.pro-desc h5 {font-size:26px;margin-bottom:10px;}
	.pro-desc p {font-size: 16px;}	
	.footer{padding:60px 0 20px;}
	.copyright {padding-top:25px;}
	.ftr-social-dtl li p, .ftr-social-dtl li a{padding-left:0;word-break:break-all;font-size: 14px;}
	.footer-one {padding-right:25px;}
	.pro-one {padding:20px;}
	.footer-one p{margin:20px 0;line-height: 22px;}
	.pro-btn a {font-size: 20px;}
	.side-btn a{left: -90px;padding: 10px 30px;font-size: 36px;}
	.footer-one {padding-right:40px;}

	/*about-us*/
	.about-promise{margin:80px 0 0;}
	.promise-main{width: calc(100% - 300px);}
	.about-promise .promise-right {width: calc(100% - 170px);padding:30px 15px;}
	.promise.about-promise .promise-right p{margin:0 0 20px;}
	.proud-main p, .proud-main ul li{font-size:18px;}
	.proud-main ul {margin:0 0 40px;}
	.proud .title-main h5 {margin-bottom:40px;}
	.about-promise .promise-left {width: 410px;}

	/*brands*/
	.brands{padding:70px 0 0;}
	.brands .title-main h5 {margin-bottom:70px;}
	.brands-dtl {max-width:90%;padding:25px;}
	.brands-one {margin-bottom:80px;}
	.brands-dtl h6 {margin:20px 0px;font-size: 26px;}
	.leaf-right {right: 20px;top:40px;}
	.leaf-right img{max-width: 180px;}
	.brands-dtl p, .brands-left-dtl p{font-size: 18px;line-height: 26px;}
	.brand-btn a{font-size: 22px;padding:12px 30px;}
	.pro-img img {max-width:160px;max-height:80px;}
	.brands-dtl p.dtl-text {font-size: 16px;line-height: 25px;}
	.brands-dtl img{max-width:220px;height: 120px;}

	/*community-outreach*/
	.leaf-img{left:0px;top:0;}
	.about-btm.community-btm{padding:50px 0 20px;margin-bottom:50px;}
	.about-btm.community-btm .contact-box {padding:25px;}
	.about-btm.community-btm .contact-box img {max-height: 90px;}
	.leaf-img img{max-width: 200px;}

	/*contact-us*/
	.contact-us, .contact-form{padding:60px 0;}
	.contact-box {padding:30px;}
	.about-btm {padding:80px 0;}
	.contact-leaf-right{top:0;}
	.contact-leaf{top:75%;}
	.contact-leaf img{max-width:100px;}
	.contact-leaf-right img{max-width:100px;}
	.contact-box p, .contact-box p a{font-size: 15px;line-height: 24px;}
	.header-menu ul li.current-menu-item a:before, .header-menu ul li.current-menu-item a:after{bottom:-25px;}

}
@media screen and (min-width:992px) and (max-width:1024px)
{
	.container{width: 98%;}
	.header-menu ul li{padding:0 10px;}
	.header-menu ul li a{font-size:18px;}
	.banner-main {padding:250px 0 100px;}
	.subpage-banner{padding:230px 0;}
	.banner-main h2 {padding:10px 80px;font-size:80px;}
	.banner-main p {margin:30px auto;font-size:18px;}
	.factory {padding:100px 0 80px;}
	.factory h3{font-size:55px;margin-bottom:30px;}
	.factory p {font-size:18px;}
	.title-main h5{font-size: 55px;margin-bottom:80px;}
	.promise-left {margin-left:-350px;width:400px;}
	.promise-right {width: calc(100% - 100px);padding:15px;}
	.promise-left img{max-width: 400px;}
	.promise-right h5 {font-size: 50px;margin-bottom:10px;}
	.promise-right h6 {font-size: 34px;padding-bottom:15px;margin-bottom:20px;}
	.promise-right p{font-size:18px;}
	.pro-desc h5 {font-size:26px;margin-bottom:10px;}
	.pro-desc p {font-size: 16px;}	
	.footer{padding:60px 0 20px;}
	.copyright {padding-top:25px;}
	.ftr-social-dtl li p, .ftr-social-dtl li a{padding-left:0;word-break:break-all;font-size: 14px;}
	.footer-one {padding-right:25px;}
	.pro-one {padding:25px;}
	.footer-one p{margin:20px 0;line-height:22px;}
	.pro-btn a {font-size: 20px;}
	.side-btn a{left: -90px;padding: 10px 30px;font-size: 36px;}

	/*about-us*/
	.about-promise{margin:80px 0 0;}
	.promise-main{width: calc(100% - 300px);}
	.about-promise .promise-right {width: calc(100% - 170px);padding:30px 15px;}
	.promise.about-promise .promise-right p{margin:0 0 20px;}
	.proud-main p, .proud-main ul li{font-size:18px;}
	.proud-main ul {margin:0 0 40px;}
	.proud .title-main h5 {margin-bottom:40px;}
	.about-promise .promise-left {width: 410px;}

	/*brands*/
	.brands{padding:60px 0 0;}
	.brands .title-main h5 {margin-bottom:60px;}
	.brands-dtl {max-width:90%;padding:25px;}
	.brands-one {margin-bottom:60px;}
	.brands-dtl h6 {margin:20px 0px;font-size: 26px;}
	.leaf-right {right: 20px;top:40px;}
	.leaf-right img{max-width: 180px;}
	.brands-dtl p, .brands-left-dtl p{font-size: 18px;line-height: 26px;}
	.brand-btn a{font-size: 22px;padding:12px 30px;}
	.pro-img img {max-width:160px;max-height:80px;}
	.brands-dtl p.dtl-text {font-size: 16px;line-height: 25px;}
	.brands-dtl img{max-width:200px;height: 100px;}

	/*community-outreach*/
	.leaf-img{left:0px;top:0;}
	.about-btm.community-btm{padding:50px 0 20px;margin-bottom:50px;}
	.about-btm.community-btm .contact-box {padding:25px;}
	.about-btm.community-btm .contact-box img {max-height: 90px;}
	.leaf-img img{max-width: 200px;}

	/*contact-us*/
	.contact-us, .contact-form{padding:60px 0;}
	.contact-box {padding:30px;}
	.about-btm {padding:70px 0;}
	.contact-leaf-right{top:0;}
	.contact-leaf{top:75%;}
	.contact-leaf img{max-width:100px;}
	.contact-leaf-right img{max-width:100px;}
	.contact-box p, .contact-box p a{font-size: 15px;line-height: 24px;}
	.contact-inp input, .contact-inp textarea {font-size: 15px;}
	.about-btm p {max-width: 75%;font-size: 20px;}
	.about-btm h6 {font-size: 32px;}
	.contact-btn button {padding:0 70px;}
	.header-menu ul li.current-menu-item a:before, .header-menu ul li.current-menu-item a:after{bottom:-20px;}
}

@media screen and (min-width:768px) and (max-width:991px)
{

	.container{width: 98%;}
	.header-menu ul li{padding:0 6px;}
	.header-menu ul li a{font-size:15px;}
	.banner-main {padding:200px 0 70px;}
	.subpage-banner{padding:185px 0;}
	.banner-main h2 {padding:10px 50px;font-size:60px;}
	.banner-main p {margin:25px auto;font-size:16px;}
	.factory {padding:50px 0px;}
	.factory h3{font-size:45px;margin-bottom:15px;}
	.factory p {font-size:16px;line-height: 25px;}
	.title-main h5{font-size:45px;margin-bottom:40px;}
	.promise-left {margin-left:-200px;width:250px;}
	.promise-right {width: calc(100% - 50px);padding:15px;}
	.promise-left img{max-width: 250px;}
	.promise-right h5 {font-size: 36px;margin-bottom:10px;}
	.promise-right h6 {font-size: 34px;padding-bottom:10px;margin-bottom:20px;}
	.promise-right p{font-size:16px;line-height: 22px;}
	.pro-desc h5 {font-size:26px;margin-bottom:10px;}
	.pro-desc p {font-size: 16px;}	
	.footer{padding:60px 0 20px;}
	.copyright {padding-top:0px;}
	.ftr-social-dtl li p, .ftr-social-dtl li a{padding-left:0;word-break:break-all;font-size: 14px;}
	.footer-one {padding-right:0px;}
	.pro-one {padding:35px;width: 50%;min-height: auto;}
	.footer-one p{margin:20px 0;line-height:22px;}
	.pro-btn a {font-size: 20px;}
	.side-btn a{left: -90px;padding: 10px 30px;font-size: 36px;}
	.header-logo img{max-width: 200px;}
	.promise-main{width: calc(100% - 250px);}
	.leaf-img {left: 0;}
	.leaf-img img{max-width: 130px;}

	/*about-us*/
	.about-promise{margin:60px 0 0;}
	.promise-main{width: calc(100% - 250px);}
	.about-promise .promise-right {width: calc(100% - 30px);padding:30px 15px;}
	.promise.about-promise .promise-right p{margin:0 0 20px;}
	.proud-main p, .proud-main ul li{font-size:16px;}
	.proud-main ul {margin:0 0 40px;}
	.proud .title-main h5 {margin-bottom:25px;}
	.about-promise .promise-left {width:280px;}
	.proud{margin:60px 0;}
	.proud-main p{margin-bottom:10px;}

	/*brands*/
	.brands{padding:50px 0 0;}
	.brands .title-main h5 {margin-bottom:50px;}
	.brands-dtl {max-width:100%;padding:25px;}
	.brands-one {margin-bottom:60px;}
	.brands-dtl h6 {margin:20px 0px;font-size:22px;}
	.leaf-right {right: 20px;top:40px;}
	.leaf-right img{max-width: 130px;}
	.brands-dtl p, .brands-left-dtl p{font-size: 18px;line-height: 26px;}
	.brand-btn a{font-size: 20px;padding:10px 25px;}
	.brands-dtl img{max-width:200px;height: 100px;}
	.footer .col-lg-6, .footer .col-lg-3{padding-bottom:25px;}
	.footer-two h6 {margin-bottom:15px;}
	.footer-menu ul li {padding-bottom:10px;}
	.pro-img img {max-width:160px;max-height:80px;}
	.brands-dtl p.dtl-text {font-size: 15px;line-height: 25px;}

	/*community-outreach*/
	.leaf-img{left:0px;top:0;}
	.about-btm.community-btm{padding:40px 0 20px;margin-bottom:40px;}
	.about-btm.community-btm .contact-box {padding:25px;}
	.about-btm.community-btm .contact-box img {max-height:80px;}
	.leaf-img img{max-width:120px;}
	.about-btm.community-btm .col-lg-3{width: 33.33%;}
	.about-btm.community-btm .title-main h5 {margin-bottom:30px;}

	/*contact-us*/
	.contact-us, .contact-form{padding:50px 0;}
	.contact-box {padding:30px;}
	.about-btm {padding:60px 0;}
	.contact-leaf-right{top:0;}
	.contact-leaf{top:85%;}
	.contact-leaf img{max-width:100px;}
	.contact-leaf-right img{max-width:100px;}
	.contact-box p, .contact-box p a{font-size: 15px;line-height: 24px;}
	.contact-inp input, .contact-inp textarea {font-size: 15px;}
	.about-btm p {max-width: 75%;font-size: 20px;}
	.about-btm h6 {font-size: 32px;}
	.contact-btn button {padding:0 70px;}
	.contact-us .col-lg-4{max-width: 50%;padding-bottom:25px;}
	.contact-box img{max-width: 70px;max-height: 70px;}
	.contact-box h6 {font-size: 22px;}
	.header-menu ul li.current-menu-item a:before, .header-menu ul li.current-menu-item a:after{bottom:-20px;}
}
@media (max-width: 767px)
{
  	.container{width: 100%;}
	.header-menu ul li{padding:10px 0px;text-align: center;width: 100%;}
	.header-menu ul li a{font-size:18px;}
	.banner-main {padding:160px 0 40px;}
	.subpage-banner{padding:150px 0;}
	.banner-main h2 {padding:10px 40px;font-size:50px;}
	.banner-main p {margin:25px auto;font-size:16px;max-width: 90%;}
	.factory {padding:40px 0px;}
	.factory h3{font-size:45px;margin-bottom:15px;}
	.factory p {font-size:16px;line-height: 25px;}
	.title-main h5{font-size:45px;margin-bottom:30px;}
	.promise-left {margin-left:0px;width:100%;}
	.promise-right {width:100%;padding:25px 0 0;}
	.promise-left img{max-width: 280px;}
	.promise-right h5 {font-size: 36px;margin-bottom:10px;}
	.promise-right h6 {font-size: 30px;padding-bottom:10px;margin:0 auto 20px;}
	.promise-right p{font-size:16px;line-height: 22px;}
	.pro-desc h5 {font-size:26px;margin-bottom:10px;}
	.pro-desc p {font-size: 16px;}	
	.footer{padding:60px 0 20px;}
	.copyright {padding-top:0px;}
	.ftr-social-dtl li p, .ftr-social-dtl li a{padding-left:0;word-break:break-all;font-size: 14px;}
	.footer-one {padding-right:0px;}
	.pro-one {padding:25px;width: 50%;min-height: auto;}
	.footer-one p{margin:20px 0;line-height:22px;}
	.pro-btn a {font-size: 24px;}
	.side-btn a{left: -80px;padding: 10px 30px;font-size: 30px;}
	.header-logo img{max-width: 200px;}
	.promise-main{width:100%;text-align: center;padding:25px 15px;}
	.leaf-img {left: 0;}
	.leaf-img img{max-width: 100px;}
	.header-menu{display: none;position: absolute;left: 0;right: 0;width: 100%;height:auto;background-color:#fff;top:100%;}
	.header-menu ul li a{color: #ff8000;}
	.header-main{position: relative;}
	.header-menu ul{padding:15px;}
	.product{padding:40px 0 0;}
	.product .title-main h5 {margin-bottom:15px;}
	.footer .col-lg-6, .footer .col-lg-3{padding-bottom:25px;}
	.footer-two h6 {margin-bottom:15px;}
	.footer-menu ul li {padding-bottom:5px;}
	.pro-btn a{right: 0;}

	/*about-us*/
	.about-promise{margin:60px 0 0;}
	.promise-main{width:100%;}
	.about-promise .promise-right {width:100%;padding:30px 0px;}
	.promise.about-promise .promise-right p{margin:0 0 20px;}
	.proud-main p, .proud-main ul li{font-size:16px;}
	.proud-main ul {margin:0 0 40px;}
	.proud .title-main h5 {margin-bottom:25px;}
	.about-promise .promise-left {width:100%;margin:0;}
	.proud{margin:60px 0;}
	.proud-main p{margin-bottom:10px;}

	/*brands*/
	.brands{padding:40px 0 0;}
	.brands .title-main h5 {margin-bottom:40px;}
	.brands-dtl {max-width:100%;padding:25px;}
	.brands-one {margin-bottom:30px;}
	.brands-dtl h6 {margin:20px 0;font-size:22px;}
	.leaf-right {right: 20px;top:40px;}
	.leaf-right img{max-width:200px;}
	.brands-dtl p, .brands-left-dtl p{font-size:20px;line-height: 28px;}
	.brand-btn a{font-size: 20px;padding:10px 25px;}
	.brands-dtl img{max-width: 150px;height:unset;}
	.brands-right, .brands-left{width: 100%;}
	.brands-one{flex-wrap:wrap-reverse;}
	.brands-one.brands-two, .brands-one.brands-four{flex-wrap:wrap;}
	.pro-img img {max-width:150px;max-height:70px;}
	.brands-one{width: 100%;}
	.brands-dtl p.dtl-text {font-size: 16px;line-height: 25px;}

	/*community-outreach*/
	.leaf-img{left:0px;top:0;}
	.about-btm.community-btm{padding:30px 0 20px;margin-bottom:30px;}
	.about-btm.community-btm .contact-box {padding:20px;border-radius: 15px;}
	.about-btm.community-btm .contact-box img {max-height:80px;}
	.leaf-img img{max-width:120px;}
	.about-btm.community-btm .col-lg-3{width:50%;padding-bottom:20px;}
	.about-btm.community-btm .title-main h5 {margin-bottom:30px;}

	/*contact-us*/
	.contact-us, .contact-form{padding:40px 0;}
	.contact-box {padding:25px;}
	.about-btm {padding:50px 0;}
	.contact-leaf-right{top:0;}
	.contact-leaf{top:85%;}
	.contact-leaf img{max-width:100px;}
	.contact-leaf-right img{max-width:100px;}
	.contact-box p, .contact-box p a{font-size: 15px;line-height: 24px;}
	.contact-inp input, .contact-inp textarea {font-size: 15px;}
	.about-btm p {max-width:100%;font-size:18px;line-height: 28px;}
	.about-btm h6 {font-size:26px;margin-bottom:10px;}
	.contact-btn button {padding:0 50px;min-height: 50px;}
	.contact-us .col-lg-4{max-width: 100%;padding-bottom:25px;}
	.contact-box img{max-width: 60px;max-height: 60px;}
	.contact-box h6 {font-size: 22px;}
	.contact-inp{margin-bottom:20px;}
	.header-menu ul li.current-menu-item a:before, .header-menu ul li.current-menu-item a:after{display: none;}
}
@media screen and (max-width:575px)
{
	.banner-main h2 {font-size:44px;padding:10px 15px;}
	.banner-main p{max-width: 100%;margin:20px 0;}
	.footer{padding:40px 0 15px;}
}
@media screen and (max-width:480px)
{
	.pro-one {padding:35px 15px;min-height: auto;width:100%;}
	.banner-main h2 {font-size: 32px;}
	.factory h3 {font-size: 34px;}
	.pro-btn a{margin-right:0;}
	.leaf-right{display: none;}
	.pro-btn{right: 0;bottom:20px;}
	.subpage-banner{padding:130px 0;}
	.about-btm.community-btm .contact-box {padding:15px;border-radius: 15px;}
	.contact-box p, .contact-box p a {font-size: 14px;line-height: 22px;}
	.about-btm p {font-size:16px;line-height: 24px;}
	.title-main h5{font-size: 34px;}
}