@charset "utf-8";
@media (max-width: 1200px) {
	.gallery-4-columns .gallery-item{width: 33.333%;}
	.filtergallery ul{width: 100%; margin-bottom: 10px;}
	.formfilter{margin-left: 0;} 
	.gallery-item .detail-gallery{position: relative; height: auto; opacity: 1; background:#fff; color: #333;}
	.gallery-item .detail-gallery header{border-color: #333;}
	.gallery-item{margin-bottom: 15px;}
	.sticky-wrapper{height: auto!important;}
	.formset .col-md-6{padding-left: 40px; padding-right: 40px;}
	.wrapcalendar.col-md-8{width: 100%;}
	.wrapactivitie.col-md-4{width: 100%; clear: both; height:auto; overflow:none;}
  .thumb-hover:hover img { -webkit-transform: none;transform:none;}
}

@media (max-width: 992px) {
	.header .wraptop{padding-bottom: 0;}
	#mainnav{display: none;}

	.col-footer{width: 25%;}
	.header{ padding-top: 5px; padding-bottom: 5px;}
	.header .container {width: 100%; padding-left: 5px; padding-right: 5px;}
	.navproduct .container{padding-left: 0; padding-right: 0;}
	.logo img{width: 100px; height: auto;}
	.header .rightsection{margin-top: 0;}
	.header .searchmain{ float: none;margin:0; width: 100%; }
	.header .searchmain .form-control{height: 33px; font-size: 20px;}
	.show-m-menu{display: block; float: left;}
	.header .searchmain{margin-right: 36px;}
	#main-nav{background: none; padding: 0;}
	#main-nav > ul li{display: block; float: none; margin-right: 0;}
	.bgbanner .container{width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;}
	.header .topmenu{margin-bottom: 10px; margin-top: 0;}
	.header .searchmain .form-control{background: #343942; color: #fff;}
	.copyright{text-align: center; float: none;}
	.iconsocial {text-align: center; margin-top: 20px; margin-bottom: 20px;}
	.iconsocial li span,.iconsocial li:first-child,.addline{ display: none; }
	.iconsocial li{display: inline-block; float: none; width: auto;}
	.talklist .caption{position: relative; height: auto; bottom: 0; padding: 5px 8px 5px; height: 55px;}
	.header .topmenu li{padding: 0 10px;}

	.tag img{width: 28px; height: auto;}
	.wrapvideo{width: 100%; height: 397px;}
	.videoalbum{padding: 0;}
	.gallery-4-columns .gallery-item{width: 50%;}
	.filtergallery .btn-upload{display: inline-block; margin-top: 10px; clear: both; float: left;}
	.filtergallery .btn-delete{display: inline-block; margin-top: 10px; float: left;}
	.leftsec,.rightsec{float: none;}
	.rightsec .wrapstar{text-align: left;}
	.pictureuser{width: 10%;}
	.commentuser{width: 90%;}
	.topmenu li:not(.showmobile){display: none;}

	.show-forum .forum-name{width: 100%;}
	.show-forum .namedate{width: 100%; text-align: left; margin-top: 8px; padding-top: 8px; border-top: 1px solid #fff;}
	.sidebar-message{min-height: auto;}
	#calendar .date{height: 107px;}
	.activities-inner span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-top: 5px;
		font-size: 16px;}
}	

@media only screen and (max-width: 768px) {
    .picturelist li{width: 33.3333%;}
    .tag img{width: auto; height: auto;}
    #calendar .date{height: 84px;}
    .wrapcalendar  {padding-left: 0; padding-right: 0; display:none;}
}

@media only screen and (max-width: 640px) {
   	.formupload{padding-left: 15px; padding-right: 15px;}
	.adhome a{width: 100%!important;}
	.talklist li{width: 50%;}
	.banner-m{display: block;}
	.banner-d{display: none;}
	.mypicture{padding: 0;}
	.pad-top-15{padding-left: 5px; padding-right: 5px;}
	.filter li,.filter li button{width: 100%;}
	.filter li{margin-bottom: 3px;}
	.forum-detail{padding-left: 0; padding-right: 0;}
	.massage-table{padding-left: 0; padding-right: 0;}
	#calendar .date{height: 54px;}
	.activities-inner span{display: none;}
	.wrapcalendar li{padding-left: 1px; padding-right: 1px;}
	#calendar .innerdate{font-size: 27px;}
	.text-d{display: none;} .text-m{display: block;}
  .tabmenu li{display: block;}
  .tabmenu li a{display: block; width: 100%;}
}
@media only screen and (max-width: 551px) {
	.picturelist li{width: 50%;}
	.gallery-4-columns .gallery-item{width: 100%;}
}
@media only screen and (max-width: 500px) {
	.albumlist li{width: 100%;}
	.albumlist li .img-responsive{width: 100%!important; max-width: 100%;}
	.albumlist li .showdetail{opacity: 1;}
	.pictureuser{width: 15%;}
	.commentuser{width: 85%;}
}
@media only screen and (max-width: 400px) {
  .showmobile {padding:0 10px; font-size:16px;}
	.picturelist li{width: 100%;}
  .picturelist li img {width:100%;}
	.talklist li{width: 100%;}
	.formset .col-md-6{padding-left: 0px; padding-right: 0px;}
}