@charset "utf-8";@font-face{font-family:MyCustomFont;src:url("Rotation-Bold.eot")}
@font-face{font-family:MyCustomFont;src:url("Rotation-Bold.ttf")}
@media screen and (min-width:960px){#mobilmenu{display:none !important;}
#headermob{display:none !important;}
.carousel{display:none !important;}
.mobilmenu{display:none !important;}
.footermobil{display:none !important;}
#wowslider-container2{display:none !important;}
}
@media only screen and (min-width:1020px) and (max-width:1366px){#footer .bottom #copy{margin:0 0 0 125px;}
}
@media screen and (max-width:480px){.container{width:315px !important;}
#header{display:none !important;}
#headermob{display:none !important;}
#headermob #logomob{width:290px;height:35px;display:block;text-indent:-99999em;background:url(../img/logo.png) no-repeat;margin:0 auto 0 auto;}
#headermob #logomob h1{display:none;}
.mobilmenu{overflow:hidden;max-width:750px !important;margin:0 auto 0 auto;color:#fff !important;font-size:16px;background:url(../img/menu.png) no-repeat #000 top right;}
.mobilmenu ul li{float:none;background:#efefef;font-size:16px;}
.mobilmenu ul li a{display:block;padding:10px 20px;color:#666;}
.mobilmenu ul li a:hover{background-color:#e5e5e5}
.menuAc{font-family:MyCustomFont, Verdana, Arial, sans-serif;padding:10px;color:#fff;font-weight:bold;cursor:pointer;display:block;}
.mobilmenu ul{display:none;}
.cbp-hrmenu{display:none !important;}
#banner{width:100% !important;height:auto !important;margin:0 auto 0 auto !important;}
#wowslider-container1{display:none !important;}
#page .detail img{width:315px !important;height:auto !important;margin:0 auto 10px auto !important;}
#modul{float:none !important;width:315px !important;height:850px !important;background:#a5a48f url(../img/bg/mobil-bg.jpg) no-repeat bottom !important;margin:10px auto 0 auto !important;}
#modul a.tumunugor{margin-top:-45px !important;}
#modul .title{text-align:center;font-size:35px !important;width:295px !important;margin:25px auto 15px auto !important;}
#modul .box{width:295px !important;height:auto !important;margin:0 auto 0 auto !important;float:none !important;}
#modul .box a{text-align:center;font-size:20px;}
.box-right{text-align:center;}
#modul .box .pic{width:295px !important;text-align:center !important;margin:10px auto 65px auto !important;}
#modul .box .pic img{width:200px !important;height:200px !important;}
#modul .box br{display:none !important;}
#modul .box p{font-size:17px !important;margin:5px 0 0 0 !important;}
#news{display:none;width:315px !important;height:50px !important;}
#news .title{float:none !important;width:310px;margin:7px 0 0 5px !important;}
#news .detail{width:310px !important;margin:0 0 0 5px !important;}
#mob{display:none !important;}
.products{width:315px !important;}
.products h2{margin:0 0 25px 0 !important;font-size:30px !important;}
.products .box{width:315px !important;margin:0 0 0 0 !important;}
.products .box .pic{width:144px !important;}
.products .box .pic img{width:144px !important;}
.nomargin{float:left !important;}
#navigasyon{width:315px !important;margin:35px auto 30px auto !important;}
#navigasyon .box1{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box2{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box3{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;;}
#footer{width:315px !important;height:auto !important;background:#b9b8a2 !important;}
#footer .top{display:none !important;}
.footermobil{width:315px;padding:5px 0 5px 0;}
.footermobil ul{}
.footermobil li{margin:5px 0 5px 5px;padding:0 0 0 20px;background:url(../img/footerlist.png) left center no-repeat;}
#nomargin{float:left !important;}
#footer .bottom{height:25px !important;}
#footer .bottom #copy{float:none !important;}
#footer .bottom #imza{display:none !important;}
#footer .bottom #social{display:none !important;}
#page{width:315px !important;}
    #page iframe {
        width:100%;
        height:auto;
    }
#page .left{width:315px !important;}
#page .detail{width:315px !important;}
#page .right{float:left!important;padding:0!important}
.page-nav{display:none !important;}
#tab-menu{width:315px !important;}
.tab-menu a{width:295px !important;}
.tabmenuContent{width:295px !important;}
.davet{display:none !important;}
#onkayit{padding:15px 0 15px 0 !important;width:260px !important}
.tabmenuContent iframe{width:315px !important;height:198px !important;}
.tabmenuContent .details{width:315px !important;}
#contactdetail{width:315px !important;}
#contactform{width:315px !important;}
#references img{margin:0 auto 8px 50px !important;}
.form-control{width:285px !important;margin:0 0 10px 0 !important;}
.form-control1{width:300px !important;margin:0 0 0 0 !important;}
.form-control2{width:290px !important;}
.margin30{display:none !important;}
}
@media only screen and (max-width:767px) and (min-width:460px){.margin30{display:none !important;}
.container{width:315px !important;}
#header{display:none !important;}
#headermob{display:none !important;}
#headermob #logomob{width:290px;height:35px;display:block;text-indent:-99999em;background:url(../img/logo.png) no-repeat;margin:0 auto 0 auto;}
#headermob #logomob h1{display:none;}
.mobilmenu{overflow:hidden;max-width:750px !important;margin:0 auto 0 auto;color:#fff !important;font-size:16px;background:url(../img/menu.png) no-repeat #000 top right;}
.mobilmenu ul li{float:none;background:#efefef;font-size:16px;}
.mobilmenu ul li a{display:block;padding:10px 20px;color:#666;}
.mobilmenu ul li a:hover{background-color:#e5e5e5}
.menuAc{font-family:MyCustomFont, Verdana, Arial, sans-serif;padding:10px;color:#fff;font-weight:bold;cursor:pointer;display:block;}
.mobilmenu ul{display:none}
.cbp-hrmenu{display:none !important;}
#banner{width:100% !important;height:auto !important;margin:0 auto 0 auto !important;}
#wowslider-container1{display:none !important;}
#modul{float:none !important;width:315px !important;height:700px !important;background:#a5a48f url(../img/bg/mobil-bg.jpg) no-repeat !important;margin:10px auto 0 auto !important;}
#modul a.tumunugor{margin-top:-45px !important;}
#modul .title{text-align:center;width:295px !important;margin:25px auto 15px auto !important;}
#modul .box{width:295px !important;height:auto !important;margin:0 auto 0 auto !important;float:none !important;}
#modul .box a{text-align:center;font-size:20px;}
.box-right{text-align:center;}
#modul .box .pic{width:295px !important;text-align:center !important;margin:10px auto 30px auto !important;}
#modul .box .pic img{width:160px !important;height:160px !important;}
#modul .box br{display:none !important;}
#modul .box p{font-size:14px !important;margin:5px 0 0 0 !important;}
#news{display:none;width:315px !important;height:50px !important;}
#news .title{float:none !important;width:310px;margin:7px 0 0 5px !important;}
#news .detail{width:310px !important;margin:0 0 0 5px !important;}
#mob{display:none !important;}
.products{width:315px !important;}
.products h2{margin:0 0 25px 0 !important;font-size:30px !important;}
.products .box{width:315px !important;margin:0 0 0 0 !important;}
.products .box .pic{width:144px !important;}
.products .box .pic img{width:144px !important;}
.nomargin{float:left !important;}
#navigasyon{width:315px !important;margin:35px auto 30px auto !important;}
#navigasyon .box1{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box2{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box3{float:none !important;width:295px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;;}
#footer{width:315px !important;height:auto !important;background:#b9b8a2 !important;}
#footer .top{display:none !important;}
.footermobil{width:315px;padding:5px 0 5px 0;}
.footermobil ul{}
.footermobil li{margin:5px 0 5px 5px;padding:0 0 0 20px;background:url(../img/footerlist.png) left center no-repeat;}
#nomargin{float:left !important;}
#footer .bottom{height:25px !important;}
#footer .bottom #copy{float:none !important;}
#footer .bottom #imza{display:none !important;}
#footer .bottom #social{display:none !important;}
#page{width:315px !important;}
#page .left{width:315px !important;}
#page .detail{width:315px !important;}
#page .right{display:none !important;}
.page-nav{display:none !important;}
#tab-menu{width:315px !important;}
.tab-menu a{width:295px !important;}
#onkayit{padding:15px 0 15px 0 !important;width:260px !important}
.tabmenuContent{width:295px !important;}
.tabmenuContent iframe{width:315px !important;height:198px !important;}
.tabmenuContent .details{width:315px !important;}
#contactdetail{width:315px !important;}
#contactform{width:315px !important;}
#references img{margin:0 auto 8px 50px !important;}
.form-control{width:285px !important;margin:0 0 10px 0 !important;}
.btn-default{width:275px !important;margin:10px auto 0 18px !important;}
.form-control1{width:300px !important;margin:0 0 0 0 !important;border:none !important;box-shadow:none !important;}
.form-control2{width:290px !important;}
}

@media only screen and (max-width:1365px) and (min-width:768px){.container{width:100% !important;}
#header{width:100% !important;}
#header .logo{margin:10px 0 0 0 !important;}
.cbp-hrmenu{width:700px !important;}
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner{width:1000px !important;}
.cbp-hrsub h4{font-size:15px !important;}
.cbp-hrsub-inner ul li{font-size:14px !important;}
#modul{/*float:none !important;*/width:100% !important;height:500px !important;background:#a5a48f !important;margin:0 auto 0 auto !important;}
    #modul .box {
        width: 100% !important;
        height: auto !important;
        margin: 15px auto 0 10px !important;
        float: left !important;
    }
#modul .box br{display:none !important;}
    #modul .box p {
        font-size: 15px !important;
        margin: 25px 0 0 0 !important;
    }
#news{width:1000px !important;height:35px !important;}
.products{width:1000px !important;}
.products h2{margin:0 0 25px 0 !important;font-size:30px !important;}
.products .box{width:300px !important;margin:0 30px 0 0 !important;}
.products .box .pic{width:120px !important;}
.products .box .detail{width:160px !important;}
.products .box .pic img{width:120px !important;height:auto !important;}
.nomargin{float:left !important;}
#navigasyon{width:1000px !important;}
#navigasyon p{margin:15px 0 15px 0 !important;}
#navigasyon br{margin:0 0 1px 0 !important;}
#navigasyon .box1{width:300px !important;margin:0 21px 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box2{width:300px !important;margin:0 0 10px 0 !important;padding:10px 10px 30px 10px !important;}
#navigasyon .box3{width:300px !important;margin:0 0 0 0 !important;padding:10px 10px 30px 10px !important;;}
#footer{height:auto !important;background:#a5a48f !important;width:1000px !important;}
#footer .top{width:1000px !important;height:auto !important;}
#footer .menu{width:155px !important;margin:10px 0 0 5px !important;}
#nomargin{float:left !important;}
.margin30{width:1000px !important;}
#footer .bottom{height:50px !important;}
#footer .bottom #copy{float:none !important;margin:0 auto 0 auto !important;}
#footer .bottom #imza{float:none !important;margin:0 auto 0 auto !important;}
#footer .bottom #social{display:none !important;}
#page{width:1000px !important;}
#page .left{width:650px !important;}
#page .detail{width:650px !important;}
#page .right{width:300px !important;}
#page .right ul{width:300px !important;}
#tab-menu{width:650px !important;}
.tabmenuContent{width:630px !important;}
.tabmenuContent .details{width:430px !important;}
#contactdetail{width:280px !important;}
}


@media only screen and (min-width:768px) and (max-width:1240px) and (orientation:portrait) {
    .container {
        width: 100% !important;
    }

    #header {
        display: none !important;
    }

    .mobilmenu {
        display:block!important;
    }
    #headermob {
        display: none !important;
    }

        #headermob #logomob {
            width: 290px;
            height: 35px;
            display: block;
            text-indent: -99999em;
            background: url(../img/logo.png) no-repeat;
            margin: 0 auto 0 auto;
        }

            #headermob #logomob h1 {
                display: none;
            }

    .mobilmenu {
        overflow: hidden;
        width: 750px !important;
        margin: 0 auto 0 auto;
        background: url(../img/menu.png) no-repeat #000 top right;
    }

        .mobilmenu ul li {
            float: none;
            background: #efefef;
            font-size: 16px;
        }

            .mobilmenu ul li a {
                display: block;
                padding: 10px 20px;
                color: #666;
            }

                .mobilmenu ul li a:hover {
                    background-color: #e5e5e5
                }

    .menuAc {
        font-family: MyCustomFont, Verdana, Arial, sans-serif;
        padding: 10px;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        display: block;
    }

    .mobilmenu ul {
        display: none
    }

    .cbp-hrmenu {
        display: none !important;
    }

    #banner {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto 0 auto !important;
    }

    #wowslider-container1 {
        width: 750px !important;
        height: 400px !important;
    }

        #wowslider-container1 .ws_images {
            height: 400px !important;
        }

            #wowslider-container1 .ws_images img {
                height: 400px !important;
            }

        #wowslider-container1 .ws-title {
            display: none !important;
        }

    #wowslider-container2 {
        display: none !important;
    }

    #modul {
        float: none !important;
        width: 750px !important;
        height: 500px !important;
        background: #a5a48f !important;
        margin: 0 auto 0 auto !important;
    }

        #modul .title {
            width: 100% !important;
            margin: 5px auto 0 10px !important;
        }

        #modul .box {
            width: 100% !important;
            height: auto !important;
            margin: 10px auto 0 10px !important;
            float: left !important;
        }

    .cozum-container {
        padding-left: 0 !important;
    }

    #modul .box br {
        display: none !important;
    }

    #modul .box p {
        font-size: 15px !important;
        margin: 20px 10px 0 0 !important;
    }

    #news {
        display: none;
        width: 750px !important;
        height: 50px !important;
    }

        #news .title {
            float: none !important;
            width: 310px;
            margin: 7px 0 0 5px !important;
        }

        #news .detail {
            width: 310px !important;
            margin: 0 0 0 5px !important;
        }

    .products {
        width: 750px !important;
    }

    .carousel {
        display: none !important;
    }

    .products h2 {
        margin: 0 0 25px 0 !important;
        font-size: 30px !important;
    }

    .products .box {
        width: 250px !important;
        margin: 0 0 0 0 !important;
    }

        .products .box .pic {
            width: 100px !important;
        }

        .products .box .detail {
            width: 140px !important;
        }

        .products .box .pic img {
            width: 100px !important;
            height: auto !important;
        }

    .nomargin {
        float: left !important;
    }

    #navigasyon {
        width: 750px !important;
    }

        #navigasyon p {
            margin: 15px 0 15px 0 !important;
        }

        #navigasyon br {
            margin: 0 0 1px 0 !important;
        }

        #navigasyon .box1 {
            width: 220px !important;
            margin: 0 15px 10px 0 !important;
            padding: 10px 10px 30px 10px !important;
        }

        #navigasyon .box2 {
            width: 220px !important;
            margin: 0 0 10px 0 !important;
            padding: 10px 10px 30px 10px !important;
        }

        #navigasyon .box3 {
            width: 220px !important;
            margin: 0 0 0 0 !important;
            padding: 10px 10px 30px 10px !important;
            ;
        }

    #footer {
        height: auto !important;
        background: #a5a48f !important;
        width: 750px !important;
    }

    .footermobil {
        display: none !important;
    }

    #footer .top {
        width: 650px !important;
        height: auto !important;
    }

    #footer .menu {
        width: 175px !important;
        margin: 10px 6px 0 10px !important;
    }

    #nomargin {
        float: left !important;
    }

    .margin30 {
        width: 750px !important;
    }

    #footer .bottom {
        height: 70px !important;
    }

        #footer .bottom #copy {
            float: none !important;
        }

        #footer .bottom #imza {
            float: none !important;
            margin: 0 auto 0 auto !important;
        }

        #footer .bottom #social {
            display: none !important;
        }

    #page {
        width: 750px !important;
    }

        #page .right {
            display: none !important;
        }

    #contactdetail {
        float: none !important;
    }

    #contactform {
        float: none !important;
    }
}

