/*========================================*/
/* Sido Muncul by ShareInvestor Indonesia */
/*========================================*/


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  
  /*page history*/
  .anchor-down{
    display: none;
  }
  .page-history{
    margin: 0 auto 50px;
  }
  .page-history:first-child{
    margin: 120px auto 0;
  }
  .page-history .box-img{
    margin: 30px auto 0;
  }
  .page-history .line-bullet img{
    height: 620px;
  }
  .page-history .sub-judul{
    margin: 30px auto 20px;
  }
  .page-history .t-desc{
    font-size: 14px;
    text-align: left;
  }
  .page-history .t-desc br{
    display: none;
  }
  .page-history .col-img{
    margin-bottom: 30px;
  }
  .page-history .t-year{
    text-align: center;
  }
  .page-history .col-img.blockB img{
    float: none;
  }
  .page-history .col-img img{
    margin: auto;
    display: block;
    max-width: 300px;
  }
  .page-history .row{
    position: relative;
    padding-left: 30px;
  }
  .page-history .line-bullet{
    top: 0;
    left: 15px;
    transform: none;
    height: auto;
  }

  .no-fullpage{
    padding: 120px 0 50px;
  }
  .no-fullpage .box{
    margin: 50px auto 0;
  }
  .bottom-decor{
    padding: 120px 0;
  }
  .bottom-decor:after{
    width: 190px;
    height: 100px;
  }

  /*page visi misi*/
  .page-visi-misi h1.line:before, 
  .page-visi-misi h1.line:after{
    width: 10%;
  }
  .page-visi-misi .col-text .text{
    text-align: center;
  }
  .page-visi-misi .row{
    display: block;
  }
  .page-visi-misi .col-img{
    margin-bottom: 30px;
  }
  .page-visi-misi .col-img img{
    display: block;
    margin: auto;
    max-height: 80px;
  }
  .page-visi-misi .col-text .text{
    padding-right: 0;
  }
  .page-visi-misi .sub-judul.misi{
    margin-top: 50px;
  }
  .page-visi-misi .col-text ul li{
    font-size: 14px;
    padding-right: 20px;
  }

  /*page awards*/
  .page-awards .inner-box,
  .page-awards .inner-box.big{
    height: auto;
  }
  .page-awards .judul .text{
    max-width: 300px;
    margin: auto;
    display: block;
  }
  .page-awards .col-filter{
    margin-top: 20px;
  }
  .page-awards .col-filter select{
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid var(--yellow);
    max-width: 300px;
    margin: auto;
    display: block;
  }
  .filter-dropdown {
    background: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%) var(--white);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
     -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    transition: all .2s ease;
  }
  .filter-dropdown:focus {
    background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    outline: 0;
  }
  .page-awards .big-col .inner-box:before{
    font-size: 28px;
  }
  .page-awards .big-col .inner-box{
    display: inline-block;
    max-width: 300px;
    left: 50%;
    transform: translate(-50%);
  }
  .page-awards .inner-box img{
    float: none;
    margin: 20px auto 0;
  }
  .page-awards .big-col .col-text{
    padding-left: 15px;
    margin-top: 20px;
  }
  .page-awards .t-title{
    padding-bottom: 10px;
  }
  .page-awards .big-col .text{
    padding-top: 10px;
  }
  .page-awards .small-col .inner-box .t-title{
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .page-awards .box-awards{
    margin: 0 auto;
  }
  .page-awards .small-col:nth-child(1n+1){
    padding-right: 15px;
  }
  .page-awards .small-col .inner-box{
    display: block;
    max-width: 300px;
    margin: auto;
  }

  /*page boc bod*/
  .page-boc .inner-box{
    height: 350px;
    max-width: 300px;
    margin: auto;
  }
  .page-boc .img-profile{
    max-height: 240px;
  }
  .page-boc .t-job{
    font-size: 14px;
  }

  /*detail boc boc*/
  .page-detail-boc .col-wrapper{
    display: block;
  }
  .page-detail-boc .col-img img{
    max-height: 240px;
  }
  .page-detail-boc .inner-box{
    /*max-width: 300px;*/
    max-width: 280px;
    margin: 0 auto 20px;
  }
  .page-detail-boc .t-name{
    text-align: center;
  }
  .page-detail-boc .t-name:after{
    left: 50%;
    transform: translateX(-50%);
  }
  .page-detail-boc .t-job{
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .page-detail-boc .text{
    padding-right: 0;
  }
  .page-detail-boc .text.list{
    font-size: 14px;
  }
  .page-detail-boc .button-wrap{
    margin-top: 50px;
  }

  /*report boc bod*/
  .page-report-boc .inner-box .card-image{
    float: none;
    display: block;
    margin: 0 auto 50px;
  }
  .page-report-boc .text-wrap .title{
    font-size: 16px;
  }
  .page-report-boc .card-content .t-name{
    font-size: 16px;
  }

  .page-certification .title-certification {
    font-weight: bold;
    background-color: var(--yellow) !important;
    flex-flow: nowrap;
  }

  .table table td{
    font-size: 14px;
  }
  /*table list*/
  /*.table-list table thead{
    position: absolute;
    top: -999px;
    left: -999px;
  }*/
  .table-list table tbody tr{
    display: flex;
    flex-direction: column;
  }
  .table-list table tbody tr td{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    text-align: right;
  }
  .table-list table tr td:before{
    content: attr(data-title);
    display: inline-block;
    font-weight: 800;
    text-align: left;
  }
   .table-list table thead{
    position: relative;
    top: 0;
    left: 0;
  }
  .table-list table thead td{
    display: none;
    text-align: center;
  }
  .table-list-desc table tbody tr td{
    display: inline-block;
    text-align: left;
  }
  .table-list-desc table tr td:before{
    margin-right: 5px;
    content: attr(data-title)":";
  }
  .table-list-desc table tr td#mbl-display:before{
    content: attr(data-title);
  }


  /*innovation -- prod site -- herbal manuf*/
  /*.page-production-site h1.line:before,
  .page-production-site h1.line:after{
    width: 3%;
  }*/
  .page-production-site .hero-image{
    padding: 15px;
    background-attachment: inherit;
  }
  .page-production-site .hero-image .outer-box{
    padding: 15px;
    height: auto;
  }
  .page-production-site .hero-image .inner-box{
    top: 0;
    left: 0;
    transform: none;
  }
  .page-production-site .hero-image .t-floor{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .page-production-site .hero-image .t-floor.second{
    top: 0;
  }
  .page-production-site .box-concept .t-desc.text1{
    font-size: 14px;
  }
  .page-production-site .box-concept .content-wrap .line{
    display: none;
  }
  .page-production-site .box-concept .content-wrap.my-flex,
  .page-production-site .box-concept .content-wrap{
    display: block;
  }
  .page-production-site .box-concept .content-wrap .item{
    width: 100%;
    margin-bottom: 80px;
    min-height: auto;
  }
  .page-production-site .box-concept .content-wrap .item:last-child{
    margin-bottom: 0;
  }
  .page-production-site .box-concept .content-wrap .item:before{
    top: -60px;
    transform: none;
    left: 5px;
    font-size: 18px;
  }
  .page-production-site .box-concept .content-wrap .item:after{
    width: 20px;
    top: -20px;
    left: 0px;
    transform: translateX(0) rotate(90deg);
  }
  .page-production-site .box-machine .inner-box{
    height: 250px;
  }
  .page-production-site .box-machine .overlay-box{
    min-height: auto;
    padding: 10px 20px;
  }
  .page-production-site .box-machine .overlay-box .title{
    font-size: 16px;
  }
  .page-production-site .box-concept .t-desc{
    font-size: 14px;
  }
  .page-production-site .box-concept .t-desc.text{
    font-size: 14px;
  }
  .page-production-site .box-concept .t-desc.text li{
    font-size: 14px;
    padding-right: 10px;
  }
  .page-production-site .box .t-title{
    font-size: 16px;
  }
  .page-production-site .box-img,
  .page-production-site.warehouse-hangar .box-machine .inner-box{
    height: 250px;
  }

  .box-img-cert{
    height: auto;
  }

  .img-iso{
    width: 100%;
  }

  /*entitas anak*/
  .page-entitas .hero-image{
    height: 300px;
  }
  .page-entitas.pt-muncul-mekar .hero-image{
    height: 400px;
  }
  .page-entitas .text blockquote{
    font-size: 16px;
  }
  .page-entitas .other-entitas .col{
    margin-bottom: 30px;
  }
  .page-entitas .other-entitas .title{
    font-size: 16px;
  }
  .page-entitas .other-entitas img.img-muncul-mekar{
    object-position: center;
  }
  .page-entitas .other-entitas img.img-berlico{
    object-position: center;
  }
  .page-entitas .other-entitas img.img-nigeria{
    object-position: center;
  }

  /*naration text*/
  .naration-text .text-wrap .title{
    font-size: 16px;
  }
  .naration-text .box-img{
    height: 250px;
  }

  .naration-text .box-img.box-img-cert{
    height: auto;
  }
  .naration-text .foto-carousel{
    height: auto;
    margin: 30px auto;
  }
  .naration-text blockquote{
    font-size: 14px;
  }
  .naration-text .inner-box .overlay-box .title{
    font-size: 16px;
  }

  /*csr*/
  .pages .csr-carousel .slides{
    height: 300px;
  }
  .page-csr h1.line:before, 
  .page-csr h1.line:after{
    width: 8%;
  }
  .page-csr.katarak .info{
    margin: 30px auto 50px;
  }
  .page-csr.katarak .info .title{
    font-size: 18px;
    left: 0;
  }
  .page-csr.katarak .info .text{
    animation: none !important;
    font-size: 14px;
  }
  .page-csr.katarak .info .text .number{
    font-size: 16px;
  }
  .page-csr.katarak .info .text.t-rs{
    left: 15%;
    top: 55%;
  }
  /*.page-csr.katarak .box-img:before{
    width: 220px;
  }
  .page-csr.katarak .box-img .overlay-box{
    transform: scale(.6);
    margin: 0;
    right: -90px;
  }
  .page-csr.katarak .box-img .overlay-box .title{
    right: 270px;
    top: 0;
  }*/


  .content-accordion .panel-title{
    padding-right: 40px;
  }
  .simple-accordion .panel-group {
    padding-left: 0;
  }
  .simple-accordion .panel-title{
    padding-right: 0;
    font-size: 13px;
  }
  .simple-accordion .panel-title .more-less{
    float: right;
    right: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  /*profile staff*/
  .profile-staff .card-content .t-name{
    font-size: 16px;
  }
  .profile-staff .col-wrapper{
    display: block;
  }
  .profile-staff .col-img{
    margin-bottom: 30px;
  }
  .profile-staff .inner-box .card-image{
    float: none;
    margin: auto;
  }
  .profile-staff .col-profile .content-wrap{
    padding: 0;
  }
  .profile-staff .col-profile ol, 
  .profile-staff .col-profile ul{
    padding: 0 15px;
  }
  .profile-staff ol, 
  .profile-staff ul{
    padding: 0 5px 0 30px;
  }
  .profile-staff .text.list{
    font-size: 14px;
  }
  .profile-staff .title{
    padding: 0 15px;
  }
  .profile-staff .content-wrap{
    padding: 0;
  }

  .decor-leaf:after{
    width: 160px;
    height: 130px;
  }

  /*go green*/
  .page-go-green .hero-img{
    min-height: 300px;
  }
  .page-go-green .hero-img .title.id,
  .page-go-green .hero-img .title.en{
    width: 90%;
  }
  .page-go-green .row{
    display: block;
  }
  .page-go-green .info{
    margin-top: 0;
  }
  .page-go-green .row{
    margin-bottom: 0;
  }
  .page-go-green .col{
    margin-top: 0;
    margin-bottom: 20px;
  }
  .page-go-green  .col:last-child{
    margin-top: 0;
  }
  .page-go-green .limbah-cair img{
    height: 300px;
  }
  .page-go-green .decor-leaf{
    display: none;
  }

  /*page report*/
  .page-report .content-wrap{
    margin: 0 auto 50px;
  }
  .page-report .content-list .sub-title{
    font-size: 18px;
  }



  /*page list*/
  .page-list .col-filter select{
    font-size: 14px;
  }
  .page-list .form-inline{
    justify-content: center;
  }
  .page-list .table-yellow .col-header{
    padding: 10px 5px;
  }
  .page-list .col-wrapper{
    font-size: 14px;
    padding: 10px 5px;
  }

  /*table profile*/
  .table-profile table tbody tr td{
    justify-content: center;
    text-align: center;
  }

  /*page working*/
  .page-working .hero-img{
    margin-bottom: 30px;
    background-size: cover;
  }
  .page-working .hero-img .title{
    background: rgba(255,255,255,.8);
    left: 20px;
  }
  .page-vacancies .hero-img{
    background-size: cover;
  }
  .page-vacancies .text-no-job br{
    display: none;
  }
  .page-vacancies .filter-bar{
    position: fixed;
    float: none;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    z-index: 100;
    left: -999px;
    height: 100%;
    transition: all .5s;
    margin: 0;
  }
  .page-vacancies .filter-bar .outer-box{
    width: 70%;
    height: 100vh;
    background: var(--white);
    padding: 20px 0;
    overflow: scroll;
    display: -webkit-box !important;
    display: -o-box !important;
    display: -ms-box !important;
    display: -moz-box !important;
    display: box !important;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
  }
  .page-vacancies .filter-bar .title{
    font-size: 16px;
  }
  .page-vacancies .my-checkbox label span{
    font-size: 14px;
    margin-left: 5px;
  }
  .page-vacancies .col-search{
    box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-box-ordinal-group: 1;
  }
  .page-vacancies .col-reset{
    box-ordinal-group: 2;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
  }
  .page-vacancies .col-lokasi{
    box-ordinal-group: 3;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
  }
  .page-vacancies .col-company{
    box-ordinal-group: 4;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-box-ordinal-group: 4;
  }


  /*landing artikel*/
  .page-artikel .text-box{
    height: 300px;
  }

  /*page detail article*/
  .page-detail-artikel .img-thumbs{
    max-width: 100%;
  }
  .page-detail-artikel .text-wrap{
    padding-right: 20px;
  }
  .page-detail-artikel .text-wrap .title{
    font-size: 16px;
  }
  .page-detail-artikel .title{
    font-size: 18px;
  }
  .page-detail-artikel .button-wrap{
    margin: 50px auto;
  }

  /*peluang usaha*/
  .page-peluang-usaha .hero-image img{
    width: 100%;
  }
  .page-peluang-usaha .text, .page-peluang-usaha a{
    font-size: 14px;
  }

  /*page at glance*/
  .page-glance .hero-img .title{
    left: 50%;
    font-size: 22px;
  }
  .page-glance .col-img .img-produk{
    max-width: 250px;
    margin: auto;
  }
  .page-glance .img-map{
    margin: 30px auto 50px;
  }
  .page-glance .box-at-a-glance{
    height: 200px;
  }
  .page-glance .icon-at-a-glance{
    width: 70px;
  }

  /*page detail produk*/
  /*accordion*/
  .page-detail-product .content-box .sub-judul{
    margin: 50px auto 30px;
    font-size: 20px;
  }
  .page-detail-product .content-box img{
    max-width: 250px;
  }
  .page-detail-product .content-box img.img-berlico{
    max-width: 200px;
  }
  .page-detail-product .content-box .row{
    display: block;
  }
  .page-detail-product .content-box p{
    text-align: center;
    font-size: 14px;
  }
  .page-detail-product .content-box p br{
    display: none;
  }
  .page-detail-product .content-box .col-img{
    margin: 0 auto 30px;
  }

  /*page detail produk*/
  /*list*/
  .page-detail-product{
    padding: 120px 0 180px;
  }
  .page-detail-product .text-wrap{
    margin-bottom: 30px;
  }
  .page-detail-product .text-wrap .decor-line span{
    font-size: 16px;
  }
  .page-detail-product .btn-buy{
    margin: 20px auto 0;
  }
  .page-detail-product .content-box .title{
    text-align: center;
  }

  /*page product*/
  .page-product2 .btn-reset{
    margin-bottom: 0;
  }
  .search-wrap{
    background: var(--white);
  }
  .search-wrap label{
    margin-top: 20px;
  }
  .page-product2 .input-search{
    margin-bottom: 20px;
  }
  .page-product .filter-sidebar{
    position: fixed;
    float: none;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.7);
    z-index: 100;
    left: -999px;
    height: 100%;
    transition: all .5s;
  }
  .page-product .filter-sidebar.slide-in,
  .page-vacancies .filter-bar.slide-in{
    left: 0;
  }
  .page-product .filter-sidebar .btn-close,
  .page-vacancies .filter-bar .btn-close{
    color: var(--yellow);
    font-size: 36px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
  }
  .page-product .panel-group{
    position: absolute;
    height: calc(100vh);
    overflow: scroll;
    width: 70%;
  }
  .my-checkbox input:checked + label:after{
    top: 10px;
  }
  .page-product .main-product{
    float: none;
    width: 100%;
  }
  .page-product .box-product .inner-box{
    height: auto;
  }
  .page-product .box-product .product-name{
    height: auto;
    font-size: 16px;
    display: block;
    overflow: visible;
  }
  .page-product .box-product .t-desc{
    display: block;
    overflow: visible;
    height: auto;
  }
  .btn-filter{
    color: var(--brown);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 100;
    text-align: center;
    background: var(--yellow);
    padding: 5px 20px;
    border-radius: 5px;
  }
  .btn-filter .fa{
    font-size: 28px;
  }

  /*page error*/
  .page-error{
    padding: 10px 0 50px;
  }
  .page-error .box{
    transform: translate(-50%,-50%) scale(.8);
  }

  .page-gms h1.line:before, 
  .page-gms h1.line:after{
    width: 8%;
  }
  .page-rnc h1.line:before, 
  .page-rnc h1.line:after{
    width: 5%;
  }
  .page-report-boc h1.line:before,
  .page-report-boc h1.line:after{
    width: 5%;
  }
  .page-entitas.pt-shi h1.line:before,
  .page-entitas.pt-shi h1.line:after{
    width: 7%;
  }


}
/*end 992*/



/*=================================================================*/

@media only screen and (max-width:750px){
  /*page report*/
  .page-report .content-wrap .col{
    min-height: auto;
  }
  .page-report .col-text .inner-box{
    padding: 0 20px 30px;
    margin: auto;
  }
  .page-report .title,
  .page-report .box-info{
    margin-bottom: 10px;
  }
  .page-report .content-wrap .col-text{
    text-align: center;
  }

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 568px){
  .page-detail-bod  h1.line:before,
  .page-detail-bod  h1.line:after{
    width: 15%;
  }
  .page-bod  h1.line:before,
  .page-bod  h1.line:after{
    width: 15%;
  }
  .page-entitas .other-entitas img.img-nigeria{
    object-position: -310px;
  }
  .page-entitas.muncul-nigeria .hero-image img{
    object-position: -310px;
  }
  .page-entitas.pt-berlico .hero-image img{
    object-position: -320px;
  }
  .page-entitas.pt-muncul-mekar .hero-image{
    height: 300px;
  }
  .page-gms h1.line:before, 
  .page-gms h1.line:after{
    width: 5%;
  }
  .page-news .content-box,
  .page-news .t-title{
    height: auto;
  }
  .page-csr.katarak .info{
    height: 350px;
  }
  .page-csr.katarak .info .text{
    transform: scale(.75);
  }
  .page-csr.katarak .info .text.t-rs{
    left: 5%;
    top: 50%;
  }
  .section-news .t-title{
    height: auto;
  }
  /*.page-csr.katarak .box-img:before{
    width: 120px;
  }
  .page-csr.katarak .box-img .overlay-box .title {
    right: 120px;
    top: -60px;
  }
  .page-csr.katarak .box-img .overlay-box .text.t-patient{
    top: -8%;
    right: 80px;
  }
  .page-csr.katarak .box-img .overlay-box .text.t-city{
    right: 90px;
  }
  .page-csr.katarak .box-img .overlay-box .text.t-rs{
    top: 53%;
    right: 40px;
  }
  .page-csr.katarak .box-img .overlay-box .text.t-provinsi {
    top: 85%;
    right: 127px;
  }
  .page-csr.katarak .box-img .overlay-box .text{
    text-align: left;
  }
  .page-csr.katarak .box-img .overlay-box{
    margin-top: 10px;
    right: -100px;
  }*/

}
/*end 568*/



/*=================================================================*/

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px){
  
}
/*end 320*/

