=Responsive Structure
----------------------------------------------- */

@media screen and (min-width: 1190px) {
.site {
	margin: 0px auto;
	margin: 0rem auto;
    width: 1140px;
	width: 114rem;
}
footer #supplementary {
	margin: 0px auto;
	margin: 0rem auto;
    width: 1040px;
	width: 104rem;
}

.menu-header-container {
	margin: 0px auto;
	margin: 0rem auto;
    width: 1040px;
	width: 104rem;
}
.slider-container {
    width: 1040px;
	width: 104rem;
}
#primary, #supplementary {
	width: 690px;
}
.page-links,
.widget,
blockquote,
.site-content article,
#infinite-handle,
.comments-title, #reply-title,
#respond {
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.site-content .site-navigation {
	margin-top: 20px;
	margin-top: 2rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#nav-above {
	margin-bottom: 0 !important;
	
}
#homepage-message {
	margin-top: 50px;
	margin-top: 5rem;
}
article.sticky .featured-post,
.page-header,
.featured-image,
.entry-content table,
.comment-content table,
.widget.widget_catcheverest_social_widget,
#content .searchform {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
p {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
}
#header-right .widget,
.entry-header,
article.format-aside .entry-title,
.comments-area article header {
	margin-bottom: 30px;
	margin-bottom: 3rem;	
}
.page .entry-header,
.widget-title,
#header-right .widget.widget_catcheverest_social_widget, {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#featured-post .entry-header {
	margin-bottom: 0;
}
.container {
	padding: 0 50px;
	padding: 0 5rem;
}
#site-logo,
#hgroup,
#header-right,
#supplementary,
 {
	padding-top: 50px;
	padding-top: 5rem;
}
#main {
	padding-top: 5px;
	padding-top: 0.5rem;
}

.hentry,
.comments-area article { 
	padding-bottom: 20px;
	padding-bottom: 2rem;
}
#hgroup-wrap {
	padding-bottom: 25px;
	padding-bottom: 2.5rem;
	padding-top: 16px;
	padding-top: 1.6rem;
}
#site-generator .site-info {
	padding: 40px 0;
	padding: 4rem 0;
}

/* Font Sizes */
body,
button,
input,
select,
textarea {
	font-size: 16px;
	font-size: 1.6rem;
}
#site-title {
	font-size: 50px;
	font-size: 5rem;
}
.entry-header .entry-title,
#homepage-message {
	font-size: 30px;
	font-size: 3rem;
}
#homepage-message span {
	font-size: 20px;
	font-size: 2rem;	
}
#featured-post .entry-title {
	font-size: 22px;
	font-size: 2.2rem;		
}	
}

@media screen and (max-width: 1060px) {
.site, footer #supplementary{
	margin: 0px auto;
	margin: 0rem auto;
    width: 900px;	
    width: 90rem;
}
#primary, #supplementary {
	width: 500px;
}
.page-links,
.widget,
blockquote,
.site-content article,
#infinite-handle,
.comments-title, #reply-title,
#respond {
	margin-bottom: 30px;
	margin-bottom: 3rem;
}
.site-content .site-navigation {
	margin-top: 20px;
	margin-top: 2rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#nav-above {
	margin-bottom: 0 !important;
	
}
#homepage-message {
	margin-top: 30px;
	margin-top: 3rem;
}
article.sticky .featured-post,
.page-header,
p,
.featured-image,
.entry-content table,
.comment-content table,
.widget.widget_catcheverest_social_widget,
#content .searchform {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}
#header-right .widget,
.entry-header,
article.format-aside .entry-title,
.comments-area article header {
	margin-bottom: 20px;
	margin-bottom: 2rem;	
}
.page .entry-header,
.widget-title,
#header-right .widget.widget_catcheverest_social_widget {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
.container {
	padding: 0 30px;
	padding: 0 3rem;
}
#site-logo,
#hgroup,
#header-right,
#supplementary,
{
	padding-top: 50px;
	padding-top: 5rem;
}
#main {
	padding-top: 5px;
	padding-top: 0.5rem;
}
#hgroup-wrap,
.hentry,
.comments-area article { 
	padding-bottom: 30px;
	padding-bottom: 3rem;
}
#site-generator .site-info {
	padding: 20px 0;
	padding: 2rem 0;
}
#header-menu ul.menu a, 
#colophon #access-footer ul.menu a {
	padding: 0 15px;
	padding: 0 1.5rem;
}
.entry-header .entry-title {
    padding-bottom: 0;
}

