.ie8mlm {
margin-left: 80px !important;
}

.ie8font {
            font-size: 10px !important;
        }

.socialMobile {
    display: none;
}

.galaxyTab2 {
    left: 170px !important;
}

@media (max-width:767px) {
    .social {
        display: none;
    }

    .socialMobile {
        display: block;
        text-align: center;
        margin-top: 0px;
    position: absolute;
    left: 40%;
    top: 12px;
    z-index: 999999;
    }
    .settinggrass{
        margin-top: -97px!important;
        position: sticky!important;
        width: 100%!important;
    }
    .konusma-balonu {
 
     float: none !important; 
   
}
.carousel-indicators {
    position: absolute;
     top: 0px; 
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

  
}
@media (max-width:480px) {
    .welcome-to div.content .image-welcome img {
        width: 100%;
    }
    .welcome-to div.content .caption-welcome h3 {
        text-align: center;
    }
    .text-home {
        text-align: center;
    }
    .title-feature h2.title span {
        font-size: 30px !important;
    }
    .welcome-to div.header h2.title-header {
        font-size: 28px;
    }
    .urunler-categori {
        margin-bottom: 10px;
    }
    .developer a {
        float: left;
    }
    aside.accordion {
        margin-top: 30px;
    }
}


.header-banner-bg {

    height: 620px;
    overflow: hidden;
}
.sayfa-banner-bg {
   
    height: 250px;
    overflow: hidden;
}

.navbar-bg {
    background: url(../img/header.png) top center no-repeat;
    height: 200px;
    width:100%;
    margin-bottom: 58px;
}

@media (max-width: 992px) and (min-width: 768px) {
    .navbar-bg {
        background: url('../img/mainheader1.png') top center no-repeat;
    }
    .social {
        margin-top: -39px !important;
        margin-right: 182px !important;
    }

}

@media (max-width: 995px) and (min-width: 768px) {
    ul.split-nav li:nth-child(4) {
        margin-left: 20px !important;
    }
    .split-nav li a {
        font-size: 15px !important;
    }
    .split-nav {
        padding-top: 104px !important;
    }
    .urunbg {
        width: 100% !important;
        height: 220px !important;
    }

}


.navContainer {
    width: 960px;
    margin: 0px auto;
}

.split-nav {
    list-style-type: none;

    float: left;
    width: 960px;
    padding-left: 0px;
    margin-top: 110px;
}

    .split-nav li {
        display: inline-block;
        margin: 0px;
    }

        .split-nav li a {
            color: #fff;
            text-shadow: 1px 1px 1px #272727;
            font-family: 'Raleway', sans-serif;
            font-size: 15px;
            font-weight: 800;
            padding-left: 11px;
        }
        .split-nav li a:hover {
            text-decoration: underline;
        }

            .split-nav li a.active ,.split-nav li a:hover {
                background: url(../main/images/hoverbg2.png) left center no-repeat;

            }

        .split-nav li:first-child {
            margin-left: 16px;
        }

        .split-nav li:nth-child(4) {
            margin-right: 10px;
        }

        .split-nav li:nth-child(5) {
            margin: 0px;
        }

        .split-nav li:nth-child(6) {
            margin: 0px 10px;
        }

.headBottom {
    background: url(../img/headbottom.png) top center no-repeat;
   
    margin-top: -280px;
    z-index: 99;
    position: relative;
}

.bxslider {
    width: 960px;
    margin: 0px auto;
    text-align: center;
    position:relative;
}

.social {
    float: right;
    margin-top: -72px;
    margin-right: 9px;padding-right: 18px;
}

@media(max-width:767px) {
    body.texter {
        text-align: left;
        margin-left: 95px;
    }

    body.texter2 {
        text-align: left;
        margin-left: 95px;
    }
}
.slider-ref .item img {
    border-radius: 50%;
    width: 100%;
}
.urun-slider-home {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background-size: cover;
    margin: 0 auto;
}
.urun-slider-home h3 {
   bottom: 50px;
    right: 0;
    left: 0;
    position: absolute;
    color: #fff;
    background: #3c5f21;
    padding: 12px 0;
    border-radius: 30px;
    width: 240px;
    margin: 0 auto;
}
.footer-links h4{
    margin-left: 25px;
}
.bg-ayar{
  z-index: -9999;
    position: absolute;
    width: 100%;
    clear: both;
    height: 620px;
    object-fit: cover;
}
.ayars{

}
.divayar{
  margin-right: -15px;
    margin-left: -15px;
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    
     .ayars{
            position: absolute;
    left: 39%;
    height: 200px;
    margin-top: 25px;
    }
 }
 @media only screen and (min-width: 90.063em) { 
    .ayars{
        position: absolute;
        left: 41%;
        height: 200px;
        margin-top: 25px;
    }
 }
 .aramaayarli{
    list-style-type: none; padding-top: 30px; padding-bottom: 30px;background-color: #9dbc35; margin-bottom: 20px;padding-left: 10px; 
 }
.aramaayarli a{
    font-size: 20px;
    color: white;
}
.aramaayarli a:hover{
    color: #3c5f21;
   
}
.asda{
    color:#fff;
}
.mobillogo{
    height: 50px;
    margin-top: -57px;
    margin-left: -10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #9dbb35;
}
.navbar-default .navbar-nav > li > a {
    color: #777777;
    font-size: 16px;
    color: #fff;
}
.navbar-brand{
    clear: both;
}
.sayfamenuayar{
    padding-right: 10px;
}
.animas{
     animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
 33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:0}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
@keyframes fade6
{
  0%   {opacity:0}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
@keyframes fade7
{
  0%   {opacity:0}
  33.333% { opacity: 0.7}
  66.666% { opacity: 0.1}
  100% { opacity: 0}
}
.carousel-control.left {
     background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
     background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
     background-image: linear-gradient(to right,rgba(0,0,0,.0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.panel-default > .panel-heading {

    background-color: #3c5f21!important;
    color: #fff!important;
   
}
td, tr td {
    border-top: none;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none; 
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}
.panel-body {
    margin-top: 10px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
 background-color: #417b64;   
}
.panel {
    margin: 0px 0;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.settinggrass{
    margin-top: -200px;
    position: sticky;
    width: 100%;
}
.grasstext{
    position: sticky;
    /* color: white; */
    margin-top: -50px;
    background-color: #fff;
    width: 25%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    /* margin: 0 auto; */
    opacity: 0.9;
    /* left: 0px; */
    /* right: 0px; */
    left: 140px;

}
.konusma-balonu{
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 20px;
    position: relative;
    color: black;
    /* margin-top: 20px; */
    /* width: 400px; */
    /* left: 600px; */
    /* top: 65px; */
    margin-top: -52px;
    width: 359px;
    /* left: 23%; */
    /* margin-bottom: 24px; */
    border-radius: 0px;
    font-family: 'Courgette', cursive;
    float: left;
}

.konusma-balonu:after{
  content: '';
  position:absolute;
  left: 30px;
  top:-10px;
  border-style: solid;
  border-width: 0 15px 10px 15px;;
  border-color: transparent transparent #fff transparent;  

}