@media only screen and (max-width: 1358px) {
  .container {float: left; position: relative; margin: 86px 0px 2px auto;}
  .rgnav {margin: 2px 6px 25px 22px; height: 780px; float: none; display: inline-block !important;}     
  .container .lms {position: relative; display: block; float: left; margin-left: 0px; width: 866px;}
  .lms div.sml  {position: relative; display: inline-block; float: left; margin-left: 72px; margin-right: 6px; }     
  .container .lms.nad {position: relative; float: left; margin-left: 0px; width: 1228px; display: block;}  
  .nad div.pow {float: left; margin: 4px 6px 25px 72px; display: inline-block;} 
  .container .lms.rowt{position: relative; float: left; margin-left: 0px; width: 1228px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 6px 25px 72px; display: inline-block;}     
  .tocont {margin-left: 72px; width: 1116px; display: block !important;}   
  .condb {margin: 0px auto 15px 72px; float: left;	display: inline-block; width: 536px;} 
}
@media only screen and (max-width: 1280px) {
  .container {float: left; position: relative; margin: 86px 0px 2px auto;}
  .rgnav {margin: 2px 0px 2px 39px; height: 780px; width: 332px; float: none; display: inline-block !important;} 
  .container .lms {position: relative; display: block; float: left; margin-left: 0px; width: 850px;}
  .lms div.sml {position: relative; display: inline-block; float: left; margin-left: 64px;  margin-right: 18px;}     
  .container .lms.nad {position: relative; float: left; margin-left: 0px; width: 1240px; display: block;}  
  .nad div.pow {float: left; margin: 4px 18px 25px 64px; display: inline-block;}  
  .container .lms.rowt {position: relative; float: left; margin-left: 0px; width: 1240px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 18px 25px 64px; display: inline-block;}     
  .tocont {margin-left: 64px; width: 1124px;}    
  .condb {margin: 0px auto 15px 64px; float: left; display: inline-block; width: 544px;}  
}
@media only screen and (max-width: 1260px) {
  .container {float: left; position: relative; margin: 86px 0px 2px auto;} 
  .rgnav {margin: 2px 0px 2px 3px; height: 780px; width: 332px; float: none; display: inline-block !important;}    
  .container .lms {position: relative; display: block; float: left; margin-left: 0px; width: 800px;}
  .lms div.sml  {position: relative; display: inline-block; float: left; margin-right: 6px; margin-left: 43px;}    
  .container .lms.nad {position: relative; float: left; margin-left: 0px; width: 1146px; display: block;}  
  .nad div.pow {float: left; margin: 4px 8px 25px 42px; display: inline-block;}  
  .container .lms.rowt {position: relative; float: left; margin-left: 0px; width: 1146px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 8px 25px 42px; display: inline-block;}  
  .tocont {margin-left: 42px; width: 1060px;}  
  .condb {margin: 0px auto 15px 42px; float: left; display: inline-block; width: 523px;}   
}
@media only screen and (max-width: 1164px) { 
  .container {float: left; position: relative; margin: 86px 0px 2px auto;} 
  .rgnav {margin: 2px 2px 25px 4px; height: 780px; width: 332px;            
         float: none; display: inline-block !important;}  
  .container .lms {position: relative; display: block; float: left; margin-left: 28px;  width: 716px;}
  .lms div.sml  {position: relative; display: inline-block; float: left; margin-right: 0px; margin-left: 20px;}    
  .container .lms.nad {position: relative; float: left; margin-left: 28px; width: 1054px; display: block;}  
  .nad div.pow {float: left; margin: 4px 0px 25px 20px; display: inline-block;}  
   .container .lms.rowt {position: relative; float: left; margin-left: 28px; width: 1054px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 0px 25px 20px; display: inline-block;}  
  .tocont {margin-left: 48px; width: 1000px;} 
  .condb {margin: 0px auto 15px 48px; float: left; display: inline-block; width: 490px;}  
}
@media only screen and (max-width: 1102px) {
  .container {float: left; position: relative; margin: 86px 0px 2px auto;} 
  .rgnav {margin: 2px 0px 25px 0px; height: 780px; width: 332px; float: none; display: inline-block !important;} 
  .container .lms {position: relative; display: block; float: left; margin-left: 4px; width: 681px;}
  .lms div.sml  {position: relative; display: inline-block; float: left; margin-right: 4px; margin-left: 4px;}   	
  .container .lms.nad {position: relative; float: left; margin-left: 4px; width: 1019px; display: block;}  
  .nad div.pow {float: left; margin: 4px 4px 25px 4px; display: inline-block;}  
  .container .lms.rowt {position: relative; float: left; margin-left: 4px; width: 1019px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 4px 25px 4px; display: inline-block;}   
  .tocont {margin-left: 8px; width: 976px;} 
  .condb { margin: 0px auto 15px 8px; float: left; display: inline-block; width: 498px;}     
}
@media only screen and (max-width: 1042px) {
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}
  .container .lms { position: relative; float: left; margin-left: 0px; width: 996px; display: block;}
  .lms div.sml{float: left; margin: 4px 0px 25px 1px; display: inline-block;} 
  .rgnav { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;    
         float: none; width: 100%; height: 100%; margin: 30px  auto 4px auto; display: block;} 
  .container .lms.nad { position: relative; float: left; margin-left: 0px; width: 996px; display: block;}
  .nad div.pow {float: left; margin: 4px 0px 25px 1px; display: inline-block;}   
  .container .lms.rowt { position: relative; float: left; margin-left: 0px; width: 996px; display: block;}
  .rowt div.sml {float: left; margin: 4px 0px 25px 1px; display: inline-block;}   
  .tocont {margin-left: 1px; width: 962px;} 
  .condb { margin: 0px auto 15px 0px; float: left; display: inline-block; width: 495px;}  
}
@media only screen and (max-width: 1012px) { 
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}
  .rgnav {float: none; width: 100%; height: 100%; margin: 30px auto 4px auto;}
  .container .lms { position: relative; float: left; margin-left: 0px; width: 874px; display: block;}
  .lms div.sml{float: left; margin: 4px 53px 25px 53px; display: inline-block;} 
  .container .lms.nad { position: relative; float: left; margin-left: 0px; width: 874px; display: block;}
  .nad div.pow {float: left; margin: 4px 53px 25px 53px; display: inline-block;}    
  .container .lms.rowt{ position: relative; float: left; margin-left: 0px; width: 874px; display: block;}
  .rowt div.sml {float: left; margin: 4px 53px 25px 53px; display: inline-block; }  
  .tocont {margin-left: 53px; width: 735px;} 
  .condb { margin: 0px auto 15px 53px; float: none; display: block; width: 766px; height: 360px; min-height: 280px;}    
}
@media only screen and (max-width: 890px) {
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}
  .rgnav { float: none; width: 100%; height: 100%; margin: 30px auto 4px auto;} 
  .container .lms { position: relative; float: left; margin-left: 0px; width: 786px; display: block;}
  .lms div.sml{float: left; margin: 4px 31px 25px 31px; display: inline-block;} 
  .container .lms.nad { position: relative; float: left; margin-left: 0px; width: 786px; display: block;}
  .nad div.pow {float: left; margin: 4px 31px 25px 31px; display: inline-block;}   
  .container .lms.rowt{ position: relative; float: left; margin-left: 0px; width: 786px; display: block;}
  .rowt div.sml {float: left; margin: 4px 31px 25px 31px; display: inline-block; }    
  .tocont {margin-left: 31px; width: 691px;} 
  .condb {margin: 0px auto 15px 31px; display: block; width: 722px; height: 360px; min-height: 280px;}      
}
@media only screen and (max-width: 806px) {
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}  
  .container .lms { position: relative; float: left; margin-left: 0px; width: 728px; display: block;}
  .lms div.sml{float: left; margin: 4px 4px 25px 20px; display: inline-block;} 
  .rgnav {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; 
         float: none; width: 100%; height: 100%; margin: 30px auto 4px auto;} 
  .container .lms.nad {position: relative; float: left; margin-left: 0px; width: 728px; display: block;}  
  .nad div.pow {float: left; margin: 4px 4px 25px 20px; display: inline-block;}   
  .container .lms.rowt {position: relative; float: left; margin-left: 0px; width: 728px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 4px 25px 20px; display: inline-block;} 
  .tocont {margin-left: 20px; width: 653px;}  
  .condb {margin: 0px auto 15px 20px; display: block; width: 684px; height: 360px; min-height: 280px;}    
}
@media only screen and (max-width: 746px) {
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}
  .container .lms { position: relative; float: left; margin-left: 0px; width: 663px; display: block;}
  .lms div.sml{float: left; margin: 4px 0px 25px 0px; display: inline-block;} 
  .container .lms.nad {position: relative; float: left; margin-left: 0px; width: 663px; display: block;}  
  .nad div.pow {float: left; margin: 4px 0px 25px 0px; display: inline-block;}   
  .container .lms.rowt {position: relative; float: left; margin-left: 0px; width: 663px; display: block;}  
  .rowt div.sml {float: left; margin: 4px 0px 25px 0px; display: inline-block;}  
  .tocont {margin-left: 0px; width: 630px;}  
  .condb {margin: 0px auto 15px 0px; float: none; display: block; width: 660px; height: 360px; min-height: 280px;}     
}
@media only screen and (max-width: 680px) {
  .rgnav {font-size: 0.885em;}
  #logo h2 {left: 0.35em;}
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none !important;}
  .container .lms { position: relative; float: left; display: block; width: 498px;}
  .lms div.sml { position: relative; display: block; margin: 12px 166px; float: none;}    
  .container .lms.nad {position: relative; float: left; display: block; width: 498px;}
  .nad div.pow { position: relative; display: block; margin: 12px 166px; float: none;}  
  .container .lms.rowt {position: relative; float: left; display: block; width: 498px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 166px; float: none;} 
  .tocont {margin-left: 166px; width: 299px;} .tocont p { text-indent: 30px;} 
  .condb { margin: 0px auto 15px 166px; float: none; display: block; width: 329px; height: 720px; min-height: 480px;}   
  .condb img {margin-left: 45px;}
}
@media only screen and (max-width: 514px) {
 #logo{width: inherit; height: 60px;}#logo h2 {margin-top: 13px}#logo h2 span.poc{font-size: 25px;text-shadow:1px 1px 2px #ea6657, 0 0 0 hsla(0, 0%, 0%, 0.3), 1px 1px 2px #ea6657;} 
 #logo h2 span.poc::after {content: 'K'; top: 0.615em; left: 0; position: absolute; transform: scale(1.15,1.08) skew(1deg,1deg);}
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none; }
  .container .lms {position: relative; float: left; display: block; width: 414px;}
  .lms div.sml { position: relative; display: block; margin: 12px 82px; float: none;}    
  .container .lms.nad {position: relative; float: left; display: block; width: 414px;}
  .nad div.pow { position: relative; display: block; margin: 12px 82px; float: none;}  
  .container .lms.rowt {position: relative; float: left; display: block; width: 414px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 82px; float: none;}    
  .tocont {margin-left: 82px; width: 299px;} 
  .condb { margin: 0px auto 15px 82px; }     
}
@media only screen and (max-width: 430px) {
  .rgnav { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; 
         float: none; width: 100%; height: 100%; margin: 30px auto 4px auto;} 
  .container {display: block; position: relative; margin: 86px auto 2px auto; float: none;}
  .container .lms {position: relative; float: left; display: block; width: 373px;}
  .lms div.sml { position: relative; display: block; margin: 12px 41px; float: none;}    
  .container .lms.nad {position: relative; float: left; display: block; width: 373px;}
  .nad div.pow { position: relative; display: block;  margin: 12px 41px; float: none;}  
  .container .lms.rowt {position:relative; float:left; display: block; width: 373px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 41px; float: none;}
  .tocont {margin-left: 41px; width: 299px;} 
  .condb { margin: 0px auto 15px 41px;}       
}
@media only screen and (max-width: 390px) {
  .rgnav {font-size: 0.875em; }
  .container {display: block; position: relative; margin: 86px auto 2px 0px; float: none;}
  .container .lms {position: relative; float: left; display: block; width: 353px;}
  .lms div.sml { position: relative; display: block; margin: 12px 20px; float: none;}    
  .container .lms.nad {position: relative; float: left; display: block; width: 353px;}
  .nad div.pow { position: relative; display: block; margin: 12px 20px; float: none;} 
  .container .lms.rowt {position: relative; float: left; display: block; width: 353px;}
  .rowt div.sml { position: relative; display: block;  margin: 12px 20px; float: none;} 
  .tocont {margin-left: 20px; width: 299px;}
  .condb { margin: 0px auto 15px 20px;}  
}
@media only screen and (max-width: 380px) {
  .menu ul.frs li:nth-child(3), 
  .menu ul.frs li:nth-child(6) {border-bottom: none;} 
  .container {display: block; position: relative; margin: 86px auto 2px 0px; float: none;}
  .container .lms {position: relative; float: left; display: block; width: 345px;}
  .lms div.sml { position: relative; display: block; margin: 12px 13px; float: none;}   
  .container .lms.nad {position: relative; float: left; display: block; width: 345px;}
  .nad div.pow { position: relative; display: block; margin: 12px 13px; float: none;} 
  .container .lms.rowt {position: relative; float: left; display: block; width: 345px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 13px; float: none;}  
  .tocont {margin-left: 13px; width: 299px;} 
  .condb { margin: 0px auto 15px 13px;}  
}
@media only screen and (max-width: 360px) {
  .container {display: block; position: relative; margin: 86px auto 2px 0px; float: none;}
  .container .lms {position: relative; float: left; display: block; width: 338px;}
  .lms div.sml { position: relative; display: block; margin: 12px 6px; float: none;}    
  .container .lms.nad {position: relative; float: left; display: block; width: 338px;}
  .nad div.pow { position: relative; display: block; margin: 12px 6px; float: none;} 
  .container .lms.rowt {position: relative; float: left; display: block; width: 338px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 6px; float: none;}  
  .tocont {margin-left: 6px; width: 299px;} 
  .condb { margin: 0px auto 15px 6px;}	
}
@media only screen and (max-width: 354px) {
  .container {display: block; position: relative; margin: 86px auto 2px 0px; float: none;}
  .container .lms {position: relative; float: left; display: block; width: 332px;}
  .lms div.sml { position: relative; display: block; margin: 12px 0px; float: none;}   
  .container .lms.nad {position: relative; float: left; display: block; width: 332px;}
  .nad div.pow { position: relative; display: block; margin: 12px 0px; float: none;} 
  .container .lms.rowt {position: relative; float: left; display: block; width: 332px;}
  .rowt div.sml { position: relative; display: block; margin: 12px 0px; float: none;}  
  .tocont {margin-left: 0px; width: 299px;}
  .condb { margin: 0px auto 15px 0px;}  
}
@media only screen and  (max-width: 348px) { 
 .container {display: block; position: relative; margin: 86px 0px 2px 0px; float: left;}        
 .container .lms { width: 302px; height: 100%; position: relative; float: left; display: block;}
 .lms div.sml {width: 298px; height: 100%; margin: 14px 0px; overflow: hidden !important; background: #EAEADA;}  
 .sml img { float: none; width: 274px; height: 100%; margin: 0px 0px -4px 10px;} 
 .lms .sml li  { width: 274px; height: 100%; margin-left: 17px; padding-top: 5px; padding-bottom: 5px; margin-top: 0px !important;} 
 .lms .sml li a {font-size: 0.97em; text-align: center;} 
 .lms .sml li:hover {width: 274px !important; height: inherit;}
 .lms .sml li a:hover { opacity: 0.9; }
  .container .lms.nad { width: 302px; height: 100%; float: left; display: block;}
  .nad div.pow { width: 298px; height: 100%; margin: 14px 0px !important; display: block; float: none; background: #EAEADA;}				  
  .nad div.pow figure { width: 100% !important;}   
  .pow figure.pona img { width: 274px; height: inherit; left: 8px;} 
  .pow figure.pona figcaption a {font-size: 16px; width: 273px; left: 19px; position: absolute;}    
 .container .lms.rowt { width: 302px;}
 .rowt div.sml {width: 298px; height: 100%; margin: 14px 0px; background: #EAEADA;}  
 .rowt .sml img { width: 274px; height: 100%; margin: 0px 0px -4px 10px;} 
 .rowt .sml li  { width: 274px; height: 100%; margin-left: 17px;} 
 .rowt .sml li a {font-size: 0.97em;} 
 .rowt .sml li:hover {width: 274px !important; height: inherit;}
 .rowt .sml li a:hover { opacity: 0.9; }
 .tocont { margin-left: 18px; width: 242px; } .tocont h2 { font-size: 1.55em; } 
 .tocont p { font-size: 0.915em; text-indent: 1.20em;} 
 .condb { margin-top: 30px; width: 274px; margin-left: 17px; height: 100%;}
 .condb img {margin-left: 17px;}
 .condb span a {padding-left: 85px;}
 .condb span.dal a {margin-left: 35px; }
}
@media only screen and  (max-width: 320px) {
  .container {display: block; position: relative; margin: 86px 0px 2px 0px; float: left;} 
  .container .lms { width: 271px; position: relative; float: left; display: block; height: 100%; } 
  .lms div.sml { width: 268px; margin: 14px 0px; height: 100%; overflow: hidden !important;}  
 .sml img { width: 263px; height: 100%; margin: 0px 0px 0px 7px; float: none; display: block;} 
 .lms .sml li  { width: 263px; height: inherit; margin-left: 7px;}  
 .lms .sml li a {font-size: 0.97em; text-align: center;} 
 .lms .sml li:hover {width: 263px !important; height: inherit; }
 .lms .sml li a:hover { opacity: 0.9;}
 .container .lms.nad { width: 271px; height: 100%; float: left; display: block;}  
  .nad div.pow { width: 268px; height: 100%; margin: 14px 0px !important; display: block; float: none;}	  
  .nad div.pow figure { width: inherit !important;}   
  .pow figure.pona img { width: 263px; height: inherit; left: 0px }  
  .pow figure.pona figcaption a {font-size: 16px; width: 262px; left: 7px; position: absolute;}     
 .container .lms.rowt { width: 271px; }
 .rowt div.sml { width: 268px; height: 100%; margin: 14px 0px;}  
 .rowt .sml img { width: 263px; height: 100%; margin: 0 auto 0 7px; float: none; display: block;} 
 .rowt .sml li  { width: 263px; height: 100%; margin-left: 7px;} 
 .rowt .sml li a {font-size: 0.97em; text-align: center; } 
 .rowt .sml li:hover {width: 263px !important; height: inherit;}
 .rowt .sml li a:hover { opacity: 0.9; } 
 .tocont { margin-left: 8px; width: 229px; }    
 .condb { margin-top: 30px; width: 261px; margin-left: 7px; height: 100%;}
 .condb img {margin-left: 11px;}
}
@media only screen and  (max-width: 288px) { 
 .container {display: block; position: relative; margin: 86px 0px 2px 0px; float: left;}  
 .container .lms { width: 252px; position: relative; float: left; display: block; height: 100%; margin: 0;}
 .lms div.sml { width: 250px; margin: 14px 0px; height: 100%;}  
 .sml img { width: 240px; height: 100%;  margin: 0 8px; float: none; display: block;} 
 .lms .sml li  { width: 240px; height: 100%;  margin-left: 8px; } 
 .lms .sml li a {font-size: 0.97em; text-align: center;} 
 .lms .sml li:hover {width: 240px !important; height: inherit; }
 .lms .sml li a:hover { opacity: 0.9;}
  .container .lms.nad { width: 252px; height: 100%; float: left; display: block;}
  .nad div.pow { width: 250px; height: 100%; margin: 14px 0px !important; display: block; float: none;}				  
  .nad div.pow figure { width: 100% !important;}   
  .pow figure.pona img { width: 240px; height: inherit;} 
  .pow figure.pona figcaption a {font-size: 16px; width: 240px; left: 8px; position: absolute;}  
 .container .lms.rowt { width: 252px;}
 .rowt div.sml { width: 250px; margin: 14px 0px;}  
 .rowt .sml img { width: 240px; height: 100%; margin: 0 8px; float: none; display: block;} 
 .rowt .sml li  { width: 240px; height: 100%; margin-left: 8px;} 
 .rowt .sml li a {font-size: 0.97em; text-align: left; } 
 .rowt .sml li:hover {width: 240px !important; height: inherit; }
 .rowt .sml li a:hover { opacity: 0.9; } 
 .tocont { margin-left: 8px; width: 209px; }
 .condb { margin-top: 3px; width: 240px; margin-left: 7px; height: 100%;}
 .condb img {margin-left: 0px;}
}
@media only screen and  (max-width: 268px) { 
 .container {display: block; position: relative; margin: 86px 0px 2px 0px; float: left;} 
 .container .lms { width: 246px; position: relative; float: left; display: block; height: 100%; margin: 0;}
 .lms div.sml { margin: 14px 0px; width: 244px; height: 100%; }  
 .sml img { width: 241px; height: 100%;  margin: 0px 3px; float: none; display: block;} 
 .lms .sml li  { width: 241px; height: 100%;  margin-left: 3px;} 
 .lms .sml li a {font-size: 0.97em; text-align: center;} 
 .lms .sml li:hover {width: 241px !important; height: inherit;}
 .lms .sml li a:hover { opacity: 0.9; }
  .container .lms.nad { width: 246px; height: 100%; float: left; display: block;}
  .nad div.pow { width: 100%; height: 100%; margin: 14px 0px !important; display: block; float: none;}				  
  .nad div.pow figure { width: 100% !important;}   
  .pow figure.pona img { width: 241px; height: inherit;} 
  .pow figure.pona figcaption a {font-size: 16px; width: 240px; left: 3px; position: absolute;}  
  .condb { margin-top: 30px;}
 .container .lms.rowt { width: 246px; }
 .rowt div.sml { width: 244px; margin: 14px 0px;}  
 .rowt .sml img { width: 241px; height: 100%; margin: 0 3px; float: none; display: block; } 
 .rowt .sml li  { width: 241px; height: 100%; margin-left: 3px; } 
 .rowt .sml li a {font-size: 0.97em; text-align: left; } 
 .rowt .sml li:hover {width: 241px !important;}
 .rowt .sml li a:hover { opacity: 0.9;}
 .tocont { margin-left: 3px; width: 209px; }
 .condb { margin-top: 8px; width: 240px; margin-left: 3px; height: 100%;}
 .condb img {margin-left: 0px;}
}