body {
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation:portrait) {
    body {
        overflow-x: hidden;
    }

    #header .logo img {
        height: 30px;
    }

    .breadcrumbs {
        margin-top: 15px !important;
        margin-bottom: 0 !important;
    }

    #footer .footer-top .footer-info {
        margin: -20px 0 30px 0;
    }

    #hero .hero-img img {
        width: 80%;
    }

    /*.card.lastikler {
            width: 375px;*/
    /* margin-right: 15px; */
    /*}*/

    img.card-img-top.hvr-shrink {
        /* margin: 15px; */
    }

    section#section0 {
        padding: 0;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    .product-slider .slick-slide {
        margin: 0 10px;
    }

    .product-slider2 .slick-slide {
        margin: 0 10px;
    }

    .tyredesc-content {
        margin-bottom: 0 !important
    }

    .techdetail img {
        width: 100%
    }

    .tyre-title {
        font-size: 25px;
    }

    .top-25 {
        top: 5%;
    }

    h2.tyre-title {
        text-align: center;
    }

    .tyretype {
        width: 93px;
        display: inline-block;
        /* margin: 0 auto;*/
    }

    .ebt-btn {
        display: inline-block;
        float: right;
        padding: 9px 8px;
    }

    .techdetail {
        background-color: #000;
        margin-top: 22px;
    }

        .techdetail .section-title {
            padding: 10px 0;
        }

            .techdetail .section-title p {
                color: #fff;
            }

    .section-title p {
        font-size: 24px;
        margin-left: 10px;
    }

    .sayilar {
        width: 30px;
        height: 30px;
    }

        .sayilar span {
            font-size: 20px;
            width: 40px !important;
            height: 40px !important;
            padding: 0px 14px 2px 4px;
        }

    .hideDivs2 {
        position: absolute;
        left: 0;
        transform: translate(0%, 0);
        opacity: 1;
        transition: all 0.3s ease-in-out;
        mix-blend-mode: overlay;
    }

    .descdetail {
        top: 0;
        background-color: #ffd000;
        padding: 20px;
        position: relative;
        width: 100%;
        right: 0;
        word-break: break-word;
    }

    .col-form-label {
        display: none
    }

    .search-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .aramaturu, .aracturu, .lastiksecimi {
        margin-bottom: 20px;
    }

    .row-tire-list {
        /*     padding-bottom: 0 !important;
        padding-top: 10px !important*/
    }

    .section-title {
        padding-bottom: 0 !important;
    }

    h4.talign-left.tire-title {
        margin-top: 15px;
        /* margin-left: 15px; */
        text-align: center;
    }

    .tire-icon {
        text-align: center;
    }

    .tirebuttons {
        float: none !important;
        text-align: center;
        margin-right: 0 !important;
    }

    h4.talign-left.tire-title {
        left: 0% !important;
    }

    .nav-menu ul li:nth-child(n+5) span {
        display: block;
    }

    .mobile-nav {
        background: #000;
        color: #fff;
    }

        .mobile-nav a {
            color: #fff;
        }

    section {
        padding: 40px 10px;
        overflow: hidden;
        /*  width: calc(100% - 100px);*/
    }

    .tyredetail {
        margin: 20px !important
    }

    section#section0 {
        padding: 0;
        max-height: 750px;
    }

    .deneme {
        top: 20%;
    }

    .slide-bg-1 {
        min-height: 157px !important;
    }

    .slider-content .slider-large-title {
        font-size: 15px !important;
        font-weight: 600 !important;
        margin-bottom: 20px !important;
        margin-left: -29px !important;
    }

    .slider-content .slider-small-title {
        font-weight: 400 !important;
        font-size: 10px !important;
        margin-bottom: 7px !important;
        line-height: 15px !important;
        margin-left: -29px !important;
    }

    .slick-arrow {
        height: 25px;
        width: 25px;
        line-height: 25px;
    }

        /*.slick-arrow i {
            top: -15px;
        }*/

    .oz-line-arrow-left:before {
        content: "\eb0d" !important;
        font-size: 1em;
        display: flex;
        /* padding-bottom: 0px; */
    }

    .oz-line-arrow-right:before {
        content: "\eb0f" !important;
        font-size: 1em;
        display: flex;
        /* padding-bottom: 0px; */
    }
    .arrow-style .slick-arrow.tty-slick-text-prev {
        left: 1%;
    }

    .arrow-style .slick-arrow.tty-slick-text-next {
        right: 1%;
    }

    .lastikarabtn {
        position: absolute !important;
        bottom: 119px !important;
        background-color: #000 !important;
        color: #ffd000 !important;
        padding: 10px !important;
        font-size: 30px !important;
        display: block !important;
        width: 13% !important;
        text-align: center !important;
        left: 45% !important;
    }

    .slick-dots {
        bottom: 1px;
    }

    .slider-content {
        max-width: 40%;
    }

    .section-title h2 {
        margin-bottom: 20px;
        margin-left: 10px;
    }

    .search {
        top: 0px !important;
    }

    #mobil-bar {
        position: fixed;
        top: 65px;
        left: 0;
        right: 0;
        z-index: 98;
        background-color: #000;
        box-shadow: 0 -5px 10px 0 rgb(0 0 0 / 6%);
        min-height: 60px;
        height: calc(62px + (constant(safe-area-inset-bottom))*1.1);
        height: calc(62px + (env(safe-area-inset-bottom))*1.1);
        display: flex !important;
        text-align: center;
    }

        #mobil-bar a {
            color: #fff;
            padding-top: 12px;
            position: relative;
            flex: 1 1 auto;
            right: 15px;
        }

            #mobil-bar a i {
                font-size: 32px;
                position: relative;
                z-index: 2;
            }

            #mobil-bar a span {
                position: relative;
                z-index: 2;
                display: block;
                font-size: 10px;
                font-weight: 500;
                margin-top: -6px;
                opacity: .7;
                font-family: Roboto,sans-serif !important;
            }

    .maincontent {
        margin-top: 78px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1194px) and (orientation:landscape) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }

    .breadcrumbs {
        margin-top: 31px !important;
    }

        .breadcrumbs .d-flex {
            display: block !important;
        }

        .breadcrumbs ol {
            display: block;
        }

            .breadcrumbs ol li {
                display: inline-block;
            }
    .mobile-nav-toggle {
    
        right: 7%;
        top: 7%;
      
    }

    section#section0 {
        padding: 0;
    }

    .slide-bg-1 {
        min-height: 350px;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    .slider-content .slider-large-title {
        font-size: 40px;
        font-weight: 600;
        margin-bottom: -150px;
        margin-left: -29px;
    }

    .slider-content .slider-small-title {
        font-weight: 400;
        font-size: 10px;
        margin-bottom: 7px;
        line-height: 15px;
        margin-left: -29px;
    }

    .slick-arrow {
        height: 25px;
        width: 25px;
    }

        .slick-arrow i {
            top: -15px;
        }

    .arrow-style .slick-arrow.tty-slick-text-prev {
        left: 1%;
    }

    .arrow-style .slick-arrow.tty-slick-text-next {
        right: 1%;
    }

    .lastikarabtn {
        position: absolute;
        bottom: 650px;
        background-color: #000;
        color: #ffd000;
        padding: 10px;
        font-size: 30px;
        display: block;
        width: 32%;
        text-align: center;
        left: 33%;
    }

    .slick-dots {
        bottom: 1px;
    }

    .slider-content {
        max-width: 40%;
        top: 20%
    }

    .section-title h2 {
        margin-bottom: 20px;
        margin-left: 10px;
    }

    .nav-menu i {
        font-size: 32px;
        margin-right: 15px;
        position: relative;
        top: 0;
        display: flex;
    }

    .nav-menu > ul > li {
        margin-right: 30px;
    }

    .nav-menu .drop-down > a:after {
        display: none;
    }

    .nav-menu ul li:nth-child(n+5) {
        display: none;
    }

    .nav-menu, .nav-menu * {
        position: relative;
        right: 10px;
    }

    #mobil-bar {
        display: none;
    }

    .search {
        top: -32px;
    }
    .search-content {
        margin-top: 15px !important;
    }
    .lastikler .btn.btn-yellow {
        padding: 8px;
    }
}
@media only screen and (max-width: 1366px) {
    
      
}
@media only screen and (max-width: 2256px) {
   
      
}
@media only screen and (max-width: 2560px) {
}

