/****** FONTS ******/
@font-face {
    font-family: 'Lato-Bold';
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Bold.woff') format('woff'), url('../font/Lato-Bold.ttf') format('truetype'), url('../font/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.ttf') format('truetype'), url('../font/Lato-Regular.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Semibold.woff') format('woff'), url('../font/Lato-Semibold.ttf') format('truetype'), url('../font/Lato-Semibold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/****** FONTS ******/

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../font/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), url('../font/MyriadPro-Bold.otf') format('opentype'), url('../font/MyriadPro-Bold.woff') format('woff'), url('../font/MyriadPro-Bold.ttf') format('truetype'), url('../font/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Heavy';
    src: url('../font/Lato-Heavy.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Heavy.woff') format('woff'), url('../font/Lato-Heavy.ttf') format('truetype'), url('../font/Lato-Heavy.svg#Lato-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../font/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Light.woff') format('woff'), url('../font/Lato-Light.ttf') format('truetype'), url('../font/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato-Semibold';
    src: url('../font/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Semibold.woff') format('woff'), url('../font/Lato-Semibold.ttf') format('truetype'), url('../font/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Lato-Bold';
    src: url('../font/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Bold.woff') format('woff'), url('../font/Lato-Bold.ttf') format('truetype'), url('../font/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Regular.woff') format('woff'), url('../font/Lato-Regular.ttf') format('truetype'), url('../font/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Medium';
    src: url('../font/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Medium.woff') format('woff'), url('../font/Lato-Medium.ttf') format('truetype'), url('../font/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../font/Lato-Black.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Black.woff') format('woff'), url('../font/Lato-Black.ttf') format('truetype'), url('../font/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****** RESET ******/

html {
    -webkit-text-size-adjust: none;
}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: #FFF;
    position: relative;
}

/*body {
    margin: 0;
    padding: 0;
    background: url(../images/bg.png) no-repeat center;
    background-size: 100% 100%;
}*/

a {
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
}
img {
    border: 0;
}

input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    border: 0;
    cursor: pointer;
    padding: 0;
}

    input[type="button"]:focus, input[type="text"]:focus, textarea:focus, input[type="submit"]:focus {
        outline: 0;
    }


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.main {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

:focus {
    outline: none;
}

/****** LAYOUT ******/

.wrapper {
    width: 100%;
    height: 100%;
    z-index: 0;
}


.index-wrapper {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: relative;
}

.container {
    width: 1200px;
    margin: 0 auto;
    min-height: 630px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
    display: table;
}

.comp {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid rgba(5,69,142,.2);
    font-family: 'Lato-Black';
    font-size: 10px;
    color: #006ab6;
    text-align: center;
    letter-spacing: 5px;
    line-height: 45px;
    margin-bottom: 20px;
}

/*.header {
    background: url(../images/header.png) no-repeat bottom center;
    height: 216px;
    width: 100%;
    background-size: cover;
}*/

/*.page-title {
    width: 1050px;
    height: 190px;
    background: url(../images/page-title-bg-1.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 80px;
    font-family: 'Lato-Black';
    font-size: 29px;
    color: #FFF;
    line-height: 210px;
    padding-left: 150px;
    background-size: cover;
}

.page-title2 {
    width: 1050px;
    height: 190px;
    background: url(../images/page-title-bg-2.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 80px;
    font-family: 'Lato-Black';
    font-size: 29px;
    color: #FFF;
    line-height: 210px;
    padding-left: 150px;
    background-size: cover;
}

.page-title3 {
    width: 1050px;
    height: 190px;
    background: url(../images/page-title-bg-3.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 80px;
    font-family: 'Lato-Black';
    font-size: 29px;
    color: #FFF;
    line-height: 210px;
    padding-left: 150px;
    background-size: cover;
}

.page-title4 {
    width: 1050px;
    height: 190px;
    background: url(../images/page-title-bg-4.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 80px;
    font-family: 'Lato-Black';
    font-size: 29px;
    color: #FFF;
    line-height: 210px;
    padding-left: 150px;
    background-size: cover;
}*/
.page-title {
    font-size: 29px;
    font-family: 'Lato-Bold';
    width: 1200px;
    margin: 30px auto;
    color: #0068b2;
    text-align: center;
}
    .page-title2 {
    font-size: 29px;
    font-family: 'Lato-Bold';
    width: 1200px;
    margin: 30px auto;
    color: #0068b2;
    text-align: center;
}
.page-title3 {
    font-size: 29px;
    font-family: 'Lato-Bold';
    width: 1200px;
    margin: 30px auto;
    color: #0068b2;
    text-align: center;
}
.page-title4 {
    font-size: 29px;
    font-family: 'Lato-Bold';
    width: 1200px;
    margin: 30px auto;
    color: #0068b2;
    text-align: center;
}
    .nav {
    margin: 0 auto 0 auto;
    display: inline-block;
    padding: 0 40px;
}

    .nav a {
        float: left;
        font-family: 'Lato-Bold';
        font-size: 14px;
        color: #668194;
        line-height: 50px;
        height: 50px;
        padding: 0 5px 0 0;
        display: block;
    }

        .nav a:hover {
            font-family: 'Lato-Black';
        }
.orange_block {
    background:#ED7A31;
    padding:5px 0;
    width:100%;
    display:none;
    height:25px;
    position:relative

}

.logo-block {
    width: 330px;
    height: 160px;
    background: url(../images/logo-bg.png) no-repeat center;
    float: left;
    margin: 0 28px;
    background-size: cover;
}

/*.logo {
    float: left;
    width: 75px;
    height: 75px;
    background: url(../images/logo.png) no-repeat center;
    margin: 20px 0 0 35px;
    background-size: contain;
}*/

.biltek {
    float: left;
    width: 190px;
    height: 100px;
    background: url(../images/biltek.png) no-repeat center;
}

.menu {
    width: 779px;
    height: 70px;
    margin: 0;
    float: right;
    position: relative
}

    .menu ul {
        margin: 0;
        padding: 0;
        float:right;
    }

        .menu ul li {
            float: left;
            list-style: none;
        }

            .menu ul li a {
                height: 70px;
                line-height: 80px;
                padding: 0 0 0 12px;
                font-family: 'Lato-Heavy';
                font-size: 13px;
                color: #FFF;
                display: block;
            }

                .menu ul li a:hover {
                    text-decoration: underline;
                }

                .menu ul li a.active {
                    text-decoration: underline;
                }

.content {
    width: 100%;
    margin-top: -50px;
    display: inline-block;
    min-height: 500px;
}

.content-index {
    width: 100%;
    margin: -78px 0 -95px 0;
    display: inline-block;
}

.footer-index {
    width: 100%;
    height: 200px;
    background: url(../images/footer.png) no-repeat top center;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.footer {
    width: 100%;
    height: 150px;
    background: url(../images/footer.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
}

.footer-top {
    position: absolute;
    bottom: 17px;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: 1;
}

.footer-top-bg {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 110px;
    z-index: -1;
    background: url(../images/footer-top.png) no-repeat left center;
    background-size: cover;
}

.copy {
    float: right;
    font-family: 'Lato-Heavy';
    font-size: 11px;
    color: #FFF;
}

.index-copy {
    font-family: 'Lato-Light';
    font-size: 9px;
    color: #FFF;
    float: right;
    margin: 150px 10px 0 0;
    position: relative;
    z-index: 2;
}


.footer-inline {
    width: 1200px;
    height: 40px;
    position: absolute;
    top: 110px;
}

.footer-info {
    float: left;
}

    .footer-info .lbl {
        font-family: 'Lato-Black';
        font-size: 14px;
        color: #FFF;
        height: 30px;
        border-right: 1px solid rgba(255,255,255,0.5);
        text-align: center;
        width: 110px;
        line-height: 30px;
        float: left;
    }

    .footer-info .adress {
        width: 370px;
        height: 30px;
        float: left;
        border-right: 1px solid rgba(255,255,255,0.5);
        font-family: 'Lato-Medium';
        font-size: 11px;
        color: #FFF;
        padding: 0 10px;
    }

    .footer-info .phone {
        font-family: 'Lato-Black';
        font-size: 14px;
        color: #FFF;
        height: 30px;
        border-right: 1px solid rgba(255,255,255,0.5);
        text-align: center;
        width: 260px;
        text-align: center;
        line-height: 30px;
        float: left;
        padding: 0 10px;
    }

    .footer-info .email {
        height: 30px;
        float: left;
        font-family: 'Lato-Medium';
        font-size: 11px;
        color: #FFF;
        padding: 0 10px;
        line-height: 30px;
    }




/****** ANASAYFA ******/

#slider2 img {
    max-height: 300px;
}

.products-slider {
    width: 90%;
    margin: 20px auto 0 auto;
    float: right;
}

.main-left {
    float: left;
    width: 21%;
    margin: -40px 0 -60px 10%;
}

.main-right {
    float: left;
    width: 70%;
    margin: -75px 0 0 -1%;
}

#slider1 .item {
    width: 110px;
    height: 50px;
    background: #FFF;
    display: table;
    margin-bottom: 10px;
    position:relative;
    z-index:10
}

    #slider1 .item .item-inline {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        #slider1 .item .item-inline img {
            max-width: 110px;
            max-height: 50px;
        }
        #slider1 .item .item-inline a {
                display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
        }
       
#slider1 li {
}

.brands-slider {
    position: relative;
}

.brands-slider-label {
    position: absolute;
    font-family: 'Lato-Black';
    font-size: 13px;
    color: #ef733a;
    text-align: center;
    width: 200px;
    bottom: 21px;
    z-index: 1;
}

#slider2 .item {
    width: 100%;
    position: relative;
}

    #slider2 .item .item-img {
        display: table;
        width: 100%;
    }

        #slider2 .item .item-img .item-img-inline {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

    #slider2 .item .item-exp {
        width: 40%;
    }

        #slider2 .item .item-exp .item-lbl {
            font-family: 'MyriadPro-Bold';
            font-size: 26px;
            color: #01599e;
        }

        #slider2 .item .item-exp .item-btn {
            margin-top: 10px;
        }

            #slider2 .item .item-exp .item-btn a {
                width: 100px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                color: #fbfcfd;
                background: #f18b5e;
                font-family: 'MyriadPro-Bold';
                font-size: 14px;
                display: block;
            }

.products-slider .bx-wrapper {
    margin-bottom: 0;
}

.slider3-lbl {
    width: 200px;
    height: 84px;
    float: left;
    background: url(../images/slider3-lbl.png) no-repeat center;
    background-size: cover;
    margin-top: 11px;
    margin-left: -75px;
}

    .slider3-lbl .inline {
        font-family: 'Lato-Heavy';
        font-size: 15px;
        color: #FFF;
        text-align: right;
        width: 50%;
        float: right;
        line-height: 20px;
        padding: 25px 35px;
        background: url(../images/icon-right-arrow.png) no-repeat right center;
        margin-right: -12px;
    }

.camp-slider {
    width: 450px;
    float: left;
    height: 100px;
    position: relative;
}

.slider4-lbl {
    width: 150px;
    height: 96px;
    float: left;
    background: url(../images/slider4-lbl.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: -2px;
    position: relative;
}

    .slider4-lbl .inline {
        font-family: 'Lato-Heavy';
        font-size: 15px;
        color: #FFF;
        text-align: center;
        width: 76%;
        float: right;
        line-height: 20px;
        padding: 38px;
        background: url(../images/icon-right-arrow.png) no-repeat right center;
        margin-right: -12px;
    }

    .slider4-lbl .news-link {
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: #FFF;
        font-family: 'Lato-Regular';
        font-size: 11px;
    }


.news-slider {
    width: 355px;
    float: left;
    height: 90px;
    position: relative;
}

#slider4 {
    height: 90px;
}

    #slider4 li {
        position: relative;
        height: 185px;
        width: 220px !important;
        margin-right: 125px;
    }

    #slider4 .item {
        position: absolute;
        bottom: -5px;
    }

        #slider4 .item .item-img {
            width: 130px;
            height: 130px;
            background: url(../images/slider-products-bg.png) no-repeat center;
            background-size: 100%;
            margin: 0 20px;
        }

            #slider4 .item .item-img img {
                width: 100px;
                height: 100px;
                margin: 10px 15px;
                border-radius: 100px;
            }

        #slider4 .item .item-text {
            font-family: 'Lato-Regular';
            font-size: 11px;
            color: #fcfcfd;
            height: 35px;
            margin: 5px 0 0 30px;
        }

            #slider4 .item .item-text span {
                float: left;
                font-size: 20px;
                margin: -5px 5px 10px 5px;
            }

.news-slider .bx-viewport {
    height: 200px !important;
    position: absolute;
    margin: 0 0 0 -20px !important;
    bottom: 118px;
}

.news-slider .bx-wrapper {
    margin: 0 !important;
    height: 90px;
}

#slider3 {
    margin: 0;
    width: 440px;
    height: 190px;
    padding-left: 10px;
}

    #slider3 li {
        width: 440px;
        height: 190px;
    }

    #slider3 .item {
        width: 440px;
        height: 190px;
        position: relative;
        display: block;
    }

        #slider3 .item .item-img {
            float: left;
            width: 175px;
            height: 175px;
            background: url(../images/slider-products-bg.png) no-repeat center;
            background-size: contain;
            position: absolute;
            bottom: 20px;
        }

            #slider3 .item .item-img img {
                width: 130px;
                height: 130px;
                margin: 11px 22px;
                border-radius:130px;
            }

            #slider3 .item .item-img .item-sticker {
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                background: #ef733a;
                color: #fcfcfd;
                position: absolute;
                top: 10px;
                right: 10px;
                font-family: 'Lato-Black';
                border-radius: 40px;
                font-size: 11px;
                opacity: .7;
            }

        #slider3 .item .item-text {
            float: left;
            color: #FFF;
            width: 260px;
            margin: 0 0 10px 180px;
            position: absolute;
            bottom: 25px;
        }

            #slider3 .item .item-text span {
                font-family: 'Lato-Bold';
                font-size: 18px;
                float: left;
                margin-right: 5px;
            }

            #slider3 .item .item-text .item-title {
                font-family: 'Lato-Heavy';
                font-size: 16px;
                float: left;
            }

            #slider3 .item .item-text .item-desc {
                font-family: 'Lato-Light';
                font-size: 13px;
                clear: both;
                margin-left: 15px;
                width: 220px;
            }

            #slider3 .item .item-text .item-price {
                font-family: 'Lato-Bold';
                font-size: 13px;
                clear: both;
                float: right;
                margin: -5px 10px 0 0;
                width: 80px;
                text-align: center;
                background: #053e73;
                border-radius: 10px;
                height: 20px;
                line-height: 20px;
                letter-spacing: .5px;
            }

.camp-slider .bx-wrapper {
    margin: 0;
    height: 190px;
    position: absolute;
    bottom: -10px;
}

.camp-slider .bx-viewport {
    position: relative;
    height: 190px;
}

.list-btn {
    background: url(../images/slider-products-bg.png) no-repeat center;
    background-size: contain;
    width: 110px;
    height: 110px;
    float: left;
    margin: -50px 0 0 -110px;
    position: relative;
}

    .list-btn .btn {
        background: url(../images/list-btn.png) no-repeat center;
        width: 90px;
        height: 90px;
        margin: 2px 10px 10px 10px;
        display: block;
        position: relative;
        z-index: 9;
        border-radius: 90px;
        cursor: pointer;
    }


.list-btn-hover {
    background: rgba(0,0,0,0.1);
    width: 90px;
    height: 90px;
    margin: 2px 10px 10px 10px;
    display: none;
    position: absolute;
    z-index: 9;
    border-radius: 90px;
    top: 0;
    cursor: pointer;
}


/****** ÜRÜNLERİMİZ ******/

.treeview ul {
    padding: 0 !important;
    margin-left: 0 !important;
}

.treeview {
    width: 350px;
    float: left;
}

