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

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	.second .btn,
	.map .btn{
		width: 40%;
	}
	header{
		-webkit-background-size: cover;
		background-size: cover;
	}
	header .logo p{
		margin-left: 45px;
	}
	.first{
		height: 100vh;
	}
	.first .table{
		width: 85%;
	}
	.third{
		padding: 0;
	}
	.third .line-content{
		padding: 30px 0;
		width: 100%;
	}
	.photo-3{
		-webkit-background-size: cover !important;
		background-size: cover !important;
		padding: 0 !important;
	}
	.third .line-content .btn{
		width: 60%;
	}
	.animationOpen{
		width: 40% !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animationOpen{
		width: 60% !important;
	}
	header{
		padding: 10px 0 30px 0;
		-webkit-background-size: cover;
		background-size: cover;
	}
	header .logo img{
		width: 32%;
		position: relative;
	}
	header .logo p{
		font-size: .6rem;
		margin-left: 5px;
	}
	header .phone a{
		font-size: 1rem;
	}
	header .phone span{
		font-size: .6rem;
	}
	header .btn{
		padding: 10px;
		display: block;
	}
	.first{
		height: 100vh;
		margin-top: 56px;
	}
	.first .table{
		width: 90%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .84rem;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 100%;
		padding: 10px;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
	.second .btn,
	.map .btn{
		width: 60%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 500px) {
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}
	.animationOpen{
		width: 90% !important;
	}
	header{
		background-image: url(../img/images/logo.png);
		background-position: 5% -20%;
		background-repeat: no-repeat;
		-webkit-background-size: 68px;
		background-size: 68px;
		background-color: #464646;
		padding: 10px 0;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		height: 100vh;
		margin-top: 120px;
	}
	.first .table{
		width: 85%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .9rem;
	}
	.second{
		display: none;
	}
	.mobile{
		display: block !important;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}

/* 2 Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}
	.animationOpen{
		width: 90% !important;
	}
	header{
		background-image: url(../img/images/logo.png);
		background-position: 5% -20%;
		background-repeat: no-repeat;
		-webkit-background-size: 68px;
		background-size: 60px;
		background-color: #464646;
		padding: 10px 0;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		height: 100vh;
		margin-top: 120px;
	}
	.first .table{
		width: 95%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .9rem;
	}
	.second{
		display: none;
	}
	.mobile{
		display: block !important;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.mob-block{
		display: block;
	}
	.no-mobile{
		display: none;
	}
	header .phone a{
		font-size: 1.7rem;
	}
	.second .btn,
	.map .btn{
		width: 100%;
	}

	.animationOpen{
		width: 90% !important;
	}
	header{
		background-image: url(../img/images/logo.png);
		background-position: 5% -20%;
		background-repeat: no-repeat;
		-webkit-background-size: 68px;
		background-size: 58px;
		background-color: #464646;
		padding: 10px 0;
	}
	header .logo{
		display: none;
	}
	header .phone{
		text-align: center;
		margin-bottom: 10px;
	}
	.first{
		height: 100vh;
		margin-top: 120px;
	}
	.first .table{
		width: 100%;
		margin-top: 30px;
		top: 0;
		padding: 15px;
	}
	.first .table p{
		margin: 12px 0;
		font-size: .8rem;
	}
	.second{
		display: none;
	}
	.mobile{
		display: block !important;
	}
	.second h3{
		width: 100%;
		font-size: 1.6rem;
	}
	.second hr{
		width: 40%;
	}
	.third{
		background-image: none !important;
	}
	.third .mob-img{
		display: block;
	}
	.third .line-content,
	.third .right-line{
		width: 100%;
		margin: 20px 0;
		padding: 0 !important;
		text-align: center !important;
	}
	.third .line-content hr{
		margin: auto;
		left: 0 !important;
	}
	.map p, .pop-serv p{
		width: 100%;
	}
	.pop-serv .box{
		padding: 1%;
	}
	.pop-serv .box img{
		width: 80%;
	}
	.third .line-content .btn{
		float: none;
		width: 100%;
	}
	.fourth .evacuator{
		margin-bottom: 20px;
	}
	.fourth .txt p{
		font-size: .8rem;
	}
	.fourth .btn{
		margin: 20px 0 0 0;
	}
	footer .content{
		width: 100%;
	}
	footer .content h3{
		font-size: 1.3rem;
	}
	footer .content .pretitle{
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	footer .content p{
		margin: 10px 0;
	}
	footer .phone{
		text-align: center;
		margin-bottom: 14px;
	}
	footer .btn{
		width: 80%;
		margin: auto;
		text-align: center;
		display: block;
	}
	.obscure input, .obscure button{
		width: 90%;
	}
}