@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. Responsive 768px to 980px
	4. Responsive 981 to 1023
	5. large desktop
*/



/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:639px) {

	.search_category {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
	}
	button.search-submit-button {width:50%;}

.container{width: 95%; margin: 0 auto;}


nav#primary-navigation{display: none;}
.mobile-nav-icon{display:block; position:absolute; right:2.5%; top:15px;}
.mobile-menu{display:block;}


.logo{width:200px;}
.header-right{max-width:100%; float:none; display:block; text-align:center; clear:both; }
header .phone{font-size:16px; padding:8px 18px; margin:0 auto; display:inline-block; float:none; border-radius:0;}
header .social-icons{margin-top:22px; display:inline-block; float:none; margin-bottom:25px;}
header .social-icons a{width:18px;}

nav#primary-navigation{display: none;}
.mobile-nav-icon{display:block;margin-top:5px; }
.mobile-menu{display:block;}
#banner .ctnt-banner{right:0; left:0; float:none; max-width:500px; width:100%; margin:0 auto;}
.banner-section .bx-next{right:2%; width: 40px; height: 40px; background: url(../images/banner-next2.png) no-repeat right top; top:35%;}
.banner-section .bx-prev{left:2%; width: 40px; height: 40px; background: url(../images/banner-prev2.png) no-repeat right top; top:35%;}
#banner .banner-title{font-size:22px; line-height:26px; padding:10px 15px;}
#banner .banner-contnt{font-size:17px; line-height:20px; padding:10px 15px;}
#banner .content-block{display:none;}

.home-content-part h1{max-width:100%; width:100%; font-size:24px; line-height:28px; padding-top:0; margin-bottom:0; text-align:center;}
.home-content-part h1 span{font-size:24px;}
.home-content{max-width:100%; padding-left:0; border-left:0 none; display:block; text-align:center; border-top:1px solid #396896; padding-top:15px;}
.home-content .more_info{padding-top:10px; padding-bottom:10px; display:inline-block;}

.industries{padding-top:35px;}
.industries-maintitle{margin-bottom:40px; text-align:center; display:block;}
.industries-maintitle::after{left:0; right:0; top:50px; text-align:center; display:block; margin:0 auto; width:200px;}
.industries-title{font-size:20px; line-height:24px; padding-left:4%; padding-right:4%;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 2% 20px;}
.industries-detail a.learnmore{padding:8px 10px; font-size:14px; line-height:18px; }
.industries-detail p{margin-bottom:14px; line-height:18px; display:none;}
.description-title{margin-bottom:8px; font-size:20px; line-height:24px; }
.industries-box{width:95%; margin:0 auto 10px; float:none;}

.testimonial-wrapper{padding-top:40px;}
.testimonial-part{padding-left:0; padding-right:0; max-width:95%; margin:0 auto;}
.testimonial-wrapper .bx-prev{left:0px; }
.testimonial-wrapper .bx-next{right:0px;}
.testimonial-part .bx-viewport{width:85% !important; margin:0 auto;}

.testmonial-title{float:none; margin:0 auto 50px; text-align:center; display:block;}
.testmonial-title:after{margin:0 auto; text-align:center; display:block; left:0; right:0; padding-left:0; top:50px; width:220px;}

.testimonial-pic{max-width:100px; display:block; margin:0 auto 25px; float:none;}
.testimonial-content{max-width:95%; padding-top:0;}

.proud-to-serve-box{width:100%; text-align:center; display:block; float:none;}
.proud-to-serve-box:nth-child(2){padding:0; border-top:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; border-left:0; border-right:0; width:100%; float:none; display:block; margin:0 0 20px 0;}
.proud-to-serve-box.equal-height{height:auto !important;}
.proud-to-serve{padding:35px 0;}

.proudtoserve-title{font-size:38px; line-height:42px; padding-top:0; text-align:center; display:block;}
.proud-to-serve-box img{margin-top:35px; margin-bottom:35px;}

/* Added By ND */
a.readmore { padding: 7px 15px; font-size: 14px; }
#wrapper { background: #ffffff none repeat scroll 0 0; }
a.footer-logo { display: block; float: none; margin-bottom: 15px; margin-top: 10px; width: auto; }
.footer-top { text-align:center }
a.footer-logo img { margin:0 auto }
.footer-right { float: none; max-width: 900px; }
.emailid, .footer-top .phone { float:none; display:inline-block; margin-bottom:10px; }
ul#menu-footer-menu li { padding: 0 8px; }
ul#menu-footer-menu li a { font-size:13px; }
.copyright-text { float: none; text-align: center; width: 100%; font-size:13px; margin-bottom:15px; display:block }
footer .social-icons { display: block; float: none !important; margin: 0 auto !important; text-align: center; }
.followus { display: inline-block; float:none; }
footer .social-icons a { display: inline-block; float:none; margin-right:0; margin-left:15px; }
.footer-contact{padding-top:20px;}

.footer-text{text-align:center;}

/* inner page --*/
.inner-banner .content-block {position: relative; top:0 !important;}
.inner-banner .ctnt-banner {  display: block;  float: none;padding: 8px 2.5%;}
.inner-banner .banner-title{font-size:22px; line-height:24px; text-align:center;}
.inner-banner .banner-title h1{font-size:22px; line-height:24px; text-align:center;}
.iner-content{padding:30px 0;}
/*-- product listing --*/
.prodct-listbox .prdct-title{font-size: 15px; line-height: 18px; padding: 8px 10px;}
.prodct-listbox{margin-bottom:30px; margin:0 auto 15px !important; width:75%; display:block; float:none;}
.prodct-listbox.equal-height{height:auto !important;}
.prodct-listbox.last-list{margin:0 auto 15px !important;}
.loop-pagination .page-numbers{font-size:12px; line-height:16px; padding:4px 10px;}

/*-- product detail --*/
.middle-block{text-align:center;}
.middle-block a{font-size:15px; line-height:20px; margin:0 auto 15px;}
.bottom-block figure.gallery-item{width:150px; display:block; margin:0 auto 15px;}
#nutri-info{width:auto; padding:20px 5%;}
.prdct-left{width:90%; float:none; margin:0 auto 25px;}
.prdct-content{width:100%; float:none;}
}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:640px) and (max-width:767px) {
.container{width: 95%; margin: 0 auto;}
.logo{width:240px;}
.header-right{max-width:320px;}
header .phone{font-size:16px; padding:8px 18px; margin-right:50px;}
header .social-icons{margin-top:22px;}
header .social-icons a{width:18px;}

nav#primary-navigation{display: none;}
.mobile-nav-icon{display:block;margin-top:5px; }
.mobile-menu{display:block;}
#banner .ctnt-banner{right:0; left:0; float:none; max-width:500px; width:100%; margin:0 auto;}
.banner-section .bx-next{right:2%; width: 40px; height: 40px; background: url(../images/banner-next2.png) no-repeat right top;}
.banner-section .bx-prev{left:2%; width: 40px; height: 40px; background: url(../images/banner-prev2.png) no-repeat right top;}
#banner .banner-title{font-size:22px; line-height:26px; padding:10px 15px;}
#banner .banner-contnt{font-size:17px; line-height:20px; padding:10px 15px;}
#banner .content-block{display:none;}

.home-content-part h1{max-width:100%; width:100%; font-size:24px; line-height:28px; padding-top:0; margin-bottom:0; text-align:center;}
.home-content-part h1 span{font-size:24px;}
.home-content{max-width:100%; padding-left:0; border-left:0 none; display:block; text-align:center; border-top:1px solid #396896; padding-top:15px;}
.home-content .more_info{padding-top:10px; padding-bottom:10px; display:inline-block;}

.industries{padding-top:35px;}
.industries-maintitle{margin-bottom:40px; text-align:center; display:block;}
.industries-maintitle::after{left:0; right:0; top:50px; text-align:center; display:block; margin:0 auto; width:200px;}
.industries-title{font-size:20px; line-height:24px; padding-left:4%; padding-right:4%;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 2% 20px;}
.industries-detail a.learnmore{padding:8px 10px; font-size:14px; line-height:18px; }
.industries-detail p{margin-bottom:14px; line-height:18px;}
.description-title{margin-bottom:8px; font-size:20px; line-height:24px; }
.industries-box{width:95%; margin:0 auto 10px; float:none;}

.testimonial-wrapper{padding-top:40px;}
.testimonial-part{padding-left:0; padding-right:0; max-width:95%; margin:0 auto;}
.testimonial-wrapper .bx-prev{left:0px; }
.testimonial-wrapper .bx-next{right:0px;}
.testimonial-part .bx-viewport{width:85% !important; margin:0 auto;}

.testimonial-pic{max-width:20%;}
.testimonial-content{max-width:75%; padding-top:0;}

.proud-to-serve-box{width:100%; text-align:center; display:block; float:none;}
.proud-to-serve-box:nth-child(2){padding:0; border-top:2px solid #e5e5e5; border-bottom:2px solid #e5e5e5; border-left:0; border-right:0; width:100%; float:none; display:block; margin:0 0 20px 0;}
.proud-to-serve-box.equal-height{height:auto !important;}
.proud-to-serve{padding:35px 0;}

.proudtoserve-title{font-size:38px; line-height:42px; padding-top:0; text-align:center; display:block;}
.proud-to-serve-box img{margin-top:35px; margin-bottom:35px;}

/*-- inner page --*/
.inner-banner .banner-description{width: 95%; margin: 0 auto;}
.inner-banner .ctnt-banner{padding:10px 2.5%;}
.inner-banner .banner-title{font-size:28px; line-height:32px;}
.inner-banner .banner-title h1{font-size:28px; line-height:32px;}

#wrapper {  background: #ffffff none repeat scroll 0 0;}



/* Added By ND */
a.readmore { padding: 7px 15px; font-size: 14px; }
#wrapper { background: #ffffff none repeat scroll 0 0; }
a.footer-logo { display: block; float: none; margin-bottom: 15px; margin-top: 10px; width: auto; }
.footer-top { text-align:center }
a.footer-logo img { margin:0 auto }
.footer-right { float: none; max-width: 900px; }
.emailid, .footer-top .phone { float:none; display:inline-block; margin-bottom:10px; }
ul#menu-footer-menu li { padding: 0 8px; }
ul#menu-footer-menu li a { font-size:13px; }
.copyright-text { float: none; text-align: center; width: 100%; font-size:13px; margin-bottom:15px; display:block }
footer .social-icons { display: block; float: none !important; margin: 0 auto !important; text-align: center; }
.followus { display: inline-block; float:none; }
footer .social-icons a { display: inline-block; float:none; margin-right:0; margin-left:15px; }
.mappart { display: block; float: none; width: 100%; margin-bottom:10px; }

.bx-prev, .bx-next{  height: 31px;    width: 31px; background-size:31px;}
.bx-prev{ left:20px; }
.bx-next{ right:20px; }

.footer-contact {float: none;  margin-top: 25px;}
.footer-text{text-align:center;}
/*-- product listing --*/
.prodct-listbox .prdct-title{font-size: 15px; line-height: 18px; padding: 8px 10px;}
.prodct-listbox{margin-bottom:30px; margin-left:2%; margin-right:2%; width:29%;}
.prodct-listbox.last-list{margin-right:2%;}
.loop-pagination .page-numbers{font-size:12px; line-height:16px; padding:4px 10px;}

/*-- product detail --*/
.middle-block a{font-size:15px; line-height:20px;}
.bottom-block figure.gallery-item{width:23%;}
#nutri-info{width:auto; padding:20px 5%;}
}

/* 3. responsive css 768px to 980px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:979px) {

.container{width: 95%; margin: 0 auto;}
nav#primary-navigation ul li a{padding:20px 15px; font-size:15px;}
nav#primary-navigation ul li ul.sub-menu li a{font-size:15px; padding:8px 20px;}
nav#primary-navigation ul li ul.sub-menu{width:200px;}
nav#primary-navigation ul li ul.sub-menu li .sub-menu{width:200px;}

#banner .ctnt-banner{right:0; left:0; float:none; max-width:500px; width:100%; margin:0 auto;}
.banner-section .bx-next{right:2%; width: 40px; height: 40px; background: url(../images/banner-next2.png) no-repeat right top;}
.banner-section .bx-prev{left:2%; width: 40px; height: 40px; background: url(../images/banner-prev2.png) no-repeat right top;}
#banner .banner-title{font-size:22px; line-height:26px; padding:10px 15px;}
#banner .banner-contnt{font-size:17px; line-height:20px; padding:10px 15px;}

.home-content-part h1{max-width:32%; font-size:24px; line-height:28px; padding-top:60px;}
.home-content-part h1 span{font-size:24px;}
.home-content{max-width:63%; padding-left:4%;}
.home-content .more_info{padding-top:10px; padding-bottom:10px;}

.industries{padding-top:35px;}
.industries-maintitle{margin-bottom:30px;}
.industries-title{font-size:20px; line-height:24px; padding-left:4%; padding-right:4%;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 2% 20px;}
.industries-detail a.learnmore{padding:8px 10px; font-size:14px; line-height:18px; }
.industries-detail p{margin-bottom:14px; line-height:18px; display:none;}
.description-title{margin-bottom:8px; font-size:20px; line-height:24px; }

.testimonial-wrapper{padding-top:40px;}
.testimonial-part{padding-left:0; padding-right:0; max-width:95%; margin:0 auto;}
.testimonial-wrapper .bx-prev{left:0px; }
.testimonial-wrapper .bx-next{right:0px;}
.testimonial-part .bx-viewport{width:85% !important; margin:0 auto;}

.testimonial-pic{max-width:20%;}
.testimonial-content{max-width:75%; padding-top:0;}

.proud-to-serve{padding:35px 0;}
.proudtoserve-title{font-size:42px; line-height:46px; padding-top:60px;}
.proud-to-serve-box img{margin-top:40px;}

/*-- inner page --*/
.inner-banner .banner-description{width: 95%; margin: 0 auto;}
.inner-banner .ctnt-banner{padding:12px 2.5%;}
.inner-banner .banner-title{font-size:28px; line-height:30px;}
.inner-banner .banner-title h1{font-size:30px; line-height:30px;}

/* Added By ND */
a.readmore { padding: 7px 15px; font-size: 14px; }
#wrapper { background: #ffffff none repeat scroll 0 0; }
a.footer-logo { display: block; float: none; margin-bottom: 15px; margin-top: 10px; width: auto; }
.footer-top { text-align:center }
a.footer-logo img { margin:0 auto }
.footer-right { float: none; max-width: 900px; }
.emailid, .footer-top .phone { float:none; display:inline-block; margin-bottom:10px; }
ul#menu-footer-menu li { padding: 0 8px; }
ul#menu-footer-menu li a { font-size:13px; }
.copyright-text { float: none; text-align: center; width: 100%; font-size:13px; margin-bottom:10px; display:block }
footer .social-icons { display: block; float: none !important; margin: 0 auto !important; text-align: center; }
.followus { display: inline-block; float:none; }
footer .social-icons a { display: inline-block; float:none; margin-right:5px; margin-left:5px;  }

.bx-prev, .bx-next{ height: 31px;    width: 31px; background-size:31px;}
.bx-prev{ left:20px; }
.bx-next{ right:20px; }

.footer-contact {float: none;  margin-top: 25px;}
.footer-text{text-align:center;}
/*-- product listing --*/
.prodct-listbox .prdct-title{font-size: 17px; line-height: 22px; padding: 8px 10px;}
.prodct-listbox{margin-bottom:30px;}

/*-- product detail --*/
.middle-block a{font-size:15px; line-height:20px;}
.fancybox-wrap{width:70%;}
#nutri-info{width:auto; padding:20px 5%;}
	.mobile-nav-icon {
    display: block;
    top:16%;
}
nav#primary-navigation ul li {
    display: none;
}

}

