/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media(max-width : 1200px) {
	.child {
		margin: 10% 5%;
	}
	.back_dark h3 {
		font-size: 26px;
		padding: 0 0 10px 0;
	}
	.back_dark h4 {
		font-size: 18px;
		padding: 0 0 10px 0;
	}
	.block-3 .container, .block-4 .container{
		max-width: 95%;
	}
	.block-4 h4{
		font-size: 22px;
	}
	.block-video {
		width: 86%;
		border-radius: 0px;
	}
}
@media(max-width : 1100px) {
	.block-3 .round-img {
		height: 55px;
		width: 55px;
	}
	.back_dark h5 {
		font-size: 16px;
	}
}
/* Medium Devices, Desktops */
@media(max-width : 1024px) {
	.block-1{
		padding: 250px 0 0 0;
	}
	.block-3 a {
		bottom: 10px;
		font-size: 17px;
		padding: 8px;
	}
	.block-4 h4{
		font-size: 21px;
	}
}

@media(max-width : 991px) {
	.wrapper nav ul li {
		text-align: center;
		padding: 5px 0px;;
	}
	.logo_fsh {
		width: 70px;
		height: 60px;
		margin: 5px 20px 5px 15px;
	}
	.wrapper nav ul li a {
		padding: 10px 0px;
	}
	.block-1 a {
		font-size: 20px;
		padding: 10px 15px;
	}
	.child {
		margin: 5% 10%;
	}
	.block-1{
		height: 510px;
		padding: 160px 0 0 0;
	}
	.back_dark h3 {
		font-size: 20px;
		text-align: center;
		padding: 0;
	}
	.back_dark h4 {
		font-size: 15px;
		padding: 0;
	}
	.back_dark h5 {
		font-size: 14px;
	}
	.block-4 ul li {
		background-size: 25px;
	}
	.block-4 h4 {
		font-size: 19px;
	}
}
@media(max-width : 890px) {

	.block-3 .back_dark {
		padding: 15px;
	}
	.block-3 .round-img {
		height: 50px;
		width: 50px;
	}
	.block-3 a {
		bottom: 5px;
		font-size: 16px;
		padding: 5px;
	}
	.block-4 h4 {
		font-size: 17px;
	}
}
/* Small Devices, Tablets */
@media(max-width : 800px) {
	.caption h1{
		font-size: 50px;
	}
	.back_dark h3 {
		font-size: 17px;
	}
	.back_dark h4 {
		font-size: 13px;
	}
	.back_dark h5 {
		font-size: 12px;
	}
	.block-6 .col-md-7, .block-6 .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.communicate-rect h2 {
		font-size: 22px;
	}
	.communicate-rect h3 {
		font-size: 15px;
	}
	#uptocall-mini {
		display: block;
	}
}
/* Small Devices, Tablets */
@media(max-width : 767px) {
	.block-1 img{
		display: none;
	}
	.child {
		margin: 10% 7%;
	}
	.block-1 a {
		font-size: 22px;
		padding: 15px 15px;
	}
	.img-kid{
		display: none;
	}
	.block-2 .caption{
		margin: 0 0 30px 0;
	}
	.block-2 h4{
		padding: 15px 0 0 0;
	}
	.block-2 {
		padding: 50px 0px;
	}
	.caption h1 {
		font-size: 30px;
	}
	.block-3 a {
		bottom: 10px;
	}
	#row-pad {
		padding: 10px 0 60px 0;
	}
	.back_dark h4 {
		padding: 0 0 10px 0;
	}
	.block-4 #row-pad-video{
		top: 30px;
	}
	.block-6 .col-md-7, .block-6 .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.block-6 .caption h1 {
		font-size: 36px;
	}
	.communicate-rect {
		padding: 5%;
	}
	.block-6 {
		background-position: 40% 50%;
	}
	.modal-content h1{
		font-size: 21px;
		margin: 10px 0 0px 15px;
	}
	.modal-dialog {
		max-width: 95%;
	}
	.modal-text h2 {
		font-size: 18px;
	}
	.block-7 a {
		width: 90%;
	}
        #btn-yellow a {
		width: 90%;
	}
	footer h3{
		text-align: center;
	}
}
/* Extra Small Devices, Phones */
@media(max-width : 480px) {
	.block-1 h1{
		font-size: 1.7rem;
	}
	.block-1 h2{
		font-size: 1.3rem;
	}
	.child {
		margin: 10% 9%;
	}
	.block-1 a {
		font-size: 15px;
	}
	#block-2-img-pad .row:hover{
		transform: scale(1, 1);
	}
	.back_dark h3 {
		font-size: 18px;
	}
	.back_dark h4 {
		font-size: 15px;
	}
	.back_dark h5 {
		font-size: 16px;
		text-align: center;
	}
	.block-4 {
		padding: 40px 0 90px 0;
	}
	.block-8 h2 {
		font-size: 35px;
	}
	.block-8 h3 {
		font-size: 28px;
	}
        #btn-yellow a{
            font-size: 17px;
        }
}

/* Custom, iPhone Retina */
@media (max-width : 320px) {
	.child {
		margin: 20% 0%;
	}
	.block-1 a {
		padding: 15px 10px;
	}
	.block-1 a {
		font-size: 16px;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media(min-width : 480px) {
	.block-3 .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.block-3 .col-md-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.block-3 .col-md-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}

/* Small Devices, Tablets */
@media(min-width : 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

/* Medium Devices, Desktops */
@media (min-width : 992px) {
	body .modal-dialog {
		max-width: 850px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}