.container{
    max-width: 1000px;
}

a, a:hover{
    text-decoration: none;
}

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

iframe{
    max-width: 100% !important;
}

/* * * * * * Navigation * * * * * */

    .navbar-default{
        background: transparent;
        border: 0;
    }

    .navbar-default .navbar-brand{
        height: 92px;
        width: 285px;
        margin-left: 0;
        padding: 0;
        background: url("../../images/logo.png") no-repeat 10px -5px;
    }

    .navbar-default .navbar-nav > li > a{
        color: #000;
        font-weight: bold;
        font-size: 15px;
        font-family: Blippo, sans-serif;
        padding-left: 14px;
        padding-right: 13px;
    }

    .navbar-default .navbar-nav > li:last-child > a{
        padding-right: 0;
    }

    .navbar-default .navbar-nav > li:first-child > a{
        padding-left: 0;
    }

    .navbar-default .navbar-nav{
        margin-top: 35px;
        margin-left: 10px;
    }

    .navbar-default .navbar-toggle{
        margin-top: 30px;
        background: transparent;
    }

    .navbar-default .navbar-toggle:hover{
        background: #eaeaea;
    }

/* * * * * * Navigation End * * * * * */



/* * * * * * Homepage * * * * * */

    .container header{
        width: 100%;
        height: 510px;
        background: url("../../images/orta2020.jpg") no-repeat top center;
        position: relative;
    }

    .sy-controls, .sy-pager{
        display: none !important;
    }

    #slippry{
        margin-left: 173px;
        margin-top: -4px;
        width: 654px;
        height: 330px;
    }

    .sy-slides-wrap, .sy-slides-crop{
        height: 330px !important;
    }

    .right-side{
        position: absolute;
        right: 0;
        margin-top: -67px;
        width: 210px;
        height: 135px;
    }

    #music{
        cursor: pointer;
    }

    #owl{
        width: 560px;
        float: left;
    }

    #owl .owl-controls{
        display: none !important;
    }

    .arrowOwl{
        cursor: pointer;
        float:left;
        margin-top:25px;
    }

    #owl .owl-item-container{
        background: url("../../images/anahizmetarka.jpg") no-repeat right center;
        width: 180px;
        float: left;
        height: 97px;
    }

    #owl .owl-item-container a{
        text-align: center;
        color: #333;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 130px;
        float: left;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .nasr{
        float: left;
        width: 217px;
        height: 87px;
        margin-left: 15px;
        margin-top: -20px;
        background-image: url("../../images/nasrettinhocaansayfa.jpg");
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .nasr a{
        font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#6a6060;
        float: left;
        margin-top: 67px;
        margin-left: 10px;
    }

    .uygulamalar{
        width: 325px;
        height: 200px;
        float: left;
        background: url("../../images/uygulamaarka.png") no-repeat;
        margin-top: 15px;
    }

    .uygulamalar .uyg-inner-container{
        margin-left: 20px;
        margin-top: 8px;
        width: 280px;
    }

    .uygulamalar a{
        width: 25%;
        text-align: center;
        float: left;
        margin: 10px 0;
    }

    .uygulamalar a img{
        height: 40px;
        width: 60px;
    }

    .others{
        float: left;
        margin-top: 25px;
        width: 180px;
    }

    .others a{
        float: left;
        width: 100%;
        border-bottom: 1px dotted #e2e2e2;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    .others .hava-durumu > img{
        width: 48px;
        height: 48px;
        float: left;
    }

    .others .hava-durumu > span{
        color: #635556;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 130px;
        margin-top: 15px;
        float: left;
    }

    .others .anasayfa-doviz > div{
        float: left;
        width: 50%;
    }

    .others .anasayfa-doviz .doviz-in span{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #666;
        font-size: 11px;
        line-height: 100%;
    }

    .others .anasayfa-doviz .doviz-in span > span{
        padding-left: 5px;
    }

/* * * * * * Homepage End * * * * * */



/* * * * * * Footer * * * * * */

    footer{
        width: 100%;
        min-height: 80px;
        background: #f1eeee;
        margin-top: 20px;
    }

    footer span{
        color: #665c54;
        line-height: 170%;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        float: left;
        margin-top: 10px;
    }

    footer .dataislem{
        margin-top: 25px;
        float: right;
    }

    footer .stats{
        margin-left: 30px;
    }

    footer .stats span{
        font-size: 12px;
        color: #665c54;
        margin-left: 20px;
        margin-top: 30px;
    }

/* * * * * * Footer End * * * * * */



/* * * * * * Content Page * * * * * */

    .container .content-header{
        width: 100%;
        height: 350px;
        background-image: url("../../images/icust.jpg");
        position: relative;
    }

    .container .content-header .content-header-image img{
        margin-left: 155px;
        margin-top: -5px;
    }

    .content{
        margin-top: 15px;
    }

    .content .menu{
        width: 270px;
        max-width: 100%;
        height: auto;
    }

    .content .menu-inner-container{
        width: 100%;
        height: 100%;
        float: left;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 0 11px 0 rgba(13,13,190,0.22);
           -moz-box-shadow: 0 0 11px 0 rgba(13,13,190,0.22);
                box-shadow: 0 0 11px 0 rgba(13,13,190,0.22);
    }

    .content .menu ul{
        list-style: inside url("../../images/solok.jpg");
        width: 90%;
        margin-left: 5%;
        height: 100%;
        float: left;
        padding-left: 0 !important;
        margin-top: 5px;
    }

    .content .menu ul li{
        padding: 7px 0;
        width: 100%;
        float: left;
        border-bottom: 1px dotted #e2e2e2;
    }

    .content .menu ul li a{
        font-family: "Century Gothic", sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #333;
    }

    .content .inside{
        width: 680px;
        height: auto;
        overflow: hidden;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    }

    .content .inside table, .content .inside img, .content .inside div{
    	max-width: 100% !important;
    }

    .content .inside h2{
        color: #f00;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #e2e2e2;
    }

    .content .inside ul{
        list-style-image: url("../../images/ok.jpg");
        padding-left: 25px;
        line-height: 1;
    }

    .content .inside ul li{
        padding: 0 !important;
    }

    .content .inside ul li a{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
    }

    .content .inside{
        line-height: 130% !important;
    }

    .uygulamalar-content{
    	width: 160px;
    	height: 215px;
    	overflow: hidden;
    	text-align: center;
    }

    .uygulamalar-content a img{
		width: 120px;
		height: 85px;
		float: left;
		margin-left: 20px;
    }

    .uygulamalar-content a span{
    	float: left;
    	margin-left: 20px;
    	width: 120px;
    	line-height: 180%;
    	color: #2f2d2d;
    	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    	font-size: 12px;
    }

/* * * * * * Content Page End * * * * * */



/* * * * * * Media 1050px * * * * * */

    @media (max-width: 1050px){
        #slippry{
            margin-left: 158px;
        }

        .nasr{
            width: 190px;
        }
    }

