.responsive-table table tr tdbody{margin: 0px; background: #fff;padding: 30px;}
table,div{font-family: 'Abel', sans-serif; font-size:13px; color:#333333; line-height:1.3; }
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Abel', sans-serif;font-size: 13px;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
/*ul li{list-style-type: none;}*/
td .freequote{    text-align: center;
    background-color: #6bb132;
    padding: 10px;
    font-size: 16px;
    color: white !important;
    width: 230px;
    margin: 0 auto;}
td .freequote:hover{background: #6998b3;}
td .freequote a{color: white !important;}

#main{margin:0 auto;}
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;height: 145px;padding: 0 60px;}
#logo img{box-shadow: 8px 8px 3px rgba(0, 0, 0, 0.1);}

#top_link{margin: 50px 0;}
.top-ul{margin: 0;padding: 0;float: left;}
.top-ul li{font-size: 19px;color: #fff;padding: 10px 30px;display: inline-block;}
.top-ul li a{color: #fff;}
.top-ul li span{margin-right: 10px;}
#top_link .freequote{background: #6bb132;}
#top_link .freequote.download{background: #FFFFFF; color: #6bb132; margin-right: 5px;}
#top_link .freequote.download a{color: #6bb132}

.overlay-menu ul li ul{display: none;position: relative;}
.overlay-menu ul .submenu{list-style-image: url(../images/menu-list.png) !important;}
.overlay-menu ul li ul li a{line-height: 60px !important;color: #82bce1;}

#banner{position: relative;}
#banner ul{margin: 0}
.ban-slider{position: relative;}
.ban-slider img{width: 100%;}
.ban-text{position: absolute;top: 50%;left: 50%;width: 1326px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.border-box{position: relative;padding: 50px;}
.border-box:before{content: "";height: 445px;position: absolute;left: 0;top: 0;width: 365px;border: 10px solid #fff;z-index: -1;border-right: 0;}
.ban-text h3{font-size: 25px;color: #fff;line-height: 29px;font-weight: normal;letter-spacing: 1px;}
.ban-text h1{font-size: 105px;line-height: 105px;color: #fff;margin: 0;position: relative;}
.ban-text h1:before{content: "";height: 122px;position: absolute;left: 315px;top: -128px;width: 10px;border-left: 10px solid #fff;z-index: -1;}
.ban-text h1:after{content: "";height: 210px;position: absolute;left: 315px;bottom: -232px;width: 10px;border-left: 10px solid #fff;z-index: -1;}
.ban-text p{font-size: 13px;font-weight: bold;letter-spacing: 4px;color: #fff;text-transform: uppercase;}
.ban-text .btn{background: #449d4c;padding: 10px 35px;color: #fff;font-size: 13px;text-transform: uppercase;border: 0;margin-top: 100px;}
.botton-arw{position: absolute;bottom: 40px;left: 0; right: 0; margin: 0 auto; text-align: center;}

#content{padding-top: 30px;}
.welcome{background: #f4f3f5 url(../images/welcome-bg.png)no-repeat center bottom;padding-bottom: 22%;padding-top: 60px;}
.title{color: #383838;font-size: 55px;text-align: center;margin-bottom: 0;font-weight: normal;}
.title span{font-size: 17px;color: #21182c;display: block;opacity: 0.5;margin-bottom: -10px;}
.line{background: #d7cedf;height: 5px;width: 70px;border-radius: 5px;display: table;margin: 0 auto 50px auto;}
.welcome .left{width: 65%;}
.welcome .right{width: 30%;}
.welcome .box{border: 12px solid #fff;padding: 50px;height: 445px;position: relative;}
.welcome .box h2{font-size: 47px;color: #21182c;line-height: 47px;margin-bottom: 30px;}
.welcome .logo{position: absolute;bottom: -75px;right: -12px;}
.welcome ul{margin: 0;padding: 50px 0 0 25px;}
.welcome ul li{font-size: 17px;color: #6c6672;line-height: 35px;list-style-image: url(../images/wlcm-list.png);}
.welcome p{font-size: 17px;line-height: 27px;color: #21182c;padding: 30px 0;}
.welcome .btn{font-size: 14px;color: #fff;text-transform: uppercase;letter-spacing: 3px;background: #77c04b;padding: 12px 35px;cursor: pointer;border: 0;}
.welcome .btn:hover{background: #79bdec;color: #fff;transition: all 0.5s ease-in-out 0s;}

.hm-service{padding: 50px 0;}
.hm-service .bx-wrapper .bx-viewport{height: auto !important;}
.hm-service h3{font-size: 27px;color: #77c04b;text-align: center;font-weight: normal;padding-bottom: 50px;}
.hm-service ul{margin: 0;padding: 0 0 0 22px;}
.hm-service li{font-size: 16px;color: #716d76;line-height: 27px;list-style-image: url(../images/s-list.png); position: relative !important}
.hm-service .left{width: 100%;position: relative;padding-bottom: 195px;}
.hm-service .right{width: 100%;position: relative;padding-bottom: 195px;}
.hm-service .img{width: 50%;}
.hm-service .right .img{width: 50%;float: right;}
.white-bg{width: 795px;background: #fff;padding: 30px 20px;display: table;}
.hm-service .left .white-bg{position: absolute;top: 120px;right: 0;}
.hm-service .right .white-bg{position: absolute;top: 120px;left: 0;text-align: right;}
.hm-service .number h1{font-size: 147px;color: #eaeaea;font-weight: normal;line-height: 147px;margin: 0;}
.hm-service .number{display:table-cell;vertical-align: top;}
.hm-service .text{padding-left: 30px;}
.hm-service .right .text{padding-left: 0;padding-right: 30px;}
.hm-service h2{font-size: 37px;color: #79bdec;font-weight: normal;}
.hm-service p{font-size: 16px;color: #716d76;line-height: 27px;padding: 10px 0;}
.hm-service .btn{font-size: 14px;color: #fff;text-transform: uppercase;letter-spacing: 3px;background: #77c04b;padding: 12px 35px;cursor: pointer;border: 0;margin: 0 auto;display: block;}
.hm-service .btn:hover{background: #79bdec;color: #fff;transition: all 0.5s ease-in-out 0s;}

.benefit{background:#337ea8 url(../images/benefit-bgs.png)no-repeat center top;padding-top: 315px;padding-bottom: 50px;}
.benefit h2{font-size: 40px;color: #fff;font-weight: normal;}
.t-line{background: #fff;height: 5px;width: 70px;border-radius: 5px;margin-bottom: 50px;}
.benefit .left ,.benefit .right{width: 50%;}
.benefit ul{margin: 0;padding: 0 0 0 22px;}
.benefit li{font-size: 21px;color: #fff;line-height: 28px;list-style-image: url(../images/s-list.png);padding-bottom: 10px;}
.benefit p{font-size: 21px;color: #fff;line-height: 37px;}
.credential-ul{margin: 0;padding: 20px 0 0 0 !important;}
.credential-ul li{display: inline-block;text-align: center;margin-right: 90px;}
.credential-ul li:last-child{margin-right: 0;}
.credential-ul h3{font-size: 21px;color: #fff;font-weight: normal;}
.bx-caption{display: none;}

.info{position: relative;overflow: hidden;}
.info .left{background: #f4f3f5;width: 50%;padding: 0;}
.info .left:before{content: "";height: 100%;position: absolute;left: -100%;top: 0;width: 100%;background: #f4f3f5;}
.info .right{background: #77c04b;padding:38px 0 38px 100px;width: 50%;}
.info .right:after{content: "";height: 100%;position: absolute;right: -100%;top: 0;width: 100%;background: #77c04b;}
.info h2{font-size: 40px;font-weight: normal;}
.info .right h2{color: #fff;}
.info .line{margin: 0 0 50px 0;}
.info ul{margin: 0;padding: 0; list-style: none}
.info ul li{font-size: 14px;color: #0f182a;padding-bottom: 20px;}
.info ul li a{color: #0f182a;}
.info ul li span{display: block;color: #77c04b;font-size: 29px;}
.info #left{width: 49%;float: left;}
.info .field{width: 100%;margin-bottom: 13px;}
.info input[type='text'],.info input[type='email'],.info input[type='tel']{background: #fff;padding: 10px;font-size: 14px;color: #0f182a;border: 0;width: 100%;}

.info textarea{background: #fff;padding: 10px;font-size: 14px;color: #0f182a;border: 0;width: 100%;height: 142px;float: right;width: 49%;}
.info input[type='submit']{background: #fff;padding: 10px;font-size: 14px;color: #0f182a;border: 0;width: 100%;cursor: pointer;margin-top: 30px;}
::-webkit-input-placeholder { color:#0f182a; }
::-moz-placeholder { color:#0f182a;opacity: 1 !important;} /* firefox 19+ */
:-ms-input-placeholder { color:#0f182a; } /* ie */
input:-moz-placeholder { color:#0f182a; }

footer{background: #0f182a;margin-top: 10px;}
.footer-top{padding: 50px 0;}
.footer-bottom{padding: 30px 0;background: #070c15;}
footer h3{font-size: 18px;color: #ffffff;text-transform: uppercase;text-align: center;font-weight: normal;position: relative;border-top: 1px solid #575e6a;}
footer h3 span{background: #0f182a;padding: 0 10px;margin: -11px auto 0 auto;display: table;}
.footer-top ul{margin: 0;padding: 25px 0 0 0;float: left;width: 25%; list-style: none}
.footer-top ul li{font-size: 14px;line-height: 30px;}
.footer-top ul li a{color: #fff;}
.footer-top ul li a:hover{color: #5ab620;}
.footer-bottom ul{margin: 0;padding:10px 0;text-align: center;}
.footer-bottom ul li{font-size: 14px;line-height: 30px;display: inline-table;width: 44px;height: 43px;border-radius: 50px;border: 1px solid #fff;font-size: 15px;margin: 0 3px;}
.footer-bottom ul li a{color: #fff;display: table-cell;vertical-align: middle;}
.footer-bottom ul li:hover{background: #5ab620;border: 1px solid #5ab620;transition: all 0.5s ease-in-out 0s;}
.footer-bottom p{font-size: 13px;color: #fff;opacity: 0.5;text-align: left;margin-top: -40px;}
.f_site{float: right;}
.f_site a{color: #ffffff;}

div.wpcf7 .ajax-loader{

    display: initial !important;
}
.tags a{}

.more-link{display: none;}

#hamburger-navigation{display: none;}

.bckbutton{text-align: center;vertical-align: middle;background: #71B231;    padding: 10px;}
.bckbutton a{color: #ffffff;}

/*-------- About Us --------*/
.ban-text h2{font-size: 85px;color: #fff;}
.ban-text h2 span{font-size: 25px;display: block;font-weight: normal;}
.bline{width: 150px;height: 10px;background: #fff;margin-top: -10px;}
.intitle{font-size: 37px;color: #79bdec;font-weight: normal;margin-bottom: 25px;}
.about{background: #f4f3f5;padding: 35px 0 115px 0;}
.mission{padding: 35px 0;}
.mission p{color: #21182c;font-size: 17px;line-height: 27px;padding-bottom: 15px;}
.about-green{background: url(../images/about-green.png);padding: 30px;margin-bottom: 30px;}
.about-green .intitle{color: #fff;} 
.about-green ul{margin: 0;padding-left: 22px;}
.about-green ul li{color: #fff;font-size: 17px;line-height: 27px;margin-bottom: 3px;list-style-image: url(../images/about-green-list.png);}

/*-------- Contact Us --------*/
.contact{position: relative;}
.contact iframe{width: 100% !important;}
.contactbox{width: 455px;height: 688px;box-shadow: 5px 5px 5px #b5b5b5;position: absolute;top: 0;right: 0;}
.contactbox .top{background: #ffffff;text-align: center;padding-bottom: 10px;}
.contactbox .bottom{background: #77c04c;padding: 20px;margin-bottom: 50px;}
.contactbox h3{font-size: 21px;font-weight: bold;margin-bottom: 0;}
.contactbox ul{margin: 0 0 20px 0;padding: 0; list-style: none;}
.contactbox ul li{font-size: 15px;line-height: 25px;color: #000;}
.contactbox ul li a{color: #000;}
.cline{background: #cccccc;width: 50px;height: 2px;margin: 0 auto;}
.cont1{margin-top: -20px;}
.cont2{margin:0 auto;display: block;}
.contactbox p{font-size: 15px;color: #000;margin-bottom: 20px;}
.contactbox .bottom h3{color: #fff;text-align: center;}
.contactbox form{margin-top: 20px;}
.contactbox input[type="text"],.contactbox input[type="email"],.contactbox input[type="tel"],.contactbox textarea{width: 100%;background: #fff;padding: 8px 10px;font-size: 13px;color: #000;border: 0;margin-bottom: 5px;}
.contactbox textarea{height: 80px;}
.contactbox .bottom p{color: #fff;}
.contactbox input[type="submit"]{background: #fff;font-size: 15px;color: #77c04c;font-weight: bold;padding: 8px 30px;border: 0;margin: 0 auto;display: block;cursor: pointer;}


/*-------- Details --------*/
.solution-dtl{padding: 50px 0;}
.solution-dtl .left{width: 835px;}
.solution-dtl .right{width: 312px;}
.solution-dtl h3{font-size: 27px;color: #77c04b;font-weight: normal;}
.solution-dtl .white-bg{width: 100%;background: #fff;padding: 0;display: table;}
.solution-dtl .number h1{font-size: 147px;color: #eaeaea;font-weight: normal;line-height: 147px;margin: 0;}
.solution-dtl .number{display:table-cell;vertical-align: top;}
.solution-dtl .text{padding-left: 30px;}
.solution-dtl h2{font-size: 37px;color: #79bdec;font-weight: normal;}
.solution-dtl p{font-size: 16px;color: #716d76;line-height: 27px;padding: 10px 0;}
.white-bg .img ,.white-bg .img img{width: 100%;}
.white-bg ul{margin: 0;padding: 0 0 0 22px;}

.hm-service .right ul {width: auto;display: table;text-align: left;float: right;}
.white-bg li{font-size: 16px;color: #716d76;line-height: 27px;list-style-image: url(../images/s-list.png);margin-bottom: 3px;}
.case-box{position: relative;}
.case-img {}
.case-txt {background: rgba(91,91,91,0.9);width: 50%;position: absolute;top: 0;left: 0;padding: 34px 30px 34px;}
.case-txt h4{font-size: 22px;color: #fff;font-weight: normal;margin-bottom: -10px;}
.case-txt p{color: #fff;text-align: justify;}
.solution-dtl .box{padding: 25px;margin-bottom: 30px;}
.solution-dtl .quotebox{background: #77c04c;width: 100%;}
.solution-dtl .quotebox h4{color: #fff;text-align: center;font-size: 21px;font-weight: normal;}
.solution-dtl form{margin-top: 20px;}
.solution-dtl input[type="text"],.solution-dtl input[type="email"],.solution-dtl input[type="tel"],.quotebox textarea{width: 100%;background: #fff;padding: 8px 10px;font-size: 13px;color: #000;border: 0;margin-bottom: 5px;}
.solution-dtl textarea{height: 80px;}
.solution-dtl .quotebox p{color: #fff;padding: 0;margin-top: 0;font-size: 13px;}
.solution-dtl input[type="submit"]{background: #fff;font-size: 15px;color: #77c04c;font-weight: bold;padding: 8px 30px;border: 0;margin: 0 auto;display: block;cursor: pointer;}
.statistic{background: #7dbbe0;width: 100%;}
.statistic h2{color: #fff;background: #8ac2e3;padding: 20px 25px;}
.statistic h3{font-size: 50px; color: #fff;display: table;margin: 0;line-height: 50px;padding-bottom: 20px;border-bottom: 3px solid #8ac2e3;width: 100%;padding-top: 20px;}
.statistic h3:last-child{padding-bottom: 0;border-bottom: 0;}
.statistic h3:first-child{padding-top: 0;}
.statistic h3 span {display: table-cell;vertical-align: top;width: 90%;}
.statistic h3 i{margin: 0 15px 0 0;font-size: 34px;color: #fff;display: table;}
.statistic h3 span p{color: #fff;margin: -5px 0 0 0;padding: 0;}
.dtl-logo{border: 1px solid #9da1a1;width: 100%;padding: 15px 20px;}
.dtl-logo p{font-size: 15px;line-height: 22px;}
.dtl-logo ul{margin: 0;padding: 0;}
.dtl-logo ul li{display: block;text-align: center;}
.dtl-logo ul li p{margin-top: 0;padding: 0;}

/*-------- Download --------*/
.download{padding: 50px 0;}
.download h2 {color: #79bdec;font-size: 37px;font-weight: normal;}
.download p{font-size: 16px;color: #716d76;line-height: 27px;}
.download ul{margin: 0;padding: 0 0 0 22px;display: inline-block;width: 100%;}
.download li{font-size: 16px;color: #716d76;line-height: 27px;list-style-image: url(../images/s-list.png);margin-bottom: 3px;}
.download li a{color: #716d76;}
.download h3{font-size: 27px;color: #77c04b;font-weight: normal;margin-top: 30px;margin-bottom: 15px;}
.download-pdf{margin: 0;padding: 0 !important;}
.download-pdf li{display: inline-block;width: 32%;background: #f4f3f5;margin-right: 20px;margin-bottom: 20px;}
.download-pdf li:nth-child(3n+3){margin-right: 0;}
.download-pdf li .img{display: table;width: 100%;height: 200px;}
.download-pdf li .img span{display: table-cell;vertical-align: middle;text-align: center;}
.download-pdf li h4{background: #337ea8;color: #fff;font-size: 18px;text-align: center;padding: 10px;margin: 0;font-weight: normal;}

/*-------- Industries --------*/
.industries{background: #fff url(../images/welcome-bg.png)no-repeat center bottom;padding-bottom: 18%;padding-top: 50px;}
.industries ul{margin: 0;padding: 0 0 30px 22px;display: block;}
.industries li{font-size: 16px;color: #716d76;line-height: 18px;list-style-image: url(../images/s-list.png);margin-bottom: 3px;margin-bottom: 10px;}
.industries li a{color: #716d76;display: inline-block;border-right: 1px solid #716d76;padding: 0 10px;text-decoration: underline;}
.industries li a:last-child{border-right: 0;}
.industries li a:hover{color: #337ea8;text-decoration:none;}
.industray-img{margin-right: 20px;margin-bottom: 20px;float: left;}
.industries h3{font-size: 27px;color: #77c04b;font-weight: normal;margin-bottom: 15px;}
.industries p{font-size: 16px;color: #716d76;line-height: 27px;}
.industries table{width: 50%;}
.industries table tr th{padding: 8px 20px;font-size: 15px;text-align: left;background: #6998b3;color: #fff;text-transform: uppercase;border: 1px solid #fff;}
.industries table tr td{padding: 8px 20px;font-size: 15px;background: #f4f3f5;border: 1px solid #fff;}

.menu{margin-top: 60px;}

/*-----------------Packaging-----------*/
			.packaging h3 {
				font-size: 27px;
				color: #77c04b;
				font-weight: normal;
				margin-bottom: 15px;    clear: both
			}
			.packaging h4 {
				font-size: 18px;
				font-weight: 700;
			}
			.packaging p {
				font-size: 16px;
				color: #716d76;
				line-height: 27px;
			}
			.responsive-table {
				overflow: auto;
			}
			.responsive-table table {
				width: 100%;
			}
			.responsive-table table tr th {
				padding: 8px 20px;
				font-size: 15px;
				text-align: left;
				background: #6998b3;
				color: #fff;
				text-transform: uppercase;
				border: 1px solid #fff;
			}
			.responsive-table table tr td {
				padding: 8px 15px;
				font-size: 15px;
				background: #f4f3f5;
				border: 1px solid #fff;
			}

			.packaging-list {
			}
			.packaging-list ul {
			}
			.packaging-list ul li {
				width: 33.33%;
				float: left;
				padding-right: 20px;
				padding-bottom: 20px;
				padding-top: 20px;
				text-align: center;min-height: 350px;
			}
			.packaging-list ul li:nth-child(3n+3) {
				/*padding-right: 0;*/
			}
			.packaging-list ul li p {
				text-align: left;
			}
			.packaging-list ul li h4 {
				text-align: left;
			}
			
			#contactinfo p ,.contactbox .bottom p{text-align: center;color: #fff;}
			
			#scroll{
			bottom: 20px;
			position: fixed;
			right: 20px;
			z-index: 90;
			}
			#scroll span{
			margin: 2px;
			width: 3.07692rem;
			height: 3.07692rem;
			line-height: 2.76923rem;
			border: 0;
			display: block;
			text-align: center;
			color: #222;
			font-size: 1.84615rem;
			background-color: #d7cedf;
			}
			#scroll span:hover{
			background:#79bdec;
			color:#fff;
			}
			
.blog .left{width: 73%;}	
.blog .right{width: 25%;}		
.blog .widget{background: #fff;margin-bottom: 25px;}
.blog .widget h1{color: #fff;background: #79bdec;font-size: 18px;padding: 7px 12px;margin: 0;}
.blog .widget ul{padding: 0;margin: 0;list-style: none;}
.blog .widget ul li{padding: 0;}
.blog .widget ul li a{color: #333333;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 10px 15px;font-size: 16px;}
.blog .widget ul li:last-child a{border-bottom: 0;}
.blog .widget .search-field{font-size: 16px;padding: 10px 15px;}
.blog .text p {color: #21182c;font-size: 17px;line-height: 27px;}
.blog h2{font-size: 30px;color: #79bdec;font-weight: normal;}
.blog .btn{background: #6bb132;font-family: inherit;font-size: 15px;font-weight: normal;}
.blog .left .box{background: #fff;padding: 10px;}
.blog .left .box{margin-bottom: 25px;}
.blog .left .box img{width: 100%; height: auto;}
.blog .left .box .text.details_img table {border-collapse: collapse; margin: 10px 0 0px; width: 100% !important}
.blog .left .box .text.details_img table th {background: #005d92; border: 1px solid #CCCCCC; font-weight: normal; padding: 12px 8px; color: #000000; font-size: 16px;}
.blog .left .box .text.details_img table td {border: 1px solid #CCCCCC; padding: 8px;}
.blog .left .box .text.details_img table tr{background: #FFFFFF;}
.blog p strong{margin-top: 20px;color: #6bb132;}
.details_img img{width: auto !important;}
.pagination{display: table;margin: 0 auto;}
.pagination .wp-pagenavi a, .pagination .wp-pagenavi span {display: inline-block;border: 0;background: #fff;padding: 8px 12px;font-size: 16px;}
.wp-pagenavi span.current{background: #6bb132 !important;color: #fff;font-weight: normal;}
.blog .date{color: #6bb132;font-size: 16px;margin-bottom: 20px;font-weight: bold;display: block;}
.blog .blogul{margin: 0;padding-left: 20px;}
.blog .blogul li{color: #21182c;font-size: 17px;line-height: 27px;list-style-type: circle;}
.midtitle{text-align: left;width: 100%;display: table;}

/* 06-02-2019 */
#top_link {margin: 20px 0;}
.menu {margin-top: -50px; clear: both; width: auto; display: inline-block; float: right;}

.hm-service .bx-wrapper .bx-controls-direction a {position: absolute; bottom: 0%; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999;}
.hm-service .bx-wrapper .bx-prev {left: 0; background: url(../images/p1-arw.png) no-repeat 0 0;}
.hm-service .bx-wrapper .bx-next {right: 0;  background: url(../images/n1-arw.png) no-repeat 0 0;}
.hm-service .bx-default-pager{display: none}
.hm-service .btn{display: none;}

.wsp-pages-list{}
.wsp-pages-list li{float: left; width: 33.33%;}


/*#banner .bx-wrapper .bx-prev {
	left: 3px;
	background: url(../images/p-arw.png) no-repeat 0 0;
}

#banner .bx-wrapper .bx-next {
	right: 7px;
	background: url(../images/n-arw.png) no-repeat 0 0;
}
#banner .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: 0;
	outline: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	z-index: 0;transform: translate(0%, -50%);
}*/



.blogservice .col-md-4{width: 33.33%; padding: 0 15px; float: left;}
.blogservice .col-md-4 img{width: 100%;}
.blogservice .img {max-height: 250px;overflow: hidden;}

.mobileresponsive{display: none}

.text.details_img ul{margin: 0 0 0 20px;padding: 0;}
.text.details_img ul li{font-family: 'Abel', sans-serif;color:#21182c;font-size: 17px;line-height: 27px;}
.recentpost{color: #fff;background: #79bdec;font-size: 18px;padding: 7px 12px;margin: 0;text-transform: uppercase;font-weight: 700;}
.titletext h1{font-size: 30px;color: #79bdec;font-weight: normal;}
.titletextdetails h1{font-size: 30px;color: #79bdec;font-weight: normal;}


/*--------1366px------------*/
@media only screen and (min-width:1281px) and (max-width:1366px) {
body{padding: 10px;}
.ban-text{width: 1136px;top: 56%;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.ban-text .btn{margin-top: 22px;}
.border-box::before{height: 348px;}
.ban-text h1{font-size: 90px;line-height: 90px;}
.ban-text h1::after{bottom: -150px;height: 140px;}
.info .left{padding: 50px 20px;}
.info .right{padding: 50px 20px;}
#top_link {margin: 25px 0;}
.hm-service .left .white-bg{top: 0;position: relative;float: right;margin-top: -290px;}
.hm-service .right .white-bg{top: 0;position: relative;float: left;margin-top: -290px;}
.hm-service .left ,.hm-service .right{position: relative;padding: 0 0 30px 0;}

/*-------- About Us --------*/
.ban-text h2{font-size: 60px;}
.bline{height: 8px;}

.about{padding-bottom: 0 !important;} 

.wsp-pages-list{padding: 0 40px;display: inline-block;width: 100%;}
.wsp-pages-list li{float: left; width: 33.33%;}	

}

/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1280px) {
body{padding: 10px;}
.ban-text{width: 1136px;top: 56%;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.ban-text .btn{margin-top: 22px;}
.border-box::before{height: 328px;}
.ban-text h1{font-size: 70px;line-height: 70px;}
.ban-text h1::after{bottom: -150px;height: 140px;}
.info .left{padding: 0 20px;}
.info .right{padding: 50px 20px;}
.credential-ul li{margin-right: 28px;}
#top_link {margin: 25px 0;}
.hm-service .left .white-bg{top: 0;position: relative;float: right;margin-top: -205px;}
.hm-service .right .white-bg{top: 0;position: relative;float: left;margin-top: -205px;}
.hm-service .left ,.hm-service .right{position: relative;padding: 0 0 30px 0;}
.info input[type="submit"]{margin-top: 8px;}

/*-------- About Us --------*/
.ban-text h2{font-size: 55px;}
.bline{height: 8px;}
.ban-text h2 span{line-height: 25px;}

/*-------- Contact Us --------*/
.contactbox{right: 0;}

/*-------- Details --------*/
.solution-dtl .left{width: 850px;}
.solution-dtl .right{width: 290px;}
.case-txt{padding: 16px 20px;width: 477px;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 17px;}

/*-------- Industries --------*/
.industries{padding-bottom: 24%;}
.packaging-list ul li {
					width: 50%;
		padding-right: 20px;
	}
	.packaging-list ul li:nth-child(2n+2) {
		padding-right: 0;
	}
	.packaging-list ul li:nth-child(3n+3) {
		padding-right: 20px;
	}

.blog .left{width: 75%;}	
.blog .right{width: 23%;}	

.about{padding-bottom: 0 !important;} 


.wsp-pages-list{padding: 0 40px;display: inline-block;width: 100%;}
.wsp-pages-list li{float: left; width: 33.33%;}	
	
}

/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; padding: 7px 0; text-align: right; text-decoration: none; width: 100%; z-index: 10;float: right;}
body{padding: 10px;}
header{padding: 0 20px;}
#logo img{width: 150px;}
.ban-text{width: 845px;top: 64%;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 45px !important;}
.botton-arw{bottom: 10px;}
.ban-text .btn{margin-top: 12px;}
.border-box{padding: 20px;}
.border-box::before{height: 265px;width: 270px;border-width: 5px 0 5px 5px;}
.ban-text h1{font-size: 55px;line-height: 55px;}
.ban-text h1::after{bottom: -130px;height: 115px;left: 250px;border-width: 5px;}
.ban-text h1::before{left: 250px;top: -90px;height: 80px;border-width: 5px;}
.ban-text h3{font-size: 20px;line-height: 25px;}
.info .left{padding: 0 20px;}
.info .right{padding: 50px 20px;}
.credential-ul li{margin-right: 28px;}
.credential-ul h3{font-size: 16px;}	
.benefit p{font-size: 17px;line-height: 30px;}
.benefit li{font-size: 17px;line-height: 25px;}
.white-bg{width: 670px;}
.hm-service .number h1{font-size: 105px;line-height: 105px;}
.hm-service .left .white-bg{top: 0;position: relative;float: right;margin-top: -205px;}
.hm-service .right .white-bg{top: 0;position: relative;float: left;margin-top: -205px;}
.welcome .box h2{font-size: 30px;line-height: 38px;}
.welcome .box{height: 395px;}
#top_link {margin: 25px 0;}
.menu {margin-top: -40px;}
.hm-service .left ,.hm-service .right{position: relative;padding: 0 0 30px 0;}
.info input[type="submit"]{margin-top: 8px;}

/*-------- About Us --------*/
.ban-text h2{font-size: 45px;}
.bline{height: 8px;}
.ban-text h2 span{line-height: 20px;line-height: 20px;}

/*-------- Contact Us --------*/
.contactbox{right: 0;}

/*-------- Details --------*/
.solution-dtl .left{width: 640px;}
.solution-dtl .right{width: 275px;}
.case-txt{padding: 15px 20px;width: 478px;}
.solution-dtl .number h1{font-size: 80px;line-height: 80px;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 17px;height: 74px;}
.download-pdf li{margin-bottom: 15px;margin-right: 15px;float: left;}

/*-------- Industries --------*/
.industries{padding-bottom: 32%;}
.packaging-list ul li {
					width: 50%;
					padding-right: 10px;
				}
				.packaging-list ul li:nth-child(2n+2) {
					padding-right: 0;
				}
				.packaging-list ul li:nth-child(3n+3) {
					padding-right: 10px;
				}
				.packaging-list .responsive-table table tr th {
					width: 150px;
					display: inline-block;
				}
				

.blog .left{width: 70%;}	
.blog .right{width: 28%;}

.about{padding-bottom: 0 !important;} 	


.wsp-pages-list{padding: 0 40px;display: inline-block;width: 100%;}
.wsp-pages-list li{float: left; width: 33.33%;}					
}

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; padding: 7px 0; text-align: right; text-decoration: none; width: 100%; z-index: 10;float: right;}
.container {width: 100%;}
body{padding: 10px;}
#logo img{width: 150px;}
.ban-text{width: 600px;top: 55%;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 45px !important;}
.botton-arw{bottom: 10px;}
.ban-text .btn{margin-top: 12px;}
.border-box{padding: 20px;}
.border-box::before{height: 265px;width: 270px;border-width: 5px 0 5px 5px;display: none;}
.ban-text h1{font-size: 45px;line-height: 40px;}
.ban-text h1::after{bottom: -130px;height: 115px;left: 250px;border-width: 5px;display: none;}
.ban-text h1::before{left: 250px;top: -90px;height: 80px;border-width: 5px;display: none;}
.ban-text h3{font-size: 18px;line-height: 22px;}
.info .left{padding: 0 20px;width: 100%;}
.info .right{padding: 50px 20px;width: 100%;}
.credential-ul li{margin-right: 28px;}
.credential-ul h3{font-size: 16px;}	
.benefit p{font-size: 17px;line-height: 30px;}
.benefit li{font-size: 17px;line-height: 25px;}
.white-bg{width: 100%;}
.hm-service .number h1{font-size: 105px;line-height: 105px;}
.hm-service .left .white-bg ,.hm-service .right .white-bg{top: 0px;position: relative;}
.welcome .box h2{font-size: 30px;line-height: 38px;}
.welcome .box{height: 395px;}
.welcome .left{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.welcome .right{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.top-ul{margin: 0;}
.top-ul li{font-size: 16px;padding: 10px;}
.title{font-size: 45px;}
.hm-service .img ,.hm-service .right .img{width: 100%;text-align: center;float: none;}
.hm-service .left ,.hm-service .right{padding-bottom: 30px;}
.benefit .left, .benefit .right{width: 100%;padding: 0 20px;}
.benefit h2 ,.info h2{font-size: 34px;}
.footer-top ul{float: none;width: 100%;text-align: center;}
#top_link {margin: 25px 0;}
.menu {margin-top: -40px;}

/*-------- About Us --------*/
.ban-text h2{font-size: 40px;margin-left: 150px;margin-top: 30px;}
.bline{height: 5px;margin-left: 150px;}
.ban-text h2 span{line-height: 20px;line-height: 20px;}

/*-------- Contact Us --------*/
.contactbox{right: 0;top: 0;width: 390px;}

/*-------- Details --------*/
.solution-dtl .left{width: 480px;}
.solution-dtl .right{width: 250px;}
.solution-dtl .box{padding: 15px;}
.case-txt{padding: 15px 20px;width: 100%;position: relative;}
.solution-dtl .number h1{font-size: 70px;line-height: 70px;}
.solution-dtl .text{padding-left: 10px;}
.solution-dtl h2{font-size: 34px;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 17px;height: 74px;}
.download-pdf li{margin-bottom: 12px;margin-right: 12px;float: left;}

/*-------- Industries --------*/
.industries table {width: 70%;}
.industries{padding-bottom: 40%;}
.industray-img{float: none;}

.packaging-list ul li {width: 50%; padding-right: 10px;}
.packaging-list ul li:nth-child(2n+2) {padding-right: 0;}
.packaging-list ul li:nth-child(3n+3) {padding-right: 10px;}
.footer-bottom p ,.f_site{text-align: left;margin-top: 0; padding: 0 10px;}	

.blog .left{width: 67%;}	
.blog .right{width: 31%;}		
.welcome{padding-bottom: 38%;}
.about{padding-bottom: 0 !important;}

.wsp-pages-list{    padding: 0 40px !important; display: inline-block !important;idth: 100%;}
.wsp-pages-list li{float: left; width: 50%;}

.info{margin-top: 0 !important}	

.hm-service {padding: 0 0 50px;}	
}

/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; padding: 7px 0; text-align: right; text-decoration: none; width: 100%; z-index: 10;float: right;}
.menu{margin-top: -40px;}
body{padding: 10px;}
#logo img{width: 150px;}
.ban-text{width: 600px;top: 65%;}
.ban-slider img{height: 160px;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 45px !important;}
.botton-arw{bottom: 10px;}
.ban-text .btn{margin-top: 12px;}
.border-box{padding: 20px;display: none;}
.border-box::before{height: 265px;width: 270px;border-width: 5px 0 5px 5px;display: none;}
.ban-text h1{font-size: 45px;line-height: 40px;}
.ban-text h1::after{bottom: -130px;height: 115px;left: 250px;border-width: 5px;display: none;}
.ban-text h1::before{left: 250px;top: -90px;height: 80px;border-width: 5px;display: none;}
.ban-text h3{font-size: 18px;line-height: 22px;}
.info .left{padding: 0 20px;width: 100%;}
.info .right{padding: 50px 20px;width: 100%;}
.credential-ul li{margin-right: 28px;}
.credential-ul h3{font-size: 16px;}	
.benefit p{font-size: 17px;line-height: 30px;}
.benefit li{font-size: 17px;line-height: 25px;}
.white-bg{width: 100%;}
.hm-service .number h1{font-size: 105px;line-height: 105px;}
.hm-service .left .white-bg ,.hm-service .right .white-bg{top: 0px;position: relative;}
.welcome .box h2{font-size: 30px;line-height: 38px;}
.welcome .box{height: 395px;}
.welcome .left{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.welcome .right{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.top-ul{margin: 0;float: none;}
.top-ul li{font-size: 16px;padding: 10px;}
#top_link {margin:  25px 0 10px 0;}
.title{font-size: 45px;}
.hm-service .img ,.hm-service .right .img{width: 100%;text-align: center;float: none;}
.hm-service .left ,.hm-service .right{padding-bottom: 30px;}
.benefit .left, .benefit .right{width: 100%;padding: 0 20px;}
.benefit h2 ,.info h2{font-size: 34px;}
.footer-top ul{float: none;width: 100%;text-align: center;}
.overlay nav{font-size: 18px !important;}
.overlay ul li{line-height: 60px !important;}
.overlay-menu ul li ul li a{line-height: 40px !important;}

/*-------- About Us --------*/
.ban-text h2{font-size: 35px;margin-top: 30px;text-align: center;}
.bline{height: 5px;margin: -10px auto 0 auto;}
.ban-text h2 span{line-height: 20px;line-height: 20px;display: none;}

/*-------- Contact Us --------*/
.contactbox{right: 0;top: 0;width: 100%;position: relative;margin: 0 auto; display: inline-block;} 
.contact iframe{height: 400px !important;}

/*-------- Details --------*/
.solution-dtl .left{width: 100%;margin-bottom: 30px;}
.solution-dtl .right{width: 100%;}
.solution-dtl .box{padding: 15px;}
.case-txt{padding: 15px 20px;width: 100%;position: relative;}
.solution-dtl .number h1{font-size: 70px;line-height: 70px;}
.solution-dtl .text{padding-left: 10px;}
.solution-dtl h2{font-size: 34px;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 15px;height: 74px;}
.download-pdf li{margin-bottom: 12px;margin-right: 12px;float: left;}

/*-------- Industries --------*/
.industries table {width: 100%;}
.industries{padding-bottom: 50%;padding-top: 20px;}
.industray-img ,.industray-img img{float: none;width: 100%;}
.industries h3{font-size: 24px;}
.packaging-list ul li {
					width: 100%;
					padding-right: 0;
				}
.footer-bottom p ,.f_site{text-align: left;margin-top: 0; padding: 0 10px}	
.blog .left{width: 100%;}	
.blog .right{width: 100%;}			
#contactinfo{width: 100%;}
.welcome{padding-bottom: 65%;}
.about{padding-bottom: 0 !important;} 

#top_link .freequote.download{display: none;}

.wsp-pages-list{    padding: 0 40px !important; display: inline-block !important;width: 100%;}
.wsp-pages-list li{float: left; width: 50%;}

.blogservice .col-md-4{width: 100%; padding: 0; margin: 0 0 20px;}

.info{margin-top: 0 !important}
.info .left{padding: 0}

.hm-service {padding: 0 0 50px;}
}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; padding: 7px 0; text-align: right; text-decoration: none; width: 100%; z-index: 10;float: right;}
.menu{margin: -16px 5px;float: right;}
body{padding: 10px;}
header{padding: 0 30px;}
#logo img{width: 120px;}
.ban-text{width: 460px;top: 65%;}
.ban-slider img{height: 130px;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 45px !important;}
.botton-arw{bottom: 30px;}
.ban-text .btn{margin-top: 12px;}
.border-box{padding: 20px;display: none;}
.border-box::before{height: 265px;width: 270px;border-width: 5px 0 5px 5px;display: none;}
.ban-text h1{font-size: 45px;line-height: 40px;}
.ban-text h1::after{bottom: -130px;height: 115px;left: 250px;border-width: 5px;display: none;}
.ban-text h1::before{left: 250px;top: -90px;height: 80px;border-width: 5px;display: none;}
.ban-text h3{font-size: 18px;line-height: 22px;}
.info .left{padding: 0 20px;width: 100%;}
.info .right{padding: 50px 20px;width: 100%;}
.credential-ul li{margin-right: 0;width: 100%;}
.credential-ul h3{font-size: 16px;}	
.benefit p{font-size: 17px;line-height: 30px;}
.benefit li{font-size: 17px;line-height: 25px;}
.white-bg{width: 100%;}
.hm-service .number h1{font-size: 90px;line-height: 90px;}
.hm-service .left .white-bg ,.hm-service .right .white-bg{top: 0px;position: relative;}
.welcome .box h2{font-size: 20px;line-height: 28px;}
.welcome .box{height: 315px;padding: 25px;}
.welcome .left{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.welcome .right{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.top-ul{margin: 0;float: none;}
.top-ul li{font-size: 14px;padding: 10px;}
#top_link {margin: 25px 0 10px 0;}
.title{font-size: 35px;}
.hm-service .img ,.hm-service .right .img{width: 100%;text-align: center;float: none;}
.hm-service .left ,.hm-service .right{padding-bottom: 30px;}
.benefit .left, .benefit .right{width: 100%;padding: 0 20px;}
.benefit h2 ,.info h2{font-size: 34px;}
.footer-top ul{float: none;width: 100%;text-align: center;}
.info #left ,.info textarea{width: 100%;}
.welcome .logo img{width: 120px;}
.welcome .logo{bottom: -38px;right: -12px;}
.overlay nav{font-size: 18px !important;}
.overlay ul li{line-height: 60px !important;}
.overlay-menu ul li ul li a{line-height: 40px !important;}

/*-------- About Us --------*/
.ban-text h2{font-size: 24px;margin-top: 30px;text-align: center;}
.bline{height: 3px;margin: -10px auto 0 auto;}
.ban-text h2 span{line-height: 20px;line-height: 20px;display: none;}

/*-------- Contact Us --------*/
.contactbox{right: 0;top: 0;width: 100%;position: relative;margin: 0 auto; display: inline-block;}
.contact iframe{height: 350px !important;}

/*-------- Details --------*/
.solution-dtl .left{width: 100%;margin-bottom: 30px;}
.solution-dtl .right{width: 100%;}
.solution-dtl .box{padding: 15px;}
.case-txt{padding: 15px 20px;width: 100%;position: relative;}
.solution-dtl .number h1{font-size: 70px;line-height: 70px;}
.solution-dtl .text{padding-left: 10px;}
.solution-dtl h2{font-size: 30px;}
.solution-dtl h3{font-size: 20px;}
.statistic h3{font-size: 40px !important;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 17px;height: auto;}
.download-pdf li{margin-bottom: 12px;margin-right: 0;float: left;width: 100%;}
.download h3{font-size: 24px;}
.download h2{font-size: 32px;}

/*-------- Industries --------*/
.industries table {width: 100%;}
.industries{padding-bottom: 65%;padding-top: 20px;}
.industray-img ,.industray-img img{float: none;width: 100%;}
.industries h3{font-size: 22px;}
.packaging-list ul li {width: 100%; padding-right: 0;}
.footer-bottom p ,.f_site{text-align: center;margin-top: 0; float: none;}	
.blog .left{width: 100%;}	
.blog .right{width: 100%;}			 
.blog .text h2{font-size: 24px;}
.blog .text p{font-size: 15px;line-height: 26px;}
#contactinfo{width: 100%;}
.welcome{padding-bottom: 65%;}
.about{padding-bottom: 0 !important;}

#top_link .freequote.download{display: none;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 10px !important;}
#banner .bx-wrapper .bx-controls-direction a{display: none;}

.wsp-pages-list{padding: 0 40px;display: inline-block;width: 100%;}
.wsp-pages-list li{float: left; width: 100%;}

.blogservice .col-md-4{width: 100%; padding: 0; margin: 0 0 20px;}

.hm-service ul{padding: 0}

.mobileresponsive{display: block; position: fixed; bottom: 0; left: 0; width: 100%;}
.mobileresponsive ul{margin: 0; padding: 0; list-style: none}
.mobileresponsive ul li{float: left; width: 50%; text-align: center; line-height: 40px; color: #FFF;}
.mobileresponsive ul li i{margin-right: 8px;}
.mobileresponsive ul li a{color: #FFFFFF}
.mobileresponsive ul li:first-child{background: #61a6cf}
.mobileresponsive ul li:last-child{background: #6bb132}

.info{margin-top: 0 !important}
.info .left{padding: 0}

.hm-service {padding: 0 0 50px;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; padding: 0; text-align: right; text-decoration: none; width: 100%; z-index: 10;float: right;}
.menu{margin: -16px 5px;float: right;}
body{padding: 10px;margin: 0;}
header{padding: 0 15px;}
#logo img{width: 75px;}
.ban-text{width: 300px;top: 65%;}
.ban-slider img{height: 130px;}
#banner .bx-wrapper .bx-prev{left: -10px !important;}
#banner .bx-wrapper .bx-next{right: -10px !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 45px !important;}
.botton-arw{bottom: 30px;}
.ban-text .btn{margin-top: 12px;}
.border-box{padding: 20px;display: none;}
.border-box::before{height: 265px;width: 270px;border-width: 5px 0 5px 5px;display: none;}
.ban-text h1{font-size: 45px;line-height: 40px;}
.ban-text h1::after{bottom: -130px;height: 115px;left: 250px;border-width: 5px;display: none;}
.ban-text h1::before{left: 250px;top: -90px;height: 80px;border-width: 5px;display: none;}
.ban-text h3{font-size: 18px;line-height: 22px;}
.info .left{padding: 0 20px;width: 100%;}
.info .right{padding: 50px 20px;width: 100%;}
.credential-ul li{margin-right: 0;width: 100%;}
.credential-ul h3{font-size: 16px;}	
.benefit p{font-size: 17px;line-height: 30px;}
.benefit li{font-size: 17px;line-height: 25px;}
.white-bg{width: 100%;}
.hm-service .number h1{font-size: 50px;line-height: 50px;}
.hm-service .left .white-bg ,.hm-service .right .white-bg{top: 0px;position: relative;}
.welcome .box h2{font-size: 18px;line-height: 24px;}
.welcome .box{height: 315px;padding: 25px;}
.welcome .left{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.welcome .right{width: 90%;float: none !important;margin: 0 auto;display: block !important;}
.top-ul{margin: 0;float: none;}
.top-ul li{font-size: 11px;padding: 5px;}
.top-ul li span{margin-right: 5px;}
#top_link {margin: 15px 0;float: left;}
.title{font-size: 35px;}
.hm-service .img ,.hm-service .right .img{width: 100%;text-align: center;float: none;}
.hm-service .left ,.hm-service .right{padding-bottom: 30px;}
.benefit .left, .benefit .right{width: 100%;padding: 0 20px;}
.benefit h2 ,.info h2{font-size: 34px;}
.footer-top ul{float: none;width: 100%;text-align: center;}
.info #left ,.info textarea{width: 100%;}
.welcome .logo img{width: 120px;}
.welcome .logo{bottom: -38px;right: -12px;}
.hm-service h3{font-size: 20px;padding-bottom: 20px;}
.hm-service h2{font-size: 30px;}
.hm-service .text{padding-left: 10px;}
.overlay nav{font-size: 18px !important;}
.overlay ul li{line-height: 60px !important;}
.overlay-menu ul li ul li a{line-height: 40px !important;}
.menu4 ul{width: 100%;}

/*-------- About Us --------*/
.ban-text h2{font-size: 22px;margin-top: 10px;text-align: center;}
.bline{height: 3px;margin: -10px auto 0 auto;width: 120px;}
.ban-text h2 span{line-height: 20px;line-height: 20px;display: none;}

/*-------- Contact Us --------*/
.contactbox{right: 0;top: 0;width: 100%;position: relative;margin: 0 auto; display: inline-block;}
.contact iframe{height: 300px !important;}

/*-------- Details --------*/
.solution-dtl .left{width: 100%;margin-bottom: 30px;}
.solution-dtl .right{width: 100%;}
.solution-dtl .box{padding: 15px;}
.case-txt{padding: 15px 20px;width: 100%;position: relative;}
.solution-dtl .number h1{font-size: 50px;line-height: 50px;}
.solution-dtl .text{padding-left: 10px;}
.solution-dtl h2{font-size: 24px;}
.solution-dtl h3{font-size: 20px;}
.statistic h3{font-size: 40px !important;}

/*-------- Download --------*/
.download-pdf li h4{font-size: 15px;height: auto;}
.download-pdf li{margin-bottom: 12px;margin-right: 0;float: left;width: 100%;}
.download h3{font-size: 20px;}
.download h2{font-size: 28px;}

/*-------- Industries --------*/
.industries table {width: 100%;}
.industries{padding-bottom: 75%;padding-top: 20px;}
.industray-img ,.industray-img img{float: none;width: 100%;}
.industries h3{font-size: 20px;}
.industries table tr th, .industries table tr td{font-size: 14px;padding: 8px 10px;}
.packaging-list ul li {	width: 100%; padding-right: 0;}
				
.footer-bottom p ,.f_site{text-align: center;margin-top: 0; float: none;}			
.blog .left{width: 100%;}	
.blog .right{width: 100%;}			 
.blog .text h2{font-size: 24px;}
.blog .text p{font-size: 15px;line-height: 26px;}
#contactinfo{width: 100%;}
.welcome{padding-bottom: 65%;}
.about{padding-bottom: 0 !important;}

#top_link .freequote.download{display: none;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 10px !important;}
#banner .bx-wrapper .bx-controls-direction a{display: none;}

.wsp-pages-list{padding: 0 40px;display: inline-block;width: 100%;}
.wsp-pages-list li{float: left; width: 100%;}

.blogservice .col-md-4{width: 100%; padding: 0; margin: 0 0 20px;}

.hm-service ul{padding: 0}

.mobileresponsive{display: block; position: fixed; bottom: 0; left: 0; width: 100%;}
.mobileresponsive ul{margin: 0; padding: 0; list-style: none}
.mobileresponsive ul li{float: left; width: 50%; text-align: center; line-height: 40px; color: #FFF;}
.mobileresponsive ul li i{margin-right: 8px;}
.mobileresponsive ul li a{color: #FFFFFF}
.mobileresponsive ul li:first-child{background: #61a6cf}
.mobileresponsive ul li:last-child{background: #6bb132}

.info{margin-top: 0 !important}
.info .left{padding: 0}

.hm-service {padding: 0 0 50px;}

.blog .left .box .text.details_img table td {font-size: 13px !important}
}


.sitemapDiv h2 {
   display:none;
}