@media screen and (max-width: 1920px), (max-device-width: 1920px) {
#page{
	margin: 40px;
}
}
@media screen and (max-width: 1600px), (max-device-width: 1600px) {
body{
	font-size: 28px;
}
}
@media screen and (max-width: 1480px), (max-device-width: 1480px) {
body{
	font-size: 22px;
}
#page{
	margin: 30px
}
}
@media screen and (max-width: 1280px), (max-device-width: 1280px) {
.logo{
	height: 60px
}
.logo img{
	height: 60px;
	width: 140px;
}
.row{
	margin: 0 -20px;
}
[class*="col-"]{
	padding-left: 20px;
	padding-right: 20px
}
}
@media screen and (max-width: 992px), (max-device-width: 992px) {
.centercol{
	width: 78%;
}
.rightcol{
	width: 22%;
}
.isotope-grid{
	margin: 0 -10px;
}
.grid-sizer{
	width: 50%
}
.grid-item {
	padding: 0 10px 20px;
	width: 50%;
}
.btn-left, .btn-right{
	height: 80%
}
.copyright{
	display: none;
}
.mobile-visible{
	display: block !important;
}
}
@media screen and (max-width: 992px), (max-device-width: 992px) {
.centercol{
	width: 75%;
}
.rightcol{
	width: 25%;
}
/*}
@media screen and (max-width: 768px), (max-device-width: 768px) {*/
#header{
	margin: -30px -30px 0;
	padding: 30px;
}
#header.active{
	background: #ffffff
}
.logo{
	margin: 0 0 50px;
}
#nav-menu{
	display: block
}
.centercol, .rightcol{
	width: auto;
	float: none;
}
.nav1{
	display: none;
	text-align: left;
	padding: 0 0 30px;
	font-size: 30px;
}
.nav1 li ul{
	clear: both;
	display: none;
	padding: 0;
	position: relative;
	top: auto;
	width: auto
}
.nav1 li:hover ul{
	display: block;
	left: auto
}
.nav1 li:hover li a{
	background: none;
	text-decoration: none;
	border: 0
}
.nav1 li:hover li a:hover,
.nav1 li:hover li.active a{
	border-bottom: 1px solid #666666;
}

.buro-content{
	width: auto;
	margin: 0 0 20px;
}


.custom-caption{
	margin-bottom: 50px;
}
.accordeon-headline{
	padding: 0
}
.slide-info [class*="col-"]{
	padding:0 0 18px;
}
.btn-left, .btn-right{
	width: 15%;
}

#slider .portrait{
  height: 100%;
  width: auto;
}

}
@media screen and (max-width: 600px), (max-device-width: 600px) {
body{
	font-size: 16px;
}
#page{
	margin: 20px
}
#header{
	margin: -20px -20px 0;
	padding: 20px 20px 0;
}
#nav-menu{
	top: 20px;
	left: 20px;
}
.isotope-grid{
	margin: 0;
}
.grid-sizer{
	width: 100%
}
.grid-item {
	padding: 0 0 20px;
	width: 100%;
}
.slide-info [class*="col-"]{
	padding:0 0 18px;
	width: auto;
	float: none;
}
.slide-info .row{
	margin: 0
}
.custom-caption{
	margin: 5px 0 20px
}
.copyright{
	font-size: 14px;
}

.pictures-desktop{
    display: none !important;
}

.pictures-mobile{
    display: block;
}

.pictures-mobile div img{
    max-width: 100%;
    margin-bottom: 20px;
    height: auto;
}

}
@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) and (orientation : landscape) {
.grid-sizer, .grid-item{
	width: 33.3%
}
.btn-left, .btn-right{
	display: none;
}
.custom-caption{
	margin-bottom: 20px;
}
}
@media only screen and (min-device-width : 992px) and (max-device-width : 1024px) and (orientation : portrait) {
.btn-left, .btn-right{
	display: none;
}
.custom-caption{
	margin-bottom: 20px;
}
}