/* * * * * * Media 1050px End * * * * * */



/* * * * * * Media 992px * * * * * */

    @media (max-width: 992px) {

        .navbar{
            position: absolute;
            z-index: 99;
            width: 750px;
        }

        .navbar-default .navbar-nav{
            margin-top: 25px;
            margin-left: 0;
        }

        .navbar-collapse{
            background: rgba(255, 255, 255, .9);
        }

        .navbar-default .navbar-nav > li > a{
            border-bottom: 1px solid rgba(255,255,255,.5);
            padding-left: 0;
            color: #333;
        }

        .navbar-default .navbar-nav > li > a:hover{
            color: #555;
        }

        .navbar-default .navbar-brand{
            background-position: -25px -5px;
        }

        .container header{
            background: url("../../images/bg-responsive.jpg") no-repeat top center;
            -webkit-background-size: 100%;
            background-size: 100%;
        }

        #slippry{
            margin-left: 60px;
            margin-top: 0;
            width: 630px;
            height: auto;
        }

        .right-side{
            left: 0;
            margin-top: -67px;
            width: 750px;
            height: auto;
        }

        .right-side .col-sm-12{
            position: absolute;
        }

        .right-side .row:first-child a{
            float: left !important;
            margin-top: 25px !important;
        }

        .right-side .row:last-child a{
            float: right !important;
            margin-top: 5px !important;
            margin-right: 0 !important;
        }

        #prevOwl{
            margin-left: 40px;
        }

        .navbar-default .navbar-brand{
            height: 75px;
            width: 240px;
            margin-top: 10px;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }

        .inside, .menu{
            float: none !important;
            display: block;
            margin: 30px auto 0;
        }

        .container .content-header{
            height: 279px;
            background: url("../../images/icust-responsive.jpg") bottom center no-repeat;
            -webkit-background-size: 100%;
            background-size: 100%;
        }

        .container .content-header .content-header-image img{
            width: 520px;
            margin-top: -8px;
            margin-left: 110px;
        }

        .camradyator{
            margin-left: calc((100% - 480px) / 2);
        }

    }

