@media screen and (min-width:1920px)
{
	.plan_one_img:after{height: 140px;}
	.banner_sec:before{height: 170px;}
	.ban_content h1 {
		font-family: 'Lobster', cursive;
		font-size: 70px;
	}
	.banner_sec{top: -15px;}
	.banner_sec{
		background-position: 0px -140px;
	}

	.banner_sec{background-position: 0px -100px;}
}

@media screen and (min-width:1620px)
{
	.plan_one_img:after{height: 140px;}
	.banner_sec:before{height: 170px;bottom: -10px;}
	.banner_sec{
		background-position: 0 -100px;
	}


}

@media screen and (max-width:1420px)
{
	.plan_one_img:after{height: 120px;}
	.banner_sec{
		background-position: 0 -100px;
	}
}

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

	.banner_sec{
		height: 630px;
		background-position: 0 -80px;
	}
}



@media screen and (max-width:1199px)
{
	.banner_sec:before{height: 100px;    bottom: -2px;}
	.banner_sec{height: 590px;}
	.banner_sec{background-position: 0px 0px;}
	

}

@media screen and (max-width:991px)
{
	.ban_content h1 {font-size: 60px;padding: 10px 0;}
	.ban_content a {width: 140px;}
	.adv_safe_fun{padding: 40px 0;}
	.ban_content h1 {font-size: 48px;line-height:30px;padding-top: 20px;}
	.eight_tips .shape span {font-size: 46px;}
	.adv_safe_fun h2{font-size: 20px;line-height: 16px;letter-spacing: 0.2px;padding-top: 20px;}
	.adv_safe_fun p{font-size: 14px;}
	.adv_safe_fun p {padding: 10px 0;}
	.eight_tips .shape span {font-size: 42px;}
	.ban_content h1 {font-size: 38px;line-height: 30px;padding-top: 15px;}
	.paning_two_flex .col-md-6{display: inherit;float: left;width: 100%;margin: 0 auto;text-align: center;}
	.eight_tips .shape span {font-size: 38px;}
	.eight_tips .shape p{font-size: 22px;}
	.planing_yourtip_two:after{height: 100%;}
	.banner_sec:before{height: 80px;}

	footer {padding: 50px 0 30px;}
	footer h2 {font-size: 36px;}
	footer ul li{padding-right: 30px;}
	footer .leg_title {font-size: 22px;}
	footer .leg_title:after{top: 25px;}
	footer p {font-size: 18px;}

	.plan_one_img:after{height: 80px;}
	.banner_sec{height: 510px;}


}

@media screen and (max-width:767px)
{
	.ban_content a {width: 120px;}
	.ban_content h1 {font-size: 34px;line-height: 30px;padding-top: 15px;}
	.banner_sec:before{height:70px;}
	.plan_title span{font-size: 30px;}
	.plan_content{padding-bottom: 10px;}
	.leg_title{padding: 20px 0 10px 40px;font-size: 18px;}
	.leg_title:after{top: 25px;}
	.eight_tips .shape {width: 120px;height: 120px;}
	.eight_tips .shape:before{left: 5px;top: 10px;}
	.plan_title h3 {font-size: 20px;}
	.plan_title span {font-size: 20px;left: -15px;}
	.plan_title span{padding-right: 20px;}
	.leg_title:after {top: 20px;height: 25px;width: 25px;}
	.planing_yourtip_three, .planing_yourtip_four{padding: 50px 0 0;}
	.plan_title{padding-bottom: 20px;}
	.planing_yourtip_two{padding: 40px 0;}
	.plan_title span::after {height: 50px;width: 50px;top: -10px; left: -12px;}

	footer .leg_title{padding: 20px 0 15px 50px;}
	footer .leg_title:after{top: 15px;}
	footer{padding: 40px 0 20px;}
	footer ul{padding: 10px 0 24px;}
	footer ul {padding: 10px 0 20px;}
	footer .leg_title {font-size: 18px;}
	footer .leg_title {padding: 15px 0 15px 40px;}
	footer h2 {font-size: 30px;}
	footer p {font-size: 16px;}

	.plan_one_img:after{height: 60px;}

	.banner_sec{height: 380px;}
	

}

@media screen and (max-width:639px)
{
	.leg_title{font-size: 18px;}
	.ban_content a {width: 90px;}
	.ban_content{top: 20px;}
	.ban_content h1 {font-size: 26px;line-height: 22px;padding-top: 10px;}
	.banner_sec:before {height: 50px;}
	p{font-size: 14px;}

}    

@media screen and (max-width:479px)
{
	.leg_title {font-size: 16px;}
	.leg_title:after {top: 18px;}
	.leg_title {padding: 20px 0 10px 35px;}
	.plan_content p {padding-bottom: 5px;}
	.eight_tips .shape span {font-size: 34px;}
	.eight_tips .shape p {font-size: 20px;}
	.eight_tips .shape{padding-top: 5px;}
	.adv_safe_fun {padding: 20px 0;}
	.adv_safe_fun h2 {font-size: 16px;line-height: 16px;letter-spacing: 0.2px;padding-top: 15px;}
	.plan_title span::after{height: 40px;
		width: 40px;
		top: -5px;
		left: -8px;
		left: 0;
		right: 0;
		margin: 0 auto;

	}

	.plan_title span{padding-right: 0px;left: 0;margin-bottom: 25px;display: block;}
	.ban_content a {width: 70px;}
	.ban_content h1 {font-size: 22px;line-height: 20px;padding-top: 5px;}
	.plan_title h3 {font-size: 16px;}
	.plan_content {padding-bottom: 5px;}
	.adv_safe_fun p {padding: 5px 0;}
	.plan_title {padding-bottom: 15px;}
	.planing_yourtip_three, .planing_yourtip_four{padding: 40px 0 0;}
	.planing_yourtip_eight{padding: 41px 0 0;}

	.banner_sec{height: 280px;}
	.banner_sec img {height: 100%;}

	.planing_yourtip_middle .middle_img{padding: 0 20px;}

	footer .leg_title {padding: 15px 0 5px 41px;}
	footer .leg_title {font-size: 14px;}
	footer ul li {padding-right: 20px;}
	footer h2 {font-size: 22px;}
	footer p {font-size: 14px;}
	footer ul {padding: 10px 0;}
	footer{padding: 30px 0 20px;}
	footer ul li{padding-left: 60px;}
	footer ul li{text-align: left;width: 100%;}
	footer ul li {padding-left: 20px;}
	.plan_one_img:after {height: 40px;}
	.banner_sec:before {
		height: 35px;
	}

}

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

	.banner_sec:before {
		height: 35px;
	}
	.eight_tips .shape {
		width: 100px;
		height: 100px;
	}
	.eight_tips .shape span {
		font-size: 28px;
	}
	.eight_tips .shape p {
		font-size: 18px;
		padding: 0px 1px;
	}

	.eight_tips .shape:before{width: 80px;height: 80px;}

	p {font-size: 14px;line-height: 24px;}

	.banner_sec{height: 250px;}
	.banner_sec img {height: 100%;}
}



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

	.banner_sec{height: 230px;}
	.banner_sec:before {
		height: 30px;
	}

}