tr.cizgisiz td, tr.cizgisiz th {
    border: 0;
}
@media (min-height: 640px) and (orientation: landscape) , (min-width: 881px)  {

    .mobilemenukapat {
        display: none;
    }
}


@media (max-width: 881px) {
    .divmenupict, .divmobilemenu, .mobilemenu {
        display: none;
        position: fixed;
    }
    .tblmenu th .altmenu .altaltmenu, .tblmenu th .altmenu .altaltmenu.over {
        left: 0;
        width: 100%;
    }

    .mycanvas {
        display: block;
        position: absolute;
        width: 90%;
        height: 100%;
        background-color: transparent;
        z-index: 6;
        top: 0;
        left: 5%;
    }

    .tblmenu th {
        display: block;
    }

        .tblmenu th a.menuok {
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url(/images/beyaz_button.png);
            width: 24px;
            display: inline-block;
        }

    .tblmenu td a.menuok {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/images/siyah_menu_button.png);
        width: 24px;
    }

    .altmenu th a.menuok:hover {
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(/images/beyaz_menu_button.png);
        /*background-image: url(/images/kirmizi_menu_button.png);*/
        width: 24px;
    }

    .tblmenu.selected th a.menuok {
        display: block;
    }

    .topsection .tblmenu,
    .topsection-alt .tblmenu {
        max-width: 80vmin;
        width: 80vmin;
        height: auto;
        /*font-size: 3.5vmin;*/
    }

    .topsection table.dilmenu, .topsection-alt table.dilmenu {
        right: 0;
    }

    .topsection table.navpics,
    .topsection-alt table.navpics {
        display: none;
    }


    .topsection table.dilmenu {
        position: relative;
        /*border-top: 1px solid #e76762;*/
        top: 0;
        width: 100%;
    }

        .topsection table.dilmenu td {
            text-align: left;
        }

    .divmobilemenu {
        display: inline-table !important;
        left: 0;
        padding: 8px;
        top: 28px;
        height: 42px;
        width: 92vw;
        /*min-height: 14vmin !important;*/
        position: relative;
        text-align: left;
        z-index: 11;
        margin: auto;
        vertical-align: middle;
    }

    .lnkbtn {
        position: absolute;
        right: 8px;
    }

    .tblmenu th a:hover, .tblmenu th a.selected {
        color: white;
    }
    /*.bayi {
        display: none;
    }*/


    table.navpics img, .bayi img {
        width: 12px;
        height: 12px;
    }

    .bayi a.bayigirisi {
        font-size: 12px;
        width: 42px;
        height: 14px;
        padding: 4px 8px;
        margin: 0 0 4px 4px;
    }



    .tbltopsection {
        left: 0;
        width: 100% !important;
    }

    .topsection .tblmenu, .topsection-alt .tblmenu,
    .tblmenu, #tblmenu {
        position: relative;
        top: 30px;
        left: 0;
        width: 250px;
        max-width: unset;
        /*height: auto;*/
        text-align: left;
        /*background-color: #f7f8f9;*/
        /*background-color: #d22524;*/
        background-color: #ed1c24;
        font-size: 12px;
        border-collapse: collapse;
        border-top: 4px solid #ab2021;
        max-height: calc(100vh - 90px);
        overflow-y: auto;
        overflow-x: hidden;
        display: none;
        z-index: 11;
    }



    .menupict {
        left: 0;
        position: relative;
    }

    .tblmenu th {
        border-bottom: 1px solid #e76762;
        border-top: 1px solid #e76762;
        position: relative;
        text-align: left;
        width: 240px;
        height: auto;
        padding-left: 10px;
    }

    .tblmenu tr:first-child th {
        border-top: 0;
    }

    .tblmenu th a,
    .tblmenu th a:visited {
        /*color: black;*/
        color: white !important;
    }

        .tblmenu th a:hover, .tblmenu th a.selected {
            font-weight: bold;
        }


    Table.dilmenu td.over a {
        font-weight: bold;
    }

    .topsection .tblmenu th .altmenu,
    .topsection-alt .tblmenu th .altmenu {
        height: 3.5vmin;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }

        .topsection .tblmenu th .altmenu.over,
        .topsection-alt .tblmenu th .altmenu.over {
            height: 3.5vmin;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
        }
    .tblmenu th:nth-last-of-type(1),
    .tblmenu td:nth-last-of-type(1) {
        border-bottom: none;
    }

    .tblmenu th .altmenu {
        top: 16px;
        left: 0;
        position: relative;
        background-color: white;
    }

    .topsection table.navpics,
    .topsection-alt table.navpics {
        display: none;
    }

    .tblmenu,
    .topsection .tblmenu,
    .topsection-alt .tblmenu {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        padding-left: 4px;
    }

        .tblmenu.dismiss,
        .topsection .tblmenu.dismiss,
        .topsection-alt .tblmenu.dismiss {
            /*display: none;*/
            animation: slide-out 0.5s forwards;
            -webkit-animation: slide-out 0.5s forwards;
        }

        .tblmenu.selected,
        .topsection .tblmenu.selected,
        .topsection-alt .tblmenu.selected {
            animation: slide-in 0.5s forwards;
            -webkit-animation: slide-in 0.5s forwards;
            display: block !important;
        }


        .tblmenu .tablo,
        .altmenu .tablo,
        .altaltmenu .tablo {
            /*height: 2px;*/
            position: relative;
            margin: 0;
            border: 0 !important;
            vertical-align: bottom;
        }

            .tblmenu .tablo table.dismiss,
            .altmenu .tablo table.dismiss,
            .altaltmenu .tablo table.dismiss {
                display: none;
            }

            .tblmenu .tablo table,
            .altmenu .tablo table,
            .altaltmenu .tablo table {
                border: 0 !important;
                /*border-left: 4px solid #ab2021 !important;*/
            }

        .tblmenu th.lnkbtn {
            border-bottom: 1px solid white;
        }


        .tblmenu th .altmenu .altaltmenu, .tblmenu th .altmenu .altaltmenu.over {
            top: initial;
            left: 0 !important;
            transform: none;
            position: relative !important;
            margin: 0;
            border: 0;
            width: 100%;
            /*border-left: 1px solid #ab2021 !important;*/
        }

        /*.tblmenu th .altmenu .altaltmenu tr.cizgisiz td {
                    border-bottom: 1px solid #ab2021 !important;
                }*/

        .tblmenu th .altmenu tr th, .tblmenu th .altmenu tr td {
            border-bottom: 1px solid #ab2021;
            height: 34px;
        }

        .tblmenu th .altaltmenu tr td {
            border-top: 1px solid #ab2021;
            border-bottom: 0;
            height: 34px;
        }

        .tblmenu th .altmenu,
        .tblmenu td .altaltmenu {
            display: none;
        }

            .tblmenu th .altmenu.over, .tblmenu td .altaltmenu.over {
                display: table;
            }

                .tblmenu th .altmenu td a:hover, .tblmenu th .altmenu.over td a:hover, .tblmenu th .altmenu .altaltmenu td a:hover {
                    color: #ed1c24;
                }


            .tblmenu th .altmenu tr th, .tblmenu th .altmenu tr td, .tblmenu td .altaltmenu tr td {
                height: unset;
                padding: 2px 4px;
                background-color: transparent;
            }

            .tblmenu th .altmenu tr.cizgisiz td, .tblmenu td .altaltmenu tr.cizgisiz td {
                border-bottom: 0;
            }
            /*.altmenu.over a:hover{color:#ed1c24;}*/
            .tblmenu th .altmenu th, .tblmenu th .altmenu td, .tblmenu td .altaltmenu td {
                height: auto !important;
                padding: 0 8px;
                vertical-align: middle !important;
            }
            /*.topsection .tblmenu th:hover .altmenu 
{
    display:none;
}*/
            .tblmenu th .altmenu tr td a, .tblmenu th .altmenu tr td a:visited, .tblmenu th .altmenu .altaltmenu tr td a, .tblmenu th .altmenu .altaltmenu tr td a:visited {
                color: #58595B !important;
                text-transform: none;
                font-size: 12px;
            }

            .tblmenu th .altmenu.over tr:hover td a, .tblmenu th .altmenu.over .altaltmenu tr td:hover a {
                color: #ed1c24;
            }

            .tblmenu th .altmenu.over .altaltmenu tr td a {
                color: #58595B;
                text-transform: none;
            }

    .altmenu table {
        position: relative;
        top: 0;
        padding: 0 8px 0 16px;
        width: calc(100% - 24px);
        background-color: white;
        /*border: 1px solid #EEE;*/
        margin: 0;
    }


    .mobilemenu, #mobilemenu {
        width: 50vmin;
    }


    .submenu, .divmenupict .altmenu, .divmenupict .altmenu table, .divmenupict .altmenu table tbody, .divmenupict .altmenu table tbody td {
        /*width: 240px;*/
        vertical-align: middle;
    }



    .bayi {
        top: 32px;
        display: inline-block;
        right: 8px;
        z-index: 11;
        height: 24px;
        margin: 0;
    }

    .mobilemenukapat {
        z-index: 11;
        position: absolute;
        /*right:calc(100vw - 270px);*/
        /*background-color: #f7f8f9;*/
        background-color: #d22524;
        color: white;
        width: 24px;
        top: 60px;
        left: 252px;
        text-align: center;
        border-radius: 4px;
        animation: slide-in 0.5s forwards;
        -webkit-animation: slide-in 0.5s forwards;
        display: block;
    }

        .mobilemenukapat:hover {
            cursor: pointer;
        }



    .topsection .mobilemenu,
    .topsection-alt .mobilemenu {
        position: absolute;
        top: 14vmin;
        left: 0;
        height: auto;
        width: 256px;
        text-align: left;
        /*background-color: #f7f8f9;*/
        background-color: #d22524;
    }

    div.logo,
    .topsection div.logo,
    .topsection-alt div.logo {
        position: absolute;
        z-index: 11;
        left: calc(50vw - 42px);
        top: calc(45px - 32px);
        z-index: 999;
        cursor: pointer;
    }



    .topsection .tblmenu,
    .topsection-alt .tblmenu {
        max-width: 80vw;
        width: 80vw;
    }

    .topsection table.dilmenu, .topsection-alt table.dilmenu {
        right: 0;
    }

    .topsection table.navpics,
    .topsection-alt table.navpics {
        display: none;
    }

    .topsection table.dilmenu, .topsection-alt table.dilmenu {
        position: relative !important;
        /*border-top: 1px solid #e76762;*/
        top: 0 !important;
        width: 100% !important;
        left: 0;
    }

        .topsection table.dilmenu td, .topsection-alt table.dilmenu td {
            text-align: left;
        }

    /*.bayi {
        display: none;
    }*/
    table.navpics img, .bayi img {
        width: 12px;
        height: 12px;
    }

    .bayi a.bayigirisi {
        font-size: 12px;
        width: 42px;
        height: 14px;
        padding: 4px 8px;
        margin: 0 0 4px 4px;
    }

    -webkit-scrollbar {
        width: 2px;
        z-index: 1000;
    }
}



@media (max-width: 881px) {
    div.kategori {
        height: calc(100vmin - 90px);
    }
    div.kategori .yazi {
        font-size:2vmin;
        padding-top:4px;
        height:unset;
    }
    #kategorisayfa .divmain {
        margin: 0;
    }
    #kategorisayfa .Title.tezgahlar {
        font-size: 4vmin;
    }
    div.kapaklar div.kategori {
        height: unset;
    }
}


@media (max-width: 640px) and (orientation: portrait) {
    .divmobilemenu {
        top: 8vw;
    }
}
    @-webkit-keyframes slide-in {
        0% {
            -webkit-transform: translateX(-100vw);
        }

        100% {
            -webkit-transform: translateX(0%);
        }
    }

    @keyframes slide-in {
        0% {
            transform: translateX(-100vw);
        }

        100% {
            transform: translateX(0%);
        }
    }


    @keyframes slide-out {
        0% {
            transform: translateX(0%);
        }

        100% {
            transform: translateX(-100vw);
        }
    }

    @-webkit-keyframes slide-out {
        0% {
            -webkit-transform: translateX(0%);
        }

        100% {
            -webkit-transform: translateX(-100vw);
        }
    }