@media screen and (max-width: 1366px) and (min-width: 970px){
  .contentC{padding: 20px;width: calc(100% - 40px);} 
  
 }
 @media screen and (max-width: 970px){
    :root {
        --blockTopPadding : 40px;
    }
    body{
        -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    }
    .mobil{display: block;}
    .desktop{display:none;}
    #header .a{padding:15px;}
    .contentC, #contentMain{width: 100%; padding: 15px; box-sizing: border-box;}
    #sidebar{padding-left: 15px;}
    .title1{font-size: 30px;}
    #header .a #topMenuDiv{justify-content: flex-end;}
    .block2 .block2_a a{padding: 0 10px 10px;}
    #header.home:after{content: "";height: 100px;}
    .block3 .block3_a .block3_b h2{font-size: 30px;}
    .block3 .block3_a{padding: 15px;}
    .block3 .block3_a .block3_c .block3_c_1{width: calc(50% - 43px)}
    #detailTitle h1{font-size: 30px; padding: 20px 0;}
    .blockAbout{padding: 15px !important;}
    .blockAbout .blockAboutIlk{ flex-direction: column;}
    .blockAbout .blockAboutIlk div{width: 100% !important;}
    
    #header .contentC #topMenuDiv #lang div{background: white;margin: 22px 0 0 -10px; padding: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

    #detailTitle .a h1{font-size: 22px;}

    #menKapat {
        color: black;
      }
      #mobilMenu {
        position: fixed;
        top: 0;
        left: -100%;
        background: rgba(var(--pColorRGB), 0.8);
        z-index: 99999;
        width: 80%;
        height: 100%;
        overflow: auto; border-radius: 0 10px 10px 0;
      }
      #mobilMenu ul li {
        list-style: none;
      }
      #mobilMenu ul li a {
        color: #fff;
        display: block;
        font-size: 3vh; font-weight: 700; font-family: var(--fontRoboto);
        padding:20px 0;
      }
      #mobilMenu ul li#menu-item-85 a {
        background: #fff;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
      }
      #mobilMenu ul li a img {
        width: 100px;
      }
}