/* Font Sizes */
body,
button,
input,
select,
textarea {
	font-size: 14px;
	font-size: 1.4rem;
}
.entry-header .entry-title,
#homepage-message {
	font-size: 20px;
	font-size: 2rem;
}
#homepage-message span {
	font-size: 15px;
	font-size: 1.5rem;	
}
.widget-title {
	font-size: 16px;
	font-size: 1.6rem;		
}
.comments-title, #reply-title,
.entry-content h1, .comment-content h1 {
	font-size: 19px;
    font-size: 1.9rem;
}
.entry-content h2, .comment-content h2 {
	font-size: 18px;
    font-size: 1.8rem;
}
.entry-content h3, .comment-content h3 {
	font-size: 17px;
    font-size: 1.7rem;
}
.entry-content h4, .comment-content h4 {
	font-size: 16px;
	font-size: 1.6rem;	
}
.entry-content h5, .comment-content h5 {
	font-size: 15px;
	font-size: 1.5rem;	
}
.entry-content h6, .comment-content h6 {
	font-size: 14px;
	font-size: 1.4rem;	
}
}
@media screen and (max-width: 960px) {
/* iPhone Landscape */	


#header-menu ul.menu a, #colophon #access-footer ul.menu a {
	padding: 0 10px;
    padding: 0 1rem;
}
/* Font Sizes */
body,
button,
input,
select,
textarea {
	font-size: 13px;
	font-size: 1.3rem;
}
.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;	
}
#featured-post .entry-title,
.page-links {
	font-size: 18px;
    font-size: 1.8rem;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPad Portrait */	
.site, footer #supplementary {
	margin: 0px auto;
	margin: 0rem auto;
    width: 760px;
	width: 76rem;
}
}

@media screen and (max-width: 767px) {
/* Larger Smart Devices */		
.site, footer #supplementary{
	width: 380px;
    width: 38rem;
}
#site-title {
	font-size: 30px;
    font-size: 3rem;
}
#site-description {
	font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.4;
}
#header-right {
    max-width: 100%;
    width: 100%;
}
#main-slider .entry-container {
    bottom: 0;
    max-width: 100%;
    position: relative;
}
#main-slider .entry-header {
    margin-bottom: 0;
}
#main-slider .entry-title a {
	background-color: transparent;
	padding: 10px 25px 0;
    padding: 1rem 2.5rem 0;
}
#main-slider .entry-content {
	background-color: transparent;
	padding: 0 25px 25px;
    padding: 0 2.5rem 2.5rem;	
}
#slider-nav a {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
    padding: 0 5px;
}
.entry-header .entry-title,
#homepage-message,
.comments-title, #reply-title {
	font-size: 16px;
	font-size: 1.6rem;
}
#featured-post .post,
#colophon #supplementary .widget-area,
#site-generator .copyright, 
#site-generator .powered {
	margin: 0;
	width: 100%;
}
#site-generator .copyright, 
#site-generator .powered {
	text-align: center;
}


.menu {
	display: block; /*none*****************************************************************aside menu */
}
.tinynav {
	display: block;
}

