/* ==========================================================================
    iPad Pro : landscape
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* ==========================================================================
    iPad Pro : portrait
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}


/* ==========================================================================
    Pad : landscape
============================================================================= */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
	.sblk nav>a { padding-right:20px; }
}
/* ==========================================================================
    Pad : Portrait
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
   #topbnr { background-size:0 0; }
   #topbnr>.txtbx {  }
   #topbnr>.txtbx>h1 {  }
   #topbnr>.txtbx>div { /*width:65%; margin-left:35%;*/ }
	.sblk nav>a { padding-right:20px; }
}
/* ==========================================================================
    M Narrow Desktop
============================================================================= */
@media only screen and (max-width:1200px) {

}
/* ==========================================================================
    SM Narrow Desktop
============================================================================= */
@media only screen and (max-width:950px) {
}
/* ==========================================================================
    Mobile
============================================================================= */
@media only screen and (max-width:767px) {
    #topbnr { background-size:0 0; padding-bottom:0; }
    #topbnr>.txtbx { padding: 20px 10px; }
    #topbnr>.txtbx>h1 { width:100%; position:relative; height:auto;  }
    #topbnr>.txtbx>div { width:100%; margin-left:0; padding:25px; }
    #topbnr .dbx { /*display:none;*/ }
    #topbnr>.txtbx>h1>img.arw { top:40PX; bottom:auto; right:25px; left:auto; }
    
	.sblk nav>a { padding-right:20px; }
    .sblk { margin-top:0; }
    .sblk>section { margin-top:30px; }
    .sblk .dbx,.sblk .pat { /*display:none;*/ }
    .sblk section>table,.sblk section>table tbody, .sblk section>table tr,.sblk section>table td { display:block; }
    .sblk section>table * { position:relative; }
    .sblk section>table td { width:100%;padding-left:0; }
    .sblk section>table td:first-child { padding-right:0; border-right:none;}
    
    .sblk.bk1>img { float:none; width:100%; }
    .sblk.bk1>section { padding-right:0; }
    .sblk.bk1>img+section { float:none; width:100%; margin-left:0; margin-top: 10px;}
    
    .sblk.bk2>section { width:100%; float:none; margin-left:0; }
    
    .sblk.bk3>section { width:100%; float:none; margin-left:0; }
    
    #main { margin-bottom:30px; }

    /* ==========================================================================
        Custom Styles
    ============================================================================= */
    .sblk.bk1>img { margin-top: 30px; }
    #breadcrumb+.sblk.bk1>img { margin-top: 0; }
}