.slider { width:100%; font-size:0}
.slider img { width:100%}
.box1 { width:100%; background:#e7e9f0}
.box1 .boxs { width:50%; float:left; padding:75px; color:#263339; line-height:18px; position:relative} 
.box1 .boxs:nth-child(2n+2)  { background:#0288d1;color:#fff;  }
.box1 .boxs h3 { font-size:30px ; color:#263339; margin-bottom:40px; font-weight:500;     line-height: 30px; letter-spacing:-2px}
.box1 .boxs h3 span { font-size:43px ; display:block; color:#004ea2;font-family: 'Kalam', cursive; font-weight:700  }
.box1 .boxs div { width:88%; height:100%; position:relative }
.box1 .boxs:nth-child(2n+2) div p { width:46%}
.box1 .boxs:nth-child(2n+2) div { width:100%}
.box1 .boxs:nth-child(2n+2) h3 {color:#fff  }
.box1 .boxs:nth-child(2n+2) h3 span { color:#ffb74d;  }
.box1 .boxs:nth-child(2n+2) img { position:absolute; width:auto; height:100%; right: 0%; top:0 }
header .logo { z-index:9999}
.box2 { width:100%; background:#263339}
.box2 .boxs { width:32%; float:left; padding:120px 75px; color:#fff; line-height:18px; position:relative} 
.box2 .boxs:nth-child(2n+2)  { width:68%; background:#37474f;color:#fff; min-height:inherit; }

.box2 .boxs h3 { font-size:24px ; color:#c0ca33; margin-bottom:22px; font-weight:700;  letter-spacing:-2px}

.menu-area  { width:29.5%; display:block; float:left}
.menu-area  span  {  font-size:15px; font-weight:500; clear:both; display:inline-block;color:#fff; padding:13px 39px 13px 43px; margin:1px 0;-webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius:25px; position:relative; cursor:pointer;letter-spacing: -0.2px;   }
.menu-area  span:after  { width:5px; height:5px; border-radius:50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; position:absolute; top:18px; left:19px; background:#fff; content:"" }
.menu-area  span:hover:after, .menu-area span.select:after  {  background:#1b2429; font-weight:700;}
.menu-area  span:hover,  .menu-area span.select   {  background:#c0ca33; color:#1b2429;  }
.box2 .boxs .cont-area {width: 70.5%;height:auto;padding-left: 0;float:left;}
.cont-area .tab-content { display:none; width:100%; font-size:11px; position:relative }
.cont-area .tab-content div {width: 46%;}
.cont-area .tab-content  img { position:absolute; right:0; top:0; width:auto  }
.cont-area .tab-content.current { display:inherit;  }
.logos-area { width:100%; clear:both; height:155px; display: block !important;}
.logos-area a { width:11%; height:100%; display:block; float:left; border-right:1px solid #edeeee; position:relative; cursor:default}
.logos-area a.last { width:12%; float:left; border-right:0}
.logos-area a img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; max-width:55%}
.bottom { width:100%; position:relative}
.adress-CL .bottom{ position:initial;}
.bottom img { width:100%; display:block}
.bottom .inner { width:100%; text-align:right; display:inline-block;  height:auto; position:absolute;  right:5%; top:50%; transform:translateY(-50%)}
.bottom .inner div { width:auto; display:inline-block; font-size:16px; color:#fff;margin-left: 1%;}
.bottom .inner div a{color:#fff;}
.bottom .inner div span { font-weight:700; color:#ffb74d; padding-right:10px}
.cihazlar-menu-mobil { display:none}
.show-desk {display: block !important;}
.show-mobile {display: none !important;}

.cont-area {display: block !important;}
.cihazlar-menu-480 {z-index: 2; position: relative;}

.show-mobile768 {display: none !important;}

.urun-tab-title {
    text-align: center;
    color: #fff;
    margin-bottom: 28px;
    font-size: 22px;
    letter-spacing: 0px;
}

.mobile-show {display: none;}
.mobile-hide {display: block;}

@media screen and (max-width:1600px) 
{
    .box1 .boxs:nth-child(2n+2) img { height:85%}
    }
@media screen and (max-width:1560px) 
{
    .box1 .boxs { padding:35px}
    .box1 .boxs:nth-child(2n+2) img {    height: auto;  width:50%;   top: 50%;     transform: translateY(-50%);}
    .box2 .boxs {padding: 75px 20px;}
    .menu-area  span {font-size:13px}
    .box2 .boxs .cont-area {left:0}
    .cont-area .tab-content  img {width: 50%;}
    .bottom .inner div { font-size:14px}
    #send-3 .boxs:nth-child(2) {width: 68%; background: #37474f; color: #fff;  height: 100%;  right: 0;  z-index: 0;  position: absolute;  min-height: inherit;}
    #send-3 {position: relative;}

}

@media screen and (max-width:1024px) {
    #send-2 .boxs {
        padding: 60px 35px;
    }

    #send-2 > .boxs > div > img {
        display: none;
    }

    #send-2 .boxs:nth-child(2) div p {
        width: 100%;
    }

    #send-2 .boxs:nth-child(2) {
        padding: 60px 35px 170px;
    }

    .menu-area {
        display: none
    }

    .cihazlar-menu-mobil {
        display: block
    }

    #send-3 .cont-area .tab-content div {
        width: 47%;
        float: left;
    }

    #send-3 .cont-area .tab-content img {
        position: relative;
        width: 35%;
    }

    #send-3 .boxs .cont-area {
        width: 100%;
    }

    #send-3 .cihazlar-menu-mobil {
        color: #fff;
        border: 1px solid #fff;
        background: transparent;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        width: auto;
        max-width: 230px;
        margin: 20px 0px 0px 0px;
        text-align: left;
        font-size: 13px;
        font-weight: bold;
        padding-left: 22px;
        height: 44px;
        line-height: 44px;
        position: relative;
        cursor: pointer;
        display: block;
    }

    #send-3 {
        position: relative;
    }

        #send-3 .menu-area {
            position: absolute;
            width: 230px;
            background: #fff;
            z-index: 1;
            border-radius: 20px;
        }

            #send-3 .menu-area span {
                color: #000;
                width: 100%;
                padding: 14px 14px 14px 39px;
                border-radius: 20px;
                background: transparent;
            }

        #send-3 .boxs .cont-area {
            margin-top: 25px;
        }

        #send-3 .boxs:nth-child(2) {
            width: 68%;
            right: 0px;
            height: 100%;
            position: absolute;
            background: #37474f;
            color: #fff;
            min-height: inherit;
        }

    .logos-area {
        height: 310px;
    }

        .logos-area a {
            width: 19%;
            height: 50%;
        }

    .adress-CL .inner div:first-child {
        width: 100%;
        margin-bottom: 16px;
    }

    .adress-CL {
        height: 163px;
        overflow: hidden;
    }

    .adress-CL img {width: 250%;}

}

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

    .mobile-show {display: block;}
    .mobile-hide {display: none;}

    #send-2 .boxs {width: 100%;}
    #send-3 .boxs {width: 100%;}
    #send-3 .boxs:nth-child(2)  {position: initial; width: 100%;}
    #send-3 .boxs .cont-area > .tab-content:not(div) {text-align: center;}
    #send-3 .cont-area .tab-content img {
        width: 43%;
    }

    .logos-area a img {position:initial; margin:0 auto; transform: initial; max-width:none !important; width:auto !important; height:80px}

    .logos-area a { width:100%; text-align:center;}
    .logos-area {height:auto; width:100%; padding:20px 50px}
    .logos-area.owl-theme .owl-nav {width:100%; top:36%; position:absolute; transform:translateY(-50%); width:100%; left:0}
    .logos-area.owl-theme .owl-nav .owl-prev, .owl-theme.arrow1 .owl-nav .owl-prev:hover { position:absolute; left:0px}
    .logos-area.owl-theme .owl-nav .owl-next, .owl-theme.arrow1 .owl-nav .owl-next:hover { position:absolute; right:0px}

    .tabs-owl .owl-nav {
        position: absolute;
        top: -77px;
        width: 100%;
    }

        .tabs-owl .owl-nav > div {
            top: 210px;
            position: absolute;
        }

        .tabs-owl .owl-nav > .owl-prev {left: 0px;}
        .tabs-owl .owl-nav > .owl-next { right: 0px;}

    .tabs-owl .owl-nav .owl-next {float: right; }
     .tabs-owl .owl-nav .owl-prev {float: left; }

     .cont-area {padding-left: 0px !important;}

    .show-mobile768 {
        display: block !important;
    }
    .owl-theme.arrow1 .owl-nav .owl-next, .owl-theme.arrow1 .owl-nav .owl-prev {
        width: 30px;
        height: 41px;
        background-size: 82% !important;
        background-repeat: no-repeat !important;
    }

}

@media screen and (max-width:480px) {
    .cont-area .tab-content {
        display: block !important;
    }
    #send-3 .cont-area .tab-content img {
        display: table-header-group;
    }
    #send-3 .cont-area .tab-content img {
        display: table-header-group;
    }

    .show-desk {display: none !important;}
    .show-mobile {display: block !important;}


    .cihazlar-menu-480 {
        position: relative !important;
        top: -225px;
        margin: 0 auto !important;
        width: 230px;
    }
    #send-3 .boxs {padding: 35px 20px}
    #send-3 .cont-area .tab-content div {width: 100%;}
    #send-3 .cont-area .tab-content img {width: 66%; margin: 0 auto 50px;}
    .logos-area a img {height: 57px;}
    .adress-CL img {width: 841%;}
    .adress-CL {height: 270px;}
    .adress-CL .inner div {width: 75% !important; text-align: left; margin-bottom: 10px !important;}

    .cihazlar-menu-480 {display: none;}

}

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

    .tabs-owl .owl-nav {top: 105px;}
}