.sb-holder {
	display: none; /*block*********************************************************************resp menu*/
}
.commentlist .children {
    margin-left: 0;
}
.widget.widget_nav_menu .sb-holder {
    background-color: #3A3D41;
	color: #fff;
    clear: both;
    display: none ; /*block;************************************************************************aside menu*/
    width: 100%;
}
.widget.widget_nav_menu a,
.widget.widget_nav_menu a:hover {
	color: black ; /*#fff;*******************************************************************aside menu*/
}
}
@media only screen and (min-width: 480px) and (max-width: 569px) {
/* iPhone Landscape */
.site {
	width: 480px;
    width: 48rem;
}

footer #supplementary {
	width: 460px;
    width: 46rem;
}
.container {
    padding: 0px 1rem;
}
.slider-container {
	width: 460px;
}
#header-menu ul.menu li a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 34px !important;
    font-size: 10px;
}
.home .metaslider {
    display: block;
    margin-top: 30px !important;
}
.arrow-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 99999;
    padding: 0px 5rem;
    top: 25%;
    display: none;
}
.menu-header-container {
    width: 460px !important;
}
.gmOverflow {
	max-height: 157px !important;
}
img.gmImg {
    max-width: none;
    max-height: 100% !important;
    width: auto !important;
}
.realSlider {
	height: 200px !important;
}

.gmrsFSfix .gmOverflow {
    max-height: 600px !important;
}
}

@media (min-width: 567px) and (max-width: 569px) {
	.menu-header-container {
    width: 350px !important;
}
.slider-container {
	width: 350px;
}
}

@media (min-width: 570px) and (max-width: 639px) {
	.menu-header-container {
    width: 560px !important;
}
.slider-container {
	width: 560px;
}
.site {
    width: 580px;
    width: 58rem;
}
.container {
    padding: 0 10px;
    padding: 0 1rem;
}
 footer #supplementary {
    width: 560px;
    width: 56rem;
}
	.gmOverflow {
	max-height: 157px !important;
}
img.gmImg {
    max-width: none;
    max-height: 100% !important;
    width: auto !important;
}
.realSlider {
	height: 200px !important;
}

.gmrsFSfix .gmOverflow {
    max-height: 600px !important;
}
}





@media screen and (max-width: 479px) {
/* iPhone Portrait */
.slider-container, .menu-header-container {
	width:260px;
    width: 26rem;
}	

.site {
	margin: 0px auto;
	margin: 0rem auto;
	width: 360px;
    width: 36rem;
}		
 footer #supplementary {
	margin: 0px auto;
	margin: 0rem auto;
	width: 320px;
    width: 32rem;
}		
.container {
	padding: 0 10px;
	padding: 0 1rem;
}
#hgroup-wrap,
.hentry,
.comments-area article { 
	padding-bottom: 20px;
	padding-bottom: 2rem;
}
#site-logo,
#hgroup,
#header-right,
#supplementary,
 {
	padding-top: 50px;
	padding-top: 5rem;
}
#main {
	padding-top: 5px;
	padding-top: 0.5rem;
}
#homepage-message {
	margin-top: 20px;
	margin-top: 2rem;
}

/* Font Sizes */
body,
button,
input,
select,
textarea {
	font-size: 12px;
	font-size: 1.2rem;
}
#site-title {
	font-size: 25px;
    font-size: 2.5rem;
}
#site-description {
	font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
}
.entry-meta,
#site-generator {
	font-size: 11px;
	font-size: 1.1rem;	
}
#featured-post .entry-title,
.page-links {
	font-size: 16px;
    font-size: 1.6rem;
}
}
@media screen and (max-width: 359px) {
/* Small Devices */	
.site, footer #supplementary{
	margin: 0;
	width: 100%;
}	

#site-title {
	font-size: 20px;
    font-size: 2rem;
}
#site-description {
	font-size: 12px;
    font-size: 1.1rem;
}
.slider-container {
	width: 300px;
}
#header-menu ul.menu li a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 34px;
}
.home .metaslider {
    display: block;
    margin-top: 30px !important;
}
.arrow-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 99999;
    padding: 0px 5rem;
    top: 25%;
    display: none;
}
.menu-header-container {
    width: 300px !important;
}
.container {
	padding: 0 10px;
	padding: 0 1rem;
}
.gmOverflow {
	max-height: 157px !important;
}
img.gmImg {
    max-width: none;
    max-height: 100% !important;
    width: auto !important;
}
.realSlider {
	height: 200px !important;
}

