/*#sp-page-title {padding: 150px 0;}*/

/*about us*/
.about-us .sp-page-title, .tutorial .sp-page-title, .faq .sp-page-title, .contact .sp-page-title, .quiz .sp-page-title, .news .sp-page-title{
    padding: 150px 0;
    background-repeat: no-repeat;
    background-position: 70% 100%;
    background-size: 300px;
}
@media(min-width:481px) and (max-width:1200px){
  .about-us .sp-page-title, .tutorial .sp-page-title, .faq .sp-page-title, .contact .sp-page-title, .quiz .sp-page-title, .news .sp-page-title{
    background-position: 100% 100%;}  
}
@media(max-width:480px){
.about-us .sp-page-title, .tutorial .sp-page-title,  .faq .sp-page-title, .contact .sp-page-title, .quiz .sp-page-title, .news .sp-page-title{
   background-size: 50%;
   padding:30px 0 280px 0;
   background-position:center bottom;
   text-align: center;
   }
}

/*background-pattern*/
.about-us .sp-page-title:after, 
.tutorial .sp-page-title:after, 
.faq .sp-page-title:after, 
.contact .sp-page-title:after,  
.quiz .sp-page-title:after, 
.news .sp-page-title:after,
.aligners .sp-page-title:after, 
.shop .sp-page-title:after {
    background: url('/images/000_KlinikPergigian/bg-pattern-white-2.jpg');
    content:' ';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;
}

/*hide breadcrumb*/
.sp-page-title .breadcrumb {display: none !important;}

/*aligners*/
.aligners .sp-page-title,  .shop .sp-page-title{
    padding: 150px 0;
    background-repeat: no-repeat;
    background-position: 70% 100%;
    background-size: contain;
}
@media(min-width:481px) and (max-width:1200px){
  .aligners .sp-page-title,  .shop .sp-page-title{background-position: 100% 100%;}
}
@media(max-width:480px){
.aligners .sp-page-title, .shop .sp-page-title {
   background-size: 80%;
   padding:30px 0 280px 0;
   background-position:center bottom;
   text-align: center;
   }
}