/*            1150px Screen         */

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

	.service-box{
		float: none;
		width: 100%;
	}

}

						/*            830px Screen         */

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

}

						/*            760px Screen         */

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

	h1{font-size: 35px;}
	h2{font-size: 28px;}
	h3{font-size: 23px;}
	h4,
	h5{font-size: 20px;}

	.top-section img.branford{display: none;}

	.top-section .about-box{
		position: static;
		max-width: 100%;
		text-align: center;
	}

	.youtube img{
		margin:auto;
		border-radius: 11px;
	}

	.learn-more{
		float: none;
		width: 100%;
	}

	.services{
		text-align: center;
		padding-bottom: 20px;
		margin-top:150px;
	}

	.footer-box{
		float: none;
		width:100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.footer-box img{
		display: inline-block;
		margin-bottom: 10px;
	}

	.header{padding:10px 0 0 0;}

	.header .frame{padding:0;}

	.logo{
		float: none;
		width: 100%;
	}

	.logo img{margin:auto;}

	.navigation{
		float: none;
		width: 100%;
	}

	.navigation a{display: none;}

	.navigation a.bttn{
		display: block;
		color:#ffffff;
		padding:20px 15px;
		background: #007ac2;
		border:none;
		border-radius: 0;
	}

}

						/*            560px Screen         */

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

	.gallery ul{text-align: center;}
	.gallery ul li{margin:0 5px 10px 5px;}

	.service-box{
		height: auto;
		padding:32px;
	}

	.service-box .bttn-holder{
		position: static;
		margin-top:40px;
	}

	.service-box table td{font-size: 18px;}

	.half-input-holder{
		float: none !important;
		width:100%;
	}

	.snapchat-box{
		width:300px;
		margin-left:-150px;
	}

	.left-box{width: 62%;}

	.left-box img{width: 64px;}

	.left-box strong{font-size: 24px;}

	.left-box img.arrow{margin:0;}

	.right-box{
		width: 36%;
		font-size: 14px;
	}

	.right-box p{margin-top:-5px;}

}

						/*            380px Screen         */

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

	.snapchat-box img.close{right: -7px;}

}