@media screen and (max-width:1366px) {
    .konsept{ 
        margin-top:0;
    }
}

@media screen and (max-width:1280px) {
    .home{ 
       height:556px;
    }
}

@media screen and (max-width:1024px) {
    .home {
    padding-bottom: 186px;
}
    header .menu{ 
        left:170px;
    }
    header .menu ul li{ 
        margin-right:14px;
    }
    .animasyon-film .play-icon{ 
        top:20%;
        left:40%;
    }
    .animasyon-film p{ 
        left:45px;
    }
    footer ul{ 
        padding:50px 0 20px 86px;
    }
    .konsept .text {
    padding: 0 60px 50px 70px;
}
    .harita .pin{ 
top:20%;
        left:40%;
    } 
    .harita p{
        padding-left:60px;
    }
    .getway p{ 
        bottom:85px;
        left:85px;
    }
    .getway .pin{ 
        top:155px;
        left:150px;
    }
    .getway2 p{
         bottom:85px;
        left:85px;
    }
    .getway2 .pin{ 
        top:155px;
        left:150px;
    }
    .form{ 
        padding:50px 0 20px 20px;
    }
    .plan-top img{ 
        left:55px;
    }
    .konsept{ 
        margin-top:70px;
    }
}

@media screen and (max-width:768px) {
   
    .mobil_menu_icon2{ 
        display:block;
        top:50px;
        right:55px;
    }
    .proje-konsepti{ 
        margin-top:70px;
    }
    .home {
    padding-bottom: 286px;
}
    .superbrands{ 
        display:none;
    }
    .mobile-menu-content{ 
        display:block;
    }
    .header-image{ 
          min-height: 560px;
  
    top: 90px;
    }
    .logo{ 
        display:none;
    }
    .responsive-logo{ 
        display:block;
        position:absolute;
        /*top:20px;*/
        left:70px;
    }
    .top-phone{ 
        display:none;
    }
    .konsept{ 
            margin-top: 66px;
    padding-top: 66px;
    }
      .konsept .text{ 
          padding:0 0 10px 0;
      }
      .konsept .text h3{ 
          margin-bottom:10px;
      }
      .konsept .text p{ 
          margin-bottom:20px;
      }
      .slider h3{  
          margin:3px 0 35px 0;
      }
      .animasyon-film .play-icon {
  
    left: 30%;
}
      .animasyon-film p{ 
          left:25px;
          font-size:25px;
          bottom:13px;
      }
      .footer-menu{ 
          margin-top: 30px;
      }
      footer ul {
    padding: 50px 0 20px 15px;
}
      footer ul li{ 
          padding-right:15px;
      }
        .mobil_menu_icon{
        display:block;
       top:-40px;
        right:55px;
    }
   .proje-konsepti h3{ 
       margin-bottom:10px;
       margin-top:10px;
   }
   .lokasyon_ h3{ 
       margin-top:0;
   }
   .harita .pin{ 
       left:35%;
   }
   .harita p{ 
       left:20px;
       bottom:10px;
   }

   .sosyal-yasam h3{ 
       margin-top:0;
   }
   .getway p {
    bottom: 70px;
    left: 80px;
    font-size:20px;
    line-height:20px;
}
   .getway .pin {
    top: 100px;
    left: 110px;
}
   .plan-text-right {
        padding: 30px 0 0px 0;
    width: 100% !important;
    text-align: center;
}
   .plan-bottom img {
    padding: 30px 0 0 0;
    top:10px;
}
   .plan-top img {
        /* padding: 70px 0 0 0; */
    position: relative;
    left: 105px;
}
   .plan-text-left{ 
       margin: 70px 10px 10px 20px;
    width: 100% !important;
    text-align: center;
   }
      .getway2 p {
    bottom: 70px;
    left: 80px;
    font-size:20px;
    line-height:20px;
}
   .getway2 .pin {
    top: 100px;
    left: 110px;
}
   .form .four span {
   
    font-size: 18px;
    line-height: 30px;
  
    padding-top: 50px;
    display: block;
}
   .form input[type=text]{ 
       max-width:118px;
   }
   .form input[type=submit]{ 
       padding-right:60px;
   }
   .menu { 
       display:none;
   } .menu-efekt{ 
        display:none;
    }
}

