@media (min-width: 385px) {
    .intro_block .intro_img {
        margin-top:30px;
    }
}
@media (min-width: 480px) {
    header#vingtsun .post-title h1 {
    	margin-top:60px;
    }
}

@media (min-width: 544px) {

	header {
		position: relative;
		height: 70vh;
	}

	header .video-wrap {
		overflow: hidden;
	}

	header .video-wrap video {
		width: 100%;
	}
	
	header .overlay {
	    padding-top:50px;
	}
	
    header .tagline {
        top:35vh;
    }
    
	.about-sifu-m .overlay {
		padding-top: 120px;
		text-align: center;
	}

	.about-sifu-m img {
		width: 75%;
	}

    header#vingtsun .post-title h1 {
    	margin-top:160px;
    }

    .grid-sizer,
    .element-item {
      width: 50%;
    }

    .shop .cart {
		position: relative;
		top:-35px;
		float: right;
		padding-right: 15px;
	}

	.store-product-details .cart {
		top:0px;
	}
}

@media (min-width: 768px) {
    
	.navbar-brand {
		width: 45%;
		margin: 0;
	}

	header {
		position: relative;
		height: auto;
	}
	
	header .overlay {
	    padding-top:0;
	}

    header .tagline {
        top:200px;
    }

	header .tagline img{
		margin: auto;
		width: 65%;
		top:35vh;
	}

	header#vingtsun {
		background: url('../images/banner_temp.jpg') #2c230b no-repeat;
		background-position: center;
		background-size:cover;
	}

	header#vingtsun img {
		margin-top: 110px;
	}
	
	header#vingtsun .post-title h1 {
    	margin-top:200px;
    }

	.into_text_in {
		padding-top: 30px;
	}

	.intro_text .figure {
		display: block;
	}

	.intro_block {
		margin-left: 0;
		margin-right: 0;
	}

	.intro_block .intro_img {
		margin-top:0px;
	}

	.vingtsun_text {
		padding: 40px 60px;
	}


	.modal-dialog {
	    max-width: 600px;
	}

	header#about {
	    background-size: cover;
	}

	.sifu-md {
		visibility: visible;
		padding-top: 133px;
	}

	.sifu-intro .sifu-name img {
		width: 190px;
	}

	header#about .overlay .container {
	    background-position: -90% 77%;
    	background-size: 80%;
    }
    
    header .video-wrap {
        max-height:420px;
        display:block;
	}
	header .banner-wrap {
	    display:none;
	}

    .grid-sizer,
    .element-item {
      width: 33.333%;
    }

    .sharing_grid .filters-button-group button {
		margin: 0 15px;
	}
	
	.register-user-submit {
	    padding:45px 0 0 30px;
	    cursor:pointer;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-brand {
		width: 40%;
		margin: 0;
	}

	.navbar-collapse {
	  	flex-flow: row wrap;
	  	padding: 0;
		background: transparent;
		position: relative;
		z-index: 0;
	}

	.top-sub-nav .social {
		float: right;
		padding-left: 0px;
	}

	.top-sub-nav .language {
		margin-right: 0px;
	}

	.nav {
		justify-content: flex-end!important;
	}
	
	header .video-wrap {
        max-height:550px;
	}
    
    header .tagline {
        top:220px;
    }

	.sifu-intro {
		margin-top: 255px;
	}

	.sifu-intro .sifu-name img {
		width: 250px;
	}

	.about_bg {
		height: 388px;
	}

	header#about {
	    background-size: 100% auto;
	}

	.sifu-md {
		visibility: hidden;
	}

	header#about .overlay .container {
	    background-position: -10% 96%;
    	background-size: 60%;
    }

    .sharing_grid .filters-button-group button {
		margin: 0 20px;
	}
    #announcement-panel {
        width:90%;
        margin-right:5%;
        margin-left:5%;
    }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-brand {
		width: 35%;
		margin: 0;
	}
	
	header .video-wrap {
        max-height:650px;
	}
	
	header .tagline {
        top:35vh;
    }

	.sifu_wrap .image {
	    padding-left: 80px;
	}

	.sifu-intro {
    	padding-right: 100px;
    }

    .about_bg {
		height: 406px;
	}

    #announcement-panel {
        width:1060px;
        left:50%;
        margin-left:-530px;
    }

}

@media (min-width: 1300px) {
    header .video-wrap {
        max-height:810px;
    }
}