@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
body{ border-top: 2px solid #114478; }
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#114478; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important; color:#333333;}
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;}
h1{ font-size:32px; color:#474747; font-weight:200; margin-bottom:18px; margin-top:20px; font-family: 'Open Sans', sans-serif;}
h1 span{ color:#F8BE14; font-weight:bold;}
.textjustify{text-align: justify;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
header{ margin:20px 0px;}
.logo img{ max-width:100%; padding-top: 10px;}
.header_right{ float:right; text-align:right; margin-top:2px;}
.header_call{ background:url(../images/call.png) left center no-repeat; padding:0px 20px 0px 25px; margin: 0px 20px 0px 0px; font-size:14px; font-weight:500; color:#114478; text-align:right; line-height:16px; font-family: 'Open Sans', sans-serif; display:inline-block; vertical-align:top;}
.header_mail{ background:url(../images/icon_mail_top.png) left center no-repeat; padding:0px 20px 0px 25px; margin: 0px 20px 0px 0px; border-right:1px solid #CCCCCC; font-size:15px; font-weight:500; color:#114478; text-align:right; line-height:16px; display:inline-block; vertical-align:top;}
.facebook_btn{ margin:0px 5px; padding:0px; display:inline-block; vertical-align:top;}
.twitter_btn{ margin:0px 5px; padding:0px; display:inline-block; vertical-align:top;}
.linkdedin_btn{ margin:0px; padding:0px; display:inline-block; vertical-align:top;}
img.divider_size{padding:0px 10px; display:inline-block; vertical-align:top;}
/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navigation{ background:white; margin-top: 10px;}
.navbar-nav{ float:none!important;}
.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:#004059!important; padding:17px 20px 18px 20px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color:#009BD7!important; color:#ffffff!important;}
.navbar-inverse .navbar-nav > li:hover > a{ color:#775900!important; background:#FDBE00;}
.nav > li{font-weight:300; font-size:13px; line-height:14px; color:#775900; text-transform:uppercase;}
.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:5px 10px;}
.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}
.navigationbg{ position:relative; z-index:3}
/* ------- Navigation Area End ------- */
.linkedin{float:right!important; font-size:13px!important; padding-top:2px; text-align: right; margin-top: -5px;}
/* ------- Home Banner Area Strat ------- */
.bannerarea {padding-top:20px;}
.banner_cntimg{ padding:0px 0px;}
.banner_title{font-family: 'Roboto', sans-serif; font-weight:200; font-size:50px; color:#fff; }
.banner_text{font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px; line-height:24px; color:#fff;}
.banner_btn a{  background-color:rgba(251, 186, 0, 0.9); color:#000000; font-size:16px; padding:15px 18px; border-radius: 8px;}
.banner_btn a:hover{background:#ffffff; color:#000000; font-weight:normal;}
.hm_banner{ position:relative;}
.inner_banner{ margin-bottom:40px; position:relative; margin: 0px auto; text-align: center;}
.inner_banner img{width: 100%;}
@-moz-document url-prefix() {
.banner_title{ top:33%!important;}	
}
/* ------- Home Banner Area End ------- */

/* ------- Inner Banner Area Strat ------- */
/* ------- Inner Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
.abouttextmarg{ margin:76px 0px; }
.title_line{ font-family: 'Open Sans', sans-serif; font-size:16px; line-height:25px; color:#1f1f1f; font-weight:200; line-height: 28px;}
.title_line h1{ font-size:35px; color:#114478; font-weight:700; margin-bottom:0px; margin-top:12px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; line-height: 20px;}
.title_line h1 span{ color:#1f1f1f; font-size: 16px; font-weight:bold; padding: 10px 20px 20px 0px; display: block;}
.title_line_img{width: 100%; text-align: center; margin: 0px auto; background: #ffffff; border:1px solid #cccccc; border-radius: 8px; padding: 15px 0px; }
h2.title_small{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:25px; color:#ffffff; font-weight:normal; padding:15px 0px 10px 0px; width: 100%; text-align: center; margin: 0px auto; }
.video_cnt_block{ background:url(../images/bg_products.jpg) right top fixed #114478; margin:0px 0px 0px 0px; padding:50px 0px 65px 0px;}
.video_block_title{ text-align:center; font-size:55px; color:#ffffff; font-weight:200; margin-bottom:25px; text-transform:uppercase;}
.btn_projectdetail{ margin-top:10px; text-align: center;}
.btn_projectdetail a{ color: #000000; }


.industriesweserved{padding: 50px 0px;}
.industriesweserved h1{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: 500; color: #114478; padding: 0px; margin: 0px;}
.industriesweserved h2{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 55px; font-weight: 200; color: #333333; padding-bottom: 40px;}
.industriesweserved .imggap{padding-bottom: 30px;}


.strength{background:url(../images/bg_strength.jpg) right top fixed #114478;  padding:70px 0px;}
.strength h1{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: 500; color: #000000; padding: 0px; margin: 0px;}
.strength h2{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 55px; font-weight: 200; color: #000000; padding-bottom: 40px;}
.strength ul li{background:url(../images/lidots.png) left 18px no-repeat; padding: 10px 0px 15px 30px; 
  font-size: 12px; color: #020202; font-family: 'Open Sans', sans-serif; font-weight: 500; border-bottom: 1px dotted #000000; line-height: 25px;}

.whyusbg{background:url(../images/whyus_bg.jpg) center top fixed #114478;  padding:70px 0px;}
.whyusbg h1{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 55px; font-weight: 700; color: #ffffff; padding: 0px 0px 20px 0px; margin: 0px; text-align: center;}
.whyusbg h3{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: 700; color: #ffffff; padding: 0px 0px 10px 0px; margin: 0px;}
.whyusbg p{font-family: 'Open Sans', sans-serif;  font-size: 15px!important; line-height: 25px!important; font-weight: 400; color: #ffffff!important; padding-bottom: 40px;}


.certificate{padding: 50px 0px;}
.certificate h1{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 25px; font-weight: 500; color: #114478; padding: 0px; margin: 0px;}
.certificate h2{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 55px; font-weight: 200; color: #333333; padding-bottom: 40px;}
.certificate .imggap{padding-bottom: 30px;}



/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:15px 20px;
  background:#f28f0c;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  border-radius: 8px;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 8px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: #000000;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.innerbg{background:url(../images/shadow_bg.jpg) right top repeat-x #F7F7F7;}
.inner{ padding-top:40px; margin-bottom:100px;  }
.inner h1{ font-size:32px; color:#474747; font-weight:200; margin-bottom:50px; font-family: 'Open Sans', sans-serif;}
.inner h1 span{ color:#114478; font-weight:bold;}
.inner h2{ font-size:20px; color:#474747; font-weight:500; margin-bottom:15px; font-family: 'Open Sans', sans-serif;}
.inner p{ font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; }
.inner ul.dots{ float:left;}
.inner ul.dots li{ background:url(../images/lidots.png) left 13px no-repeat;  font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; padding-left:20px;}
.inner .linedots{ border-bottom:1px dashed #bbbbbb; padding:10px 0px 10px 0px; margin:10px 0px 50px 0px;}
.inner .width100{width: 100%;}
.inner .contactpage .header_call1{ background:url(../images/btm_call.png) left 18px no-repeat; padding:15px 0px 0px 33px; border-right:none; font-size:15px; font-weight:normal; color:#333333; text-align:left; line-height:16px; vertical-align:top;}
.inner .contactpage .btm_address{ background:url(../images/icon_locationcontact.png) left 5px no-repeat; padding:0px 0px 0px 33px; border-right:none; font-size:15px; font-weight:300; color:#333333; text-align:left; line-height:22px; vertical-align:top;}
.inner .contactpage .btm_mail{ background:url(../images/btm_email.png) left center no-repeat; padding:15px 0px 15px 33px; border-right:none; font-size:15px; font-weight:normal; color:#333333; text-align:left; line-height:16px; vertical-align:top;}
/*table formate start here*/

table{ width: 100%; border-collapse: collapse;  }
tr:nth-of-type(odd) { background:#F8F8F8;}
th { background:#E9E9E9; color:#134577; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:bold; border-right:2px solid #FFF!important; padding:13px 10px!important; }
td, th { border:none; text-align: left; padding:10px 10px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#26516b; }

    td:nth-of-type(1) { content: ""; width:34%;}
    td:nth-of-type(2) { content: ""; width:33%;}
    td:nth-of-type(3) { content: ""; width:33%;}
    
td{ border-bottom: 1px solid #CCC; padding:20px 10px;}
th{ border-bottom: 2px solid #fff;}
/*table formate end here*/



.inner .appoint input{ background:#EEEEEE; width:90%; font-family:'Open Sans', sans-serif; border:none; 
margin:4px 0px 12px 0px; padding:30px 15px; font-size:13px; color:#7E7E7E;}
.inner .appoint textarea{ background:#EEEEEE; width:90%; font-family:'Open Sans', sans-serif; border:none; 
margin:4px 0px 12px 0px; padding:30px 15px; font-size:13px; color:#7E7E7E;}
.inner .btn{ background:#494949; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:5px; padding:10px 30px;         -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;}
.inner .btn a{color:#FFF;}
.inner .btn:hover{ background:#FBBA00; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:5px; padding:10px 30px;}

.contact a {text-decoration:none; color:#FBBA00; outline:none; text-decoration: none;}
.contact a:hover {text-decoration:none; color:#333333;}

.inner .borderinner img{outline: 1px solid white; outline-offset: -8px;}
.inner .breadcum{ font-size: 12px; color: #333333; font-family:'Open Sans', sans-serif; padding-top:30px; text-align: right; font-weight: bold;  }




/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

/* ----------- Images Gallery Css Strat ----------- */

/* ----------- Images Gallery Css End ----------- */

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */
footer{ background:url(../images/bg_map_btm.png) right bottom no-repeat #1a1a1a; padding:80px 0px; color:#fff; }
footer h4{ text-transform:uppercase; font-size:18px; color:#ff830e; font-weight:500; margin-bottom:20px;}
footer ul li a{ font-family:'Open Sans', sans-serif; font-size:13px; display:inline-block; width:100%; font-weight:300; 
color:#fff; border-bottom: 1px dotted #333333; padding: 9px 0px 9px 9px;}
footer ul li a:hover{ color:#FAB900; text-decoration: none; }
footer ul li a.active{ color:#FAB900; }

footer tr{ margin-bottom:7px; display:block;}
footer tr td{color:#777; vertical-align:top; margin-bottom:2px; line-height:22px; }
footer tr td a{ color:#fff;}
footer tr td:first-child{ padding-right:8px; }
footer .header_call1{ background:url(../images/btm_call.png) left 18px no-repeat; padding:15px 0px 0px 33px; border-right:none; font-size:13px; font-weight:normal; color:#fff; text-align:left; line-height:16px; display:inline-block; vertical-align:top;}
footer .btm_address{ background:url(../images/icon_locationcontact.png) left 5px no-repeat; padding:0px 0px 0px 33px; border-right:none; font-size:13px; font-weight:300; color:#fff; text-align:left; line-height:22px; display:inline-block; vertical-align:top;}
footer .btm_mail{ background:url(../images/btm_email.png) left center no-repeat; padding:15px 0px 15px 33px; border-right:none; font-size:13px; font-weight:normal; color:#fff; text-align:left; line-height:16px; display:inline-block; vertical-align:top;}
a.mailyellow{ color: #FAB900; }
a.mailyellow:hover{ color: #fff; text-decoration: none; }
.footer_bottom{background:#111111; padding:15px 0px; vertical-align:middle;}
.footer_bottom .copy_msg{font-family:'Open Sans', sans-serif; margin:8px 0px 8px 0px; text-align:center; font-size:11px; color:#ffffff;}
/* ------- Footer Area End ------- */

#toTop { background:#FFCB30; text-align:center; padding:8px 12px; border-radius: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;}
/* ========== Style Css End ========== */

/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 990px) 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 (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
.owl-carousel .owl-item .owl-item{ float:none; width:95%;}
.nav > li{ font-size:12px;}
.navbar-inverse .navbar-nav > li > a { padding: 17px 10px;}
.linkedin a{ margin:0px;}
.banner_btn{ margin-top:5px;}
.true_arrow li{ margin-bottom:15px;}
footer input[type="text"]{ width:64%;}
.footer_bottom ul.app_btn li { display: inline-block;  width: 47%;}
.footer_bottom ul.app_btn{ margin-top:10px;}
.footer_social{ margin-top:10px;}
.footer_bottom .payment{ margin-top:17px;}
.banner_btn{top:285px!important;}

}
@media (max-width: 990px) {
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.navbar-inverse .navbar-brand{ color:#121213;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:transparent;}
}
@media only screen and (max-width:1000px) {
.banner_text{ font-size:22px; margin-bottom:25px; line-height:26px;}
.banner_btn{ top:231px!important;}
.work_flow_bg{ display:none;}
.header_call{ display: none;}
.header_mail{display: none;}
.linkedin{display: none;}
.header_right{float: none;}
.navigation{background:#28577f;}
.header_right{margin-top:15px;}
.width100small{width: 100%}
.tab_space{ margin-top:50px;}
.footer_social{ text-align:center;}
.footer_bottom .payment{ margin-top:30px;}
.footer_bottom .copy_msg{ text-align:center; margin-top:33px;}
.footer_social li {display: inline-block;  float: none;}
.footer_bottom ul.app_btn li { display: inline-block; float:none; width:auto;}
.footer_bottom ul.app_btn{ text-align:center;}
.video_cnt_block{ margin-top:0px;}
.linkedin a, .blog a{ padding:15px 10px;}

}
@media screen and (min-width : 980px) and (max-width : 1024px) {

}
@media screen and (min-width : 400px) and (max-width : 1024px) {
}
@media screen and (min-width : 768px) and (max-width : 990px) {

}
@media screen and (min-width : 700px) and (max-width : 800px) {

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

}
@media only screen and (max-width:768px) {
	
}
@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:760px) {
.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:#FFCB30!important; border:#000 solid 1px!important;}
.navbar-inverse{ background:#FFCB30 !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;}
.work_flow .col-sm-3{ margin-bottom:30px;}
.video_block_title{ display:block;}
.video_block{ text-align:center; margin-top:30px;}
.video_block .img-responsive{ display:inline-block;}

.industriesweserved .imggap img{width: 100%;}
.btn_projectdetail{ margin-top:10px; margin-bottom:40px; text-align: center;}


footer .col-sm-4{ margin-bottom:30px;}
.tab_space { margin-top: 30px;}
.footer_social li a{ padding:5px 0px;}
.footer_social{ margin-bottom:30px;}
.footer_bottom{ text-align:center;}
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media only screen and (max-width:680px) {
.banner_btn { top: 70%!important;}
.banner_btn a{ font-size:13px;}
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media only screen and (max-width:640px) {
h1{ font-size:24px;}
.video_block_title{ font-size:24px;}
.track_input_box { max-width: 300px;}
.track_input_box button{ font-size:16px;}
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media (max-width: 480px) {
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media (max-width: 470px) {
	.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
  .certificate .imggap img{width: 100%;}
}
@media (max-width: 450px) {
.banner_btn { top: 80%!important;}
.banner_btn a{ font-size:10px; padding:7px;}
.banner_text{ font-size:30px; line-height:35px; width:100%; white-space:nowrap;}
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}	
.certificate .imggap img{width: 100%;}
}
@media (max-width: 400px) {
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media (max-width: 360px) {
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}
@media (max-width: 320px) {
.certificate .imggap{padding-bottom: 30px; display: inline-table; width: 49%;}
.certificate .imggap img{width: 100%;}
}