/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1300px) {
#topheaderinner, #page, #supplementaryinner {
    padding:0 20px;
}




}




@media (max-width: 1000px) {

#access ul {
	font-size: 13px;

}
	
	#topheaderinnerright {
    width: 75%;
}
	
	

}
/* ========= end of Wide Screen Layout: From 1200px. ========= */

/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 780px) {

.single-post #primary {
    width: 100%;
}
#main #secondary {
    margin: 0;
}
	
	#topheader {
	height: auto;
}
	
	#topheaderinner {
    max-width: 25%;
	margin:0 auto;
	display: block;
}

#topheaderinnerleft {
    max-width:100%;
	padding:35px 0;
	width: 100%;
	text-align:center;
}
	
	.homeslider{
	padding: clamp(120px, 60vw, 440px) 0 180px 0;

}
	
	.pagebanner {
    padding: clamp(120px, 60vw, 440px) 0 0 0;
}
	
	.colorbuttonfilms.rightalign {
    text-align:left;
}
	
	.homeslider::before {
	display:none;
}
	
	.fcsc-film-image {
    height: auto !important;
}

}




@media (max-width: 620px) {

.homeslider {
        padding: clamp(120px, 86vw, 280px) 0 80px 0;
    }
	
.pagebanner {
    padding: clamp(120px, 86vw, 440px) 0 0 0;
}
  }




@media (max-width: 450px) {
    .homeslider {
        padding: clamp(120px, 95vw, 440px) 0 180px 0;
    }
}


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {




}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {





}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {



}


/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.homeslider {
    padding: clamp(120px, 86vw, 280px) 0 80px 0;
}
.entry-content h2, .comment-content h2 {
    font-size: 8vw;
}
.entry-content h3, .comment-content h3
 {
    font-size: 6vw;
}
.filmbg {
    background-size: cover;
}
.filmwrapper {
    grid-template-columns: 1fr 1fr;
}
.cfs-film-meta-row, .cfs-film-detail-row {
        font-size: 18px;
}
.pagebanner {
    padding: clamp(120px, 40%, 440px) 0 0 0;
}
.pagebannerinner h1 {
    font-size: 8vw;
}
}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

.homeslider {
    padding: clamp(120px, 86vw, 280px) 0 80px 0;
}
.homeslider h1 {
    margin-bottom: 30px !important;
    font-size: 9vw !important;
}
.homeslider h2 {
    font-size: 20px !important;
    letter-spacing: 5px;
}
.entry-content h2, .comment-content h2 {
    font-size: 8vw;
}
.entry-content h3, .comment-content h3
{
    font-size: 6vw;
}
h2.woocommerce-loop-product__title {
    font-size: 4vw !important;
}
.largertext p {
    font-size: 20px;
}
p {
    font-size: 16px;
}
.filmbg {
    background-size: cover;
}
.homeslider{
	font-size: 4vw;
}
.homeslider h2
 {
    font-size: 5vw !important;
    letter-spacing: 5px;
}
.filmwrapper {
    grid-template-columns: 1fr;
}
.pagebanner {
    padding: clamp(120px, 45%, 440px) 0 0 0;
}
.pagebannerinner h1 {
    font-size: 10vw;
}
}
/* ========= end of small Mobile Layout ========= */