.treeview-head {
    width: 350px;
    background-color: #0068b2;
    color: #FFF;
    height: 40px;
    line-height: 40px;
    font-family: 'Lato-Heavy';
    font-size: 15px;
    background-image: url(../images/treeview-arrow-1.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 50px;
}


.categories {
    width: 850px;
    float: left;
}

    .categories .item {
        width: 250px;
        height: 260px;
        float: left;
        border: 1px solid rgba(5,69,142,0.2);
        margin: 0 0 20px 20px;
        position: relative;
    }
        .categories .item:hover {
            border: 1px solid rgba(5,69,142,1);
        }
        .categories .item .img-block {
            display: table;
            width: 80%;
            height: 70%;
            margin: 10%;
        }

            .categories .item .img-block .img {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

                .categories .item .img-block .img img {
                    max-width: 100%;
                    max-height: 200px;
                }

        .categories .item .title-block {
            width: 100%;
            height: 80px;
            position: absolute;
            bottom: 0;
            background: url(../images/category-title.png) no-repeat center;
            background-size: cover;
        }

            .categories .item .title-block .title {
                display: table;
                height: 40px;
                width: 100%;
                margin-top: 40px;
            }

                .categories .item .title-block .title .title-inline {
                    display: table-cell;
                    text-align: left;
                    vertical-align: middle;
                    font-family: 'Lato-Semibold';
                    font-size: 13px;
                    color: #FFF;
                    padding-left: 25px;
                }


/* DATA PAGER */
.pager {
    height: 30px;
    float: right;
    font-family: 'Lato-Semibold';
    margin: 0 25px 25px 0;
}


.page_link {
    height: 30px;
    float: left;
    line-height: 32px;
    width: 35px;
    text-align: center;
    font-family: 'Lato-Heavy';
    font-size: 13px;
    color: #006bb7;
    background: #FFF;
}

.active_page {
    color: #FFF !important;
    background: #006bb7 !important;
}

.alt_content {
    color: black;
}


.previous_link {
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    width: 95px;
    color: rgba(0,107,183,0.6);
    background: #FFF;
    border: 1px solid rgba(0,107,183,0.1);
    position: relative;
    cursor: pointer;
}

.next_link {
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    width: 95px;
    color: rgba(0,107,183,0.6);
    background: #FFF;
    border: 1px solid rgba(0,107,183,0.1);
    position: relative;
    cursor: pointer;
}

.previous_link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #006bb7 transparent transparent;
    top: 10px;
    left: 10px;
}

.next_link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #006bb7;
    top: 10px;
    right: 10px;
}




.categories2 {
    width: 850px;
    float: left;
}

    .categories2 .item {
        width: 250px;
        height: 260px;
        float: left;
        margin: 0 0 20px 20px;
        position: relative;
    }

        .categories2 .item .img-block {
            display: table;
            width: 80%;
            height: 155px;
            padding: 10%;
            border: 1px solid rgba(5,69,142,0.2);
            -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
            -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
            box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1);
        }

            .categories2 .item .img-block .img {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

                .categories2 .item .img-block .img img {
                    max-width: 100%;
                    max-height: 100%;
                }

        .categories2 .item .title-block {
            width: 101%;
            height: 40px;
            position: absolute;
            bottom: 0;
            background: #0068b2;
            margin-bottom: 5px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
            box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
        }

            .categories2 .item .title-block .title {
                display: table;
                height: 40px;
                width: 100%;
                background: url(../images/treeview-arrow-2.png) no-repeat 96% center;
            }

                .categories2 .item .title-block .title .title-inline {
                    display: table-cell;
                    text-align: left;
                    vertical-align: middle;
                    font-family: 'Lato-Semibold';
                    font-size: 13px;
                    color: #FFF;
                    padding-left: 25px;
                }

.products {
    width: 850px;
    float: left;
}

    .products .item {
        width: 250px;
        height: 260px;
        float: left;
        margin: 0 0 20px 20px;
        position: relative;
    }
.alt_content .item:hover {
    border: 1px solid rgba(5,69,142,1);
}
        .products .item .img-block {
            display: table;
            width: 100%;
            height: 155px;
            padding: 10%;
            border: 1px solid rgba(5,69,142,0.2);
        }

            .products .item .img-block .img {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

                .products .item .img-block .img img {
                    max-width: 100%;
                    max-height: 100%;
                }

        .products .item .title-block {
            width: 100%;
            height: 40px;
            position: absolute;
            bottom: 0;
            margin-bottom: 5px;
            border: 1px solid rgba(5,69,142,0.2);
            background:#FFF;
        }

            .products .item .title-block .title {
                display: table;
                height: 40px;
                width: 100%;
            }

                .products .item .title-block .title .title-inline {
                    display: table-cell;
                    text-align: left;
                    vertical-align: middle;
                    font-family: 'Lato-Heavy';
                    font-size: 13px;
                    color: #006bb7;
                    padding-left: 25px;
                }

                .products .item .title-block .title .details {
                    height: 30px;
                    width: 30px;
                    background-image: url(../images/treeview-arrow-2.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 22px;
                    background-color: #006bb7;
                    float: right;
                    margin: 5px;
                }



/****** ÜRÜN DETAY ******/

.product-detail {
    width: 850px;
    float: left;
}

.product-block {
    width: 800px;
    margin: 0 25px;
    float: left;
}

.product-img-block {
    width: 398px;
    float: left;
    display: table;
    height: 320px;
    border: 1px solid #8cbcdf;
    position: relative;
    z-index: 1;
    background: #FFF;
}

.product-img-block-after {
    position: absolute;
    content: "";
    z-index: 1;
    width: 33px;
    height: 33px;
    background-color: #8cbcdf;
    background-image: url(../images/icon-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    bottom: 10px;
    left: 10px;
}

.before {
    position: relative;
}

    .before:before {
        position: absolute;
        content: "";
        z-index: 0;
        width: 412px;
        height: 318px;
        top: 10px;
        left: -5px;
        background: #d7e1ed;
    }

.product-img-block .product-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    .product-img-block .product-img img {
        max-height: 320px;
        max-width: 380px;
    }

.product-info {
    width: 380px;
    float: left;
    padding: 20px 0 20px 20px;
}

.product-title {
    font-family: 'Lato-Heavy';
    font-size: 23px;
    color: #006bb7;
    padding-right: 20px;
}

.info-block {
    width: 100%;
    margin: 30px 0;
}

    .info-block .left {
        float: left;
        width: 43%;
        margin-right: 3%;
        border: 1px solid rgba(5,69,142,0.2);
    }

    .info-block .right {
        float: left;
        width: 53%;
        border: 1px solid rgba(5,69,142,0.2);
    }

    .info-block .top, .info-block .bottom {
        height: 30px;
        width: 90%;
        font-family: 'Lato-Heavy';
        font-size: 13px;
        line-height: 30px;
        padding-left: 10%;
    }

    .info-block .top {
        border-bottom: 1px solid rgba(5,69,142,0.3);
        color: #949595;
    }

    .info-block .bottom {
        color: #006bb7;
    }

.product-campaign {
    width: 100%;
    margin-top: 20px;
}

    .product-campaign .camp-title {
        width: 100%;
        height: 40px;
        background-color: #ea8e3c;
        background-repeat: no-repeat;
        background-position: 4% center;
        padding-left: 15%;
        color: #FFF;
        line-height: 40px;
        font-family: 'Lato-Black';
        font-size: 13px;
        display: block;
    }

        .product-campaign .camp-title.star {
            background-image: url(../images/icon-star.png);
        }

        .product-campaign .camp-title.arrow {
            background-image: url(../images/icon-arrow-big.png);
        }

.price {
    width: 100%;
}

    .price .price-lbl {
        color: #ea8e3c;
        float: left;
        height: 50px;
        line-height: 50px;
        padding: 0 40px;
        font-family: 'Lato-Black';
        font-size: 13px;
        color: #ea8e3c;
    }

    .price .price-overline {
        font-family: 'Lato-Bold';
        font-size: 11px;
        float: left;
        height: 50px;
        color: #a3a9a9;
        line-height: 50px;
        font-weight: bold;
        position: relative;
        width: 40px;
        text-align: center;
        margin-left: -10px;
    }

        .price .price-overline:before {
            content: "";
            position: absolute;
            width: 40px;
            height: 1px;
            top: 25px;
            background: #a3a9a9;
            left: 0;
        }

    .price .price-discount {
        float: left;
        font-family: 'Lato-Bold';
        font-size: 19px;
        color: #ea8e3c;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
    }

    .price .tl {
        float: left;
        font-family: 'Lato-Regular';
        font-size: 19px;
        color: #ea8e3c;
        height: 50px;
        line-height: 50px;
    }


.etabs {
    margin: 0;
    padding: 0 75px;
}

.tab {
    display: inline-block;
    zoom: 1;
    border: 0;
    border-bottom: none;
    height: 55px;
    line-height: 50px;
    margin: 0 32px 8px 32px;
    position: relative;
}

    .tab.active {
        background: #ea8e3c;
    }

        .tab.active:before {
            content: "";
            position: absolute;
            left: -25px;
            bottom: 0px;
            width: 50px;
            height: 10px;
            background: url(../images/tab-shadow.png) no-repeat left center;
            background-size: cover;
            z-index: -1;
        }

        .tab.active:after {
            content: "";
            position: absolute;
            right: -25px;
            bottom: 0px;
            width: 50px;
            height: 10px;
            background: url(../images/tab-shadow.png) no-repeat right center;
            background-size: cover;
            z-index: -1;
        }

    .tab.hover {
        background: #ea8e3c;
    }

        .tab.hover:before {
            content: "";
            position: absolute;
            left: -25px;
            bottom: 0px;
            width: 50px;
            height: 10px;
            background: url(../images/tab-shadow.png) no-repeat left center;
            background-size: cover;
            z-index: -1;
        }

        .tab.hover:after {
            content: "";
            position: absolute;
            right: -25px;
            bottom: 0px;
            width: 50px;
            height: 10px;
            background: url(../images/tab-shadow.png) no-repeat right center;
            background-size: cover;
            z-index: -1;
        }

    .tab a {
        display: block;
        outline: none;
        padding: 0 20px;
        font-family: 'Lato-Bold';
        font-size: 13px;
        color: #FFF;
    }

.tab-container .panel-container {
    background: url(../images/tab-bg.png) no-repeat top center;
    border: 1px solid rgba(5,69,142,0.2);
    padding: 70px 10px 10px 10px;
    background-size: 100%;
    margin-top: -60px;
    min-height: 100px;
    margin-bottom: 20px;
    display: flex;
}

.panel-container {
    margin-bottom: 10px;
}

#Aciklama {
    font-family: 'Lato-Semibold';
    color: #006bb7;
    font-size: 13px;
    padding: 20px;
}
    /*#Aciklama span,*/
    #Aciklama div, #Aciklama img, #Aciklama table {
        max-width: 100% !important;
        font-family: 'Lato-Semibold' !important;
        color: #006bb7;
        font-size: 13px !important;
    }

    #Aciklama .product-specs {
        width: 100%;
        font-family: 'Lato-Heavy' !important;
        font-size: 13px !important;
        color: #006bb7 !important;
        min-height: 100px;
    }

        #Aciklama .product-specs .title {
            width: 175px;
            height: 50px;
            background: url(../images/product-specs-title.png) no-repeat left center;
            background-size: cover;
            margin-left: -30px;
            margin-top: 20px;
            font-family: 'Lato-Heavy' !important;
            font-size: 15px !important;
            color: #FFF !important;
            text-align: center;
            line-height: 40px;
            font-weight: bold;
        }

        #Aciklama .product-specs ul, #Aciklama .product-specs ol, #Aciklama .product-specs li {
            font-family: 'Lato-Heavy' !important;
            font-size: 13px !important;
            color: #006bb7 !important;
            max-width: 100% !important;
            list-style: initial;
        }

.specs-inline {
    width: 100%;
    display: inline-block;
}

.number-lbl {
    float: left;
    font-family: 'Lato-Bold';
    font-size: 11px;
    color: #f0901c;
    height: 45px;
    line-height: 45px;
    margin-right: 5px;
}

.number {
    float: left;
    width: 340px;
    height: 43px;
    line-height: 43px;
    border: 1px solid #076fb9;
    text-align: center;
    font-family: 'Lato-Black';
    font-size: 17px;
    color: #f0901c;
}

.modal-body .product-info {
    padding: 10px 0 0 20px;
}

.offer-form {
    width: 100%;
    margin: 20px 0;
}

    .offer-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: rgba(0,107,183,0.7);
    }

    .offer-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: rgba(0,107,183,0.7);
        opacity: 1;
    }

    .offer-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: rgba(0,107,183,0.7);
        opacity: 1;
    }

    .offer-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: rgba(0,107,183,0.7);
    }

    .offer-form ::-ms-input-placeholder { /* Microsoft Edge */
        color: rgba(0,107,183,0.7);
    }



    /* txtFirmaAdi */
    .offer-form .comp-name::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #006bb7;
    }

    .offer-form .comp-name:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #006bb7;
        opacity: 1;
    }

    .offer-form .comp-name::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #006bb7;
        opacity: 1;
    }

    .offer-form .comp-name:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #006bb7;
    }

    .offer-form .comp-name::-ms-input-placeholder { /* Microsoft Edge */
        color: #006bb7;
    }



    .offer-form .comp-name {
        width: 100%;
        background: #ebf3f9;
        font-family: 'Lato-Heavy';
        font-size: 15px;
        color: #006bb7;
        height: 45px;
        line-height: 45px;
        padding: 0 5%;
        border: 0;
        margin-bottom: 8px;
    }

    .offer-form .left {
        width: 100%;
        float: left;
        background: #ebf3f9;
        font-family: 'Lato-Heavy';
        font-size: 15px;
        color: rgba(0,107,183,0.7);
        height: 45px;
        line-height: 45px;
        padding: 0 10%;
        border: 0;
        margin-bottom: 8px;
    }

    .offer-form .right {
        width: 100%;
        float: left;
        background: #ebf3f9;
        font-family: 'Lato-Heavy';
        font-size: 15px;
        color: rgba(0,107,183,0.7);
        height: 45px;
        line-height: 45px;
        padding: 0 10%;
        border: 0;
        margin-bottom: 8px;
    }
    .offer-form .right.small{
        width:45%;
    }
    .popup-row .confirm-code{
        margin-left:10px;
        margin-right:5px;
    }

    .offer-form textarea.left, .offer-form textarea.right {
        height: 85px;
        line-height: initial;
        padding: 15px 10%;
    }

.modal-btn {
    width: 880px;
    height: 50px;
    line-height: 50px;
    font-family: 'Lato-Heavy';
    font-size: 18px;
    color: #FFF;
    text-align: center;
    background: #ea8e3c;
    border: 0;
    margin: 40px 0 0 -30px;
}

.modal-warning {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-family: 'Lato-Regular';
    font-size: 12px;
    color: #e56b02;
}

