/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2016
 * www.funkhaus.us
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px
 *
 */


/*
 * Globals
 */


/*
 * Breakpoints
 */
    /* Cinema Display and larger */
    @media (min-width: 1400px) {

    }

    /* Smaller than Desktop HD */
    @media (max-width: 800px) {

		/* headers */
        #sub-header,
    	#header {
    		position: absolute;
    	}
    	.invisible {
    		visibility: hidden;
    	}
    	#logo {
    		width: 166px;
    		height: 33px;
    	}
        #sub-header .list {
            display: none;
        }
        #sub-header .back-title {
            letter-spacing: 3px;
            line-height: 20px;
            font-weight: 900;
            font-size: 16px;
            color: #000;
        }
		#sub-header .select-wrapper {
			display: block;
		}

        /* menu */
        .social-menu a {
            padding: 15px 5px;
            font-size: 12px;
        }
        .main-menu .sub-menu {
            opacity: 1;
        }

    	/* Home & Grids */
     	#content.home,
     	#content.video-grid {
    	 	position: relative !important;
    	 	top: 120px;
     	}
		.creatives #sub-header,
		.contact #sub-header {
			display: block;
		}
        .slide .titles {
            padding: 0 35px;
        }
        .slide .titles .line-1 {
            font-size: 32px;
        }
        .slide .titles span {
            font-size: 14px;
        }
        .slide .titles span {
            font-size: 12px;
        }
        .slide .titles {
            bottom: 30px;
        }
        .pager {
            right: 20px;
        }

        .grid-wrap .grid-block {
            width: 100%;
        }

     	/* About */
     	/*.fullscreen.media-player iframe {
    	 	top: 0;
    	 	left: 0;
    	 	right: 0;
    	 	bottom: 0;
    	 	margin: auto;
     	}*/
        #blackout-content .entry .col,
        #blackout-content .entry .col:nth-child(even) {
            text-align: center;
            width: 100%;
        }

     	/* Video Details */
     	.is-mobiel .close-detail {
    	 	top: 30px;
    	 	right: 30px;
     	}
     	.toggle {
    	 	font-size: 18px;
     	}
     	.title-wrapper {
    	 	line-height: 1.8;
     	}
     	.title-wrapper > * {
    	 	font-size: 22px;
     	}

		/* contact */
		.contact .locations .half {
			margin: 2em auto;
			width: 100%;
		}
		.map-wrapper {
            display: none;
		}

		/* blog index */
		.category .post .title {
			font-size: 30px;
		}

		.single-post .previous,
		.single-post .next {
			display: none;
		}
    }

    /* Smaller than tablet */
    @media (max-width: 750px) {
        #creative-menu li {
            width: 100%;
        }

		/* blog index */
		.category .post .title {
			font-size: 16px;
		}
    }

    /* Smaller than tablet and landscape */
    @media (max-width: 750px) and (orientation: landscape){

    }