.testimonials-v-three .testimonial-wrap .testimonial-item .text-testimonial h4:after{
    content: "";
     width: 72px;
    height: 3px;
    background: #fff !important;
    border-radius: 6px;
    display: block;
    margin: 0;
    position: absolute;
    top: inherit
}
.img-cover-v-three .placeholder.border-island {
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  
}
.img-cover-v-three .placeholder img {
  transition: all 600ms;
}
.img-cover-v-three .placeholder{
  transition: all 600ms;
}
#sertifikalar{
  cursor: pointer;
}
#sertifikalar  span{
  opacity: .5;
  transition: transform 400ms ease;

}
#sertifikalar  span:hover{
  opacity: 1;
  transform: scale3d(1.2, 1.2, 2);
}
.section-title {
    text-align: center;
    padding-bottom: 30px;
    margin-left: -6rem;
}
.buttons{
     background: var(--island-text);
    max-width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-flex;
}
.buttons a i{
  font-size: 37px;
    padding: 6px;
    text-align: center;
    color: var(--contact-text);
}
.text{
  position: relative;
    right: 2rem;
    width: 532px;
    text-align: justify;
    display: flex;
    max-width: 100%;
    font-size: 20px;
}
.testimonials-v-three .testimonial-wrap .testimonial-item .text-testimonial .text p{
  font-size: 20px;
}
.we-do-v-three .text-left.sado{
 text-transform: uppercase;
    font-size: 3vw;
    letter-spacing: 3px;
    margin-bottom: 12px;
    font-weight: 900;
    color: var(--island-text);
    font-family: "Poppins", sans-serif;
}
.section-title h6{
text-transform: uppercase;
    font-size: 3vw;
    letter-spacing: 3px;
    margin-bottom: 12px;
    font-weight: 900;
        color: #fff !important;
    font-family: "Poppins", sans-serif;
}

#we-do{
  height: 100% !important;
}
#portfolio{
  height: 935px !important;
}
@media (min-width: 1200px)
{
.sado-cont {
    max-width: 1300px !important;
}
}
@media only screen and (max-width: 1680px) and (min-width: 1500px)
{
  .placeholder .port-100{
    height: 100vh;
  }
  .placeholder{
    height: 100%;
  }
  #we-do .icon-box:hover{
    transform: scale(1.32);
  }
   .testimonials .testimonial-item .text-testimonial.pro-island{
      margin-top: 30rem !important;
    max-width: 650px;
    position: relative;
    left: 11rem;
}
  .ser-h{
    height: 875px !important;
  }
  .hero-v-three .clients-v-three{
    top: 2rem !important;
    left: -0   !important;
  }
  #we-do::after{
    height: 100%;
  }
  .island-text{
    top: 6rem;
    right: -21rem;
    text-align: left;
  }
  .island-text1{
    top: 26rem;
    right: -18rem;
  }
  .island-text3{
    top: 45rem;
    right: -20.5rem;
  }
  .island-img{
    position: relative;
    left: 4rem;
  }
  .h-island{
    height: 100% !important;
  }
  #hero{
    height: 100% !important;
  }
  .sado-top{
    margin-top: -8rem !important;
  }
  #portfolio{
    height: 100% !important;
  }
  .p-island{
    bottom: -12rem !important;
        top: 9rem;
  }
  .island-pro{
    position: relative;
    top: 9rem;
    right: 7rem;
  }
.testimonials .testimonial-item .text-testimonial{
    margin-left: -5rem !important;
    position: relative;
    bottom: 15.8rem;
    margin-top: 0;
  }
  .testimonials .testimonial-item .text-testimonial.ots-island{
    position: relative;
    bottom: 3rem;
  }
  .title-hero{
    margin-left: 5rem;
  }
  .dikey-yazi{
    top: 14rem !important;
  }
  .dikey-yazi3.ots{
    top: 35rem !important;
    right: -2.5rem;
  }
   .dikey-yazi3{
    top: 21rem !important;
  }
  .dikey-yazi3.yikama{
    top: 36.5rem !important;
    right: -2.5rem;
  }
  .testimonials .testimonial-item .text-testimonial.yikama-island{
    bottom: -11rem;
    left: 3rem;
  }
}





@media only screen and ( max-width: 1919px) and (min-width: 1442px)
{
 .testimonials .testimonial-item .text-testimonial.pro-island{
  margin-top: 18rem ;
}
  .hero-v-three .name-headline-v-three .flex-island{
    display: flex;
    width: 100%;
        line-height: 1.3 !important;
  }
  .hero-v-three .name-headline-v-three h2{
    position: relative;
    left: 266px;
  }
  .hero-v-three .name-headline-v-three h4{
    right: 15rem;
  }
  .dikey-yazi{
    top: 7rem;
  }
  .container
  #hero h2{
    font-size: 72px;
    position: relative;
    top: 2rem;
  }
  .sado-top{
        margin-top: -1rem;
  }
  #we-do .icon-box .icon img{
    width: 3rem;
    height: 3rem;
  }
  .we-do-v-three .icon-box-v-three{
    padding: 19px 12px !important;
  }
  .sado-uptoo{
    margin-top: -5rem;
  }
  .testimonials .testimonial-item .text-testimonial{
  margin-top: 15rem !important;
}
.testimonials .testimonial-item .island-hakkimizda{
  margin-top: 133rem;
}
.header-v-three .social-links{
  bottom: 46%;
    left: -5%;
}

