//body{
  //background-color: #212121;
//}


@media (max-width: 480px) {
  .row .col.xs1, .row .col.xs2, .row .col.xs3, .row .col.xs4, .row .col.xs5, .row .col.xs6, .row .col.xs7, .row .col.xs8, .row .col.xs9, .row .col.xs10, .row .col.xs11, .row .col.xs12 {
    position: relative;
    min-height: 1px;
    padding: 0 0.75rem;
  }
  .row .col.xs12 {
    width: 100%;
  }
  .row .col.xs11 {
    width: 91.66666667%;
  }
  .row .col.xs10 {
    width: 83.33333333%;
  }
  .row .col.xs9 {
    width: 75%;
  }
  .row .col.xs8 {
    width: 66.66666667%;
  }
  .row .col.xs7 {
    width: 58.33333333%;
  }
  .row .col.xs6 {
    width: 50%;
  }
  .row .col.xs5 {
    width: 41.66666667%;
  }
  .row .col.xs4 {
    width: 33.33333333%;
  }
  .row .col.xs3 {
    width: 25%;
  }
  .row .col.xs2 {
    width: 16.66666667%;
  }
  .row .col.xs1 {
    width: 8.33333333%;
  }
}
.row.customRow {
  margin-bottom: 0;
}
.btn{
  background-color: #3498db;
}
.btn:hover{
  background-color: #42a9da;
}

.carosel-text{
    background-color: rgba(0, 0, 0, 0.3);
    display: inline-block;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-pagination{
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 10px;
}
#owl-demo .owl-buttons{
  position: absolute;
  bottom: 55%;
  width: 100%;
}
#owl-demo .owl-buttons .owl-prev{
  position: absolute;
  left: 0;
  font-size: 20px;
  border-radius: 0;
  background-color: rgba(0,0,0,0.5);
}
#owl-demo .owl-buttons .owl-next{
  position: absolute;
  right: 0;
  font-size: 20px;
  border-radius: 0;
  background-color: rgba(0,0,0,0.5);
}
#owl-demo .owl-pagination{
  background-color: rgba(0,0,0,0.5);
  padding: 5px 0;
  margin: 0;
}
.mainCnt{
  position: absolute;
  bottom: 40%;
  left: 100px;
}
.main-innerCnt{
  margin-bottom: 15px;
}
.main-innerCnt span{
  font-size: 18px;
  background-color: #3498db;
  color: #fff;
  padding: 5px 10px;
}


/*latest news*/

.newsCnt {
  display: flex;
  margin: 20px auto;
  background-color: #3498db;
}
.newsTitle {
  padding: 10px;
  font-weight: 500;
  width: 240px;
  color: #fff;
}
.runText-cnt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.newsText, .latestNews {
  display: inline;
}
.latestNews{
  margin: auto 15px;
}

/*recent prof*/

.sectionHeader {
  padding: 15px;
  background: #333;
  margin: 20px auto;
  color: #fff;
  border-top: 0.5px solid rgba(255,255,255,.15);
  border-bottom: 0.5px solid rgba(255,255,255,.15);
}
.recentProf-carousel {
  margin: 30px 0;
}
#owl-demo1 .item {
  width: 242px;
  height: 270px;
  border: 0.5px solid rgba(255,255,255,.15);
  margin: auto;
}
#owl-demo1 .item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
}
#owl-demo1 .owl-buttons div{
  font-size: 20px;
  border-radius: 0;
  background-color: rgba(0,0,0,0.5);
}


/*profile section*/

.profSectionWrap{
  margin: auto 15px;
}
.profSelection-btn {
  margin: 20px 0;
}

@media (max-width: 768px) {
  .profSelection-btn {
  margin: 10px 0;
}
}

img.profSize{
  width: 100%;
}

.work-title{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
}

.work-title a {
    text-decoration: none !important;
    color: rgb(255, 255, 255) !important;
    font-weight: 600 !important;
}

.work-title .title{
  margin: 5px auto;
}
#freewall article {
  float: left;
  overflow: hidden;
  border-radius: 3px;
}
#freewall

@media (min-width:1024px) {

}
@media (max-with:1024px) and (min-width:768px) {

}
@media (max-with:768px) and (min-width:600px) {

}
@media (max-width: 480px) {

}