body{margin-top:10%; background: #EAEAEA;}
    
    .navbar-default {background-color:#449CCA;border-color:none}
    .navbar-default .navbar-brand{color:#fff;}
    .navbar-default .navbar-toggle .icon-bar {background-color: none;}
    .navbar-default .navbar-toggle {border-color:#348AB8}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#348AB8; }
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default {border-color:#449CCA;}
    
    .navbar-default .navbar-nav>li>a{color:#CACACA}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #fff; background-color: #348AB8;
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:#348AB8;}     
    
    
    .carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
    left: auto;
    right: 0;}
    .carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}
#mesajinizvar{
    background: url("../res/msj.png");
    background-size:100% 100%;
    color: #636363;
    font: bold 12px verdana;
    height: 130px;
    display:none;
    left: 50%;
    margin-left: -175px;
    overflow: hidden;
    padding: 35px 0 0 35px;
    position: fixed;
    top: 35%;
    width: 369px;
    z-index: 11;
}

#mesajinizvar h1{
    color: #FFFFFF;
    font: bold 12px verdana;
    height: 10px;
    margin: 10px 0;
    width: 348px;
}

#mesajinizvar p{
    color: #636363;
    float: left;
    font: 12px verdana;
    margin-top: 15px;
    text-align: left;
    width: 338px;
}

.carousel-indicators {
    margin-left: 0;
    left: 28%;
    text-align: right;
    bottom:41px;

    
}
 .beyaz{color:#fff; margin-left: 1%; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}  
 .byz{color:#fff; text-decoration: underline;}
 
 .carousel-control {
    font-size: 38px;
    top:32%;
    width: 0;
} 
.kirmizi{color: #C60000;text-shadow: 1px 1px #FFFFFF;}

.iconset{background: url(../resim/iconset.png);}
.carousel-indicators li{background-color: rgba(0, 0, 0, 0);background:#000;opacity:0.2;filter:alpha(opacity=100);border-radius: 2px;cursor: pointer;display: inline-block;height: 15px;margin: 1px;text-indent: -999px;width: 15px;border:none}
.carousel-indicators .active {background-color: #FFFFFF;height: 15px;margin: 1px;width: 15px;opacity:1.0;filter:alpha(opacity=100);border:none}

.logo1{width:79px; height:69px; background: url(../resim/logo.png); margin-top:10px}

.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
}

 
 
@media (max-width: 767px){
    .back{background:url(../resim/mobilBg.png) center top; width:100%;height:1700px;  position:absolute; z-index: -99;}
    .mt42{margin-top:63px; }
    .pl30{padding-left: 30px;}
    .arka-xs{margin-top:0%;right:0%;position: absolute;z-index:-9999; width:210%;} 
    .pt20{padding-top:30px}
    .mb40{margin-bottom:80px}
    .mt40{margin-top:50px; padding-left: 30px;}
    .tab-content{padding-top: 3%; height:255px}
    .nav-tabs > li > a { color:#fff}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color:#CA0000}
    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background-color: #efefef;color: #000;}
    .pb50{padding-bottom:45px}
    .mt52{margin-top:200px}
    .tel{width:71px;height:70px; background-position: 0px 0px;}
    .mail{width:71px;height:70px; background-position: -72px 0px;}
    .face{width:52px;height:52px; background-position: 0px -71px;}
    .twit{width:52px;height:52px; background-position: -53px -71px;}
    .tube{width:52px;height:52px; background-position: -106px -71px;}
    .linkd{width:52px;height:52px; background-position: 0px -124px;} 
    .mt15{margin-top:-3%;}
    .scrollspy{
        display: block;
        overflow-y: scroll;
        min-width: 300px;
        max-width: 100%;
        height: 253px;
    }
    .caption {bottom: 20px;color: #333;padding-bottom: 20px;padding-top: 20px;text-shadow: 0 1px 2px #fff;margin-bottom:10px;}
    .tc{text-align: center;}
    #ust{margin-top:-35px}
    #kur{ margin-top:-15px; }
    #sekt{margin-top:-10px;}
    #iletisci{margin-top:30px}
    .ml10{margin-top:6px; text-align: center; margin-left:75px}
    .mt30{margin-top:-70px}


}

/* Small */
@media(min-width:768px) and (max-width:991px){
    body{margin-top:0%}
    .back{background:url(../resim/bg4.png) center top; width:100%;height:2671px;  position:absolute; z-index: -99;}
    .arka-xs{margin-top:0%;right:0%;position: absolute;z-index:-9999; width:210%;}
    .font2{font-size: 2em;}
    .caption {margin-top:120px;bottom: 20px;color: #333;padding-bottom: 20px;padding-top: 20px;text-shadow: 0 1px 2px #fff;margin-bottom:10px;}
    .mt50{margin-top:90px}
    .carousel-indicators{bottom:-44px;}
    .mt15{margin-top: 214px;margin-left: 44px;}
    .scrollspy{padding-left:90px;padding-right:90px; font-size: 15px;}
    .mb20{margin-bottom:20px;}
    .font15{font-size:15px}
    .mt20{margin-top:120px;}
    .pb50{padding-top: 0px;}    
    .mt92{margin-top:-75px}
    .mt90{margin-top:-40px}
    .tl{text-align:left;}
    .tll{text-align: left;}
    .ml44{margin-left:19.667%}
    .pl15{padding-left:15px}
    .ml40{padding-left:40px}
    
    .mt-17{margin-left: -15.664%;}
    
    .mdM{margin-top:-20px; margin-left:7.667%;}
    .mdML{margin-top:-20px; margin-left:54.667%;}  
    
    
    .tel{width:139px;height:140px; background-position: 0px -192px;}
    .mail{width:135px;height:201px; background-position: 0px -358px;}
    .face{width:95px;height:95px; background-position: -159px 0px;}
    .twit{width:95px;height:95px; background-position: -255px 0px;}
    .tube{width:95px;height:95px; background-position: -159px -96px;}
    .linkd{width:95px;height:95px; background-position: -255px -96px;}   
    
    #ust{margin-top:109px}
    #kur{ margin-top:-15px; }
    #sekt{margin-top:-40px;}
    .logo2{width:79px; height:69px; background: url(../resim/logo.png);margin-top: 80px;position: absolute;}

    
}


/* Medium */
@media(min-width:992px) and (max-width:1199px){
    body{margin-top:0%}
    .back{background:url(../resim/bg4.png) center 0px; width:100%;height:2771px;  position:absolute; z-index: -99;}
    .arka-xs{margin-top:0%;right:0%;position: absolute;z-index:-9999; width:190%;}

    .font2{font-size: 2em;}
    .caption {margin-top:154px;bottom: 20px;color: #333;padding-bottom: 20px;padding-top: 20px;text-shadow: 0 1px 2px #fff;margin-bottom:10px;}
    .mt50{margin-top:90px}
    .carousel-indicators{bottom:-44px;}
    .mt15{margin-top: 180px;margin-left: 44px;}
    .scrollspy{padding-left:185px;padding-right:185px; font-size: 15px;}
    .mb20{margin-bottom:20px;}
    .font15{font-size:15px}
    .mt20{margin-top:120px;}
    .mt40{margin-top:80px;}
    .pb50{padding-top: 0px;}    
    .mt92{margin-top:-75px}
    .mt90{margin-top:-40px}
    .tl{text-align:left;}
    
    #ust{margin-top:109px}
    
    .mdM{margin-top:-20px; margin-left: 9.667%;}
    .mdML{margin-top:-20px; margin-left:46.667%;}
    
    .tel{width:139px;height:140px; background-position: 0px -192px;}
    .mail{width:135px;height:201px; background-position: 0px -358px;}
    .face{width:95px;height:95px; background-position: -159px 0px;}
    .twit{width:95px;height:95px; background-position: -255px 0px;}
    .tube{width:95px;height:95px; background-position: -159px -96px;}
    .linkd{width:95px;height:95px; background-position: -255px -96px;}   
    
    .logo{width:139px; height:122px; background-position:0px 0px ; position: absolute;margin-top:80px;}

   

    
    
}

/* Large */
@media(min-width:1200px){}




    
.fff{color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
 .ust{font-size:1.5em;color:#fff ;margin-top:3%; text-decoration: none;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
 .deger{padding: 0px;margin:0px;}
 .deger li{color: #FFFFFF;font-size: 13px;line-height: 25px;list-style-image: url("../resim/kare.png");margin-left: 20px;text-align: left;
    text-shadow: 1px 1px #FF4D4D;
}
 
 .iconset1{background: url(../resim/iconsett.png);}
 
 .daire {
    background-position: 0 -547px;
    float: left;
    height: 400px;
    width: 400px;
    margin-top:-40px;
    margin-left:17px
}
.daireic {
    height: 300px;
    margin-top: 37px;
    width: 260px;
    margin-left:70px
}
.daireic table tr td {
    text-align: left;
    line-height:30px
}
.daireic table tr td input {
   background-position: -300px -453px;
    border: medium none;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    width: 260px;
    font-size:13px;
    margin-top:2%;

}
.daireic table tr .width128 {
    background-position: -300px -491px;
    height: 35px;
    width: 128px;
}
.daireic table tr input[type="button"] {
    background-position: -431px -491px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    margin-left: 70px;
    text-align: center;
    width: 124px;
        margin-top:2%;

}
.daireic table tr td textarea {
    background-position: -403px -547px;
    border: medium none;
    font-size: 13px;
    height: 46px;
    padding: 5px 0 0 10px;
    resize: none;
    text-align: left;
    width: 260px;
        margin-top:2%;

}

.requiredNew {
    color: #990000;
    float: left;
    font-size: 35px;
    height: 35px;
    left: -10px;
    position: absolute;
    width: 13px;
}