@media only screen and (max-width: 2736px) {
}
@media only screen and (max-width: 2880px) {
}
@media only screen and (max-width: 3000px) {
}
@media only screen and (max-width: 3072px) {
}
@media only screen and (max-width: 3240px) {
}
@media only screen and (max-width: 2496px) {
}
    /*@media only screen and (max-width: 991px) {
    #hero {
        padding-top: 80px;
    }

        #hero .animated {
            -webkit-animation: none;
            animation: none;
        }

        #hero .hero-img {
            text-align: center;
        }

            #hero .hero-img img {
                max-width: 50%;
            }

        #hero h1 {
            font-size: 28px;
            line-height: 32px;
            margin-bottom: 10px;
        }

        #hero h2 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 30px;
        }
}

@media only screen and (max-width: 992px) {
    #header {
        height: 64px;
    }

        #header .logo h1 {
            font-size: 28px;
        }

    .breadcrumbs {
        margin-top: 15px;
    }

        .breadcrumbs h2 {
            margin: 0 0 10px 0;
        }

    .nav-menu i {
        font-size: 32px;
        margin-right: 15px;
        position: relative;
        top: 0;
        display: flex;
    }

    .nav-menu ul li:nth-child(n+5) {
        display: none;
    }

    #mobil-bar {
        display: none;
    }

    .search {
        top: -35px;
    }

    .search-content {
        margin-top: -4px !important;
    }

    .nav-link {
        padding: 4px !important;
    }

    .form-select {
        margin-bottom: -3px !important;
        padding: 7px !important;
    }

    h4.search-title {
        padding: 5px !important;
    }
}

@media only screen and (min-width: 992px) {
    .banner .banner-item p {
        width: 80%;
    }
}

@media only screen and (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }

    .banner {
        background-attachment: fixed;
    }

    .nav-menu i {
        font-size: 32px;
        margin-right: 15px;
        position: relative;
        top: 0;
        display: flex;
    }

    .nav-menu > ul > li {
        margin-right: 30px;
    }

    .nav-menu .drop-down > a:after {
        display: none;
    }

    .btn {
        padding: 0.2rem .5em;
        line-height: 1.3;
    }

    .lastikler .btn-yellow {
        height: 35px;
        padding-top: 6px;
    }

    .search {
        top: -35px !important;
    }

    .form-select {
        margin-bottom: -3px !important;
    }

    .nav-link {
        padding: 7px !important;
    }
}*/
    @media only screen and (max-width: 1200px) {
        .faq .faq-list {
            padding: 0;
        }
    }

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

        .nav-menu .drop-down .drop-down ul {
            left: -90%;
        }

        .nav-menu .drop-down .drop-down:hover > ul {
            left: -100%;
        }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\ea9d";
        }
    }