@media (min-width: 425px) and (max-width: 766px) {
	/* .fb-video{
		vertical-align: bottom;
		width: 100px;
		height: 222px;
	}

	.home-intro video {
		width: 100%;
		max-width: 100%;
		height: auto!important;
		border: 0;
		margin-top: 0px;
	} */

}


@media (max-width: 767px) {
	.logo {
		font-size: 30px!important;
		text-align: center!important;
		padding-left: 0!important;
		padding-top: 0!important;
	}
	.navbar-toggler {
		display: block!important;
		color: #0071bc;
		border-radius: 0;
		border: none;
		margin-left: 40%;
		margin-top: 10px;
		padding: 11px;
		margin-bottom: 10px;
		text-transform: uppercase;
		background-color: white;
	}

	.navbar-toggler:active .navbar-toggler:visited {
		color:#0071bc;
	}
	.navbar-toggler:focus, .navbar-toggler:hover {
		text-decoration: none;
		outline: none;
		color:#0071bc;
	}
	.navbar-header {
		text-align: center;
	}
	.navbar-nav {
		padding-left: 0!important;
		line-height: 43px!important;
		position: relative;
		z-index: 99;
		width: 100%;
		/* transition: all 0.4s ease-in-out;
		transform: translate(0,0); */
		background-color: #0071bc;
		

	}	
	.navbar-collapse {
		padding: 0;
		position: absolute;
		top: 63px;
		bottom: 0;
		right: 0;
		left: 0;
	}
	.navbar-nav>li.active{
	    background-color: #25a3c8;
		padding: 0 15px;
		margin-left:10px!important;
		margin-right:10px!important;
	}

	.navbar-nav>li>a {
		position: relative;
		display: block;
		padding: 0 15px;

	}
	.navbar.navbar-expand-lg .navbar-nav>li>a {
		padding:0!important;
		margin-left:10px!important;
		margin-right:10px!important;
	}
	.navbar-toggler-icon button, .navbar-toggler-icon button:hover, .navbar-toggler-icon:focus {
		float: none;
		margin-right: 0;
		background-color: #fff!important;
		color: #0071bc;
		border: 2px solid #fff!important;
		border-radius: 0px;
		text-transform: uppercase;
		align-items:center;
	}

	.navbar-default .navbar-collapse{
		border-color: transparent;
		position: absolute;
		left: 0;
		right: 0;
		background-color: #0071bc;
		z-index: 99999999999;
		
	
	}

	.menubar .col-md-12 {
		padding: 0;
	}

	.navbar-nav>li {
		float: none!important;
		display: block!important;
		background-color: #0071bc;
	}

	.navbar-default .navbar-nav>li>a {
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}

	.header-contact {
		text-align: center!important;
		margin-top: 10px!important;
	}

	.home-header {
		height: 326px!important;
	}
	.home-intro video {
		width: 100%!important;
		height: 100%!important;
		border: 0;
		margin-top: 0px;
	}
	.testimonials h2 {
		font-size: 28px;
	}
	.about-header, .calendar-header, .vows-header, .faq-header, .gallery-header, .contact-header {
		padding-top: 80px!important;
		padding-bottom: 0px!important;
	}

	.about-header h1, .calendar-header h1, .vows-header h1, .faq-header h1, .gallery-header h1, .contact-header h1{
		font-size: 30px!important;
	}

	.about p {
		padding-right: 0!important;
	}
	.vows-blocks h3 {
		padding-left: 20px;
		font-size: 23px!important;
	}
	.vows-2-mobile {
		display: block!important;
	}

	.vows-2-desktop {
		display: none;
	}

	.footer-upper p {
		font-size: 16px!important;
	}

	.rd-header {
		padding-top: 170px!important;
	}

	.rd-header h1 {
		font-size: 35px!important;
	}

	.home-services .service {
		width: 160px!important;
		height: 160px!important;
	}

	.service img {
		width: 80px!important;
		padding-top: 30px!important;
	}

	.details p{
		font-size:14px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.home-header {
		height: 370px!important;
	}
	
	.navbar-nav{
		flex-direction:row;
		padding-left:0!important;
		display:block;
	}
	.home-header h2 {
		margin-top: 40%!important;
	}

	.header-contact {
		text-align: left!important;
		margin-top: 10px!important;
	}

	.about .team {
		margin-bottom: 20px!important;
	}
	.navbar.navbar-expand-lg .navbar-nav>li>a {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.navbar {
		padding: 0!important;

	}
	.calendar-header {
		padding-top: 200px!important;
	}	

	.faq-header h1 {
		font-size: 40px!important;
	}					
	.testimonials {
		padding: 10% 0!important;
	}
	.vows-2-mobile {
		display: block!important;
	}

	.vows-2-desktop {
		display: none;
	}
	
	.gallery .col-md-3 {
		width: 50%;
		float: left;
	}

	.navbar.navbar-expand-lg .navbar-nav>li>a{
		padding-left: 5px!important;
		padding-right: 5px!important;
		font-size: 15px!important;
		padding-top: 28px!important;
	}

	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
		text-align: center;
		padding: 0;
	}

	.navbar-nav {
		float: none;
		margin: 0;
		text-align: center;
	}

	.navbar-nav>li {
		float: none;
		display: inline-block;
	}

	.home-intro iframe {
		height: 100%!important;
	}

	.home-intro video {
		width: 94%!important;
		max-width: 94%!important;
		height: auto!important;
		border: 0;
		margin-top: 0px!important;
	}

	.header-logo .logo {
		margin: 0;
		color: #25a3c8;
		font-size: 40px;
		font-weight: 300;
		text-align: left;
		padding-left: 0px;
		padding-top: 45px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header-logo .logo {
		font-size: 45px;
		padding-left: 26px;
		padding-top: 10px;
	}
	.navbar-nav{
		line-height:45px;
		display:block;
		padding-left:0!important;
	}
	.navbar-default .navbar-nav>li>a {
		padding-top: 23px!important;
		padding-bottom: 22px!important;
		font-size: 14px!important;
	}
	.navbar.navbar-expand-lg .navbar-nav>li>a {
		margin-left:0!important;
		margin-right:0!important;
	}
	.header-contact {
		margin-top: 20px!important;
	}

	.vows-blocks p {
		font-size: 14px!important;
	}

	.home-header {
		height: 480px!important;
	}

	.home-intro iframe, .home-intro video {
		height: 255px!important;
	}

	/* Laptop: */

	@media (min-width: 1200px) and (max-width: 1600px) {
	
	}

	/* 14” HD Laptop and bigger */
	@media (min-width: 1391px) and (max-width: 1439px), (min-height: 300px) and (max-height: 650px) and (orientation: landscape){
	
	}

	@media (min-width: 1400px) and (max-width: 1600px) {
	

	}
}

