@media(max-width:850px) {
    .metinimgscroll {
        overflow-x: scroll
    }
    #nav-icon2 {
        width: 35px;
        height: 25px;
        right: 10px;
        top: 25px;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer
    }
    #nav-icon2 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        background: #fff;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    #nav-icon2 span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0
    }
    #nav-icon2 span:nth-child(odd) {
        left: 0;
        border-radius: 9px 0 0 9px
    }
    #nav-icon2 span:nth-child(1),
    #nav-icon2 span:nth-child(2) {
        top: 0
    }
    #nav-icon2 span:nth-child(3),
    #nav-icon2 span:nth-child(4) {
        top: 9px
    }
    #nav-icon2 span:nth-child(5),
    #nav-icon2 span:nth-child(6) {
        top: 18px
    }
    #nav-icon2.open span:nth-child(1),
    #nav-icon2.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    #nav-icon2.open span:nth-child(2),
    #nav-icon2.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #nav-icon2.open span:nth-child(1) {
        left: 5px;
        top: 7px
    }
    #nav-icon2.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px
    }
    #nav-icon2.open span:nth-child(3) {
        left: -50%;
        opacity: 0
    }
    #nav-icon2.open span:nth-child(4) {
        left: 75%;
        opacity: 0
    }
    #nav-icon2.open span:nth-child(5) {
        left: 5px;
        top: 15px
    }
    #nav-icon2.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 15px
    }
    .header-topbar .top-social span {
        display: none
    }
    .header-topbar .info-bar .call-you {
        display: none
    }
    .pc-left,.pc-right,.pc-middle {
        display: none;
    }
    header {
        margin-top: 10px
    }
    header .menu-wrapper {
        width: 70px
    }
    header .menu-wrapper .logo {
        width: 70px
    }
    header .logo img {
        max-height: 70px
    }
    header .logo {
        margin-top: 7px
    }
    header .logo .cerceve2 {
        width: 85px;
        height: 85px
    }
    header ul.main-menu {
        display: none
    }
    header ul.mobile-menu {
        position: absolute;
        background: #fff;
        z-index: 9999;
        top: 80px;
        left: 1%;
        border-top: 1px solid #eee;
        margin: 10px 0;
        width: 98%;
        padding: 0 10px;
        list-style: none;
        display: none
    }
    header ul.mobile-menu li {
        width: 100%;
        position: relative
    }
    header ul.mobile-menu li a {
        height: 40px;
        line-height: 40px
    }
    header ul.mobile-menu li a {
        display: block;
        font-family: niramit, sans-serif;
        color: #262a3b;
        font-weight: 400;
        font-size: 16px;
        text-decoration: none;
        background: 0 0;
        padding: 0 3px;
        transition: ease-in-out all 400ms
    }
    header ul.mobile-menu li>ul li a {
        display: block;
        font-family: niramit, sans-serif;
        text-align: left;
        text-indent: 10px;
        height: 40px;
        line-height: 40px;
        color: #000;
        font-size: 16px
    }
    header ul.mobile-menu li ul {
        display: none;
        list-style: none;
        border-top: 1px solid #eee;
        margin: 0;
        padding: 0;
        position: relative;
        min-width: 200px;
        background: #fff;
        z-index: 999;
        box-shadow: none;
        border-bottom: 1px solid #eee
    }
    header ul.mobile-menu li ul.mega-menu {
        display: none;
        border-top: 1px solid #eee;
        margin: 0;
        padding: 0;
        position: relative;
        min-width: 200px;
        background: #fff;
        z-index: 999;
        box-shadow: none;
        border-bottom: 1px solid #eee
    }
    header ul.mobile-menu li ul.mega-menu li {
        position: relative
    }
    header ul.mobile-menu li ul.mega-menu li a {
        font-family: niramit, sans-serif;
        color: #262a3b;
        font-weight: 400;
        text-align: left;
        text-indent: 10px;
        background: 0 0
    }
    section.main-banner {
        height: auto
    }
    .videos-wrapper {
        position: relative;
        float: left;
        width: 100%;
        bottom: 0;
        overflow: hidden
    }
    .videos-wrapper .videos-scroll {
        overflow-x: scroll;
        position: relative;
        z-index: 1
    }
    .videos-wrapper .videos-scroll::-webkit-scrollbar {
        width: 10px
    }
    .videos-wrapper .videos-scroll::-webkit-scrollbar-track {
        background: 0 0
    }
    .videos-wrapper .videos-scroll::-webkit-scrollbar-thumb {
        background: #262a3b;
        border-radius: 10px
    }
    .videos-wrapper .videos-scroll::-webkit-scrollbar-thumb:hover {
        background: #262a3b
    }
    .videos-wrapper .videos {
        width: 800px
    }
    .videos-wrapper .videos .video-box {
        float: left;
        width: 33.3%
    }
    .videos-wrapper .video-desc-wrapper .video-desc {
        width: 100%
    }
    section.kapsayici {
        padding: 40px 15px
    }
    section.features .features-left ul.feature-list li .feature-title {
        width: 86%
    }
    section.text-and-image .image-wrap .textbtn {
        width: 96% !important;
        left: 2% !important;
        text-align: center
    }
    section.versions .pd-r-0 {
        padding-right: 15px
    }
    section.versions .pd-l-0 {
        padding-left: 15px
    }
    section.versions .okla-goster {
        position: absolute;
        right: 10px;
        top: auto;
        bottom: 10px;
        display: none;
        -webkit-animation: okhareket 1.2s infinite;
        animation: okhareket 1.2s infinite
    }
    @-webkit-keyframes okhareket {
        33% {
            bottom: 5px
        }
        66% {
            bottom: 10px
        }
    }
    @keyframes okhareket {
        33% {
            bottom: 5px
        }
        66% {
            bottom: 10px
        }
    }
    section.screen {
        overflow: hidden
    }
    section.screen .screen-img {
        margin: 0 -15px;
        padding: 0
    }
    section.screen .screen-img .laptop {
        position: relative;
        background-image: url(../../resim/laptop.png);
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 317px;
        margin: 0 auto;
        z-index: 9
    }
    section.screen .screen-img ul {
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        top: 20px;
        right: 50%;
        margin-right: -149px;
        z-index: 2;
        width: 298px;
        height: 169px;
        overflow: hidden
    }
    section.screen .screen-img ul li img {
        width: auto;
        height: 169px
    }
    section.text-alan {
        overflow: hidden
    }
    section.text-alan .text-wrap .text ul li {
        float: left;
        width: 100%;
        padding: 15px;
        text-align: justify
    }
    section.text-alan .cloud-slide {
        height: auto;
        margin-bottom: 40px
    }
    section.text-alan .cloud-slide:before {
        position: absolute;
        content: "";
        top: -14px;
        left: 50%;
        margin-left: -210px;
        z-index: 999;
        width: 420px;
        height: 240px;
        background-image: url(../../resim/monitor2.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat
    }
    section.references .all-reference-btn {
        display: block
    }
    section.page-banner h1.page-title {
        margin-top: 10px
    }
    section.page-banner .breadcrumb {
        float: left;
        width: 100%;
        margin-top: 0;
        text-align: left
    }
    section.page-main-content .content-txt-wrap .kutu li {
        width: 100%
    }
    section.product-banner .p-tab-menu-wrap {
        position: relative;
        left: auto;
        float: left;
        margin-left: 5%
    }
    section.product-banner .p-tab-menu-wrap ul li {
        width: 50%
    }
    section.product-banner .p-tab-menu-wrap ul li:last-child {
        width: 100%
    }
    section.product-banner .p-tab-menu-wrap ul li a.active {
        background: #fff;
        border-bottom-color: #cbd6e2
    }
    section.product-banner .p-tab-menu-wrap ul li:nth-child(2) a {
        border-top-right-radius: 5px
    }
    section.product-banner .p-tab-menu-wrap ul li:nth-child(5) a {
        border-top-right-radius: 0
    }
    section.product-banner .p-tab-menu-wrap ul li:nth-child(5) a {
        border-bottom-left-radius: 5px
    }
    section.product-banner .p-tab-menu-wrap ul li:nth-child(5) a {
        border-bottom-right-radius: 5px
    }
    section.product-main-content {
        margin-top: 260px
    }
    .tablo-ozellik h2 {
        margin-bottom: 60px !important
    }
    .tablo-ozellik h2.mt30-mb20 {
        margin-bottom: 60px !important
    }
    ul.karsilastirma li.baslik {
        border: 0;
        white-space: nowrap;
        transform: rotate(-90deg);
        margin-bottom: 14px;
        text-align: left
    }
    ul.karsilastirma li.satirbaslik,
    ul.karsilastirma li.var,
    ul.karsilastirma li.yok,
    ul.karsilastirma li.opsiyonel {
        height: 60px
    }
    ul.karsilastirma li.var,
    ul.karsilastirma li.yok,
    ul.karsilastirma li.opsiyonel {
        padding: 0;
        line-height: 60px
    }
    ul.karsilastirma li.satirbaslik {
        display: flex;
        align-items: center
    }
    ul.karsilastirmabilgi li.var,
    ul.karsilastirmabilgi li.yok,
    ul.karsilastirmabilgi li.opsiyonel {
        width: 33.3%
    }
    footer.footer {
        padding: 30px 0 0
    }
    footer.footer .footer-top .f-top-box.two {
        padding: 0 15px
    }
    footer.footer .footer-top .f-top-box {
        float: left
    }
    footer.footer .footer-top .logo {
        position: relative;
        width: 100px;
        margin: 0 auto 15px
    }
    footer.footer .footer-copyright p.copyright-txt {
        text-align: center
    }
    footer.footer .footer-copyright .footer-bottom-menu ul li {
        float: none;
        margin-left: 5px;
        display: inline-block
    }
    footer.footer .footer-copyright .footer-bottom-menu {
        text-align: center
    }
    footer.footer .footer-copyright .footer-bottom-menu ul li:first-child:after {
        display: inherit
    }
    footer.footer .footer-copyright .footer-bottom-menu ul li:last-child:after {
        display: none
    }
    footer.footer .footer-top ul.f-top-menu.f-contact li i {
        font-size: 22px;
        color: #fff;
        margin-right: 5px;
        background: #262a3b;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        float: left
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    ul.karsilastirma li.satirbaslik,
    ul.karsilastirma li.var,
    ul.karsilastirma li.yok,
    ul.karsilastirma li.opsiyonel {}
}

@media(max-width:510px) {
    .incomingfiyat .fiyat {
        height: 48px
    }
    .incomingfiyat .kullanici {
        height: 48px
    }
    .incomingfiyat .resetturizm {
        height: 48px
    }
    .incomingfiyat .kullanici:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .incomingfiyat .fiyat:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .ortala {
        display: flex;
        align-items: center;
        justify-content: center
    }
}