@media (min-width:1280px) and (max-width:1440px)  {
.site-name-header { width: 100%;}

}

@media (max-width:641px)  {

div.user_navigation { 
    padding: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); 
}

.pkp_page_index .journal_index  { margin-top: 100px;}
.main_content_not_index  .journal_index { margin-top: 0px;}
.site_header { display: none;}
h1.site-name { max-height: 18px; width: 50%; padding-top: 10px}
.site-name-header { padding: 15px 5px; width: 100%}
.user_navigation img.journal_logo {  }
/* .pkp_page_article  #nav-menu { margin: -65px -40px;}
.pkp_page_index .mobile-navigation #nav-menu { margin: 50px -40px;}
.primary_menu { background: none;} */
.primary_menu_no_index { margin: 0px; border: none; clear: both}
#slider { display:none;}
.primary_menu { clear: both; border-bottom: none;}
.header_with_slider { height: 100px;}
#main-navigation>li>a { font-size: 1em;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .header_view .navbar-nav .open .dropdown-menu > li > a { text-shadow : none; color: black}
.not_index #nav-menu { margin-top: 0px; border: none;}


.main_content, .pkp_structure_main  { padding: 5px; margin-top: -20px}

/* No index page */
.main_content_not_index  { margin-top: 120px !important;}
.main_content_not_index main { margin-bottom: 20px;}
.main_content_not_index aside#sidebar { padding: 2px}
.main_content_not_index aside#sidebar img { max-width: 100%;}


.user_navigation .journal_title { float: left; clear: left; width: 100%; padding: 10px; margin-top: 0px; font-size: 1.1em}
.navbar-default .navbar-toggle .icon-bar, .header_view .navbar-toggle .icon-bar { background: black !important; color: black}
#block-make_submission { margin: 10px 0px; padding: 15px;}
#block-editorial-team { padding: 10px 10px 20px 10px;}
.editorial_team_block h1 { font-size: 1.5em !important; text-align: center;margin: 20px 0px 25px -8px; padding: 10px !important;}
.editorial_team_block div.col-xs-4  { clear: left}
.editorial_team_block div.col-xs-4, .editorial_team_block div.col-xs-8  { margin-bottom: 10px; font-size: 0.9em; padding: 0px 10px}
.editorial_team_block img { margin-top: -5px;}


.journal_description .col-xs-12 { padding: 0px;}
.journal_description  { width: 100%;}

.homepage_image img { height: auto;}


.article_tab_list { padding: 15px;}
.article_tab_list h3 { line-height: 20px;}
.article_tab_list a.article_name { font-size: 16px; }
.article_tab_list .content { padding-top: 20px;}
.article_tab_list .content h1 { margin-bottom: 20px}
span.page_number, div.date_published { color: rgb(179, 176, 176); margin-bottom: 5px}
.article_tab_list .btn { margin-top: 30px;}
.article_tab_list ul.nav { margin-left: -20px; padding: 0px 8px; font-size: 0.9em; }
.article_tab_list ul.nav > li > a { line-height: 1.5}
.current_article_list .article-summary { margin: 0px -15px 10px -15px;}

.informationTab { padding: 20px 0px;}
.informationTab .tab-content { padding: 15px 0px}
.annoucement_list { padding: 15px;}
.annoucement_list article.announcement-summary:nth-child(1) { margin-bottom: 100px;}
.annoucement_list .announcement-summary, .announcements .announcement-summary { clear: both; padding: 0px; width: 100%;}
.annoucement_list .announcement-summary img, .announcements .announcement-summary img{ width: 100%;}

div.row.annoucement_list > div > section > div > article:nth-child(1) { border: none;}

footer[role="contentinfo"] {
    background: linear-gradient(135deg, #b5ceea 0%,#e3eaf2 100%);
}

footer h4 { font-size: 18px;}
footer img { margin-bottom: 20px;}




/* Article Detail */
.main_content .col-md-8 { padding: 30px 20px;}
.article-details h1 { margin-left: 10px;}
.article-details .author, .authors .author { width: 90%; margin: 20px 10px;}
.article_detail_tab_list { margin-left: -25px; width: 120%; }
.article_detail_tab_list .nav { margin: 40px 15px;}
.article-details .tab-content { padding: 20px 10px;}
.pkp_page_article .article-details h2 { font-size: 1.13em; line-height: 1.8; padding-right: 40px;}
.article_toc { display: none !important;}
.XML_generated { width: 95%}
.pkp_page_article #block-make_submission { margin: 40px 0px !important}
nav.cmp_breadcrumbs { display: none;}

}






@media (min-width: 481px) and (max-width:768px)  {
    .user_navigation { padding: 0px}
     h1.site-name { width: 15%}
     .site_header, .article_toc { display: none !important;}
    .site-name-header { width: 100% ; padding:  10px 5px}
    .not_index #nav-menu { margin-top: 70px}

    .navbar-desktop .nav > li > a { margin: 0px}
    .navbar-desktop .navbar-nav { font-size: 0.8em}

    #slider .item { height: 350px; margin-top: 20px }
    .slider-text p { margin-top: -250px;}

    .main_content, .pkp_structure_main  { margin-top: 25px; }
    a.cover img { width: 150px !important; margin-bottom: 30px}
    #sidebar { margin-top: 25px}
    .main_content_not_index  { padding-top: 10px;}
    .pkp_page_article  #nav-menu, .pkp_page_issue #nav-menu { margin-top: 75px}
    .main_content_not_index.pkp_structure_main { padding: 30px;}
    .main_content aside#sidebar img { max-width: 100%;}

    .main_content_not_index  { margin-top: -10px !important;}

    #block-make_submission { margin: 15px 0px 25px;}

    article.announcement-summary img { max-width: 100%}
    
    footer .col-md-4 { width: 33%; float: left; font-size: 0.8em}
    footer .col-md-4 img { padding-top: 10px}


    /* article detail */
    .article-details .date-list strong { font-size: 1.1em}
    .main_content .col-md-8 { padding: 25px;}
    .article_detail_tab_list { margin-left: -30px; width: 110%; padding: 30px 20px;}
    .article-details .tab-content { padding: 30px 10px 30px 0px;}
    .pkp_page_article .article-details h2 { padding: 20px 0px 10px}
    h2.article-section-title:after { top: 30px}
    h2.article-section-title { border-bottom: 1px solid #f9f3e0}
    .article-details .sidebar_block { padding: 10px 0px;}


   .page_announcements .announcements .announcement-summary { width: 100%; clear:both; float: left; padding: 20px 10px}


}

/* end media declaration */