@media only screen and (max-width: 1919px){
    
}
@media only screen and (max-width: 1800px){
          
}
@media only screen and (max-width: 1600px){
  .shell{
    font-size:0.9em;  
  }
  .nav > li {        
    margin-right: 1.5em;
  }
}
@media only screen and (max-width: 1340px){
  
}
@media only screen and (max-width: 1200px){
  
}
@media only screen and (min-width: 1024px){
  
}
@media only screen and (max-width: 1024px){
        
}
@media only screen and (max-width: 960px){
        
}
@media only screen and (max-width: 660px) and (orientation: portrait) {
        
}
@media only screen and (max-width: 660px){
        
}
@media only screen and (max-width: 1440px){
  .shell{
    font-size:0.9em;  
  }
  .nav > li {        
    margin-right: 1.5em;
  }
}
@media only screen and (max-width: 1280px){
  .shell{
    font-size:0.8em;  
  }  
  
  .nav > li {        
    margin-right: 1.5em;
  }
  
}
@media only screen and (max-width: 1152px){
  .list-type-blank_page_pi4{
    
  }
}
@media only screen and (max-width: 1024px){
  .shell{
    font-size:0.75em;  
  }
  .body .onepage .op .csc-pad.ctype-text {
    max-width: 100%;
  }

  
  .body .onepage .op .op-contents .helper > .csc-wrap,
  .ajax-content .ajax-inner,
  .fe-layout0 .body .csc-wrap,
  .head .inner-wrap {
    width: 86%;
    margin: 0 7% 0 7%;
  }
  .body .onepage .op .op-contents .csc-wrap.position-top, 
  .body .onepage .op .op-contents .csc-wrap.position-bottom, 
  .body .onepage .op .op-contents .csc-wrap.position-left, 
  .body .onepage .op .op-contents .csc-wrap.position-right {
    position: absolute;
    width: auto;
    margin: 0;
  }
  .body .onepage .op .op-contents .csc-wrap.fullwidth {
    width: 100%;
    margin: 0;
  }
  
  .list-type-blank_page_pi4{
    width:100%;
  }
  .nav > li {        
    margin-right: 1em;
  }
}
@media only screen and (max-width: 950px){

}
@media only screen and (max-width: 880px){
  
}
@media only screen and (max-width: 667px){
      .grid-2 .col-1 {
    padding-right: 0.5em;
}
  .grid-2 .col-2 {
    padding-left: 0.5em;
  }
  
}
@media only screen and (max-width: 768px){
  .shell{
    font-size:0.7em;  
  }
  .sidebar{
    display:none;  
  }
  .navbar-nav {
    margin: 0;
    float:none;
  }
  .head .inner-wrap {
    width: 94%;
    margin: 0 3% 0 3%;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in{
    display: block !important;
  }
  .head .head-right .menus {
    float: none;
  }
  .head .head-right .langmenu-wrap,
  .head .head-right .quickmenu-wrap{
  
    margin-left:0em;
    
  }
  #desktop-menu-wrapper.navbar-collapse{
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    position:fixed;
    top:5vh;
    left:0;
    width:100%;           
  }
  #desktop-menu-wrapper.navbar-collapse.in{
    z-index:9999;
    height:95vh !important;
    overflow-y:auto !important;
    background-color:#ffffff;
  }
  #desktop-menu-wrapper .mobile-menu-wrap{
    display:table;
    height:100%;
    width:100%;
    table-layout:fixed;
          
  }
  #desktop-menu-wrapper .mobile-menu-inner{
    display:table-cell;
    height:100%;
    width:100%;
    vertical-align:middle;
          
  }    
  #desktop-menu-wrapper .menu-wrap{
    text-align:center;
    padding-top:3em;      
  }
  .head .head-right .langmenu-wrap,
  .head .head-right .quickmenu-wrap,  
  .head .head-right .menu-wrap {
    float: none;
  }
  #desktop-menu-wrapper .nav > li{  
    display:block;
    float:none;
    margin-right:0;
  }
  #desktop-menu-wrapper .nav > li{
    text-align:center;
    font-size:3em;
    margin-bottom:0.5em;  
  }  
  #desktop-menu-wrapper .navbar-nav > li > a{
    line-height:inherit;  
    color:#E6AA14;  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .navbar-toggle {
    position:relative;
    display: block;
    z-index:9999;
    padding:0;
    margin:0;
  }
  
  .toggle-menu{
    padding:0.8em 0;
    width:1.8em;
    height:0.2em;
    font-size:1.5em;  
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    cursor: pointer;
  }
  
  
  
  .toggle-menu span:before, 
  .toggle-menu span:after {
    position: absolute; 
    content: '';
  }
  .toggle-menu  span, 
  .toggle-menu  span:before, 
  .toggle-menu  span:after {
    content: '';
    display: block;
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#33000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#33000000');
    
    
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#00000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#00000000');
    
    
    height: 0.2em;
    width: 100%;
    background: #E6AA14;  
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .toggle-menu span {
          
  }
  .toggle-menu  span:before {
    top: -0.6em;
  }
  .toggle-menu  span:after {
    bottom:-0.6em;
  }
  
  .toggle-menu span {
    -webkit-transition-duration: 0s; transition-duration: 0s;
    -webkit-transition-delay: 0.2s; transition-delay: 0.2s;
  }
  .toggle-menu.active  span{
    background-color: rgba(250,130,9,0.0);
    -webkit-transition-delay: 0.2s; 
    transition-delay: 0.2s;
    
  }
  .toggle-menu span:before {
    -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
    -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
  }
  .toggle-menu.active span:before{
    top: 0;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
  }
  .toggle-menu span:after {
    -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
    -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s;
  }
  .toggle-menu.active span:after{
    bottom: 0;
    -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s;
  }
  
  
  
  .body .csc-wrap .csc-pad.csc-layout-1{
    font-size:0.85em;  
  }
  .shell{
    font-size:0.5em;  
  }
  .shell .head > .inner-wrap,
  .shell .body > .inner-wrap,
  .shell .foot > .inner-wrap{
    
  }
}
@media only screen and (max-width: 960px) and (orientation: landscape) {

  
}