﻿/*.portfolio-description{
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    background: rgba(255, 255, 255, 0.79);
    float: none!important;
    right: 20px;
}

.portfolio-description .icon-text{
    font-size:12px;
    margin-bottom:0!important;
}

.portfolio-description .icon-text i {
    float: left;
    width: 25px;
    line-height: 230%;
}*/


ul.musteriler{
    margin:0;
    padding:0;

}

ul.musteriler li{
    border: 1px solid #536167;
    width:120px;
    height:120px;
    line-height:120px;
    list-style-type:none;
    text-align:center;
    float:left;
    background:#fff;
}

ul.musteriler li img{vertical-align:middle; max-height:120px; padding:10px;}

article.portfolio h3{
    font-size:18px;
}

.portfolio-full .portfolio-description{
    width:350px;
}

.portfolio-full .portfolio-description h3{
    font-size: 26px;
}

.fs13{
    font-size:13px;
}

.sidebar-open #content {
  -ms-transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  transform: translate(500px, 0);
}

.sidebar-open #overlay {
  left: 500px;
}

#sidebar {
  width: 500px;
}


#fullscreen-slider .swiper-slide h1 {
  width: 30%;
  padding: 20px;
  text-align: center;
  position: absolute;
  font-size: 26px;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing: normal;
  line-height:1.2em;
  color: #384449;
  background:rgba(255, 255, 255, 0.50);
  z-index: 1;
  top:auto;
  bottom:10px;
  left:20px;
  -ms-transform: translateY(-20%);
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
}

.inst{float: right !important;}


@media (max-width: 991px) {
  #fullscreen-slider .swiper-slide h1{
    font-size: 18px;
    width: 90%;
  }

  
    .sidebar-open #content {
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0);
    }

    .sidebar-open #overlay {
      left: 100%;
    }

    #sidebar {
      width: 100%;
    }
    #mainmenu ul li {
        line-height:60px;
    }

    #mainmenu ul.sub li {
        line-height: 40px;
    }

    #mainmenu ul li a{
        line-height:30px;
    }
    .inst{float:none;}
    .inst img{width:70px;}

    .copyright {
        text-align: center;
        padding:0 10px;
    }

    ul.musteriler li{
        width:100px;
        height:100px;
        line-height:100px;
    }

    #heading h1 {
        display: block;
        font-size: 20px;
    }

    .icon-text i {
        width: 25px;
    }
    .inner{
        padding:20px;
    }
}