.gmrsFSfix .gmOverflow {
    max-height: 460px !important;
}
}
@media (min-width: 360px) and (max-width: 479px) {
	.slider-container {
	width: 340px;
}
#header-menu ul.menu li a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 31px !important;
}
.home .metaslider {
    display: block;
    margin-top: 30px !important;
}
.arrow-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 99999;
    padding: 0px 5rem;
    top: 25%;
    display: none;
}
.menu-header-container {
    width: 340px !important;
}

.menu-header-container a {
   font-size: 75%;
}

.gmOverflow {
	/*max-height: 157px !important;*/
	height: 168px !important;
}
img.gmImg {
    max-width: none;
    max-height: 100% !important;
    width: auto !important;
    height: 100% !important;
}
.gmrsFSfix img.gmImg {
    max-width: none;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
}
.realSlider {
	height: 200px !important;
}

.gmrsFSfix .gmOverflow {
    height: 460px !important;
}
}


@media (min-width: 768px) and (max-width: 860px){
	#header-menu ul.menu li a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 31px !important;
}
}
/*Exhibits page*/
@media screen and (min-width: 1190px) {

.page-id-7 #primary, .page-template-page-blog-exhibits #primary, .page-id-45 #primary {
	//width: 1120px;
        width: 90%;
}}

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

.page-id-7 #primary, .page-id-45 #primary, .page-template-page-blog-exhibits #primary {
	//width: 850px;
        width: 90%
}}


/*header*/

@media (min-width: 768px){  
                        header h1 {
                            font-size: 6rem;

                        }

                        header h2 {
                            font-size: 2rem;
                            }

                        }

@media (min-width: 481px) and (max-width: 767px) {header h1 {
                               font-size: 3rem;
                           }
                           header p {
                               font-size: 1rem
                           }
                           footer, footer #third {
                               text-align: center;
                           }
                            
                            }

@media (max-width: 480px) {header h1 {
                               font-size: 2rem;
                           }
                           header h2 {
                               font-size: 1.2rem;
                           }
                           header p {
                               font-size: 1rem
                           }
                           footer, footer #third {
                               text-align: center;
                           }
                           
                        }
                            
.img-responsive {
    max-width: 100%;
    height: auto;
}






@media (min-width: 768px) {
    .exhibits-item {
       max-width: 20%
}
}
@media (min-width: 481px) and (max-width: 767px) {
    .exhibits-item {
       max-width: 44%
}
}

@media (min-width: 0px) and (max-width: 480px) {
    .exhibits-item {
       max-width: 90%;
       margin-bottom: 40px;
           
}
}
@media (min-width: 300px) {
    .tab-block__label img {
        width: 100%;
        height: auto;
    }
    .ngg-gallery-thumbnail img {
        width: 100% !important
    }
    .page-id-7 #primary, .page-template-page-blog-exhibits #primary, .page-id-45 #primary{
        width: 80%;
    }
    #primary {
    	width: 100%;
    }
    .header-title img {
    max-width: 100% !important;
    display: block;
    margin: 0px auto;
    float: none;
    padding-right: 100px;
}
}
@media (min-height: 768px) {
#main-slider {
    padding: 40px 0 0 !important;
}
}
@media (max-height: 767px) { 
#main-slider {
    padding: 40px 0 0 !important;
}}

@media (max-width: 480px) {
	.html5gallery-car-1 {
		display: none !important;
	}
}

@media (min-width:355px ) and (max-width: 390px) {
	.menu-header-container a {
		font-size: 75%;
	}
}

@media (max-width: 355px) {
	.menu-header-container a {
		font-size: 70%;
	}
}
@media (max-width: 767px) {
	.main-page-column {
		width: 100% !important;
		margin-right: 0 !important;
	}
	.header-lang ul {
    margin-bottom: -15px;
}
#hgroup-wrap, .hentry, .comments-area article {
    padding-bottom: 1.5rem !important;
}
}
@media (min-width: 1190px){ 
.menu-header-container {
		display: block;
		margin: 0 auto;
		width: 1100px; /*890px;*/
		}
	}
