/* ********************* Mobil ********************* */

/* iPhone 6 in Dik */
@media only screen
and (max-device-width : 480px)
and (orientation : portrait) {

    #header .header-block .logo{display: block;text-align: center;}
    #header .header-block .logo a img{ width: 70%; display: inline-block;}
    #header .header-block .navbar{margin:0 0 0 0;}
    #header .header-block .navbar-default{display: block;float: none;}
    .navbar-nav{margin:0 10px 0 10px;}
    #header .header-block .navbar-default .navbar-nav li a{display: block;}

    .slider .home-slider-block .item{overflow: hidden;}
    .slider .home-slider-block .item .left{display: none; width: 100%; }
    .slider .home-slider-block .item .left .left-block{padding:20px; display: inline-block; top:150px; background: rgba(0,0,0,0.7);}
    .slider .home-slider-block .item .left .left-block .title{color:#fff; }
    .slider .home-slider-block .item .left .left-block .content{display: none;}
    .slider .home-slider-block .item .left .left-block .link a{color:#fff; border-color:#fff;}
    .slider .home-slider-block .item .right{display: block; width: 100%;}
    .slider .home-slider-block .homeslider-control{left:10px; bottom:10px;}
    .slider .home-slider-block .item .right .shape{width: 100%; height:100%;}

    #footer .bottom {display: block; text-align: center;}
    #footer .bottom ul.links {display: inline-block;}
    #footer .bottom .copyright{text-align: center;}

    .sidebar{display: block; margin: 0 0 30px 0;}
    #main #content .content.projects-page .projects-block .projects .links{display: none;}
    #main #content .content.projects-page .projects-block .projects .projects-info .title{margin:20px 0 10px 0;}
    #main #content .content.contact-us .contact-maps{overflow: hidden}
    #main #content .content.contact-us .contact-form .info-block{width: 100%; position: static; bottom:0; padding: 20px; margin: 0 0 30px 0;}
    #main #content .content.contact-us .contact-form .info-block ul li{margin: 0 0 10px 0}
    #main #content .content.contact-us .contact-form .info-block ul li .con-item .left{width: 100%;}
    #main #content .content.contact-us .contact-form .info-block ul li .con-item .right{width: 100%;}
    #main #content .content.contact-us .contact-form{margin:0;}
    #main #content .content.contact-us .contact-form input.form-control{}
    #main #content .content.contact-us .contact-form .guvenlik-span{width:100px;}
    #main #content .content.contact-us .contact-form input.form-control.guvenlik{width: 201px;}
    #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control{top:64px;}

}


/* iPhone 6 in Yan */
@media only screen
and (max-device-width : 480px)
and (orientation : landscape) {
    #header .header-block .logo{display: block;text-align: center;}
    #header .header-block .logo a img{display: inline-block; width: 70%;}
    #header .header-block .navbar{margin:0 0 0 0;}
    #header .header-block .navbar-default{display: block;float: none;}
    .navbar-nav{margin:0 10px 0 10px;}
    #header .header-block .navbar-default .navbar-nav li a{display: block;}

    .slider .home-slider-block .item{overflow: hidden;}
    .slider .home-slider-block .item .left{display: none; width: 100%; }
    .slider .home-slider-block .item .left .left-block{padding:20px; display: inline-block; top:150px; background: rgba(0,0,0,0.7);}
    .slider .home-slider-block .item .left .left-block .title{color:#fff; }
    .slider .home-slider-block .item .left .left-block .content{display: none;}
    .slider .home-slider-block .item .left .left-block .link a{color:#fff; border-color:#fff;}
    .slider .home-slider-block .item .right{display: block; width: 100%;}
    .slider .home-slider-block .homeslider-control{left:10px; bottom:10px;}
    .slider .home-slider-block .item .right .shape{width: 100%; height:100%;}

    .sidebar{display: block; margin: 0 0 30px 0;}
    #main #content .content.projects-page .projects-block .projects .links{display: none;}
    #main #content .content.projects-page .projects-block .projects .projects-info .title{margin:20px 0 10px 0;}
    #main #content .content.contact-us .contact-maps{overflow: hidden}
    #main #content .content.contact-us .contact-form .info-block{width: 100%; position: static; bottom:0; padding: 20px; margin: 0 0 30px 0;}
    #main #content .content.contact-us .contact-form .info-block ul li{margin: 0 0 10px 0}
    #main #content .content.contact-us .contact-form .info-block ul li .con-item .left{width: 100%;}
    #main #content .content.contact-us .contact-form .info-block ul li .con-item .right{width: 100%;}
    #main #content .content.contact-us .contact-form{margin:0;}
    #main #content .content.contact-us .contact-form input.form-control{}
    #main #content .content.contact-us .contact-form .guvenlik-span{width:100px;}
    #main #content .content.contact-us .contact-form input.form-control.guvenlik{width: 201px;}
    #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control{top:64px;}

    #footer .bottom {display: block; text-align: center;}
    #footer .bottom ul.links {display: inline-block;}
    #footer .bottom .copyright{text-align: center;}


}




/* ********************* Tablet ********************* */
/* Yan */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    #header .header-block .logo{display: block;text-align: center;}
    #header .header-block .logo a img{display: inline-block; height: 80px;}
    #header .header-block .navbar{margin:15px 0 0 0;}
    #header .header-block .navbar-default{display: block;float: none;}
    .navbar-nav{margin:0 10px 0 10px;}
    #header .header-block .navbar-default .navbar-nav li a{display: block;}

    .slider .home-slider-block .item{overflow: hidden; margin: 0 20px;}
    .slider .home-slider-block .item .left .left-block{display: inline-block; top:0px;}
    .slider .home-slider-block .item .right .shape{width: 100%; height:100%;}
    .slider .home-slider-block .homeslider-control{ bottom: -20px;}

    .projeler {margin: 70px 0 0 0;}
    .projeler .projeler-block .proje{height: 350px;}
    .projeler .projeler-block .proje .content {padding: 10px 15px}
    .projeler .projeler-block .proje .content .date span{font-size: 13px; line-height: 16px;}
    .projeler .projeler-block .proje .content .title{font-size: 16px; line-height: 20px;}

    #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control{top:150px;}
    #main #content .content.projects-page .projects-block .projects .links{display: none;}
    #main #content .content.projects-page .projects-block .projects .projects-info .title{margin:20px 0 10px 0;}

    #footer .bottom {display: block; text-align: center;}
    #footer .bottom ul.links {display: inline-block;}
    #footer .bottom .copyright{text-align: center;}

}

/* Dik */
@media only screen
and (min-device-width : 480px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    #header .header-block .logo{display: block;text-align: center;}
    #header .header-block .logo a img{display: inline-block; height: 80px;}
    #header .header-block .navbar{margin:15px 0 0 0;}
    #header .header-block .navbar-default{display: block;float: none;}
    .navbar-nav{margin:0 10px 0 10px;}
    #header .header-block .navbar-default .navbar-nav li a{display: block;}

    .slider .home-slider-block .item{overflow: hidden; margin: 0 20px;}
    .slider .home-slider-block .item .left .left-block{display: inline-block; top:0px;}
    .slider .home-slider-block .homeslider-control a{width: 30px; height:30px; font-size: 14px; padding:6px 0 0 0;}
    .slider .home-slider-block .item .right .shape{width: 100%; height:100%;}
    .slider .home-slider-block .homeslider-control{ bottom: -20px;}

    .projeler {margin: 70px 0 0 0;}
    .projeler .projeler-block .proje{height: 350px;}
    .projeler .projeler-block .proje .content {padding: 10px 15px}
    .projeler .projeler-block .proje .content .date span{font-size: 13px; line-height: 16px;}
    .projeler .projeler-block .proje .content .title{font-size: 16px; line-height: 20px;}

    #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control{top:90px;}

    #footer .bottom {display: block; text-align: center;}
    #footer .bottom ul.links {display: inline-block;}
    #footer .bottom .copyright{text-align: center;}



}