@media (min-width:960px) and (max-width:979px) {
	.mobile-nav-icon {
    display: block;
    top:16%;
}
nav#primary-navigation ul li {
    display: none;
}
header .phone {
    margin-right: 52px;
}
}


/* 4. responsive css 981px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:980px) and (max-width:1023px) {
.container{width: 95%; margin: 0 auto;}

nav#primary-navigation ul li a{padding:20px 9px;}
nav#primary-navigation ul li a {font-size:15px;}
#banner .ctnt-banner{right:0; left:0; float:none; max-width:500px; width:100%; margin:0 auto;}
.banner-section .bx-next{right:2%;}
.banner-section .bx-prev{left:2%;}
#banner .banner-title{font-size:26px; line-height:30px; padding:12px 15px;}
#banner .banner-contnt{font-size:17px; line-height:20px; padding:12px 15px;}

.home-content-part h1{max-width:40%; font-size:26px; padding-top:60px;}
.home-content{max-width:55%; padding-left:4%;}

.industries{padding-top:35px;}
.industries-maintitle{margin-bottom:30px;}
.industries-title{font-size:20px; line-height:24px; padding-left:4%; padding-right:4%;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 2% 20px;}
.industries-detail a.learnmore{padding:8px 10px; font-size:14px; line-height:18px; }
.industries-detail p{margin-bottom:14px; line-height:18px;}
.description-title{margin-bottom:8px; font-size:20px; line-height:24px; }

.testimonial-wrapper{padding-top:40px;}
.testimonial-part{padding-left:4%; padding-right:4%; max-width:78%; margin:0 auto;}
.testimonial-wrapper .bx-prev{left:-70px; }
.testimonial-wrapper .bx-next{right:-48px;}
.testimonial-part .bx-viewport{width:85%; margin:0 auto;}

.testimonial-pic{max-width:20%;}
.testimonial-content{max-width:75%;}

.proud-to-serve{padding:35px 0;}
.proudtoserve-title{font-size:42px; line-height:46px; padding-top:60px;}
.proud-to-serve-box img{margin-top:40px;}


/*-- inner page --*/
.inner-banner .banner-description{width: 95%; margin: 0 auto;}
.inner-banner .ctnt-banner{padding:12px 2.5%;}
.inner-banner .banner-title{font-size:30px; line-height:32px;}
.inner-banner .banner-title h1{font-size:30px; line-height:32px;}