/*=================================================================*/


/* Tablets */
@media only screen and (min-width : 767px) and (max-width: 992px){
  .page-awards .big-col .inner-box{
    max-width: 500px;
  }
  .page-awards .inner-box img{
    width: 100%;
    height: 300px;
    max-height: inherit;
  }
  .page-awards .small-col .inner-box{
    max-width: 500px;
  }
  .page-awards .col-filter select{
    max-width: 500px;
  }
  .page-awards .judul .text{
    max-width: 500px;
  }
  .page-detail-boc .col-wrapper{
    display: flex;
  }
  .page-detail-boc .t-name{
    text-align: left;
  }
  .page-detail-boc .t-name:after{
    left: 0;
    transform: none;
  }
  .page-detail-boc .t-job{
    text-align: left;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .page-entitas .other-entitas img.img-muncul-mekar{
    object-position: center;
  }
  .page-entitas .other-entitas img.img-berlico{
    object-position: center;
  }
  .page-entitas .other-entitas img.img-nigeria{
    object-position: center;
  }
  .page-entitas.pt-muncul-mekar .hero-image{
    height: 500px;
  }
  .page-product .box-product .product-name{
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }
  .page-product .box-product .t-desc{
    height: 125px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
  }


}
/*end 768*/

/*=================================================================*/

/* Tablets landscape */
@media only screen and (min-width : 1024px) and (max-width: 1024px){
  .page-history .anchor-down{
    display: none;
  }
  .page-history .line-bullet{
    display: none;
  }
  .page-history .col-img{
    margin-bottom: 50px;
  }
  .page-history .t-desc{
    margin-bottom: 50px;
  }
  .page-awards .inner-box{
    height: 400px;
  }
  .page-product .filter-sidebar{
    width: calc(28% - 20px);
  }
  .page-product .main-product{
    width: 74%;
  }

}
/*/*end 1024*/


@media only screen and (min-width : 993px) and (max-width: 1198px){
  #fullpage .pages:first-child{
    margin: 150px auto 50px;
  }
  .page-history .line-bullet{
    display: none;
  }
  .page-home.footer{
    display: none;
  }
  .page-history .anchor-down{
    display: none;
  }
  .page-history .col{
    margin-bottom: 50px;
  }
  .page-awards .categories{
    margin-left: 20px;
  }
  .page-awards .inner-box{
    height: 350px;
  }
  .page-awards .inner-box img{
    width: 250px;
  }


  .page-rnc h1.line:before, 
  .page-rnc h1.line:after{
    width: 5%;
  }
  .page-report-boc h1.line:before,
  .page-report-boc h1.line:after{
    width: 5%;
  }
  .page-entitas.pt-shi h1.line:before,
  .page-entitas.pt-shi h1.line:after{
    width: 15%;
  }
}


@media only screen and (min-width : 1200px) and (max-width : 1366px) and (max-height: 768px){
  .page-history .box-img{
    height: 400px;
  }
}

@media only screen and (min-width : 1200px) and (max-width : 1366px) and (max-height: 722px){
  .page-history .box-img{
    height: 370px;
  }
}

@media only screen and (min-width : 1200px) and (max-width : 1366px) and (max-height: 660px){
  .page-history .box-img{
    height: 350px;
  }
}

@media only screen and (min-width : 1400px) and (max-width : 1600px) and (max-height: 680px){
  .page-history .box-img{
    height: 370px;
  }
}

/*mozilla target*/
@-moz-document url-prefix(){
  
}


/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}


/* IE Edge 12+ CSS styles go here */ 
@supports (-ms-accelerator:true) {
 
}