@media (min-width: 1920px) and (max-width: 1920px){
    .home-mobile{display: none;}   
    .home-decor .home-circle3 {top: 680px !important;right: -80px !important;}
    .home-decor .home-circle2 { top: 540px !important;right: -30px !important;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 276px !important;left: 522px !important;}
    /* FOOTER */
    .footer-style {padding: 14px 80px;}
}
@media (min-width: 1680px) and (max-width: 1680px){
    .home-mobile{display: none;}   
    .home-decor .home-circle3 {top: 680px !important;right: -80px !important;}
    .home-decor .home-circle2 { top: 540px !important;right: -30px !important;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 276px !important;left: 522px !important;}
    .footer-style {padding: 14px 80px;}
}
@media (min-width: 1600px) and (max-width: 1600px){
    .home-mobile{display: none;}   
    .home-decor .home-circle3 {top: 680px !important;right: -80px !important;}
    .home-decor .home-circle2 { top: 540px !important;right: -30px !important;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 276px !important;left: 522px !important;}
    .footer-style {padding: 14px 80px;}
}
@media (min-width: 1440px) and (max-width: 1440px){
    .home-mobile{display: none;}   
    .home-decor .home-circle3 {top: 680px !important;right: -80px !important;}
    .home-decor .home-circle2 { top: 540px !important;right: -30px !important;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 276px !important;left: 522px !important;}
    .footer-style {padding: 14px 80px;}
}
@media (min-width: 1366px) and (max-width: 1366px){
    .footer-style {padding: 3px 80px;}
}
@media (min-width: 1280px) and (max-width: 1280px){
    .footer-style {padding: 3px 80px;}
}

@media (max-width: 1366px) {
    /* HOME PAGE */
    .home-mobile{display: none;}
    .home-decor .home-circle1 {
      top: 120px;
      left: 30px; 
    }    
    .home-decor .home-circle2 {
      top: 130px;
      right: -30px; 
    }
    .home-decor .home-circle3 {
      top: 400px;
      right: -25px; 
    } 
    .home-contain {
      margin-top: 100px; 
    }
    /* MOBILE */
    .home-mobile .home-decor .home-circle2 {top: 464px;right: -26px;}
    .home-mobile .home-decor .home-circle2 img{ width: 95px}
    .home-mobile .home-decor .home-circle3 {top: 540px;right: -55px;}
    .home-mobile .home-decor .home-circle3 img{ width: 140px}
    /* ABOUT PAGE */
    .about {background-position: -96px; }
    .about-decor .about-circle1 {right: 0; }
    .about-right {
      height: 500px;
      width: 500px; 
    }
    /* TESTIMONIAL PAGE */
    .screenshot {background-size: unset; }
    .screenshot-decor .screenshot-circle2 { top: 180px; right: 20%; }
    .screenshot-decor .screenshot-circle1 { top: 180px;right: 30%; }
    .screenshot-decor .screenshot-circle3 { left: 29%; }    
    /* FOOTER */
    
}

/* Device PC */
@media (min-width: 1024px) and (max-width: 1024px){
    .home-mobile{display: none;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 250px;left: 355px;}
    .mobile-light-left {left: 35.4%;}
    .mobile-light-right {right: 35%;}

    /* FOOTER PAGE */
    .footerImg {height: 504px;}
    /* FOOTER */
    .footer-style {
        padding: 3px 80px;
    }
}

@media (max-width: 575.98px) {
    /* HOME PAGE */    
    .home-mobile{display: block;}
    .home{display: none;}
    .home-decor .home-circle1 {
      top: 100px;
      left: 30px; 
    }
    .home-decor .home-circle1 img{
      width: 100px;
      height: 90px;
    }
    /* ABOUT PAGE */
    .about {background: none; }
    .about-right {height: 333px;width: 333px;float: none;margin-left: 0px;margin-top: 40px;}
    .iframeVideo{width: 100% !important;height: 250px !important;}
    .availPadding{padding-top: 0px;padding-bottom: 15px;}
    .about-decor .about-circle1 {left: auto;right: -24px;bottom: 61px; }
    .about-decor .about-circle2 {right: 50px; }
    .about-decor .about-circle2 img{width: 120px;height: 130px;}

    /* VIDEO PAGE */
    .box-video-penjelasan2{padding: 15px;}

    /* TESTIMONIAL PAGE */
    .screenshot{padding-top: 0px !important;}
    .mobile-light-left {display: none;}
    .mobile-light-right {display: none;}
    .mob-mocup {width: 181px;left: 90px;}
    .screenshot-decor .screenshot-circle2 { top: 150px; right: -4%; }
    .screenshot-decor .screenshot-circle1 { top: 110px;right: 7%; }
    .screenshot-decor .screenshot-circle3 { left: 33%;bottom: 123px }    
    .screenshot-decor .screenshot-circle2 img{width: 86px;height: 100px;}
    .screenshot-decor .screenshot-circle3 img{width: 120px;}
    .screenshot .title{text-align: center;}

    /* GALLERY PAGE */
    .screenshot-decor2 .screenshot-circle2 {right: 150px;}
    .screenshot-decor2 .screenshot-circle3 img { width: 130px; }
    .screenshot-decor2 .screenshot-circle2 img { width: 87px; }

    /* FOOTER PAGE */
    .footer-style { padding: 0 30px; }
}
@media (max-width: 767.98px) { 
  
  .container, .container-sm{
    max-width: 100%;
  }
  
}
@media (min-width: 768px) and (max-width: 768px){
    .home-mobile{display: none;}
    /* ABOUT PAGE */
    .about-right {height: 333px;width: 333px;}
    .iframeVideo{width: 100% !important;height: 350px !important;}
    .availPadding{padding-top: 0px;padding-bottom: 15px;}
    .about-decor .about-circle1 {left: auto;right: -24px;bottom: 61px; }
    .about-decor .about-circle2 {right: 50px; }
    .about-decor .about-circle2 img{width: 120px;height: 130px;}

    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 250px;left: 234px;}
    .mobile-light-left {display: none;}
    .mobile-light-right {display: none;}

    /* GALLERY PAGE */
    .screenshot-decor2 .screenshot-circle2 {right: 350px;}

    /* FOOTER PAGE */
    .footerImg {height: 570px;}

}
@media (min-width: 411px) and (max-width: 414px){
    .home{display: none;}    
    /* ABOUT PAGE */  
    .about-right {height: 333px;width: 333px;float: none;margin-left: 22px;margin-top: 40px;}
    /* TESTIMONIAL PAGE */
    .mob-mocup {width: 202px;left: 98px;}
}