@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');

body{font-family: 'Montserrat', sans-serif;font-size: 16px;  background:#e2e2e2;}
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px;color: #646464;font-size: 16px;line-height: 24px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
h1{text-transform: uppercase;font-weight: 500;font-size: 24px;padding-bottom: 47px;}
h1,h2,h3,h4,h5,h6{color: #3F75A3;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
.padd0{padding-right: 0px;}
.bt_hidden{opacity:0;}
.bt_visible{opacity:1;}
strong{ font-weight: 500;}
/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
.header {position: absolute; z-index: 2;width: 100%;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;}
.logo img{max-width: 100%;}
.btn_blue{padding: 6px 20px;border: 1px solid #fff;border-radius: 20px;color: #fff;text-transform: uppercase;font-size: 14px;display: inline-block}
.buttons{margin-top: 20px;text-align: right;display: inline-block;margin-right: 30px;}
.buttons1{margin-top: 20px;display: inline-block;}
.header_btns{text-align: right;}
#sidebar ul li:last-child a{padding-right: 0px!important;}
.search_top{ padding: 15px 0px 0px 0px;}
.serach_box{ background: #fff; border: #ddd solid 1px;-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;margin:0px auto;}
.serach_box{max-width:430px;margin:0 auto;padding:0px 0px 0px 10px;position:relative;z-index:999;bottom:220px;}

.search_box form{border:none;}

.serach_box input{width:90%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3; padding-right: 10px; height: 43px;}

.serach_box input[type=text]{border-color:none; height: 45px;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}


.product_search{ background: #fff; border: #ddd solid 1px;-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;margin:0px auto;}

.product_search{max-width:100%;margin-left:10px;padding:0px 0px 0px 15px;}

.product_search form{border:none;}

.product_search input{width:84%; height: 50px;}

.products_search h2{margin-top:10px;}

.product_search button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3; padding-right: 15px; height:50px;}

.product_search input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
    margin-left:10px;
}
.search_sub{float: right;
    position: relative;
    z-index: 9;
    bottom: 40px;
    left: 130px;}
.btn_grren {
    outline: none !important;
    background: #70A438;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: ;
    min-width: 166px;
    text-align: center;}
 .search_sub .btn_grren1{background-color: #A9CF45;padding:10px 25px; display: inline-block;border-radius: 22px; color: #fff;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #A9CF45 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.search_sub .btn_grren1:hover{background-position:top;
	color:#fff !important;}

.search .btn_grren1{margin-left:10px; background-color: #A9CF45;padding: 13px 39px; display: inline-block;border-radius: 22px; color: #fff;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #A9CF45 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.search .btn_grren1:hover{background-position:top;
	color:#fff !important;}

.search button{border:none;}

.searching{padding:0 0 30px 0;}

.products_tabs{padding:3px 0 40px 0;}

.products_tabs ul{list-style:none;
}

.products_tabs ul li{display:inline-block;
padding:15px 17.50px;
background:#fff;}

.products_tabs ul li:hover{background:#3F75A3;}
.products_tabs ul li:hover a{color:#fff;}
.products_tabs ul li a{color:#3F75A3;text-transform:uppercase;font-size:15px;font-weight:bold;}
.products_tabs ul li.active{background:#A9CF45;}
.products_tabs ul li.active a{color:#fff;}



/*
.serach_box .form-control{ border: none; height:40px; line-height: 30px; margin-top: 1px;
	min-width:285px;
}
*/

/*
.serach_box, .form-control:focus, .serach_box input[type="submit"]:focus {
	border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6)
}
*/
/*
.btn_serach{ display: inline-block;font-size: 0px; width: 35px;height: 32px; background:url(../images/icon_serach.png) no-repeat center center; color:#fff; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-size: 20px;
color: #fff;
background-color: #70A438;
position: relative;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #70A438 50%, #247AAC 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.btn_serach:hover{background-position: top;}
.serach_box input[type="submit"]{ font-size: 0px; width: 35px;height: 32px; background:url(../images/icon_serach.png) no-repeat center center; color:#fff; padding:10px 15px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background-size: 20px;
}
*/
.serach_box input[type="submit"]:hover{84}
.serach_box table tr td{ vertical-align: top;}
.show_480{ display: none;}

.header.whiteback .btn_blue{border: 1px solid #000;color: #000;}

.header.whiteback {top: 0;background: rgba(252,252,252,0.99);color: #000;position: fixed;width: 100%;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;-webkit-box-shadow: 0 3px 32px rgba(0,0,0,.3);-moz-box-shadow: 0 3px 32px rgba(0,0,0,.3);box-shadow: 0 3px 32px rgba(0,0,0,.3);}

/*.products_tabs_main.products_back {top:1;background: rgba(252,252,252,0.99);color: #000;position: fixed;-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;-webkit-box-shadow: 0 3px 32px rgba(0,0,0,.3);-moz-box-shadow: 0 3px 32px rgba(0,0,0,.3);box-shadow: 0 3px 32px rgba(0,0,0,.3);z-index:9;}*/

.products_tabs_main{background:#e2e2e2;}

.header.whiteback .logo{visibility: visible; opacity: 1;}
.header.whiteback .logo img{ max-width: 100px; margin: 10px 0px;}
.header.whiteback #sidebar{margin-top: 9px;}

.header.whiteback{top:0;background: #fff;color: #000; position: fixed; width: 100%;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; z-index: 9;}


/*.header.whiteback .nav > li.active a{color:#67B7DE;}*/
/*.header.whiteback .nav > li:hover a{border-top:2px solid #67B7DE;}*/
.emailbox i a:hover{color:#67B7DE;}
/*.whiteback .emailbox i:hover{color:#67b7de;}*/
/*.whiteback .emailbox a:hover{color:#67b7de;}*/
.header.whiteback .nav > li > a{color: #080808!important;}
.header.whiteback .nav > li > a:hover{color: #648FB4!important;}
.header.whiteback .nav > li.active > a{color: #648FB4!important;}


.header.whiteback .navbar-inverse .navbar-nav > li:hover > a{ color:#E51A4B!important;}
.header.whiteback .downalod_btn a{color: #fff!important;}
.header.whiteback .top_socila_link ul li i{color: #080808!important;}
.header.whiteback .top_socila_link ul li:hover a{color: #080808!important;}
.header.whiteback .top_socila_link ul li.facebook:hover i{color: #E92830!important;}
.header.whiteback .top_socila_link ul li.twitter:hover i{color: #E92830!important;}
.header.whiteback .top_socila_link ul li.google-plus:hover i{color: #E92830!important;}

.logo img {max-width: 100%;margin-top: 20px;margin-bottom: 20px;}
/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
#sidebar ul li{border: 0px!important;}
#sidebar{margin-top: 22px;}
#sidebar ul li{padding: 0px 15px 5px!important;}
.navigation{ background:#021b68;}
.navbar-nav{ float:right!important; border-top:1px solid #fff;}
.navbar{ margin-bottom:0px!important; min-height:4px!important;}
.navbar-inverse{ background:none!important; border:none!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;}
.navbar-inverse .navbar-nav > li > a{ color:#fefefe!important; padding:15px 30px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color:transparent!important; color:#f85e36!important;}
.navbar-inverse .navbar-nav > li:hover > a{ color:#f85e36!important;}
.nav > li > a{color: #fff;font-size: 16px;font-weight: 400;text-transform: capitalize;}
.nav > li > a:hover, .nav > li > a:focus{background: none!important;}

.nav > li.active a{border-top:3px solid #67a22a;}
.nav > li.active .dropdown-menu table tr td a{border:0px!important;}

.nav > li{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:12px; line-height:11px; color:#080808; text-transform:uppercase;}
.nav > li.dropdown{ position: inherit!important;}

.navbar-nav > li > .dropdown-menu{ width: 100%;}
.nav > li.dropdown.open a.dropdown-toggle{ background:url(../images/arrow_up_navi.png) no-repeat center bottom!important;}
.navbar-inverse .navbar-nav > li:first-child >  a{ padding-left:0px;}
.navbar-inverse .navbar-nav > li:last-child >  a{ padding-right:0px;}

.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active:hover, .navbar-inverse .navbar-nav > .active:focus{ background:none;}
.nav > li:last-child, .nav > li:last-child:hover{}
.navbar-nav > li > a{ display:block; padding:15px 10px 5px; margin-top: -2px;}
.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}
.navigationbg{ position:relative; z-index:3}
.navbar-nav > li.dropdown a{}
.navbar-nav > li.dropdown li a{ background:none;}
.dropdown-menu{margin:0;
				padding:0;}
.navbar-nav > li > .dropdown-menu{ background:#fff!important;}
.navbar-nav > li > .dropdown-menu li ul{ background:#fa8539;}
.dropdown-menu{ top: 99%;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.navbar-nav > li > .dropdown-menu ul{padding-top:13px;}
.navbar-nav > li > .dropdown-menu ul li{ font-weight: 400; font-size: 14px; padding: 8px 0px;}
.navbar-nav > li > .dropdown-menu ul li a{}
.navbar-nav > li > .dropdown-menu table{ width: 100%; border-collapse: collapse;}
.navbar-nav > li > .dropdown-menu table tr td{ vertical-align: top;}
.navbar-nav > li > .dropdown-menu table tr td.logo_navi{ text-align: right; width: 30%; padding-right: 0px; vertical-align: middle;}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #67a22a;
}
.dropdown-menu table tr td ul li a{padding: 4px 0px!important; display: block;}

.dropdown-menu li{ position:relative; text-transform:capitalize;}
.dropdown-menu li ul{ display:none; position:absolute; top:0px; right:-100px;}
.dropdown-menu li:hover ul{ display:block;}
.navbar-nav > li > .dropdown-menu li ul li a{ color:#fff; padding:10px 20px; display:block;}
.navbar-nav > li.dropdown li:hover a{ color: #2377A8!important;}
.bg_black_all{ position:fixed; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block;}
/* ------- Navigation Area End ------- */
.searchbar{background:#ededed; padding:10px 15px; margin-bottom:20px;}
.searchbar .searchtext{padding-top:10px; display:inline-block;}
.searchbar .btnsearch{background:#70A438; color:#fff; padding:8px 15px; border-radius:5px;
position: relative;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #70A438 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.searchbar .btnsearch:hover{ background-position: top;}

.quality_area h1{color:#A9CF45;}
/* ------- Home Banner Area Strat ------- */
.bannerarea{position: relative;z-index: 1; text-align: center;}
.bannerarea img{max-width: 100%;}
.camera_thumb, .thumb_arrow{ display: none!important;}
.camera_wrap{ margin-bottom: 0px!important;}
.camera_wrap .camera_pag .camera_pag_ul li{background: rgba(255, 255, 255, 0.3); height: 11px; width: 11px; margin: 0px 3px;}
.camera_wrap .camera_pag .camera_pag_ul li > span{ display: none;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{ background: #fff;}
.camera_pag{ position: absolute; width: 100%; left: 0px; bottom: 8%; z-index: 2;}
.camera_fakehover{ z-index: 1;}
.camera_wrap .camera_pag .camera_pag_ul{ text-align: center;}
.banner_area .container{ text-align: center;}
.banner_area h1{ font-size: 45px; color: #fff;font-family: 'Cinzel Decorative', cursive; line-height: 52px; margin: 0px; padding: 0px 0px 10px 0px;}
.banner_area p{ font-size: 24px;font-family: 'Roboto Slab', serif; color: #fff; max-width: 583px; margin: 0px auto; line-height: 52px;}
.camera_caption > div{ background: none!important; padding-left:0px; padding-right:0px; }
.camera_caption{ bottom: 20%!important;}
/*.hm_banner{ position: absolute; z-index: 1;}
.hm_banner img{ max-width: 100%;}
.banner_text h1{ margin: 0px; padding: 0px; font-family: Arial; font-size: 30px; color: #fff;}
.banner_area{ position: relative; z-index: 2; background: #ff0000; height: 300px;}*/
.hm_banner{ position: relative; z-index: 1;}
.hm_banner img{ max-width: 100%; display:block; margin:0px auto; width:100%;}
.hm_banner_text{ position: absolute; z-index: 2; left: 0px; top: 45%; width: 100%;}
.banner_text1{padding: 0px 0px 225px 0px;}
.banner_text1 h1{ margin: 0px;  font-family: 'Roboto Slab', serif; font-size: 50px; color: #fff;}
.hm_banner_text .owl-carousel .owl-item .owl-item{ float: none; width: 100%;}
.banner_text1 .btn_grren1{background-color: #A9CF45;padding: 13px 39px; display: inline-block;border-radius: 22px; color: #fff;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #A9CF45 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.banner_text1 .btn_grren1:hover{background-position:top;
	color:#fff;}
.bannerarea .owl-dots .owl-dot, .bannerarea .owl-theme .owl-dots .owl-dot span{ width: 12px; height: 12px; border: none;}
.bannerarea .owl-theme .owl-dots .owl-dot.active span, .bannerarea .owl-theme .owl-dots .owl-dot:hover span{ background: #A9CF45;}


/* ------- Home Banner Area End ------- */

/* ----- innrbanner css  strat ----- */
/*.header.whiteback{ background: #f0f0f0;}*/
.innerbanner{ position: relative; text-align: center;}
.banner_img{ position: relative; z-index: 1;}
.banner_img img{ max-width: 100%;}
.banner_text{ position:absolute; z-index: 2; width: 100%; left: 0px; bottom: 20px;}
.breadcrumb_area{ text-align: left; font-size: 14px; text-transform: uppercase; color: #fff;}
.breadcrumb_area span{ display: inline-block; padding: 0px 3px;}
.breadcrumb_area a{ color: #fff;}
/* ----- innrbanner css  End ----- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
/*.main_container{padding-bottom: 70px; overflow: hidden;}*/
.welcome_section{padding-top: 70px;text-align: center;}
.welcome_section h2{color: #646464;text-transform: uppercase;font-size: 16px;font-weight: 400;line-height: 24px;padding-bottom: 33px;}
/*.welcome_section .read_more{padding: 13px 39px;background: #A9CF45;border-radius: 22px;color: #fff;display: inline-block;margin-top: 25px;font-size: 16px;}*/
.welcome_section .read_more{border-radius: 22px;color: #fff;display: inline-block;margin-top: 25px;font-size: 16px; color: #fff;
background-color: #A9CF45;
text-transform: uppercase;
text-align: center;
margin: auto;
border-radius: 20px;
position: relative;
padding: 13px 39px;
display: inline-block;
vertical-align: top;
max-width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #A9CF45 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.welcome_section .read_more:hover{background-position:top;
	color:#fff;}
.imagebox img{max-width: 100%;float: right;}
.index_section{position: relative;}
.certi_img img.hovereffect{display: none;}
.certi_img:hover img.normal{display: none;transition: all 0.5s ease;}
.certi_img:hover img.hovereffect{display: inline-block!important;transition: all 0.5s ease;}

.tab img.hovereffect{display: none;}
.tab:hover img.normal{display: none;transition: all 0.5s ease;}
.tab:hover img.hovereffect{display: inline-block!important;transition: all 0.5s ease;}

.customer img.hovereffect{display: none;}
.customer:hover img.normal{display: none;transition: all 0.5s ease;}
.customer:hover img.hovereffect{display: inline-block!important;transition: all 0.5s ease;}


.certi_img{position: absolute;right: 25%;top: 83px;width:500px;}
.certi_img p{text-align: center;display: inline-block;padding-right: 20px;vertical-align: middle;}
.certi_img imgcerti_img p{text-align: center;display: inline-block;padding-right: 20px;vertical-align: middle;}
.tab{position: absolute;right: 25%;top: 255px;width:500px;}
.tab p{text-align: center;display: inline-block;padding-right: 20px;vertical-align: middle;}
.customer{position: absolute;right: 14%;top: 432px;width:500px;}
.customer p{text-align: center;display: inline-block;padding-right: 20px;vertical-align: middle;}

.certi_section{padding-top:40px;padding-bottom:20px;}
.quality_area .services_area{ padding: 0px;}
.quality_area .services_area .text-right{ padding-right: 15px;}
/*.quality_area .services_area .services_box:last-child{ margin-bottom: 0px;}*/
.certi_img p, .customer p, .tab p{ float: left; padding-top: 20px;}
/*.quality_area .services_box{ margin-bottom: 0px; margin-top: 30px;}*/
/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */
.inner_container{ padding: 70px 0px 0px 0px; min-height: 500px;}
.inner_container h3{ font-size: 20px; color: #3F75A3; font-weight: 400; padding-bottom: 7px; padding-top: 10px;}
.left_said{ background: #A9CF45; border: #A9CF45 solid 1px; padding: 10px 10px 5px 10px;}
.left_said ul li{ padding-bottom: 0px; font-size: 18px; color: #646464; border-bottom:1px solid #9FC341;}
.left_said ul li:last-child{ padding-bottom: 0px;}
.left_said ul li a{ color: #ffffff; padding:10px 10px; display:block;}
.left_said ul li:hover a, .left_said ul li.active a{ color: #fff;}
.left_said ul li:hover, .left_said ul li.active{ background: url(../images/side_arrow.png) no-repeat left 14px;}
.right_img{ float:right; margin: 0px 0px 10px 10px;}
.img_responive img{max-width: 100%;}
.inner_content h1{ padding-bottom: 27px;}
.inner_content h2{text-transform: uppercase;font-weight: 400;font-size: 20px;padding-bottom: 47px;}
.inner_content h2.spcial_h2{ padding: 10px 0px 15px 0px;}
.application_from_area{ border: #ABABAB solid 1px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 37px 30px; margin: 50px 0px 0px 0px;}
.max_with917{ max-width: 917px; margin: 0px auto;}
.formarea label{ font-size: 16px; color: #646464; font-weight: 400;}
.form-control{ border-color: #ABABAB; height: 40px; position: relative;}
.form-group{ padding-bottom: 20px;}
.bows_input .btn-file{ background: #BEBEBE; border: #424242 solid 1px; margin-right:0px!important;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; padding: 5px 10px; font-size: 12px; color: #000;}
.bows_input .input-group{ border: #ABABAB solid 1px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding: 0px 8px;}
.bows_input .input-group .form-control{ border: none;} 
.inster_ruset table{ border: 0px; border-collapse:collapse; font-size: 16px; color: #646464;}
.inster_ruset table tr td:first-child{ font-weight: 300; width: 90px;}
.btn{border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; padding: 12px 10px;}
.search_page .btn_grren{ outline: none!important; background: #70A438; font-size: 16px; color: #fff; display: inline-block; padding:0;padding:10px 20px!important;text-align: center;margin-bottom:20px;}
.search_page .btn_grren:hover, .btn_grren:focus, .btn_grren:active{background: #2376A8; color: #fff;}
.btnarea{ margin-top: 5px;}

.table_a{ width: 100%; border: #ACACAC solid 1px!important; border-bottom: none; border-right:0px; border-top: none!important; margin-bottom: 0px!important; }
.table_a thead tr td{ background: #EBEBEB; color: #3D75A4; font-size: 15px; font-weight: 500;}
.table_a tr td{ border-bottom: #ACACAC solid 1px!important; border-right:#ACACAC solid 1px!important; font-size: 14px; color: #646464; }
.table_a tr td .gm_section table, .table_a tr td .gm_section table tr td{ border: none!important;}
.table_a .btn_grren{ font-size: 12px; text-transform: uppercase; padding: 5px 10px; min-width: 1px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #70A438 50%, #2377A8 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.table_a .btn_grren:hover{ background-position: top;}
.gm_section tr td:first-child{ padding-right: 12px;}
.gm_section .select2-container .select2-choice{ padding: 0px; border: none;}
.gm_section .select2-container .select2-choice > .select2-chosen{ margin-right: 20px;}
.gm_section .select2-container .select2-choice .select2-arrow{ width: 9px;}
.gm_section .form-control{ border-color: #ACACAC!important;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; width: 100px; height: 30px; text-align: right; font-size: 14px!important; color: #646464; font-weight: 400;}
.gm_section ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #646464!important;}
.gm_section :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #646464!important;
    opacity:  1;}
.gm_section ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #646464!important;
    opacity:  1;}
.gm_section :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #646464!important;}
select, input, button, textarea{font-family: 'Montserrat', sans-serif;}
.table_vertical tr td{ vertical-align: middle!important;}
.panel{-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .05);}
.panel-body{ padding: 0px;}
.panel-default > .panel-heading{ border-bottom: none;}

.froma_popup{ position: relative;}
.modal-open .modal{ background: url(../images/bg_black_tranfer.png) repeat left top; /*padding-right: 17px;*/}
.froma_popup .application_from_area{ border: none; margin: 0px auto; max-width: 660px;}
.modal-content{ background-color:#F7F7F7; border: #70A438 solid 2px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
.froma_popup .formarea label{ font-size: 14px; color: #646464;}
.froma_popup .form-control{ height: 30px; border-color: #ABABAB; background: none;}
.froma_popup .textareabox .form-control{ height: 80px;}
.froma_popup .form-group{ padding-bottom: 5px;}
.froma_popup .close{ position:absolute; right: -20px; top: -20px;-webkit-border-radius: 100%; width: 40px; height: 40px; text-align: center; -moz-border-radius: 100%;
border-radius: 100%; background: #70A438; color: #fff;filter: alpha(opacity=100);
  opacity: 1; font-size: 40px; font-weight: 400; font-family: 'Montserrat', sans-serif; z-index: 9999;}
.froma_popup .close:hover{ background: #578328;}
.froma_popup .select2-container .select2-choice{ background: none; height: 30px; line-height: 30px; color: #646464; border-color: #ABABAB;}
.select2-drop{ border: #ABABAB solid 1px!important; border-top: none!important;}
.services_area{ padding: 50px 0px 0px 0px;}
.services_box{ background: #F1F1F1; padding: 15px 0px 15px 20px; margin-bottom: 30px;}
.services_box h3{ font-size: 18px; font-weight: 400; color: #A9CF45; padding-bottom: 15px;}
.services_box h3 span{background-color: #ffffff;
border: #A9CF45 solid 1px; display: inline-block;
text-align: center;
margin: auto;
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
position: relative;
padding: 9px 18px 10px 18px;
display: inline-block;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to top, #fff 50%, #A9CF45 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
background-size: 100% 200%;
background-position: bottom;
-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
-moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;}
.services_box:hover h3 span:hover{background-position:top; color: #fff;}
.services_box a{ color: #A9CF45; text-decoration: underline;}
.services_box a:hover{ color: #000;}
.services_box .img_right{ text-align: center;}
.services_box .img_right img{ max-width: 100%; width: auto;}
.hm_product_area{ background: url(../images/bg_product.jpg) no-repeat center top; padding: 40px 0px;}
.box_product{ position: relative;}
.box_product .hm_p_img{ position: relative; z-index: 1;}
.box_product .text_and_hover{ position: absolute; z-index: 2; left: 0px; top: 0%; font-size: 13px; color: #fff; text-align: center; width: 100%;}
.box_product .text_and_hover span{padding: 50% 0px 35% 0px; display: block;}
.box_product  a { height: 260px; width: 260px; margin: 0px auto; color: #fff; display: block; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.box_product  a:hover{ color: #fff; background: rgba(0, 0, 0, 0.3);-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.owl-theme .owl-dots{ text-align: center;}
.hm_product_area .owl-dots .owl-dot{ width: 15px; height: 15px;}
.owl-theme .owl-dots .owl-dot span{ width: 15px; height: 15px; background: #fff; border: #fff solid 1px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: none;}
.hm_product_area .owl-carousel .owl-item:nth-child(2n+2) .text_and_hover{ top: auto; bottom: 0%;}
.owl-carousel .owl-item .boxarea1{ margin:0px 5px; border:#ddd solid 1px;}

.panel ul.arrow{ padding: 20px 0px; margin: 0px;}
ul.arrow{ padding-bottom: 20px;}
.arrow li{ background: url(../images/bullet.png) no-repeat left 6px; padding: 0px 0px 10px 17px;}
.panel ul.arrow li{font-size: 14px; color: #646464;}
.table_a tr td.spcil_hd{ background: #f0f0f0!important; font-weight: bold!important;}
.sup_tab .panel-title > a{ background-color: #999; padding: 10px 15px!important; font-size: 18px;}
.productbox .panel-title > a{    padding:7px 7px 7px 7px!important; font-size:15px;}
.sup_tab .panel-group{ margin-bottom: 0px;}
.logo_certi{ padding: 10px 0px 30px 0px; display: inline-block; margin: 0px auto;}
.logo_certi li{ float: left; margin-right: 30px;}
.logo_certi li:first-child{ width: 16%;}
.logo_certi li.last{ margin-right: 0px;}
.logo_certi li img{ max-width: 100%;}
.maxwith1366{ max-width: 1366px; margin: 0px auto; /*background:#fdfdfd;*/}
.inquiry_hm{ position: fixed; right: 0px; top: 20%; z-index: 999;}
.inquiry_hm a{ width: 47px; height: 161px; background: url(../images/btn_inquiry.png) no-repeat left top; display: block;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.inquiry_hm a:hover{ background-position: -50px top;}

html, body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
.slick-arrow{ display: none!important;}
.postion_rel{ position: relative; max-width: 450px; margin: 0px auto;}
.postion_rel img{ max-width: 100%;}
.img1a{ position: relative; z-index: 1;}
.coman_re{ position: absolute; z-index: 2;}
.img_1a{ left: 0px; top: 103px;}
.img_2a{ right: 0px; top: 113px;}
.img_3a{ right: 0px; left: 0px; bottom: 10px;}
.img_4a{ right: 0px; left: 0px; top: 120px;}

.postion_rel1{ position: relative; max-width: 800px; margin: 80px auto 30px auto;}
.coman_re1{ position: absolute; z-index: 2;}
.postion_rel1 img{ max-width: 100%;}
.img_1c{ position: relative; margin: 0px auto;}
.img_2c{ left: 74px; top: -54px;}
.img_3c{ right: 67px; top: -54px;}
.img_4c{ left: 8px; bottom: -5px;}
.img_5c{ right: 139px; bottom: -6px;}
.img_6c{ left: 0px; right: 0px; top: 75px;}
.inner_content h6{ font-size: 16px; font-weight: 500; color: #000; padding: 6px 0px 17px 0px; margin: 0px;}
/* ----------- Images Gallery Css Strat ----------- */
.addodintbox{ position:relative; width:100%; max-width:300px; margin-bottom: 30px; overflow: hidden;}
.addodintbox div{ position:relative; z-index:1; border: #ddd solid 1px;}
.addodintbox span{ position:absolute; width:100%; height:100%; left:0px; right:0px; bottom:-50%; text-align:center; background:url(../images/bg_black_tranfer.png) repeat left top; z-index:2;visibility:hidden; opacity: 0; 
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox:hover span{visibility:visible; opacity: 1; bottom:0px;
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox span i{ display:block; background:url(../images/icon_zoom.png) no-repeat center center; position:absolute; height:100%; width:100%;}
.addodintbox div img{ width:100%; max-width:332px;}
.lastbrdnone{ border-right:none!important;}
/* ----------- Images Gallery Css End ----------- */
/* ----------- Bootstrap Carousel Css Strat ----------- */
.carousel{ max-width:780px;}
.carousel-control{opacity:1; max-width:50px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .leftarrow, .carousel-control .rightarrow {
position: absolute; top: 25%; z-index: 5; display: inline-block; font-size:50px; color:#000;}
.carousel-control .leftarrow, .carousel-control .leftarrow {left: 15px;}
.carousel-control .rightarrow, .carousel-control .rightarrow { right: 15px;}
.carousel-control.left, .carousel-control.right{ background:none!important;}
/* ----------- Bootstrap Carousel Css End ----------- */

.info2, .success2, .warning2, .failure, .validation2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.info2{color:#00529B;background-color:#BDE5F8;background-image:url(../../assets/images/info.png);}
.success2{color:#4F8A10;background-color:#DFF2BF;background-image:url(../../assets/images/success.png);}
.warning2{color:#9F6000;background-color:#FEEFB3;background-image:url(../../assets/images/warning.png);}
.failure{color:#D8000C;background-color:#FFBABA;background-image:url(../../assets/images/error.png);}
.hm_client #owl-example1, .hm_client .owl-carousel .owl-stage-outer{height:110px!important;}
input[type="text"].error,textarea.error{border-bottom:2px solid #F00!important;}
label.error{color:#F00;}
label.error{color:#F00!important;position:absolute;font-size:11px!important;font-weight:400;}

.alert-specialsuccess {
    color: #4f8a10;
    padding: 4px 0 3px 357px;
}

.alert-specialinfo {
    color: #3d8fd8;
    padding: 4px 0 3px 357px;
}
.hm_product_area .box_product img{ max-width: 100%;}
.owl-pagination{ margin-top: 20px;}
.bannerarea .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px;}
/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

.footer{background:#3F75A3 url(../images/mapa.png) no-repeat right top;
		
	font-family: 'Montserrat',sans-serif!important;
}
.foot_main{
	padding:30px 0 30px 0;
	}
.footer p{color:#fff;font-size:14px;}
.footer h5{color:#fff;font-size:16px;}
.footer ul{list-style:none;}
.footer ul li{color:#fff;font-size:14px;}
.footer ul li a{text-decoration:none;
					color:#fff;font-size:14px;}

.footer a{color:#fff;}
.footer ul li.selected a{color:#A9CF45;}

.footer ul li:hover a{color:#A9CF45;}


.qck_links ul{padding:10px 0 0 0;}
.qck_links ul li{padding:3px 0;}
.speciality_chem ul{padding:10px 0 0 0;}
.speciality_chem ul li{padding:3px 0;}
.usa_office p{padding:10px 0 10px 0;}
.usa_office ul li{padding:3px 0;}
.hq_india p{padding:10px 0 10px 0;line-height:18px;}
.hq_india ul li{padding:3px 0;}

.website{font-size: 10px;display: inline-block;color:#fff;}
.copyright{font-size: 10px;display: inline-block;padding-right: 20px;color:#fff;}
.foot_line{border-top:1px solid #fff;padding-top:15px;padding-bottom:10px;}



/*
.footer{background:#3F75A3;color: #fff;}
.footer_head{padding-top: 45px;}
.address a{color: #fff;font-family: 'Montserrat',sans-serif!important;}
.quick_links a, .quick_link1 a{color: #fff;font-size: 16px;line-height: 37px; text-transform: capitalize;}
.quick_link1{padding-top: 50px;}
.footer_links ul li{display: inline-block;}

.footer_links a i{color: #3D75A4;font-size: 16px;}
.footer h1{color: #fff;font-size: 20px;padding-bottom: 30px;text-align: left;text-transform: uppercase;}
.footer table tr td{font-size: 16px;line-height: 24px;font-weight: 300;}
.address table tr td:first-child{vertical-align: top!important;padding-right: 7px;}
.address table tr td i{font-size: 18px;padding-right: 5px;}
.address table tr td.mail_box{padding-top: 4px;}
.address table tr td.phone{padding-top: 4px;}
.quick_links ul li{float: left;width: 50%;}
.quick_links ul li a:hover,.quick_links ul li.active a{text-decoration: underline;}
.quick_link1 ul li a:hover,.quick_link1 ul li.active a{text-decoration: underline;}
.footer_links{padding-top: 25px;}
.footer_links ul li{margin-right: 8px;}
.footer_links ul li.facebook a{background: #fff;font-size: 20px;border: 1px solid #fff;
border-radius: 50%;padding: 2px 12px;height: 35px;width: 35px;display: block;transition: 0.3s ease all}
.footer_links ul li.facebook a:hover, .footer_links ul li.twitter a:hover, .footer_links ul li.google a:hover, .footer_links ul li.linkedin a:hover{background: transparent;border: 1px solid #fff;transition: 0.3s ease all;transform: scale(1.15);}
.footer_links ul li.twitter a{background: #fff;font-size: 20px;border: 1px solid #fff;border-radius: 50%;padding: 3px 9px;height: 35px;width: 35px;display: block;transition: 0.3s ease all}
.footer_links ul li.linkedin a{background: #fff;font-size: 20px;border: 1px solid #fff;border-radius: 50%;padding: 3px 9px;height: 35px;width: 35px;display: block;transition: 0.3s ease all}
.footer_links ul li.google a{background: #fff;font-size: 20px;border: 1px solid #fff;border-radius: 50%;padding: 3px 8px;height: 35px;width: 35px;display: block;transition: 0.3s ease all}
.footer_down{padding-top:0px; padding-bottom: 10px;}
.footer_right{float: right;display: inline-block;}
*/


/* ------- Footer Area End ------- */
#toTop { /*width:100px;*/ text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; z-index: 9999;}
/* ========== Style Css End ========== */


/***********************Certificates Area Starts*******************************************/
.certificates{background:#A9CF45;padding:25px 0;
background-image:url(../images/certi_images/certi_back.png);
background-repeat: no-repeat;
background-position:right;
}

.certificates ul{}
.certificates ul{list-style:none;}
.certificates ul li{display:inline-block;
padding:0 35px 0 35px;}
.certificates h1{
text-align:center;
padding-bottom:20px;}


/***********************Certificates Area Ends*********************************************/

/*****************************Products Area Starts******************************************/
/*.product_slider{ background: url(../images/products/product_bg.jpg) no-repeat center top; padding: 40px 0px;}*/


.our_productcontent {text-align:center; background:#a9cf45; min-height:287px;}
.our_productcontent h1 {font-weight:600; color:#ffffff; padding-bottom:0px; vertical-align:middle;}  
.bottom_container {/*background:url(../images/products/product_bg.jpg); */ padding:30px 0 10px 0;}
.hm_product {position: relative;}
.hm_product {position: relative;}
.hm_product li{float: left; width:20%; margin-right: 0px;}
/*.hm_product li:last-child {margin-right: 0;}*/
.hm_product .hm_product_text {top: 0%; height: 100%}
.hm_product_title h1{text-align:center; padding:119px 0; background:#a9cf45; color:#fff; font-weight:700;}
.hm_product_box {position:relative; z-index:1; margin-bottom:30px; min-height:200px; overflow:hidden;border-radius:0px;}
.hm_product .hm_product_box {min-height: 175px;}
.hm_product_img {position:relative; z-index:1;}
.hm_product_img img{max-width:361px; width:100%;}
.hm_product_text {background:rgba(169,207,69,0.7);opacity:1;position:absolute; z-index:2; top:74.6%; overflow:hidden; text-align:center; display:block; width:100%; text-transform:uppercase; padding:12px 0 21px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .50s ease-out;
-moz-transition: all .50s ease-out;
-ms-transition: all .50s ease-out;
-o-transition: all .50s ease-out;
transition: all .50s ease-out;}
.hm_product_text.blueback{background:rgba(35,119,168,0.7);opacity:1;}

.hm_product_text span {display:block; padding:30% 0px 0px 0px; color: #fff; font-weight: bold;}
.hm_product_box:hover .hm_product_text span{ padding:30% 0px 0px 0px;}
.hm_product_text i {font-size:35px; display:block; margin-top:15px; visibility:visible; opacity:1;}
.hm_product_box:hover .hm_product_text{height:100%; top:0;    
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .50s ease-out;
-moz-transition: all .50s ease-out;
-ms-transition: all .50s ease-out;
-o-transition: all .50s ease-out;
transition: all .50s ease-out;}
.pro_readmore{border:1px solid #fff; max-width: 150px; margin: 40px auto 0px; font-weight: bold; padding: 6px 0px; font-size: 13px; display: block!important; opacity: 1!important; visibility: visible!important; height: auto!important;}
.hm_product_box:hover .pro_readmore{height: auto!important;}
.pro_readmore:hover{background: #fff; color: #333333; border: 1px solid #333333;}
.hm_product_box:hover .hm_product_text i {visibility:visible; opacity:1; display:block;}
.hm_product_box:hover .hm_product_text1 {font-size:0;}
.hm_product_text a { display:block; color:#fff; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .50s ease-out;
-moz-transition: all .50s ease-out;
-ms-transition: all .50s ease-out;
-o-transition: all .50s ease-out;
transition: all .50s ease-out;}
.hm_product_box:hover .hm_product_text  {color:#fff; height:100%; display:block;}

.product_txt h1{color:#1a6fa0;
text-align: center;padding-bottom:25px;}
.services_area img{max-width: 100%;}




/*******************************Products Area Ends******************************************

/************************Custom Css Starts************************************************/
.welcome_section h1{color:#A9CF45;}

.welcome_section h2{color:#2377A8;font-weight:500;}

.nav > li > a{border-top:3px solid transparent; transition: all .25s ease-out;}

.nav > li > a:hover{border-top:3px solid #67a22a; transition: all .25s ease-out;}

.nav > li > a.active{border-top:3px solid #67a22a; transition: all .25s ease-out;}

.owl-theme .owl-controls .owl-page{display:none;}

/**************************Custom Css Ends************************************************/

.contact_address {
    background: #3F75A3;
    padding-top: 50px;
    color: #fff;
    font-size: 16px;
    min-height:845px;
}
.contact_address .get_touch_address {
    padding: 25px 25px 22px;
}
.get_touch_address p {
    padding-bottom: 0px; font-size:14px; color:#fff;
}
.get_touch_address table {
    width: 100%;
    border: 0;
    display: inline-block;
    padding-top: 6px;
}
.contact_address .get_touch_address h2 {
    font-weight: 700; color:#fff;
    padding-bottom: 14px;
}
.contact_address h1 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding-bottom: 12px;
}
.get_touch_address table td {
    padding-bottom: 10px;
}
.get_touch_address table td:first-child {
    width: 30px;
}
.contact_address a{color:#fff;}
.contact_form p {
    padding-bottom: 28px;
}
.contact_form {
    padding: 40px 0 30px;
}
.contact_form span {
    color: #2c3e50;
    display: inline-block;
    padding-bottom: 14px;
    font-size:25px;
}
.contact_form .form-group {
    width: 90%; padding-bottom:0px;
}
.contact_form .form-control {
    border: 1px solid #dbdbdb;
    font-size: 14px;
    font-family: 'Open Sans';
}
.contact_form .btnarea button, .career_page .btnarea button, .modal-footer.btnarea button {
    background: #3F75A3;
    border: none;
    padding: 7px 67px 8px;
    margin-top: 20px;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.contact_map{padding:10px;}
.contact_map iframe {
    border: none;
}
.contact_map iframe {
    width: 100%;
    height: 268px;
}
.btnarea i{color:#fff;}
.martop25{margin-top:35px;}
.our_team_box {
    position: relative;
    z-index: 1;
}
.our_team_box {
    padding-top: 31px;
    min-height: 364px;
}
.our_team_img {
    position: relative;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    max-width: 315px;
    border: 5px solid #3F75A3;
    box-shadow: 2px 2px 5px #3F75A3;
}
.our_team_img img {
    max-width: 315px;
    width: 100%;
}
.our_team_img span {
    background: url(../images/about_img_bg.png);
    display: block;
    width: 100%;
    color: #333;
    position: absolute;
    z-index: 2;
    bottom: -150px;
    text-align: center;
    padding: 10px 15px;
    visibility: hidden;
    display: block;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .50s ease-out;
    -moz-transition: all .50s ease-out;
    -ms-transition: all .50s ease-out;
    -o-transition: all .50s ease-out;
    transition: all .50s ease-out;
}
.our_team_social h3 {
    color: #000000;
    padding-bottom: 10px;
    font-size: 18px; line-height:22px;
}
.our_team_social {
    text-align: center;
    padding-top: 16px;
    width: 100%;
}
.top_icon {
    margin-right: 0px;
}
.our_team_social h3 span {
    display: block;
    font-weight: 400;
    color: #333333;
    padding: 5px 0 10px;
    font-size:15px;
    text-align: center;
}
.certificatesbox, .addressbox{padding:30px 0px;}
.certificatesbox h3{color:#fff; font-size:25px; margin-bottom:20px;}
.certificatesbox ul li{width:30%; float:left; margin-bottom:20px; margin-left:1%; margin-right:1%;}
.certificatesbox ul li img{max-width:100%;}
.addressbox h2{color:#fff; font-size:25px; margin-bottom:20px;}
.addressbox a{color:#fff;}
.addressbox .get_touch_address{margin-bottom:25px;}
.emailbox{float:right; margin-left:20px; padding-top:25px;}
.emailbox i, .emailbox a{color:#fff;}
.whiteback .emailbox i, .whiteback .emailbox a{color:#000;}
.ui-autocomplete {font-size: 14px!important; max-height: 300px; overflow-y: auto;}

/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width :900px) and (max-width : 1980px) {
/*.navbar-nav > li:hover > .dropdown-menu {display: block;}*/
.navbar-inverse .navbar-brand{ display:none;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{ border-bottom:#dddddd solid 0px;}
.dropdown-menu > li:last-child{ border-bottom:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
  outline: 0;
}
}
@media only screen and (min-width:1000px) {
    .navbar-nav > li > .dropdown-menu{ background:#fff!important; visibility: hidden; top: 200px;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; display: block!important;}
.navbar-nav > li.dropdown.open > .dropdown-menu{ visibility: visible; top: 108px;-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}  
    .serach_box.spcial1{ opacity: 0.5;}
.whiteback  .navbar-nav > li.dropdown.open > .dropdown-menu{top:100px;}
}

@media only screen and (min-width:768px) {
.left_said ul li{-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;}
.left_said ul li:hover, .left_said ul li.active{-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding-left:5px; background:#9FC341; color:#fff!important;}

.modal-dialog { width: 770px;  } 	
.products_tabs ul li{
	margin: 3px 0px;
}

	
}

@media only screen and (max-width:1280px) {
    .box_product  a{ height: 260px; width: 260px;}
}
@media only screen and (max-width:1024px) {
	.hm_product_box:hover .hm_product_text span{padding-top: 15%;}
  .hm_product_text span{padding-top: 15%;}

    #sidebar ul li a {padding: 6px 10px !important;}
  
	.owl-carousel .owl-item .owl-item{ float:none; width:95%;}
    .right_img{ width: 40%;}
    .logo_certi li:first-child{ width: 22%;}
        .img_2c{ left: -17px; top: -54px;}
.img_3c{ right: -28px; top: -54px;}
.img_4c{ left: -80px; bottom: -5px;}
.img_5c{ right: 51px; bottom: -6px;}
.img_6c{ left: 0px; right: 0px; top: 75px;}
 .certificates ul li {
    display: inline-block;
    padding: 0 0px 0 30px;
}
	.hm_product li {
    float: left;
    width:20%;
    margin-right: 0px;
		margin-left:0px;
		margin-top:0px;
}
	.hm_product .hm_product_text {
    top:0%;
}
	.maxwith1366 {
    max-width: 1366px;
    margin: 0px auto;
    padding-bottom: 65px;
}
.product_search{
	margin: 10px 0px;
}
.search .btn_grren1 {
    margin-left: 0px;
    margin-top: 10px;
}
.products_tabs ul li{padding: 18px 3.5px;}
.products_tabs ul li a{font-size: 14px;}
	
.serach_box{max-width:430px;margin:0 auto;padding:0px 0px 0px 10px;position:relative;z-index:999;bottom:130px;}
	
	.banner_text1 {
    padding: 0px 0px 120px 0px;
}
	


}
@media only screen and (max-width:1000px) {
    .left_said ul li{ font-size: 17px;}
    .services_box{ padding: 15px;}
    .header, .header.whiteback{position: relative;}
    .btn_blue{border: 1px solid #000;color: #000;}
    .navbar-header {float: right;}
    .navbar-btn{position: absolute;top:6px;right: 11px;}
    #sidebar{margin-top: 0px;}
    .header.whiteback .nav > li > a {color: #fff !important;}
    #sidebar ul li a{padding: 10px 20px 10px 20px !important;}
    #sidebar ul li a:hover{color: #70A438!important;}
    #dismiss{background: #70A438!important;}
    #dismiss:hover {color: #104D81!important;}
    .navbar-btn{background: #70A438!important;color: #fff!important;}
	.certi_section{background:#f7f7f7;}
    .certi_section h1{ padding-bottom: 25px;text-align: center;}
    .certification{ padding-bottom: 20px;}
    .quality_area .services_area .text-right{ padding-top: 10px;}
    .quality_area .services_box .img_right{ text-align: right;}
    .quality_area .services_area .text-right{ padding-right: 0px;}
    .certification{ max-width: 440px; margin-left: auto; margin-right: auto;}
    .navbar-nav{ float: none!important;}
    .logo_certi li:first-child{ width: 30%;}
/*    .serach_box{margin-right: 52px;}*/
/*    .search_top{ padding-top: 15px;}*/
	
    .navbar-btn{ top: 23px;}
    .nav > li.dropdown a.dropdown-toggle, .nav > li.dropdown:hover a.dropdown-toggle, #sidebar ul li.dropdown:hover{background:url(../images/arrow_navi_down.png) no-repeat 90% center!important;}
    .nav > li.dropdown.open a.dropdown-toggle{background:url(../images/arrow_navi_up.png) no-repeat 90% center!important;}
    .navbar-nav > li > .dropdown-menu table tr td.logo_navi{ display: none;}
    .navbar-nav > li > .dropdown-menu{ background: #8494D3!important;}
    .navbar-nav > li.dropdown li a{ color: #fff!important;}
    #sidebar ul li li a:hover, #sidebar ul li:hover li:hover a{ color: #fff!important; background: none!important;}
    #sidebar ul li:hover li:hover, #sidebar ul li li.active{ background: #919ED4!important;}
    #sidebar ul li li.active a{ color: #fff!important;}
    .navbar-nav > li > .dropdown-menu ul li{ padding: 5px 0px;}
    .welcome_section{ padding-bottom: 20px; padding-top: 50px;}
    .hm_banner_text{ top:13%;}
    .banner_text1 h1{ font-size: 38px;}
    .box_product  a{ height: 198px; width: 198px;}
   
}

@media screen and (min-width : 1020px) and (max-width : 1170px) {
    .imagebox img{ max-width: 50%;}
    .index_section img.coman_img{ max-width: 80px;}
    .certi_img{ right: 17%;}
    .tab{right: 13%; top: 206px;}
    .customer{ right: 0%; top: 344px;}
}
@media screen and (min-width : 768px) and (max-width : 990px) {
    .postion_rel1 .img_1c img{ max-width: 175px;}
    .postion_rel1 img{ max-width: 71%;}
    .img_2c{ left: -37px; top: -28px;}
.img_3c{ right: -41px; top: -32px;}
.img_4c{ left: -87px; bottom: -5px;}
.img_5c{ right: 22px; bottom: -4px;}
.img_6c{ left: 0px; right: 0px; top: 47px;}
	
	.certificates ul li {
    display: inline-block;
    padding: 30px 0px 0 30px;
}
	
	.serach_box .form-control {
    border: none;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    min-width: 183px;
}
	
	.serach_box{max-width:430px;margin:0 auto;padding:10px;position:relative;z-index:999;bottom:130px;}
	
	.banner_text1 {
    padding: 0px 0px 120px 0px;
}
	
	
	
}
@media screen and (min-width : 900px) and (max-width : 980px) {
    .nav > li > a{color: #000;font-size: 14px;}
    #sidebar ul li a {padding: 10px 7px 10px 20px !important;}
    .navbar-header{display: none!important;}
    #dismiss{display: none!important;}
}
@media screen and (min-width : 700px) and (max-width : 800px) {

}

@media only screen and (max-width:820px) {
  .product_search .search{max-width: 150px; margin-top: 0px auto; display: block;}
	.serach_box{max-width:220px;}
	.emailbox, .serach_box{float:none;}
	.emailbox i, .emailbox a{color:#000000!important;}
.footer table tr td{font-size: 13px;}
.navbar-nav{margin-top:60px;}
/*.navbar-nav > li > .dropdown-menu{background:#fff!important;}*/



}

@media only screen and (max-width:760px){
	
	.certificates ul li {
    display: inline-block;
    padding: 30px 0px 0 30px;
}
	.serach_box{max-width:430px;margin:0 auto;padding:10px;}

.search_box form{border:none;}

.serach_box input{width:90%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3;}

.serach_box input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}

	.serach_box{max-width:430px;margin:0 auto;padding:10px;position:relative;z-index:999;bottom:130px;}
	
	.banner_text1 {
    padding: 0px 0px 120px 0px;
}
	
}

@media only screen and (max-width:800px) {
	.emailbox{margin-bottom:10px;}
.navbar-nav{margin-top:60px;}
/*.navbar-nav > li > .dropdown-menu{background:#fff!important;}*/

    .modal-dialog{ max-width: 90%; margin: 30px auto;}
}
@media only screen and (max-width:768px) {
	
	.serach_box{max-width:430px;margin:0 auto;padding:10px;}

.search_box form{border:none;}

.serach_box input{width:80%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3;}

.serach_box input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}
	
.serach_box{max-width:430px;margin:0 auto;padding:0px 0px 0px 10px;position:relative;z-index:999;bottom:130px;}
	
	.banner_text1 {
    padding: 0px 0px 120px 0px;
}
	
	
}
@media screen and (min-width : 700px) and (max-width : 800px) {
	
}
@media screen and (min-width : 600px) and (max-width : 640px) {

	
}
@media only screen and (max-width:767px) {
  .footer ul{margin-bottom: 20px;}
  .products_tabs_main .search{max-width: 150px; margin: 0px auto; display: block;}
	.emailbox i, .emailbox a{color:#000000!important;}
	.searchbar span.searchtext{margin-bottom:8px;}
	.searchbar .form-control{margin-bottom:8px;}
    .footer_logo img{margin: 0px auto;}
    .footer_links ul{text-align: center;}
    .footer_head h1{text-align: center;}
    .quick_links ul{text-align: center;}
    .quick_link1{padding-top: 0px;}
    .contact_footer h1{padding-top: 0px;}
    .address table{margin: 0px auto;}
    .footer_right {float: none;text-align: center;display: block;}
    .footer_down {padding-top: 35px;}
    .copyright{display: block;padding-bottom: 8px; width:100%; text-align:center;}
    .quick_link1 ul{text-align: center;}
    .header{ padding: 20px 0px;}
   /* .navbar-btn{top: -106px;right: 11px;}*/
    .header_btns{text-align: center;}
    /*.logo img{margin: 0px auto;margin-top: 20px!important;}*/
.owl-carousel .owl-item .owl-item{ width:100%;}
.navigation{ padding-top:0px;}
.navbar-inverse .navbar-brand{ color:#fff;}
.navbar-nav { float: none!important; margin-top:0px!important; margin-bottom:0px!important;}
.navbar-toggle{ background:#f06234!important; border:#e45527 solid 1px!important;}
.navbar-inverse{ background:#021b68 !important; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.nav > li{-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.nav > li , .nav > li:last-child , .nav > li:first-child { margin-left:0px!important; background:none; font-size:14px;}
.nav > li a, .nav > li:last-child a, .nav > li:first-child a,.navbar-inverse .navbar-nav > li:first-child >  a, .navbar-inverse .navbar-nav > li:last-child >  a{ padding:12px 14px!important; display:block;}

.nav > li{ border-bottom:#364655 solid 1px;}
.nav > li:last-child{ border-bottom:#4b4a4a solid 0px;}
.navbar-inverse .navbar-nav > li > a{ color:#fff!important;}
.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li.active a{ background:#092782;}
.navbar-inverse .navbar-nav > li:hover a{ color:#fabb06 ;} 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fabb06;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#092782!important;}

.dropdown-menu li{ font-size:14px;}
.dropdown-menu li li{ font-size:12px;background:url(../images/line_divder.jpg) no-repeat 10px 16px;}
.navbar-nav > li > .dropdown-menu li ul li a{ padding:8px 20px;}
.navbar-nav > li.dropdown a{ background:none;}
.navbar-inverse .navbar-nav > li:hover li a, .navbar-inverse .navbar-nav > li.active li a{ background:none!important;}
.dropdown-menu li ul{ display:block; position:relative; right:0px;}
.dropdown-menu li ul{ background:none!important;} 
.header.whiteback{ position: relative;}
    .header_btns{ display: none;}
    .left_said{-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.20);}
    .left_said ul li:hover{ background: none;}
    .left_said ul li.active{ padding-left: 15px;}
    .left_said ul li.active:hover{background: url(../images/side_arrow.png) no-repeat left 15px;}
    .inner_container .row-offcanvas-left{ margin-top: -50px;}
    .img_responive{ text-align: center;}
    .inner_content{ text-align: center;}
    .formarea{ text-align: left;}
    .inner_content .table_a tr td{ text-align: left;}
    .services_box .text-right{ text-align: center;}
    .services_box .img_right{ margin: 5px 0px 14px 0px;}
    .box_product  a{ height: 285px; width: 285px;}
    .welcome_section{ text-align: center;}
    .footer_head, .footer_down{ border-top:#ddd solid 1px; padding: 30px 0px 0px 0px; margin-top: 30px;}
    .paddmobilenone{ padding-top: 0px; border: none; margin: 0px; }
    .quality_area .services_box{ text-align: center;}
    .quality_area .services_box .img_right{ text-align: center;}
    .quality_area .services_area .text-right{ padding-top: 0px;}
    .certi_section h1{ text-align: center;}
    .logo{ text-align: left; margin: 0px;}
    .logo img{ margin: 0px;}
    .navbar-nav{ margin: 0px!important;}
    .footer_down{ padding-bottom: 15px;}
    .right_img{ width: 100%; margin: 0px 0px 15px 0px;}
    .logo_certi li:first-child{ width: 130px;}
    .logo_certi{ display: inline-block; margin-left: auto; margin-right: auto;}
    .banner_text{ position: relative; top: 0px; bottom: 0px; background: #648FB4; padding: 5px 0px; }
    .postion_rel1{ display: none;}
    .show_767{ display: block!important;}

    .products_tabs ul li{
	display:block !important;
	margin: 5px !important;
	background:#E8E8E8;
	}
	.product_search {
	max-width: 100%;
    margin-left: 0px;
    padding:0px 0px 0px 15px;
    margin: 10px 0px;
	}
	.search .btn_grren1{margin-left: 0px;}
	.product_search input[type=text]{ padding-left: 10px;
		margin-left: 0px;
	}
	.website{max-width:135px; display:block!important; margin:0px auto; float:none!important;;}
}
over, .nav .open > a:focus {
    background-color: #eee;
    border-color: #fff;
}

@media only screen and (max-width:731px){
	
  .breadcrumb_area{color: #fff!important;}
	.hm_product li {
    /* float: left; */
    width: 35%;
     margin-right: 21px; 
}
	.hm_product li {
    float: left;
    width: 35%;
    margin-right:0px;
    margin-left:0px;
    margin-top: 0px;
}
	
	
	
.hm_product .hm_product_text {
    top: 0%;
}
	
	.serach_box .form-control {
    border: none;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    min-width: 183px;
}
	
	.hm_banner_text {
     top: 14%; 
}
	.certificates h1{padding:0;}
	
	
	
	.certificates {
    background: #A9CF45;
    padding: 30px 0 30px 0;
    background-image: url(../images/certi_images/certi_back.png);
    background-repeat: no-repeat;
    background-position: right;
}
		.certificates ul li {
    display: inline-block;
    padding: 20px 0px 4px 20px;
}
	
}

@media only screen and (max-width:737px){
	.certificates img{display:block; margin: 0px auto;}
  .certificates h1{margin-bottom: 15px!important;}
	.certificates {
    background: #A9CF45;
    padding: 30px 0 30px 0;
    background-image: url(../images/certi_images/certi_back.png);
    background-repeat: no-repeat;
    background-position: right;
}
		.certificates ul li {
    display: inline-block;
    padding: 20px 0px 4px 30px;
}
	
	
}


@media only screen and (max-width:676px) {
  .box_product  a{ height: 260px; width: 260px;} 
    .certi_img p, .tab p, .customer p{ padding-right: 2px; padding-left: 10px;}
    
}
@media only screen and (max-width:640px) {
    .froma_popup .close{ right: -12px; width: 35px; height: 35px; font-size: 30px;padding-bottom:3px;}
      .box_product  a{ height: 250px; width: 250px;} 
    .index_section img.coman_img{ max-width: 80px;}
    .certi_img{ right: 44%;}
    .certi_img p, .customer p, .tab p{ width: 253px; padding-left: 35px;}
    .tab{right: 53%; top: 206px;}
    .customer{ right: 49%; top: 407px;}
    .certi_img, .customer, .tab{ width: 338px;}
	    .hm_banner_text{ top:9%;}

	.serach_box .form-control {
    border: none;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    min-width: 183px;
}
	
	.hm_product li {
    float: left;
    width:46%;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top:0%;
}
	
	.certificates {
    background: #A9CF45;
    padding: 15px 0;
    background-image: url(../images/certi_images/certi_back.png);
    background-repeat: no-repeat;
    background-position: right;
}
	
.certificates ul li {
    display: inline-block;
    padding: 12px;
}
	.certificates h1 {
    text-align: center;
    margin: 0;
    padding: 0;
}
	
	.banner_text1 {
    padding: 0px 0px 85px 0px;
}
	.serach_box {
    max-width:270px;
    margin: 0 0 0 100px;
    padding: 10px;
    position: relative;
    z-index: 999;
    bottom: 95px;
}
	
	@media only screen and(max-width:667px){
		
		
		
}
	
    
}
@media only screen and (max-width:600px) {
  .ui-autocomplete{max-width: 300px;}
  .serach_box {
    max-width: 330px;
    margin: 0 auto;
    padding: 0px 0px 0px 10px;
    position: relative;
    z-index: 999;
    bottom: 80px;
}
  
  .search_sub {
    float: none;
    position: absolute;
    z-index: 9;
    bottom: 0;
    top: 63px;
    left: 33%;
}
      .box_product  a{ height: 230px; width: 230px;} 
    .inquiry_hm{ top: 44.5%;}
    .hm_banner_text{ top:9%;}
    .banner_text1 h1{ font-size:20px;}
    .hm_banner_text .btn_grren1{ padding: 9px 38px;}
	.serach_box .form-control {
    border: none;
    height: 30px;
    line-height: 30px;
    margin-top: 1px;
    min-width: 183px;
}
	.hm_product li {
    float: left;
    width:32%;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top: 0%;
}
	
	.certificates {
    background: #A9CF45;
    padding: 15px 0;
    background-image: url(../images/certi_images/certi_back.png);
    background-repeat: no-repeat;
    background-position: right;
}
	
	.certificates ul li {
    display: inline-block;
    padding: 12px;
}
	
	.certificates h1 {
    text-align: center;
    margin: 0;
    padding: 0;
}
	
	
}
@media (max-width: 570px) {
.application_from_area{ padding: 15px;}
    .froma_popup h1{ padding-bottom: 27px;}
        .imagebox img{ max-width: 50%;}
    .certi_img{ right: 36%; top: 49px;}
    .tab{ right: 39%; top: 164px;}
    .customer{ right: 28%; top: 338px;}
	.certificates ul li {
    display: inline-block;
    padding: 5px;
}
	
	.hm_product li {

    float: left;
    width: 34%;
    margin-right: 21px;

}
	
	.hm_product .hm_product_text {
        top:0%;}
	
	
	.serach_box{max-width:430px;margin:0 auto;padding:10px;}

.search_box form{border:none;}

.serach_box input{width:80%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3;}

.serach_box input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}
	
	
	
	
}
@media (max-width: 480px) {.ui-autocomplete{max-width: 280px;}
    .imagebox img{display: none;}
    .certi_img{position: relative;width: auto;top: 0px;right: 0px}
    .certi_img p{font-size: 14px;}
    .tab{position: relative;width: auto;top: 0px;left: 0px}
     .tab p{font-size: 14px;}
    .customer{position: relative;width: auto;top:0px;left: 0px;}
     .customer p{font-size: 14px;}
    img.normal{max-width: 100%;}
    img.hovereffect{max-width: 100%;}
    .index_section p{width: 280px;}
    .left_said{ padding: 15px 10px 5px 10px;}
    .box_product  a{ height: 185px; width: 185px;} 
    .imagebox{ text-align: center;}
    .certi_img, .tab, .customer{ text-align: center;}
    .certi_img p, .customer p, .tab p{ padding: 5px 0px 20px 0px;}
    .index_section img.coman_img{ max-width: 100%;}
    .index_section{ padding: 20px 0px 0px 0px;}
    .certi_img p, .customer p, .tab p{ float: none; padding-top: 20px; width: 100%;}
    .hide_480{ display: none;}
    .show_480{ display: none;}
    .serach_box{ float: none; margin: 0px auto;}
	.hm_banner_text {
    top:7%;
      }
    .serach_box{max-width:430px;margin:0 auto;padding:10px;}

.search_box form{border:none;}

.serach_box input{width:80%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3;}

.serach_box input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}

    .inquiry_hm{ top: 35%;}
    
    .banner_text1 h1{ font-size:17px; padding-bottom:0px;}
    .banner_text1 .btn_grren1{ padding: 9px 38px;}
	
	.certificates ul li {
    display: inline-block;
    padding: 30px;
}
	.hm_product li {
    float: none;
    width: 68%; display:block; margin:0px auto;
    /* margin-right: 21px; */
}
	
	.serach_box{max-width:330px;margin:0 auto;padding:0px 0px 0px 10px;position:relative;z-index:999;bottom:80px;}
	
	.banner_text1 {
    padding: 0px 0px 70px 0px;
}
	
	

}
@media (max-width: 470px) {
    .panel-title > a{ font-size: 17px; padding: 15px 30px 15px 10px !important}	
    .box_product  a{ height: 310px; width: 310px;} 
	.certificates ul li {
    display: inline-block;
    padding: 5px;}
}
@media (max-width: 450px) {
.box_product  a{ height: 320px; width: 320px;}	
    .logo_certi{ max-width: 300px; margin: 0px auto;}
    .logo_certi li, .logo_certi li:first-child{ width: 100%; text-align: center; margin: 0px;}
    .logo_certi li:first-child{padding-bottom: 10px; margin-bottom: 15px;}
    .postion_rel{ display: none;}
    .mobile450dispy{ display: block!important;}
	.certificates ul li {
    display: inline-block;
    padding: 5px;
}
.emailbox{padding-top: 5px;}

}
@media (max-width: 400px) {
    .services_box{ padding: 20px 15px;}
      .box_product  a{ height: 290px; width: 290px;}
    .hm_banner_text{ top: 20%;}
    .banner_text1 h1{ font-size: 20px; padding-bottom: 10px;}
    .hm_banner_text .owl-carousel .owl-controls .owl-nav{ display: none;}
    .hm_banner_text .owl-dots{ margin-top: 10px;}
    .hm_banner_text .btn_grren1 {padding: 6px 31px;}
    .owl-pagination{ margin-top: 15px;}
	
	
}
	@media (max-width: 411px){
		.hm_product li {
    float: left;
    width:70%;
    /* margin-right: 21px; */
}
	.hm_product .hm_product_text {
    top:0%;
}
		
		.hm_banner_text{ top:0%;}
	
	.banner_text1 h1{font-size:15px;}
	


	
}
@media (max-width: 400px) {
    .certification .col-xs-4{ width: 50%;}
    .addodintbox{margin-bottom: 15px;}

.certificates ul li {
    display: inline-block;
    padding: 5px;
}
}

@media (max-width: 375px) {
 .box_product  a{ height: 275px; width: 275px;} 
.hm_banner_text{ top:15%;}
.hm_product li {
    float: left;
    width:65%;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top: 0%;
}
.emailbox{
	padding-top: 10px;
}
.emailbox a{
	font-size: 11px;
}

	.certificates ul li {
    display: inline-block;
    padding: 5px;
}
	
	.hm_banner_text {
    top: 0%;
}
	
	.serach_box{max-width:330px;margin:0 auto;padding:10px;position:relative;z-index:999;bottom:80px;}
	
	.banner_text1 {
    padding: 0px 0px 70px 0px;
}
	.banner_text1 h1 {
    font-size: 13px;
    padding-bottom: 0px;
}
	.serach_box {
    max-width: 330px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    z-index: 999;
    bottom: 80px;
}
	
	
}

@media (max-width: 384px) {
 .box_product  a{ height: 275px; width: 275px;} 
.hm_banner_text{ top:15%;}
.hm_product li {
    float: none;
    width:65%; display:block; margin:0px auto;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top:0%;
}

	.certificates ul li {
    display: inline-block;
    padding: 5px;
}
	
	.hm_banner_text {
    top: 0%;
}
	
	.serach_box{max-width:330px;margin:0 auto;padding:0px 0px 0px 10px;position:relative;z-index:999;bottom:80px;}
	
	.banner_text1 {
    padding: 0px 0px 70px 0px;
}
	.banner_text1 h1 {
    font-size: 13px;
    padding-bottom: 0px;
}
	
	
}




@media (max-width: 360px) {
 .box_product  a{ height: 275px; width: 275px;} 
.hm_banner_text{ top:0%;}
.hm_product li {
    float: left;
    width: 100%;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top: 0%;
}
.navbar-btn {
    top: 10px;
}

	.certificates ul li {
    display: inline-block;
    padding: 5px;
}
	
	.serach_box{max-width:330px;margin:0 auto;padding:10px;position:relative;z-index:999;bottom:80px;}
	
	.banner_text1 {
    padding: 0px 0px 70px 0px;
}
	.banner_text1 h1 {
    font-size: 13px;
    padding-bottom: 0px;
}
	.serach_box {
    max-width: 330px;
    margin: 0 auto;
    padding:0px 10px;
    position: relative;
    z-index: 999;
    bottom: 80px;
}
	
	
}
@media (max-width: 330px) {
 .box_product  a{ height: 255px; width: 255px;} 
    .banner_text1 h1{ padding-bottom: 4px;}
	.hm_product li {
    float: left;
    width: 100%;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top:0%;
}
	
.certificates ul li {
    display: inline-block;
    padding: 5px;
}
	
	
}
@media (max-width: 320px) {
	.hm_product_box:hover .hm_product_text span{ padding:15% 0px 0px 0px;}
 .box_product  a{ height: 250px; width: 250px;} 
    .hm_banner_text{ top:0%;}
	
	.banner_text1 h1{font-size:15px;}
	
	.hm_product li {
    float: none;
    width:60%; display:block; margin:0px auto;
    /* margin-right: 21px; */
}
.hm_product .hm_product_text {
    top:0%;
}
.navbar-btn {
    top: 22px;
    padding: 6px 10px;
}
	
.certificates ul li {
    display: inline-block;
    padding: 5px;
	
}
	
	.certificates ul li {

    display: inline-block;
    padding: 5px;
    width: 100%;
    text-align: center;

}
	.serach_box{max-width:430px;margin:0 auto;padding:0px 10px;}

.search_box form{border:none;}

.serach_box input{width:80%;}


.serach_box button{background:none;border:none;border-right:1px solid #ccc;float:left;color:#3F75A3;}

.serach_box input[type=text]{border-color:none;
	outline:0;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);
	box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, .6);}	
}
.products_back{
	position: static;
}
.pad_top150{padding-top: 150px!important;}

.products_tabs.products_back{
top:90px;
background: #e2e2e2;

color: #000; 
position: fixed; 
width: 100%;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; 
z-index: 9;
}
@media (min-width:1920px) and (max-width:1920px){
	.banner_text1 {
    padding: 0px 0px 360px 0px;
}
	.banner_text1 h1{padding-bottom:30px;}
	
.serach_box {
    max-width: 430px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    z-index: 999;
    bottom:350px;
}

	
	
	
	
}