.upforten{
      position: relative;
    top: 7rem;
}
.we-do-v-three h2{
letter-spacing: 0;
    line-height: 1.2;
    font-weight: 900;
}
.hero-v-three .clients-v-three{
      top: -37rem;
      left: 2rem;
}
.h-island{
  height: 720px ;
}
.p-island{
  position: relative;
    bottom: 5rem;
    left: 2rem;
}
.t-island{
  position: relative;
    bottom: 14rem;
}
}
.sado-contact-upto{
  margin-top: 10rem;
}
.contact .contact-about h4{
  font-weight: 900 !important;
    font-size: 36px;
}
@media (max-width: 1400px){
  .sado-cont{
  margin-right: 2rem;
}
}


.sado-visible{
  position: absolute;
    bottom: 0;
    padding: 12px;
    background-color: #003466;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 16px;
    font-weight: 300;
    opacity: .7;
}
.justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption{
      background-color: #345562;
}
.testimonials .testimonial-item .text-testimonial{
  margin-top: 15rem;
}
.testimonials .testimonial-item .island-hakkimizda{
  margin-top: 100rem;
}
@media (max-width:1440px)
{
  .sado-contact-upto{
    margin-top: 0;
  }
  .contact .info p{
    font-size: 18px;
  }
}
@media only screen and(max-width: 1782px){
  section{
    background: black;
  }
}
@media (max-width: 1440px) and (min-width: 1402px)
{
.p-island{
  bottom: 0;
}
#hero h2{
  font-size: 62px !important;
  left: 320px;
}
.hero-v-three .clients-v-three{
      margin: 94px 0 48px 0 !important;
}
.hero-v-three .clients-v-three{
  top: 0;
}
.upforten{
  top: 25px;
}
#we-do .icon-box .icon img{
  width: 50px;
}
.we-do-v-three .icon-box-v-three{
padding: 32px 12px !important;
}
.we-do-v-three .text-left.sado{

  font-size: 34px;
}
.header-v-three .social-links{
  left: -5%;
}
.blognews-v-three h2{
  font-size: 38px !important;
}
.section-title{
  margin-left: 0;
}
.section-title.baslik-sado{
  margin-left: -3rem;
}
.dikey-yazi3 {
  top: 20rem;
}
}

@media (max-width: 1401px) and (min-width: 1300px){
  .dikey-yazi{
    top: 11rem;
  }
  #hero h2{
    font-size: 48px;
        line-height: 4.9;
            margin: 0 0 -23px 0 !important;
                left: 252px;
  }
  #portfolio{
    height: auto !important;
  }
  .hero-v-three .btn-video-solid{
    margin: 23px 8px 0 0;
  }
  .hero-v-three .clients-v-three{
    top: -6rem;
    left: 2rem;
  }
  .upforten{
    top: -1rem;
  }
  .position-relative{
        bottom: 0;

  }
  #we-do .icon-box .icon img{
    width: 50px;
  }
  .we-do-v-three .icon-box-v-three{
        padding: 19px 12px !important;
  }
  .p-island{
        bottom: 0;
  }
.we-do-v-three .text-left.sado{
  font-size: 34px;
}
.header-v-three .social-links{
      bottom: 45%;
    left: -5.5%;
}
.section-title{
  margin-left: 0;
}
.section-title.baslik-sado{
  margin-left: -3rem;
}
.blognews-v-three h2{
  font-size: 38px !important;
}
  .testimonials .testimonial-item .text-testimonial.yikama-island{
        position: relative;
    top: 0;
    right: 5rem;
  }

  .dikey-yazi3 {
    top: 20rem;
  }
  .sado-contact-upto{
    margin-top: 0;
  }
  .contact .info p{
    padding: 0 0 11px 62px;
    font-size: 18px;
  }
  .news-container{
    position: relative;
    bottom: 1rem;
  }
  .section-title{
    padding-bottom: 5px;
  }
  .testimonials .testimonial-item .island-hakkimizda{
    margin-top: 141rem !important;
  }
}

