@font-face{font-family:Gothic;src:url('../fonts/centurygothic.ttf');}
@font-face{font-family: Segoe;src:url('../fonts/segoepr.ttf');}
@font-face{font-family: Verdana;src:url('../fonts/verdana.ttf');}

body{color:#474747; font-family: Gothic;}

h1, h2, h3, h4, h5, h6{color:#000; font-family:Gothic;}
h1 {font-size: 27px; color: #115CC1; text-align: center; margin-bottom: 20px;}
h4 {color:#144067; text-align: center; margin-top: 40px; margin-bottom: 20px;}
hr{border-bottom:1px solid #d3d2d2; margin-bottom:15px; margin-top:15px; width: 100%; height: 1px; display: block;}

.clear{ clear:both;}
.top-bar{background-color:#3e739c;font-size:12px;color:#FFF;top: 0px;padding:10px 3px 2px;position:fixed!important;width: 100%;z-index: 100!important;}
.top-bar p {margin: 0; margin-top: 5px; margin-left:30px; font-family: segoe; font-size: 14px; font-weight: bold;}
.top-bar .fa-mobile{margin-top:2px;}
.top-bar a{color:#FFF; font-size: 13px; line-height: 25px;}
.top-bar a:hover{color:#00BFFF;}
.top-bar .pull-right{margin-right: 10px;}
.top-bar .pull-custom{background: #00612c none repeat scroll 0 0; border: 1px solid #fff; float: right; margin-right: 5px; padding: 0 8px; position: relative;}
.top-bar .pull-custom img{display: inline-block; padding-bottom: 2px; width:20px; height: 20px;}
.top-bar .pull-right a:hover{text-decoration: none; color:#00BFFF!important;}
.top-bar .pull-custom a:hover{text-decoration: none; color:#00BFFF!important;}
.header{padding:15px 0 5px;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);position:fixed!important; width: 100%; top:42px;z-index: 99;background-color: #fff;height: 111px;}
.logo {margin-left:20px;}
.logo a img{width: 120px;}
.logo a:hover{text-decoration:none;}
.logo p{font-size: 12px;color:#000;}
.mrt-rt-0{padding-right: 0px !important;}
.top-bar .pull-left{float: left !important;}
 .pd-r-l-0{padding-left: 15px!important;padding-right:15px!important;}
.content{margin-top:130px!important;}
.slider{width:100%;}
.slider img{width:100%;}
.carousel-control.right{background-image:none;}
.carousel-control.left{background-image:none;}
/* Navigation */
.navBox {overflow: hidden;}
.navBox a {font-family: Gothic;display: block;padding: 5px 10px;color: #474747;text-align: center;text-decoration: none;font-size:14px;}
.navBox .active { background:transparent; border-bottom: 6px solid #3e739c; color:#2C61A7;}
.navBox a:focus, .navBox a:hover{background-color:#E6E6E6;border-bottom: 6px solid #3e739c;color:#007cc3;}
.navBox ul {margin: 0 auto;overflow: visible;float:right;}
.navBox ul li {float: left;list-style: none;height: 100%;}
.navBox ul li .fa {padding-left: 4px;}
.navBox .dropNav {display: none;width:100%;padding:5px 0;position:absolute;left:0;right:0;top:inherit;background: #474747;z-index: 7;overflow: hidden;}
.navBox>ul>li.active {background-color: transparent; border-bottom:2px solid #007AC2;}
.navBox ul li ul {margin-left:-80px;padding-top:10px;padding-bottom:10px; padding-left:10px; padding-right:10px;position: absolute;top: 95px;width:auto;border: 1px solid #007CC3;display: none;background:#3E739C;z-index:99;}
.navBox ul li ul li {padding:0;margin:0;display: block!important;background-color:#3E739C;}
.navBox ul li ul li a img{width: 100px;border-radius:4px; height: auto; margin: 5px; background-color: #fff;}
.navBox ul li ul li a{border-radius:4px;font-size:13px;background-color:#E6E6E6;display: block!important;padding:4px;margin:0;color: #000;width: 120px;margin-right:3px;margin-left:3px; margin-bottom:5px; text-align: center;}
.navBox ul li ul li a:hover{color: #fff!important; background-color: #fff;transition:all 1s ease;border-bottom: 0px;}
.navBox ul li ul li:hover img{border: 1px solid #cacaca;}
.navBox ul li ul li:hover a{background-color:#fff!important;color:#3E739C!important;}
.navBox ul li ul li ul li a{width: 180px;}
.navBox ul li ul li ul li:hover a{background-color: #2C61A7!important; color: #fff!important;}
.navBox ul li ul li a.active{color: #007CC3;}
.navBox ul li:hover ul {display: block;}
.navBox ul ul ul{top: -1px;left:179px;display: none;visibility:hidden;border: none;}
.navBox ul ul li:hover > ul{display: block;visibility:visible;position: absolute!important;z-index: 100;}
 /* navigation ends */
#breadcrumbs-one{
  overflow: hidden;
  width: auto;
  padding:0;
  margin:12px 0 0 15px;
  font-family: Gothic;
}

#breadcrumbs-one li{
  float: left;
  list-style: none;
  background:transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
}

#breadcrumbs-one a{
  padding: .2em 1em .2em 1.5em;
  float: left;
  text-decoration: none;
  color: #444;
  font-size: 11px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);
}

#breadcrumbs-one li:first-child{
	background-color: #007CC3;
}

#breadcrumbs-one li:first-child a::after{border-left-color:#007cc3;}

#breadcrumbs-one li:first-child a{
  background-image:none!important;
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
  background-color: #007CC3;
}

#breadcrumbs-one a:hover{
  background: #fff;
  color: #007CC3;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 2;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 1; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  background: none;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}
.form-horizontal .form-group {margin-left: 0px!important;}
#breadcrumbs-one .glyphicon-home{color: #fff!important;}

.blue {color:#115cc1;}
.more-btn{background-color:#fff;border: 1px solid #007CC3;color:#eee;padding:2px 20px;display:inline-block;}
.more-btn:hover{background-color: #fff; transition:all 1s ease; border:1px solid #000;}
.more-btn a{color:#53575A;font-size:15px; font-family:'Gothic';}
.more-btn a:hover{text-decoration: none; color: #000;}
.intro {background-image: url('../images/bg.jpg');background-size:cover;min-height:100px;text-align:center;padding:5px;}
.intro p{border:1px solid #fff;padding: 10px;font-size: 16px;color: #fff;margin-top: 10px;}
.certi{line-height:2; margin-top: 160px!important; text-align: center; margin-bottom: 50px;}
.about-us{padding:30px 0;text-align: center;line-height: 2;font-size: 15px;}
.about-us .product-img {font-family: Gothic;margin-top: 30px;}
.about-us .product-img h1, .about-us .product-img h4{text-align: left;}
.about-us img{width: 80px;}
.about-us .product-img .img{width:97%;padding: 20px;border:10px solid #E6E6E6;}
.about-us .product-img img{width:100%;}
.about-us .product-img .more-btn{background-color:#007CC3;border:none; width: 60px; padding:1px;}
.about-us .product-img .more-btn a{color: #fff; font-size: 11px;}
.about-us .product-img .more-btn:hover{background-color: #666666;}
.about-us .product-img h4{font-size:20px;margin:0;padding:0; margin-bottom: 10px; color:#115cc1;}
.about-us .product-img h1{margin-bottom:0px;margin-top:0px; font-size:23px;}
.about-us .product-img ul{margin-top:0px; padding: 0px;}
.about-us .product-img ul li{list-style:none;color: #5A5A5A; text-align: left; line-height: 35px; font-size: 20px;}
.about-us .product-img .glyphicon-play {font-size:9px; color:#115cc1; margin-right:10px;}
.about-us .col-sm-3 {margin-bottom: 30px;}
.about-us .col-sm-3 img{width: 100%; max-width: 200px;}
.about-us a {text-decoration: none;}
.about-us .pr a img{box-shadow: 0 0 4px #ccc; padding: 10px;}
.about-us .pr a:hover img{box-shadow: 0 0 4px #71bffb;}
.about-us .pr a p{margin-left: 9%; background-color: #007cc3; color: #fff; width: 82%;font-family: Gothic;}
.about-us .pr a:hover p{background-color: #0494e7;}
.about-us .category {color: #000!important; text-align: left; font-family: Gothic;}
.about-us .category h1{text-align: left;}
.about-us .category h5{text-align: left; font-size: 18px; color: #007cc3; border-top:1px solid #ccc; padding-top: 10px;}
.about-us .category p{text-align: left; line-height: 1;color: #535353; font-size: 13px;}
.about-us .product-img .more{background-color:#eee;font-size:11px;padding:10px;padding-bottom:6px;text-transform: uppercase; margin-left:-4px;margin-right:-4px;} 
.about-us .product-img .more a{color:#666666;}
.about-us .category .more-btn{border:none;font-size:11px;background-color: #007CC3; color: #fff;}
.about-us .category .more-btn:hover{background-color: #0494e7; color: #fff;}
.about-us .category .col-sm-3:hover h5{border-top: 1px solid #71bffb;}
.about-us .category .col-sm-3 a img{width: 150px;}
.about-us h4{margin-bottom: 10px; color: #163d69;}
.about-us .hr{width:78px;border-bottom: 1px solid #007cc3;margin-top:0px;margin-bottom:0px;}
.about-us h2{color:#115cc1; font-size: 22px; margin-bottom:10px;margin-top:10px; text-align: left;}
.zoomLens{border: 0px!important;}
.zoomWindow{border:1px solid #888!important; width: 350px!important; height: 350px!important;border-radius:50%!important;}
.about-us table{width:100%;line-height:15px;margin-bottom:5px;border-bottom: 1px solid #C0C0C0;}
.about-us table.first{margin-left:-15px;}
.about-us table tr:nth-child(even) {background: #fff}
.about-us table tr:nth-child(odd) {background: #eee}
.about-us table tr th{padding:5px;text-align:center; border-left: 1px solid #C0C0C0;font-size:13px;background-color:#2C61A7;color: #fff; font-weight: 200;}
.about-us table tr td{font-size:13px;border:1px solid #C0C0C0;padding:6px;word-wrap:break-word; border-top: none; border-bottom: none;}
.infra{text-align:center;margin-top:50px;margin-bottom:50px;font-size:14px; font-family: 'Gothic';}
.infra h3{color:#013F96;font-size:20px;}
.infra img.small{width: auto;}
.infra-img{ width:260px; padding: 0 5px; margin: 0 0px 15px; display: inline-block;}
.infra-img img{width:100%; margin-right: 0px; margin-bottom:0px; max-width:inherit !important;}
.infra-img-1{width:172px; padding: 0 5px; margin: 0 0px 10px; display: inline-block;}
.infra-img-1 img{width:100%; margin-right: 0px; margin-bottom:0px; max-width:inherit !important;}
.aligncenter{float:none; display:inline-block; margin:0 auto;} 
.global {text-align: center;}
.global img{width: 80%; margin-bottom:50px;}
.products{padding:25px;height:auto;background-image: url('../images/products.png'); background-size:cover; text-align: center;}
.products h2{color:#fff;margin-top:30px;margin-bottom:30px;}
.products a{text-decoration: none;}
.products a p{color:#fff;font-size: 17px; margin-right: 25px; margin-bottom: 20px; font-family: Gothic;}
.right-info{text-align:justify;line-height:25px;padding:0px 0 20px 20px;margin-top:10px;min-height: 200px;}
.right-info ul {margin: 0;padding: 0;}
.right-info ul li{margin: 0;padding: 0;list-style: none;}
.right-info ul li a{text-transform: capitalize;font-size: 12px;margin-left: 70px;}
.right-info .social {text-align: center;}
.right-info .social img{width:80px;}
.right-info h3 {color: #007cc3; text-transform: uppercase;}
.third-col a{margin-left: 60px!important;}
.input-group {width:100%;}
.btn {background-color: #007CC3!important; color: white; border-radius: 0px!important; font-size: 13px; text-align: center; width: 100px;}
.btn:hover{background-color: #000!important; color: white; transition:all 1s ease;}
.read-more{text-decoration: none!important;}
.media-carousel .item{margin-left:90px;}
.media-carousel .carousel-control.left{margin-top:6%;margin-left:-30px;color: #000;}
.media-carousel .carousel-control.right{margin-top:6%;margin-right:-20px;color: #000;}
.control-box{float:right;}
.pager{margin:0 15px;}
.pager li>a{border-radius:0;padding:5px 6px;}
.lightbox {/** Default lightbox to hidden */display: none;/** Position and style */	position: fixed !important;z-index: 999;width: 100vw;height: 100vh;text-align: center;top: 15% !important;left: 0;background: rgba(0,0,0,0);vertical-align: middle!important;}
.lightbox img {/** Pad the lightbox image */	width:55%;	height: auto;	margin-top: 2%;}
.lightbox img.large{width:65%;}
.lightbox img.small {/** Pad the lightbox image */max-width: 100%;max-height: 100%;margin-top: 15%;}
.lightbox-1 img.small-1{width:200px;height:auto;margin-top: 17%;}
.infra-img .lightbox-1 img.small-1, .infra-img-1 .lightbox-1 img.small-1{width:auto; margin-top: calc(50% - 40%);}
.lightbox:target {/** Remove default browser outline */outline: none;/** Unhide lightbox **/display: block;}
.lightbox a:hover{text-decoration: none; color: #fff;}
.packaging{line-height:2;}
.packaging h1{text-align: left;}
.packaging .col-sm-3 {border: 1px solid #ccc; margin-right: 2%; margin-bottom:30px; padding:15px; width: 18%;}
.packaging .col-sm-3:hover {box-shadow: 0 0 4px #71bffb;}
.packaging .col-sm-3 h5{text-align: left; color:#007cc3; font-size: 18px; padding-top: 10px; border-top: 1px solid #71bffb;}
.packaging .col-sm-3 img{width: 100%;}

.packaging {padding:30px 0;text-align: center;}
.lightbox-1 {/** Default lightbox to hidden */display: none;/** Position and style */ position: fixed;z-index: 999;width: 100%;height: 100%;text-align: center;top: 0;left: 0;background: rgba(0,0,0,0.8);vertical-align: middle!important; padding-top:0%; overflow-y: scroll;}
.lightbox-1 img {/** Pad the lightbox image */  width:75%;  height: auto; margin-top: 2%;}
.lightbox-1 img.large{width:35%;}
.lightbox-1 img.small {/** Pad the lightbox image */max-width: 100%;max-height: 100%;margin-top: 15%;}
.lightbox-1:target {/** Remove default browser outline */outline: none;/** Unhide lightbox **/display: block;}
.lightbox-1 a:hover{text-decoration: none; color: #fff;}
.previous {/**styling the left arrow**/position: fixed;left: 25px;top: 40%;width: 20px;font-size: 40px;color: #fff;}
.previous img{width:100%!important;}
.exit {/**styling the exit button**/position: fixed;top: 4px;right: 30px;width: 20px;font-size: 40px;color: #aaa;}
.next {/**styling the right arrow**/position: fixed;right: 25px;top: 40%;width: 20px;font-size: 40px;color: #fff;}
.next img{width: 100%!important;}
#return-to-top {position: fixed;bottom: 60px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);
width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff;top: 5px;}
.footer{background-image: url('../images/footer.png');font-family:Verdana;background-size: cover;background-repeat:no-repeat;color:#FFF;padding:20px 0;font-size:12px;}
.footer a{color:#FFF;text-transform: lowercase; font-family: Gothic;}
.footer .active{color:#fee300;}
.footer a:hover{color: #FEE300;text-decoration: none;}
.footer h4{color:#FFF!important;text-transform: capitalize;margin-bottom: 15px;margin-top:10px;}
.footer h5{color:#FFF!important;text-transform: capitalize;margin-bottom: 20px;font-size: 18px;}
.sub-footer{color:#000;padding:10px 0; background-color: #fff;}
.sub-footer a{color:#000;}
.sub-footer .pull-left{font-family: Gothic;font-size: 12px; margin-top: 10px;}
.sub-footer .pull-right a{font-size: 12px; margin-right: 5px; text-transform: none;}
.sub-footer .pull-right a:hover{color: #fff; transition:all 1s ease;}
.sub-footer ul{padding:0;}
.sub-footer ul li{list-style:none;float:left;padding:0 10px;border-right:1px solid #929292;}
.sub-footer ul li:last-child{border-right:none;}
.fa-mobile{font-size: 20px;}
.fa-google-plus:hover{color:#D62223;}
.fa-twitter:hover{color:#1da0f2;}
.fa-facebook:hover{color:#BECAD5;}
.contact h4{margin-top:10px;}
.contact img.small-three{width:150px;}
.contact img.small-one{width:140px;}
.contact img.small-two{width:150px;}
.comingsoon{ font-size:50px; display:inline-block !important; width:400px; margin:0 auto; }
.comingsoon img{ width:inherit !important; }
.lb-prev, .lb-next{ display:block !important; }
.lb-prev { left: -70px !important; position: absolute !important; top: calc(50% - 5%);}
.lb-next { right: -70px !important; position: absolute !important; top: calc(50% - 5%);}

@media screen and (min-width: 992px) {
.dl-menuwrapper {display:none;}
.content {margin-top:130px!important;}
}

@media screen and (max-width: 991px) {
	.more a:hover{color: #666!important;}
	.third-col a{margin-left: 0px!important;}
	.right-info ul li a{margin-left: 0px!important;}
	.right-info h4{text-align: left!important}
	.top-bar p {margin-left:0px;}
	.dl-menuwrapper .dl-menu.dl-menuopen{margin-top:40px!important;}
	.dl-trigger{float: right!important;}
	.navigation{display: none!important;}
	.navBox ul li a{ display: none!important;}
	a:hover{ color:#007CC3!important;}
	.more-btn a:hover{color: #000!important;}
	.top-bar, .header{position:relative!important;}
	.navBox ul { float:left;}
	.navBox ul li { float: none; }
	.navBox ul li:nth-child(2){display:none;} 
	.navBox>ul>li { border-bottom: 1px solid #1C93CE; }
	.navBox>ul>li>a { padding: 10px; color:#FFF; font-size: 13px;}
	.home{margin-top:20px!important;}
	.navBox .dropNav {position: static;background: #0F80B8;}
	/*.content {margin-top:100px!important;}*/
	.certification .lightbox img{max-width:80%!important; height: auto;}
  .lightbox-1 img{max-width:80%!important; height: auto;}
  .lightbox-1 img.large{width:55%!important;}
	#openPageslide {display: block;padding: 14px 10px;border-radius: 6px;float:right;}
	#openPageslide span {display: block;color:#FFF;font-size:20px;background-color:#007CC3;padding:10px;}
	#pageslide {display: none;width: 200px;position: fixed;top: 0;left: -200px;height: 100%;z-index: 999999;overflow-y: auto;background-color:#007CC3;}
	.pageslideBg {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 9998;}
	.right-info{border-left:none;}
	.navBox ul li:hover ul {display: none;}
	.infra p a:hover{color: #007cc3!important; text-decoration: none!important;}
	.certification h3{text-align: center;}
	.left-image a:focus,.left-image a:hover{color: #007CC3!important;}
	.about-us a:hover p{border:none;color: #115CC1;}
	.about-us .pr a p{font-size: 12px;}
}

@media screen and (max-width: 767px) {
  .logo p{margin-top:-5px;}
  .contact img{ margin-bottom: 20px;}
  .packaging .col-xs-6 {border: 1px solid #ccc; margin-right: 2%; margin-bottom:30px; padding:15px; width: 48%;}
  .global img{width: 100%!important;}
	#breadcrumbs-one li a{font-size: 10px!important;}
	.more a:hover{color: #666!important;}
	.about-us a:hover p{border:none;color: #115CC1;}
	.right-info {min-height: auto!important; margin-top: 30px!important; padding: 0px!important;}
	.right-info h4{text-align: center!important;}
	.right-info ul li{text-align: center!important;}
	.right-info ul li a{font-size: 15px!important;}
	.header {height: 115px!important;}
	.top-bar p {margin-left:10px;}	
	#openPageslide{margin-top:-70px;}
	.footer .left-image p,.footer .left-image h1{ text-align: center;}
	.about-us .right-info {padding-left: 0px;}
	.i-p .col-md-4{padding-left: 0px;}
	.i-p {text-align: center;}
	.infra h3{text-align: center;}
	.logo{width: 200px;margin-top:15px; margin-bottom: 10px;}
	.content {margin-top:1px!important;}
	.footer {text-align: center; font-size: 15px;}
	#return-to-top{bottom:70px!important;}
	.sub-footer .pull-left{float:none!important;}
	.dl-menuwrapper {top:-20px!important;}
  .dl-menuwrapper .dl-menu.dl-menuopen{margin-top:-10px!important;}
	.about-us .category {text-align: center!important;}
	.about-us .category h5,.about-us .category p{ text-align: center!important;}
	.first{margin-left:0px!important;}
	.about-us table{margin-bottom: 20px!important;}
  .previous{top:30%!important;}
  .next{top:30%!important;}
  .about-us .category .col-sm-3{border: 1px solid #ccc; padding: 15px;}
  .about-us .category .col-sm-3:hover{box-shadow: 0 0 4px #71bffb;}
  .float .more-btn, .float .more{float:left!important; margin-top:10px;}
  .about-us .category {margin-bottom: 70px!important;}
  .about-us .pr a p{margin-left: 0px!important; width: 100%!important;}
  .about-us .product-img .more {margin-right: 0px!important; margin-left: 0px!important; padding: 5px!important;}
  .right-info .social{margin-left:-10px!important;}
  .mrt-rt-0 {padding-right: 0px !important;padding-left:7px !important;text-align: center;}
  .mrt-rt-0{padding-right: 0px !important;text-align:center;margin-top: 5px;}
  .top-bar .pull-custom{background: #00612c none repeat scroll 0 0; border: 1px solid #fff; float:none;  padding: 5px 8px; position: relative;}
  .top-bar .pull-left{float: none !important;}
  .top-bar {
  background-color: #3e739c;
  font-size: 12px;
  color: #FFF;
  top: 0px;
  padding: 10px 3px 12px;  position:relative !important;  width: 100%;
  z-index: 100 !important;}
  .header {
  padding: 10px 0;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);position: relative !important;
    width: 100%;
  top: 1px;
  z-index: 99;
  background-color: #fff;
  height: 105px;
}
}

@media screen and (min-width: 768px){
	/*.content {margin-top:1px!important;}*/
	.dl-menuwrapper {top:25px!important;}
	.dl-menuwrapper button{margin-top:0px!important;}
  .about-us .category .col-sm-3{width: 24%;margin-right:1%;border: 1px solid #ccc; padding: 15px;}
  .about-us .category .col-sm-3:hover{box-shadow: 0 0 4px #71bffb;}
  .float{float:right!important;}
}

@media screen and (max-width: 561px){
	.intro p{font-size: 13px!important;}
	.dl-menuwrapper .dl-menu.dl-menuopen {margin-left:0px!important; margin-top: -10px!important;}
	.slick-dots{display: none!important;}
	.slick-dotted.slick-slider{margin-bottom: 0px!important;}
	.about-us .product-img img{width: 225px!important;}
	.about-us .product-img .more, .about-us .product-img .more-btn{margin-top:10px!important;}
	.about-us .product-img .more-btn a{font-size:11px!important;}
	.about-us .pr a p{font-size: 11px;}
  table{overflow-x:scroll!important; display: block!important;height:300px!important;}
  .header {
  padding: 10px 0;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  position: relative !important;
  width: 100%;
  top: 1px;
  z-index: 99;
  background-color: #fff;
  height: 105px;
}
}

@media screen and (max-width: 340px){
	.align{margin-bottom: 52px!important;}
  .top-bar .pull-right{margin-right:0px!important;}
}

@media screen and (max-width: 461px) {
  .packaging .col-xs-6 {border: 1px solid #ccc; margin-right: 2%; margin-bottom:30px; padding:15px; width: 98%;}
  .dl-menuwrapper {top:-20px!important;max-width: 85%!important;}
  .hide{display: none!important;}
	.align-1{margin-bottom: 52px!important;}
  .infra img{width: 80px!important; margin-top:30px!important;}
  .header{height: 110px!important;}
	.top-bar p {margin-left:0px; font-size: 10px!important;}
	.top-bar a {font-size: 11px!important;line-height: 10px!important;}
  .logo {margin-top: 5px!important; margin-bottom: 0px!important;}
	.previous{top:17%!important; left:5px!important;}
	.next{top:17%!important;}
	#openPageslide{text-align:center;float:none;}
	a#openPageslide{margin:10px auto;}
	.navigation{text-align:center;}
	.media-carousel .item{margin-left:70px;}
	.sub-footer .pull-left{display:block!important; float: none!important; text-align: center!important; margin-bottom: 10px;}
	.sub-footer .pull-right{float: none!important; display: block!important; text-align: center!important;}
	.top-bar .col-xs-4{ padding-right: 0px;}
	.products img{width:100%; height: auto;}
	.infra img{width: 230px; height: auto;}
	.col-xs-8{padding-left: 5px!important; padding-right: 5px!important;margin-top:2px!important;}
	#return-to-top i{left:0px!important;}
  .about-us .product-img .more-btn{font-size:10px!important;width:40px!important;padding:4px;}
  .about-us .product-img .more{font-size: 9px!important;}
  #breadcrumbs-one li:last-child.last a{font-size: 10px!important;padding-right:1.5em!important;padding-left:1.5em!important;}
  #breadcrumbs-one li:last-child a{font-size: 9px!important;padding-right:0em!important;padding-left:0em!important;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .about-us .pr a p{margin-left: 0px!important; width: 100%!important;}
  .top-bar p{font-size: 10px!important;}
  .right-info .social{text-align:left!important;}
  .about-us .product-img .more-btn{width: 55px!important;}
  .pd-r-l-0{padding-left: 0px !important;padding-right: 0px !important;}
  .top-bar a {  color: #FFF;  font-size: 8px ; line-height: 25px;}
  .top-bar .pull-custom {  background: #00612c none repeat scroll 0 0;  border: 1px solid #fff;
  float: right;  margin-right: -1px;  padding: 6px 2px;  position: relative;}
  .header {  padding: 10px 0;  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);  position:relative !important;  width: 100%;
  top: 1px;  z-index: 99;  background-color: #fff;  height: 105px;}
.content {  margin-top: 0px !important;}
.mrt-rt-0 {padding-right: 0px !important;padding-left:7px !important;text-align: center;}

}

@media (min-width: 991px) and (max-width: 1200px) {
  .logo {margin-left: 0px;}
  .top-bar p{font-size: 10px!important;}
	.third-col a{margin-left: 0px!important;}
	.right-info ul li a{margin-left: 0px!important;}
	.right-info h4{text-align: left;}
  .right-info .social{text-align:left!important;}
	#pageslide{margin-top:0;}
	.navBox {margin-top:24px;}
  .navBox ul li ul{margin-left:-85px!important;}
	.navBox a{padding:13px 7px;margin-top: 20px; font-size: 13px;}
	.about-us a:hover p{border:none;color:#000;}
  .about-us .category .col-sm-3{width: 18%;margin-right:2%;border: 1px solid #ccc; padding: 15px;}
  .about-us .category .col-sm-3:hover{box-shadow: 0 0 4px #71bffb;}
  .about-us .pr a p{margin-left: 0px!important; width: 100%!important;}
  .pd-r-l-0{padding-left: 0px!important;padding-right: 0px!important;}
  .top-bar a {  color: #FFF;  font-size: 11px ; line-height: 25px;}
  .top-bar .pull-custom {  background: #00612c none repeat scroll 0 0;  border: 1px solid #fff;
  float: right;  margin-right: -1px;  padding: 6px 3px;  position: relative;}


}

@media (min-width: 1201px) {
	.navBox a{padding:20px 13px 30px;margin-top: 20px;}
	.content {margin-top:130px!important;}
	.about-us .pr .col-sm-3{margin-left: -35px; margin-right: 35px;}
	.about-us .category .col-sm-3{width: 18%;margin-right:2%;border: 1px solid #ccc; padding: 15px;}
	.about-us .category .col-sm-3:hover{box-shadow: 0 0 4px #71bffb;}
  .right-info .social img{margin-left:-20px!important;}
}