/*------------------------- responsive ------------------------*/
/*>1024px*/
@media (min-width: 1024px) {
  .container { width: 960px; }
  .headerpic { width:960px;margin:0 auto;}
}

/*<960px*/
@media only screen and (max-width: 960px) {
.container { width: 100%;}
.headerpic {width: 100%;}
.lang {width: 100%;}
#index .row {padding:0 20px;}
}


/*<768px*/
@media (max-width: 768px) {
.maincontent {padding:15px 10px;}
h3 .eng {font-size:18px;}
ul.dates {width:100%;margin:0 auto;list-style:none;}
.headerpic {width: 100%;}
.fullpic {width: 100%;}
.lang {width: 100%;}
#index .row {padding:0 20px;}
ul.dates {width:100%;}
.table-width {width:100%;margin:0 auto;}
.btn-sm {font-size:120%}
}

/*<480px*/
@media only screen and (max-width: 480px) {

#index .container {padding:20px 5px;}
.content {padding:10px;margin:0}
.maincontent {padding:0px;}
h3 .eng {font-size:16px;}
.headerpic {width: 100%;}
.fullpic {width: 100%;}
.lang {width: 100%;}
#index .row {padding:0 20px;}
.mainimg {width:100%}
ul.dates {width:100%;}
.table-width {width:100%;margin:0 auto;}
.btn-sm {font-size:110%}
}