@media screen and (max-width:640px) {
   
    .proje-konsepti{ 
            margin-top: 120px;
    }
   
    .suryapi {
  
    background:url(../Images/suryapi-responsive.png);
   
}
    .suryapi2 {
  
    background:url(../Images/suryapi-responsive.png);
   
}
    .plan-bottom img{ 
        left:50px;
    }
    .plan-top img{ 
        left:70px;
    }
   .animasyon-film p {
    left: 50px;
    font-size: 15px;
    bottom: -5px;
}
   footer ul{ 
       text-align:center;
   }
   .harita .pin {
   
    background-size:40px;
}
   .harita p{ 
       font-size:25px;
   }
   .animasyon-film .play-icon{ 
       background-size:40px;
   }
    .getway p {
        
        font-size: 10px;
        line-height: 10px;
    }
    .getway .pin {
    top: 80px;
    left: 80px;
    background-size: 170px;
}
     .getway2 p {
        
        font-size: 10px;
        line-height: 10px;
    }
    .getway2 .pin {
    top: 80px;
    left: 80px;
    background-size: 170px;
}
    .plan-text-left{ 
        margin-top:140px;
    }
    .plan-text-right {
    padding: 90px 0 35px 35px;
}
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'exolight';
    color: white;
    font-size: 10px;
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: 'exolight';
    color: white;
    font-size: 10px;
}

:-ms-input-placeholder { /* IE 10+ */
    font-family: 'exolight';
    color: white;
    font-size: 10px;
}

:-moz-placeholder { /* Firefox 18- */
    font-family: 'exolight';
    color: white;
    font-size: 10px;
}

.form input[type=text] {
    max-width: 100px;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr{ 
    font-size:10px;
    line-height:inherit;
}
.form input[type=submit] {
    padding-right: 30px;
}
.home {
    padding-bottom: 220px;
}


}

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

     #suryapiPopup a.mobilLink{ display: block !important; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
    #suryapiPopup img{width: 100%;}
    #suryapiPopup{width: 100% !important; overflow: hidden; height: auto !important;}
    #suryapiPopup a{ display:none !important;}


    .mobile-menu-content{ 
   
    display:block;
    

}
    .responsive-logo{ 
        width:120px;
        height:90px;
    }
   .mobil_menu_icon {
    top: 270px;
}
  .mobil_menu_icon2 {
    top: 36px;
}
   
      .readmore{ 
        bottom:-80px;
    }
    .suryapi{ 
        background-size:95px;
        background-repeat:no-repeat;
        bottom:-80px;
        left:10px;
    }
   
     .mobile-menu-content{ 
         height:90px;
     }
     .home{ 
       
   height:246px;
}
     .slider-item{ 
         min-height:340px;
     }
     
    .owl-carousel .owl-item img{ 
        width:100% !important;
    }
    .home-galeri .owl-controls {
    left: 37% !important;
}
    .secenek{ 
        margin-left:0;
    }
    .plan-buton{ 
        padding:0 15px;
    }
    .animasyon-film .vaziyet-icon{ 
            left: 38%;
    top: 35px;
    }
    .detail2{ 
        width:100%;
    }
    .proje-konsepti img{ 
        padding-left:20px;
    }
    .top-phone{ 
        right:-20px;
    }
    .slider{ 
        margin-bottom:40px;
    }
    .animasyon-film .play-icon {
    background-size:100%;
    left: 37%;
}
    .animasyon-film p {
      font-size: 34px;
    bottom: 25px;
    left: 25px;
}
    footer {
   
    background-position-y: 130px;
   
    height: 360px;
}
    .footer-suryapi{ 
        bottom:0;
        left:30px;
    }
    .footer-brands{ 
       left: 70px;
    position: relative;
    }
    footer .bottom-phone {
   
    position: absolute;
    bottom: -30px;
    left: 90px;
}
    footer .u-pull-left {
   
    margin-left: 70px;
    margin-bottom: 10px;
}
    .harita{ 
        margin-bottom:20px;
    }
    .harita .pin{ 
        background-size:60%;
        left: 38%;
    top: 35px;
    }
    .harita p {
    font-size: 45px;
    left: 40px;
    bottom: 40px;
}
    .getway{ 
        margin-bottom:20px;
    }
     .getway2{ 
        margin-bottom:20px;
    }
    .getway p {
    font-size: 30px;
    line-height: 30px;
}
    .getway .pin {
    top: 170px;
    left: 150px;
    background-size: 20;
}
     .getway2 p {
    font-size: 30px;
    line-height: 30px;
}
    .getway2 .pin {
    top: 170px;
    left: 150px;
    background-size: 20;
}
    .plan-top{ 
        background-color:#393165;
    }
    .konsept {
       margin-top: 111px;
    padding-top: 25px;
    padding-bottom: 110px;
    margin-bottom: 20px;
    background-size: cover;
   
}
    .plan-top {
    background-color: #393165;
    height: auto;
}
    .plan-top img{ 
       left:15px;
    }
    .plan-text-left {
    margin-top: 20px;
 padding: 90px 50px 25px 15px;
}
     .plan-bottom {
    background-color: #393165;
    height: auto;
}
     .plan-bottom img {
    padding: 0;
    position: relative;
    bottom: 280px;
    left:20px;
}
     .form {
   
    background-size: cover;
    background-position: left;
}
     .form .four span {
    
    text-align: center;
    margin-bottom: 10px;
}
     .superbrands{ 
         bottom:60px;
         display:none;
     }
     