ul#menu-footer-menu li {  padding: 0 0 0 14px;}
ul#menu-footer-menu li a{ font-size:14px; }
.copyright-text {  width: auto;}
/*-- product listing --*/
.prodct-listbox .prdct-title{font-size: 17px; line-height: 22px; padding: 8px 10px;}

/*-- product detail --*/
.middle-block a{font-size:15px; line-height:20px;}


}

/* 5. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1280px) {
.container{width: 95%; margin: 0 auto;}
nav#primary-navigation ul li a{padding:20px 9px;}
nav#primary-navigation ul li a {font-size:15px;}
#banner .ctnt-banner{right:0; left:0; float:none; max-width:500px; width:100%; margin:0 auto;}
.banner-section .bx-next{right:2%;}
.banner-section .bx-prev{left:2%;}
#banner .banner-title{font-size:26px; line-height:30px; padding:12px 15px;}
#banner .banner-contnt{font-size:17px; line-height:20px; padding:12px 15px;}

.home-content-part h1{max-width:40%; font-size:26px; padding-top:60px;}
.home-content{max-width:55%; padding-left:4%;}

.industries{padding-top:35px;}
.industries-maintitle{margin-bottom:30px;}
.industries-title{font-size:20px; line-height:24px; padding-left:4%; padding-right:4%;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 2% 20px;}
.industries-detail a.learnmore{padding:8px 10px; font-size:14px; line-height:18px; }
.industries-detail p{margin-bottom:14px; line-height:18px;}
.description-title{margin-bottom:8px; font-size:20px; line-height:24px; }

.testimonial-wrapper{padding-top:40px;}
.testimonial-part{padding-left:4%; padding-right:4%; max-width:78%; margin:0 auto;}
.testimonial-wrapper .bx-prev{left:-70px; }
.testimonial-wrapper .bx-next{right:-48px;}
.testimonial-part .bx-viewport{width:85%; margin:0 auto;}

.testimonial-pic{max-width:20%;}
.testimonial-content{max-width:75%;}

.proud-to-serve{padding:35px 0;}
.proudtoserve-title{font-size:42px; line-height:46px; padding-top:60px;}
.proud-to-serve-box img{margin-top:40px;}

/*-- inner page --*/
.inner-banner .banner-description{width: 95%; margin: 0 auto;}
.inner-banner .ctnt-banner{padding:15px 2.5%;}
.inner-banner .banner-title{font-size:32px; line-height:32px;}
.inner-banner .banner-title h1{font-size:32px; line-height:32px;}

ul#menu-footer-menu li {padding: 0 6px 0 14px;}
ul#menu-footer-menu li a{ font-size:14px; }
/*-- product detail --*/
.middle-block a{font-size:15px; line-height:20px;}
}

@media (min-width:1281px) and (max-width:1800px) {

#banner .ctnt-banner{right:4%;}
.banner-section .bx-next{right:2%;}
.banner-section .bx-prev{left:2%;}

.industries-title{font-size:20px; line-height:24px;}
.industries-title span{padding-bottom:12px; padding-top:12px;}
.industries-detail div{padding:20px 3% 20px;}
.description-title{margin-bottom:10px;}


.testimonial-part{padding-left:94px;}
.testimonial-wrapper .bx-prev{left:-70px; }
.testimonial-wrapper .bx-next{right:-48px;}

/*-- inner page --*/
.inner-banner .banner-description{width: 95%; margin: 0 auto;}
.inner-banner .ctnt-banner{padding:18px 3%;}
.inner-banner .banner-title{font-size:32px; line-height:32px;}
.inner-banner .banner-title h1{font-size:32px; line-height:32px;}
}