.product-gallery {
    width: 120px;
    height: 100px;
    position: relative;
    border: 1px solid rgba(0,107,183,0.1);
    display: table;
    margin: 0 5px 5px 0;
    float: left;
}

    .product-gallery .zoom {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 23px;
        height: 23px;
        background-color: rgba(0,107,183,0.9);
        background-image: url(../images/icon-arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .product-gallery .inline {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .product-gallery .inline img {
            max-height: 100px;
            max-width: 120px;
        }

.video-block {
    width: 122px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
}

.video {
    width: 120px;
    height: 130px;
    position: relative;
    border: 1px solid rgba(0,107,183,0.1);
    display: table;
    margin: 0 5px 5px 0;
    float: left;
}

    .video .youtube-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        background: url(../images/icon-youtube.png) no-repeat center;
        background-size: contain;
        top: 45px;
        left: 40px;
        z-index: 2;
    }

    .video .filter {
        width: 120px;
        height: 130px;
        background: rgba(255,255,255,0.6);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .video .inline {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }


        .video .inline img {
            max-width: 120px;
            max-height: 130px;
        }

.video-block .video-title {
    font-family: 'Lato-Bold';
    font-size: 13px;
    color: #2983c3;
    padding: 10px 5%;
    width: 100%;
}

#tab4 {
    width: 100%;
}

.document {
    width: 110px;
    height: 140px;
    border: 1px solid rgba(0,107,183,0.1);
    display: table;
    margin: 0 9px 7px 8px;
    float: left;
}

    .document .doc-icon {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        margin: 10px auto;
    }

    .document .doc-title {
        width: 85%;
        text-align: center;
        font-family: 'Lato-Regular';
        font-size: 12px;
        color: #2983c3;
        height: 50px;
        margin: 0 auto;
    }

    .document .download {
        width: 25px;
        height: 25px;
        background: url(../images/document-download-icon.png) no-repeat center;
        background-size: contain;
        margin: 0 auto;
    }

    .document .doc-icon.pdf {
        background: url(../images/pdf.png) no-repeat center;
        background-size: contain;
    }

    .document .doc-icon.word {
        background: url(../images/word.png) no-repeat center;
        background-size: contain;
    }

    .document .doc-icon.excel {
        background: url(../images/excel.png) no-repeat center;
        background-size: contain;
    }



/****** TEMSİLCİLİKLER ******/

.brands {
    width: 1150px;
    padding: 0 25px;
}

    .brands .pager {
        margin: 0 0 25px 0;
    }

.brand {
    display: table;
    width: 270px;
    height: 195px;
    position: relative;
    border: 1px solid rgba(0,107,183,0.1);
    margin: 0 8px 20px 7px;
    float: left;
}

    .brand .arrow {
        position: absolute;
        width: 28px;
        height: 28px;
        top: 10px;
        left: 10px;
        background-color: #006bb7;
        background-image: url(../images/treeview-arrow-8.png);
        background-repeat: no-repeat;
        background-position: 3px 3px;
    }

    .brand .title {
        width: 100%;
        height: 75px;
        line-height: 110px;
        text-align: center;
        background: url(../images/category-title.png) no-repeat top center;
        background-size: cover;
        font-family: 'Lato-Heavy';
        font-size: 14px;
        color: #FFF;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .brand .inline {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .brand .inline img {
            max-width: 270px;
            max-height: 195px;
        }

/****** BAYİLER ******/

.sellers {
    width: 1200px;
    padding: 0 25px;
}

    .sellers .pager {
        margin: 0 0 25px 0;
    }

.seller {
    width: 276px;
    height: 450px;
    position: relative;
    display: inline-block;
    margin: 0 8px 20px 0;
    float:left
}

    .seller .inline {
        width: 270px;
        height: 400px;
        margin-top: 40px;
        border: 3px solid #d7d7d7;
        position: relative;
    }

.seller-logo {
    display: table;
    width: 170px;
    height: 65px;
    position: absolute;
    background: #FFF;
    border: 3px solid #d7d7d7;
    border-radius: 10px;
    top: 0;
    left: 50px;
    z-index: 1;
}

.seller-logo img {
    max-width: 170px;
    max-height: 65px;
}

.td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.seller-name {
    height: 115px;
    width: 100%;
    display: table;
    margin-top: 25px;
}

    .seller-name .blue {
        font-family: 'Lato-Black';
        font-size: 14px;
        color: #006bb7;
    }

    .seller-name .gray {
        font-family: 'Lato-Regular';
        font-size: 11px;
        color: #919090;
    }

.seller-comp {
    width: 100%;
    height: 95px;
    background: url(../images/category-title.png) no-repeat top center;
    background-size: cover;
    font-family: 'Lato-Heavy';
    font-size: 13px;
    color: #FFF;
    margin-top: -50px;
    text-align: center;
    line-height: 135px;
}

.seller-adress {
    margin: 20px 5%;
    width: 90%;
    font-family: 'Lato-Light';
    font-size: 11px;
    color: #919090;
}

.seller-bottom {
    height: 75px;
    width: 100%;
}

.seller-web {
    width: 90%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Lato-Black';
    font-size: 11px;
    color: #FFF;
    z-index: 1;
    padding: 0 0 0 10%;
}

.seller-cover {
    width: 100%;
    height: 75px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/bayi-bg.png);
    background-repeat:  no-repeat
}

    .seller-cover img {
        width: 100%;
        height: 100%;
    }


/****** FİYAT LİSTESİ ******/

.lists {
    width: 100%;
    height: 77px;
    border: 1px solid rgba(0,107,183,0.1);
    margin-bottom: 5px;
    display: block;
}

    .lists .list-logo {
        width: 225px;
        height: 75px;
        border-right: 1px solid rgba(0,107,183,0.1);
        display: table;
        float: left;
    }

        .lists .list-logo img {
            max-width: 225px;
            max-height: 75px;
        }

.list-name {
    display: table;
    width: 645px;
    height: 75px;
    font-family: 'Lato-Heavy';
    font-size: 14px;
    color: #006bb7;
    float: left;
}

.list-download {
    width: 278px;
    height: 75px;
    float: left;
    background-color: #006bb7;
    font-family: 'Lato-Black';
    color: #FFF;
    font-size: 14px;
    text-align: center;
    line-height: 75px;
    background-image: url(../images/list-download.png);
    background-repeat: no-repeat;
    background-position: 70% center;
    cursor: pointer;
    padding-right: 40px;
}

.container.list .pager {
    margin: 20px 25px 25px 0;
}


/****** HAKKIMIZDA & İLETİŞİM ******/

.page-left {
    float: left;
    width: 300px;
}

    .page-left .about-us {
        width: 100%;
        height: 775px;
        background: url(../images/about-us-banner.png) no-repeat top center;
    }

    .page-left .iframe {
        width: 100%;
        height: 1030px;
        -webkit-box-shadow: inset 0px 0px 30px 17px rgba(50, 50, 50, 0.2);
        -moz-box-shadow: inset 0px 0px 30px 17px rgba(50, 50, 50, 0.2);
        box-shadow: inset 0px 0px 30px 17px rgba(50, 50, 50, 0.2);
        position: relative;
        z-index: 1;
    }

        .page-left .iframe iframe {
            width: 100% !important;
            height: 1030px !important;
            border: 0;
            position: absolute;
            z-index: 0;
        }

.page-right {
    float: left;
    width: 900px;
}

    .page-right .inline {
        width: 900px;
        padding: 50px;
    }

.about-us-header {
    font-family: 'Lato-Black';
    font-size: 35px;
    color: #05458e;
    width: 100%;
    text-align: center;
    margin: 100px 0 50px 0;
}

.about-us-text {
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #5e779d;
    width: 100%;
}

    .about-us-text p {
        font-family: 'Lato-Bold' !important;
        font-size: 14px !important;
        color: #5e779d !important;
        max-width: 100% !important;
    }

    .about-us-text div {
        font-family: 'Lato-Bold' !important;
        font-size: 14px !important;
        color: #5e779d !important;
        max-width: 100% !important;
    }

    .about-us-text span {
        font-family: 'Lato-Bold' !important;
        font-size: 14px !important;
        color: #5e779d !important;
        max-width: 100% !important;
    }

    .about-us-text img {
        max-width: 100% !important;
    }

    .about-us-text strong, .about-us-text b {
        font-family: 'Lato-Black' !important;
    }

.page-bottom {
    width: 96%;
    margin: 10px 2%;
    padding: 20px 0;
    border-top: 2px solid rgba(5,69,142,0.2);
    margin-top: 35px;
}

    .page-bottom .bx-wrapper {
        margin-bottom: 0 !important;
    }

    .page-bottom li {
        border-right: 2px solid rgba(229, 230, 230, 0.75);
        border-bottom: 4px solid rgba(229, 230, 230, 0.75);
        background: #FFF;
        height: 42px !important;
    }

        .page-bottom li a {
            display: table;
            width: 100%;
            height: 100%;
        }

        .page-bottom li img {
            max-width: 103px;
            max-height: 35px;
        }


.contact-header {
    font-family: 'Lato-Black';
    font-size: 35px;
    color: #05458e;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}


.contact {
    padding: 0 97px 50px 97px;
    /*width: 705px;*/
}

.contact-info {
    width: 100%;
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #1f518b;
}

    .contact-info .left, .contact-info .right {
        float: left;
        display: table;
        position: relative;
        border: 1px solid rgba(5,69,142,.2);
        width: 345px;
        height: 130px;
        margin-bottom: 10px;
    }

    .contact-info .left .td, .contact-info .right .td {
        width: 78%;
        text-align: left;
        padding-right: 10%;
    }
        .contact-info .left .td span {
            display: block;
            margin-bottom:10px;
        }

    .contact-info .right.big {  width: 99.7%; margin-left: 0;  }
    .contact-info .right {
        margin-left: 5px;
    }

    .contact-info .left {
        margin-right: 5px;
    }

    .contact-info .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 52px;
        height: 52px;
    }

    .contact-info .icon.whats {
        background:url(../images/whatss-big.png) no-repeat center center;
    }


.contact-form {
    width: 100%;
}

    .contact-form .row {
        position: relative;
        margin-bottom: 10px;
    }

        .contact-form .row .icon {
            height: 52px;
            width: 52px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .contact-form .row input[type="text"] {
            height: 50px;
            line-height: 52px;
            width: 100%;
            padding: 0 5% 0 10%;
            background: #f0f3f7;
            border: 1px solid rgba(5,69,142,.2);
            font-family: 'Lato-Bold';
            font-size: 14px;
            color: #05458e;
        }

        .contact-form .row textarea {
            height: 160px;
            width: 100%;
            padding: 0 5% 0 10%;
            background: #f0f3f7;
            border: 1px solid rgba(5,69,142,.2);
            font-family: 'Lato-Bold';
            font-size: 14px;
            color: #05458e;
            line-height: 50px;
        }


    .contact-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #05458e;
    }

    .contact-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #05458e;
        opacity: 1;
    }

    .contact-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #05458e;
        opacity: 1;
    }

    .contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #05458e;
    }

    .contact-form ::-ms-input-placeholder { /* Microsoft Edge */
        color: #05458e;
    }


.contact-form-btn {
    width: 152px;
    height: 55px;
    background: url(../images/contact-btn.png) no-repeat center;
    float: right;
    margin-bottom: 20px;
}

    .contact-form-btn:hover {
        background: url(../images/contact-btn-hover.png) no-repeat center;
    }


.icon.adress {
    background: url(../images/icon-home.png) no-repeat center;
}

.icon.phone {
    background: url(../images/icon-phone.png) no-repeat center;
}

.icon.mail {
    background: url(../images/icon-mail.png) no-repeat center;
}

.icon.web {
    background: url(../images/icon-web.png) no-repeat center;
}

.icon.user {
    background: url(../images/icon-user.png) no-repeat center;
}

.icon.sub {
    background: url(../images/icon-sub.png) no-repeat center;
}

.icon.msg {
    background: url(../images/icon-pen.png) no-repeat center;
}



/****** MARKALAR ******/

.brands-block {
    width: 850px;
    float: left;
}

    .brands-block .item {
        width: 260px;
        height: 210px;
        float: left;
        margin: 0 16px 32px 5px;
        border: 1px solid rgba(5,69,142,.2);
        position: relative;
    }

        .brands-block .item:hover {
            border: 1px solid rgba(5,69,142,1);
        }

        .brands-block .item .lbl {
            width: 261px;
            height: 60px;
            background: url(../images/marka-lbl.png) no-repeat center;
            background-size: 100% 100%;
            position: absolute;
            bottom: -2px;
            left: -1px;
            font-family: 'Lato-Heavy';
            font-size: 14px;
            color: #006bb7;
            text-align: center;
            line-height: 80px;
            overflow:hidden;
        }

        .brands-block .item .arrow {
            width: 27px;
            height: 27px;
            background-color: #006bb7;
            background-image: url(../images/treeview-arrow-8.png);
            background-repeat: no-repeat;
            background-position: 2px;
            background-size: 21px;
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .brands-block .item .inline {
            width: 260px;
            height: 208px;
            display: table;
        }

            .brands-block .item .inline img {
                max-width: 255px;
                max-height: 150px;
            }

    .brands-block .pager {
        margin: 0 20px 25px 0;
    }

.treeview.m .treeview-head {
    background-color: #ea8e3c;
}

/****** MARKALAR - KATEGORİ ******/

.brand-category-block {
    width: 850px;
    float: left;
}
 .brand-category-block.long {    width: 100%;padding: 10px 38px;  }

    .brand-category-block .item {
        width: 255px;
        height: 245px;
        float: left;
        margin: 0 8px 30px 15px;
    }

        .brand-category-block .item .top {
            width: 253px;
            border: 1px solid rgba(5,69,142,.2);
            height: 195px;
            margin-bottom: 10px;
            display: table;
        }

            .brand-category-block .item .top img {
                max-width: 250px;
                max-height: 190px;
            }

        .brand-category-block .item .bottom {
            width: 255px;
            border: 1px solid rgba(5,69,142,.5);
            height: 40px;
            display: table;
            font-family: 'Lato-Black';
            font-size: 11px;
            color: #0068b2;
            padding: 0 48px 0 25px;
            position: relative;
        }

            .brand-category-block .item .bottom .td {
                text-align: left;
            }

            .brand-category-block .item .bottom .details {
                height: 30px;
                width: 30px;
                background-image: url(../images/treeview-arrow-2.png);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 22px;
                background-color: #006bb7;
                position: absolute;
                right: 5px;
                top: 5px;
                border-radius: 2px;
            }

    .brand-category-block .pager {
        margin: 0 24px 25px 0;
    }

.validation {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'Lato-Black';
    font-size: 18px;
    color: #05458e;
}

    .validation.code {
        right: 145px;
    }

.confirm {
    width: 500px;
    float: left;
    position: relative;
    margin: 7px 0 0 0;
}

.confirm-label {
    float: left;
    font-family: 'Lato-Regular';
    font-size: 13px;
    color: #05458e;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
}

.confirm-txb {
    background: #f0f3f7;
    border: 1px solid rgba(5,69,142,.2);
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #05458e;
    height: 42px;
    line-height: 40px;
    padding: 0 10px;
    margin-left: 10px;
}

.confirm-code {
    float: left;
    margin-top: 12px;
}

.confirm-refresh {
    width: 42px;
    height: 42px;
    position: absolute;
    background-color: #05458e;
    background-image: url(../images/icon-refresh.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 5px;
    cursor: pointer;
}

#tab-container {
    margin-top: 20px;
}

.popup-row {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 1%;
}

    .popup-row.long {
        width: 99%;
    }

    .popup-row .validaton {
        color: rgba(0,107,183,0.7);
    }

    .popup-row .popup-label {
    position: absolute;
    bottom: 9px;
    font-family: 'Lato-Light';
    text-align: right;
    font-size: 11px;
    color: red;
    right: 10px;
    width: 116px;
    }

#Dokumanlar {
    display: inherit;
}

#Galeri, #Videolar {
    display:block;
	width:100%
}


