@charset "utf-8";
/* CSS Document */
.nav-pills.re-me li a{ background:#fff;}
@media only screen and (max-width: 1199px) {
.bn-con h1{ font-size:45px;}
.bn-con p{ padding-right:0;}	
.bn-h .mr-8{ margin-top:60px;} 	
.re-c {background:url(../../images/frontend/what-b.png) no-repeat; background-size: 100%;margin-bottom: 30px;width: 100%;}
footer ul.nav li a{ padding:0 15px;}
.re-inner{ background: none;}
.heading-style3{font-size: 40px;}
.heading-style3:after{ margin-top:8px;}
}

@media only screen and (max-width: 992px) {
	
	
	.bn-lo a img{  margin-right:5px;}
	.bn-lo a span{ font-size:16px;}
	.bn-con h1 {font-size: 28px;}
	.bn-con p{ font-size:16px;}
	.bh-l {padding: 10px 20px;}
	.nav-pills.re-me li a span{ font-size:16px;}
	.nav-pills.re-me li a span.icon-c{ font-size:18px;}
	.col-2{ width:25%;}
	.heading-style1 ,.heading-style2 {font-size: 40px;}
	.heading-style1::after ,.heading-style2::after{ margin-top:8px;}
	.heading-con2{ padding:0 13%;}
	.ofc-l span{ font-size:45px;}
	.ofc-l h3{ font-size:20px;}
	.ofc-l {padding: 20px 15px;}
	.ofc-l p{ font-size:15px;}
	footer .col-sm-6{ width:100%; text-align:center;}
	footer p{text-align:center; margin-bottom:10px;}
	footer ul.nav {float: none;display: inline-block; }
	.bn-lo{padding: 10px 70px;}
}

@media only screen and (max-width:767px) {
	.bh-lw {max-width: 190px;}
	.bn-lo {padding-top:10px; line-height: 0;}
	.bn-con p {padding-right: 42%;}
	.bn-con h1 {font-size: 24px; margin-bottom:5px;}
	.bn-h .mr-8 {margin-top: 50px;}
	.nav-pills.re-me li a{padding: 6px 14px;}
	.re-logo li span {padding: 10px 10px;}
	
	.ofc-w .row.mr-5{ padding:0 20%; margin-top:20px;}
	.ofc-l{ margin-bottom:15px; padding:30px;}
	
	.heading-style3 {   margin-top: 100px;}
	
	.re-inner {
    margin: 20px 0 0px;
}
}

@media only screen and (max-width:639px) {
	.bn-h{ background: url(../img/banner-mobile.jpg) no-repeat; background-size: cover; position:static;}
	.bh-w .full-img{ display:none;}
	.bn-con{ text-align:center; /*padding-bottom:20px;*/}
	.bn-con p{ padding:0 20px;}
	.nav-pills.re-me li a{  -ms-transform: skewX(0deg); /* IE 9 */-webkit-transform: skewX(0deg); transform: skewX(0deg);}
	.nav-pills.re-me li a span {-ms-transform: skewX(0deg);-webkit-transform: skewX(0deg); transform: skewX(0deg);}
	.nav-pills.re-me li {float: none;display: inline-block;width: 49%;margin: 0;padding: 0 5px;box-sizing: border-box; margin-bottom:10px;}
	.col-2 {width: 33.3%;}
	.re-c .heading-style1{ margin-top:40px;}
	.ofc-w{ padding-top:160px; padding-bottom:60px;}
	.ofc-w::after{ height:120px;}
	.re-c{ margin-bottom:10px;}
	.re-inner-in {padding: 0 5%;}
    .bn-lo a img{ display:none;}
	.bn-lo {padding: 12px 50px;}
}
@media only screen and (max-width:479px) {
	
	.nav-pills.re-me li{ width:48.5%;}
	.nav-pills.re-me li a {padding: 6px 5px;white-space:nowrap;}
	.nav-pills.re-me li a span {font-size: 12px;}
.nav-pills.re-me li a span.icon-c{ margin-right:2px; padding:0;}
.col-2 {width: 50%;}
.heading-style1, .heading-style2 ,.heading-style3{font-size: 30px;}	
.heading-con2 {padding: 0 3%;}
.ofc-w .row.mr-5 {padding: 0 5%;}
footer ul.nav li{ float:none;}
footer ul.nav li a{ display:block; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #D0D0D0; }
footer ul.nav li:last-child a{ border: none;}
footer ul.nav li a:after{ display: none;}
footer ul.nav{ display:block;}
footer p{ font-size:15px;}

.heading-style3 { margin:30px 0px 20px;}
.logo-w .col-xs-7{ width:100%; text-align:center; float:none;}
.logo-w .col-xs-4{ width:100%;text-align:center;float:none;}
.bn-lo{ background-image: none; width:auto; display:inline-block; margin-top:20px; float:none;}
.bn-lo a{ background:#001966;    padding:10px 25px 10px 25px; font-size:14px; display:block; transition:0.5s; white-space:nowrap;}
.bn-lo a:hover{ background:#6771b6;}
.bn-h .mr-8{ margin-top:20px;}
.bh-lw{ display:inline-block;}
.bh-l::after{ display:none;}
.bh-l{ padding:20px;}
.bn-lo li{ border:none; padding:0; margin-bottom:10px; display:block; width:100%;}
.bn-lo a span{ top:0;}
.bn-lo{ padding:0; width:100%; display:block;}
.bn-lo a{ display:inline-block;}
}