/*
 Theme Name:   b:hip
 Description:  eef Theme by PLAZIL.COM
 Author:       itom 
 Author URI: http://itomweb.com
 Template:     plant
 Version:      1.0.0
 Text Domain: bhip
*/
@media (min-width: 768px){
  
/*   #loginform {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-columns:[col1-start] 25% [col2-start] 25% [col3-start] 25% [col4-start] 25% [col4-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
    grid-gap: 10px 30px;
    margin-bottom: 30px;
    position: relative;
  }
  #loginform::before{
    grid-column: col1-start / col2-start;
  }

  #loginform div:nth-child(1){
   grid-column: col1-start / col3-start;
  }
  #loginform div.w-noti{
    grid-column: col3-start / col4-end;
  }
  #loginform div[id^="nsl-custom-login-form"]{
    grid-column: col3-start / col4-end;
  } */
  
  .s-modal.-visible[data-s-modal='site-login'] {
    max-width: 779px;
  }
  #loginform {
    display: grid;
    grid-template-columns:50% 50%;
    grid-gap: 10px 30px;
    margin-bottom: 30px;
    position: relative;
  }
  #loginform div.wrap-login-default{
    grid-column: span 1 / 2;
   }
   #loginform div.w-noti{
    grid-column: span 3 / 5;
    margin-bottom: -60px;
  }
  #loginform div[id^="nsl-custom-login-form"]{
    grid-column:span 3 / 5
  }

  #loginform .wrap-login-default {order: 1;}
  #loginform div[id^='nsl-custom-login-form'] {  
    order: 2;
  }
  div.nsl-container-block .nsl-container-buttons a {    
    max-width: 260px!important;
  }
  div.nsl-container .nsl-button-default div.nsl-button-label-container {    
    text-align: left!important;
  }
  div.nsl-container .nsl-button-svg-container {
    order: 2;
    padding-right: 10px!important;
  }
  .s-modal.-visible[data-s-modal='site-login'] {
    background-color: #f7f7f7;
    padding: 44px 90px 0;
    overflow: hidden;
  }
  .s-modal.-visible[data-s-modal='site-login'] .header{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 12px;
    font-size: 1rem;
    background-color: #fff;
  }
  .s-modal.-visible[data-s-modal='site-login'] .header h5{
    margin: 0;
  }
  .site-login {max-height: 430px; margin: 30px 0;}
  
  .s-grid.-d64 {
    -ms-grid-columns:  60% 1fr;
    grid-template-columns: 60% 1fr;
  }

} 


@media only screen 
  and (min-width: 768px) 
  and (max-width: 992px) {
  .s-grid.-t2{    
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } 
  .s-grid.-t3{    
    grid-template-columns: repeat(3, minmax(0, 1fr));
  } 
  .s-grid.-t4{    
    grid-template-columns: repeat(4, minmax(0, 1fr));
  } 
}

@media (min-width: 992px){
  /*MENU*/
  .site-header .s-container {	background: #fff;}

  .main-header.-banner.-research .main-title{ 
    grid-template-columns:70% 30%;		
   /*  max-width: calc(992px - 30px);
    width: calc(100% - 30px);; */
  }
  .main-header.-banner.-research{min-height: 500px;}
  .single-research .content-area{ max-width: 100%;}
  .single-research .s-grid.-research.-d2 {  
    grid-template-columns: 1fr 368px!important;
  }
  .single-research .s-grid.-research .content-single{
    background-color: #fff;
    padding: 15px;
  }
 
  .single-research .s-grid.-research .wrapp-right {
    position: relative;
    top: -120px;
  	margin-bottom: -120px;
  }
  .single-research .s-grid.-research .wrapp-right .inner {   
    background-color: #fff;
    padding: 30px 20px 60px 20px;
    border-bottom: 4px solid var(--s-accent);
  }
  .main-header.-banner.-research .main-title  .title{ 
    font-size: 2.5rem;
    line-height: 2.85rem;
  }

  .m-department{display: none;}
  ul.list-download li {
    display: grid;
    gap: 15px;
    grid-template-columns: 10fr 40fr 20fr 20fr 10fr;
  }
  ul.list-download li div:not(:nth-child(2)){text-align: center;    width: 100%;}
  ul.list-download li.header{font-weight: bold;	padding: 8px 0;background-color: #f7f7f7;   display: grid;}  
  ul.list-download li .-thumb { display:block;}
  ul.list-download li .-thumb img{ width: 60px;height: 60px;object-fit: cover;border-radius: 5px;}
  ul.list-download li .-department{     display: flex;    align-items: center;    justify-content: center;}
  ul.list-download li .-department span{ color:#a1a2a3;}
  ul.list-download li .-permission span{	
    display: block;	
    border-radius: 5px;
    width: 80%;
    margin: auto;	
    text-transform: capitalize;
  }
  ul.list-download li .-download{	margin: auto;    display: block;	}

  ul.list-download li .-thumb{	order: 1;}
  ul.list-download li .-title{	order: 2; display: flex;flex-direction: column;justify-content: center;}
  ul.list-download li .-department{	order: 3;}
  ul.list-download li .-permission{	order: 4;display: flex;justify-content: center;}
  ul.list-download li .-download{	order: 5;}
  
  
}