/* CSS İskender'in pcde oluşturulmuştur. */

/* TODO: Ekran Boyutu 480px ile 320px arası */
@media only screen and (max-width: 480px) {
    body{
        -webkit-overflow-scrolling: touch;
        font-family: "Times New Roman", Times, serif;
    }
    .content_max{
        width: auto;
        margin:auto;
        padding: 10px;
    }
    .header{
        height: 91px;
        overflow: hidden;
        position: relative;
        background : #eeedea;
        background : -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeedea), color-stop(1, #ffffff));
        background : -ms-linear-gradient(bottom, #eeedea, #ffffff);
        background : -moz-linear-gradient(center bottom, #eeedea 0%, #ffffff 100%);
        background : -o-linear-gradient(#ffffff, #eeedea);
        filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eeedea', GradientType=0);
    }
    .header .top_bar,.menu_wr{
        display: none;
    }

    .header .min_logo{
        width:197px;
        height: 60px;
        top: 50%;
        left:10px;
        display: block;
        margin-top:-28px;
        position: absolute;
    }
    .header .min_logo img{
        position: absolute;
        width:100%;
        height: 100%;
        background: url("../images/logo_Alkan_Alkan.png")no-repeat center;
        background-size: contain!important;
    }

    .header .mobil_lang{
        position: absolute;
        right:45px;
        display: block;
        top:55%;
        margin-top:-10px;
    }
    .header .mobil_lang .menu a{
        margin-left: 5px;
        color: #2e3045;
    }
    .header .mobil_lang .menu a:active{
        font-weight: bold;
    }

    .header .mobil_icon{
        display: block;
        position: absolute;
        width:25px;
        height: 25px;
        right:10px;
        z-index: 99;
        top:54%;
        margin-top:-12.5px;
    }
    .header .mobil_icon span{
        width:100%;
        height: 4px;
        background: #2e3045;
        top: 50%;
        margin-top: -2px;
        position: absolute;
        border-radius: 1px;
    }
    .header .mobil_icon span:after{
        content: '';
        width:100%;
        height: 4px;
        background: #2e3045;
        top: 7px;
        position: absolute;
    }
    .header .mobil_icon span:before{
        content: '';
        width:100%;
        height: 4px;
        background: #2e3045;
        top: -7px;
        position: absolute;
    }
    .header .menuwrapper{
        width:100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        display: none;
        background: rgba(0, 0, 0, 0.90);
        box-sizing: border-box;
    }
    .header .menuwrapper .close{
        color: #fff;
        position: absolute;
        margin-top: 0;
        margin-left: 0;
        width: 25px;
        height: 25px;
        right:10px;
        top:20px;
    }
    .header .menuwrapper .close:before {
        content: '';
        position: absolute;
        top: 10px;
        width: 25px;
        height: 4px;
        background-color: currentColor;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .header .menuwrapper .close:after {
        content: '';
        position: absolute;
        top: 10px;
        width: 25px;
        height: 4px;
        background-color: currentColor;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header .menuwrapper ul{
        margin:0 40px;
        position: relative;
        top:50%;
        list-style: none;
        padding: 0;
        transform: translate(0,-50%);
        box-sizing: border-box;
        text-align: center;
    }
    .header .menuwrapper ul li a{
        color: rgba(255, 255, 255, 0.80);
        font-size: 25px;
        line-height: 50px;
        display: block;
        font-weight: bold;
    }

    .content .banner_wr {
        width      : 100%;
        height     : 300px;
        /*background : url("../images/back_headerBannerRepeat.png") repeat-x;*/
    }

    .content .banner_wr .banner_pics {
        width      : 100%;
        height     : 300px;
        margin     : auto;
        overflow: hidden;
        background: none!important;

    }
    .content .banner_wr .banner_pics .bgpics {
        position: absolute;
        width:100%;
        height: 100%;
        background : url("../pics/pics_headerBannerPics.jpg") no-repeat 88% 80%;
        z-index : 0;
        background-size: cover!important;
    }
    .content .banner_wr .banner_pics .bgpics  img{
        position: relative;
        width:100%;
        height: 300px;
        display: none;
    }
    .content .banner_wr .banner_txt {
        display : block;
        left:50%;
        top:60%;
        transform: translate(-50%,-50%);
        width   : 90%;
        height  : auto;
        z-index : 1;
        position: absolute;
        text-align: center;
    }
    .content .banner_wr .banner_txt  div .title {
        display     : block;
        font-size   : 25px;
        line-height : 1.1em;
        color       : #fff;
        text-shadow: 0 1px 10px #777,0 1px 20px #999;
    }
    .content .banner_wr .banner_txt  div .spot {
        display   : block;
        width: auto;
        font-size : 18px;
        color     : #fff;
        margin    : 18px 0 0 0;
        text-shadow: 0 1px 10px #777,0 1px 20px #999;
    }
    .content .page_header h1{
        display:block;
        font-size:23px;
        line-height: 120px;
        color:#FFF;
        margin:0;
        font-weight: normal;
    }
    .mobbosluk{
        display: block;
        height: 120px;
    }
    .content .Main .profpics{
        width:160px;
        height: 180px;
        position: absolute;
        display: block;
        right: 10px;
        top: -30px;
    }
    .content .Main .box {
        display            : block;
        float              : none;
        margin             : 40px auto;
        position           : relative;
        width              : auto;
        height             : 260px;
        vertical-align     : top;
        background-size    : cover!important;
        -webkit-box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.25);
        box-shadow         : 0 0 5px 0 rgba(0, 0, 0, 0.25);
    }
    .content .Main .box:nth-child(3){
        margin             : 40px auto;
    }
    .content .Main .box .cnt_txt {
        padding : 20px 0 0 20px;
        width   : auto;
    }
    .content .Main .mak_wr .mak_box {
        display      : block;
        float        : none;
        margin:0;
        width        : auto;
        height       : 260px;
    }
    .content .Main .mak_wr .mak_box:nth-child(2) {
        margin:0;!important;
    }
    .content .Main .contact_wr .right_bar {
        display        : block;
        width          : auto;
        vertical-align : top;
        padding-top: 17px;
    }
    .content .Main article {
        padding-top:20px;
    }
    .content .Main article p {
        padding: 0!important;
        margin: 0!important;
    }
    .content .Main article .artc_pics {
        float    : none;
        display : block;
        width    : auto;
        height   : 260px;
        position : relative;
        padding  : 0;
        margin-right:0;
        margin-bottom: 20px;
    }

    .content .Main .error_wr {
        width      : auto;
        min-height : 220px;
        margin     : auto;
        position   : relative;
        text-align: center;
    }
    .content .Main .error_wr .error img {
        width: 80px;
        height: 65px;
        display: block;
        margin: 10px auto;
        vertical-align: middle;
    }
    .content .Main .error_wr .error {
        width: 90%;
        position  : absolute;
        left      : 50%;
        top       : 50%;
        transform : translate(-50%, -50%);
        font-size:22px;
        color:#2E3045;
    }
    .content .mail_wr {
        display: none;
    }

    .content .Main .contact_wr {
        width   : auto;
        display : block;
        margin  : auto;
        padding : 20px;
    }
    .content .Main .contact_wr .left_bar {
        display:block;
        width:auto;
        vertical-align:top;
        padding-top: 10px;
    }
    .content .Main .contact_wr .right_bar {
        display:block;
        width:auto;
        vertical-align:top;
        padding-top: 10px;
    }
    .content .Main .contact_wr .left_bar .info_wr {
        display:block; width:auto;
        margin-bottom: 50px;
    }
    .content .Main .contact_wr .left_bar .info_wr  .info_tr{
        display:block;
    }
    .content .Main .contact_wr .left_bar .info_wr  .info_tr .td1{
        width:27%;
    }
    .content .Main .contact_wr .left_bar  iframe{
        display: block;
        width: 100%;
        padding: 0;
        vertical-align: top;
        position: relative;
        height: 260px;
    }
    .content .Main .contact_wr .right_bar .frm_td{
        display: block;
        width: auto;
    }
    .content .Main .contact_wr .right_bar .frm_captcha{
        display:inline-block; vertical-align:middle; margin-top:3px;margin-left:1px;
    }
    .footer{
        padding: 10px;
    }
    .footer .footer_cnt{
        display:block;
        width:auto;
        height:auto;
        margin:0;
    }
    .footer .footer_cnt .foot_menu{
        display: none;
    }
    .footer .footer_cnt .footer_tcell .copy{
        float:none;
        text-align:center;
    }
    .footer .footer_cnt .footer_tcell .power{
        float:none;
        text-align:center;
        margin:0;
        padding: 0;
    }
    .footer .footer_cnt .footer_tcell .copy span{
        color:#C8C9D3; font-size:15px;
    }
}