*{ box-sizing:border-box; }
body{ margin:0px; padding:0px; overflow-x: hidden; }
img{ max-width:100%; border:0; }
.clear{ clear:both; float:none; width:100%; }
h1, h2, h3, h4, h5, h6, h7, p, a{ margin-top:0; }
a{ text-decoration:none !important; transition:all 0.2s ease-in; }
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt0 {
	margin-top: 0px !important;
}

.no-padding{ padding:0px; }

ol, ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.modal-body {
	padding:5px !important;
}
.modal-content {
	border-radius:0;
}
.modal-dialog img {
	text-align:center;
	margin:0 auto;
}
.controls {
	width:50px;
	display:block;
	font-size:16px;
	padding:8px 0;
	font-weight:bold;
	color:#1B9BD6;
}
.next {
	float:right;
	text-align:right;
}
/*override modal for demo only*/
      .modal-dialog {
	max-width:700px;
	padding-top:20px;
}
 @media screen and (min-width: 768px) {
 .modal-dialog {
 width:700px;
 padding-top: 20px;
}
}
 @media screen and (max-width:1500px) {
 #ads {
 display:none;
}
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 

.about-sec{ padding:100px 0; }
.about-sec h1{ font-size:48px; position:relative; }
.about-sec h1 small{ font-size:1.3em; display:block; color:#1b9bd6; }
.about-sec h1:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #676767;
    position: absolute;
    top: 27px;
    left: 142px;
}

.title{ font-size:48px; position:relative; }
.title small{ font-size:1.3em; display:block; color:#1b9bd6; }
.title:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #676767;
    position: absolute;
    top: 27px;
    left: 142px;
}

.title2{ font-size:48px; position:relative; color:#fff; }
.title2 small{ font-size:1.3em; display:block; color:#1b9bd6; }
.title2:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #676767;
    position: absolute;
    top: 27px;
    left: 142px;
}

.title3{ font-size:48px; position:relative; color:#fff; }
.title2:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #fff;
    position: absolute;
    top:70px;
    left:0px;
}

.spr-btn{ border:2px solid #0397ce; padding:8px 15px; font-weight:bold; }
.acheivements{ background:url(../images/acheive-bg.jpg) no-repeat #f5f5f5; background-size:cover; padding:100px 0; }

.acheive-slide{ position:relative; }
.acheive-slide .carousel{ background:#fff; padding:10px; border:1px solid #ccc; margin-top:30px; }
.acheive-slide .carousel .carousel-indicators{ bottom: -35px; }
.acheive-slide .carousel .carousel-indicators .active{ background:#1B9BD6; border-color:#1B9BD6; }
.acheive-slide .carousel .carousel-indicators li{ border-color:#ccc; background:#ccc; }
.home-keynote{ padding-left:35px; }
.home-keynote h2{ margin-bottom:27px; }
.home-keynote h3{ color:#444; }

.gallery{ padding:50px 0 100px; }
.gallery ul{ margin-top:60px; }
.gallery li{ margin-bottom:30px; }
.inner-banner { position:relative; background:url(../images/about-spr.jpg) no-repeat; background-size:cover; height:300px; }
.inner-banner h1{ float:left; margin-top:80px; }
.inner-banner img{ float:right; margin-top:20px; }
.blue-text{ color:#00B1DE; }

.inner-text{ padding:100px 0; }
.inner-text h2{ margin-bottom:40px; }
.inner-text p{ margin-bottom:30px; color:#333; }
.inner-text ul.gallery li{ margin-bottom:30px; }

.pdf-page h3{ color:#fff; background:#D21D00; padding:10px; text-align:center; }
.pdf-page h3 i{ margin-right:10px; }

.key-note h3{ color:#0397CE; }

/*---------------------media----------------------*/
@media screen and (max-width: 1024px) {
.navi>li>a{ padding: 35px 13px 20px; }
}

@media screen and (max-width: 800px) {
.topstrip{ display:none; }
.about-sec h1 small{ font-size:30px; }
.about-sec h1{ font-size:24px; }
.about-sec h1:after {
    top: 12px;
    left: 87px;
}
.about-sec .col-sm-4{ display:none; }
.acheivements img{ max-width:100%; }
	
}

@media screen and (max-width: 414px) {
.logo > a > img { max-width:260px; }
.menu{ top: 20px; right:0; }
.logo>a { float: left; }
header{ margin-bottom:20px; }
.title small{ font-size:30px; }
.title, .title2{ font-size:24px; }
.title:after{
    top: 12px;
    left: 87px;
}
.title2:after{ display:none; }

.acheivements .col-xs-12{ margin-bottom:50px; }
.acheivements{ padding: 30px 0; }
.gallery { padding: 30px 0 40px; }
.community { padding: 30px 0; }
.connect-me li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
	font-size: 18px;
}

.connect-me li{ float:left; }
.copyrite{ font-size:13px; text-align: left; }
.inner-banner img{ display:none; }
.inner-banner{     height: auto; background:#2B2B2B;}
.inner-banner h1{ margin:30px 0; color:#fff;  }
.inner-text h2{ font-size: 24px; }
.title span{ color:#fff; }
.title:after{ background:#fff; display:none; }
.inner-text { padding: 30px 0; }
.inner-text p{ text-align:justify; }
.gallery ul {
    margin-top: 0;
}

	
}