4/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */


@media only screen and (max-width : 1470px) {
	.slider-news-detail	.owl-nav > button {
	left: -20px;
}
	.slider-news-detail	 .owl-nav .owl-next {
	right: -20px!important;
}
}

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

.slider-logos-1	.owl-nav > button {
	left: -20px;
	box-shadow: 0px 2px 10px 0 rgba(100, 100, 100, .5);
	margin-top: -45px;
	opacity: .5;
}	
.slider-logos-1	 .owl-nav .owl-next {
	right: -20px!important;
}	
.slider-name	.owl-nav > button {
	left: -20px;
	box-shadow: 0px 2px 10px 0 rgba(100, 100, 100, .5);
	margin-top: -45px;
	opacity: .5;
}	
.slider-name	 .owl-nav .owl-next {
	right: -20px!important;
}	
.slider-kurators	.owl-nav > button {
	left: -20px;
	box-shadow: 0px 2px 10px 0 rgba(100, 100, 100, .5);
	margin-top: -45px;
	opacity: .5;
}	
.slider-kurators	 .owl-nav .owl-next {
	right: -20px!important;
}	
.b-collections-slider	.owl-nav > button {
	left: -20px;
	box-shadow: 0px 2px 10px 0 rgba(100, 100, 100, .5);
	margin-top: -45px;
	opacity: .5;
}	
.b-collections-slider	 .owl-nav .owl-next {
	right: -20px!important;
}	
}

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

	html {font-size: 9px;}
	.b-quote-wide .main-wrapper {
	padding: 0 0px;
} 
.page-news__wrap .b-item .b-item__title {
	font-size: 22px;

}
.page-news__wrap .b-item .b-item__text {
	font-size: 15px;
	color: #000;
}
.page-news__wrap .b-item .b-item__toptech {
	font-size: 15px;
}
}


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

	html {font-size: 8px;}
	.b-page-txt {font-size: 15px;}
	.b-page-content h1 {
		font-size: calc(1.525rem + 2vw);
		margin-bottom: 2rem;
	}
	.b-page-content h2 {
		font-size: calc(1.4rem + 1vw);
	}
		.b-top-search .b-top-search__txt {
		display: none;
	}
	.b-top-search  {
		width: 25px;
	}