.img-island{
 width: 100%;
 height: 100%;
}
.island-img{
  max-height: 50%;
  max-width: 50%;
  border: 5px solid var(--sado-color);
  background: var(--sado-color);
}
.testimonials-v-three{
  height: 100vh !important;
}
.testimonials .testimonial-item.island-margin{
     position: relative;
    right: 10rem;
    margin: 0px 8rem !important;
    transform: translate(23px, 35px);
}
@media only screen and (max-width: 1299px) and (min-width: 1200px){
  #hero h2{
        font-size: 59px;
            left: 302px;
                margin: 0 0 0 0 !important;
  }
  #hero div {
    margin-top: 30px;
  }
  .we-do-v-three .text-left.sado{
        font-size: 32px;
  }
  #we-do .icon-box .icon img{
    width: 50px;
  }
  .sado-cont{
        margin-left: 4rem;
  }
  .header-v-three .social-links{
        left: -6%;
  }
  .section-title{
        margin-left: 0rem;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 993px){
  .hero-v-three .name-headline-v-three h4::before{
        left: 0;
  }
  .hero-v-three .name-headline-v-three h4{
    right: 0;
  }
  #hero h2{
    line-height: 1.4;
    font-size: 46px !important;
    left: 221px;
  }
  .hero-v-three .name-headline-v-three h4{
        font-size: 62px !important;
  }
  .icon-boxes{
        margin-top: -4rem;
  }
  .img-cover-v-three img{
    height: 100%;
  }
  .hero-v-three .name-headline-v-three h2{
    left: 203px;
    display: flex;
    width: 250px;
  }
  .hero-v-three .name-headline-v-three p{
    margin-left: 0;
        max-width: 400px;
    width: 350px;
    text-align: left !important;
  }
  .offset-lg-3{
    margin-left: 16%;
  }
  .dikey-yazi{
    top: 15rem;
    left: 86%;
    width: 100px;
  }
  .header-v-three .social-links{
        bottom: 41%;
    left: -7%;
  }
  .sado-uptoo{
        margin-top: -7rem;
    margin-right: 2rem;
  }
  .blog-news .card{
        height: 275px;
        width: 250px;
  }
  .blognews-v-three .card-body-second{
    margin-left: 2rem;
  }
  .testimonials .testimonial-item{
    height: 100vh;
  }
  .dikey-yazi3{
        right: -2.7rem;
    top: 22rem;
  }
  .no-js .owl-carousel, .owl-carousel.owl-loaded{
        margin-left: 14px;
  }
  #portfolio {
    height: 100% !important;
}
  .h-island{
    height: 100% !important;
  }
  .offset-island{
  margin-left: 6.666667% !important;
}
.filter-app{
  height: auto;
    width: 400px;
}
.text-island1{
      font-size: 24px !important;
}
.offset-lg-2{
      margin-left: 15.666667%;
}
.dikey-yazi1{
        right: -3rem;
    top: 9rem;
    }
    .portfolio-v-three .section-title h2{
      font-size: 36px !important;
    }
    .section-title h6{
          font-size: 2vw;
    }
    .we-do-v-three .text-left.sado{
      font-size: 2vw;
    letter-spacing: 2px;
    }
    .we-do-v-three .section-title h2{
      font-size: 33px !important;
    }
    #we-do .icon-box .icon img{
      height: 50px;
      widows: 50px;
    }
}
@media only screen and (max-width: 992px)
{ 
  .sado-cont{
    margin-left: 0;
  }
  #sertifikalar span:hover{
        transform: scale3d(1.1, 1.2, 2);
  }
  .testimonials .testimonial-item .island-hakkimizda{
          margin-top: 169rem;
  }
  .testimonials-v-three .testimonial-wrap .testimonial-item .text-testimonial .quote-icon-left{
    font-size: 42px;
    left: -43px;
    top: -13px;
  }

  .sad-isla{
        margin-top: 24px !important;
  }
  .testimonials-v-three{
    height: 100% !important;
  }
  .section-title{
    margin-left: 0;
  }
  .text-left{
    text-align: center !important;
  }
  .sado-contact-upto{
    margin-top: -7rem;
  }
  .header-v-three .contact-links{
    display: none;
  }
  .contact-v-three{
    height: auto;
  }
  #header .logo h1{
    width: 100%;
  }
  #hero h2{
    left: 0;
  }
  .dikey-yazi3{
    display: none;
  }
  .dikey-yazi{
    display: none;
  }
  .dikey-yazi1{
    display: none;
  }
  .dikey-yazi2{
    display: none;
  }
    .portfolio-v-three .section-title{
        padding: 180px 6% 9px !important;
  }
#we-do{
  height: auto !important;
}
.testimonials .testimonial-item.island-margin{
  position: relative;
    right: 0;
    margin: 0 !important;
    transform: none;
}
.testimonials .testimonial-item .text-testimonial{
  max-width: 400px;
}
.contact-links{
  display: none;
}
}

@media only screen and (max-width: 416px) and (min-width: 391px)
{
  #hero h2{
  left: -24px !important;
    bottom: 3px !important;
    width: 400px;
    line-height: 1;
  }
  .offset-lg-3{
    margin-left: 0;
  }
  .hero-v-three .name-headline-v-three p{
        max-width: 350px;
  }

}

@media only screen and (max-width: 390px) and (min-width: 376px){
  #hero h2{
    left: 101px;
    display: flex;
    width: 250px;
    bottom: 11px;
    font-size: 60px !important;
  }
  .title-hero{
    margin-bottom: 9rem;
  }
  .offset-lg-3{
  margin-left: 5%;
  width: 300px;
  }
  .testimonials .testimonial-item .island-hakkimizda{
    margin-top: 183rem;
  }
}