@charset "utf-8";
/* CSS Document */
.about{ background: url(../images/about.jpg); width: 100%; float: left; height: 100%;background-size: cover;    position: relative;}
.about ul{width: 60%;margin: 0 auto;}
.about ul li{/*width: 22%;*/ float: none; margin: 0 2%;text-align: center;}
.bs-example{ width: 44%;   margin: 10% auto 41.5%;} 
.tab-content h3{font-size: 26px; text-transform: uppercase; text-align: center; margin: 7% auto 2%;   width: 85%;}
.tab-content p{color:#231f20; font-size:14px; text-align: center;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.our-core h4{font-size: 20px; color: #231f20; font-weight: bold;text-align: center;    margin: 4% 0 2% 0;}
.our-core {width: 100%;float: left;}
.our-core h5{ text-align: center;  color: #4497b1;  font-size: 26px;  width: 29%; margin: 0 auto;}
.our-core ul{ width: 75%; float: none;    margin: 0 auto;}
.our-core li{width: 29%; float: left;  margin: 4% 2%;   border: 2px solid #9a9c9e;min-height: 655px;}  
.our-core-img { width:100%; margin: 0 auto;}
.our-core-img img{width: 73%;  float: none; margin: 10% 13.5%;}
.our-core-img-text{width: 73%;  float: none;  margin: 0% 13.5% 10%; }
.our-core-img-text h3{ font-size:20px; color: #58595b; text-align: center;font-weight: normal;}
.our-core-img-text h4{ font-size:14px; color:#828487; text-align: center;font-weight: 500;margin: 2% 0 3% 0!important; }
.our-core-img-text p{ font-size:12px;color:#828487; text-align: center;}
.banner-bt {position: absolute;	margin: 0 49%;top: 80%;	z-index: 9;}
.abtmrgbt{margin-bottom: 4%!important;}

.navigetion{text-align: center;}
.navigetion li{}
.navigetion  > li {position: relative;       display: inline-block;}
.navigetion  > li.active{border-radius: 15px;    position: relative; background: #fff;   }
.navigetion  > li > a {position: relative;   display: block; padding: 5px 10px;	color: #231f20;   text-align: center;    font-weight: 600;   text-transform: uppercase;}
.navigetion  > li > a:hover { background: #fff;border-radius: 15px;}
.tab-content{width: 100%;float: left;}

@media only screen and (min-width : 0px) and (max-width : 1000px) {
.bs-example {   width: 100%;   margin: 5% auto;}
.about ul {width: 100%;background-color: #ffffffad;}
.navigetion {width:50% !important;    background: none!important;}
.about ul li {width: 100%;margin:0!important;}
.tab-content p{ font-size: 12px;background-color: #ffffffad;padding: 6%;text-align: justify;}
.tab-content h3 {font-size: 20px;}
.our-core h5 { font-size: 23px;  width: 92%;  margin: 0 auto;}
.our-core li {width: 100%; float: left;margin: 5% 0;}
.our-core ul {width: 80%;}
.about { background: url(../images/about.jpg);   width: 100%;   float: left;    background-size: cover;    height: 100%;	background-position: center center; margin-top: 60px;}
.navigetion  > li > a{font-size:12px;}
.banner-bt {display: none}
.tab-content {padding:2%;}

}

@media only screen and (min-width : 901px) and (max-width : 1024px) {
.about ul { width: 100%;}
.tab-content h3 {font-size: 20px;}
.tab-content p{ font-size: 13px;}
.our-core h5{font-size:20px;    width: 36%;}
.about ul li{    margin: 0 1%;text-align: center;}
.bs-example {width: 50%;}
.our-core ul {width: 97%;}
.navigetion  > li > a{font-size:12px;}
}

@media only screen and (min-width : 1025px) and (max-width : 1152px) {
.about ul { width: 75%;}
.tab-content h3 {font-size: 20px;}
.tab-content p{ font-size: 13px;}
.our-core h5{font-size: 20px;    width: 35%;}
.about ul li{ margin: 0 1%;}
.our-core ul {width: 97%;}
.bs-example {width: 58%;}
.our-core h4 {font-size: 16px;}
.navigetion  > li > a{font-size:12px;}
}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
.about ul { width: 75%;}
.tab-content h3 {font-size: 20px;}
.tab-content p{ font-size: 13px;}
.our-core h5{font-size: 20px}
.about ul li{ margin: 0 1%;}
.our-core ul {width: 97%;}
.our-core h4 {font-size: 16px;}
.bs-example {width: 53%;}
	.navigetion  > li > a{font-size:12px;}
}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {
.about ul { width: 100%;}
.tab-content h3 {font-size: 20px;}
.our-core h5{font-size: 20px;}
.tab-content p{ font-size: 13px;}
.our-core h4 {font-size: 16px;}
	.navigetion  > li > a{font-size:13px;}
}

@media only screen and (min-width : 1367px) and (max-width : 1440px) {
.about ul { width: 100%;}
.about ul li{margin: 0 1%;}
.tab-content h3 {font-size: 22px;}
.our-core h5{font-size: 22px;}
.our-core h5{font-size: 22px;}
.our-core h4 {	font-size: 18px;}
	.navigetion  > li > a{font-size:15px;}
}

@media only screen and (min-width : 1441px) and (max-width : 1600px) {
.about ul { width: 100%;}
.navigetion  > li > a{font-size:15px;}
}

@media only screen and (min-width : 1601px) and (max-width : 1680px) {
.about ul {width: 97%;}
}

@media only screen and (min-width : 1940px) and (max-width : 2560px) {
.tab-content h3 {font-size: 30px;    width: 75%;}
.tab-content p {font-size: 18px;}
.our-core h4 {font-size: 28px;}
.about ul {width: 80%;}
.our-core h5{width: 28%;font-size: 30px;  }
.about ul li {font-size: 18px;}
.our-core li {min-height: 760px;}
}