/* max-width degiskeni = window.innerWidth*/

#top_content {display:none;}

@media only screen and (min-width: 1048px) { 
    #gereksiz {}

    #page       {width: 100%;max-width: 1200px;}
    #wrap       {grid-template-columns: 55% auto;
                grid-column-gap: 4%;
                padding:0 1% 0 2%;}
}
 
@media only screen and (max-width: 1047px) { 
    #gereksiz {}
    body        {margin: 0;}
    #page       {width: 100%;max-width:100%;margin:0;}
    #wrap       {padding: 0 2%!important;}
}
    
@media only screen and (max-width: 1020px) { 
    #gereksiz {}
    .menu-header {width: calc(100% - 28px);}
}
    

@media screen and (max-width: 768px) { /* header rightsidebar gocuyor */
    #gereksiz {}


    .nav-toggle             {display: block!important;}

    #footer          {width: 100%;}
    #page                   {
                             position:absolute!important;
                             top: 36px;
                             }    

    #header-right           {
                             height: 36px;
                             background-color: #574f4f;
                             position: fixed;
                             top:0;
                             right:0;
                             width:100%;
                             z-index: 98!important;
                             }
    #otherlanguages         {display: none;}
    #lang-search-arasi      {display: none;}
    #user-menu              {display: none;}    
    #navigation             {display: none; }

    #butonlar,
    #search-block-form {
        float: right;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }
    #butonlar > a {margin-right: 5px;}
    #header-all {
        height: 119px;
        margin-bottom:15px;
        width: 100%;
        grid-area: header-all;
        display: grid;
        grid-template-areas: 'header-right' 'header';
        grid-template-columns: 100%;
    }    
    .node.node-teaser h2.title {font-size: 155%;}
    .onecikan .title {/* font-size: 1.45em!important; */}
    .dummystickies .title, .stickies .title {
        font-size: 1em!important;
    }    
    #wrap {margin-top:0px}
}


@media screen and (max-width: 719px) { 
    #gereksiz {}
    .onecikan .title {font-size:1.35em!important}
    .dummystickies .title, .stickies .title {
        font-size: 1.1em!important;
    }    
    .region-sidebar-second > div      {max-width: 175px; margin:0 auto;}
    #sag-kolon {
        /* grid-template-rows: auto 1fr; */
        grid-template-columns: 100%;
        grid-template-areas: 'sag-bolum-ust' 'sidebar-first' 'sidebar-second';
    }
    #sag-bolum2 {        

        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: 
         'sag-bolum';
    }
    
    #wrap {
        grid-template-columns: 60% auto;
        grid-template-areas: 
         'ust-ic-banner     ust-ic-banner '
         'cift-sutun-banner .'
         'ust-manset        .'
         'content           sag-kolon'

    }
    #epublications {
        min-height: 280px;
    }
}


@media screen and (max-width: 584px) { 
    body {min-width:320px;}
    #sag-kolon      { display: none;}
 
    #header         { width:100%;}
    
    #logo img       { max-width:100%!important; height: auto;}
    #header-all     { height: auto; }
    #sag-bolum      { padding-left: 0; }
 
    #sag-bolum2 {
        grid-area: sag-bolum2;
        display: grid;
        grid-template-columns: auto 180px;
        grid-template-rows: auto;
        grid-template-areas: 
         'sag-bolum-ust sag-bolum-ust' 
         'sidebar-first sidebar-second' 
         'sag-bolum     sag-bolum';
        grid-gap: 1%;
    }
    
    #wrap {
        grid-template-columns: 100%;
        grid-template-areas: 
         'ust-ic-banner'
         'cift-sutun-banner'
         'ust-manset'
         'content';
      
    }
    #kampanyalar            {width:295px!important; height:160px!important; padding:0!important;}

    .dummystickies .title, .stickies .title     { font-size: 1.3em!important;  }
    .onecikan .title                            { font-size: 1.6em!important;  }
    #top_content {display:block;}
}

@media screen and (max-width: 495px) { 
    #kampanyalar            {width:260px!important;  }

}
@media screen and (max-width: 456px) { 
    .rsidebar {}

    #sag-bolum2 {        
        grid-area: sag-bolum2;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        grid-template-areas: 
            'sag-bolum-ust' 'sidebar-first' 'sidebar-second' 'sag-bolum';
    }
    
    #wrap {
        grid-template-areas: 
         'ust-ic-banner'
         'cift-sutun-banner'
         'ust-manset'
         'content'
         'sag-bolum2'
         'featured'        
         'footer';      
    }

    #sidebar-second              { width:100%!important; }
    .region-sidebar-second > div { max-width: 295px; }
    .view-kitap-slaytlari .views-slideshow-cycle-main-frame {
        max-width: inherit;
    }    

    #butonlar > a                { margin-right: 3px;    }

}

@media screen and (max-width: 430px) { 
    #gereksiz{}
    #menu-nav ul ul ul  ,
    #menu-nav li li:hover > ul { display: none;  }
  
    p.anametin {text-align: left;}
}