.sitewrap{ width: 100%; height: 100%;  }
html, body {
    height: 100%;
    box-sizing: border-box;
}

body{  background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; 
    background-attachment: fixed; }

.bio-box{ padding: 40px; padding-top: 100px; width: 60%; margin:0 auto; text-align: center;   }
.bio-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px; }
.bio-box h3{ margin-top: 40px; }
.biop1{ font-size: .9em; text-align: justify; }

.gallery-box{ padding: 40px; padding-top: 100px; width: 80%; margin:0 auto; text-align: center; }
.gallery-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px; }

.galleryp1{ font-size: 1.3em; text-align: center;margin-top: 40px; }



.li-country{ width: 100%;  }
.li-country li{ width: 100px; height: 100px;  text-align: center; float: left; margin:20px 30px;	 }
.li-country li span{ display: block; width: 100px; height: 70px;  }
.li-country li img{ width: 100%; height: auto;  }
.li-country li p{ color: #626262; }

.li-concert{ width: 100%; }
.li-concert li{ width: 31%;  height: 100px;background: #fff; border: solid 1px #e2e2e2; border-radius: 3px; 
     text-align: center; float: left;  display: table; margin:20px; margin-left: 1%; margin-right: 1%; box-sizing: border-box; padding: 10px;border-left:solid 2px #4e9c8c;  }
.li-concert li p{ color: #828282; display: table-cell; vertical-align: middle; }

.li-people{ width: 100%;  }
.li-people li{ width: 31%;  height: 200px;background: #fff; border: solid 1px #e2e2e2; border-radius: 3px; 
    text-align: center; display: block; float: left;  margin:20px; margin-left: 1%; margin-right: 1%; box-sizing: border-box; padding: 10px; }

.li-people li img{ width: 100px; height: 100px; border-radius: 50%; margin:0 auto; display: block; border: solid 4px #fff; box-shadow: 1px 1px 4px -2px rgba(0,0,0,.3);  }
.li-people li p{ font-family: 'chap_r',times; font-size: 1.2em; color: #828282; margin-top: 10px; }

.store-box{ padding: 40px; padding-top: 100px; width: 70%; margin:0 auto; }
.store-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px;  text-align: center; }
.store-box h3{ margin-top: 20px; }



.event-box{ padding: 40px; padding-top: 100px; width: 1140px; margin:0 auto; }
.event-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px; text-align: center; }
.event-box h3{  }

.contact-box{ padding: 40px; padding-top: 100px; width: 1140px; margin:0 auto; }
.contact-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px; text-align: center; }
.contact-box h3{  }


.event-each{ width:500px; height: 440px; background-color: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); overflow: hidden; margin-left: 20px; margin-top: 40px;  }
.event-each-left{ width: 140px; height: 100%; float: left;  }
.event-each-left img{ width: 100%; height: 100%; object-fit: cover; }
.event-each-right  { width: 360px; float: left; padding: 30px; box-sizing: border-box; }
.event-each{ float: left; }


.social{ }


.eer1 h3{ font-size: 3.5em; font-family: 'chap_r', times;  float: left;display: block; }
.eer1 h4{ font-size: 1.7em; font-family: 'chap_r', times; float: right; display: block;}
.eer1 h4 span{ font-size: .8em; font-family: 'chap_r', times;  display: block;  }
.eer2,.eer3, .eer4{ margin-top: 20px; }
.eer2 p{ font-family: 'chap_r',times; font-size: .9em;color: #626262; }
.eer3 p{ font-family: 'chap_r',times; font-size: 1em; color: #626262; }
.eer3 h4{  font-size: 1.2em; color: #424242;}
.eer4 .citya{ font-family: 'chap_r',times; font-size: 1.3em; color: #424242; background: url("../images/icn_location.png")no-repeat left center;
    display: block; text-decoration: none;   height: 45px; line-height: 45px;  padding-left: 50px; }

.eer4 .citya:hover,  .eer4 .adda:hover{ color: #4e9c8c; }    
.eer4 .adda{font-size: .9em;  font-family: 'chap_r',times; color: #626262; 
        display: block; text-decoration: none;   padding-left: 50px; }
.eer4 span{ font-family: 'chap_r',times; font-size: 1em; color: #626262; }

.contact-box-left{ width: 30%; float: left; padding: 20px; box-sizing: border-box; border-right: solid 1px #626262;  text-align: right;   }
.contact-box-left h3{  }

.cbl1{margin-top: 150px;  }

.cbl1 h3{ font-family: 'chap_i',times; font-size: 2em; margin-top: 20px; }
.cbl1 iframe{ width: 100%; margin-top: 10px;    border: solid 5px #fff!important;
    box-shadow: 1px 2px 4px -2px rgba(0,0,0.4); box-sizing: border-box;  }

.cbl2 img{ width: 37px; }
.cbl2 p{ display: block; line-height: 2em; }
.cbl2 { text-decoration: none; }
.contact-box-right{ width: 70%; float: right; padding: 20px; padding-left: 40px;  box-sizing: border-box; }
.contact-box-right label{ font-family: 'chap_r',times; font-size: .9em; color: #828282;  display: block; margin-top: 20px; margin-bottom: 5px; text-transform: uppercase; }
.contact-box-right input{ width: 60%; font-family: 'chap_i',times; padding-left: 10px; font-size: 1.2em; height: 50px; }
.contact-box-right select{ width: 60%; font-family: 'chap_i',times; padding-left: 10px; font-size: 1.2em; height: 50px; color: #828282; }
.contact-box-right select option{ font-size:.8em; }
.contact-box-right textarea{ width: 60%; font-family: 'chap_i',times; padding: 10px; font-size: 1em; height: 100px; }
.contact-box-right input[type="submit"]{ margin-left: 0px;  }

.list_award li{ width: 50%; float: left ; height: 320px; }
.list_award li h3{ margin-top: 0px; }
    .sc-each { width: 48%; margin-left: 2%; margin-top: 10px;  background-color: rgba(255,255,255,.2); float: left; box-sizing: border-box; padding:20px; 
    border:solid 1px rgba(355,255,255,.4); display: block; text-decoration: none; box-shadow: 1px 2px 3px -2px rgba(0,0,0,.3);  }
    .sc-each:hover{   background-color: rgba(255,255,255,.4); }
    .sc-albumart img{ width: 100px; height: 100px; }
    .sc-albumart { float: left; }
    .sc-info{ float: left; padding-left: 20px; width: 70%;}
    .sc-info p{ padding-top: 10px; }
    .sc-info h4{ padding-top: 10px; }
    .shop-cat { margin-top: 20px; }


    .music_each{  width: 250px; display: block; float: left; text-decoration: none; text-align: left;  margin: 40px 20px 10px 20px; }
    .musicart{ width: 250px; height: 250px; position: relative; }
    .musicart img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
    .musictitle{ height: 225px;; }
    .musictitle1{ height: 100px; }
    .musictitle2{ height: 150px; }
    .musictitle2 h3{ height:65px; }
    .musictitle2 h3 span{ font-size: .6em; font-family: 'chap_i',times; line-height: 1.2em;  display: block;}
    .musictitle h3{  border-bottom:solid 1px  #b2b2b2;  padding-bottom: 10px; margin-bottom: 10px; }
    .musictitle h4{ font-size: 1.1em; color: #525252; } 
    .musictitle p{ font-size: 1em; color: #828282; font-family: 'chap_r',sans-serif; } 

    .musicart:hover>.musicart_hover{ opacity: 0; }
    .musicart_hover{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4); transition: all .4s; }

    .tab-box{ width: 100%; border-top: solid 1px #828282;  border-bottom: solid 1px #828282; text-align: center;  }

.tablink{   margin: 0px;     padding: 10px;   text-decoration: none; width: 160px;display: inline-block; text-align: center; transform: al .4s; 
text-align: center; }
.tablinkactive{  background: #232323; color: #fff;   }

.tablink:hover{ background: #a2a2a2; }
.tablinkactive:hover{  background: #232323; color: #fff;   }
    @media( max-width:1601px){

        .store-box{ width: 70%; }
        .bio-box{ width: 70%;}
    }

    @media( max-width:1441px){
        .bio-box{ width: 80%;}

    }

    @media( max-width:1367px){

        .store-box{ width: 95%; }
        .contact-box{ width: 100%; }
        .contact-box-right{ width: 60%; }
        .contact-box-left{ width: 40%;}
        .contact-box-right input{ width: 80%; }
        .contact-box-right textarea{ width: 80%; }
        .gallery-box{ width: 90%; }
    }
    

    @media( max-width:1201px){
        .bio-box{ width: 90%;}
    }
    @media( max-width:1177px){

    .event-each{ float: none; margin:0 auto; margin-top: 40px; }
    .event-box{ width: 100%; }
    .gallery-box{ width: 100%; }
    }

    @media( max-width:1024px){
   
    }

    @media( max-width:920px){
    .li-concert li{ width: 45%; }
    .store-box{ width: 100%; }
    

    }


    @media( max-width:860px){
        .li-people li{ width: 47%; }
        .bio-box{ padding: 100px 20px;}
        .contact-box-right{ width: 100%; float: none; padding: 0px; margin-bottom: 20px; }
        .contact-box-right input{ width: 100%; }
        .contact-box-right textarea{ width: 100%; }
        .contact-box-left{ border: none; text-align: left; width: 100%; float: none; padding: 0px; }
        .cbl1{ margin-top: 30px; }
        .cbl1 h3{ font-size:  1.5em; }
        .cbl2 p{ line-height: 3em; }

        .list_award li{ width: 100%;  float: none; height: auto; margin-top: 40px;}
        }



        

    @media( max-width:591px){
        .li-concert li,  .li-people li{ width: 100%; margin: 6px 0 6px 0; }
        .store-box{ width: 100%; }
        .event-box{ padding:20px; padding-top: 50px; }
        .eer4 .citya{ background-size: 30px; padding-left: 30px; }
        .eer4 .adda{ padding-left: 30px; }
        .event-each-left{ width: 100px; }
        .event-each{ width: 400px; }
        .event-each-right{ width: 300px; padding: 20px; }
        .event-box h3{ font-size: 1.2em; }
        .eer1 h3{ font-size: 2em!important; }
        .eer1 h4{ font-size: 1.5em; }
        
    }


    @media( max-width:461px){ 
        .event-each-left{  width: 60px; }
        .event-each{ width: 320px; }
        .event-each-right{ width: 260px; padding: 20px; }
        .event-box { padding:50px 5px 5px 5px; }
        .event-box h3{ font-size: 1.2em; }
        .eer2 p{ font-size: .8em; }
        .eer1 h3{ font-size: 2em!important; }
        .eer1 h4{ font-size: 1.5em; }
        .tablink{ width: 120px; padding-left:0px; padding-right:0px; }
    }


    
    @media( max-width:361px){ 
        .event-each-left{  width: 50px; }
        .event-each{ width: 290px; box-sizing: border-box; }
        .event-each-right{ width: 240px; padding: 10px;  box-sizing: border-box; }
        .event-box { padding:50px 5px 5px 5px; }
        .event-box h3{ font-size: 1.2em; }
        .eer2 p{ font-size: .8em; }
        .eer1 h3{ font-size: 2em!important; }
        .eer1 h4{ font-size: 1.5em; }
        .tablink{ width: 90px; padding-left:0px; padding-right:0px; }
    }