.mobile1 {
    display: none;
}

.mobile2 {
    display: none;
}


.mobilealtikon1{display: none;}
.mobilealtikon2{display: none;}
.mobilealtikon3{display: none;}
.mobilealtikon4{display: none;}
.icerikcc{display: none;}
@media only screen and (min-width:515px) and (max-width: 1000px) {}
@media only screen and (max-width:1100px) {
    .mobile1 {
        display: block
    }
    .mobile1 {
        height: 250px;
        width: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        ;
    }
    body {
        background: #ECE9E6;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to left, #293133, #293133);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, #293133, #293133);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
    .sagustlogo {
        display: none;
    }
    .abcd {
        display: none;
    }
    .sagmenuortala {
        display: none;
    }
    .arkaplan {
        display: none;
    }
    .solaltkare {
        display: none;
    }
    .sagkare1 {
        display: none;
    }
    .sagkare2 {
        display: none;
    }
    .aboutus {
        display: none;
    }
    .orta1 {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0);
        margin-left: 90;
        position: fixed;
        font-size: 25px;
        top: 97%;
        ;
    }
    .ustsagbar {
        position: fixed;
        right: 0;
        height: 100px;
        width: 70%;
        background-color: #2d494f;
        -webkit-box-shadow: 0px 10px 50px -35px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 10px 50px -35px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 10px 50px -35px rgba(0, 0, 0, 0.75);
        border-bottom-left-radius: 50px;
        z-index: 999999
    }
    .sagaltlogo {
        top: 25px;
        position: fixed;
        width: 70%;
        right: 10px;
        height: 10px;
        z-index: 999999;
    }
    .sagaltlogo img {
        width: 140px;
    }
    .mobilealt {
        background-color: #0f2a30;
        position: fixed;
        bottom: 0;
        width: 220px;
        height: 180px;
        margin-left: 40px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
    .ustmenu2 {
        position: fixed;
        top: 50%;
        margin-left: 405px;
        margin-top: -90px;
        font-size: 13px;
        z-index: 9
    }
    .ustmenu1 {
        display: none;
    }
    .ustmenu3 {
        position: fixed;
        top: 50%;
        margin-left: 471px;
        margin-top: -90px;
        font-size: 13px;
    }
    .ustmenu4 {
        position: fixed;
        top: 50%;
        margin-left: 430px;
        margin-top: -10px;
        font-size: 13px;
    }
    .ustmenu5 {
        position: fixed;
        top: 50%;
        margin-left: 417px;
        margin-top: -10px;
        font-size: 13px;
    }
    .ustmenu6 {
        position: fixed;
        margin-top: 50px;
        right: 30px;
    }
    .mobileikon1 {
        position: fixed;
        top: 50%;
        margin-top: -130px;
        margin-left: 92px;z-index: 99
    }
    .mobileikon1 img {
        width: 30px;
    }
    .mobileikon2 {
        position: fixed;
        top: 50%;
        margin-top: -130px;
        margin-left: 164px;z-index: 99
    }
    .mobileikon2 img {
        width: 30px;
    }
    .mobileikon3 {
        position: fixed;
        top: 50%;
        margin-top: -50px;
        margin-left: 124px;z-index: 99
    }
    .mobileikon3 img {
        width: 30px;
    }
    .mobileikon4 {
        position: fixed;
        top: 50%;
        margin-top: -50px;
        margin-left: 92px;z-index: 99
    }
    .mobileikon4 img {
        width: 30px;
    }
    .ustmenu7 {
        position: fixed;
        left: 30px;
        top: 40px;
        z-index:
    }
    
    
    .solustgood {
        position: fixed;
        bottom: 100px;
        margin-left: 110px;
        font-size: 16px;
        top: 96%;
    }
    .works {
        position: fixed;
        margin-left: 98;
        font-size: 12px;
        margin-top: 50px;
        z-index: 9
    }
    .cizgi5m {
        width: 1px;
        height: 40px;
        background-color: #fff;
        top: 50%;
        position: fixed;
        margin-left: 144;
        margin-top: 50
    }
    .solgoodkare {
        display: none;
    }
    .contactus {
        position: fixed;
        left: 300px;
        top: -25px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .contactusikon {
        position: fixed;
        left: 351px;
        top: -70px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .okeydir {
        position: fixed;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
    .mouse {
        position: fixed;
        margin-left: 230px;
        top: 50%;
        margin-top: 20px;
    }
    .mouse img {
        width: 7px;
    }
    .macontact {
        display: none;
    }
    .macontactlogo {
        display: none;
    }
    .kapat2 {
        position: fixed;
        margin-top: 80px;
        width: 10px;
        height: 15px;
        font-size: 13px;z-index: 9999999999999999
    }
    
    
    .closedpage {
        position: fixed;
        margin-top: 77px;
        font-size: 11px;
        right: 65px;
    }
    
    .worksbaslik {
        position: absolute;
        background-color: #0D2A31;
        padding: 7px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 40px;
        margin-left: -90px;
        color: #fff;
        font-size: 11px;
        letter-spacing: 1;
        z-index: 999;
        margin-top: 880px;
    }
    
    
    
    .icerikcc {
     width: 100%;height: 70px;left:0;position: fixed;bottom:0;background-color:#24859F;z-index: 999999999;opacity: 1;
        
         
    transition-delay: 0s;
animation-delay: 1.2s;
animation-duration: 0.2s;
animation-fill-mode: forwards; 
        
animation-name:mmnn; 
animation-iteration-count: 1;
width: 0;left:0;
-webkit-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);display: block;
	
    }
    
   

@keyframes mmnn{
	
from{opacity: 0;width: 10%;}
to{opacity: 1;width: 100%;}
	
    
}
    
    .mobilealtikon2{position: fixed;bottom:-50;z-index: 999999999;margin-left: -70px;       
    transition-delay: 0s;
animation-delay: 1.9s;
animation-duration: 0.9s;
animation-fill-mode: forwards; 
animation-iteration-count: 1;       
animation-name:s1s1; display: block; 
}
    .mobilealtikon1{position: fixed;bottom:-50;z-index: 999999999;margin-left: -10px ;  transition-delay: 0s;
animation-delay: 2.2s;
animation-duration: 0.9s;
animation-fill-mode: forwards; 
animation-iteration-count: 1; animation-name:s1s1;display: block;  }
    
    
    .mobilealtikon3{position: fixed;bottom:-50;z-index: 999999999;margin-left: 50px;transition-delay: 0s;
animation-delay: 2.3s;
animation-duration: 0.9s;
animation-fill-mode: forwards; 
animation-iteration-count: 1; animation-name:s1s1;display: block; }
    .mobilealtikon4{position: fixed;bottom:-50;z-index: 999999999;margin-left: 110px;transition-delay: 0s;
animation-delay: 2.6s;
animation-duration: 0.9s;
animation-fill-mode: forwards; 
animation-iteration-count: 1; animation-name:s1s1;display: block; }
    
    
    
    
    
    
    @keyframes s1s1{
	
from{opacity: 0;bottom:-50}
to{opacity: 1;bottom:15}
	
    
}
    
    
    
    
    .worksbasla1 {
        position: absolute;
        margin-top: 610px;
        margin-left: -140px;
    }
    
     .worksbasla6 {
        position: absolute;
        margin-top: 1000px;
        margin-left: -140px;
    }
    
    
    .nbaslik {
        position: absolute;
        font-size: 13px;
        width: 130px;
    }
    .anakate {
        display: none;
    }
    .acizgi {
        position: absolute;
        margin-top: 120
    }
    .see4 {
        position: absolute;
        margin-top: 97px;
    }
    .worksbasla2 {
        position: absolute;
        margin-top: 800px;
        margin-left: -140px;
    }
    .nbaslikx {
        position: absolute;
        font-size: 13px;
        width: 130px;
    }
    .numara {
        display: none;
    }
    
    .ucgenkare{display: none;}
    
    
    
     .mobile2 {
        display: block
    }
    .mobile2 {
        height: 850px;
        width: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        position: fixed;
    }
    
    
    
    .gelengiden4 {
    position: absolute;
    ;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0s;
    animation-delay: 0.8s;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-name: gecv4;
    animation-iteration-count: 1;
    opacity: 0;
    text-align: center;
        height: 1000px;margin-top: -2000px;
}
    
    
    
    
    .pixelogo{position: absolute;margin-top: 1290px;margin-left:-105px;}
    .pixelogo img{width: 120px;}
    .pixelacik{position: absolute;margin-top: 1340px;font-size:9px;width: 100px;margin-left: -100px;}
    .details11{position: absolute;margin-top: 1380px;margin-left:-102px;font-size:10px;padding: }
    
        
    .alatlogo{position: absolute;margin-top: 1456px;margin-left:-195px;z-index: 999}
    .alatlogo img{width: 70px;}
    .alatacik{position: absolute;margin-top: 1500px;font-size:9px;width: 100px;margin-left: -100px;}
    
    .details22{position: absolute;margin-top: 1540px;margin-left:-102px;font-size:10px; }
    
    .ramm{position: absolute;top:1882px;margin-left: -125px;}
    .ramm img{width: 25px;}
    
    
    
    
    
    .mobilealttaki2{position: fixed;bottom:0;background-color: #24859F;height: 30%;width: 100%;left:0;z-index: 999999;}
    
    
    .icw2{
        position: absolute;
        margin-left:-20px; position: absolute;
        background-color: #0D2A31;
        padding: 7px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 40px;
       
        color: #fff;
        font-size: 11px;
        letter-spacing: 1;
        z-index: 999;margin-top: 30;opacity: 1;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);margin-left: -80px;margin-top: 130px;
     }

    .obc3{position: absolute;top:50%;margin-left: -20px;margin-top:930px;height: 640px;}

    
    .ramm2{display: none;}
    
    
    .icw4{position: absolute;width: 230px;margin-top: 220}
    .icw1{position: absolute;font-size:17;margin-top: 100px;}
    
    .icw3{position: absolute;margin-top: 210}
    
    .examples16{position: absolute;margin-left: -462px;margin-top: -140px;}
    
    .examples16 img{width: 25px;}
    
    
    
    .icw6{width: 50px;height: 50px;position: absolute;}
    .icw7{position:absolute;margin-left: 0px;margin-top: 4px;text-align: left;;color:#fff;}
    
    .icw5{position: absolute;margin-left:413;margin-top: 147}
    
    
    
    .asoo9{position: absolute;width: 1;height: 1;z-index: 0;margin-top: 800px;}
    
    
    .kapat2x{   position: fixed;
        margin-top: 80px;
        width: 10px;
        height: 15px;
        font-size: 13px;}
    
    
    
    .aboutyy{position: absolute;width: 240px;font-size:13px;margin-left: -150;margin-top: -30;line-height: 1.7}
    
    
     .worksbaslikxx {
        position: absolute;
       

   
        margin-left: -150px;
        color: #fff;
        font-size: 18px;
        letter-spacing: 1;
        z-index: 999;
        margin-top: -100px;
    }
    
    
    
    .bbalta{position: fixed;margin-top: 500px;width: 1px;height: 1px;z-index: 0;opacity: 0;background-color: #333;}
    
    
.gelengiden5 {
    position: absolute;
    ;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0s;
    animation-delay: 0.8s;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-name: gecv444;
    animation-iteration-count: 1;
    opacity: 0;
    text-align: center;height: 
}

    .enes8{position: absolute;color:#fff;text-align: left;font-size:13px;margin-top: 1350;margin-left: -140;width: 220px;}

    
    .enes10{position: absolute;color:#fff;text-align: left;margin-top: 1430px;width: 220px;margin-left: -140px;line-height: 1;font-size:12px;}
@keyframes gecv444 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        height: 1800px;
    }
}
    
    .cizgienes{display: none;}
    .aboutwe{display: none;}
    
    .contaa{position: fixed;margin-left: -140;font-size:12px;margin-top: -100px;}
    .contaa2{position: fixed;margin-left: -140px;font-size:12px;margin-top: 25;width: 100px;line-height: 1.3;font-size:11px;}
    
    .contaa3{position: fixed;margin-left: -140px;margin-top: 110px;}
    .contaa3 img{width: 20px;}
    .icw888{opacity: 0.1;}
    
    
    .contaa7{position: fixed;margin-left: -110px;margin-top: 110;font-size: 12px;}
    
    .ramm{display: none;}
    
    .contaa9{position: fixed;margin-left: -145px;margin-top: 40px;}
    .contaa9 img{width: 100px;}
    
    .contaa4{position: fixed;margin-left: -142px;margin-top: 110px;font-size:10px;}
    
    .contaa5{position: fixed;margin-left: -5px;margin-top: 65px;}
      .contaa5 img{width: 60px;}
    .contaa6{position: fixed;margin-left: 2px;margin-top: 110px;font-size:10px;width: 100px;}
    

@-webkit-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
@-moz-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
@-webkit-keyframes move-background {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(1000px, 0px, 0px);
  }
}
.background-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;opacity: 0.3;
}

    
.stars {
  background: black url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 0;opacity: 
}

.twinkling {
  width: 10000px;
  height: 100%;
  background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png") repeat;
  background-size: 1000px 1000px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  -moz-animation: move-background 70s linear infinite;
  -ms-animation: move-background 70s linear infinite;
  -o-animation: move-background 70s linear infinite;
  -webkit-animation: move-background 70s linear infinite;
  animation: move-background 70s linear infinite;opacity: 
}

.clouds {
  width: 10000px;
  height: 100%;
  background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/clouds_repeat.png") repeat;
  background-size: 1000px 1000px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  -moz-animation: move-background 150s linear infinite;
  -ms-animation: move-background 150s linear infinite;
  -o-animation: move-background 150s linear infinite;
  -webkit-animation: move-background 150s linear infinite;
  animation: move-background 150s linear infinite;
}

    
    
    .hrgelicek{position: fixed;top:50%;margin-left: -60px;z-index: 99;color:#fff;font-family: bolder;margin-top: 4px;}
    
    
    
    .operasyon2{position: absolute;margin-left: 310px;width: 200px;margin-top: -80;z-index: 1}
    
    
    
    
       .sehrindelo{position: fixed;margin-left: -40px;}
    
     .sehrindelo2{position: fixed;margin-left: -40px;width: 200px;font-size:14px;}
    
    
    
    
    
    
    .logo1geldi{position: absolute;margin-left: 380px;}
    .logo2geldi{position: absolute;margin-left: 490px;}
    .logo3geldi{position: absolute;margin-left: 380px;margin-top: 100px;}
    .logo4geldi{position: absolute;margin-left: 490px;margin-top: 100px;}
    .logo5geldi{position: absolute;margin-left: 380px;margin-top: 200px;}
    .logo6geldi{position: absolute;margin-left: 490px;margin-top: 200px;}
    .logo7geldi{position: absolute;margin-left: 380px;margin-top: 300px;}
    .logo8geldi{position: absolute;margin-left: 490px;margin-top: 300px;}
    .logo9geldi{position: absolute;margin-left: 380px;margin-top: 400px;}
    
    
    
    
    
    
    
    
    
    
}