/* * * * * * Media 992px End * * * * * */



/* * * * * * Media 768px * * * * * */

    @media (max-width: 768px){
        .navbar{
            width: 91%;
            margin-left: 3%;
        }

        .right-side{
            margin-top: -67px;
            width: 95%;
        }

        footer .dataislem{
            float: left;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .container{
            overflow: hidden;
        }

        .uygulamalar, .others{
            float: none;
            display: block;
            margin: 0 auto 20px;
        }

        #owl{
            width: 400px;
            margin-right: 0;
            margin-bottom: 0;
        }

        #prevOwl, .arrowOwl{
            margin-left: 5px !important;
            margin-right: 5px;
            margin-top: 30px;
        }

        .crouselRow{
            width: 500px;
            display: block;
            margin: 65px auto 0 !important;
        }

        #slippry{
            margin-left: 8%;
            margin-top: -4px;
            width: 84%;
            height: auto;
        }

        .navbar-default .navbar-brand{
            height: 55px;
            width: 200px;
            margin-top: 15px;
            background-position: 21px 0;
        }

        .container header{
            background: none;
            height: auto !important;
        }

        .sy-slides-wrap, .sy-slides-crop{
            height: 100% !important;
        }

        .right-side .col-sm-12{
            margin-left: 20px;
        }

        .content .inside{
            width: 90%;
            margin-left: 5%;
        }

        .container .content-header{
            background: none;
            height: auto;
        }

        .container .content-header .content-header-image img{
            width: 100%;
            margin-left: 0;
        }

        .content-header .navbar-default .navbar-brand{
            margin-top: 15px;
            background-position: 0 0;
        }

        .content-header .navbar-header button, header .navbar-header button{
            margin-right: 35px;
        }

        .camradyator{
            display: block !important;
            float: none !important;
            margin: 0 auto !important;
            width: 480px;
            max-width: 85%;
        }

        .camradyator img{
            max-width: 100%;
        }

        .nasr{
            width: 230px;
            height: 90px;
            margin-left: calc((100% - 230px) / 2);
            margin-top: 0px;
            margin-bottom: 10px;
        }

    }

/* * * * * * Media 768px End * * * * * */



/* * * * * * Media 530px * * * * * */

    @media (max-width: 530px){

        .right-side .col-xs-12 a{
            width: 50% !important;
            text-align: center;
        }

        .right-side .col-xs-12 a img{
            width: 80%;
            margin-left: 10%;
        }

        .right-side .col-sm-12{
            margin-top: 10px;
            margin-left: 3%;
        }

        .right-side .row:first-child a{
            float: left !important;
            margin-top: 55px !important;
        }

        .right-side .row:last-child a{
            float: right !important;
            margin-top: 35px !important;
            margin-right: 0 !important;
        }

        .arrowOwl{
            display: none;
        }

        .crouselRow{
            width: auto;
        }

        #owl .owl-item-container{
            width: 150px;
        }

        #owl{
            width: 300px;
            margin-top: 15px;
            margin-left: calc((100% - 300px) / 2);
        }

        header .navbar-default .navbar-brand{
            margin-top: 15px;
            background-position: 0 0;
        }

    }

/* * * * * * Media 530px End * * * * * */



/* * * * * * Media 330px * * * * * */

@media (max-width: 330px){

    .uygulamalar{
        width: 90%;
        margin-left: 2%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }

    .uyg-inner-container{
        width: 220px !important;
        margin-left: calc(100% - 230px) !important;
    }

    .uyg-inner-container a:nth-child(4n){
        display: none;
    }

    .uygulamalar a{
        width: 70px;
    }

    .crouselRow{
        width: auto;
        display: block;
        margin: 45px auto 0 !important;
    }

    #owl{
        width: 260px;
        margin-top: 0;
        margin-left: calc((100% - 260px) / 2);
    }

    #owl .owl-item-container{
        width: 125px;
    }

    #owl .owl-item-container a{
        font-size: 10px;
        width: 80px;
    }

    .content-header .navbar-default .navbar-brand, header .navbar-default .navbar-brand{
        height: 45px;
        width: 160px;
        margin-top: 20px;
        background-position: 0 0;
    }

    footer span{
        font-size: 11px;
    }

    footer img{
        width: 80px;
    }

}

/* * * * * * Media 330px End * * * * * */