.slider .text {
    margin-left: 0;
    padding-top: 150px;
}
    
}

@media screen and (max-width:380px) {
    .proje-konsepti img
    .slider-item{ 
        min-height:220px;
    }
    .konsept{ 
        margin-top:0;
        margin-top:111px;
    }
    .mobil_menu_icon2 {
    display: block;
    top: 40px;
    right:10px;
}
    .mobil_menu_icon {
 top: 290px;
    right: 20px;
}
   
    .home-galeri .owl-controls {
    left: 27% !important;
}
    
    .proje-konsepti img{ 
        padding-left:45px;
    }
 
     .top-phone {
    width: 120px;
    top: 47px;
    font-size: 18px;
    right:3px;
   
}
     .call-fixed{ 
         top:30%;
     }
     .superbrands{ 
         bottom:150px;
         left:7px;
     }
    .suryapi {
    top:400px;
    left: 20px;
        
}
      .suryapi2 {
    top:270px;
    left: 20px;
        background-size: 95px;
        background-repeat:no-repeat;
}
      .header-image2{ 
        min-height:320px;
      }
   
     .suryapi img{ 
         width:140px;
     }
     .readmore{ 
        bottom:-70px;
    background-size: 18px;
     }
     .readmore2{ 
        bottom:110px;
    background-size: 18px;
     }
   .animasyon-film .play-icon {
   right:0;
   bottom:0;

}
     .animasyon-film p {
    font-size: 25px;
    bottom: 0;
    left: 15%;
}
     .lokasyon {
 height:auto;
    padding-bottom: 46px;
}
     
     .lokasyon .text h3 {
  
    padding: 70px 0 40px 10px;
}
     footer {
      background-position-y: 180px;
    height: 395px;
}
     .footer-suryapi{ 
         top:0;
         left:-30px;
     }
     footer .bottom-phone{ 
         left:70px;
     }
   .harita .pin {
    right:0;
   bottom:0;
}
   .proje-konsepti {
    margin-top: -70px;
}

  .animasyon-film .vaziyet-icon {
    top: 30px;
    left: 120px;
}
     .harita p {
      font-size: 25px;
    bottom: 0;
    right: 95px;
}
     .getway .pin{ 
            top: 112px;
    left: 110px;
     }
     .getway p {
    font-size: 20px;
    line-height: 20px;
  
}
       .getway2 .pin{ 
           top: 112px;
    left: 110px;
     }
     .getway2 p {
    font-size: 20px;
    line-height: 20px;
   
}
     .plan-top img{ 
         width:90%;
     }
     
   .plan-text-left {
    padding: 53px 20px 35px 0;
}
   .footer-brands{ 
       left:10px;
       position:relative;
   }
     .plan-text-right {
   
    top: 270px;
}
     .iletisim{ 
         padding:0;
     }
     .plan-bottom img{
         width:90%;
     }
     footer .u-pull-left{ 
         margin-left:90px;
     }
     .home {
    padding-bottom: 40px;
}
     
}