@media (min-width: 1199px) {
.med_cek:after {content:"@media (max-width: 1199px)";}
}

@media (min-width: 992px) and (max-width: 1199px) {
.med_cek:after {content:"@media (min-width: 992px) and (max-width: 1199px)";}
}

@media screen and (max-width:400px) {
.med_cek:after {content:"@media (max-width: 991px)";}

}

@media (max-width: 991px) { 
.med_cek:after {content:"@media (max-width: 991px)";}

}

@media (min-width: 768px) and (max-width: 991px) {
.med_cek:after {content:"@media (min-width: 768px) and (max-width: 991px)";}
#makeCall {width: 7%;}
#primary-menu-trigger i {font-size: 30px;}
#logo img {margin-top: 10px;}
#primary-menu ul>li>a {padding:20px !important;}
#primary-menu ul li>a {font-size: 16px;}
}

@media (max-width: 767px) {
.med_cek:after {content:"@media (max-width: 767px)";}
#logo {height: auto;}
#primary-menu-trigger {top: 9px; font-size: 20px;}
.heading-block h2 {font-size: 20px; } 
.heading-block h1 {font-size: 20px !important;} 
.title_header {margin-top: -12px;}
.testimonial-full .testi-content { font-size: 14px; }
.wrap_feature h3{font-size: 16px;}
#primary-menu ul li > a {line-height: 1.5;}
#slider{height: 550px !important;}
.wrap_hero_txt {width: 100% !important; left: 0; margin-top: 30px !important;}
.wrap_hero_product_txt {width: 100% !important; left: 0; margin-top: 30px !important;}
.wrap_hero_product_txt h1 {font-size: 20px !important; }
.wrap_hero_product_txt ul li {line-height: 1.3; font-weight: 300;}
.emphasis-title h2 {font-size: 20px !important;}
.feature-box {margin-bottom: 20px;}
.tag_product ul li {margin-bottom: 25px;}
.wrap_product_catalog {margin-bottom: 20px;}
.btn_cta_buy {position: relative; right: 0; bottom: 0; margin-top: 20px;}
.wrap_hero_txt ul {display: block;}
#makeCall {width: 17%; height: 40%;}
.heading-block {margin-bottom: 20px;}
.heading-block.center:after, .heading-block.title-center:after {margin: 10px auto 0;}
.heading-block h2{font-size: 18px;}
.section {position: relative; margin: 30px 0; padding: 30px 0; overflow: hidden;}
.testi-content p {font-size: 16px!important; line-height: normal !important;}
.heading-block h2+span{font-size: 16px;}
.mt-5, .my-5 { margin-top: 1rem!important;} 
.emphasis-title {margin-top: 80px;}
.martop_100 {margin-top: 10px;}
.wrap_about {margin-bottom: 30px;}
.wrap_hero_txt h1 {font-size: 27px !important;}
.feature-box h3 {font-size:16px;}
.heading-block h1{font-size: 18px;}
.article_content h3 {padding: 10px 0 10px 0; line-height: 1;}
.article_content h3 a {font-size: 18px;}
.heading-block h1+span {font-size: 16px;}
.overlay_cover h3 {font-size: 20px;}
.btn_brown {margin-bottom: 10px;}
.heading_form {font-size: 14px;}
.wrap_inquiry {padding: 2em 2em 1em 1em;}
.portfolio .portfolio-item{padding: 4px;}
.left_cta {
  position: absolute;
  width: 100%;
  background-color: rgb(33 37 41 / 58%);
}
.wrap_headline_txt h1 {
  font-size: 26px !important;
  padding-bottom: 0;
}
.right_img{ width: 100%; }
}

@media (min-width: 480px) and (max-width: 767px) {
.med_cek:after {content:" @media (min-width: 480px) and (max-width: 767px)";}

@media (max-width: 377px) {
.med_cek:after {content:"@media (max-width: 377)";}
}

@media (max-width: 390px) { 
.med_cek:after {content:"@media (max-width: 390px)";}}


@media (max-width: 299px) { 
.med_cek:after { content:"@media(max-width: 299px) ";}
}