.page-news__wrap .b-item .b-item__img {
	flex: 0 0 30%;
	height: 26vw;
	margin-right: 4%;

}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.main-wrapper {
    padding-right: 0px;
    padding-left: 0px;
}
.b-index-content {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.b-index-section--part {
    padding-right: 20px;
    padding-left: 20px;
}
.b-index-section--collections {
    padding-right: 0px;
    padding-left: 0px;
} 
.b-index-section--kurators {
        padding-right: 20px;
    padding-left: 20px;
}

	.b-header {
	height: 140px;
	padding: 0 20px 0 20px;
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-template-rows: auto 1fr 1fr;
	grid-template-areas: 
	"h-logo h-logo-txt"
"h-logo h-slogan"
	" h-search  h-search";
	margin-top: 25px;
	align-items: center;
	grid-row-gap: 20px;
	margin-bottom: 30px;
}
header {
	margin-bottom: 20px;
}
.b-header__logo {
padding-left: 40px
}
.b-header__logo-img {

    margin-top: 0px;
}
.b-header__slogan {
font-size: 1.7rem;
line-height: 1.3;
text-align: left;
}
.b-header__menu-top {
display: none;
}
.b-header__menu {
		display: none;
	}

	.b-index-section__content {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 15px;
}
.b-index-section__txt {
	background-color: #fff;
	padding: 0 0 40px 0;
	background-image: none;
}

html {font-size: 9px;}

	.b-page-txt {color: #000; padding-top: 2rem; width: 100%;}
	.b-page-content {padding-top: 2rem;}
	.b-page-content h1 {margin-bottom: 3rem; width: 100%;}	
	.b-page-txt ul li {margin-left: 30px; margin-bottom: 1rem;} 
	.b-page-txt ol li {margin-left: 30px; margin-bottom: 1rem;}
	.b-big-img {margin-top: 4rem; margin-bottom: 4rem;}
	.b-main-table {border-top: 1px solid #a0a0a0;}
	.b-main-table thead {display: none;}
	.b-main-table tr {margin-bottom: 1px; padding-bottom: 15px!important; display: block; border-bottom: 1px solid #a0a0a0;}  
	.b-main-table td {
		display: block;
		text-align: right;
		width: 100%;
		padding-right: 0px !important;
		border-top-style: none!important;
		border-right-style: none!important;
		border-bottom-style: none!important;
		border-left-style: none!important;
		padding-top: 2rem!important;
		padding-left: 0px;
	}
	.b-main-table td:last-child {border-bottom: 0;}
	.b-main-table td:before {content: attr(data-label); float: left; display: block; margin-right: 15px;}
.b-collection {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}

}

@media only screen and (max-width : 800px) {
.b-footer {
	width: 100%;
	overflow: hidden;
	padding: 40px 5%;
	display: grid;
	grid-template-columns: 70px 1fr;
	grid-auto-rows: auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-areas: 
	"f-menu1 f-menu1"
	"f-menu2 f-menu2"
	"f-social f-social"
	"f-mail f-mail"
	"f-logo f-slogan"
	"f-copyright f-copyright"
	"f-agreement f-agreement";
}
.b-footer__menu {
    padding: 0 0px 10px 0px;
}
.b-footer__logo {
}
.b-footer__logo-img {
	margin: 20px auto 20px 0;
}
.b-footer__social {
	justify-content: flex-start;;
	margin: 15px 0 20px 0;
}
.b-footer__menu-title {
	text-align: center;
}
.b-footer__time,
.b-footer__mail,
.b-footer__phone,
.b-footer__place {
	width: auto;
}
.b-footer__slogan {
    margin-top: 10px;
    font-weight: normal;
    font-size: 20px;
    /* text-transform: uppercase; */
    grid-area: f-slogan;
    font-weight: bold;
    /* color: rgba(182,145,4,1); */
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding-right: 0px;
margin-bottom: 20px;
    padding-top: 26px;
}
.b-footer__copyright {
    text-align: left;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	.b-page-txt {color: #000; padding-top: 2rem; width: 100%;}
	.b-page-content h1 {margin-bottom: 3rem; width: 100%;}	
	.b-page-txt ul li {margin-left: 2rem; margin-bottom: 1rem;} 
	.b-page-txt ol li {margin-left: 2rem; margin-bottom: 1rem;}
	.b-big-img {margin-top: 2em; margin-bottom: 2em;}
		.b-page-right-go {display: inline-block;}
	.b-page-right-content {display: none;}
	.b-img-side-left__img {
		flex: 0 0 70%;
		margin-bottom: 20px;
	}
	.b-img-side-left__text {
		flex: 0 0 100%;
	}
	.b-img-side-right__img {
		flex: 0 0 70%;
		margin-bottom: 20px;
	}
	.b-img-side-right__text {
		flex: 0 0 100%;
		order: 3;
	}
	.b-item-properties {
	display: grid;
grid-template-columns: 1fr;
}
}

@media only screen and (max-width : 650px) {
.b-smi {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
    grid-gap: 25px;
    margin-top: 30px;
    padding: 0 20px;
    align-items: center;
}
.b-smi__title {
	grid-column: 1 / 4;
	text-align: center;
	padding-bottom: 10px;
}
.b-collection {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}
}

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

	.b-page-content {
		margin-bottom: 0; width: 100%;
	}

	.b-page-txt ul li {margin-left: 2rem; margin-bottom: 1rem; } 
	.b-page-txt ol li {margin-left: 2rem; margin-bottom: 1rem; }
	.b-page-txt .b-quote p {padding-right: 0px; padding-left: 0px;}
	.b-quote {border-radius: 0px;
		margin-left: -20px;
		margin-right: -20px;}
	.b-page-back {margin-top: 2.5rem;	text-align: center;}
	.b-page-left {padding-right: 15px; padding-left: 15px;}
	.b-main-table td {padding-right: 0!important; padding-left: 0;}
	
	.b-img-side-left__img {
		flex: 0 0 100%;
		margin-bottom: 30px;
		padding: 0;
	}
		.b-img-side-right__img {
		flex: 0 0 100%;
		margin-bottom: 30px;
		padding: 0;
	}
.page-news__wrap .b-item {
	flex-direction: column; padding: 0px;
}
.page-news__wrap .b-item .b-item__img {
	margin-bottom: 20px;
	margin-right: 0;
width: 290px;
flex: 0 0 290px;
}
.page-news__wrap .b-item .b-item__content {
	flex-direction: column;
	align-self: flex-start;
}
.b-header__logo-txt {
    font-size: 3rem;
}
.b-top-logo-title {
    display: inline-block;
    font-size: 3rem;
    font-weight: bold;
}
}

@media only screen and (max-width : 500px) {
.main-search {
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 0px;
    padding-top: 0px;
    grid-area: h-search;
    align-items: center;
    grid-column-gap: 15px;
}
.main-search-adv {
    font-size: 1.4rem;
    text-decoration: underline;
    color: #fff;
    margin-top: 10px;
}

.b-header__logo-img {
    display: block;
    width: 100px;
    margin-top: 0px;
    /* display: none; */
}
.b-header__logo {
    /* margin-right: auto; */
    margin-left: 0px;
    display: block;
    align-self: center;
    grid-area: h-logo;
    width: 100px;
}
.b-header__logo-txt {
    font-size: 2.8rem;
    line-height: 1.2;
    text-decoration: none;
    color: rgba(213,204,39,1);
    grid-area: h-logo-txt;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    /* font-family: "Times New Roman", Times, serif; */
    padding-right: 30px;
}
.b-top-logo-title {
    display: inline-block;
    font-size: 3rem;
    font-weight: bold;
}
.b-header {
    height: auto;
    padding: 0 20px 0 20px;
    display: grid;
    grid-template-columns: 110px 1fr;
    grid-template-rows: auto 1fr 1fr;
    grid-template-areas: "h-logo h-logo-txt"
 "h-slogan h-slogan"
 " h-search h-search";
    margin-top: 25px;
    align-items: center;
    grid-row-gap: 20px;
    margin-bottom: 0px;
}
header {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.slider-kurators .item .item-content {
    flex: 0 0 100%;
}
.slider-kurators .item .b-kurator-img {
    flex: 0 0 150px;
    padding-top: 8px;
margin-bottom: 20px;
}
.b-person {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.b-person__position {
		grid-column: 1 / -1;
}
.b-org__properties  {
		grid-column: 1 / -1;
}
.b-collection {
display: grid;
grid-template-columns:1fr;
grid-column-gap: 2rem;
grid-row-gap: 4rem;
}
.b-index-section--1 .b-index-section__title {
	font-size: 3rem;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	



}

@media only screen and (max-width : 400px) {
	
.b-top-logo-mob {display:none;}
.b-top-logo-mob-min {display: inline-block;}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
.sidebar {left: -300px;	width: 300px;}
	
}






/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	


}

@media only screen and (min-width : 576px) {
	

}

@media only screen and (min-width : 577px) {
	


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.b-footer-mob {display:none;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
.b-footer-social {
	justify-content: flex-start;
	margin: 0px 0 20px 0px;
}
.sidebar, .fader.dark {
	display: none;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1300px) {



}



