@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (min-device-width : 1920px) and (max-device-width : 2560px) {

}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-device-width : 1680px) and (max-device-width : 1707px) {

}

@media (min-width: 1280px) and (max-width: 1707px) {
.section-one-text p{
  font-size:26px;
}
.expertise-section .expertise-card h3{
  font-size: 22px;
}
.integrated-text p{
  font-size: 26px;
}
.introline-text {
  width: 84%;
}
.service-card h4{
  font-size: 20px;
}
.areas-grid .left h1{
  font-size:52px;
}



}

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

}

@media (min-width: 1360px) and (max-width: 1440px) {

}

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


}

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


}

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


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


}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

.container {
    width: 95%;
	}



}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */


}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) and (orientation : landscape) {


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
	padding: 15px;
}



}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){

}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;	
	max-width: 100%;
	padding: 15px;
	}

.mbox{
  display: block;
}
.dbox{
  display: none;
}
.scrollToTop{
  display: none!important;
}
header .container {
  width: 100%;
}
header {
  top: 0;
  background:transparent;
  padding:0px 0px!important;
  border-bottom: none;
}
/*header.smaller{
  padding:38px 0px!important;
}*/

header .logo {
  float: left;
  margin:0px;
  left:20px;
  top:20px;
  position: sticky;
  z-index: 9;
  width: 25%;
  padding: 12px 0px 12px 10px;
}
header .logo img {
  width:100px;
}
header .navbox{
	width: 100%;
}
header .nav-search{
	width: 100%;
}
.menu-toggle{
  background: transparent!important;
  color:#ffffff!important;
  text-align:right;
}
header .nav-search-wrap{
  width:100%;
  position: absolute;
}
#main_inner {
  padding-top: 77px;
}
.video-container {
  height: 32vh;
}
.video-container .video-text{
  font-size:28px;
}
.introline{
  padding: 40px 0px;
}
.introline-text{
  width: 90%;
}
.introline-text h2{
  font-size:20px;
}
.introline-text h2 span {
  display: inline;
}
.author img {
  width:150px;
}
.section-one{
  grid-template-columns:1fr;
  gap:0;
}
.section-one-text {
  padding:30px 20px;
}
.section-one-text p {
  font-size:20px;
  line-height: 26px;
  text-align: left;
}
.integrated-text-box{
  padding:30px 20px;
}
.integrated-text h2{
  font-size:32px;
  margin-bottom:10px;
  text-align: left;
}
.integrated-text p{
  font-size:16px;
  line-height: 26px;
  text-align: left;
}
.btn-link{
  position: relative;
  bottom: 0;
  font-size: 20px;
}
.service-wrap {
  padding: 0px 5%;
}
.service-grid{
  grid-template-columns:1fr;
  gap:0;
}
.service-card h4 {
  margin-top: 5px;
  font-size:16px;
  margin-bottom: 20px;
  text-align: left;
}
.pub-card h4{
  font-size: 20px;
}
.pub-card p{
  font-size: 16px
}
.areas {
  padding:30px 5%;
}
.areas-grid .left h3{
  font-size:32px;
  margin-bottom:10px;
}
.areas-grid .left p{
  font-size:16px;
  line-height: 26px;
}
.areas-grid .left p span{
  display: inline;
}
.areas-grid .right ul{
  padding-left: 20px;
}
.areas-grid .right ul li{
  font-size:16px;
  line-height: 26px;
}
.video-section {
  height: auto;
}
.video-section video {
  width: 100%;
  height: auto;
  float: unset;
}
.publication {
  padding:30px 5%;
}
.publication h3{
  font-size:32px;
  text-align: left;
}
.address-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}
.address{
  padding: 20px 0px;
}
.address-grid h4{
  font-size:20px;
}
.address-grid p{
  font-size: 16px;
  line-height: 26px;
}
.fa_arrow{
  font-size: 20px!important;
}
.social-media{
  text-align: left;
}
.about {
  padding: 0px 5%;
  display: block;
}
.about-right{
  padding-top: 40px;
}
.history {
  padding: 0px 5%;
}
.history .history-content {
  width: 100%;
}
.team {
  margin-top: 0px;
  padding: 20px 5%;
}
.life {
  padding:40px 5% 0px;
}
.lifes{
  display: block;
}
.lifes .life-left {
  width: 100%;
}
.lifes .life-right {
    width: 100%;
  }
.btm3box {
  padding:0px 5%;
}
.btmbox {
  margin-top:10px;
  margin-bottom: 20px;
}
.btmbox .btm-box h3{
  font-size: 42px;
}
.projects-container{
  display: block;
}
.project-card{
  margin-bottom:40px;
}
.projects-details-container{
  display: block;
}
.projects-details-container .pd_left {
  width: 100%;
}
.projects-details-container .pd_right {
  width: 100%;
}
.storie-container{
  display: block;
}
.storie-card{
  margin-bottom:40px;
}
.storie-details-container {
  width:100%;
  margin: 0 auto;
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}