#referanslar{
  margin:0 0 80px 0;
}

#referanslar .head1{position:relative;z-index:1;padding-top:14%;margin:0 0 50px 0;}
  #referanslar .head1:before{
    content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.4;
  }
  #referanslar .head1 img.back{
    display:block;
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
  }
  #referanslar .head1 h1{
    position:absolute;z-index:3;left:50%;bottom:0px;translate:-50% 0;
    padding:0!important;margin:0!important;font-weight:normal;font-size:4rem;letter-spacing:1px;
    color:#fff;
  }
@media only screen and (max-width:1200px){
  #referanslar .head1 h1{font-size:2rem;}
}
@media only screen and (max-width:1000px){
  #referanslar .head1{padding-top:25%;}
}
@media only screen and (max-width:700px){
  #referanslar .head1{padding-top:40%;}
  #referanslar .head1 h1{font-size:1.8rem;}
}
@media only screen and (max-width:500px){
  #referanslar .head1{padding-top:55%;}
  #referanslar .head1 h1{font-size:1.1rem;}
}




#referanslar{background:#eee;}


#referanslar .head1{position:relative;padding-top:20%;}
  #referanslar .head1 img{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
  }
  #referanslar .head1:after{
    content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;
    background:#000;opacity:0.6;
  }



  #referanslar .list1{padding:50px 0 70px 0;}

  #referanslar .list1 .grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px;}

    #referanslar .list1 .grid .s{
      background:#fff;text-align:center;

      box-shadow:inset 4px 4px 4px -4px #aaa, 4px 4px 4px -4px #aaa;

    }

      #referanslar .list1 .grid .s a.img{position:relative;display:block;padding-top:100%;}

        #referanslar .list1 .grid .s .img img{
          position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:contain;
          transform:scale(0.5);transition:all 500ms;
        }
        #referanslar .list1 .grid .s:hover .img img{transform:scale(0.9);}
      #referanslar .list1 .grid .s .name{display:block;padding:10px 0 0 0;font-family:'montserrat_semibold';text-align:center;}
      #referanslar .list1 .grid .s .text{display:grid;grid-template-columns:1fr;height:100%;align-items:center;}
      #referanslar .list1 .grid .s .text .inner{font-size:1rem;font-family:'poppins_semibold';}

@media only screen and (max-width:1000px){
  #referanslar .list1 .grid{grid-template-columns:repeat(5,1fr);}
}
@media only screen and (max-width:1000px){
  #referanslar .list1 .grid{grid-template-columns:repeat(3,1fr);}
}