@charset "utf-8";

/*Phone*/

@media screen and (max-width: 380px) {
#containerSC {/*CR 02/20 RO top: 525px!important;*/}

.searchForm fieldset.searchItems {
    /*margin: 1000px 0 0!important;*/
}
}
@media screen and (max-width: 465px) {
.searchForm fieldset.searchItems {
    /*margin: 1018px 0 0!important;*/
}

	
}

@media screen and (max-width: 580px) {
    #contentBox {
        width: 100%;
    }
    #mfk_logo {
        margin: 2%;
    }
    #mfk_logo img {
        /*width: 100%; max-width: 564px;*/
    }
    h1.pageTitle {
        margin-top: 20px;
		float: left;
    }
    .box-head {
        margin: 20px 0px 0px 10px;
    }
    #mfk_navig,
    #mfk_navig ul {
        width: 100%;
    }
    #mfk_navig {
        margin: 0px;
    }
    #mfk_subNav {
        display: none;
    }
    .searchForm .formItem {
        width: 325px;
    }
    .searchForm label,
    .searchForm .inlineFieldsetLegend,
    .searchForm input.text,
    .searchForm .smartFieldLabel,
    .searchForm .smartFieldContainerOuter,
    .smartFieldContainer {
        width: 320px;
    }
    .searchForm select {
        width: 325px;
    }
    .searchForm input.textSmall {
        max-width: 80px;
    }
    #container .x-form-field-wrap .x-form-trigger {
        right: 0px;
    }
    .searchForm .formButton {
        width: 325px;
    }
    #container .contextMenuContainer {
        font-size: 13px;
    }
    .detailListItem .listTitle,
    .detailListItem .listDescription {
        width: 220px;
    }
    .detailListItem .listButton {
        float: left;
        clear: both;
        margin-left: 100px;
    }
    .detailListItem .listImg {
        margin-right: 20px;
        width: 80px;
    }
    .detailListItem .listImg img {
        height: 80px;
        width: 80px;
    }
    .simpleListItem .simpleListPart1 {
        display: none;
    }
    .simpleListItem .simpleListPart2 {
        width: 200px;
    }
    .simpleListItem .simpleListPart3 {
        width: 100px;
    }
    .simpleListItem .simpleListPart4 {
        width: 10px;
    }
    #lightbox_2x3 .lightboxItem,
    #lightbox_3x4 .lightboxItem,
    #lightbox_4x5 .lightboxItem {
        margin-right: 0px;
        width: 100%;
    }
    #lightbox_2x3 .lightboxTextListItem {
        width: 100%;
        max-width: 210px;
    }
    #lightbox_3x4 .lightboxTextListItem {
        width: 100%;
        max-width: 160px;
    }
    #lightbox_4x5 .lightboxTextListItem {
        width: 100%;
        max-width: 127px;
    }
    #lightbox_2x3 .listImg img {
        max-width: 210px;
        max-height: 210px;
    }
    #lightbox_3x4 .listImg img {
        max-width: 160px;
        max-height: 160px;
    }
    #lightbox_4x5 .listImg img {
        max-width: 127px;
        max-height: 127px;
    }
    .detailItem .detail_li {
        max-width: 480px;
    }
    .detailItem .detail_li,
    .detailItem .detail_re {
        float: left;
        clear: both;
        width: 100%;
        margin: 0px;
    }
    .detailItem .detail_re {
        margin-top: 20px;
    }
    .detailItem .detail_li ul li .tspPrefix {
        font-weight: bold;
    }
    #container .elementNavigatorResultBox,
    #container .elementNavigatorResultBoxFromTo {}
    #containerSC {
        left: 10px;
        /*CR 02/20 ROtop: 510px;*/
        width: 100%;
    }
    .searchItem {
        margin: 0 15px 15px 0;
    }
    .searchForm .formButton {
        padding: 00px 0px 20px 0px;
    }
    .toggleSearchFields {
        left: 0px;
    }
    
   /* .searchForm fieldset.searchItems {
        margin: 1075px 0 0;
    }*/
    #x-auto-18,
    #x-auto-19 {
        top: 1628px !important;
    }
    #x-auto-1,
    #x-auto-0 {
        top: 1868px !important;
    }
    #mfk_footer {
        padding: 30px 10px;
    }
    .footer-logo-box {
        float: left;
        padding-top: 0px;
    }
    .collectionTitle {
        padding-top: 30px;
    }
	
	#mfk_footer {
    max-width: 100%;}
}


/* Tablet*/

@media screen and (min-width: 580px) and (max-width: 1000px) {
    #mfk_header {
        max-width: 100%;
    }
    #mfk_logo {
        margin: 10px;
    }
    #mfk_logo img {
        /*width: 100%; max-width: 564px;*/
    }
    h1.pageTitle {
        margin-top: 20px;
    }
    .box-head {
        margin: 20px 0px 0px 10px;
    }
    #mfk_navig,
    #mfk_navig ul {
        width: 100%;
        max-width: 658px;
    }
    #mfk_navig {
        margin: 0px;
    }
    #mfk_subNav {
        float: right;
    }
    .detailListItem .listTitle,
    .detailListItem .listDescription {
        width: 350px;
    }
    .simpleListItem .simpleListPart2 {
        width: 350px;
    }
    .simpleListItem .simpleListPart3 {
        width: 100px;
    }
    .simpleListItem .simpleListPart4 {
        width: 10px;
    }
    #lightbox_2x3 .lightboxItem {
        margin-right: 5%;
        width: 30%;
    }
    #lightbox_2x3 .lightboxTextListItem {
        width: 100%;
    }
    #lightbox_2x3 .listImg img {
        max-width: 150px;
        max-height: 150px;
    }
    #lightbox_3x4 .lightboxItem {
        margin-right: 4%;
        width: 22%;
    }
    #lightbox_3x4 .lightboxTextListItem {
        width: 100%;
    }
    #lightbox_3x4 .listImg img {
        max-width: 120px;
        max-height: 120px;
    }
    #lightbox_4x5 .lightboxItem {
        margin-right: 5%;
        width: 16%;
    }
    #lightbox_4x5 .lightboxTextListItem {
        width: 100%;
    }
    #lightbox_4x5 .listImg img {
        max-width: 90px;
        max-height: 90px;
    }
    .detailItem .detail_re {
        width: 26%;
    }
    .detailItem .detail_li {
        width: 66%;
        min-width: 480px;
    }
    #container .contextMenuContainer {
        font-size: 13px;
    }
    #containerSC {
        left: 10px;
        /*CR 02/20 ROtop: 521px;*/
    }
	
    #mfk_footer {
        padding: 30px 10px;
    }
    .footer-logo-box {
        float: left;
        padding-top: 0px;
    }
}

/*CR 02/20 RO, workaround*/
@media screen and (max-width: 1000px) {
	.referenceContainer {
		position: relative;
		top: initial;
		left: initial;
	}
	
	.referenceTabItem,
	.referenceTabItemActive {
		width: 480px;
	}

}