.error-page {
    width: 80%;
    margin: 15% auto;
    color: #0068b2;
}

    .error-page .title {
        font-family: 'Lato-Black';
        font-size: 30px;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .error-page .text {
        font-family: 'Lato-Regular';
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }


.brands-block.long {
    width: 96%;
    padding: 30px 1%;
}

    .brands-block.long .news-image {
        float: left;
        width: 40%;
        display: table;
        height: 350px;
    }

        .brands-block.long .news-image img {
            max-width: 100%;
            max-height: 100%;
        }

    .brands-block.long .news-text {
        float: left;
        width: 60%;
    }

        .brands-block.long .news-text .news-title {
            font-family: 'Lato-Black';
            font-size: 25px;
            color: #0068b2;
            width: 80%;
            padding: 20px 10% 0 10%;
            text-align: center;
        }

        .brands-block.long .news-text .news-detail {
            width: 100%;
            padding: 20px 10%;
            font-family: 'Lato-Regular';
            font-size: 18px;
            color: #0068b2;
        }

    .brands-block.long .news-bottom {
        width: 90%;
        padding: 20px 5%;
    }

    .brands-block.long .news-gallery {
        float: left;
        margin: 5px;
        height: 150px;
        width: 160px;
        display: table;
        border: 1px solid #0068b2;
    }

        .brands-block.long .news-gallery img {
            max-height: 140px;
            max-width: 140px;
        }


.main-slider-link {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
}


.contentHeader {
    font-family: 'Lato-Heavy';
    font-size: 25px;
    color:#01599e;
    width: 100%;
    text-align:center;
    margin: 50px 0;
}

.contentText {
    width: 90%;
    padding: 5%;
    font-family: 'Lato-Regular';
    color:#000;
    min-height: 250px;
}

.contentGallery {
    width: 90%;
    padding: 5%;
    display:table;
}

    .contentGallery h3 {
        font-family: 'Lato-Heavy';
        font-size: 18px;
        color:#01599e;
        float:left;
        margin: 20px 0;
    }

    .contentGallery .content-gallery {
        width: 220px;
        height: 190px;
        float: left;
        margin: 0 48px 40px 0;
        border: 1px solid #01599e;
    }
        .contentGallery .content-gallery img {
            max-width: 210px;
            max-height: 180px;
        }



/******* MOBİL *******/


html {
    -webkit-text-size-adjust: none;
}

.mMenu-block {
    width:100px;
    height: 80px;
    float:left;
    margin: 0 0 10px 10px !important;
    display:table;
    position:relative;
    padding:0 !important;
}

.mMenu-img {    
    width:100px;
    height:50px;    
    text-align:center;
    border: 1px solid #f18b5e;
    background:#FFF;
    display:table-cell !important;
    text-align:center;
    vertical-align:middle;
}

.mMenu-text {
    width:100px;
    height:20px;
    overflow:hidden;
    text-align:center;
    line-height: 20px;
    font-family:'Lato-Regular';
    font-size: 11px;
    color:#01599e;
    position:absolute;
    bottom:0px;
}

.mMenu-img img {
    max-width:98px;
    max-height:48px;
}

.header #mMenuLink {
    display: none;
    width: 28px;
    height: 10px;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 17px;
    background: url(../images/icon-menu-1.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.mMenu-brands {
    float:left; 
    margin-right:10px;
    width:60px; 
    height:40px;
    background:#FFF; 
    border:1px solid #f18b5e;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
    .mMenu-brands img {
        max-width:60px; max-height:40px;
    }

.mMenu-markalar {
    padding: 2px 10px 2px 30px !important;
}

.t { width: 100% !important; }

/*.whatsapp {
    background: url(../images/whatsapp.png) no-repeat left 2px;
    padding-left: 25px;
    color: #FFF;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 0;
    font-family: 'Lato-Heavy';
    min-height: 16px;
    padding-top:3px

}
.whatsapp  .text {
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin-bottom: 1px;
    margin-right:10px;
}
.whatsapp {
    background: url(../images/whatsapp.png) no-repeat left center;
    padding-left: 25px;
    color: #FFF;
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: 3px;
    right: 0;
    font-family: 'Lato-Heavy';
    min-height: 16px

}*/
.search-block {
    position:absolute;
    right:205px;
    top:4px;
    font-family: 'Lato-Heavy';
    font-size:12px;
    color:#FFF;
    text-align:right;
    padding-right:30px;
    z-index:99
     
}
.search-text {
     border-bottom:1px solid #FFF;
     display:inline-block;
     padding-left:5px;
     position:relative;
     padding-bottom:2px;
     cursor:pointer
}
.search-text span {
    margin-right:10px;
    margin-right:30px
}
.search-icon {
    background:url(../images/search-icon.png) no-repeat;
    width:18px;
    height:18px;
    border:0;
    float:right;
    position:absolute;
    right:-1px

}
.searchWrapper {
    background-color: rgba(255, 255, 255, 1);
    width: 230px;
    display: none;
    box-sizing: border-box;
    top: 60px;
    z-index: 999999;
    padding: 0px 5px;
    color: #ccc;
    margin-top: -1px;
    border-radius: 3px;
    height: 23px;

}
.closeSearch {
    color: #ED7A31;
    font-size: 15px;
    text-align: center;
    width: 20px;
    height: 18px;
    cursor: pointer;
    position: relative;
    z-index: 22;
    float: right;
    font-weight: 900;
    font-family: 'Lato-Black';
    margin-top:1px
}
.btn_Mobil {
    float: right;
    background: url(../images/orange-search.png) no-repeat;
    border: none;
    cursor: pointer;
    width: 15px;
    height: 15px;
     margin-top: 3px;
    margin-right: 5px;

}
.txt_mobil {
    border: none;
    color: #976a09;
    height: 21px;
    width: 73%;
    background: none;
    font-size: 12px;
    border:0;
    border-radius:0;
    -webkit-appearance: none;

}
.search_list_block {
    width:48%;
    float:left;
   margin: 0 11px 11px 11px;


}
.search_list_block .title{
   font-family: 'Lato-Black';
    font-size: 18px;
    color: #0068b2;
    width: 100%;
    padding: 5px 0;
    height:40px;
    overflow:hidden;


}
.search_list_block .text{
   font-family: 'Lato-Regular';
    font-size: 16px;
    color: #0068b2;
    height:70px; 
    overflow:hidden;

}
.search_list_block .continue {
    font-family: 'Lato-Bold';
    font-size: 13px;
    clear: both;
    float: right;
    width: 80px;
    text-align: center;
    background: #053e73;
    border-radius: 10px;
    height: 20px;
    color:#FFF;
    line-height:20px;
    margin-right:10px;
    cursor:pointer
}
.search_list_block .continue a {
     color:#FFF;
     display:block;
}
.search_null {
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #0068b2;
    text-align:center;
    width:100%;

}  
.contact-info .right .td  .list_line {
    width: 100%;
    display: inline-block
}
.contact-info .right .td  .left_block{
    float: left;
    width: 29%;
     

}
.contact-info .right .td  .dot_block{
    float: left;
    width: 10px;
    margin: 0 3px;
}
.contact-info .right .td  .right_block{
    float: left;
    width:63%;
     

}
.whatsapp {
    position: fixed;
    z-index: 1;
    top: calc(100% - 80px);
    right: 20px;
    width: 60px;
    height: 60px;
    background: #25d366;
    cursor: pointer;
    padding: 8px;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    -o-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-sizing: border-box;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated {
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }

    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }

    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}
/* IPhone 6 DİKEY */
@media only screen and (min-width:370px) and (max-width:479px) {
    .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
    .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .search_list_block .text{height: 60px;}
    .brand-category-block.long{    padding: 10px 5px; width:98%}
    .search_list_block {width:95%}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .header { height: 183px; background-position: -79px -29px; position: relative; }
    .logo-block { margin: 0; width: 71%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 73%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 70px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 4% 0 0; height: 90px; font-size:20px; line-height: 60px;text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; position:relative;padding-top: 135px; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 0 5%; border: 0; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { width: 70%; height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5px; }
    .footer-info .email { padding: 0 20px; height: 25px; line-height: 15px; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 0 15px 25px 0; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 325px; padding: 0; position: absolute; }
    .tab { margin: 0 5px 8px 5px; float: left; }
    .tab a { padding: 0px 9px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 100%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 100%; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 15px 5px 15px; }
    .video-block { margin: 0 13px; height: 180px; }
    .video-block .video-title { font-size: 12px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { margin: 10px auto; float: none; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 8px 30px 13px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
    .brand-category-block .item .top img {max-width:100% ; max-height:110px   }
    .brand-category-block .item .bottom { width: 100%; }
   
    .brands-block .item { width: 162px; height: 110px; margin: 0 8px 20px 9px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 0 20px 20px 20px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 205px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { width: 100%; }
    .confirm-label { line-height: 25px; }
    .confirm-code { position: absolute; top: 12px; left: 8px; }
    .contact-form-btn { margin: 15px 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 20%; }
    .confirm-txb { margin-left: 0; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider { width: 100%; height: 180px; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 100%; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .index-copy { margin: -15px 5px; }
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .popup-row .g-recaptcha {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        float: right;
        margin-right: -8px;
    }
}

/* IPhone 6 YATAY */
@media only screen and (min-width:660px) and (max-width:759px) {
   .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
    .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .brand-category-block.long{ width:100%; padding:10px 0}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .logo-block { margin: 0; width: 40%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 39%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 100px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 4% 0 0; height: 90px; line-height: 60px; text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; position:relative;padding-top: 135px;  height:auto}
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 0 5%; border: 0; height: 20px; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; text-align: left; width: 95%; margin-left: 5%; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5%; width: 90%; text-align: left; }
    .footer-info .email { height: 25px; line-height: 15px;  width: 90%; padding: 0 5%; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 10px 10px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 25px 30px 25px 0px; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 475px; margin: 0 50px; padding: 0; position: absolute; }
    .tab { margin: 0px 20px 8px 20px; float: left; }
    .tab a { padding: 0px 13px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 99%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 300px; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 7px 14px 7px; }
    .video-block { margin: 0 25px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { width: 170px; height: 150px; margin: 0px 15px 20px 25px; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 8px 30px 15px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
        .brand-category-block .item .top img {max-width:100%  ; max-height:110px     }
        .brand-category-block.long  .item {margin: 0 3px 30px 7px;        }
        .search_list_block .text{ height:60px}
        .search_list_block{margin: 0 0px 11px 11px;}
    .brand-category-block .item .bottom { width: 100%; }

    .brands-block .item { width: 162px; height: 110px; margin: 0 15px 20px 30px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 0 20px 20px 0; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 455px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 4%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { width: 400px; }
    .contact-form-btn { margin: 0 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 10%; }
    .confirm-txb { margin-left: 0; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider {  height: 180px; width: 55%; margin: 0 auto; float: none; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 55%; margin: 0 auto; float: none; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 82% !important; }
    .product-gallery .inline img { max-height: 90px; }
    .categories .item { margin: 0 0 10px 10px; }
    .mMenu-block { margin: 0 0 25px 45px !important; }
    .brand .inline img { max-width: 170px; max-height: 150px; }
    .index-copy { margin: 75px 5px 0 0; }
}

/* IPhone 4 & 5 DİKEY */
@media only screen and (max-width:359px)  {
 .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
    .orange_block {display:block    }
    .search-block {padding-right:5px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
      .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
      /*.whatsapp {top: -28px;left: 5px; padding-left:20px}
      .whatsapp .text{    margin-right: 5px;    font-size: 11px;}*/
        .search_list_block { width:94%}
        .search_list_block .text{ height:60px}
        .brand-category-block.long{    padding: 10px 0px;width: 100%;}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .header { height: 183px; background-position: -79px -29px; position: relative; }
    .logo-block { margin: 0; width: 84%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 85%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 70px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 96%; margin: 0;  height: 90px; line-height: 50px; text-align: right; font-size: 20px;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 0; }
    .footer-inline { width: 100%;padding-top: 135px;position:relative; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 0 5%; border: 0; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { width: 70%; height: 20px; line-height: 20px; font-size: 12px; padding: 0 5%; border: 0; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5px; }
    .footer-info .email { padding: 0 20px; height: 25px; line-height: 15px; }
    .categories .item, .categories2 .item, .products .item { width: 125px; height: 150px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 0 15px 25px 0; }
    .products .item .title-block .title .title-inline { font-size: 8px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 99%; background-size: 100% 70px; }
    .etabs { width: 270px; padding: 0; position: absolute; }
    .tab { margin: 0 3px 8px 3px; float: left; }
    .tab a { padding: 0px 4px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .number { width: 200px; }
    .modal-btn { width: 100%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 100%; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 10px 0 10px !important; }
    .close { top: 10px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 3px 5px 3px; }
    .video-block { margin: 0; height: 180px; }
    .video-block .video-title { font-size: 12px; }
    .document { margin: 0 5px 10px 10px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { margin: 10px auto; float: none; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 125px; height: 180px; margin: 0 8px 30px 16px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
    .brand-category-block .item .top img{ max-width:100%; max-height:80px}
    .brand-category-block .item .bottom { width: 100%; font-size: 10px;padding: 0 40px 0 10px; }
    .brands-block .item { width: 122px; height: 100px; margin: 0 12px 20px 12px; }
    .brands-block .item .inline { width: 120px; height: 76px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .arrow { width: 15px; height: 15px; background-size: 10px; }
    .brands-block .item .lbl { width: 122px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 10px 5px; width: 265px; }
    .seller .inline { width: 255px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 141px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
       
    .confirm { width: 100%; }
    .confirm-label { line-height: 25px; }
    .confirm-code { position: absolute; top: 12px; left: 8px; }
    .contact-form-btn { margin: 15px 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 20%; }
    .confirm-txb { margin-left: 0; width: 110px; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider { width: 100%; height: 180px; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 100%; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 0; display: block; bottom: -5px; height: 155px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 30px 0 0 0; height: auto; width: 130px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    #slider3 .item { width: 300px; height: 155px; }
    #slider3 .item .item-text { margin: 0px 0px 0px 125px; }
    #slider3 .item .item-img { width: 130px; height: 130px; }
    #slider3 .item .item-img img { max-width: 100px; max-height: 100px; margin: 14px; }
    .mm-menu { -webkit-mask-position-x: -25px !important; -webkit-mask-position-y: 0px !important; }
    .mMenu-block { margin: 0 20px 10px 20px !important; }
    .index-copy { margin: -15px 5px; }
    .popup-row .g-recaptcha {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        float: right;
        margin-right: -16px;
    }
}

/* IPhone 5 YATAY */
@media only screen and (max-width: 639px) and (min-width: 560px) {
 .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
     .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
      .search_list_block{    margin: 0 0px 11px 10px;}
      .search_list_block .text{ height:60px}
      .brand-category-block.long{    padding: 10px 5px;    width: 98%;}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .logo-block { margin: 0; width: 48%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 45%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 100px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 3% 0 0; height: 90px; line-height: 60px; text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden; height: 30px;position: relative; z-index: 0; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; padding-top: 135px; position:relative;  height:auto}
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 6px 5%; border: 0; height: 20px; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; text-align: left; width: 95%; margin-left: 5%; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5%; width: 90%; text-align: left; }
    .footer-info .email { height: 25px; line-height: 15px;  width: 90%; padding: 0 5%; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 22px 22px; }
    .categories2 .item .img-block, .products .item .img-block { height: 122px; }
    .pager { margin: 25px 30px 25px 0px; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 475px; margin: 0 9px; padding: 0; position: absolute; }
    .tab { margin: 0px 20px 8px 20px; float: left; }
    .tab a { padding: 0px 13px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 99%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 300px; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 15px 15px 15px; }
    .video-block { margin: 0 15px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { width: 170px; height: 150px; margin: 0px 5px 20px 5px; }
    .brand .arrow { width: 20px; height: 20px; background-size: 15px; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 8px 30px 15px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
    .brand-category-block .item .top img{ max-width:100%; max-height:110px}
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 162px; height: 110px; margin: 0 10px 20px 10px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 6%; }
    .seller { margin: 0 0px 20px 0; width: 245px; }
    .seller .inline { width: 240px; }
    .seller-logo { left: 35px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 355px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { position: relative; width: 330px; }
    .confirm-code { position: absolute; bottom: 0; left: 5px; }
    .confirm-label { line-height: 20px; }
    .contact-form-btn { margin: 0 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 11%; }
    .confirm-txb { margin-left: 0; }
    .validation.code { right: 60px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider {  height: 180px; width: 70%; margin: 0 auto; float: none; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 70%; margin: 0 auto; float: none; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 82% !important; }
    .product-gallery .inline img { max-height: 90px; }
    .categories .item { margin: 0 0 22px 22px; }
    .mMenu-block { margin: 0 0 25px 25px !important; }
    .brand .inline img { max-width: 170px; max-height: 150px; }
    .mm-menu { -webkit-mask-position-x: -11px !important; -webkit-mask-position-y: -2px !important; }
    .page-bottom li img { max-width: 78px; }
    .index-copy { margin: 75px 5px 0 0; }
}

/* IPhone 4 YATAY */
@media only screen and (max-width: 559px) and (min-width: 480px) {
 .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
      .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .brand-category-block.long{ width:100%; padding:10px 0}
      .search_list_block{    margin: 0 0px 11px 8px;}
      .search_list_block .text{ height:60px}
      .brand-category-block.long{    padding: 10px 3px;    width: 98%;}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .header { height: 183px; background-position: -79px -29px; position: relative; }
    .logo-block { margin: 0; width: 56%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 55%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 100px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 4% 0 0; height: 90px; line-height: 60px;  text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden; height: 30px;position: relative; z-index: 0; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; padding-top: 135px; position:relative; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 6px 5%; border: 0; height: 20px; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; text-align: left; width: 95%; margin-left: 5%; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5%; width: 90%; text-align: left; }
    .footer-info .email { height: 25px; line-height: 15px;  width: 90%; padding: 0 5%; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 22px 55px; }
    .categories2 .item .img-block, .products .item .img-block { height: 122px; }
    .pager { margin: 25px 30px 25px 0px; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 98%; background-size: 100% 70px; }
    .etabs { width: 417px; margin: 0; padding: 0; position: absolute; }
    .tab { margin: 0px 15px 8px 15px; float: left; }
    .tab a { padding: 0px 10px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 99%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 300px; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 30px 15px 30px; }
    .video-block { margin: 0 36px; }
    .document { margin: 0 40px 10px 40px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { width: 170px; height: 150px; margin: 0px 28px 20px 28px; }
    .brand .arrow { width: 20px; height: 20px; background-size: 15px; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 35px 30px 35px; }
    .brand-category-block .item .top { width:100%; height: 95px; }
    .brand-category-block .item .top img{ max-width:100%; max-height:110px}
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 162px; height: 110px; margin: 0 34px 20px 34px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 0 85px 20px 85px; width: 245px; }
    .seller .inline { width: 240px; }
    .seller-logo { left: 35px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 285px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { position: relative; width: 262px; }
    .confirm-code { position: absolute; bottom: 0; left: 5px; }
    .confirm-label { line-height: 20px; }
    .contact-form-btn { margin: 0 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 14%; }
    .confirm-txb { margin-left: 0; width: 100px; }
    .validation.code { right: 50px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider {  height: 180px; width: 80%; margin: 0 auto; float: none; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 80%; margin: 0 auto; float: none; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 82% !important; }
    .product-gallery .inline img { max-height: 90px; }
    .categories .item { margin: 0 0 22px 55px; }
    .mMenu-block { margin: 0 0 25px 25px !important; }
    .brand .inline img { max-width: 170px; max-height: 150px; }
    .mm-menu { -webkit-mask-position-x: -11px !important; -webkit-mask-position-y: -2px !important; }
    .page-bottom li img { max-width: 78px; }
    .index-copy { margin: 75px 5px 0 0; }
}

/* Samsung S3 DİKEY */
@media only screen and (max-width: 369px) and (min-width: 360px) {
   .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
      .contact-info .left .td, .contact-info .right .td{ padding-right:2%}
    .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .search_list_block .text{height: 60px;}
    .brand-category-block.long{    padding: 10px 0px; width:100%}
    .search_list_block {width:95%}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .header { height: 183px; background-position: -79px -29px; position: relative; }
    .logo-block { margin: 0; width: 73%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 73%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 70px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 96%; margin: 0; height: 90px; line-height: 50px; text-align: right; font-size:20px;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 98%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; padding-top: 135px; position:relative; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 0 5%; border: 0; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { width: 70%; height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5px; }
    .footer-info .email { padding: 0 20px; height: 25px; line-height: 15px; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 13px 13px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 0 15px 25px 0; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 94%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 325px; padding: 0; position: absolute; }
    .tab { margin: 0 5px 8px 5px; float: left; }
    .tab a { padding: 0px 7px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 100%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 100%; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 10px 5px 10px; }
    .video-block { margin: 0 10px; height: 180px; }
    .video-block .video-title { font-size: 12px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { margin: 10px auto; float: none; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 8px 30px 8px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
    .brand-category-block .item .top img{ max-width:100%; max-height:110px}
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 152px; height: 110px; margin: 0 8px 20px 9px; }
    .brands-block .item .inline { width: 150px; height: 106px; }
    .brands-block .item .inline img { max-width: 100px; max-height: 55px; }
    .brands-block .item .lbl { width: 152px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 0 20px 20px 20px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 177px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { width: 100%; }
    .confirm-label { line-height: 25px; }
    .confirm-code { position: absolute; top: 12px; left: 8px; }
    .contact-form-btn { margin: 15px 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 20%; }
    .confirm-txb { margin-left: 0; width: 147px; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider { width: 100%; height: 180px; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 100%; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; height: 160px; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; margin: 0 10px; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu { -webkit-mask-position-y: -7px !important; }
    .index-copy { margin: -15px 5px; }
    .popup-row .g-recaptcha {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        float: right;
        margin-right: -8px;
    }
}

/* Samsung S3 YATAY */
@media only screen and (max-width: 659px) and (min-width: 640px) {
 .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
     .contact-info .left .td, .contact-info .right .td{ padding-right:2%}
    .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .search_list_block .text{height: 60px;}
    .brand-category-block.long{    padding: 10px 15px; width:95%}
    .search_list_block{margin: 0 0px 11px 11px;}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }
    .logo-block { margin: 0; width: 40%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 39%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 100px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 4% 0 0; height: 90px; line-height: 50px; text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%;padding-top: 135px; position:relative; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 90%; padding: 0 5%; border: 0; height: 20px; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; text-align: left; width: 95%; margin-left: 5%; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5%; width: 90%; text-align: left; }
    .footer-info .email { height: 25px; line-height: 15px;  width: 90%; padding: 0 5%; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 40px 40px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 25px 30px 25px 0px; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 475px; margin: 0 50px; padding: 0; position: absolute; }
    .tab { margin: 0px 20px 8px 20px; float: left; }
    .tab a { padding: 0px 13px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 99%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 300px; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 5px 14px 5px; }
    .video-block { margin: 0 25px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { width: 170px; height: 150px; margin: 0px 15px 20px 15px; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 20px 30px 20px; }
    .brand-category-block .item .top { width: 100%; height: 95px; }
    .brand-category-block .item .top img{max-width:100%; max-height:110px}
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 162px; height: 110px; margin: 0 15px 20px 30px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 6%; }
    .seller { margin: 0 0px 20px 0; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 420px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center; }
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { width: 400px; }
    .contact-form-btn { margin: 0 0 0 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 10%; }
    .confirm-txb { margin-left: 0; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 0 0 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 50px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider {  height: 180px; width: 55%; margin: 0 auto; float: none; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 55%; margin: 0 auto; float: none; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 170px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 82% !important; }
    .product-gallery .inline img { max-height: 90px; }
    .mMenu-block { margin: 0 0 25px 45px !important; }
    .brand .inline img { max-width: 170px; max-height: 150px; }
    .index-copy { margin: 75px 5px 0 0; }
}

/* IPad DİKEY */
@media only screen and (max-width: 999px) and (min-width: 760px) {
  .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
    .orange_block {display:block    }
    .search-block {padding-right:10px; right:0; top:-25px    }
    .searchWrapper {    border: 1px solid #f7a977;      border-top: 0;  }
    .contact-info .left .td, .contact-info .right .td{ padding-right: 2%}
    /*.whatsapp {top: -28px;left: 10px;}*/
    .brand-category-block.long{ width:99%; padding: 10px 4px;}
    .search_list_block{    margin: 0 0px 11px 11px;}
    .search_list_block .text{ height:60px}
    .header #mMenuLink { display: block; }
    .main { width: 100%; }
    .menu { display: none; }    
    .logo-block { margin: 0; width: 34%; height: 124px; background-size: 100% 100%; }
    .biltek { width: 138px; margin: 20px 5px; height: 43px; background-size: 100%; }
    .content-index .main { display: flex; flex-flow: column; }
    .main-left { float: none; width: 100%; margin: 0; order: 2; }
    .main-right { float: none; width: 100%; margin: 0; order: 1; }
    #slider2 .item .item-exp { width: 90%; margin: 0 5%; }
    .main-left .brands-slider { width: 34%; margin: 0 auto; }
    .list-btn { display: none; }
    .footer-top-bg { background: rgba(130,114,93,.5); height: 450px; }
    .footer-top { height: 380px; position: relative; margin-top: 141px; border-top: 5px solid #cccccc; }
    .footer-index { height: 115px; }
    .page-title, .page-title2, .page-title3, .page-title4 { background: none; width: 100%; margin: 0; padding: 0 3% 0 0; height: 90px; line-height: 60px;text-align: right;}
    .nav { display: block; margin: -45px 0 0 0; overflow: hidden;    height: 30px; }
    .nav a { font-size: 10px; height: 30px; line-height: 30px; }
    .treeview { display:none !important; }
    .container, .categories, .categories2, .products, .product-detail { width: 100%; }
    .comp { letter-spacing: 1px; }
    .footer-inline { width: 100%; padding-top: 135px; position:relative; height:auto }
    .footer { height: 250px; background-size: 200% 100%; background-position: right top; }
    .footer-info { position: absolute; bottom: 0; left: -10px; }
    .footer-info .adress { width: 50%; padding: 0 20px; border: 0; }
    .copy { position: absolute; bottom: 0; right: 0; font-size: 9px; }
    .footer-info .phone { width: 33%; height: 20px; line-height: 20px; font-size: 12px; padding: 0; border: 0; }
    .footer-info .lbl { height: 20px; line-height: 20px; border: 0; padding: 0 5px; float: none; }
    .footer-info .email { padding: 0 20px; height: 25px; line-height: 15px; }
    .categories .item, .categories2 .item, .products .item { width: 150px; height: 160px; margin: 0 0 30px 30px; }
    .categories2 .item .img-block, .products .item .img-block { height: 55px; }
    .pager { margin: 0 35px 25px 0; }
    .products .item .title-block .title .title-inline { font-size: 11px; }
    .product-block { width: 90%; margin: 0 5%; }
    .before:before { height: 316px; width: 100%; }
    .product-img-block { width: 98%; height: 320px; }
    .product-info { padding: 20px 0 0 0; width: 100%; }
    .tab-container .panel-container { width: 100%; background-size: 100% 70px; }
    .etabs { width: 660px; padding: 0; position: absolute; }
    .tab { margin: 0 47px 8px 47px; float: left; }
    .tab a { padding: 0px 9px; }
    #tab-container { margin-top: 30px; width: 100% !important; }
    .modal { width: 90% !important; margin: 0 0 0 0 !important; left: 5% !important; }
    .modal-body { margin-top: 20px; }
    .close { top: -20px; }
    .number { width: 200px; }
    .modal-btn { width: 100%; margin: 10px 0 0 0; }
    .popup-row { width: 99%; }
    .modal-warning { margin-top: 15px; line-height: 20px; }
    .modal-body .product-info { padding: 10px 0 0 0; }
    .product-img-block .product-img img { max-height: 100%; max-width: 100%; }
    .modal-body { margin-top: 0 !important; padding: 60px 30px 0 30px !important; }
    .close { top: 20px !important; }
    .offer-form .left, .offer-form .right, .offer-form .comp-name, .offer-form textarea.left, .offer-form textarea.right { font-size: 13px; padding: 0px 5%; width: 100%; }
    #Galeri, #Videolar { display: block; }
    .product-gallery { margin: 0 15px 5px 15px; }
    .video-block { margin: 0 13px; height: 180px; }
    .video-block .video-title { font-size: 12px; }
    .document { margin: 0 20px 10px 20px; }
    #Dokumanlar { display: flex; }
    .products .item .img-block .img { height: 94px; }
    .brands { width: 100%; display: inline; }
    .brand { margin: 20px 50px; }
    .brands-block, .brand-category-block { width: 100%; }
    .brand-category-block .item { width: 155px; height: 210px; margin: 0 15px 30px 15px; }
    .brand-category-block .item .top { width: 153px; height: 95px; }
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 162px; height: 110px; margin: 0 12px 20px 12px; }
    .brands-block .item .inline { width: 160px; height: 106px; }
    .brands-block .item .inline img { max-width: 110px; max-height: 55px; }
    .brands-block .item .lbl { width: 162px; height: 35px; line-height: 50px; }
    .sellers { width: 100%; padding: 0 5%; }
    .seller { margin: 0 20px 20px 20px; }
    .lists { width: 100%; height: 50px; }
    .lists .list-logo { width: 80px; height: 50px; }
    .lists .list-logo img { max-width: 100%; max-height: 48px; }
    .list-name { width: 545px; height: 50px; font-size: 11px; }
    .list-download { width: 50px; height: 48px; text-indent: -9999px; padding: 0; background-size: 30px; background-position: center;}
    .page-left .about-us { display: none; }
    .page-right { width: 100%; }
    .page-right .inline { width: 100%; padding: 50px 5%; }
    .page-left { float: none; width: 100%; }
    .page-left .iframe { height: 250px; margin: 20px 0 0 0; }
    .page-left .iframe iframe { height: 250px !important; }
    .contact { padding: 0 5%; width: 100%; }
    .contact-info .left, .contact-info .right { width: 100%; margin: 0 0 10px 0; }
    .confirm { width: 48%; }
    .confirm-label { line-height: 25px; }
    .confirm-code { position: absolute; top: 12px; left: 8px; }
    .contact-form-btn { margin: 0; }
    .contact-form .row textarea, .contact-form .row input[type="text"] { width: 100%; padding: 0 5% 0 9%; }
    .confirm-txb { margin-left: 0; }
    .validation.code { right: 55px; }
    .m-align { display: flex; flex-flow: column; }
    .m-align .page-left { order: 2; }
    .news .brands-block .item { margin: 0 4px 20px 4px; }
    .brands-block.long .news-text .news-detail { color: #0068b2; }
    .about-us-header { margin: 50px 0; }
    .slider3-lbl { margin: 0; width: 100%; height: 43px; background: rgba(239,115,58,0.6); float: none; }
    .slider3-lbl .inline { float: none; width: 90%; padding: 15px 5%; text-align: center; }
    .camp-slider { height: 180px; width: 48%; float: none; margin: 0 auto; }
    #slider3 .item .item-text { width: 170px; margin: 0 0 0 175px; }
    #slider3 .item .item-text .item-desc { width: 95%; margin-left: 5%; }
    #slider3 .item .item-text .item-price { margin: 0; }
    .slider4-lbl { float: none; width: 100%; text-align: center; padding: 0; height: 50px; clear: both; background: rgba(239, 115, 58, 0.6); margin: 0; }
    .slider4-lbl .inline { padding: 0; float: none; width: 100%; line-height: 50px; }
    .slider4-lbl .news-link { right: 30px; bottom: -135px; font-weight: bold; z-index: 9; }
    .news-slider { clear: both; height: 161px; width: 48%; float: none; margin: 0 auto; }
    .news-slider .bx-wrapper { height: 100%; }
    #slider4 li { margin: 0; width: 100% !important; }
    #slider4 .item .clear { clear: none; }
    .news-slider .bx-viewport { margin: 0 !important; bottom: 0; height: 165px !important; }
    #slider4 .item { position: relative; top: 24px; display: block; bottom: -5px; }
    #slider4 .item .item-img { float: left; }
    #slider4 .item .item-text { float: left; margin: 50px 0 0 0; height: auto; width: 180px;}
    .offer-form textarea.left, .offer-form textarea.right { padding: 15px 5%; }
    .mm-menu { -webkit-mask-image: url(../images/mask2.png); -webkit-mask-position-x: -63px !important; -webkit-mask-position-y: -18px !important; -webkit-mask-size: 108% 107%; }
    .mMenu-block { margin: 0 0 25px 20px !important; }
    .product-gallery .inline img { max-height: 90px; }
    .contact-info .left .td, .contact-info .right .td { width: 85%; }
    .categories .item .img-block .img img { max-width: 112px; max-height: 122px; }
    .brand-category-block .item .top img { max-width: 153px; max-height: 153px; }
    .product-gallery .inline img { max-height: 90px; max-width: 110px; }
    .index-copy { margin: 85px 5px 0 0; }
}

/* IPad YATAY */
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .lightBoxSlide{max-width:70%!important; width:auto!important; margin: 0 auto;}
    .popup_img{max-height: 300px!important;}
    .popupYazi,.popupTitle{ width:90%!important}
    .search_list_block { margin:0 0px 11px 11px;}
    .brand-category-block.long{    padding: 10px 40px;width: 92%;}
    .search_list_block .text{ height:60px}
    /*.whatsapp{    right: 10px;}*/
    .main, .container, .footer-inline, .brands, .brand-category-block, .brands-block { width: 100%; }
    .categories, .categories2, .products, .product-detail,.brands-block, .brand-category-block { width:70%; }
    .main-left { width: 25%; margin: -21px 0 -60px 9%; }
    .main-right { float: right; width: 63%; margin: -35px 1% 0 0; }
    .logo-block { width: 350px; background-size: 100% 100%; margin: 0 0 0 28px; height: 183px; }
    .menu { width: 620px; margin-right: 8px; }
    .menu ul li a { font-size: 10px; padding: 0 0 0 13px; }
    #slider3 .item .item-text .item-desc { width: 165px; }
    #slider3 .item .item-text { width: 200px; }
    #slider3 .item { width: 100%; }
    .camp-slider { width: 380px; }
    .news-slider { width: 285px; }
    .footer-top-bg { height: 160px; }
    .footer-top { height: 160px; }
    .slider3-lbl { height: 70px; background-size: 100% 100%; margin-top: 32px; margin-left: 0; }
    .slider3-lbl .inline { font-size: 12px; float: left; line-height: 15px; padding: 25px; margin-right: -12px; width: 70%; }
    #slider3 .item .item-img { width: 130px; height: 130px; }
    #slider3 .item .item-img img { width: 100px; height: 100px; margin: 16px; }
    #slider3 .item .item-text { margin: 20px 0 0 135px; }
    #slider3 .item .item-text .item-title { font-size: 15px; }
    #slider3 .item .item-text .item-desc { font-size: 11px; width: 165px; height: 35px; }
    #slider3 .item .item-text .item-price { margin: -5px 10px -14px 0; }
    .slider4-lbl { width: 98px; height: 94px; background-size: 100% 113%; margin: 6px 0 0 -38px; transform: rotate(-2deg); }
    .slider4-lbl .inline { font-size: 12px; width: 83%; padding: 38px 1px 38px 15px; margin: 3px 0px 0px -38px; text-align: left; }
    #slider4 .item { bottom: -15px; left: 25px; }
    .page-title, .page-title2, .page-title3, .page-title4 {  width: 100%;margin:0 auto; font-size: 25px;line-height:3 }
    .treeview.top { overflow-x: hidden; width: 30%; }
    .treeview li ul li ul li a { padding: 0 0 0 30%; width: 55%; }
    .footer-info .adress { width: 280px; }
    .footer-info .phone { width: 236px; font-size: 13px; }
    .categories2 .item, .products .item { width: 225px; height: 240px; margin: 0 0 8px 8px; }
    .categories .item { width: 225px; height: 240px; margin: 0 0 5px 5px; }
    .product-block { width: 700px; margin: 0 auto; float: none; }
    #Galeri, #Videolar { display:inline-block; }
    .modal { margin-left: -315px !important; }
    .brand { width: 225px; }
    .brand .inline img { max-width: 225px; }
    .brand-category-block .item { width: 196px; height: 245px; margin: 0px 15px 30px 15px; }
    .brand-category-block .item .top { width: 100%; height: 165px; }
    .brand-category-block .item .top img { max-width: 100%; max-height: 155px; }
    .brand-category-block .item .bottom { width: 100%; }
    .brands-block .item { width: 207px; margin: 0px 12px 30px 12px; }
    .brands-block .item .inline { width: 205px; }
    .brands-block .item .lbl { width: 207px; }
    .brands-block .item .inline img { max-width: 190px; }
    .sellers { width: 100%; padding: 5%; }
    .list-name { width: 401px; }
    .page-left { width: 30%; }
    .page-right { width: 70%; }
    .page-right .inline { width: 90%; padding: 0; margin: 5%; }
    .contact { padding: 5%; width: 100%; }
    .contact-header{margin:36px 0}
    .contact-info .left, .contact-info .right { width: 310px;height:132px }
    .confirm { width: 400px; }
    .modal-btn { width: 880px; }
    .etabs { padding: 0 30px; }
    .product-info { width: 330px; }
    .product-img-block { width: 330px; margin-left: 10px; }
    .before::before { width: 340px; height:315px; left:5px; }
    .product-img-block .product-img img { max-width: 100%; max-height: 100%; }
    .list-download { float: right; }
    .validation.code { right: 40px; }
    .product-gallery .inline img { max-width: 110px; max-height: 90px; }
    #Galeri { width: 100%; }
    .index-copy { margin: 170px 5px 0 0; }
}


/*******header******/

.header {
    width: 100%;
    background-color: #f9f9f9;
    display: table;
}

    .header .main {
        width: 1360px;
        margin: 0 auto;
        position: relative;
        display:table;
    }

.logo {
    float: left;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background-color: #fff;
    margin: 15px 0;
    box-shadow: 0px 11px 20px -14px rgba(0,0,0,0.7);
}

    .logo img {
        width: 86px;
        height: 86px;
        display: table-cell;
        margin:15px 0 0 15px;


    }

.language {
    width: 50px;
    height: 114px;
    float: right;
    border-radius: 0 0 30px 30px;
    font-size: 14px;
    color: #0068b1;
    text-align: center;
    background-color: #fff;
}

    .language span {
        display: block;
        font-family: 'Lato-Bold';
        margin: 62px 0 2px 0;
    }

.header-main {
    width: 60%;
    margin: 0 auto;
}

.header-top {
    width: 100%;
    display: inline-block;
    padding-top: 25px;
}

.header-top-left {
    float: left;
    width: 50%;
}

.searchBox {
    cursor: pointer;
}

.search-txt {
    width: 100%;
    padding: 15px 45px 15px 25px;
    border-width: 0;
    border-radius: 6px;
    outline: 0;
    color: #b9c4cc;
}

    .search-txt::placeholder {
        color: #b9c4cc;
        font-family: Lato-Regular;
        font-size: 14px;
    }

.search-btn {
    color: #f6861f;
    position: absolute;
    top: 37px;
    right: 51.5%;
}

.searchBox i {
    font-size: 19px;
}


.header-top-right {
    float: right;
    width: 50%;
    margin-top: 10px;
}

    .header-top-right a {
        color: #303030;
        font-size: 14px;
        font-family: 'Lato-Regular';
    }

.header-top-phone {
    float: left;
    margin-left: 30px;
}

.header-top-right i {
    margin-right: 10px;
    color: #b9c4cc;
    font-size: 18px;
}

.fa-envelope {
    vertical-align: middle;
}

.header-top-mail {
    float: right;
}


.header-menu {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin:15px 0 15px 0;
}

    .header-menu li {
        float: left;
        margin-right: 24px;
    }

        .header-menu li a.active {
            color: #f6861f;
        }

        .header-menu li a:hover {
            color: #f6861f;
        }

        .header-menu li:last-child {
            margin-right: 0;
        }

        .header-menu li a {
            font-size: 16px;
            font-family: 'Lato-Bold';
            color: #2c2d6d;
        }

.online-sales {
    width: 105px;
    height: 90px;
    background-color: #0068b1;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    right: 80px;
    top: 20px;
}

    .online-sales ::after {
        content: '';
        background-image: url('../images/hand.svg');
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 25px;
        top: 20px;
        width: 47px;
        height: 37px;
       
    }
    .online-sales :hover::after {
        width: 55px;
        height: 45px;
        /*transition: 1s;*/
    }
    .online-sales:hover {
        background-color: #f56920;

    }
    .online-sales a  {
        color: #fff;
        padding-left: 13px;
        position: absolute;
        margin-top: 16px;
        font-family: 'Lato-Bold';
        font-size: 14px;
    }

/* *****slider*******/
.slider {
    width: 100%;
    display: block;
}

.slider-left {
    background-image: url('../images/amblem.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 49.5%;
    height: 500px;
    float: left;
}

    .slider-left::after {
        content: '';
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #fff;
        float: right;
        margin-top: -10%;
    }

.slider-left-title {
    font-family: Lato-Bold;
    font-size: 30px;
    text-align: center;
    color: #fff;
    padding-top: 18%;
}

.slider-left-button {
    width: 150px;
    line-height: 3;
    background-color: #fff;
    text-align: center;
    margin: 6% auto 0 auto;
}

    .slider-left-button a {
        color: #f6861f;
        font-family: Lato-Bold;
        font-size: 16px;
        line-height: 3.5;
    }

.slider-right {
    height: 500px;
    display: table;
    width: 36%;
}

.slider-image {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.slider-right img {
    max-width: 100%;
    height: 356px;
}

.slider ul {
    margin: 0 auto;
}

/*    .slider ul li {
        margin-left: -40px;
    }
*/
/* *****productions*******/

.productss {
    background-image: url(../images/zemin.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-top: -42px;
    display: inline-block;
}

.products-container {
    width: 1360px;
    margin: 0 auto;
    display: block;
}

.products-left {
    float: left;
    margin-top: 65px;
    width: 53%;
}

.title {
    font-family: Lato-Bold;
    font-size: 24px;
    color: #0068b2;
}

.products-text {
    color: #303030;
    font-family: 'Lato-Regular';
    font-size: 16px;
    margin: 35px 0 50px 0;
    text-align: justify;
    line-height: 1.5;
    overflow:hidden;
}

.products-image {
    width: 100%;
    background-color: #fff;
    display: table;
}

.p-images {
    width: 90%;
    display: table;
    margin: 60px auto 0 auto;
}

.p-img {
    width: 23%;
    height: 225px;
    border: 1px solid rgba(5,69,142,.2);
    margin: 0 30px 30px 0;
    float: left;
}

    .p-img:nth-child(4n) {
        margin-right: 0;
    }

    .p-img .images {
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
    }

.p-images .images:hover {
    border: 1px solid rgba(5,69,142,1);
}
.images .product-cell {
    display: table;
    width: 100%;
    height: 160px;
}

.img-cell {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.images .img-cell img {
    max-width: 100%;
    max-height: 160px;
}

.images .lbl {
    color: #0068b2;
    font-family: Lato-Bold;
    font-size: 18px;
    width: 100%;
    display: block;
    height: 65px;
    text-align: center;
}

.images .lbl span {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

/* *****representation*******/
.represent {
    width: 1360px;
    margin: 65px auto 150px auto;
    background-color: #2c2d6d;
    height: 100px;
    border-radius: 15px;
}

    .represent .title {
        color: #fff;
        margin-left: 30px;
        line-height: 4;
        width: 200px;
    }

.represent-image {
    width: 73%;
    display: table;
    margin: -4.5% 0 0 23%;
    height: 145px;
}

    .represent-image .slick-list {
        height: 160px;
    }

    .represent-image .slick-track {
        height: 145px;
    }

.represent-img {
    width: 220px;
    height: 140px;
    margin: 0 27px 0px 0;
    float: left;
    display: table !important;
    background-color: #fff;
    box-shadow: 1px 4px 12px 0px rgb(125 125 125 / 12%);
    filter: grayscale(100%);
    margin-bottom: 20px;
}

    .represent-img a {
        width: 100%;
        height: 140px;
        display: table;
    }

    .represent-img:hover {
        filter: grayscale(0%);
    }

    .represent-img img {
        max-width: 100%;
        max-height: 140px;
    }

    .represent-img.slick-slide img {
        display: inline;
    }

    .represent-img.slick-slide {
        min-height: 140px;
    }

represent-img.slick-initialized .slick-slide {
    display: table;
}

.represent-image .slick-prev {
    top: 10%;
    left: -35px;
}

.represent-image .slick-next {
    top: 10%;
    right: -25px;
}

.represent-image .slick-prev .fa-chevron-left {
    color: #fff;
    font-size: 20px;
}

.represent-image .slick-next .fa-chevron-right {
    color: #fff;
    font-size: 20px;
}

.represent-image .slick-prev:before {
    content: '';
}

.represent-image .slick-next:before {
    content: '';
}
/* *****about*******/
.about-container {
    width: 1360px;
    margin: 0 auto;
    display: table;
}

.about-left {
    background-image: url(../images/gorsel2.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    height: 390px;
    width: 47%;
    border-radius: 10px;
    margin-bottom: 95px;
}

.about-text {
    color: #fff;
    font-family: Lato-Regular !important;
    font-size: 20px !important;
    text-align: center;
    line-height: 1.1 !important;
    margin-top: 0 !important;
    letter-spacing: 1.5px !important;
}

    .about-text span {
        font-family: Lato-Semibold;
        font-size: 110px;
        display: block;
        letter-spacing: 13px; 
        margin-top:20px;
    }

.price-list {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    background-color: #0067b0;
    box-shadow: inset 5px 8px 20px -14px rgb(250 250 250 / 70%), 6px 13px 20px -14px rgb(0 0 0 / 70%);
    position: relative;
    margin: 6% auto 0 auto;
    display: table;
}

    .price-list a {
        font-family: Lato-Regular;
        font-size: 16px;
        color: #fff;
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

    .price-list .fa-file-lines {
        display: block;
        font-size: 40px;
        padding-bottom: 10px;
    }
.price-list .fa-file-lines:hover{}
.about-right {
    float: right;
    width: 47.8%;
}

    .about-right .title h1 {
        margin-top: 45px;
        font-size: 24px;
    }

    .about-right .about-text {
        text-align: justify;
        font-family: Lato-Regular !important;
        font-size: 16px !important;
        color: #303030;
        line-height: 1.5 !important;
        margin:20px 0 50px 0 !important;
        letter-spacing: 0 !important;
        overflow:hidden;
    }

.button {
    text-align: center;
    width: 340px;
    line-height: 3.5;
    font-family: Lato-Bold;
    font-size: 16px;
    float:left;
}

.about-right-btn {
    float: left;
    width: 150px;
    background-color: #f6861f;
}

    .about-right-btn a {
        color: #fff;
    }

.about-right-btn2 {
    width: 146px;
    background-color: #fff;
    border: 2px solid #f6861f;
    float: right;
    line-height: 3.2;
}

    .about-right-btn2 a {
        color: #f6861f;
    }
/********************************************************/
/*button-animation*/
/*.centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}*/

.h-button {
    /* background: white;*/
    /*  padding: 20px;
  width: 250px;
  text-align: center;*/
}

    .h-button span {
        display: inline-block;
        min-width: 0.3em;
        /*  text-transform: uppercase;*/
        transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
        opacity: 0;
        transform: translate(0, -20px);
    }

    .h-button:before {
        content: attr(data-text);
        position: absolute;
        /* width: 100%;
        left: 0;
        text-transform: uppercase;
        letter-spacing: 3.5px;*/
        transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
        opacity: 1;
        transform: translate(0, 0px);
    }

    .h-button:hover:before, .h-button:focus:before {
        opacity: 0;
        transform: translate(0, 20px);
    }

    .h-button:hover span, .h-button:focus span {
        opacity: 1;
        transform: translate(0, 0);
    }
.price-list .h-button:before {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    bottom: 40px;
    left: 35px;
}
/*.h-button:hover span:nth-child(1), .h-button:focus span:nth-child(1) {
  transition-delay: 0.025s;
}
.h-button:hover span:nth-child(2), .h-button:focus span:nth-child(2) {
  transition-delay: 0.05s;
}
.h-button:hover span:nth-child(3), .h-button:focus span:nth-child(3) {
  transition-delay: 0.075s;
}
.h-button:hover span:nth-child(4), .h-button:focus span:nth-child(4) {
  transition-delay: 0.1s;
}
.h-button:hover span:nth-child(5), .h-button:focus span:nth-child(5) {
  transition-delay: 0.125s;
}
.h-button:hover span:nth-child(6), .h-button:focus span:nth-child(6) {
  transition-delay: 0.15s;
}*/
/**********************************************************/
/* *****online-sales-site*******/
.online-sales-site {
    width: 100%;
    background-color: #f9f8f8;
    margin-bottom: 105px;
}

.online {
    width: 1360px;
    margin: 0 auto;
    position: relative;
    display:table;
}

.online-sales-left {
    width: 47%;
    margin-top: 10%;
    float: left;
}

.online-sales-text {
    font-family: Lato-Regular;
    font-size: 16px;
    margin: 30px 0 55px 0;
    color: #303030;
}

.online-site {
    float: left;
    position: relative;
    width: 47%;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    line-height: 4;
    margin-bottom: 160px;
    box-shadow: 0px 5px 6px 0px rgba(240,242,245,0.75);
}

    .online-site::after {
        content: '';
        background-image: url(../images/hand2.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 48px;
        height: 35px;
        position: absolute;
        bottom: -28%;
        left: 78%;
    }

    .online-site:hover::after {
        content: '';
        background-image: url(../images/handturuncu.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 55px;
        height: 45px;
        position: absolute;
        bottom: -32%;
        left: 50%;
        transition:1s;
        cursor:pointer;
    }

    .online-site i {
        margin-right: 10px;
    }

    .online-site a {
        color: #f6861f;
        font-family: Lato-Bold;
        font-size: 16px;
    }

.online-sales-right {
    position: absolute;
    top: -140px;
    right: 0;
    width:750px;
}

    .online-sales-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/* *****best selling products*******/
.selling-products {
    width: 1360px;
    margin: 0 auto;
}

    .selling-products .title {
        background-image: url(../images/group12.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        background-color: #f6861f;
        color: #fff;
        text-align: center;
        line-height: 3;
        border-radius: 10px;
        margin-bottom: 40px;
    }

.selling-image {
    width: 100%;
    display: inline-block;
    margin-bottom:65px;
}

.selling-img {
    width: 400px;
    height: 340px;
    border: 1px solid rgba(5,69,142,.2);
    margin: 0px 30px 0 12px;
    float: left;
    position:relative;
}
/*
    .selling-img:first-child {
        margin-left: 0;
    }*/

/*    .selling-img:last-child {
        margin-right: 0;
    }
*/
    .selling-img .s-img {
        width: 100%;
        height: 100%;
        position: relative;
    }

.s-img .selling-cell-image {
    display: table;
    width: 100%;
    height: 240px;
}

.s-img img {
    max-width: 100%;
    max-height: 270px;
}

.selling-image .slick-list {
    margin-left: 30px;
    min-height: 362px;

}
.selling-image .slick-track {
  min-height: 340px;
}

/*.selling-img.slick-slide {
    min-width: 350px;
}*/
/*
.selling-image .slick-track {
    height: 340px;
}
*/
.selling-img.slick-slide {
    min-height: 340px;
    min-width: 400px;
}

    .selling-img.slick-slide img {
        display: inline;
    }

.s-img .lbl {
    color: #0068b2;
    font-family: Lato-Bold;
    font-size: 18px;
    width: 96%;
    display: block;
    overflow: hidden;
    height: 65px;
    margin: 0 auto;
    text-align: center;
}
/*
    .s-img .lbl span {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }*/
.selling-image .slick-next .fa-chevron-right {
    color: #f6861f;
    font-size: 30px;
}

.selling-image .slick-prev .fa-chevron-left {
    color: #f6861f;
    font-size: 30px;
}

.selling-image .slick-prev:before {
    content: '';
}

.selling-image .slick-next:before {
    content: '';
}

.selling-image .slick-prev {
    top: 44%;
    left: -14px;
    height: 30px;
}

.selling-image .slick-next {
    top: 44%;
    right: -14px;
    height: 30px;
}
.selling-image .price {
    font-family: Lato-Bold;
    font-size: 18px;
    width: 120px;
    background-color: #f6861f;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -18%;
    line-height: 2.5;
    right: 34%;
}
/* *****footer*******/
.footer-container {
    width: 100%;
    height: 100%;
    display: table;
    background-color: #f9f8f8;
}

.footer-main {
    width: 1360px;
    margin: 0 auto;
    position: relative;
    display: table;
    margin-top: 50px;
}

.footer-box {
    width: 35%;
    float: left;
    margin-right: 1.5%;
}

.footer-address {
    font-family: Lato-Regular;
    font-size: 14px;
    color: #303030;
    line-height: 1.5;
    margin-bottom: 25px;
}

.footer-title {
    font-size: 16px;
    font-family: Lato-Bold;
    color: #2c2d6d;
    margin-bottom: 17px !important;
}

.footer-address > div {
    width: 97%;
    margin-bottom: 25px;
}
.footer-address .f-address {
    width: 71%;  
}
.f-address::after {
    content: '';
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0px 1px #fff;
    display: block;
    margin-top: 20px;
    width: 136%;
}

.footer-phone {
    margin-bottom: 25px;
}

    .footer-phone i {
        width: 33px;
        height: 33px;
        background-color: #0068b2;
        border-radius: 50%;
        font-size: 17px;
        display: table;
        color: #fff;
        float: left;
        margin-right: 10px;
    }

    .footer-phone .fa-phone-volume:before {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }


    .footer-address a {
        line-height: 2.5;
        color: #303030;
    }

.footer-phone a::after {
    content: '|';
    margin-left: 5px;
}

.footer-phone a:last-child::after {
    content: '';
}

.footer-mail {
    margin-bottom: 25px;
}

    .footer-mail i {
        width: 33px;
        height: 33px;
        background-color: #0068b2;
        border-radius: 50%;
        font-size: 17px;
        display: table;
        color: #fff;
        float: left;
        margin-right: 10px;
    }

    .footer-mail .fa-envelope:before {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

.footer-biltek i {
    width: 33px;
    height: 33px;
    background-color: #0068b2;
    border-radius: 50%;
    font-size: 17px;
    display: table;
    color: #fff;
    float: left;
    margin-right: 10px;
}

.footer-biltek .fa-globe:before {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
/*.footer-right {
    width: 63%;
    margin: 0 auto;
    display: inline-block;
}*/
.footer-box:nth-child(2) {
    width: 18.5%;
    background-color: #fff;
    padding:40px 35px;
    border-radius: 15px;
    box-shadow: 1px 4px 13px 0px rgb(0 0 0 / 12%);
    margin-right: 50px;
}

.footer-menu {
    list-style-type: none;
    padding: 0;
    font-family: Lato-Regular;
    font-size: 14px;
    margin: 0;
}

    .footer-menu li {
        line-height: 1.6;
    }

        .footer-menu li a {
            color: #303030;
        }

            .footer-menu li a:hover {
                color: #f6861f;
            }

.footer-box:nth-child(3) {
    width: 18.5%;
    background-color: #fff;
    padding:40px 35px;
    border-radius: 15px;
    box-shadow: 1px 4px 13px 0px rgb(0 0 0 / 12%);
    margin-right: 50px;
}

.footer-box:nth-child(4) {
    width: 18.5%;
    background-color: #fff;
    padding:40px 35px;
    border-radius: 15px;
    box-shadow: 1px 4px 13px 0px rgb(0 0 0 / 12%);
    margin-right: 0px;
}
/*.footer-box:last-child{
    margin-right:0;
}*/
.footer-text {
    color: #0068b2;
    font-family: Lato-Regular;
    font-size: 14px;
    float: right;
    letter-spacing: 11.2px;
    opacity: 0.30;
    margin-top: 40px;
}

.footer-bottom {
    width: 100%;
    height: 60px;
    background-color: #fff;
    margin-top: 45px;
    display:table;
}

.footer-bottom-main {
    width: 1360px;
    margin: 0 auto;
    display:table;
}

.footer-logo {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -60px;
}

    .footer-logo img {
        width: 88px;
        height: 88px;
        margin: 15px 0 0 15px;
    }

.footer-copyright {
    font-family: 'Lato-Regular';
    font-size: 12px;
    color: #f6861f;
    width: 63.5%;
    float: right;
    line-height: 5;
}

    .footer-copyright span {
        margin-left: 67%;
    }

    .footer-copyright a {
        color: #f6861f;
    }
    /* 1920px */
/*@media only screen and (min-width:1681px) and (max-width:1920px) {
     .represent-image .slick-track {width: 100% !important; }
     .selling-image .slick-track { width: 100% !important; }
}*/
/* 1680px */
@media only screen and (min-width:1601px) and (max-width:1680px) {

    .slider-left::after { margin-right: -1px; margin-top: -9%;}
    .slider-right { width: 42%;}
    .slider-left-title {padding-top: 20%; }
    .selling-image .slick-prev{left:0;top:44%}
    .selling-image .slick-next{right:0;top:44%}
    .footer-text{margin-top:20px;letter-spacing: 11.3px;}
}
/* 1600px */
@media only screen and (min-width:1551px) and (max-width:1600px) {

    .slider-left::after {margin-right: -1px;margin-top: -9%; }
    .slider-right { width: 43%; }
    .slider-left-title { padding-top: 20%; }
    .selling-image .slick-list{margin-left:35px;}
    .selling-image .slick-prev{left:-2px;top:44%}
    .selling-image .slick-next{right:2px;top:44%}
    .footer-text{margin-top:20px;letter-spacing: 11.3px;}
}
/* 1550px */
@media only screen and (min-width:1441px) and (max-width:1550px) {

    .slider-right {width: 45%;}
    .slider-left-title { padding-top: 21%;}
    .selling-image .slick-prev{left:0;top:44%}
    .selling-image .slick-next{top:44%}

}
/* 1440px */
@media only screen and (min-width:1367px) and (max-width:1440px) {

    .header .main { width: 94%;}
    .slider-left::after {margin-right: -1px;margin-top: -9%; }
    .slider-right {width: 48%;}
    .slider-left-title { padding-top: 22%;}
    .products-container {width: 94%; }
    .represent {  width: 94%; }
    .represent-image .slick-next{right:-30px;}
    .represent-image .slick-prev{left:-30px;}
 /*   .represent-image .slick-track {width: 100% !important; }
    .selling-image .slick-track { width: 100% !important; }*/
    .about-container {  width: 94%; }
    .online { width: 94%; }
    .selling-products { width: 94%;}
    .selling-image .slick-list{margin-left:30px;}
    .selling-img.slick-slide { min-width: 399px;width:400px !important; }
    .selling-image .slick-prev{left:0;top:44%}
    .selling-image .slick-next{right:0;top:44%}
    .footer-main { width: 94%; }
    .footer-box { margin-right: 3.5%;}
    .footer-box:nth-child(2) {width: 19%;}
    .footer-box:nth-child(3) {width: 19%; }
    .footer-box:nth-child(4) { width: 19%; }
    .footer-bottom-main {  width: 94%; }
    .footer-copyright span {  margin-left: 66%; }
}
/* 1366px */
@media only screen and (min-width:1281px) and (max-width:1366px) {

    .header .main { width: 95%;}
    .header-main { width: 61%; }
    .header-top { width: 99%; }
    .header-menu li { margin-right: 19px; }
    .slider-left-title { padding-top: 24%;  }
    .slider-right { width: 48%;}
    .products-container {  width: 94%;}
    .represent { width: 94%; }
    .represent-img {margin-right: 14px; }
    .represent-image .slick-prev{left:-25px;}
    .about-container { width: 94%; }
    .online {  width: 94%; }
    .selling-products { width: 94%; }
    .selling-image .slick-list{margin-left:20px;}
    .selling-img.slick-slide { min-width: 376px;width:376px !important;}
    .selling-image .slick-prev{left:-1px;top:37%}
    .selling-image .slick-next { right: -10px;top:37%}
    .selling-img {  margin: 0px 22px 105px 22px; }
    .selling-image{margin-bottom:0}
    .selling-image .price{right:31%}
    .footer-main {  width: 94%;}
    .footer-box { margin-right: 2.5%;}
    .footer-box:nth-child(2) {width: 20%; margin-right: 30px; }
    .footer-box:nth-child(3) {width: 20%;margin-right: 30px; }
    .footer-box:nth-child(4) { width: 20%; }
    .footer-bottom-main { width: 94%; }
    .footer-text { letter-spacing: 10.6px; }
    .footer-copyright { width: 65.5%; }
    .footer-copyright span { margin-left: 64%;}
}
/* 1280px */
@media only screen and (min-width:1025px) and (max-width:1280px) {

    .header .main {  width: 95%; }
    .header-main { width: 65%; }
    .header-top { width: 99%;}
    .header-menu li { margin-right: 19px; }
    .slider-left-title {padding-top: 26%;}
    .slider-right { width: 44%; }
    .products-container { width: 94%;}
    .p-images { margin: 60px 37px 0 37px; width: 94%; }
    .p-img { width: 270px;    margin-right: 16px; }
    .represent { width: 94%;}
    .represent-img {margin-right: 20px; }
    .represent-img a { width: 200px;}
    .about-container {width: 94%;}
    .online { width: 94%;}
    .selling-products { width: 94%; }
    .selling-image .slick-list{margin-left:-2px;}
    .selling-img.slick-slide {min-width: 345px; width:345px !important;}
    .selling-image .slick-next {right: -10px;}
    .selling-img {  margin: 0px 28px 0 28px;}
    .selling-image .price{right:31%}
    .footer-main { width: 94%;}
    ,.footer-box { margin-right: 1.5%;width:32%}
    .footer-box:nth-child(2) {width: 21%; margin-right: 21px;}
    .footer-box:nth-child(3) { width: 21%; margin-right: 21px;}
    .footer-box:nth-child(4) { width: 21%;}
    .footer-bottom-main { width: 94%; }
    .footer-text { letter-spacing: 10.1px;}
    .footer-copyright { width: 67.5%; }
    .footer-copyright span {margin-left: 64%; }
}
/* TAblet YATAY */
@media only screen and (min-width:1000px) and (max-width:1024px) {

    .header .main { width: 96%; }
    .header-main { width: 64%;margin-right: 200px;}
    .header-top {width: 99%;}
    .search-txt{ width:91%; }
    .search-btn {right: 56.5%;}
    .header-top-phone {margin-left: -19px;}
    .header-menu li a { font-size: 13px; }
    .online-sales { right: 65px; }
    .header-menu li { margin-right: 15px;}
    .slider-left{height:420px;}
    .slider-left-title { padding-top: 27%; font-size: 27px;}
    .slider-left::after{margin-top:-16%;margin-right:-1px}
    .slider-right { width: 44%;height:420px;}
    .slider-right img {margin-left: 12px; }
    .products-container { width: 95%; }
    .p-images { margin: 60px 37px 0 50px; width: 92.4%; }
    .p-img { width: 270px; margin-right: 27px; }
    .p-img:nth-child(4n) { margin-right: 27px; }
    .represent {width: 95%;  }
    .represent-image { width: 66%; margin: -6.5% 0 0 28%;}
    .represent-img{ margin-right:16px; }
    .represent-img a {  width: 200px; }
    .represent-image .slick-next{right:-36px;}
    .online-sales-right { width: 63%; top:-90px;}
    .online-site{ width:58%; }
    .about-container { width: 95%; }
    .price-list {margin-left: 33%; }
    .online { width: 95%; } 
    .selling-products {  width: 95%; }
    .selling-image .slick-list{margin-left:20px;}
    .selling-img.slick-slide { min-width: 285px ;width:288px !important; }
    .selling-image .slick-prev{left:10px;top:44%}
    .selling-image .slick-next {right: -10px;top:44%}
    .selling-img {  margin: 0px 15px 0 15px;}
    .s-img .lbl{font-size:16px;}
    .selling-image .price{right:28%;}
    .footer-main { width: 95%; }
    .footer-box { width: 33%;margin-right: 1.5%;}
    .footer-menu {font-size: 12px }
    .footer-box:nth-child(2) { width: 20.5%;margin-right: 12px;padding: 35px 20px;}
    .footer-box:nth-child(3) { width: 20.5%;margin-right: 12px; padding: 35px 20px; }
    .footer-box:nth-child(4) { width: 20.5%; padding: 35px 25px;}
    .footer-bottom-main {width: 95%; }
    .footer-text { letter-spacing: 6.3px;}
    .footer-copyright { width: 65.5%;}
    .whatsapp{top: calc(100% - 100px);}
    .footer-copyright span { margin-left: 54%;}
}


/******* MOBİL *******/
html {
    -webkit-text-size-adjust: none;
}

.mMenu-block {
    width: 100px;
    height: 80px;
    float: left;
    margin: 0 0 10px 10px !important;
    display: table;
    position: relative;
    padding: 0 !important;
}

.mMenu-img {
    width: 100px;
    height: 50px;
    text-align: center;
    border: 1px solid #f18b5e;
    background: #FFF;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}

.mMenu-text {
    width: 100px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    font-family: 'Lato-Regular';
    font-size: 11px;
    color: #01599e;
    position: absolute;
    bottom: 0px;
}

.mMenu-img img {
    max-width: 98px;
    max-height: 48px;
}

#mMenuLink {
    display: none;
    position: absolute;
    right: 30px;
    top: 90px;
    cursor: pointer;
    color: #f6861f;
    font-size: 30px;
    z-index:2;
}

.mMenu-brands {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 40px;
    background: #FFF;
    border: 1px solid #f18b5e;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    .mMenu-brands img {
        max-width: 55px;
        max-height: 40px;
    }

.mMenu-markalar {
    padding: 2px 10px 2px 30px !important;
}

.t {
    width: 100% !important;
}


/* iphone 5/5s dikey*/
@media only screen and (max-width:359px) {
    #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 76% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo { margin-bottom: 15px;width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 95%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:25px;text-align:center;padding-top:16%;}
    .slider-left-button{margin-left:25%;}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 100%;}
    .slider-right img { margin-top:12px;height:250px; }
    .bx-wrapper img {max-width: 88% !important; }
    .slider-left::after {margin-top: -20%; }
    .products-container { width: 94%;}
    .products-left { width: 99%;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 100%;margin-right:0; }
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 70%; margin: -8.5% 0 0 17%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:96%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .about-right-btn{width:100%;margin-bottom:20px;}
    .about-right-btn2{width:100%;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 99%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 230px;max-width:300px; }
        .selling-image .slick-list{margin-left:0}.selling-img{margin:0 30px 0 30px;}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 57px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0;top:45% }
    .selling-image .slick-prev { left: 0; top:45%} .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%; }
    .footer-box { width: 100%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) { display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } 
    .footer-bottom-main { width: 94%; } 
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 95px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 5%;}
}

/*Samsung S3 dikey*/
@media only screen and (min-width:360px) and (max-width:369px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 79% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo { margin-bottom: 15px;width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 94%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:27px;text-align:center;padding-top:10%}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales{right:90px;}
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 94%;margin:0 auto;}
    .slider-right img { margin-top: 20px;height:250px; }
    .slider-left::after {margin-top: -20%; }
    .products-container { width: 93%;}
    .products-left { width: 100%;margin-top:25px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 100%;margin-right:0; }
    .represent {  width: 93%; margin-top: 40px;}
    .represent-image {width: 70%; margin: -8.5% 0 0 17%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 93%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:99%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .about-right-btn{width:100%;margin-bottom:20px;}
    .about-right-btn2{width:100%;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 93%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 99%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 93%; }
    .selling-img.slick-slide { min-width: 265px;max-width:330px}
    .selling-image .slick-list{margin-left:0}.selling-img{margin:0 30px 0 30px;}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price {right: inherit;margin-left: 77px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0; }
    .selling-image .slick-prev { left: 0; } .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%; }
    .footer-box { width: 100%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) { display: none; }
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; }
    .footer-bottom-main { width: 93%; } 
     .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 95px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 14%;}
}

/* iphone 6/6s dikey*/
@media only screen and (min-width:370px) and (max-width:389px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 80% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo {width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 94%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:28px;text-align:center;padding-top:10%}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales{right:90px;}
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 92%;margin:0 auto;}
    .slider-right img { margin-top: 20px;height:250px; }
    .slider-left-button { margin:7% 0 0 30%;}
    .slider-left::after {margin-top: -18%; }
    .products-container { width: 93%;}
    .products-left { width: 100%;margin-top:25px;}
    .products-text{margin:20px 0 35px 0}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 100%;margin-right:0; }
    .represent {  width: 93%; margin-top: 40px;}
    .represent-image {width: 70%; margin: -5.5% 0 0 17%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 93%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:100%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 93%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 99%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 93%; }
    .selling-img.slick-slide { min-width: 280px;max-width:345px;}
    .selling-image .slick-list{margin-left:8px}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 90px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0; }
    .selling-image .slick-prev { left: 0; } .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%; }
    .footer-box { width: 98%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; }
    .footer-bottom-main { width: 93%; } 
         .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 95px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 18%;}
}

/* iphone 12 Pro dikey*/
@media only screen and (min-width:390px) and (max-width:399px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 80% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo {width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 94%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:28px;text-align:center;padding-top:10%}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales{right:90px;}
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 92%;margin:0 auto;}
    .slider-right img { margin-top: 20px;height:250px; }
    .slider-left-button { margin:7% 0 0 30%;}
    .slider-left::after {margin-top: -18%; }
    .products-container { width: 93%;}
    .products-left { width: 100%;margin-top:25px;}
    .products-text{margin:20px 0 35px 0}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 100%;margin-right:0; }
    .represent {  width: 93%; margin-top: 40px;}
    .represent-image {width: 70%; margin: -5.5% 0 0 17%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 93%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:100%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 93%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 99%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 93%; }
    .selling-img.slick-slide { min-width: 280px;max-width:345px;}
    .selling-image .slick-list{margin-left:8px}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 95px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0; }
    .selling-image .slick-prev { left: 0; } .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%; }
    .footer-box { width: 98%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; }
    .footer-bottom-main { width: 93%; } 
         .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 95px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 18%;}
}

/* iphone Plus dikey*/
@media only screen and (min-width:400px) and (max-width:479px) {
    #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 82% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo {width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 94%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:26px;text-align:center;margin-right:0;}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 285px;float:none;width:100%;}
    .slider-right { height: 250px;width: 92%;margin:0 auto;}
    .slider-right img { margin-top: 20px;height:285px; }
    .slider-left::after {margin-top: -18%; }
    .products-container { width: 93%;}
    .products-left { width: 100%;margin-top:25px;}
    .p-images{width:92%;margin-top:35px;}
    .products-text{margin:25px 0 35px 0;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 48%;margin-right:13px; }
    .images .product-cell{width:80%;margin:0 auto;}
    .represent {  width: 93%; margin-top: 40px;}
    .represent-image {width: 70%; margin: -5.5% 0 0 17%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 93%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:100%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 93%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 99%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 93%; }
    .selling-img.slick-slide { min-width:315px;max-width:370px; }
     .selling-image .slick-list{margin-left:8px}
    .s-img .lbl { font-size: 16px;}
        .selling-image .price{right: inherit;margin-left: 105px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0;top:45% }
    .selling-image .slick-prev { left: 0; top:45%} .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%; }
    .footer-box { width: 98%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } 
    .footer-bottom-main { width: 93%; } 
         .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 95px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 26%;}
}

/* iphone 4 yatay*/
@media only screen and (min-width:480px) and (max-width:559px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 58% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo {width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 95%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:26px;padding-top:11%;text-align:center;}
    .search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 94%;margin:0 auto;}
    .slider-right img { margin-top: 20px; }
    .slider-left-button { margin-left: 35%;}
    .slider-left::after {margin-top: -16%; }
    .products-container { width: 94%;}
    .products-left { width: 99%;margin-top:30px;}
    .products-text{margin:20px 0 35px 0;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 48%;margin-right:15px; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 80%; margin: -5.5% 0 0 11%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:96%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 65%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 390px; }
    .selling-img{margin:0 30px 0 30px}
    .selling-image .slick-list { margin-left: 0;max-height:360px}
    .s-img .lbl { font-size: 16px;}
    .selling-image .slick-next { right: 0; }
    .selling-image .slick-prev { left: 0; } .selling-image {  margin-bottom: 55px; }
    .selling-image .price{right: inherit;margin-left: 135px; margin-bottom: -17px;position:relative;}
    .footer-main { width: 93%; }
    .footer-box { width: 100%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } 
    .footer-bottom-main { width: 94%; } 
     .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 90px);}
    .footer-copyright { width: 100%;line-height:3; }.footer-copyright span {  margin-left: 36%;}
}

/* iphone 5/5s yatay*/ 
@media only screen and (min-width:560px) and (max-width:639px) {
      #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 58% !important;}
    .header-main{width:100%;}
    .header-menu li { float: none; }
    .header-menu { display: none;}
    .logo {width:95px;height:95px;}.logo img{width:75px;height:75px;margin:9px 0 0 9px;}
    .header .main { width: 95%; }
    .header-top-left { width: 99%; }
    .header-top{padding:10px 0;}
    .slider-left-title{font-size:26px;padding-top:8%;text-align:center;}
    .slider-left-button{margin-left:36%}.search-btn { right: 6%; top:76%;}
    .header-top-right {display: none; }
    .online-sales a { margin-top: 12px;}
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 250px;float:none;width:100%;}
    .slider-right { height: 250px;width: 94%;margin:0 auto;}
    .slider-right img { margin-top: 20px; }
    .slider-left::after {margin-top: -13%; }
    .products-container { width: 94%;}
    .products-left { width: 99%;margin-top:30px;}
    .products-text{margin:20px 0 35px 0;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 48%;margin-right:15px; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 80%; margin: -5.5% 0 0 11%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { float:none;margin: 0 auto 40px auto;width:96%;height:350px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:95%;margin:0 auto;float:none;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 99%; }
    .online-site { width: 65%;margin-bottom:60px;}
    .online-sales-right {width: 67%; top: 69%;display:none;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 210px; }
    .s-img .selling-cell-image{height:240px;}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 43px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0; }
    .selling-image .slick-prev { left: 0; } .selling-image {  margin-bottom: 55px; }
    .footer-main { width: 93%;margin-top:20px; }
    .footer-box { width: 56%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } 
    .footer-bottom-main { width: 94%; } .footer-bottom{margin-top:0;}
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 100px);}
    .footer-copyright { width: 76%; }.footer-copyright span {  margin-left: 29%;}
}
/* Samsung S3 yatay*/ 
@media only screen and (min-width:640px) and (max-width:659px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 61% !important;}
    .header-menu li{float:none;}
    .header-menu{display:none;}
    .header .main { width: 95%;}
    .header-top-left{width:67%;}.search-btn{right:42.5%;}
    .header-top-right{display:none;}
    .online-sales { width: 160px; height: 45px; right: 70px;top: 25px; }
    .online-sales a{margin-top:12px;}
    .online-sales::after { content: '';  background-image: url(../images/hand.svg);  background-repeat: no-repeat; background-position: center; position: absolute; right: 12px;  top: 3px; width: 48px; height: 37px;   }
    .online-sales ::after {  content: '';  background-image: url(../images/hand.svg);     background-repeat: no-repeat;  background-position: center;   position: absolute; right: 15px;  top: 20px;width: 47px; height: 37px;display: none;  }
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 350px;}
    .slider-left-title{font-size:24px;padding-top:25%}
    .slider-left-button{margin-top:10%}
    .slider-right { height: 350px;width: 45%;}
    .slider-right img { margin: 20px 0 0 20px; height:300px;}
    .slider-left::after {margin-top: -21%;margin-right:-1px; }
    .products-container { width: 94%;}
    .products-left { width: 99%;margin-top:30px;}
    .products-text{margin:20px 0 35px 0;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 48%;margin-right:15px; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 82%; margin: -4.5% 0 0 11%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { height:350px;margin-bottom:30px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:51%;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 50%;margin-top:5%; }
    .online-site { width: 90%;margin-bottom:60px;}
    .online-sales-right {width: 52%; top: 6%;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 244px; }
    .s-img .selling-cell-image{height:240px;}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 63px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0;top:45% }
    .selling-image .slick-prev { left: 15px;top:45% } .selling-image {  margin-bottom: 55px; }.selling-image .slick-list{max-height:360px}
    .footer-main { width: 93%;margin-top:20px; }
    .footer-box { width: 57%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } 
    .footer-bottom-main { width: 94%; } .footer-bottom{margin-top:0;}
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 100px);}
    .footer-copyright { width: 77%; }.footer-copyright span {  margin-left: 38%;}
}

/* iphone 6/6s yatay*/ 
@media only screen and (min-width:660px) and (max-width:699px) {
     #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 61% !important;}
    .header-menu li{float:none;}
    .header-menu{display:none;}
    .header .main { width: 95%;}
    .header-top-left{width:67%;}.search-btn{right:42.5%;}
    .header-top-right{display:none;}
    .online-sales { width: 160px; height: 45px; right: 70px;top: 25px; }
    .online-sales a{margin-top:12px;}
    .online-sales::after { content: '';  background-image: url(../images/hand.svg);  background-repeat: no-repeat; background-position: center; position: absolute; right: 12px;  top: 3px; width: 48px; height: 37px;   }
    .online-sales ::after {  content: '';  background-image: url(../images/hand.svg);     background-repeat: no-repeat;  background-position: center;   position: absolute; right: 15px;  top: 20px;width: 47px; height: 37px;display: none;  }
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 350px;}
    .slider-left-title {
        font-size: 27px;
        padding-top: 25%
    }.slider-left-button{margin-left:25%;}
    .slider-right { height: 350px;width: 45%;}
    .slider-right img { margin: 20px 0 0 20px; height:300px;}
    .slider-left::after {margin-top: -16%;margin-right:-1px; }
    .products-container { width: 94%;}
    .products-left { width: 99%;margin-top:30px;}
    .products-text{margin:20px 0 35px 0;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: auto;  }
    .p-img:nth-child(2n) { margin-right: 0;}
    .p-img { width: 48%;margin-right:15px; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 82%; margin: -4.5% 0 0 11%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { height:350px;margin-bottom:30px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:51%;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 50%;margin-top:5%; }
    .online-site { width: 90%;margin-bottom:60px;}
    .online-sales-right {width: 53%; top: 6%;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 257px; }
    .s-img .selling-cell-image{height:240px;}
    .s-img .lbl { font-size: 16px;}
    .selling-image .price{right: inherit;margin-left: 69px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: -13px;top:37% }
    .selling-image .slick-prev { left: 12px;top:37% } .selling-image {  margin-bottom: 55px; }.selling-image .slick-list{max-height:360px}
    .footer-main { width: 93%;margin-top:20px; }
    .footer-box { width: 55%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } .footer-bottom{margin-top:0;}
    .footer-bottom-main { width: 94%; } 
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 100px);}
    .footer-copyright { width: 77%; }.footer-copyright span {  margin-left: 38%;}
}

/* iphone Plus yatay*/
@media only screen and (min-width:700px) and (max-width:759px) {
    #mMenuLink {display: block;right:20px; }
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { height: 65% !important;}
    .header-menu li{float:none;}
    .header-menu{display:none;}
    .header .main { width: 95%;}
    .header-top-left{width:74%;}.search-btn{right:38.5%;}
    .header-top-right{display:none;}
    .online-sales { width: 160px; height: 45px; right: 70px;top: 25px; }
    .online-sales a{margin-top:12px;}
    .online-sales::after { content: '';  background-image: url(../images/hand.svg);  background-repeat: no-repeat; background-position: center; position: absolute; right: 12px;  top: 3px; width: 48px; height: 37px;   }
    .online-sales ::after {  content: '';  background-image: url(../images/hand.svg);     background-repeat: no-repeat;  background-position: center;   position: absolute; right: 15px;  top: 20px;width: 47px; height: 37px;display: none;  }
    .language { height: 75px;}
    .language span {margin-top: 22px;}
    .slider-left { height: 350px;}
    .slider-right { height: 350px;width: 45%;}
    .slider-right img { margin: 20px 0 0 20px; height:300px;}
    .slider-left::after {margin-top: -16%;margin-right:-1px; }.slider-left-button{margin-top:11%}
    .products-container { width: 94%;}
    .products-left { width: 99%;margin-top:30px;}
    .products-text{margin:20px 0 35px 0;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: 30px;  }
    .p-img:nth-child(3n) { margin-right: 0;}
    .p-img { width: 30%; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent {  width: 94%; margin-top: 40px;}
    .represent-image {width: 59%; margin: -8.5% 0 0 36%;}
    .represent-img { margin: 0 10px 0 10px;}
    .represent-image .slick-prev{left:-20px;}
    .represent-image .slick-next{right:-28px;}
    .about-container { width: 94%;}
    .about-left { height:350px;margin-bottom:30px;}.about-text{letter-spacing:1px;margin-top:0;}.about-text span{letter-spacing:18px;font-size:100px;}
    .about-right{width:51%;}
    .button{width:100%;margin-bottom:20px;}
    .online-sales-site { margin-bottom: 55px; }
    .online {width: 94%; }
    .online-sales-left { width: 50%;margin-top:5%; }
    .online-site { width: 85%;margin-bottom:60px;}
    .online-sales-right {width: 55%; top: -6%;}
    .selling-products { width: 94%; }
    .selling-img.slick-slide { min-width: 289px; }
    .s-img .selling-cell-image{height:240px;}
    .s-img .lbl { font-size: 16px;}
  .selling-image .price{right: inherit;margin-left: 80px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next { right: 0; top:42%}
    .selling-image .slick-prev { left: 15px;top:42% } .selling-image {  margin-bottom: 55px; }.selling-image .slick-list{max-height:360px}
    .footer-main { width: 93%;margin-top:20px; }
    .footer-box { width: 50%;  margin: 0 auto;float: none;}
    .footer-address{font-size:13px;}
    .footer-box:nth-child(2) {display: none;}
    .footer-box:nth-child(3) {  display: none; }
    .footer-box:nth-child(4) {  display: none; }
    .footer-text {  display: none; } .footer-bottom{margin-top:0;}
    .footer-bottom-main { width: 94%; } 
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 100px);}
    .footer-copyright { width: 75%; }.footer-copyright span {  margin-left: 45%;}
}
/* Tablet Dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
     #mMenuLink { display: block;}
     .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top{height:86% !important;}
    .header-menu li{float:none;}
    .header-menu{display:none;}
    .header .main { width: 95%;}
    .header-top-left{width:72%;}.search-btn{right:40.5%;}
    .header-top-right{display:none;}
    .online-sales { width: 160px; height: 45px; right: 70px;top: 25px; }
    .online-sales a{margin-top:12px;}
    .online-sales::after { content: '';  background-image: url(../images/hand.svg);  background-repeat: no-repeat; background-position: center; position: absolute; right: 12px;  top: 3px; width: 48px; height: 37px;   }
    .online-sales ::after {  content: '';  background-image: url(../images/hand.svg);     background-repeat: no-repeat;  background-position: center;   position: absolute; right: 15px;  top: 20px;width: 47px; height: 37px;display: none;  }
    .language{height:75px;}
    .language span{margin-top:22px;}
    .slider-left{height:380px;}.slider-right{height:380px;width:44%;}.slider-right img{margin-left:20px;}
    .slider-left-button{margin-top:11%;}.slider-left-title{padding-top:24%;}
    .slider-left::after{margin-top:-18%;}
    .products-container{width:95%;}.products-left{width:99%;}
    .p-img:nth-child(4n){margin-right:auto;}.p-img:nth-child(2n){margin-right:0;}
    .p-img{width:47%;}
    .represent{width:95%;margin-top:40px;}
    .represent-image{width:58%;margin:-8.5% 0 0 36%;}
    .represent-img a{width:190px;}
    .represent-image .slick-prev{left:-20px;}
    .about-container{width:95%;}.price-list{margin-left:26%;}.about-left{margin-bottom:55px;}
    .online-sales-site{margin-bottom:55px;}.online{width:95%;}.online-sales-left{width:63%;}.online-site{width:60%;}
    .online-sales-right{width:60%;top:90px;}
    .selling-products{width:95%;}.selling-img.slick-slide{min-width:310px;}.s-img .lbl{font-size:16px;}.selling-img{margin:0 26px 0 12px}
     .selling-image .price{right: inherit;margin-left: 105px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next{right:0;top:43%} .selling-image .slick-prev{left:12px;top:44%}.selling-image{margin-bottom:55px;}
    .footer-main{width:95%;}
    .footer-box{width:50%;margin:0 auto;float:none;}
    .footer-box:nth-child(2) { display:none;}
    .footer-box:nth-child(3) { display:none;}
    .footer-box:nth-child(4) { display:none;}
    .footer-text{display:none;}
    .footer-bottom{margin-top:0;}
    .footer-bottom-main{width:95%;}
    .footer-copyright{width:74.5%;}
    .whatsapp{top: calc(100% - 100px);}
    .footer-copyright span{margin-left:46%;}
}
/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
     #mMenuLink { display: block;}
    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top{height:64% !important;top:37% !important}
    .list-name { width: 590px;height: 50px; font-size: 11px;}
    .header-menu li{float:none;}
    .header-menu{display:none;}
    .header .main { width: 95%;}
    .header-top-left{width:78%;}.search-btn{right:35.5%;}
    .header-top-right{display:none;}
    .online-sales { width: 160px; height: 45px; right: 70px;top: 25px; }
    .online-sales a{margin-top:12px;}
    .online-sales::after { content: '';  background-image: url(../images/hand.svg);  background-repeat: no-repeat; background-position: center; position: absolute; right: 12px;  top: 3px; width: 48px; height: 37px;   }
    .online-sales ::after {  content: '';  background-image: url(../images/hand.svg);     background-repeat: no-repeat;  background-position: center;   position: absolute; right: 15px;  top: 20px;width: 47px; height: 37px;display: none;  }
    .language{height:75px;}
    .language span{margin-top:22px;}
    .slider-left{height:380px;}.slider-right{height:380px;width:44%;}.slider-right img{margin-left:20px;}
    .slider-left-button{margin-top:9%;}
    .slider-left::after{margin-top:-19%;margin-right:-1px}
    .products-container{width:95%;}
    .products-left{width:99%;}
    .p-img:nth-child(4n){margin-right:auto;}
    .p-images{margin-top:30px;}
    .p-img:nth-child(4n) { margin-right: 30px;  }
    .p-img:nth-child(3n) { margin-right: 0;}
    .p-img { width: 30%; }
    .images .product-cell{width:85%;margin:0 auto;}
    .represent{width:95%;margin-top:40px;}
    .represent-image{width:56%;margin:-7.5% 0 0 37%;}
    .represent-img a{width:190px;}
    .about-container{width:95%;}.price-list{margin-left:26%;}.about-left{margin-bottom:55px;}
    .online-sales-site{margin-bottom:55px;}.online{width:95%;}.online-sales-left{width:59%;}.online-site{width:65%;}
    .online-sales-right{width:59%;top:0px;}
    .selling-products{width:95%;}.selling-img.slick-slide{min-width:310px;}.s-img .lbl{font-size:16px;}
   .selling-image .price{right: inherit;margin-left: 102px; margin-bottom: -17px;position:relative;}
    .selling-image .slick-next{right:0;} .selling-image .slick-prev{left:0;}.selling-image{margin-bottom:55px;}
    .footer-main{width:95%;margin-top:30px;}
    .footer-box{width:47%;margin:0 auto;float:none;}
    .footer-box:nth-child(2) { display:none;}
    .footer-box:nth-child(3) { display:none;}
    .footer-box:nth-child(4) { display:none;}
    .footer-text{display:none;}
    .footer-bottom{margin-top:0;}
    .footer-bottom-main{width:95%;}
    .footer-logo{width:100px;height:100px;}.footer-logo img{width:75px;height:75px;margin:12px 0 0 12px;}.whatsapp{top: calc(100% - 100px);}
    .footer-copyright{width:73.5%;}
    .footer-copyright span{margin-left:49%;}
}