.menu-header-container {
		display: block;
		margin: 0 auto;
	}
@media (min-width: 1025px) and (max-width: 1189px) {
	.menu-header-container {
		width: 89rem;
		width: 890px;
		}
		.container {
		    width: 890px !important;
		    margin: 0 auto;
		}
		.slider-container {
		    width: 890px;
			width: 89rem;
		}
	}

@media (min-width: 981px) and (max-width: 1024px) {
	.menu-header-container {
		width: 66rem;
		width: 660px;
		}
		.slider-container {
		    width: 660px;
			width: 66rem;
		}
		.container {
		    width: 720px !important;
		    margin: 0 auto;
		}
		footer #supplementary {
		    overflow: hidden;
		    display: block;
		    margin: 0px auto;
		    width: 72rem !important;
		}
		.gmOverflow {
			height: 355px !important;
			max-width: 100% !important;
		}
		.gmrsFSfix .gmOverflow {
			height: 620px !important;
			max-width: 100% !important;
		}
		img.gmImg {
		    max-width: none;
		    width: auto !important;
		    height: 100% !important;
		}
	}

@media (min-width: 768px) and (max-width: 980px) {
	.menu-header-container {
		width: 71rem;
		width: 710px;
		}
		.slider-container {
		    width: 710px;
			width: 71rem;
			margin: 0 auto;
		}
		.gmOverflow {
			/*height: 320px !important;*/
			max-width: 100% !important;
		}
		.realSlider {
			height: 430px !important;
		}
		img.gmImg {
		    max-width: none;
		   /* width: auto !important;
		    height: 100% !important;*/
		}
	}

@media (min-width: 481px)(max-width: 767px) {
	.menu-header-container {
		width: 39rem;
		width: 390px;
		}
		.slider-container {
		    width: 290px;
			width: 29rem;
		}
		.menu-header-container a {
			font-size: 90%;
		}
	}

@media (max-width: 480px) {
	#header-menu ul.menu {
    list-style: outside none none;
    padding-left: 0px;
}
	}


/*Ipads retina*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   .slider-container {
	    width: 720px;
	    width: 72rem;
	}
	.menu-header-container {
	    margin: 0rem auto;
	    width: 72rem;
	    width: 720px;
	}
	.container {
		width: 720px;
		margin: 0 auto;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 799px) and (orientation : portrait) { 
	.slider-container {
	    width: 660px;
	    width: 66rem;
	}
	.menu-header-container {
	    margin: 0rem auto;
	    width: 66rem;
	    width: 660px;
	}
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 66rem !important;
}
}
@media only screen and (min-device-width : 800px) and (max-device-width : 979px) and (orientation : portrait) { 
	.slider-container {
	    width: 700px;
	    width: 70rem;
	}
	.menu-header-container {
	    margin: 0rem auto;
	    width: 70rem;
	    width: 700px;
	}
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 70rem !important;
}
}

@media only screen and (min-device-width : 981px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.slider-container {
	    width: 720px;
	    width: 72rem;
	}
	.menu-header-container {
	    margin: 0rem auto;
	    width: 72rem;
	    width: 720px;
	   }
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 72rem !important;
}
}

@media (min-width: 1281px) {
	.site {
    width: 110rem;
    margin: 0px auto;
}
.container {
    padding: 0px 5rem;
    width: 1100px;
    margin-left: -50px;
}
footer .container {
	width: 100%;
	margin-left: 0px;
	padding: 0 !important;
}
}

@media (min-width: 961px) and (max-width: 1199px) {
	footer .container {
		width: 890px;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin: 0 auto;
	}
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 720px;
    width: 72rem;
}
.site {
	width: 100% !important;
}
}

@media (min-width: 821px) and (max-width: 960px) {
	.site {
		width: 100% !important;
	}
	footer .container {
		width: 800px;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin: 0 auto;
	}
	
}


@media (min-width: 768px) and (max-width: 820px) {
	.site {
		width: 100%;
	}
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 100%;
}
}

/*IPhone 5 landscape*/
@media (min-width: 565px) and (max-width:568px) {
	.site {
    width: 560px;
    width: 56rem;
}
footer #supplementary {
    width: 550px;
    width: 55rem;
}
.menu-header-container, .slider-container {
    width: 540px !important;
}

}

