/*@media screen and (max-width: 1200px) {
.container{width: 1170px !important;}
}

@media screen and (max-width: 1190px) {
.container{width: 100% !important;}
}

@media screen and (max-width: 992px) {
.container{width: 100% !important;}
}

@media screen and (max-width: 980px) {
--Header--
.container{width: 100% !important; padding: 0; margin: 0;}
.header{width: 100% !important;}
.header .logo img{width: 80%;}


}*/

@media screen and (max-width: 768px) {

/*--Header--*/

#login-modal  .modal-content{width: 100%;}
#login-modal .modal-content button span{font-size: 16px !important}
#login-modal .modal-content .or-ins{font-size: 16px !important}

/**edited by rahin**/
.container{float: left; width: 100% !important; /**padding: 0 !important;**/}

.title-head{width: 100%; padding: 0 !important;}
ul.menu-gallery-top{float: none !important; display: table; width: 210px; margin: 0 auto}

/*--Content Gallery--*/
.content{width: 100%; /**padding: 0 !important**/}
.content ul.gallery-content{float: none;  display: table; width: 325px; margin: 0 auto;}
.content ul.gallery-content li{width: 300px;}

/*--Content featured artist--*/
ul.featured-artist{width: 100%; margin: 0}
ul.featured-artist li{float: none; width: 100px; margin: 20px auto; display: table;}
ul.featured-artist .title-featured-artist{text-align: center; margin-top: 10px;}

section.desktop{display: none;}
section.mobile{display: block !important; position: relative;}
.space-menu{display: none;}

.space-menu-mobile{float: left; height: 50px; width: 1px;}

span.share a i{font-size: 13px}

.title-page{font-size: 20px !important; margin-top: 0; margin-bottom: 0 !important;}
.title-head .title-event span{font-size: 20px !important; margin-top: 10px}


/*Jurnal*/
.title-head .title{font-size: 20px !important;}
.title-head .desc{display: none;}

.jurnal-page .content .jurnal-ins{border-bottom:1px solid #ccc; margin-bottom: 20px; height: 400px; overflow: hidden; }
.jurnal a.readmore-js-toggle{display: none;}

/*.jurnal-page .content .artikel-jurnal{width: 60%;}*/
.jurnal-page .content .artikel-jurnal .tag-left a{font-size: 15px !important}
.jurnal-page .content .artikel-jurnal .title-left a{font-size:23px !important; line-height: 23px; margin-top: 3px; }
.jurnal-page .content .artikel-jurnal .author-left a{font-size: 15px !important}
.jurnal-page .content .artikel-jurnal .content-artikel-jurnal{font-size: 13px;}

/*.jurnal-page .content .jurnal-ins .right{width: 40%;}*/
.jurnal-page .content .content-bottom{float: left; width: 100%; margin-top: -18px}

/*action*/
/*.content .aksi .aksi-ins .date{width: 13%; padding: 0 !important;}*/
.content .aksi .aksi-ins .date .day{font-size: 13px !important; margin-top: 10px;}
.content .aksi .aksi-ins .date .month{font-size: 20px !important; margin-bottom: 10px;}
.content .aksi .aksi-ins .share-aksi{width: none !important}

/*Story*/
.story .tag a{font-size: 15px;}
/*.story .title a{font-size: 28px;}*/
.story .thumb-name .thumb-author{display: none;}
/*.story .thumb-name span.name-author{margin-top: 0 !important;}*/
.story .thumb-name span.name-author a{font-size: 13px !important}

.story .story-ins p{font-size: 13px;}
.story .story-ins{overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 30px}
.story a.readmore-js-toggle{display: none;}

/*Event*/
.event .banner-shop{display: none;}
.event .title-head {margin-bottom: 0 !important;}
.line-page-full{margin: 10px 0 !important}

.event .event-content .thumbs{width: 80px; height: 80px;}
.event .event-content span.titles{font-size: 2.3vw;}
.event .event-content span.title-full{margin-top: -13% !important; font-size: 6vw;}

/*Detail Event*/
.detail-event .ticket .ticket-ins span.date-ticket{font-size: 13px !important;}
.detail-event .ticket .ticket-ins span.title-ticket{font-size: 20px !important;}
.detail-event .ticket .ticket-ins span.venue-ticket{font-size: 12px !important}
.detail-event .ticket .ticket-ins span a.btn-ticket{font-size: 15px;}
.detail-event .detail-event-content{font-size: 13px !important;}

/*discography*/
.discography-album .title{margin-top: 10px; font-size: 20px;}
.discography-album .title span.second{font-size: 15px; margin-bottom: 10px;}
.discography-album .album-cover{float: left; width: 100%; background: none; margin-bottom: 20px;}
.discography-album .album-cover img{float: none;  width: 50%; margin: 0 auto; display: table;}
.discography-album ol.album-song{float: none; width: 80%; margin: 0 auto; display: table;}
.discography-album ol.album-song li {font-size: 13px;}
.discography-album ol.album-song li span.lirik a{font-size: 9px;}

.discography ul.discography-ins li{width: 47%;}
.discography ul.discography-ins li a span.title-album{font-size: 16px !important;}
.discography ul.discography-ins li a span.rilis-album{font-size: 14px !important}

.discography-album ol.album-song li span{font-size: 13px;}
.discography-album ol.album-song li span.lirik .modal-content .title{font-size: 16px;}
.discography-album ol.album-song li span.lirik .modal-content p{font-size: 11px;}

/*Detail Gallery*/
.detail-gallery .banner-shop {display: none;}
/*.gallery-mobile{height: 200px; overflow: hidden; margin-bottom: 10px;}*/
/*.gallery-mobile a img{min-width: 200%;}*/

/*Footer*/

.footer-mobile{float: left; width: 100%; position: fixed; bottom: 0; z-index:10;}
.footer-mobile .top{background: #666; color: #fff;}

.modal-backdrop{z-index: 0 !important;}




}