body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:15px; scroll-behavior: smooth; }

pre {
    font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#000;	margin:0px;
    line-height: 24px;
    white-space: pre-wrap;    /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.breadcrumb {
	display: block;
}

.breadcrumb a{
	text-decoration: none; color: #000;
}

.breadcrumb a:hover{
	color: #FFF;
}

@media (min-width:649px) {
    .content { padding:0px; margin-top:112px; }
}

@media (max-width:650px) {
    .content { padding:0px; margin-top:65px; }
}

@media (min-width:649px) {
    .anchor { display: block; height: 108px; margin-top: -108px; position: absolute; visibility: hidden; }
}

@media (max-width:650px) {
    .anchor { display: block; height: 49px; margin-top: -49px; position: absolute; visibility: hidden; }
}

@media (min-width:649px) {
    a.more { background-color:red; display:inline-block; width:170px; padding:15px; margin:0 auto; border-radius:5px; text-decoration: none; cursor: pointer;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more:hover { background-color:blue; }
    
    a.more_customer { background-color:red; display:inline-block; width:170px; padding:15px; margin:0 auto; border-radius:5px; text-decoration: none; cursor: pointer;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more_customer:hover { background-color:blue; }
    
    a.sendmsg { background-color:red; display:inline-block; width:170px; padding:15px; margin:0 auto; border-radius:5px; text-decoration: none; cursor: pointer;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.sendmsg:hover { background-color:blue; }

    a.more_testimonials { background-color:red; display:inline-block; width:130px; padding:15px; margin:0 auto; border-radius:5px;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more_testimonials:hover { background-color:blue; }

    a.pdf { background-color:#eee; display:inline-block; width:130px; padding:0px; margin:10px; border-radius:5px; border: 1px solid red;
    transition: background-color 0.5s ease; }
    a.pdf img { width: 130px; height: 30px; float: left;  }
    a.pdf:hover { background-color:#ccc; }

    a.video { background-color:#eee; display:inline-block; width:130px; padding:0px; margin:10px; border-radius:5px; border: 1px solid red;
    transition: background-color 0.5s ease;  cursor: pointer;
     }
    a.video img { width: 130px; height: 30px; float: left;  }
    a.video:hover { background-color:#ccc; }
}
@media (max-width:650px) {
    a.more { background-color:red; display:block; width:130px; padding:10px; margin:0 auto;  margin-bottom:15px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more:hover { background-color:blue; }
    
    a.more_customer { background-color:red; display:block; width:130px; padding:10px; margin:0 auto;  margin-bottom:15px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more_customer:hover { background-color:blue; }

    a.sendmsg { background-color:red; display:block; width:130px; padding:10px; margin:0 auto;  margin-bottom:15px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.sendmsg:hover { background-color:blue; }
    
    a.more_testimonials { background-color:red; display:block; width:130px; padding:10px; margin:0 auto;  margin-bottom:15px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #000;
    -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000; color: #FFF; transition: background-color 0.5s ease; }
    a.more_testimonials:hover { background-color:blue; }

    a.pdf { background-color:#eee; display:inline-block; width:130px; padding:0px; margin:10px; border-radius:5px; border: 1px solid red;
    transition: background-color 0.5s ease; }
    a.pdf img { width: 130px; height: 30px; float: left;  }
    a.pdf:hover { background-color:#ccc; }

    a.video { background-color:#eee; display:inline-block; width:130px; padding:0px; margin:10px; border-radius:5px; border: 1px solid red;
    transition: background-color 0.5s ease; cursor: pointer;
     }
    a.video img { width: 130px; height: 30px; float: left;  }
    a.video:hover { background-color:#ccc; }
}


@media (min-width:649px) {
    .logo { display:none; height:50px; float: right; margin-top:5px; margin-right:5px; }
}

@media (max-width:650px) {
    .logo { display:block; height:50px; float: right; margin-top:5px; margin-right:5px; }
}

.group { box-sizing: border-box;  padding:20px; height:auto; width:100%; }
.group:last-child { padding-bottom:0px; }
.wrapper { box-sizing: border-box; background-color:#fff; position:relative; padding:10px; width:100%; text-align:center;}

h1 { text-align:center; padding:20px; margin-bottom:20px; margin-top:20px; }

@media (min-width:649px) {
    .about { box-sizing: border-box; width: auto; line-height: 30px; text-align: left; display:inline-block; background-color:#ccc; position:relative; overflow: hidden; }
    .left-child { box-sizing: border-box; width:35%; overflow: hidden; padding: 0px;  height: 300px; }
    .right-child { box-sizing: border-box; width:64%; height: auto; overflow: hidden; padding: 10px; height: 300px; }
    .about img { width: auto; height: 100%; }
}

@media (max-width:650px) {
    .about { box-sizing: border-box; width: 100%; line-height: 30px; text-align: left; display:inline-block;  position:relative; overflow: hidden; }
    .left-child { width:100%; overflow: hidden; padding: 0px; height: auto; }
    .right-child { box-sizing: border-box; width:100%; overflow: hidden; padding: 10px; height: auto; }
    .about img { width: 100%; height: auto; }
}

@media (min-width:649px) {
    .product { box-sizing: border-box; width:22%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding: 10px; margin: 10px; position:relative; cursor:pointer; overflow:hidden;  }
    .product .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .product img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .product_cover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(63, 63, 63, 0.8); overflow: hidden; width: 100%; height: 0; transition: .7s ease; }
    .product:hover { background-color:red; }
    .product:hover .product_cover { height:50%; }
    .product:hover img { transform: scale(1.3); }

    .link_cover { position: absolute;
    bottom: 0; left: 0; right: 0; background-color: rgba(255,255,0,0.5); overflow: hidden; width: 100%; height: 0; transition: .7s ease; margin:auto; }
    .product:hover .link_cover { width:40%; height:25%; bottom:0; }
    .product_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; color: #fff;}
    .product_cover .link a { color: #000; text-decoration:none; display:block; width:100%; height:100%; padding-top: 10px; padding-bottom:5px; }
    .product_cover .link a:hover { background-color: rgba(255,255,0,0.3);}
    .product_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .product_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }

}

@media (max-width:650px) {
    .product { box-sizing: border-box; width:100%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding:10px; position:relative; cursor:pointer; overflow:hidden; margin-bottom:30px;  }
    .product .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .product img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .product_cover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(63, 63, 63, 0.8); overflow: hidden; width: 100%; height: 0; transition: .7s ease; }
    .product:hover { background-color:red; }
    .product:hover .product_cover { height:50%; }
    .product:hover img { transform: scale(1.3); }

    .link_cover { position: absolute;
    bottom: 0; left: 0; right: 0; background-color: rgba(255,255,0,0.5); overflow: hidden; width: 100%; height: 0; transition: .7s ease; margin:auto; }
    .product:hover .link_cover { width:40%; height:20%; bottom:0; }
    .product_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; color: #fff;}
    .product_cover .link a { color: #000; text-decoration:none; display:block; width:100%; height:100%; padding-top: 10px; padding-bottom:15px; }
    .product_cover .link a:hover { background-color: rgba(255,255,0,0.3);}
    .product_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .product_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }
}

@media (min-width:649px) {
    .product_detail { box-sizing: border-box; width: auto; line-height: 30px; text-align: left; display:inline-block; background-color:#ccc; position:relative; overflow: hidden; }
    .left-div { box-sizing: border-box; width:40%; overflow: hidden; padding: 0px; display: inline-block;  height: 450px; background-color: #fff;  }


    .right-div { box-sizing: border-box; width: 68%; display: inline-block; float: right; margin-top:-525px; text-align: center;  }
    .right-div-name { box-sizing: border-box;width:100%; font-size:18px; padding:10px; padding-top:60px; }
    .right-div-code { box-sizing: border-box;width:100%; font-size:18px; padding:10px; margin-bottom:60px  }
    .right-div-short { box-sizing: border-box;width:100%; font-size:18px; padding:10px; }
    .right-div-description { box-sizing: border-box;width:100%; font-size:16px; padding:10px; line-height:28px; }
    .right-div-pdf { box-sizing: border-box;width:100%; font-size:16px; margin-top: 60px; margin-bottom:10px; }

    .machine_bags { margin: 0; padding: 0;   }
    .machine_bags li { width:22%; height:auto; padding:20px; box-sizing: border-box; background-color: red; display: inline-block; cursor: pointer; }
    .machine_bags li img { width: 50%; height: auto; border-radius: 100px; border: 5px solid #eee; transition: 0.5s ease;}

    .machine_bags li:hover img { transform: scale(1.2) rotate(20deg); }

}

@media (max-width:650px) {
    .product_detail { box-sizing: border-box;  width: 100%; line-height: 30px; text-align: left; display:inline-block;  position:relative; overflow: hidden; }
    .left-div { box-sizing: border-box; width:100%; overflow: hidden; padding: 0px;  height: 450px; background-color: #fff; }
    .img_container { box-sizing: border-box; width:100%; height:350px; border: 1px solid #ccc; text-align: center;  }

    .right-div { box-sizing: border-box; width: 100%; display: block;  margin-top:25px; text-align: center; }
    .right-div-name { box-sizing: border-box;width:100%; font-size:18px; padding:10px; padding-top:60px; }
    .right-div-code { box-sizing: border-box;width:100%; font-size:18px; padding:10px; margin-bottom:60px  }
    .right-div-short { box-sizing: border-box;width:100%; font-size:18px; padding:10px; }
    .right-div-description { box-sizing: border-box;width:100%; font-size:16px; padding:10px; line-height:28px; }
    .right-div-pdf { box-sizing: border-box;width:100%; font-size:16px; margin-top: 60px; margin-bottom:10px; }

    .machine_bags { margin: 0; padding: 0;   }
    .machine_bags li { width:40%; height:auto; padding:20px; box-sizing: border-box; background-color: red; display: inline-block; cursor: pointer; margin:10px; }
    .machine_bags li img { width: 70%; height: auto; border-radius: 100px; border: 2px solid #eee; transition: 0.5s ease;}

    .machine_bags li:hover img { transform: scale(1.2) rotate(20deg); }
}

@media (min-width:649px) {
    .customer { box-sizing: border-box; width:11%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding: 10px; margin: 10px; position:relative; cursor:pointer; overflow:hidden;  }
    .customer .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .customer img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .customer_cover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(63, 63, 63, 0.8); overflow: hidden; width: 100%; height: 0; transition: .7s ease; }
    .customer:hover { background-color:red; }
    .customer:hover .product_cover { height:50%; }
    .customer:hover img { transform: scale(1.3); }

    .link_cover { position: absolute;
    bottom: 0; left: 0; right: 0; background-color: rgba(255,255,0,0.5); overflow: hidden; width: 100%; height: 0; transition: .7s ease; margin:auto; }
    .customer:hover .link_cover { width:40%; height:25%; bottom:0; }
    .customer_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; color: #fff;}
    .customer_cover .link a { color: #000; text-decoration:none; display:block; width:100%; height:100%; padding-top: 10px; padding-bottom:5px; }
    .customer_cover .link a:hover { background-color: rgba(255,255,0,0.3);}
    .customer_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .customer_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }

}

@media (max-width:650px) {
    .customer { box-sizing: border-box; width:25%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding:10px; position:relative; cursor:pointer; overflow:hidden; margin-bottom:30px;  }
    .customer .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .customer img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .customer_cover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(63, 63, 63, 0.8); overflow: hidden; width: 100%; height: 0; transition: .7s ease; }
    .customer:hover { background-color:red; }
    .customer:hover .product_cover { height:50%; }
    .customer:hover img { transform: scale(1.3); }

    .link_cover { position: absolute;
    bottom: 0; left: 0; right: 0; background-color: rgba(255,255,0,0.5); overflow: hidden; width: 100%; height: 0; transition: .7s ease; margin:auto; }
    .customer:hover .link_cover { width:40%; height:20%; bottom:0; }
    .customer_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; color: #fff;}
    .customer_cover .link a { color: #000; text-decoration:none; display:block; width:100%; height:100%; padding-top: 10px; padding-bottom:15px; }
    .customer_cover .link a:hover { background-color: rgba(255,255,0,0.3);}
    .customer_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .customer_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }
}


@media (min-width:649px) {
    .services { box-sizing: border-box; width:22%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding: 10px; margin: 10px; position:relative; cursor:pointer; overflow:hidden;  }
    .services .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .services img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .services_cover { position: absolute; bottom: 0; left: 0; right: 0; top:0; background-color:red; overflow: hidden; width: 100%; height: 0; transition: .7s ease; margin:auto; }
    .services:hover { background-color:blue; }
    .services_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; padding-top:12%; color: #fff;}
    .services_cover .link a { color: #fff; text-decoration:none;}
    .services:hover .services_cover { width:40%; height:15%; }
    .services:hover img { transform: scale(1.3); }
    .services_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .services_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }
    .services_more { padding-right:5px; bottom:5px; right:0px; position:absolute; }
    .services_more a { background-color:gray; color:#000; padding:5px; padding-bottom:10px; border-radius:3px; transition: background-color 0.5s ease; }
    .services_more a:hover { background-color:#ccc; color:#000; padding:5px; padding-bottom:10px; border-radius:3px; }
}

@media (max-width:650px) {
    .services { box-sizing: border-box; width:100%; display:inline-block; height:auto; background-color:#ccc; transition: background-color 1.5s ease; padding:10px; position:relative; cursor:pointer; margin-bottom:30px; }
    .services:last-child { margin-bottom:0px; }
    .services .img { width:100%; height:100%; overflow:hidden; background-color:red; display: block;  }
    .services img { display: block; width: 100%; height: auto; transition: 0.5s ease; }
    .services_cover { position: absolute; bottom:0; top: 0; left: 0; right:0; background: red; overflow: hidden; width: 100%; height: 0; transition: .5s ease; margin:auto; }
    .services:hover { background-color:blue; }
    .services_cover .link { top:0; bottom:0; left:0; right:0; margin:auto; padding-top:12%; color: #fff;}
    .services_cover .link a { color: #fff; text-decoration:none;}
    .services:hover .services_cover { width:40%; height:15%; }
    .services:hover img { transform: scale(1.3); }
    .services_title { background-color:blue; color:#FFF; padding:10px 5px 10px 5px; }
    .services_description { background-color:red; color:#000; padding:5px; padding-top:10px; height:100%; }
    .services_more { padding-right:5px; bottom:5px; right:0px; position:absolute; }
    .services_more a { background-color:gray; color:#000; padding:5px; padding-bottom:10px; border-radius:3px; transition: background-color 0.5s ease; }
    .services_more a:hover { background-color:#ccc; color:#000; padding:5px; padding-bottom:10px; border-radius:3px; }
}

@media (min-width:649px) {
    .socialm { display:relative; float: right; margin-top:20px; margin-right:10px; }
    .socialm ul {  margin:0; padding:0;}
    .socialm ul li { list-style:none; display:inline-block; height:40px; width:40px; background-color:red; overflow: hidden; }
    .socialm ul li:hover .img { margin-left:-40px; }
    .socialm ul li a { display:block; overflow:hidden; width:80px; }
    .socialm img { width:40px; height:40px; float:left; display: inline-block; }
    .socialm .img { width:40px; height:40px; transition: margin-left 0.5s ease; float:left; display: inline-block; }
}

@media (max-width:650px) {
    .socialm { display:none; float: right; margin-top:10px; margin-right:10px; }
    .socialm ul { margin:0; padding:0; }
    .socialm ul li { list-style:none; display:inline-block; height:30px; width:30px; }
    .socialm ul li a { display:block; }
    .socialm img { width:30px; height:30px; }
}

@media (min-width:649px) {
    .footer { display:inline-block; box-sizing: border-box; text-align: center; position: absolute; overflow: hidden;   }
    .footer_title { width:100%; padding:10px; border-bottom:1px solid gray; border-top:1px solid gray;box-sizing: border-box; margin-bottom:20px; }

    .rights {  width:22%; top:0; height:300px; position: relative; margin:10px;}
    .rights_title { width:100%; text-align: left;  }

    .links {  width:18%; top:0; height:300px; position: relative; margin:10px;}

    .links_link { width: 100%; display: inline-block; height:150px;  }
    .links_link ul { margin:0; padding:0;  }
    .links_link ul li { list-style:none; display: inline-block; border: 1px solid #eee; margin:3px; float: left;   }

    .links a { display: block; text-align: left; padding:5px; background-color: #FFF; text-decoration: none; transition: border-bottom 0.6s ease; border-bottom:1px solid #fff;  }
    .links a:hover { border-bottom:1px solid #000; }


    .newsfeed {  width:26%; top:0; height:300px; position: relative; margin:10px;}
    .newsfeed_dated { text-align: left; padding:5px; background-color:red; color:#fff; font-style: italic; width: 100px;  }

    .newsfeed a { display: block; text-align: left; padding:5px; background-color: #FFF; margin-bottom:15px; transition: margin-left 0.6s ease; }
    .newsfeed a:hover { text-decoration: underline; margin-left: 10px;}
    .newsfeed_link { width: 100%; display: inline-block; height:150px;  }

    .social {  width:22%; top:0; height:300px; position: relative; margin:10px;}
    .social ul { margin:0; padding:0;}
    .social ul li{ margin:3; width:40px; height:40px; overflow:hidden; padding:0; display: inline-block; border:1px solid #CCC;}
    .social ul li a{ width: 80px; overflow: hidden; padding:0; }
    .social ul li a img{ width:40px; height:40px; }
    .social ul li a img:hover{ opacity:0.6;}

    .social ul.share { margin:0; padding:0;}
    .social ul.share li{ margin:3; width:30px; height:30px; overflow:hidden; padding:0; display: inline-block; border:0px; }
    .social ul.share li:last-child{ margin:3; width:30px; height:30px; overflow:hidden; padding:0; display: none; border:0px; }
    .social ul.share li a{ width: 30px; overflow: hidden; padding:0; display: inline-block;}
    .social ul.share li a img{ width:30px; height:30px; }

    .vendor { width:85%; margin:0 auto; text-align: center; margin-top:0px; padding:5px; padding-bottom: 20px; box-sizing: border-box; background-color: #000; border-radius:20px 20px 0px 0px;}
}

@media (max-width:650px) {
    .footer { display:inline-block; box-sizing: border-box; text-align: center; position: absolute; overflow: hidden;   }
    .footer_title { width:100%; padding:10px; border-bottom:1px solid gray; border-top:1px solid gray;box-sizing: border-box; margin-bottom:20px; }

    .rights {  width:100%; top:0; height:auto; position: relative; margin-bottom:30px;}
    .rights_title { width:100%; text-align: center;  }

    .links {  width:100%; top:0; height:auto; position: relative; margin-bottom:30px;}
    .links_link { width: 100%; display: inline-block; height:auto;  text-align: center; }
    .links_link ul { margin:0; padding:0;  }
    .links_link ul li { list-style:none; display: inline-block; border: 1px solid #eee; margin:3px;    }

    .links a { display: block; text-align: center; padding:5px; background-color: #FFF;  transition: border-bottom 0.6s ease; border-bottom:1px solid #fff;  }
    .links a:hover { border-bottom:1px solid #000; }

    .newsfeed {  width:100%; top:0; height:auto; position: relative; margin-bottom:30px; text-align:center;}
    .newsfeed_dated { text-align: left; padding:5px; background-color:red; color:#fff; font-style: italic; width: 100px; margin: 0 auto;  }

    .newsfeed a { display: block; text-align: center; padding:5px; background-color: #FFF; margin-bottom:15px; }
    .newsfeed a:hover { text-decoration: underline; text-align: center;}
    .newsfeed_link { width: 100%; display: inline-block; height:150px;  }

    .social {  width:100%; top:0; height:auto; position: relative;  text-align: center; margin-bottom: 30px;}
    .social ul { margin:0; padding:0;}
    .social ul li{ margin:3; width:40px; height:40px; overflow:hidden; padding:0; display: inline-block; border:1px solid #CCC;}
    .social ul li a{ width: 80px; overflow: hidden; padding:0; }
    .social ul li a img{ width:40px; height:40px; }
    .social ul li a img:hover{ opacity:0.6;}

    .social ul.share { margin:0; padding:0;}
    .social ul.share li{ margin:3; width:30px; height:30px; overflow:hidden; padding:0; display: inline-block; border:0px; }
    .social ul.share li:last-child{ margin:3; width:30px; height:30px; overflow:hidden; padding:0; display: inline-block; border:0px; }
    .social ul.share li a{ width: 30px; overflow: hidden; padding:0; display: inline-block;}
    .social ul.share li a img{ width:30px; height:30px; }

    .vendor { width:80%; margin:0 auto; text-align: center; margin-top:0px; padding:5px; padding-bottom: 20px; box-sizing: border-box; background-color: #000; border-radius:20px 20px 0px 0px;}

}

@media (min-width:649px) {
    ul.clients { margin:0; padding:10px; box-sizing: border-box; width: 100%; border: 1px solid #eee; height:125px; overflow:hidden;  }
    ul.clients li { list-style:none; display: inline-block; }

}

@media (min-width:649px) {
    .testimonial { box-sizing: border-box; width:22%; display:inline-block; height:300px; background-color:#FFF; transition: background-color 1.5s ease; padding: 10px;  margin: 10px; position:relative; cursor:pointer; overflow:hidden;  }
    .testimonial .client_img { border-radius:100px; width:75px; height:auto; display:inline-block; float:right;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000;  }
    .testimonial .client_name { display: inline-block; float: left; padding-top: 30px; font-style: italic; transition: margin-left .5s ease;   }
    .testimonial .client_msg { padding:10px; height:180px; overflow:hidden; transition: text-shadow .5s ease; }

    .testimonial img { display: block; width: 100%; height: auto; transition: 0.5s ease; }

    .testimonial:hover .client_name { margin-left:20px; }
    .testimonial:hover .client_msg { text-shadow:2px 2px 1px #999; }
    .testimonial:hover img { transform: scale(1.1); }

}

@media (max-width:650px) {
    .testimonial { box-sizing: border-box; width:100%; display:inline-block; height:300px; background-color:#FFF; transition: background-color 1.5s ease; padding: 10px;  margin-bottom: 30px; position:relative; cursor:pointer; overflow:hidden;  }
    .testimonial .client_img { border-radius:100px; width:75px; height:auto; display:inline-block; float:right;
    -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shadow-bottom: 5px #000;  }
    .testimonial .client_name { display: inline-block; float: left; padding-top: 30px; font-style: italic; transition: margin-left .5s ease;   }
    .testimonial .client_msg { padding:10px; height:180px; overflow:hidden; transition: text-shadow .5s ease; }

    .testimonial img { display: block; width: 100%; height: auto; transition: 0.5s ease; }

    .testimonial:hover .client_name { margin-left:20px; }
    .testimonial:hover .client_msg { text-shadow:2px 2px 1px #999; }
    .testimonial:hover img { transform: scale(1.1); }
}

@media (min-width:650px) {
    .map { box-sizing: border-box; width:100%; display:inline-block; height:450px; background-color:#FFF; margin-bottom: 30px; padding: 10px; position:relative; cursor:pointer; overflow:hidden;  }
    .address { box-sizing: border-box; width:100%; display:inline-block; height:auto; background-color:#FFF; padding: 10px;  position:relative; overflow:hidden;}
    .contact_address { box-sizing: border-box; width: 48%; height:400px; float: left; display: inline-block; background-color: #fff; text-align: left; }
    .contact_title { box-sizing: border-box; width: 100%; padding:10px; margin-bottom:10px; background-color: #fb0; text-align: center; font-size: 16px; }
    .address_factory { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_factory.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_address { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_address.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_ptcl { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_ptcl.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_mobile { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_mobile.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_email { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_email.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc;  }
    .address_timing { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_timing.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc;  }


    .contact_form { box-sizing: border-box; width: 48%; height:430px; float: right; display: inline-block; background-color: #fff; }
    #txtName,  #txtEmail,  #txtNumber,  #txtMessage
    {  box-sizing: border-box; padding:10px; padding-left: 45px; width:90%; font-size:14px; margin-bottom:10px; border: 1px solid #CCC;  }

    #txtName {  background: url(../imgs/contact_person.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease;  }
    #txtEmail { background: url(../imgs/contact_email.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease;  }
    #txtNumber { background: url(../imgs/contact_number.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease;  }
    #txtMessage { background: url(../imgs/contact_message.jpg); background-repeat:no-repeat; background-position:left 0px top; transition: background-position .5s ease;  }
    #txtName:focus { background-position:left 10px center;}
    #txtEmail:focus { background-position:left 10px center;}
    #txtNumber:focus { background-position:left 10px center;}
    #txtMessage:focus { background-position:left 10px top;}



}
@media (max-width:650px) {
    .map { box-sizing: border-box; width:100%; display:inline-block; height:450px; background-color:#FFF; padding: 10px;  margin-bottom: 30px; position:relative; cursor:pointer; overflow:hidden;  }
    .address { box-sizing: border-box; width:100%; display:inline-block; height:auto; background-color:#FFF; padding: 10px;  margin-bottom: 30px; position:relative; cursor:pointer; overflow:hidden;}
    .contact_address { box-sizing: border-box;width: 100%; height:auto; display: inline-block; background-color: #fff; margin-bottom:30px; text-align: left;   }
    .contact_title { box-sizing: border-box; width: 100%; padding:10px; margin-bottom:10px; background-color: #fb0; text-align: center; font-size: 16px; }
    .address_factory { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_factory.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_address { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_address.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_ptcl { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_ptcl.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_mobile { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_mobile.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc; }
    .address_email { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_email.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc;  }
    .address_timing { background-color: #eee; padding:10px; padding-left:60px; margin-bottom:10px; background: url(../imgs/address_timing.jpg); background-repeat: no-repeat; border-bottom: 1px solid #ccc;  }


    .contact_form { width: 100%; height:auto; display: inline-block; background-color: #fff; }

    #txtName,  #txtEmail,  #txtNumber,  #txtMessage
     {  box-sizing: border-box; padding:10px; padding-left: 45px; width:100%; font-size:14px; margin-bottom:10px; border: 1px solid #CCC;  }

    #txtName {  background: url(../imgs/contact_person.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease; }
    #txtEmail { background: url(../imgs/contact_email.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease;  }
    #txtNumber { background: url(../imgs/contact_number.jpg); background-repeat:no-repeat; background-position:left 0px center; transition: background-position .5s ease;  }
    #txtMessage { background: url(../imgs/contact_message.jpg); background-repeat:no-repeat; background-position:left 0px top; transition: background-position .5s ease;  }
    #txtName:focus { background-position:left 10px center;}
    #txtEmail:focus { background-position:left 10px center;}
    #txtNumber:focus { background-position:left 10px center;}
    #txtMessage:focus { background-position:left 10px top;}


}

@media (min-width: 650px) {
    .div_img { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto;}
    .div_img img { width:200px; height:auto;}
    .div_name { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto; margin-top:10px; padding:10px;box-sizing: border-box;  }
    .div_msg { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto; margin-top:10px; padding:10px;box-sizing: border-box;  }

}
@media (max-width: 650px) {
    #contact_title { display:none;   }
    .div_name { display:none;   }

    .div_img { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto; height:100px;}
    .div_img img { width:auto; height:100%;}
    .div_name { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto; margin-top:10px; padding:10px;box-sizing: border-box;  }
    .div_msg { border: 1px solid #ccc; text-align: center; width:100%; margin:0 auto; margin-top:10px; padding:10px;box-sizing: border-box;  }

}

/* greater than */
@media (min-width: 650px) {

.show_more_main { margin: 0px; height:30px;  }
.loding { background-color: #eee; height:40px; color: #333; font-size: 12px; display: block; text-align: center; padding: 0px; outline: 0; font-weight:bold; }
.loding_txt { background-image: url(../imgs/loading.gif); background-position: left; background-repeat: no-repeat; border: 0; display: inline-block; height: 40px; width:40px; padding-left: 20px; }

.show_more_testimonials { margin: 0px; height:30px;  }
.loding_testimonials { background-color: #eee; height:40px; color: #333; font-size: 12px; display: block; text-align: center; padding: 0px; outline: 0; font-weight:bold; }
.loding_txt { background-image: url(../imgs/loading.gif); background-position: left; background-repeat: no-repeat; border: 0; display: inline-block; height: 40px; width:40px; padding-left: 20px; }

}

/* less than */
@media (max-width: 650px) {

.show_more_main { margin: 0px; }
.loding { background-color: #eee; height:40px; color: #333; font-size: 12px; display: block; text-align: center; padding: 0px; outline: 0; font-weight:bold; }
.loding_txt { background-image: url(../imgs/loading.gif); background-position: left; background-repeat: no-repeat; border: 0; display: inline-block; height: 40px; width:40px; padding-left: 20px; }

.show_more_testimonials { margin: 0px; }
.loding_testimonials { background-color: #eee; height:40px; color: #333; font-size: 12px; display: block; text-align: center; padding: 0px; outline: 0; font-weight:bold; }
.loding_txt { background-image: url(../imgs/loading.gif); background-position: left; background-repeat: no-repeat; border: 0; display: inline-block; height: 40px; width:40px; padding-left: 20px; }
}