@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Istok+Web:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,500,600);
@import url(font-awesome/css/font-awesome.min.css);
@import url(navigation.css);


html { margin: 0; padding: 0; height:100%; min-height:100%;}
body{ margin:0; padding:0; font:400 13px/18px IBM Plex Sans; color:#505050; height:100%; min-height:100%; }

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
div, p, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0;margin:0;}
img{border:0;}
ol, ul { list-style: none; }

a {color:#439f47; text-decoration:none; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}
a:hover {text-decoration:underline; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; transition: background-color 1s;}


/*a:hover{cursor:url("../images/pointer-goto.png"), pointer;}*/

.flt-lft {float:left;}
.flt-rgt {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.clear {clear:both;font-size:0;line-height:0;}


hr{height:1px; line-height:1px; background:#e9e9e4; clear:both; display:block; overflow:hidden; border: 0; margin-bottom:15px;}


ul.bull-num{list-style-type:none; float:left; margin:0 0 20px 20px;}
ul.bull-num li{float:left; clear:both; margin-left:20px; margin-bottom:10px; list-style-type:decimal!important;}

ol{margin:0; left:0; list-style-type:disc; margin-bottom:20px;}
ol li{list-style-type:disc; margin-bottom:8px;}




.mrgn-top0{margin-top:0!important}
.mrgn-top10{margin-top:10px!important}
.mrgn-top15{margin-top:15px!important}
.mrgn-top25{margin-top:25px!important}

img{max-width: 100%;}



/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */


#top-contaner{ background:#fff; width:100%; display:block; overflow:hidden;}
.wrap{ width:1160px; margin:auto; display:block; position:relative;}

.logo-area{float:left; margin:12px 0;}

.top-rht-area{float:right; }
ul.right-top-point{ margin:30px 0;}
ul.right-top-point li{float:left; padding-right:55px; position:relative; padding-left:10px;}
ul.right-top-point li p{ color:#476170; font-size:16px; font-weight:normal; text-transform:uppercase; text-align:right; line-height:20px;}
ul.right-top-point li span{font-size:16px; font-weight:normal; text-transform:none; text-align:right; color:#476170;}
ul.right-top-point li:before{ width:35px; height:35px; line-height:35px; text-align:center; display:block; background:#075081; position:absolute; top:0; right:10px; content:"\f0e0"; font-family:"FontAwesome"; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; color:#fff; font-size:20px;}
ul.right-top-point li:nth-child(2):before{ background:#208705; content:"\f232";}

ul.right-top-point li a{color:#476170;}


#menu-area{ background:#700d07; width:100%; float:left;}

#mid-area{ background:url(../images/mid-bg.jpg) repeat-y; width:100%; display:block; overflow:hidden;}

.banner-area{display:block; width:100%; margin:auto;
/*-webkit-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);
box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.17);*/
}
.banner-area img{width:100%;}

.lft-box{ width:72%; float:left; background:#fff;  padding:20px 35px 10px; margin-bottom:40px; border-bottom:1px #c8dfde solid; box-sizing:border-box; position:relative; z-index:100;}
.lft-box h1{ font-family: 'IBM Plex Sans', sans-serif; color:#464646; font-size:20px; font-weight:600; line-height:40px;}
.lft-box h1 span{ font-family: 'IBM Plex Sans', sans-serif; color:#700d07; font-size:50px; font-weight:600; line-height:50px;}
.lft-box p{ color:#3f3f3f; font-size:15px; line-height:22px; font-weight:300; margin-top:30px; }

.lft-box > img{position:relative; top:-220px; margin-bottom:-220px; left:-125px;}


.rht-area{display:block; overflow:hidden; position:absolute; right:0; width:30%; z-index:101;}
.rht-box{  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30673d+0,76c021+100 */
background: #30673d; /* Old browsers */
background: -moz-linear-gradient(top, #30673d 0%, #76c021 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30673d), color-stop(100%,#76c021)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #30673d 0%,#76c021 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #30673d 0%,#76c021 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #30673d 0%,#76c021 100%); /* IE10+ */
background: linear-gradient(to bottom, #700d07 0%,#700d07 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30673d', endColorstr='#76c021',GradientType=0 ); /* IE6-9 */ padding:30px 25px 30px;}

ul.rht-box-point{}
ul.rht-box-point li{ color:#fff; font-size:14px; font-weight:normal; margin-bottom:35px; line-height:22px;}
ul.rht-box-point li h2{ background:url(../images/icon-01.png) no-repeat 0 0; padding-left:50px; line-height:30px; padding-bottom:15px; color:#fff200; text-transform:uppercase; font-weight:normal;}
ul.rht-box-point li:nth-child(2) h2{ background:url(../images/icon-02.png) no-repeat 0 0; }
ul.rht-box-point li:nth-child(3) h2{ background:url(../images/icon-03.png) no-repeat 0 0; }

.carocell-area{ display:block; background:#fff; clear:both; overflow:hidden; padding-bottom:35px;}

/* Carousel */
.owl-carousel{padding-bottom:35px;}
.owl-carousel div{text-align:center;}
.owl-carousel div img{width:100%; margin-bottom:0; text-align:center;}
.owl-carousel div h3{color:#18484c; font-size:14px; line-height:22px; text-transform:uppercase; font-weight:600!important; font-family: 'IBM Plex Sans', sans-serif; background:#fff; display:block; padding:10px 0; font-weight:normal;}
.owl-carousel div p{padding:10px 0 25px; display:block; font-size:16px; width:85%; margin:0 auto; color:#e0d2c2; display:block;}
.owl-carousel div a{color:#fff; text-decoration:none; padding:8px 20px; font-size:13px;
}
/*.owl-carousel div a:hover{background:#372612; border-color:#372612;}*/
/* Carousel End */

.item{ background:#fff; width:auto;}

.carocell-head{ background:#112683; display:block; padding:12px; color:#fff; text-transform:uppercase; font-size:18px; }

#green-bg{ background:url(../images/dotted-light-bg.jpg) transparent no-repeat fixed; background-size:cover; padding:75px 0; min-height:300px; box-sizing:border-box; display:block; overflow:hidden; position:relative;}
.green-lft-box{ width:auto; background:#73bc43; float:left; padding:20px; padding-left:20%; width:58%; box-sizing:border-box;}
#green-bg p{ color:#fcff4c; font-size:20px; line-height:20px; display:block; clear:both;}
#green-bg h2{ color:#ffffff; font-size:40px; line-height:1.5; font-family: 'IBM Plex Sans', sans-serif; font-weight:300;}
ul.application-point{ margin:20px 0 0;}
ul.application-point li{ float:left; margin:5px; border:1px #fff solid;}
ul.application-point li img{float:left;}


.green-rht-box{ position:absolute; bottom:0; right:7%;}

.quick-enquiry{display:block; padding:20px 0 20px;}
.quick-enquiry p{ color:#414141; font-size:17px; margin:15px 0; text-transform:uppercase;}

.quick-enquiry input[type="text"]{border:1px #d6d6d6 solid; padding:10px; box-sizing:border-box; width:21%; margin-right:5px;}
.quick-enquiry input[type="submit"]{width:10%; border:none; cursor:pointer;
font-size: 17px;
color: #fff;
background:#032334; padding: 6px 0;
}

.quick-enquiry input[type="submit"]:hover, .quick-enquiry input[type="reset"]:hover, .quick-enquiry input[type="button"]:hover{background:#c01f24;}


#message_sent{margin-bottom:15px; display:block;}


.footer-line{ margin-top:20px; background:url(../images/footer-line.png) no-repeat 0 0; height:6px; width:100%; }

#footer-area{ background:#efefef; display:block; overflow:hidden; padding:25px 0;}
.footer-logo{float:left;}
.footer-rht-box{float:right;}
.footer-rht-box a{color:#a0a0a0; font-weight:300; text-transform:uppercase; font-size:12px;}
.footer-rht-box a:hover{text-decoration:none;}
.footer-rht-box a span{width:30px; height:30px; color:#fff; background:#a0a0a0; display:block; text-align:center; font-size:20px; margin:7px auto;}
.footer-rht-box a span i{line-height:30px;}
.footer-rht-box a:hover span{background:#888;}

.footer-menu-area{ width:100%; border-bottom:1px #d1d1d1 solid; border-top:1px #d1d1d1 solid; padding:10px 0; float:left; margin:15px 0;}

ul.footer-menu{ text-align:center;}
ul.footer-menu li{ display:inline-table; margin-right:15px; border-right:1px #d1d1d1 solid; padding-right:10px; margin-bottom:5px;}
ul.footer-menu li a{ color:#494949; text-decoration:none; font-weight:normal; margin-right:15px;}
ul.footer-menu li a:hover{ color:#73bb19;}
ul.footer-menu li:last-child{ border-right:none; }

.copy{ color:#494949; font-size:13px; font-weight:normal; margin:10px 0 0; text-align:center; display:block;}










/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; margin:20px 0; background:#700d07; padding:8px 18px; color:#fff; text-transform:uppercase; font-weight:normal;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); text-decoration:none;
}





/* ----------- Blue Area start ----------- */
.blue-area{display:block; overflow:hidden; clear:both; background:#112683; padding:40px 0; color:#fff; font-family: 'IBM Plex Sans', sans-serif; font-weight:400;}
.blue-area h3{display:block; text-align:center; margin-bottom:50px; font-size:36px; line-height:1; font-weight:300;}
.blue-area h4{font-size:22px; line-height:1.5; margin-bottom:15px; display:block; font-weight:600;}

.blue-area div > ul{display:table; width:100%; font-size:15px; line-height:1.4;}
.blue-area div > ul > li{display:table-cell; box-sizing:border-box; padding:0 35px; border-left:1px #447fba solid;}
.blue-area div > ul > li:first-child{border:none; width:32%;}
.blue-area div > ul > li:nth-child(2){width:40%;}

.blue-area div > ul > li p{display:block; margin-bottom:15px;}

.blue-area .phone-no{display:block;}
.blue-area .phone-no li{display:block; margin-bottom:15px; font-weight:700; position:relative;}
.blue-area .phone-no li a{color:#fff;}
.blue-area .phone-no li img{position:relative; top:7px; padding-right:7px;}


.blue-area form{display:block; clear:both; padding:7px 0;}
.blue-area form input[type="text"]{width:85%; padding:14px 14px 14px 35px; border:none; background:#fff url('../images/map-icon.png') no-repeat 10px center; box-sizing:border-box; margin:0; float:left;}
.blue-area form input[type="button"]{background:#4dc5ff url('../images/zoom-icon.png') no-repeat center center; border:none; padding:13px 0; width:15%; margin:0;}


.blue-area .social-icons{display:block; clear:both;}
.blue-area .social-icons li{float:left; margin-right:8px;}
.blue-area .social-icons li a{background:#fff; width:30px; height:30px; display:block; text-align:center; font-size:18px; line-height:30px; color:#155fa9;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.blue-area .social-icons li a:hover{background:#73bc43; text-decoration:none;}
.blue-area .social-icons li a i{line-height:30px;}



/* ------------ Inner Area ------------ */

.inner-content-area{display:block; background:#fff; box-sizing:border-box; padding:30px; top:-125px; margin-bottom:-125px; font-family: 'IBM Plex Sans', sans-serif; font-size:15px;}
.inner-content-area h1{font-size:48px; line-height:1.2; font-weight:300; color:#eb1f52; font-family: 'IBM Plex Sans', sans-serif; margin-bottom:25px;}
.inner-content-area h1 span{display:block; width:100%; clear:both; font-size:24px; font-weight:600; color:#464646;}
.inner-content-area h2{ font-size:20px; text-transform:uppercase; font-weight:600; display:block; margin-bottom:20px;}

.inner-content-area p{display:block; clear:both; text-align:justify; margin-bottom:20px; line-height:1.5;}

.highlight-area{display:block; overflow:hidden; clear:both; background:#8bc34a; padding:30px; margin:0 0 30px; color:#fff;}
.highlight-area > div{float:left; width:55%}
.highlight-area img{float:right;}
.highlight-area ul{display:block; overflow:hidden; margin-bottom:15px;}
.highlight-area ul li{ float:left; width:50%; padding:0 0 0 35px; box-sizing:border-box; position:relative; margin:15px 0;}
.highlight-area ul li:before{position:absolute; left:0; top:0px; content:'\f0eb'; font-family:'FontAwesome'; display:block; font-size:24px; color:#ffffff;}

.highlight-area span{display:block; clear:both; overflow:hidden; line-height:24px;}
.highlight-area span strong{text-transform:uppercase; color:#2e5600;}


ul.applications-tab{display:table; width:100%;}
ul.applications-tab li{ display:table-cell; padding:18px; outline:1px #d5d5d5 solid; outline-offset:-5px; width:33.33%; font-size:16px; position:relative;
-webkit-outline-radius: 15px;
-moz-outline-radius: 15px;
outline-radius: 15px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.applications-tab li img{position:absolute; right:18px; top:13px;}


ul.four-box li{width:25%;}






.product-spec{display:table; width:100%; border-top:1px #eee solid; margin:30px 0;}
.product-spec > div{display:table-cell; width:25%; border-left:1px #eee solid; text-align:center; padding:25px; vertical-align:top;}
.product-spec > div:first-child{ border:none;}
.product-spec > div img{margin-bottom:25px;}
.product-spec > div h3{ display:block; margin-bottom:15px;}
.product-spec > div h4{display:block; overflow:hidden; padding:5px; color:#fff; background:#73bd43; font-size:16px; margin-bottom:10px;}
.product-spec > div ul{font-size:14px; clear:both; width:100%;}
.product-spec > div ul li{display:block; padding:5px 0; border-bottom:1px #eee solid;}
.product-spec > div ul li:last-child{border-bottom:none;}
.product-spec > div:nth-child(2) h4{background:#1a81c5;}
.product-spec > div:nth-child(3) h4{background:#ec1f27;}
.product-spec > div:nth-child(4) h4{background:#1fa99d;}
.product-spec > div h5{display:block; overflow:hidden; padding:5px; color:#fff;  background:#ec1f27; font-size:16px; margin-bottom:10px;}


.make-enquiry{display:block; overflow:hidden; text-align:center; margin-bottom:20px;
}
.make-enquiry a{display:inline-block; background:#700d07; font-size:18px; font-weight:600; color:#fff; text-transform:uppercase; line-height:1.2; padding:15px 25px;
}
.make-enquiry a:hover{text-decoration:none; background:#439f47;}





/* ------------------- Contact Details ----------------- */

.contact-area{display:table; width:100%; line-height:1.5;}
.contact-area > div{display:table-cell; padding:0 25px 0 0; box-sizing:border-box; width:50%; vertical-align:top;}

.contact-area > div:last-child{padding-left:25px;}
.contact-area > div span{display:block; overflow:hidden; clear:both; padding:0 0 10px; border-bottom:1px #ddd solid; margin-bottom:20px;}
.contact-area > div ul{display:block; clear:both; overflow:hidden; padding-bottom:20px;}
.contact-area > div ul li{position:relative; padding:0 0 10px 25px;}
.contact-area > div ul li:before{position:absolute; left:3px; top:2px; content:'\f041'; font-size:16px; font-family:'FontAwesome'; color:#439f47;}
.contact-area > div ul li:nth-child(2):before{content:'\f095';}
.contact-area > div ul li:nth-child(3):before{content:'\f10b';}
.contact-area > div ul li:last-child:before{content:'\f0e0'; font-size:14px;}
.contact-area > div ul li:first-child:before{content:'\f041'; font-size:14px;}

.contact-area > div ul li.fb-icon:before{content:'\f082';}


.contact-area > div h3{margin-bottom:15px; font-weight:600; display:block;}
.contact-area > div form{display:block; clear:both;}
.contact-area > div form input, .contact-area > div form textarea{width:100%; padding:8px; box-sizing:border-box; border:1px #dedcd7 solid; margin-bottom:10px; font-family: 'IBM Plex Sans', sans-serif; font-size:15px;}
.contact-area > div form input:focus, .contact-area > div form textarea:focus{border-color:#00a895;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
}

.contact-area > div form input[type="submit"]{border:none; background:#439f47; color:#fff; text-transform:uppercase; font-weight:600; cursor:pointer;}
.contact-area > div form input[type="submit"]:hover{background:#ec2027;}

.contact-area > div iframe{padding:8px; background:#fff; display:block; margin-top:8px; margin-bottom:10px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}


.get-a-quote{display:block; overflow:hidden; padding:30px 0;}
.get-a-quote > label{width:50%; float:left; margin:0 0 20px;}
.get-a-quote > label input, .get-a-quote > label textarea, .get-a-quote > label select{width:95%; padding:10px; box-sizing:border-box; border:1px #ddd solid; font-family: 'IBM Plex Sans', sans-serif; font-size:14px; color:#555;}
.get-a-quote > label textarea{padding:10px 10px 37px;}
.get-a-quote > label.full-size{width:100%;}
.get-a-quote > label.full-size textarea{width:97.5%;}

.get-a-quote > label input[type="file"]{padding:7px 10px;}

.get-a-quote input[type="button"]{padding:12px 15px; border:none; color:#fff; font-size:15px; text-transform:uppercase; font-weight:500; cursor:pointer; clear:both; width:auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: rgb(41,154,11); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,154,11,1)), color-stop(100%,rgba(41,154,11,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}

.get-a-quote input[type="button"]:hover{background:#eb1f52;}




.gallery-style{display:block; overflow:hidden;}
.gallery-style > li{width:25%; border:1px #eee solid; padding:10px; box-sizing:border-box; float:left;}
.gallery-style > li a{display:block; overflow:hidden; background:#000; position:relative;}
.gallery-style > li a img{float:left; width:100%; opacity:1; transition:0.5s ease;}
.gallery-style > li a:hover img{opacity:0.3;
-webkit-transform: scale(1.5); /* Saf3.1+, Chrome */
-moz-transform: scale(1.5); /* FF3.5+ */
-ms-transform: scale(1.5); /* IE9 */
-o-transform: scale(1.5); /* Opera 10.5+ */
  transform: scale(1.5);
}
.gallery-style > li a:after{transition:0.5s ease; opacity:0; position:absolute; top:0; left:50%; margin-left:-10px; margin-top:-10px; content:"\f00e"; color:#fff; font-family:'FontAwesome'; display:block; font-size:26px;}
.gallery-style > li:hover a:after{top:50%; opacity:1;}
.gallery-style > li span{ display:block; font-size:16px; text-align:center; padding:10px 0;}



.mandatory{clear:both; margin-bottom:0px; text-align:right; display:block; overflow:hidden; padding-right:25px;}
.mandatory .red{color:red;}


table, td, th {
    border: 1px solid #eee;
}

table {
    border-collapse: collapse;
    width: 100%;
	text-align:left;
}

th {
    text-align: left;
	background:#1a81c5;
	padding:5px;
	color:#fff;
}

td{ padding:5px;}



.branch-list-area{ display:block; overflow:hidden; margin:20px 0;}
.branch-list-area > div{ float:left; width:27.5%; padding:20px; border:1px solid #f3f3f3; margin: 0px 1% 2%;}


.branch-list-area > div ul{display:block; clear:both; overflow:hidden; padding-bottom:20px;}
.branch-list-area > div ul li{position:relative; padding:0 0 10px 25px; line-height:1.5;}
.branch-list-area > div ul li:before{position:absolute; left:3px; top:2px; content:'\f041'; font-size:16px; font-family:'FontAwesome'; color:#439f47;}
.branch-list-area > div ul li:nth-child(2):before{content:'\f095';}
.branch-list-area > div ul li:nth-child(3):before{content:'\f10b';}
.branch-list-area > div ul li:last-child:before{content:'\f0e0'; font-size:14px;}
.branch-list-area > div ul li:first-child:before{content:'\f041'; font-size:14px;}

.branch-list-area > div h3 { margin-bottom: 15px; font-weight: 600; display: block;}

.img-box{ display:block; margin:0px auto; text-align:center;}
.img-box img{ margin-bottom:15px;}


.our-presence{ display:block; background:#439f47; padding:15px 25px; color:#fff;}
.our-presence span{ display:block; font-weight: 600; font-size:20px; margin-bottom:15px;}
.our-presence p{ margin-bottom:0;}

.certifications{display:block; overflow:hidden; clear:both;}
.certifications li{width:22.5%; margin:1%; display:inline-table; vertical-align:bottom; text-align:center;}
.certifications li a{display:block; overflow:hidden; /*height:320px;*/ position:relative;}
.certifications li a img{max-height:100%; max-width:100%;}
.certifications li span{min-height:60px; display:block; font-size:14px; padding:5px 10px;}





/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media all and (max-width: 1200px) {
.wrap{ width:auto; margin:0 1% 0; display:block;}
.green-lft-box{padding-left:20px;}
}

@media all and (max-width: 1030px) {

.rht-box{   padding:30px 25px 18px;}
#cssmenu div > ul > li > a {
  padding: 12px 15px; font-size:15px;
}

.green-lft-box{ width:auto; float:none; display:block; overflow:hidden;}
.green-rht-box{ display:none;}
#green-bg p{ text-align:center; }
#green-bg h2{ text-align:center; }
ul.application-point{ margin:40px auto; text-align:center; }
ul.application-point li{ float:none; display:inline-table; width:22%;}
ul.application-point li img{width:100%;}

.blue-area div > ul > li{padding:0 25px;}

.inner-content-area{top:0; margin-bottom:0; padding:20px;}

.product-spec > div img{ width:100%}

.aln-cntr img{width:100%;}

.branch-list-area > div{ width:26%;}

}


@media all and (max-width: 810px){

.lft-box > img{display:none;}
.lft-box, .rht-area{clear:both; position:relative; width:auto; display:block; margin-bottom:30px;}
.lft-box{margin-bottom:0; border-bottom:none;}
.con{display:none;}

.blue-area div > ul > li{display:block; clear:both; width:auto!important; border:none; border-top:1px #447fba solid!important; padding:15px;}

.highlight-area > div{ width:100%; margin-bottom:25px;}
.highlight-area img{clear:both; width:auto; float:none;}

.contact-area > div{display:block; clear:both; padding:0 0 15px!important; width:100%;}
.contact-area > div iframe{margin:0 5px; width:97%; display:block;}


.gallery-style > li{width:33.33%;}

.branch-list-area > div{ width:42%;}

.certifications li{width:30.33%;}

}


@media all and (max-width: 650px){

#top-contaner{ display:block; overflow:hidden; background-size: 100% 100%;}
.logo-area{ width:auto; float:none; display:block; text-align:center;}
.top-rht-area{ width:100%; float:none; display:block; margin:0 auto; padding:15px 0; text-align:center; overflow:hidden; background:#efefef;}
ul.right-top-point{margin:0;}

.con{ display:none; }

ul.application-point li{width:auto;}
ul.four-box li{width:50%; display:block; float:left;}


.product-spec > div{display:block; clear:both; width:auto; border:none; border-top:2px #ddd dashed}
.product-spec > div img{width:auto;}

.branch-list-area > div{ width:83%;}

.certifications li{width:48%;}

}

@media all and (max-width: 490px){

.quick-enquiry input[type="text"]{width:100%; margin:0 0 10px;}
.quick-enquiry input[type="button"]{width:100%;}

.top-rht-area{ width:auto; text-align:center;}

.highlight-area ul li{ width:100%; margin:10px 0;}
.highlight-area img{width:100%;}

ul.applications-tab li{ display:block; width:auto;}
ul.four-box li{width:auto; display:block; float:none;}



.get-a-quote > label{width:100%;}

.gallery-style > li{width:50%;}

.certifications li{width:98%;}
.certifications li a{height:auto;}

}

@media all and (max-width: 370px){
.lft-box{padding:15px;}

ul.right-top-point li{ text-align:center; padding:0; clear:both; display:block; width:auto; float:none; margin-bottom:15px;}
ul.right-top-point li p{ text-align:center; padding:45px 0 0;}
ul.right-top-point li:before{left:50%; right:auto; margin-left:-17px;}

.product-spec > div img{ width:100%}





}




/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}