@media(max-width: 1400px)
{
    #urunGruplari .container-fluid {
        max-width: 100%;
        width: 100%;
        margin: auto;
    }
    .urun-carousel .post-slide{
        height: 187px;
    }
    .urun-carousel .item {
        width: 187px;
        height: 187px;
    }
    .post-slide .post-logo{
        font-size: 13px;
        padding: 0 10px;
    }
    .urun-carousel .desc .gtitle {
        font-size: 13px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        line-height: 17px;
    }
}
@media(max-width: 1024px)
{
    header #headerAlt .menu ul li {
        float: left;
        margin-left: 12px;
    }
    header #headerAlt .menu ul li {
        float: left;
        margin-left: 12px;
    }
    header #headerAlt .menu ul li a {
        font-size: 13px;
    }
    .footerMenu li a {
        font-size: 11px;
        color: #fff;
        font-weight: 600;
    }
    #footerBottom p {
        font-size: 12px;
    }
}
@media(max-width: 920px)
{
    header #headerAlt {
        padding: 18px 0;
        text-align: center;
    }
    .urun-carousel .item {
        width: 100%;
        height: 100%;
    }
    #footer .footerAlt{
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }
    #footer .footerAlt div:first-child {
        width: 100%;
        text-align: center;
    }
    #footer .footerAlt div:last-child {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 30px;
    }
    .footerMenu {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footerMenu li{
        margin: 5px 13px;
    }
}
@media(max-width: 768px)
{   
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999999;
        background: #fff;
    }
    .navbar{
        display: none!important;
    }
    .toogle{
        display: block;
        transition: all 1s ease-in-out;
    }

    .menu ul{
        width: 100%;
        display: none;
        transition: all 1s ease-in-out;
    }
    .menu ul li{
        display: block;
        text-align: center;
    }
    
    .menu ul.active{
        display: block;
        transition: all 1s ease-in-out;
    }
    header #headerAlt .menu ul {
      float: none;
      background: #35414C;
      padding-top: 10px;
      padding-bottom: 30px;
    }
    header #headerAlt .menu ul li {
        float: none;
        margin-left: 0;
        padding: 10px 0;
    }
    header #headerUst ul.headerSosyal {
        float: none;
        margin-right: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header-top-dropdown__list{
        width: 100%;    
    }
    .header-top-dropdown__list li{
        padding:0!important;
    }
    header #headerAlt {
        padding: 18px 0 0;
        text-align: center;
    }
    header #headerAlt .menu ul li a{
        color: #fff
    }
    header #headerAlt .menu {
        padding: 19px 0 0;
        width: 100%;
    }
    #sayfa p{
        text-align: left;
    }
    #first-slider .carousel-indicators{
        bottom: 20%;
    }
    #carousel-example-generic .item .carousel-caption{
        width: 100%
    }
    #first-slider .beyaz{
        font-size: 30px;
        line-height: 40px;
    }
    #first-slider p{
        font-size: 20px;
        line-height: 28px;
    }
    #urunGruplari {
        overflow: hidden;
        margin-bottom: 45px;
    }
    #urunGruplari .container-fluid{
        max-width: 100%;
        width: 100%;
    }
    .urun-carousel .post-slide{
        width: 247px;
        margin: auto;
    }
    .urun-carousel .item {
        width: 100%;
        height: 100%;
    }
    .post-slide .post-logo {
        position: absolute;
        top: 50%;
        left: 0%;
        z-index: 9;
        transform: translate(0%, -50%);
        /* width: 100%; */
        padding: 0 20px;
        transition: opacity 0.3s linear;
    }
    .urun-carousel div{
        margin: auto;
    }
    .tumu {
        position: relative;
        float: none;
        margin-right: 15px;
        top: 40px;
        margin: auto;
        text-align: center;
    }

    #hakkimizda{
        margin-top: 0;
    }
    #hakkimizda .slogan {
        font-size: 18px;
        color: #20386d;
        font-weight: 400;
    }
    #hakkimizda p{
        font-size: 16px;
        line-height: 26px;
        margin: 30px 0;
    }
    #projeler .blogposttwo, #haberler .blogposttwo{
        margin: auto;
    }
    #eBulten {
        display: block;
    }
    .form-control.form-control-dark {
        margin-bottom: 10px;
    }
    .dijitalKatalog, .dijitalDergi, .videoGaleri, .sizdenGelenler{
        margin-left: 80px!important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #footer .footerAlt{
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }
    #footer .footerAlt div:first-child {
        width: 100%;
        text-align: center;
    }
    #footer .footerAlt div:last-child {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: 30px;
    }
    .footerMenu {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footerMenu li{
        margin: 5px 17px;
    }
    #footerBottom p, #footerBottom p.ajans{
        text-align: center;
    }
    .page-title .container{
        height: 160px;
    }
    .title-text h1{
        margin: 0px 0 0 0;
        color: #fff;
        font-size: 34px;
    }
    #sayfa .sayfaBaslik{
        margin-top: 0px;
        font-size: 22px;
    }
    .urunList2, ul.urunList {
        margin-left: 0px;
    }
    .urunList2 li, ul.urunList li{
        margin: 0px auto 30px;
        display: block;
    }
    .nav-tabs>li{
        width: 100%;
        margin-left: 0px;
    }
    .content p img{
        width: 100%;
        float: none!important
    }
    .hizmetlerimiz .item{
        flex-wrap: wrap;
    }
    .hizmetlerimiz .item:nth-child(odd) .resim{
        margin-right: 0;
    }
    .hizmetlerimiz .item:nth-child(even) .resim{
        margin-left: 0;
    }
    .hizmetlerimiz .item .resim img{
        width: 100%;
    }















}