/*IPhone 6 landscape*/
@media (min-width: 665px) and (max-width:668px) {
	.site {
    width: 660px;
    width: 66rem;
}
footer #supplementary {
    width: 650px;
    width: 65rem;
}
.menu-header-container, .slider-container {
    width: 640px !important;
}
.container {
    padding: 0 50px;
    padding: 0 1rem;
}
}

@media (max-width: 320px) {
	.gmThumb {
		margin-right: 8px !important;
	}
	.gmrsFSfix .gmThumb {
		margin-right: 25px !important;
	}
}
@media (min-width: 479px) and (max-width: 481px) {
	.gmThumb {
		margin-right: 8px !important;
	}
	.gmrsFSfix .gmThumb {
		margin-right: 25px !important;
	}
}
@media (min-width: 321px) and (max-width: 639px) {
	.gmThumb {
		margin-right: 5px !important;
	}
}

@media (min-width: 640px) and (max-width: 767px) {
	.realSlider, .gmOverflow  {
		max-height: 320px !important;
	}
	.gmrsFSfix .realSlider, .gmrsFSfix .gmOverflow  {
		max-height: none !important;
	}
	.gmImg {
		margin-top: 0 !important;
	}
	.gmThumb {
		margin-right: 5px !important;
	}
	.gmrsFSfix .gmThumb {
		margin-right: 25px !important;
	}
	.container {
    	padding: 0px 2rem;
	}
	.site {
	width: 640px;
    width: 64rem;
}

 footer #supplementary {
	width: 610px;
    width: 61rem;
}
.menu-header-container {
    width: 600px !important;
}
.slider-container {
    margin: 0px auto;
    width: 600px;
}
.gm-default-skin .gmThumbsArrowIcn {
    top: 55% !important;
}
}
@media (min-width: 800px) and (max-width: 1024px) {
	.realSlider, .gmOverflow  {
		max-height: 420px !important;
	}
	.gmrsFSfix .realSlider, .gmrsFSfix .gmOverflow  {
		max-height: none !important;
	}
	.gmImg {
		margin-top: 0 !important;
	}
	.gmThumbs {
		margin-top: 15px !important;
	}
	.gmThumb {
		margin-right: 15px !important;
	}
}

@media (max-width: 767px) {
	#secondary span {
    width: 100%;
}
	#nav_menu-2 a, #nav_menu-3 a {
       text-align: center;
}
#nav_menu-2 a img, #nav_menu-3 a img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
}
@media (min-width: 768px) {
	#nav_menu-2 a, #nav_menu-3 a {
       text-align: left;
}
}
@media (max-width: 767px) {
	.fiction_desktop {
		display: none;
	}
	.fiction_mobile {
		display: block;
		margin-top: 20px;
		font-weight: bold;
		font-size: medium !important;
	}
}

@media (min-width: 768px) {
	.fiction_desktop {
		display: block;
		font-size: medium !important;
		margin-bottom: 10px !important;
	}
	.fiction_mobile {
		display: none;
}
.page-template-page-sub-gallery .main-page-column p {
	font-size: medium !important;
}

@media (min-width: 770px) and (max-width: 980px) {
	.menu-header-container, .slider-container {
		width: 770px;
		margin: 0 auto !important;
	}
	.site {
		width: 770px !important;
	}
	footer #supplementary {
    overflow: hidden;
    display: block;
    margin: 0px auto;
    width: 77rem;
}
}
.page-template-page-sub-gallery p {
	margin-bottom: 5px;
}

@media (max-width: 768px) {
	.page-template-page-sub-gallery p {
	margin-bottom: 5px !important;
}
}