body {	font-family: 'Source Sans Pro', sans-serif;	background:#ffffff; color:#444;	font-size: 16px; min-width:320px;}
* {-webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;}
  
  .btn-primary {background:#50c5c2;}
  textarea {resize:none;}
/* start header */
.header-top {    border-bottom: 1px solid #e1e1e1;    background: #323e4e;}
.top_section{ margin-top:8px;border-bottom:1px sodli #000; height:34px; margin-bottom:0; }
.top_section ul { margin:0; padding:0;}
.top_section ul li{ float:left; list-style:none; padding:0px 0px; text-align:left; color: #fff; font-size: 12px;}
.top_section ul li a{color:#fff; font-family:Lato-Light, sans-serif;  font-size:13px; line-height:28px; }
.fright > ul > li > a{ padding: 0px 15px; border-left:1px solid#fff; }
.fright > ul > li:last-child a{ border-right:0px solid#fff;}

.search_toggle{ position: relative;}
.search_icon {    padding: 13px 15px; cursor: pointer; margin-top: -8px;}
.search_box {    position: absolute;    top: 115%;    width: 159px;    left: 0;    background: #ddd; transition: 0.3s}
.search_box input {    width: 80%;    color: #292929; padding: 5px; float: left}
.search_box button{ width: 20%; float:right ; background: #3775b3; padding: 6px;}
.search_box{ opacity: 0; overflow: hidden; visibility: hidden}
.search_toggle:hover .search_box {    visibility: visible;    opacity: 1;    top: 80%;    left: 0;}

.log_section {    float: right;}
.log_section > ul > li{ float: left; list-style: none; padding: 0px 0px}
.log_section > ul > li > a {    display: block;    padding: 13px 34px 0px 3px; text-decoration: none;}
.log_section > ul{ margin: 0px; padding: 0px; }
.inner-page .contact_form_outer{ background: #fff !important; }




.categoryname{}






.fleft span i {    color: #fff;    margin-right: 3px;    font-size: 12px;}
.top_section ul li span{ color:#20acb8; }
.top_section ul li span a{color:#f48d3e;}
.top_section ul li span img{padding-right:5px; text-align:center;}
.goog-te-gadget-simple{ border:solid 1px #ccc !important;}
.top_section .send-enquiry{ }
lable{ font-size:12px !important;}
.fleft{float:left}
.fright{float:right;padding: 0;}

strong, b{ font-weight:600}
#back-top {	position: fixed;bottom: 20px;right: 28px; }
#back-top a {	display: block;	text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a i {outline:none !important;}
#back-top a:hover {	color: #000;}
#back-top span {	width: 30px;	height: 30px;	display: block;	margin-bottom: 7px;	-webkit-transition: 1s;	-moz-transition: 1s;	transition: 1s; font-size:50px; outline:none; color:#50c5c2;}

h1 {font-family:Source Sans Pro; font-weight:600; font-size:35px;  padding-bottom:20px; margin-bottom:30px; text-align:center;}
h2 {font-family:Source Sans Pro; font-weight:300; font-size:30px; margin:0 0 15px;}
h3 {font-family:Source Sans Pro; font-weight:300; font-size:30px; margin:0 0 15px;}
h4 {font-family:Source Sans Pro; font-weight:600; font-size:30px; margin:0 0 15px;}
.clear{ clear:both; width:100%}
#banner-slides{ height:600px; margin:0; position:relative; overflow:hidden; padding-left:20px; margin-left:-20px; background:#f1f1f1;}
.slides_container{overflow:visible !important; position:relative;display:none}
.slides_control {width:100% !important;}
.slides_container div.slide{width:100%;height:600px;display:block; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#banner-slides .next, #banner-slides .prev{ position:absolute; display:block;z-index:101; top:43.5%; font-size:70px; text-align:center; color:#fff; padding:10px 20px; line-height:50px;}
#banner-slides .prev{ left:15px;}
#banner-slides .next{right:0px;  background-position:-19px center;}
#banner-slides .next:hover, #banner-slides .prev:hover {background:#50c5c2;} 
.pagination{display:none}
.banner_text {position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);height: 380px;display: flex;background: #1948d1b0;flex-direction: column;padding: 4rem;border-radius: 50%;width: 380px;text-align: left;justify-content: center;}
.text_center {text-align:center; margin-left:auto; margin-right:auto;}
.text_left {text-align:left; }
.text_right {float:right;}

.banner_text h1 {font-family:Source Sans Pro; font-weight:400; font-size: 35px;/* line-height:80px; */text-shadow:0px 0px 7px #fff; text-align:left; background:none; padding-bottom:0px;margin-bottom: 10px;margin-top: 0;}
.banner_text p {font-family:Source Sans Pro;font-size: 15px; text-transform:uppercase; font-weight:400;text-align: center;margin-bottom:20px; text-shadow:0px 0px 7px #fff;}
.banner_text .btn {padding: 7px 23px; border:none;background: #fff;color: #000;/* text-transform:uppercase; */border-radius: 5px;font-size: 18px;text-align: left;width: fit-content;margin: 0 auto;}
.banner_text .btn:hover {background:#333; color:#fff;}

.banner_dark {color:#fff;}
.banner_dark .banner_text h1, .banner_dark .banner_text p {text-shadow:0px 0px 7px #000;text-align:inherit;text-align: center;}
.home_banners {padding:40px 0;}



.contact_form_outer {    background: #f5f5f7;    padding: 45px 0 50px;    margin-top: 40px;}
.contact_form_outer h1 {margin-top:0px;}
.contact_form_outer p {margin-bottom:4px;}
.form-control {border-color:#ccc; background:#fff; color:#000; height:44px;}

.btn-default {background:#50c5c2; color:#fff; border:none; display:block; width:100%; font-family:Source Sans Pro; font-size:18px; text-transform:uppercase; font-weight:600; margin:15px 0 0; height:44px;}
.btn-default:hover, .btn-default:focus, .btn-default:active {background:#333; color:#fff;}
.captcha .ctext {border:1px solid #ccc; background:#fff; height:44px; display:block; position:relative; text-align:center; padding:8px; font-size:120%;}
.equal {position:absolute; right:-20px;}

.footer_top {background: #1f2e57; padding:35px 0;}
.footer_top .navbar-nav {float:none;}
.footer_top .navbar-nav > li a {color:#fff; background:none; display: block}

.footer_bot {background:#444; padding:20px 0; color:#ccc;}
.soc_med_links > li {display:inline-block;}
.soc_med_links > li a {color:#ccc; padding:5px 10px;}
.footer_bot * {margin-bottom:0px;}

.caption_text {    background: rgba(32, 172, 184, 0.8) none repeat scroll 0 0;    color: #fff;    font-size: 16px;    height: 140px;    left: 55px;    padding: 15px;    position: absolute;    top: 300px;    width: 515px;    z-index: 9999;}
.header_bg{	background: #ffffff;}
.header_bg1 {	border-top:8px groove #20acb8;	background: url('../images/slider_bg.jpg') no-repeat  left;	background-size: 100%;}
.logo{ float:left; margin:15px 0}
/* search */
.h_search{	width:20%;	position: relative; margin-left:15px;	margin-top: 2%;}
.h_search form{	width: 100%;}
.h_search form input[type="text"]{padding:6px 10px;	outline: none;	color: #c6c6c6;	font-size: 13px;	border: 1px solid rgb(236, 236, 236);	background: #FFFFFF;	width:85%;	line-height: 22px;	position: relative;	-webkit-appearance: none;}
.h_search form input[type="submit"]{background:#3B3B3B url(../images/search-icon.png) no-repeat 8px 8px; font-size:0; height:36px;	border: none;	cursor: pointer;	width:40px;	position: absolute;	line-height: 1.5em;	outline: none;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;	-webkit-appearance: none;}
.submit{ margin:0 auto !important; padding:0 !important;  margin-top:30px !important;}
.h_search form input[type="submit"]:hover {	background: #f48d3e url(../images/search-icon.png) no-repeat 8px 8px;}
/* menu */
.navigation{ float:right; margin-top:10px;}
.h_menu{padding: 0; background: transparent}
.navbar {position: relative;margin-bottom: 0px;	border: none; padding-right:20px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background:none; }
.navbar-default {background:none;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{
	color: #50c5c2; background:none !important;}
.navbar-default .navbar-nav > li > a {	color: #666;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.nav > li {}
.nav > li > a {	font-size: 16px !important;	padding:15px 10px;	text-transform: uppercase;}
/* start soc_icons */
.soc_icons {}
.soc_icons ul{	margin-bottom: 0;}
.soc_icons ul li{	display:inline-block; margin-left: -3px; background:#fff; border-radius:100%; margin-top:10px; margin-right:5px;}
.soc_icons ul li a{	color:#666;	font-size: 16px;	display: block;	line-height: 30px;	width: 30px; height:30px;		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.soc_icons ul li a:hover{
	background: #50c5c2; border-radius:50%; color:#fff;
}
/* start main */
.main_bg{	background: #ffffff;}
.main{	padding: 1% 0;}
.main .col-md-3{ padding:0 5px;box-sizing:border-box;}

.brd{ border:1px solid #ddd; padding:5px; box-sizing:border-box; border-radius:5px;}
.images_1_of_4 img{	display: inline-block;}
.images_1_of_4 h4 {	margin:8px 0; font-size:18px; font-weight:400; color:#20acb8; border-bottom:1px solid #f1f1f1; padding-bottom:10px; text-align:left}
.images_1_of_4_ul{ margin:0; padding:0;}
.images_1_of_4_ul li{ list-style:none; text-align:left; font-size:1em; background:url(../images/list.png) no-repeat 0 9px; line-height:26px; padding-left:20px;}
.images_1_of_4_ul li a{ color:#333;}
.images_1_of_4  span{	display: block;	text-align: center;	margin: 0 auto;}
.bg{	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;	border-radius: 75px;	-webkit-border-radius: 75px;	-moz-border-radius: 75px;	-o-border-radius: 75px;}
/* Button 1 */
.fa-btn {	font-size: 14px;	background: none;	cursor: pointer;	padding: 12px 40px;	display: inline-block;	margin: 10px 0px;	text-transform: uppercase;	outline: none;	position: relative;	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;	border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	-o-border-radius: 4px;}
.fa-btn:after {	content: '';	position: absolute;	z-index: -1;	-webkit-transition: all 0.3s;	-moz-transition: all 0.3s;	transition: all 0.3s;}
.btn-1 {	border: 2px solid #ff5454;	color: #3b3b3b;}
/* Button 1e */
.btn-1e {	overflow: hidden;}
.readmore{ text-align:center;font-family: 'Lato', sans-serif; font-weight:400; background:#20ACB8;  padding:5px 10px; width:100px; margin:10px auto; border:1px solid #ddd; border-radius:5px;}
.readmore a{color:#fff; font-size:15px }
.readmore:hover{ opacity:0.9; background:#F48D3E; border-color:#F48D3E;transition: all 0.5s ease 0s;}

.learnmore{ text-align:center !important;padding:1px 0px !important;}
.learnmore a{color:#000000; font-weight:bold; }
.contnet{ margin-bottom:20px;}



.top{ background:#20acb8; padding:20px; }
.top h1{ font-size:2em; font-weight:bold; color:#fff; margin:0; padding:0px 0px 10px 0px;}
.top ul { margin:0; padding:0; }
.top ul li{ list-style:none; display:inherit; color:#fff; background:url(../images/arrow.png) no-repeat left center; padding-left:24px; font-size:18px; font-style:italic; }
.top ul li a{ color:#fff}
.bottom{ margin-top:40px;}
.bottom h1{font-size:24px; font-weight:bold; color:#20acb8; padding:0px 0px 10px 0px;}
.tip1{ background:url(../images/tip1.png) no-repeat; background-position:top left; }
.tip1 h1{ font-size:2em; padding-left:45px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.tip1 p{ font-size:1em; padding-left:45px;  color:#666;}
.tip2{ background:url(../images/tip-2.png) no-repeat; background-position:top left; }
.tip2 h1{ font-size:2em; padding-left:45px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.tip2 p{ font-size:1em; padding-left:45px;  color:#666}
.tip3{ background:url(../images/tip-3.png) no-repeat; background-position:top left; }
.tip3 h1{ font-size:2em; padding-left:45px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.tip3 p{ font-size:1em; padding-left:45px; color:#666}
.listing_heading{ text-align:center !important; height:275px; margin-bottom:20px;}
.listing_heading h3{ padding:5px 0px;  border-bottom:1px solid #ddd; margin-bottom:5px; margin-top:0px; color:#333; font-size:13px; font-weight:700}
.listing_heading p{ padding:0; font-family:Lato-Light, sans-serif;  font-size:12px; color:#333; line-height:20px;}
.listing_heading p a{ text-align:center !important;}
.footer_menu{}
.footer_menu h3{ font-size:17px; font-weight:bold; color:#20acb8; padding-bottom:0px;}
.footer_menu h3 a{color:#20acb8}
.footer_menu ul{ margin:0; padding:0;}
.footer_menu ul li{ font-size:14px;  list-style:none; background:url(../images/footer.png) no-repeat ;background-position:left center; padding-left:15px; line-height:25px;}
.footer_menu ul li a{color:#333 !important;}

.about{ background:url(../images/about-us.png) no-repeat 0 4px; }
.about h1{ font-size:2em; padding-left:7px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.about a{ font-size:1em; padding-left:7px; font-weight:bold;  color:#666;}

.contact{ background:url(../images/telephone.png) no-repeat 0 4px;}
.contact h1{ font-size:2em; padding-left:7px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.contact a{ font-size:1em; padding-left:7px; font-weight:bold;  color:#666; line-height:30px;}

.service{ background:url(../images/footer_service.png) no-repeat 0 4px;}
.service h1{ font-size:2em; padding-left:9px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.service a{ font-size:1em; padding-left:9px; font-weight:bold;  color:#666;line-height:30px;}

.category_box {position: relative;margin-bottom: 20px;background: #fff;/* padding: 4px; */border-radius: 5px;}
.category_name {position: static;border-top: 1px solid #ccc;padding: 5px;border-radius: 0!important;background: rgba(255,255,255,0.8);/* text-transform: uppercase; */font-family: 'SF Pro Display', sans-serif;font-size: 13px;font-weight: 600;letter-spacing: 2px;text-align: left;text-align: center;min-height: 62px;display: flex;justify-content: center;border-radius: 5px;align-items: center;/* border: 1px solid #3775b3; */}
.category_box:hover .category_name a {text-decoration:none; color: #000}
.categoryimg {min-height: 275px;width: 80%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.right_section .category_box {margin-bottom:20px;border: 1px solid #ccc;border-radius: 0;}
.right_section .col-md-4{padding-right: 10px;padding-left: 10px;}
.product{background:#fff; border:1px solid #ddd; margin-top:20px; margin-bottom:20px;  height:201px ;overflow:hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 2px 0 rgba(0, 0, 0, 0.12) !important;}
.product:hover .product_name{ display:block;}
.product_name{ background:rgba(32,172,184,0.9); font-size:12px;width:89%; padding:3%;text-align:center; position:absolute; bottom:20px;}
.product_name a{color:#fff; font-size:16px; line-height:normal;}
.product_name h2{ color: #fff; font-family: Lato-Light,sans-serif;    font-size: 18px !important;    margin: 0;    line-height: 34px;    text-align: center;}
/*.product:hover.product img{transform: scale(1.3);transition: all .5s ease-in-out; }
*/
.btn{/* border-radius:0 !important; */}
.details{ border:1px solid #f1f1f1; margin-top:20px; margin-bottom:20px; overflow:hidden; padding:10px 0px;}
.details h3{ font-size:18px; font-weight:600; color:#20acb8; margin:0;  border-bottom:1px solid #f1f1f1; padding-bottom:5px;}
.details p{ font-size:15px; line-height:25px; color:#444; }
.details .link{ display:block; padding:10px;}
.details span{ font-size:15px; line-height:25px; color:#666;}
.btngroup{ float:right;}
.details_heading{ font-size:2em; color:#357ebd; margin:30px 0px 30px 0px; font-family: Lato-Light,sans-serif;}
.bg-color{border:1px solid #f1f1f1; padding:5px;box-sizing:border-box;}
.details_name h3{ margin-top:0;}

.prd-list {margin-bottom:40px;border: 1px solid #ccc; padding-bottom:15px;}
.prd-list:hover {border-color:#e1e1e1; box-shadow:0 0 2px 2px rgba(0,0,0,0.05);}
.product_img {height:256px;background: #fff; margin-bottom:15px; overflow:hidden;display: flex;align-items: center;width: 80%;padding: 2rem 0;margin: 0 auto;}
.product_img img {width:100%; overflow:hidden;}
.prd-list h3{ margin: 0;}
.prd-list h3 a{ font-size:18px;color:#20ACB8; text-transform:capitalize !important;}
.main-sec .thumb{ padding:5px; border:1px solid #ddd; box-sizing:border-box; min-height:180px;}
.main-sec .btn-sectn{ background:#E0E0E0; padding:10px 5px; box-sizing:border-box; text-align:center}

.product_listing_box {padding:0 0 30px;}
.prod_info, .prod_btn {padding:0 15px;}
.prod_info h3 {font-size: 16px; font-weight:600;height: 45px;margin-top: 20px;}
.prod_info h3 > a {color:#333; font-size:inherit; font-family:inherit; font-weight:inherit;}

/*.main-sec .btn-sectn ul{ list-style:none;  padding:0; margin:0;}
.main-sec .btn-sectn ul li{ float:left; border-right:1px solid #999; padding:5px 12px;}
.main-sec .btn-sectn ul li .btn{ padding:0;}
.main-sec .btn-sectn ul li:last-child{ border-right:none;}
*/
.loading_page span {padding:10px; background:#fcfefc url(../images/loading2.gif) center center no-repeat; display:block;}

.product-code{ padding:5px 0; box-sizing:border-box;  color:#50c5c2; font-size:16px; font-weight:600; display:inline-block;}
.desc {font-size:14px; color:#888; height:45px; overflow:hidden; margin-bottom:20px;}
.bread-crumbs{border-bottom:1px dotted #ccc; margin:0 15px; padding-bottom:5px; margin-bottom:30px; color:#ccc;}
.bread-crumbs a {color:#999;}
.bread-crumbs a:hover {color:#50c5c2; text-decoration:none;}
.social{ padding:10px 0px;}
.btn-list{ margin:20px 0 ; padding:0;}
.btn-list li{ list-style:none; display:inline-block; }
.btn-list li a{display:block; padding:5px 10px; margin-right:10px; color:#999;}
.btn-list li a:hover {background:#50c5c2; color:#fff; text-decoration:none;}
.btn-list li .btn{ padding:0; background:none; outline:none;}
.btn-list input[type=image]{ border:none; background:none; padding:0; outline:none;}
.btn-list li span{ height:40px; width:40px; background:#fff; border-radius:100%; border:1px solid #ddd; display:block; text-align:center; margin:0 auto 5px auto;}
.btn-list li span .fa{ font-size:18px; padding-top:5px;}

.page_inner_full {box-shadow:0px 5px 10pxrgba(0,0,0,0.1) inset;padding: 20px 0; min-height:600px;}

.btn_half {float:left; width:50%; padding:0 5px 0 0;}
.btn_half + .btn_half {padding:0 0 0 5px;}
.btn-product {border:1px solid #50c5c2; color:#50c5c2; display:block;}
.btn-product:hover, .btn-product:active, .btn-product:focus {background:#50c5c2; color:#fff;}

.details-text{ margin:20px 0;}
.details-text p{ font-size:1.6em; color:#666; font-family: Lato-Light,sans-serif; }
.border{ border:1px solid #f1f1f1;}
.border-1{ border:1px solid #f1f1f1;  margin-top:20px; width:103%;}
.heading{ }
.heading p{color:#20acb8;font-size:18px;}
.code{margin:0; padding:0; float:left;}
.code p{ font-size:18px; color:#50c5c2; text-align:left;  line-height:20px; padding-top:10px; font-weight:600;}
.print{ float:right;}
.print a{ color:orange;}
.print a .fa{ font-size:18px; }
.description { background:#f5f5f5; width:100%; padding:0;}
.description h3{ margin:0 ; padding:10px; font-size:22px; font-family: Lato-Light,sans-serif;}
.description div { background:none;}
.des_text{}
.des_text p{ margin:0;font-size:15px; color:#333; line-height:20px; padding:10px 0px;}
.btn_details{}
.btn_details div{ text-align:center; border-right:1px solid #f1f1f1;}
.btn_details div p{font-size:16px; color:#666; font-family: Lato-Light,sans-serif;}

.detail_right_info .des_text, .detail_right_info .des_text p {font-size:18px; color:#888; line-height:25px;}
.detail_right_info .btn-product {padding:10px 25px; font-size:20px; width:auto; display:inline-block;}

.divider_line {border-top:1px dotted #ccc; clear:both; margin:20px 0;}

.detail_big_img .border {padding:15px;}

.login_inner {padding:25px 30px; background:#f1f1f1;}
.form_field_list {margin:0; padding:0;}
.form_field_list li {list-style:none; margin:10px 0; padding:0;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {border:none;}
.register_inner {margin-left:30px;}

.btn-inline {display:inline-block; width:auto; padding-left:25px; padding-right:25px;}
.close_btn {padding:5px 6px 5px 5px; color:#999; height:35px; width:35px; text-align:center; cursor:pointer;}
.close_btn:hover {background:#50c5c2; color:#fff;}

.close_btn .fa {transform:rotate(45deg);}

.enquiry-pop-form ul{ list-style:none; margin:0; padding:0;}
.enquiry-pop-form h2{ color:#20acb8; font-size:24px; font-weight:400; margin-top:0; margin-bottom:15px}
.enquiry-pop-form li{ margin-bottom:7px;}
.enquiry-pop-form li:last-child{ margin-bottom:0}
.enquiry-pop-form li span{ width:130px; float:left}
.enquiry-pop-form li .form-control{ width:300px;}
.enquiry-pop-form li .btn-primary{border:none; padding:7px 18px; transition:background .5s}
.enquiry-pop-form li .btn-primary:hover{ background:#333}
.checkout-form ul{ list-style:none; margin:0; padding:0;}
.checkout-form li{ margin-bottom:10px;}
.checkout-form li:last-child{ margin-bottom:0}
.checkout-form li span{ width:150px; float:left; line-height:30px;}
.checkout-form li .form-control{ width:300px;}
.checkout-form li .btn-primary{ border-radius:4px; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; padding:7px 18px; transition:background .5s}
.checkout-form li .btn-primary:hover{ background:#333}
.login-form { background:#f5f5f5; border:1px solid #f1f1f1; padding:15px; width:48%}
.login-form h2{ font-size:20px; margin-top:0; margin-bottom:20px;}
.login-form ul{ list-style:none; margin:0; padding:0;}
.login-form li{ margin-bottom:10px;}
.login-form li:last-child{ margin-bottom:0}
.login-form li span{ width:130px; float:left; line-height:30px;}
.login-form li .form-control{ width:230px;}
.login-form li .btn-primary{ border-radius:4px; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; padding:7px 18px; transition:background .5s}
.checkout-form li .btn-primary:hover{ background:#333}
.star{ color:#F00}

table.shopping_cart{border-width: 1px; border-color: #f1f1f1; border-collapse: collapse;}
table.shopping_cart th {border-color: #e1e1e1; background-color: #48b6bf;  border-width: 1px; color:#fff; padding: 8px; border-style: solid; }
table.shopping_cart tr:nth-child(even){ background:#f5f5f5}
table.shopping_cart tr:nth-child(odd){ background:#fff}
table.shopping_cart td {border-width: 1px; padding: 8px; border-style: solid; border-color: #f1f1f1; }

.left_section{margin: 10px;}
.left_section h3{ background:#333; font-size:1.5em; padding:10px; color:#fff; font-family: Lato-Light, sans-serif; margin:0;}

.right_section{ margin:0px 0px 0px 20px;}
.right_section .details_heading{ line-height:44px; margin:0 0 2px 0; text-transform:uppercase}

.bullet2 {margin:0 0 20px 0; padding:0; overflow:hidden; padding-left:22px;}
.bullet2 ul {margin:0; padding:0; border:none;  }
.bullet2 li {list-style-image:url(../images/bullet.jpg); float:left; line-height:21px; padding-bottom:3px; color:#000; font-weight:normal; width:35%; }
.bullet2 li a {color:#606060; text-decoration:none;}
.bullet2 li a:hover {color:#606060; text-decoration:underline;}

.paging{margin-bottom:20px;}
.paging .alpha{ background:#666; color:#fff; display:inline-block; padding:2px 8px; margin-bottom:5px; text-decoration:none; transition:background .5s}
.paging .alpha:hover{ background:#20acb8}

.paging .pagelinks{ background:#666; color:#fff; display:inline-block; margin-bottom:7px; padding:2px 8px; text-decoration:none; transition:background .5s}
.paging .pagelinks:hover{ background:#20acb8}
.paging .active{ background:#20acb8; color:#fff; display:inline-block; padding:2px 6px;}

.center{ background:url(../images/center.png) no-repeat 0 5px; }
.center h1{ font-size:2em; padding-left:7px; font-weight:bold; padding-bottom:0; margin-bottom:0;}
.center a{ font-size:1em; padding-left:14px; font-weight:bold;  color:#666;line-height:30px;}
.footer_menu_bottom{ margin:0 ; padding:0;}
.footer_menu_bottom li { float:left; list-style:none; }
.content_right h4{	color: #353535;	font-size: 2.5em;	font-family: 'texgyreadventorregular';	line-height: 1.5em;}
.content_right h4 span{	color: #ff5454;}
.content_right a{	position: relative;	z-index: 1;}

.left-menu{ padding-right:0 !important;border: 1px solid #ccc;padding-left: 0;}
.left-menu h2 { margin-bottom: 0; padding: 10px; background: #f5f5f7; font-size: 25px; font-weight: 500; }
#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal;
  text-decoration: none; line-height: 1; font-size: 14px; position: relative;}
#cssmenu a {line-height: 1.3; }
#cssmenu {background: #fff;}
#cssmenu > ul > li {margin:0;}
#cssmenu > ul > li + li {border-top:1px dotted #ccc;}
#cssmenu > ul > li:last-child {margin: 0;}
#cssmenu > ul > li > a {font-size: 16px;display: block;color: #333;}
#cssmenu > ul > li > a > span {display: block; padding: 10px 0px;font-size: 15px;}
#cssmenu > ul > li > a:hover {text-decoration: none; color:#50c5c2}
#cssmenu > ul > li a.active { color:#50c5c2}

#cssmenu > ul > li.has-sub > a span {position:relative;}
#cssmenu > ul > li.has-sub > a span:after {content:'\f055'; font-family:FontAwesome; position:absolute; right:0; top:10px;}
#cssmenu > ul > li.has-sub.active > a span:after {content:'\f056';}
#cssmenu > ul > li.has-sub.active > a span, #cssmenu > ul > li.has-sub.active > a {color:#50c5c2;}
/* Sub menu */
#cssmenu ul ul {padding:0;  display: none;}
#cssmenu ul ul li {padding:0; border-top:1px solid #e1e1e1;} 
#cssmenu ul ul a {display: block;  color: #595959; font-size: 14px; padding:10px 0;}

.category_info_box {background:#f5f5f7; padding:25px; margin-bottom:25px;}

.shopping .fright{padding-left: 20px;}
/* start footer */
.footer_bg{	background: #f1f1f1; font-size:13px; padding:20px 0}
.footer_bg{ margin-bottom:0}
.footer_bg .designby{ text-align:right}
.footer-menu{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px;}
.footer-menu ul{ list-style:none; margin:0; padding:0; text-align:center }
.footer-menu ul li{border-right:1px solid #ccc; display:inline-block; padding:0 13px}
.footer-menu ul li:last-child{ border:none}

.header_scroll{background:#fff; border-bottom:1px solid #e1e1e1; display:none; height:70px; padding:10px 0; position:fixed; top:0; width:100%; z-index:99999}
.header_scroll .logo{ margin-top:5px}
.header_scroll .nav{float:right;}
.header_scroll .nav > li.active > a {color:#50c5c2;}



.footer-icon{overflow:hidden; padding:10px 0; text-align:center}
.footer-icon .col-md-3{ border-style:solid; border-width:1px 1px 1px 0px; border-color:#ddd; padding:15px;}
.footer-icon .col-md-3:first-child{ border-left:1px solid #ddd; }
.footer-icon span.icon{ width:60px; float:left; font-size:45px;}
.footer-icon span.txt{ width:190px; float:right; text-align:left; text-transform:uppercase; font-weight:300;font-family: 'Lato', sans-serif; font-size:17px; padding-top:10px;}
.footer-icon span.txt span{ display:block; font-size:12px; text-transform:capitalize;}
.qty{ border:1px solid #f1f1f1; border-radius:5px; text-align:center;}


.ng-table{ width:100%; background:#fff; margin-bottom:20px;}
.ng-table tr th{ background:#fafafa; color:#333; font-size:14px; text-align:left; font-weight:normal; padding:8px 12px; }
.ng-table tr td{ padding:8px 12px; background:#fff; border:1px solid #f1f1f1;}
.ng-table tr:nth-child(odd){ background:#fff}
.ng-table tr:nth-child(even){ background:#ddd}

.nxt{ text-align:right;}

.banner_bot_mar {margin-bottom:31px;}
.copyright {float:left;}
.soc_med_links {float:right;}

/***** Media Quries *****/
/***** new_section_2jan *****/
.home_categories {padding: 4rem 0;background: #e5e5e5;}
.home_categories h1{margin-bottom: 30px;padding-bottom: 0;margin-top: 0;}
.images_outer {    max-height: 210px;    overflow: hidden;}

/***** new_section_2jan *****/
/***** Media Quries *****/
.mid_colarea {    padding: 60px 0px 20px 0px;}
.listbox{list-style: none; padding: 0; margin: 0 -15px;}
.listbox h3 {    color: #333;    font-size: 20px;    padding: 13px 0px;    margin: 0; font-weight: 500}
.listbox p{ font-size: 14px; color: #333 }
.listbox li{width: 50%; float: left; padding: 15px; }
.listbox li .btn{background: #456aac; color: #fff; padding-top: 5px;}
.left_pannel {    width: 216px;    float: left;    overflow: hidden;}
.left_pannel img{width: 100%;border-radius: 5px;/* padding: 5px; */}
.right_text{ margin-left: 240px; }
.out_div{background: #f6f6f6;box-shadow: 0 0 3px #00000069;border-radius: 10px;padding: 5px;}
/***** Media Quries *****/
/***** about_section *****/
.about_section{position: relative;background: #3775b3;margin: 30px 0px 0px;padding: 4rem 0;}
.about_section h1{color: #fff;margin-bottom: 30px;margin-top: 0;padding-bottom: 0;}
.about_text{/* padding: 50px 40px 50px 0px; */}
.about_text h3{ color: #fff;  font-weight: bold}
.about_text p{ color: #fff;  }
.about_left_images{ position: absolute; width: 50%; right: 0px; bottom: 0px; top: 0px; background-repeat: no-repeat !important; background-position: top right !important; background-size: cover !important;}
/***** about_section *****/
/***** down_section_about *****/
.fac_section {    background: #2d3e50;    padding: 60px 0px;  }
.intro_box {    text-align: center; }
.intro_box h3{text-align: center;font-size: 30px;font-weight: 500;text-transform: uppercase;color: #fff;margin: 0px;}
.intro_box span{ font-size: 12px; color: #fff;  text-transform: uppercase; font-weight: 500;}
.lab_element{ text-align: center; margin-top: 40px;}
.lab_element h4{ color: #fff;font-weight: 500;position: relative;  font-size: 20px;}
.lab_element h4::after{ content: "";display: block;width: 60px;background: #fff;height: 2px;position: absolute;top: 26px;left: 0px;right: 0px;margin: 0 auto; }
.lab_element span{color: #fff;font-size: 30px;font-weight: bold;margin-top: 19px;display: block; }
/***** down_section_about *****/
/***** new_pannel *****/
.new_pannel{ padding: 50px 0px 40px;}
.pannel_content { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; }
.pannel_new_images {    width: 60px;    height: 60px; margin-bottom: 30px;}
.pannel_content h3{font-size: 18px;font-weight: 400;color: #3775b3}
.pannel_new_images img{ max-width: 100%; height: 100% }
/***** contact *****/

/***** culture_box *****/
.box_img {    background: url(../images/img.jpg) center center no-repeat;        background-size: auto auto;    background-size: cover;    height: 400px;    width: 100%;}
.box_grid {    margin: 0 0 0 -10px;    padding: 0;}
.box_grid > li {    list-style: none;    float: left;    width: 50%;    padding-left: 10px;    margin-bottom: 10px;}
.box_title {    font-family: 'Lato', sans-serif;    font-size: 34px;    font-weight: 300;    line-height: 120%;    margin-bottom: 20px;}
.box_grid > li > a p, .box_grid > li > a .course_title {    color: #fff;}
.box_grid > li > a::after {    content: '';    display: block;    width: 0;    height: 6px;    background: #1b61a7;    transition: 0.6s;    position: absolute;    left: 0;
    bottom: 0;}
.box_grid > li > a {    display: block;    height: 195px;    background: #299edb;    padding: 30px;    color: #fff;    position: relative;    text-decoration: none !important;}
.box_grid > li:nth-child(2) > a {    background: #298cdb;}
.box_grid > li:nth-child(3) > a {    background: #689dd8;}
.box_grid > li:nth-child(4) > a {    background: #33b8f6;}
.culsulting_section{ margin: 60px 0px 0px; }

/***** culture_box *****/

/***** culture_box *****/
.add_circle {    width: 300px;    height: 300px;    border-radius: 70%;    text-align: center; background: #3775b3; margin: 0 auto;}
.circle_text {    width: 80%;    margin: 0 auto;    padding: 70px 0px;    color: #fff;    font-size: 30px;    font-weight: bold;    line-height: 29px;}
.circle_text span{ font-size: 14px; display: block; line-height: 20px; margin-top: 20px;}
.contact_inner{ text-align: center;}
.contact_inner {    margin-top: 30px;}
.contact_inner h3{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.contact_inner p {    font-size: 15px;    line-height: 18px;}
.contact_inner a:hover{ color: #000;  text-decoration: none; }
.form_heading {    font-size: 25px;    font-weight: bold;    margin-bottom: 25px;}
/***** culture_box *****/
.footer_nav > ul{ margin:0px; padding: 0px;}
.footer_nav > ul > li{ display: block; list-style: none; }
.footer_nav > ul > li > a {    display: block;    color: #999;    text-decoration: none;     padding: 3px 5px; font-size: 15px; position: relative}
.footer_nav i{ margin-right: 5px; }
.footer_nav a:hover i{ color:#fff; }
.footer_title{ font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 15px; text-transform: uppercase}
.icon{ width: 12px; float: left}
.icon i{ color: #fff; }
.add_text{ margin-left: 26px; color:#fff;  margin-bottom: 11px;}
.footer_end{text-align: center;background: #19274c;padding: 30px 0px}
.footer_end h3{ font-size: 22px; color: #999 }
.footer_end p{ font-size: 12px; color: #999 }
/***footer***/
.fab_icon > li{ list-style: none; float: left; padding: 0px 20px 0px 5px;}
.fab_icon {    margin: 0;    padding: 0;}
.fab_icon > li > a{ display: block; color: #fff; font-size: 18px;}
/***footer***/


@media only screen and (max-width: 1440px) and (min-width: 240px)  {
	.wrap{		width:95%;	}
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1199px) {
	.slides_container div.slide, #banner-slides {height:420px;}
	.banner_text .btn {padding:5px 20px;}
	.banner_text p {font-size:22px;}
	.banner_bot_mar {margin-bottom:25px;}
	.product_listing_box .col-md-4 {width:50%;}
	.product_listing_box .col-md-4 .product_img {height:320px;}
	.listbox h3{ font-size: 16px; }
	.box_title {   font-size: 25px;  line-height: 29%;  margin-bottom: 20px;}
	
	
	
	
}
@media only screen and (max-width: 1024px) {
	.images_1_of_4 h4 a {	font-size: 1.2em;	}
	.content_right h4 {		font-size: 2em;	}
	.header_bg .container {
    width: 100%;
}
}

@media only screen and (max-width: 991px){
	/*----mid_colarea-----*/
	.listbox li {width: 100%;}
	.about_left_images {    width: 100%;    position: static;    height: 310px;}
	.pannel_content {    text-align: center;}
	.pannel_new_images{ margin:40px auto}
	.right_text {    padding-right: 15px;}
	/*----mid_colarea-----*/
	#contact-div {       margin-top: 10px;}
	.box_img{ margin-bottom: 15px; }
	
	
	
	
	
	

.header_scroll .container{display:none}
.header_scroll{background:rgba(32, 172, 184, 0); border:none}
.home-contact-form{ padding-bottom:15px}	
.home-contact-form .col-md-2{width:100%}
.form-group{ padding-bottom:15px}
.footer-icon .col-md-3{ border-bottom:1px solid #e1e1e1; margin-bottom:10px; padding-bottom:10px;}
.footer-icon .col-md-3:last-child{ border:none; margin-bottom:0; padding-bottom:0}

.navbar {padding-right:0px;}
.nav > li > a {padding-left:9px; padding-right:9px; font-size:14px !important;}
.category_listing .category_box img {width:100%;}
.banner_bot_mar {margin-bottom:18px;}
.right_section {margin-left:0px;}
.left-menu {float:none; padding-right:15px !important;}
.col-md-9.fright {float:none;}
.register_inner {margin:30px 0 0;}
}

@media only screen and (max-width: 800px) { 

.left-menu{ width:100%}
.fleft, .fright{ float:none;}
.login-form{ margin-bottom:20px; width:100%}
}
@media only screen and (max-width: 767px) {

	.navigation .soc_icons {display:none;}
	.navigation {float:none; clear:both; margin:0 -15px; position:relative; height:auto;}
	.navbar-toggle {position:absolute; right:15px; top:-55px; background:#fff;border:none;}
	.navbar {min-height:0px; height:auto;}
	.logo {margin:8px 0;}
	.navbar-nav {margin-top:0px; margin-bottom:0px;}
	.navbar-default .navbar-nav > li > a {color:#fff;}
	.h_menu {background:#50c5c2;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {color:#fff; background:rgba(255,255,255,0.1) !important;}
	.top_section .fright {float:right;}
	.slides_container div.slide, #banner-slides {/* height:270px; */}
	.banner_text {/* margin-top:45px; */}
	.banner_text h1 {font-size:45px; line-height:normal;}
	.banner_text p {text-transform:none; font-size:15px;}
	#banner-slides .next, #banner-slides .prev {padding:5px 10px; font-size:40px;}
	.gTranslator {display:none;}
	.home_banners {padding:20px 0;}
	.footer_top {padding:0px;}
	.footer_top .nav > li {display:block; text-align:left;}
	.footer_top .navbar-nav > li a {padding-left:15px; padding-right:15px; position:relative;}
	.footer_top .navbar-nav > li + li {border-top:1px solid rgba(255,255,255,0.1);}
	.footer_top .navbar-nav > li a:after {content:'\f105'; font-family:FontAwesome; position:absolute; right:15px; top:15px; font-size:20px; color:#aaa;}
	
	.log_section > ul > li > a {    display: block;    padding: 13px 15px 20px 3px;}
	.log_section {    float: none;    position: absolute;    top: -57px;    right: 0;}
	.navbar-toggle{     right: 175px; }
	.vernav a {width: 50%!important;margin-right: 0!important;margin-top: 0!important;float: left;padding: 10px 6px!important;}
	.vernav {padding: 15px 0px 30px!important;}
	.mobpad{padding: 10px!important;}
	.vernav a:before {margin-right: 5px!important;}
}
@media only screen and (max-width: 768px) {
.soc_icons {}
.soc_icons ul{	margin-bottom: 0; padding-left:20px;}
.soc_icons ul li{	display:inline-block; margin-left: -3px; background:#fff; border-radius:100%; margin-top:10px; margin-right:5px;}
.soc_icons ul li a{	color:#20acb8;	font-size: 16px;	display: block;	line-height: 30px;	width: 30px; height:30px;		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.soc_icons ul li a:hover{background: #f48d3e; border-radius:100%; color:#fff;}

	.logo{	text-align:center;	}
	.h_search {		width: 98%;		padding: 20px;	}
	
	.slider_bg {		background-size: 100% 100%;	}
	.main {		padding: 2% 0;	}
	.images_1_of_4{		margin-bottom: 4%;	}
	.main{		padding: 2%;	}
	.technology {		padding: 4%;	}
	.social_network_likes li {		width: 24.3333%;	}
	.tag_nav {		margin: 4% 0;	}
	.news_letter {		margin: 4% 0;	}
	.technology h4 {		font-size: 20px;	}.product{width:100% ;}
	.nav > li:first-child{ background:none;}
	
	
	.right_section{ margin-left:0}
	.bullet2 li{ width:50%}
	
	.footer-icon .col-md-3{ border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:10px;}
	.footer-icon .col-md-3:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0}
	.prd-list{ height:auto !important;}
	.nxt{text-align:center}
	
	
	
}
@media only screen and (max-width: 767px){
	.main-sec{ width:320px; margin:0 auto 20px; text-align:center;}
	.dtls{ text-align:left;}
}
@media only screen and (max-width: 680px){
	.product_listing_box .col-md-4 .product_img {height:275px;}
}
@media only screen and (max-width: 640px){
.soc_icons {}
.soc_icons ul{	margin-bottom: 0; padding-left:20px;}
.soc_icons ul li{	display:inline-block; margin-left: -3px; background:#fff; border-radius:100%; margin-top:10px; margin-right:5px;}
.soc_icons ul li a{	color:#20acb8;	font-size: 16px;	display: block;	line-height: 30px;	width: 30px; height:30px;		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.soc_icons ul li a:hover{background: #f48d3e; border-radius:100%; color:#fff;}

	.company_ad{
		margin-left: 0;
	}
	.blog_left h4 a {
		font-size: 1.2em;
	}
	.technology h4 {
		font-size: 17px;
	}.product{width:100% ;}
	.home-contact-form .form-group{ margin-bottom:0}
	.home-contact-form .captcha{width:100%}
	.home-contact-form p.blank{display:none}
	.home-contact-form .submit-btn{float:none; clear:both; margin-top:15px;}
	.footer-icon span.icon{ width:100%;}
	.footer-icon .col-md-3{ border:1px solid #f1f1f1; margin:0;}
	.footer-icon .col-md-3:last-child{border:1px solid #f1f1f1; padding-bottom:10px;}
	.footer-icon span.txt{ width:100%; text-align:center;}
	.bread-crumbs{ width:100%; float:left}
	.print{ float:none; text-align:left; padding-left:15px}
	
	/******** ONLY FOR TABLE *****/
	.none{ display:none !important;}
	table.responsive,
	table.responsive thead,
	table.responsive tbody,	
	table.responsive th,
	table.responsive td,
	table.responsive tr { display: block; }
	table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
	table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; }
	table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative !important; padding-left: 50%; }
	table.responsive td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }
	table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; }
	table.responsive td:before { content: attr(data-content); height: 50px; font-weight:bold; }
	table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
	table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
	table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
	
	
	
	
}
@media only screen and (max-width: 580px){
	.product_listing_box .col-md-4 .product_img {height:220px;}
	
	/*----mid_colarea-----*/
	.left_pannel {    margin: 0 auto;    float: none;}
	.right_text {    margin-left: 0px;    text-align: center;     padding-right: 0px;     padding-bottom: 20px;}
	.out_div {    padding: 0px 10px; background: #fff;}
	.home_banners img {    width: 100%;}
	.search_icon {    display: none;}
	/*----mid_colarea-----*/
	.about_left_images{ height: 150px; }
	.pannel_new_images {    margin: 30px auto;}
	.fac_section { padding: 30px 0px;}
	.intro_box h3 { font-size: 23px;      margin-bottom: 10px;}
	.box_grid > li{width: 100%; float: none;  }
	.contact_inner {    margin-top: 30px;    margin-bottom: 30px;}
	.footer_top {    padding: 30px 0px;}
	.footer_title{ margin-top: 15px; }
	
	.logo {    width: 150px;   }	
	.navbar-default .navbar-toggle{top:-40px;}
	.log_section > ul > li > a {    display: block;    padding: 13px 6px 20px 3px; font-size: 0px;}
	.log_section i{ font-size: 18px; }
	.navbar-toggle {       right: 51px;}
	.logo img{ max-width: 100% }
}
@media only screen and (max-width: 540px){
	.product_listing_box .col-md-4 {width:100%;}
	.product_listing_box .col-md-4 .product_img {height:auto;}
}
@media only screen and (max-width: 480px) {
	.soc_icons ul{	margin-bottom: 0; padding-left:20px;}
	.soc_icons ul li{	display:inline-block; margin-left: -3px; background:#fff; border-radius:100%; margin-top:10px; margin-right:5px;}
	.soc_icons ul li a{	color:#20acb8;	font-size: 16px;	display: block;	line-height: 30px;	width: 30px; height:30px;		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
	.soc_icons ul li a:hover{background: #f48d3e; border-radius:100%; color:#fff;}
	
	.images_1_of_4 h4 {		margin: 20px 0 10px;	}
	.technology h2 {		font-size: 2em;	}
	.about h2 {		font-size: 2em;	}
	.company_ad h2 {		font-size: 2em;	}
	.contact-form h2 {		font-size: 2.5em;	}
	.blog_left h4 a {		font-size: 1em;	}
	.blog_list ul li {		margin-left: 5px;	}
	.blog_list li a {		padding: 4px 4px;	}
	.detail h2{		font-size: 2em;		}.product{width:100% ;}
.fleft, .fright{ float:none}
.top_section{ text-align:center; height:auto; padding-bottom:5px;}
.top_section ul li{ float:none; display:inline-block}
.top_section ul li:first-child{display:block; text-align:center}
.banner_bot_mar {margin-bottom:10px;}

.h_search{ padding:0; margin-bottom:10px; margin-left:0; width:100%}
.gTranslator {display:none !important;}
.top_section .fright {float:none;}


.login-form li span{ float:none}
.login-form h2{ font-size:18px; margin-bottom:7px}

.bullet2 li{ width:100%}

.caption_text{ display:none;}
#banner-slides .next, #banner-slides .prev{ display:none}

.images_1_of_4 img{ width:100%}
.banner_text {width:75%;}
.caption_text{ font-size:11px; width:300px; padding-right:15px;}
.footer_bg{ padding:5px 0}
.footer_bg .designby{ text-align:center}
.footer-menu ul li{ display:block; border-right:none; border-bottom:1px solid #ddd; line-height:30px;}

.btngroup{ float:none; text-align:center; margin-bottom:10px}

.enquiry-pop-form{ padding:10px; box-sizing:border-box;}
.enquiry-pop-form li span{ width:40%;}
.enquiry-pop-form li .form-control{ width:60%}

	.footer-icon span.txt{ font-size:12px;}
.btn-list li{ width:100%; margin-bottom:5px;}

}
@media only screen and (max-width: 479px) {
	.home_banners .col-xs-4 {width:100%; float:none; margin:15px 0;}
	.category_listing .col-xs-6 {width:100%;}

	.banner_text {margin-top:10px; width:100%; float:none !important; text-align:center !important;}
	.banner_text h1 {font-size:28px; text-align:center !important;}
	.banner_text p {margin-bottom:10px;}
	.banner_text .btn {font-size:14px;margin: 0 auto;}
	.copyright {font-size:14px;}
}
@media only screen and (max-width: 320px) {
.soc_icons {}
.soc_icons ul{	margin-bottom: 0; padding-left:0;}
.soc_icons ul li{	display:inline-block; margin-left: -3px; background:#fff; border-radius:100%; margin-top:10px; margin-right:5px;}
.soc_icons ul li a{	color:#20acb8;	font-size: 16px;	display: block;	line-height: 30px;	width: 30px; height:30px;		-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
.soc_icons ul li a:hover{background: #f48d3e; border-radius:100%; color:#fff;}
.product{width:100% ;}

	.nav .navbar-nav{ z-index:999;}
	.nav > li:first-child{ background:none;}
	.main {	padding: 8% 2%;	}
	.images_1_of_4 h4 {	margin: 15px 0 10px;}
	.social_network_likes li a p {	font-size: 12px;	}
	.images_1_of_4 span {	}
	.images_1_of_4 span i {	font-size: 5em;	line-height: 1.8em;	}
	.images_1_of_4 h4 a {
		font-size: 1em;
	}
	.technology h4 {
		font-size: 14px;
		line-height: 1.5em;
	}
	.blog_list ul li:nth-child(3){
		margin-left: 0;
	}
	#back-top {	position: fixed;bottom: 20px; margin-left:250px;}
}



.home_banners ul{list-style: none;display: flex;flex-wrap: wrap;margin: 0 -7px;padding: 0;}
.home_banners ul li{width: 25%;padding: 7px;}
.cbox{position: relative; display:flex;flex-wrap: wrap;/* height: 271px; *//* overflow: hidden; */width: 100%;}
.cbox img{width: 100%; height: 100%; object-fit: cover;border-radius: 5px;}
.cbox span{position: absolute;/* min-height: 90px; */line-height: 1.1;box-shadow: 2px 2px 0px #fdf4f4;border: 1px solid #ccc;border-top: 0;border-radius: 0 0 5px 5px;width: 100%;bottom: 0;text-align: center;display: block;font-size: 17px;font-weight: 500;color: #000;padding: 10px 8px;background: #fff;-webkit-transition: 0.5s ease;transition: 0.5s ease;/* -webkit-transform: scale(0); *//* transform: scale(0); */}
.container {
    width: 100%!important;
    padding: 0 9rem!important;
}
.cbox a {
    color: #1948d1;
    /* margin-top: 5px; */
    font-weight: 600;
}

.homenews{background: #e5e5e5;padding: 4rem 0;}
.homenews h2{font-weight: 600;}
.homenews .newslist ul{display: flex; flex-wrap: wrap; margin: 0 -15px 20px -15px;list-style: none;padding: 0;} 
.homenews .newslist ul li{width: 33.33%; padding: 15px;}
.homenews .newslist ul li .newsbox{box-shadow: 0 0 6px #ccc;}
.homenews .newslist ul li .newsimg{width: 100%; display: block; height: 250px;}
.homenews .newslist ul li .newsimg img{height: 100%;width: 100%;}
.homenews .newslist ul li .newstext{background:#fff; padding: 20px;}
.homenews .newslist ul li .newstext p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.homenews .newslist ul li .newstext h3{font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.viewbtn{margin-top: 10px;}
.about_section .container{padding: 0 20rem!important;}

@media   (max-width: 1280px) {
	.about_section .container{padding: 0 9rem!important;}

}

@media only screen and (max-width: 1024px) {
	.container {
    width: 100%!important;
    padding: 0 3rem!important;

}
.about_section .container{padding: 0 3rem!important;}
    .logo{width: 200px;}
.banner_text{height: 300px;width: 300px;}
.banner_text h1{font-size: 25px;}
.banner_text p{font-size: 14px;}
}

@media only screen and (max-width: 767px) {
.home_banners ul li{width: 33%;}
}

@media   (max-width: 767px) {
.top_section ul li .email, .top_section ul li span i{display: none;}
.homenews .newslist ul li{width: 50%;}
}

@media   (max-width: 600px) {
.home_banners ul li{width: 50%;}
.header_bg .container{padding: 0 1rem!important;}
.home_categories h1,.about_section h1{font-size: 20px;margin-bottom: 20px;}
.about_section, .home_categories {padding: 2rem 1rem;}
.homenews .newslist ul li{width: 100%;}
}

@media   (max-width: 489px) {
.cbox span {font-size: 14px;}
.top_section{display: flex;align-items: center;justify-content: space-between;}
.top_section ul li,.top_section ul li a{font-size: 11px;}
.slides_container div.slide, #banner-slides {height: 300px;}
.banner_text{height: 250px;width: 250px;top: 50%;left: 50%;transform: translate(-50%, -50%);margin-top: 0;}
.container { width: 100%!important; padding: 0 2rem!important; }
.category_box {margin-bottom: 10px;}
.category_name{min-height: 50px;}
.mid_colarea { padding: 20px 0px 20px 0px; }
.box_grid > li > a {height: 130px;}
.lab_element span {margin-top: 20px;}
.culsulting_section { margin: 20px 0px 0px; }
.contact_form_outer { background: #f5f5f7; padding: 30px 0 0px; margin-top: 20px; }
.contact_inner{margin-bottom: 10px;}
.form_heading {line-height: 1.1;margin-bottom: 15px;}
.about_section {margin-top: 0;}

}

.navbar-default .navbar-toggle { border-color: #ddd; position: absolute; right: 10px; }
.navbar-default .navbar-toggle .icon-bar{background-color: #000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #fff;}



/* Style the tab */
.vernav {
  float: left;
	width: 100%;
	background: #f2f4f6;
	padding: 15px 30px 30px;
	border-radius: 5px;
}

/* Style the buttons inside the tab */
.vernav a {
  display: block;
  color: black;
  padding: 15px 14px;
  background: #fff;
  border: 1px solid #d8d8d8;
  width: 100%;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
  border-bottom: 0;
}


/* Create an active/current "tab button" class */
.vernav a.active {
  color: var(--green);
}

/* Style the tab content */
.tabcontent {
  /*float: left;*/
  padding: 0px 12px;
  width: 93%;
  margin: 0 auto;
  border: none;
  height: 100%;
  margin-bottom: 25px;
}
h1.h1{text-align: left;}
.inner_heading{font-size: 24px;font-weight: 400;}
.woldwideheading{padding: 14px 8px;font-size: 18px;font-weight: 500;text-align: center;color: #fff;letter-spacing: 2px;background: var(--green);}
.tabcontent h3{font-size: 30px;margin-bottom: 20px;margin-top: 0;font-weight: 400;}
.tabcontent img{width: 100%;object-fit: cover;margin-bottom: 15px;}
.vernav a:last-child{border-bottom: 1px solid #d8d8d8;}
.vernav a{width: 24%;margin-right: 1%;margin-top: 1%;float: left;    padding: 10px 15px;}
.vernav a:before{display: inline-block;margin-right: 10px;content: "\f105";font-family: FontAwesome;}
.woldwideheading {
    padding: 14px 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    background: #3775b3
}
.padd3{padding: 4rem 0;}








@media (min-width: 768px) and (max-width: 1024px){
    .vernav a {
        width: 32%!important;
        padding: 10px 5px!important;
        font-size: 14px!important;
    }
}