@media only screen and (min-width:576px) and (max-width:768px){html{font-size:15px}.hidden-sm{display:none!important}.container{max-width:100%;width:90%}.box-gallery figure img{height:300px}.box-information figure img{height:280px}.box-album .image img,.main-wrapper .gallery .box-gallery figure img{height:220px}.header .header-top .content{justify-content:center}.header .header-bottom .content .logo img{height:45px}.home-about .content-top h1,.home-about .content-top p,.home-information .title p,.home-library .content-top .title p{margin:0 0 15px}.home-about .content-bottom .col-xl-6:first-child,.home-about .content-bottom .col-xl-6:nth-child(2),.home-about .content-bottom .col-xl-6:nth-child(3),.home-headmaster figure img,.main-wrapper .sambutan figure,footer .item-1,footer .item-2{margin:0 0 30px}.home-headmaster .text,.main-wrapper .sambutan .text,.main-wrapper .sambutan .title{padding:0}.home-information .title,.home-library .content-top .title{display:block}.home-information .col-second .box-information figure img{height:270px}footer .item label{margin:0 0 10px}footer .item img{height:50px}.main-wrapper .ekstrakurikuler figure img{height:210px}.home-about .content-top{padding:50px 0 110px}.home-headmaster,.main-wrapper,.main-wrapper .contact .form-contact,footer{padding:60px 0}.home-information{padding:60px 0 30px}.home-about .content-top h1{font-size:34px}.main-wrapper .contact .form-contact h1,.main-wrapper .information-detail .information h1,.main-wrapper .sambutan .title h1,.main-wrapper .title h1{font-size:26px}.home-headmaster .text h1,.home-information .title h1,.home-library .content-top .title h1{font-size:24px}.main-wrapper .information-detail .share h2,.main-wrapper .sambutan .text h2,.main-wrapper .sambutan .title h2{font-size:22px}.main-wrapper .information-detail .related>h2{font-size:20px}.header .header-bottom .content .navigation ul li.item a{font-size:18px}}