.carousel{position:relative;overflow:hidden;padding:2em 0 2em 0;margin-bottom:0;}
.carousel h5{color:#e9793a;font-size:25px;font-weight:lighter;margin:20px 0 5px 0;}
.carousel span{color:#66031f;font-size:25px;font-weight:lighter;margin:20px 0 5px 0;}
.carousel h2{color:#605f57;font-size:34px;text-align:center;font-weight:600;margin:0 0 34px 0;}
.carousel .forward,
.carousel .backward{position:absolute;top:50%;width:6em;height:12em;margin-top:-6em;cursor:pointer;}
.carousel .forward{right:0;}
.carousel .backward{left:0;}
.carousel .forward:before,
.carousel .backward:before{content:'';display:block;width:6em;height:6em;border-radius:100%;background-color:rgba(72,57,73, 0.5);position:absolute;top:50%;margin-top:-3em;-moz-transition:background-color 0.35s ease-in-out;-webkit-transition:background-color 0.35s ease-in-out;-o-transition:background-color 0.35s ease-in-out;-ms-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out;-webkit-backface-visibility:hidden;}
.carousel .forward:after,
.carousel .backward:after{content:'';width:3em;height:3em;position:absolute;top:50%;margin:-1.5em 0 0 0;background:url('../img/arrow.svg') no-repeat center center;}
.carousel .forward:after{right:-0.25em;}
.carousel .backward:after{left:-0.25em;-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}
.carousel .forward:before{right:-3em;}
.carousel .backward:before{left:-3em;}
.carousel .forward:hover:before,
.carousel .backward:hover:before{background-color:rgba(239,131,118, 0.75);}
.carousel .reel{white-space:nowrap;position:relative;-webkit-overflow-scrolling:touch;padding:0 2em 0 2em;}
.carousel article{display:block;width:190px;text-align:center;padding:0 1em 0em 1em;margin:0 auto; white-space:normal;opacity:1.0;-moz-transition:opacity 0.75s ease-in-out;-webkit-transition:opacity 0.75s ease-in-out;-o-transition:opacity 0.75s ease-in-out;-ms-transition:opacity 0.75s ease-in-out;transition:opacity 0.75s ease-in-out;}
.carousel article img{width:225px !important;height:150px !important;}
.carousel article.loading{opacity:0;}
.carousel article .image{position:relative;left:-1em;top:10px;width:auto;margin-right:-2em;margin-bottom:3em;}
.carousel article p{text-align:center;font-size:18px;}



@media (max-width:768px) {
    .sagmakale {
        overflow-x: hidden!important;
    }

    #page .right ul, #page .right li {
        width: 100% !important;
    }
    .ac-container {
        width: 100% !important;
    }

    #page .right {
        width: 100% !important;
    }

    .cozum-container {
        padding: 0 !important;
    }
    #modul {
        height:auto!important;
    }
    #modul .box a {
        font-size: 15px;
    }

    #modul .box p {
        font-size:15px!important;
    }
}