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

}


@media screen and (min-width: 1599px) {
	p, .popup ul li, .popup ol li  {line-height: 45px!important}
	
}


@media screen and (max-width: 1680px) and (min-width: 1441px) {
	header .header-nav .navlist li p {font-size: 16px; line-height: 32px;}
	.content div article, .blue-bg-content div article {width: 45%}
	.content div aside .pro-main-pic, .blue-bg-content div aside .pro-main-pic {width: 550px;}
	.content div aside .pro-img, .blue-bg-content div aside .pro-img { width:545px; left: -30px; }
	.content div aside .pro-img1, .blue-bg-content div aside .pro-img1 { width: 603px; bottom:-48px; right: -15px; }
	p, .popup ul li, .popup ol li  {line-height: 45px!important}
	.header-section .per-slide { margin: 115px 117px 0 86px }
	.header-section .per-slide div aside .main-pic { width: 550px; }
	.header-section .per-slide div aside .home-bg1 { width: 610px; }
	.header-section .per-slide div aside .home-bg2 { width: 580px; left: 5px; }
	.header-section .per-slide div aside .home-bg3 {width: 592px; left:  60px;}
	.header-section .per-slide div aside .home-bg4 { width: 600px; left: 30px; }
	.header-section .per-slide div aside .home-bg5 { width: 615px; left: 32px; top: -20px; }
	.timeline .timeline-wrapper li h5 { top: 23px; }
	.timeline .timeline-wrapper li::after { left: -50px; }
	.btn-green { width: 280px!important; }
	.right-img-content div aside .pro-main-pic { width: 560px; }
	.right-img-content div aside .pro-img { width: 520px; left: -24px; }
	.right-img-content div aside .pro-img1 { width: 605px; bottom:-46px; right: -33px; }
	.timeline { width: 70% }
	.timeline .timeline-wrapper li { width: 87%; left: 15%; }
	.timeline .timeline-wrapper ul::after { left: 16%; }
}

@media screen and (max-width: 1440px) {
	header .header-nav { padding: 0 60px}
	header div { padding: 5px 70px; }
	header .header-nav .navlist li p, header .header-nav .navlist .contact p { font-size: 14px; }
	header .header-nav img {width: 240px!important}
	header div p, .sub-menu nav ul li p a {font-size: 14px}
	header div a p, header div a:last-child p {font-size: 12px; height: 30px;}
	.header-section .gap { height: 115px;}
	h1 {font: 80px/86px "boglemedium",sans-serif}
	h2 {font: 35px/40px "boglemedium",sans-serif}
	.popup { padding: 25px 30px 20px }
	p, .popup ul li, .popup ol li  {font-size: 18px; margin-bottom: 15px; line-height: 35px;}
	input, textarea { font-size: 18px }
	.tab-content li {font-size: 20px!important; margin-bottom: 15px!important; line-height: 35px!important;}
	h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 {font: 33px/36px "boglebold",sans-serif; margin-top: 50px;}
	.sub-heading {font: 25px/36px "boglemediumitalic",sans-serif; margin-top: 20px;}
	h4 {font: 30px/36px "bogleregular",sans-serif}
	.blue-bg-content div article h6, .highlight-text, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 { font: 25px/36px "boglemedium",sans-serif }
	.font-black, .special-feature div article h6, h6 {font: 30px/36px "bogleblack",sans-serif}
	.blue-bg-content div article h5, .content div article h5, .right-img-content div article h5, .heading-title, .sub-heading, .timeline h5 {margin-bottom: 15px}
	.header-section .per-slide div aside .main-pic {width: 70%; margin: 0}
	.header-section .per-slide div aside .home-bg1 {width: 75%; top: -5px; right: -45px}
	.header-section .per-slide div aside .home-bg2 {width: 73%; top: -12px; left: 100px}
	.header-section .per-slide div aside .home-bg3 {width: 75%; top: -20px; left: 150px}
	.header-section .per-slide div aside .home-bg4 {width: 77%; top: -6px; left: 125px}
	.header-section .per-slide div aside .home-bg5 {width: 77%; top: -35px; left: 137px}
	.header-section .per-slide div aside {justify-content: flex-end}
	.auto-insurance {height: 150px}
	.auto-insurance div aside img { width: 60%!important }
	.auto-insurance div img {width: 610px; right: -180px}
	.btn-blue, .btn-blue-outline, .app-form a {font-size: 20px; height: 50px;}
	.header-section .bg-2 {width: 80%}
	.header-section .bg-3 {width: 50%}
	.auto-insurance div article a h5:nth-child(3) img {width: 22px!important; height: 25px!important}
	.auto-insurance div article {line-height: 5px}
	.welcome div article h5:nth-child(3) { margin-bottom:30px }
	.welcome div aside .home-bg7 {width: 60%; top: 73px; left: 19px}
	.welcome div aside .home-bg8 {width: 57%; top: 75px; left: 0px}
	.product-lines .bg5 {width: 115%}
	.insurance-product-lines, .product-lines {padding: 70px 0}
	footer ul li h6 {font: 26px/30px "boglebold",sans-serif}
	.special-feature div aside img {width: 95%}
	footer ul li p,footer .credit p, footer .credit ul li p {font-size: 16px}
	footer .credit ul li:after {font-size: 18px;}
	footer a {width: 23%}
	footer ul li div a, footer ul li div a img {width: 45px;}
	footer ul li div a {margin-right: 20px}
	.welcome div article h5, .welcome div article h4 {line-height: 20px}
	.special-feature div article h6, .special-feature div article p {margin-bottom: 30px}
	.slick-dots{bottom: 40px!important;}
	.blue-bg-content div aside .pro-main-pic, .content div aside .pro-main-pic{width: 90%}
	.blue-bg-content div aside .pro-img1, .content div aside .pro-img1{width: 97%; bottom: -35px; right: 15px;}
	.blue-bg-content div aside .pro-img, .content div aside .pro-img{width: 90%; left: -45px;}
	.right-img-content div aside .pro-main-pic {width: 90%}
	.right-img-content div aside .pro-img1 {width: 96%; bottom: -36px; right: -12px;}
	.right-img-content div aside .pro-img {width: 88%; left: -17px; top: 7px;}
	.timeline li::after {left: -49px}
	.form ul input, .form ul textarea {height: 60px; font-size: 20px}
	.form ul textarea {height: 16.4em; margin-bottom: 35px}
	.sub-menu, .sub-menu nav ul li {height: 100px;} 
	.sub-menu nav ul li { padding: 0 22px; }
	.timeline .timeline-wrapper {height: 80vh}
	.timeline li h5 { top: 27px !important; left: -150px !important; }
	.timeline .timeline-wrapper ul::after { left:14.8% }
	.category a:hover { margin: 5.8px!important; }
	.btn-green { width: 225px!important; }
	.form ul .button { display:flex; justify-content:flex-end }
	header .header-nav .navlist .submenu li { width:230px; }




}

@media screen and (max-width: 1366px) {
	.header-section .per-slide {margin: 100px 117px 0 86px}
	.header-section { background-position: right -200px top 40% }
	.welcome div aside .home-bg7 {top: 67px; left: 18px}
	.welcome div aside .home-bg8 {top: 70px;}
	.sub-menu .pagewrapper7 {width: 100%!important}
	.sub-menu nav ul li p a {font-size: 14px;}
	.category a:hover { margin: 5.6px!important; }
	.special-feature div article p br {display: none;}
	.special-feature div article p { width:91% }
	header .header-nav .navlist .submenu li { width:230px; }
	.timeline .timeline-wrapper { margin: 30px auto 0; }
	.mfp-close { width:30px; height:30px; top:10px; }
	.form ul .button { width:100%; margin-top: 30px!important; justify-content: flex-start;}
	.captcha { width: 48%!important; margin: 0!important }
	.app-form { margin:0!important; }

	header .header-nav .navlist .submenu li { padding: 5px 0; }
	header .header-nav .navlist .submenu li a p { line-height: 25px!important }
}


@media screen and (max-width: 1280px) {
	.header-section .per-slide {margin: 145px 117px 46px 86px}
	header .header-nav .navlist li p, header .header-nav .navlist .contact p {font-size: 12px;}
	h1 { font: 70px/76px "boglemedium",sans-serif }
	p, .btn-blue, .popup ul li, .popup ol li, .app-form a, .btn-blue-outline, input, textarea  {font-size: 17px}
	.tab-content li {font-size: 17px!important}
	h5 {font: 25px/30px "boglebold",sans-serif}
	h4 {font: 25px/30px "bogleregular",sans-serif}
	.slick-dots { bottom:10px!important }
	.slick-dots li {width: 10px!important}
	.slick-dots li button:before {font-size: 35px!important;}
	.header-section .bg-3 {width: 40%; right: -60px}
	.header-section .bg-2 {left: -10px;}
	.auto-insurance div article a h5:nth-child(3) img {width: 18px!important; height: 20px!important; margin-left: 10px!important}
	.auto-insurance .auto-wrapper { background-position: right -70px top 66% }
	.font-black, .special-feature div article h6, footer ul li h6 {font: 22px/28px "bogleblack";}
	.timeline li::before {top: 17px;}
	.timeline li::after {left: -39px!important; width: 30px!important; height: 30px!important; top: 22px!important}
	.timeline li h5 {top: 25px; left: -125px!important;}
	.form ul input, .form ul textarea {font-size: 17px;}
	.form ul textarea {height: 19.3em}
	.blue-full-wid-content ul li p, .blue-full-wid-content ul li a, .full-wid-content ul li a, .full-wid-content ul li p {font: 20px/26px "bogleregular",sans-serif}
	.blue-full-wid-content ul li p, .full-wid-content ul li p {height: 110px; width: 130px;}
	.welcome div aside .home-bg7 {top: 64px; left: 16px;}
	.blue-bg-content div article h6, .highlight-text, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 { font: 25px/30px "boglemedium",sans-serif }
	.category a:hover { margin: 5.2px!important; }
	.form ul .button { width:100%; margin-top: 30px!important; justify-content: flex-start;}
	.special-feature div article p { width:84% }
	.btn-blue, .btn-blue-outline {height: 45px;}
	footer ul li p, footer .credit p, footer .credit ul li p { font-size: 14px; }
	footer ul li div a, footer ul li div a img { width:40px; }
	footer ul li div a { margin-right:15px; }
	footer .credit { padding: 15px 0; margin: 40px 0 0; }
	footer { padding: 50px 0 0 }
	header .header-nav .navlist .submenu li { width:210px; }
	.content, .blue-bg-content {padding: 60px 0}
	.captcha { width: 48%!important; margin: 0!important }
	.app-form { margin:0!important; }
	.timeline .timeline-wrapper ul::after { left: 15.2% }

}

@media screen and (max-width: 1180px){ 
	header .header-nav .navlist { display:none; }
	header .header-nav .mobnav { display:block; }
	.header-section, .header-section .header-slider {height: auto;}
	.header-section .per-slide { margin: 189px 40px 90px 40px}
	.header-section .per-slide div aside .main-pic {width: 80%}
	.header-section .per-slide div aside .home-bg1 {width: 85%; top: 0px; right: -40px;}
	.header-section .per-slide div aside .home-bg2 {width: 83%; top: -15px; left: 43px;}
	.header-section .per-slide div aside .home-bg3 {width: 86%; top: -21px; left: 73px;}
	.header-section .per-slide div aside .home-bg4 {width: 87%; top: -7px; left: 55px;}
	.header-section .per-slide div aside .home-bg5 {width: 89%; top: -35px; left: 60px;}
	.welcome div aside .home-bg7 {top: 66px; left: 19px; width: 65% }
	.welcome div aside .home-bg8 {top: 73px; width: 60%}
	footer {padding: 50px 0 0;}
	footer .credit {margin: 50px 0 0; padding: 20px 0}
	footer ul li div {width: 250px;}
	footer ul li div a, footer ul li div a img {width: 35px; margin-right: 15px;}
	.header-section {background-position: right -145px bottom 208px}
	.blue-full-wid-content ul li a, .full-wid-content ul li a {width: 75%; font: 20px/26px "bogleregular",sans-serif}
	.blue-full-wid-content ul li p, .full-wid-content ul li p {font: 20px/26px "bogleregular",sans-serif}
	.auto-insurance .auto-wrapper { background-position: right -55px top 476px; background-size: 53%}
	.special-feature { background-position: right -125px top 340px }
	.sub-menu nav ul li {padding: 0 20px;}
	.sub-menu nav ul li p a {font-size: 12px!important;}
	.form ul textarea { height:19em; margin-bottom: 45px; }
	.welcome div aside img { width: 60% }
	.timeline .timeline-wrapper li { width:87%; left:15%; }
	.timeline .timeline-wrapper ul::after { left:17% }
	.timeline li h5 { left:-135px!important }
	.insurance-product-lines, .product-lines, .content, .blue-bg-content { padding: 70px 0; }
	.right-img-content {padding: 70px 0 ;}
	.category a:hover { margin: 5px!important; }
	.special-feature div article p { width: 87% }
	p, .btn-blue, .btn-blue-outline, footer ul li p, footer .credit p, footer .credit ul li p, .popup ul li, .popup ol li, .app-form a  {font-size: 16px;}
	h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 {font: 30px/36px "boglebold",sans-serif; margin-top: 30px;}
	.sub-heading {font: 25px/30px "boglemediumitalic",sans-serif; margin-top: -7px;}
	h4, .highlight-text, .blue-bg-content div article h6, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 {font: 25px/30px "bogleregular",sans-serif}
	.insurance-product-lines .category a p, .product-lines .category a p {font-size: 16px!important;}
	.mobilenav ul.mobilemenu li p { margin-bottom: 0; }
}


@media screen and (max-width: 1024px){
	
	p, .btn-blue, .btn-blue-outline, footer ul li p, footer .credit p, footer .credit ul li p, .app-form a, input, textarea {font-size: 16px;}
	
	.tab-content li {line-height: 25px!important; margin-bottom: 20px!important; font-size: 14px!important;}
	.welcome div article p, .special-feature div article h6, .special-feature div article p, .blue-full-wid-content h5, .full-wid-content h5 { margin-bottom:20px; }
	.welcome div article h5, .welcome div article h4 {line-height: 10px;}
	.btn-blue, .btn-blue-outline { height:40px; margin: 10px 0 0 }
	h1 {font: 60px/66px "boglemedium",sans-serif}
	h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 {font: 25px/36px "boglebold",sans-serif; margin-top: 30px;}
	.sub-heading {font: 22px/30px "boglemediumitalic",sans-serif; margin-top: -7px;}
	h4, .highlight-text, .blue-bg-content div article h6, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 {font: 22px/30px "bogleregular",sans-serif}
	header div p {font-size: 11px;}
	header div a p, header div a:last-child p {font-size: 12px;}
	header .header-nav img {width: 200px!important}
	header .header-nav {padding: 0 30px;}
	header .header-nav .mobnav {top: 13px; right: 30px;}
	.mobilenav ul.mobilemenu li a p{margin: 0; line-height: 15px;}
	.header-section .per-slide { margin: 165px 40px 46px 40px }
	.header-section, .header-section .header-slider {height: auto;}
	.header-section .per-slide div aside .main-pic {width: 75%}
	.header-section .per-slide div aside .home-bg1 {width: 80%; top: 0px; right: -30px}
	.header-section .per-slide div aside .home-bg2 {width: 80%; top: -13px; left: 66px;}
	.header-section .per-slide div aside .home-bg3 {width: 81%; top: -22px; left: 94px;}
	.header-section .per-slide div aside .home-bg4 {width: 83%; top: -5px; left: 72px;}
	.header-section .per-slide div aside .home-bg5 {width: 83%; top: -35px; left: 85px; }
	.auto-insurance {height: 110px;}
	.auto-insurance div img {width: 450px;; right: -125px;}
	.auto-insurance div article a h5:nth-child(3) img {width: 15px!important; height: 16px!important}
	.pagewrapper7 {width: 100%; padding: 0 30px;}
	.font-black, .special-feature div article h6, footer ul li h6 {font: 22px/26px "bogleblack"}
	
	.welcome div aside .home-bg7 { top:60px; left:17px; }
	.welcome div aside .home-bg8 {top: 65px;}
	.blue-bg-content, .content {padding: 50px 0;}
	.right-img-content {padding: 50px 0 80px;}
	.content .content-bg {width: 115%; bottom: -30px; left: -90px}
	.blue-full-wid-content ul, .full-wid-content ul {margin: 0}
	.timeline li::before {border-width: 15px 20px 15px 2px}
	
	.timeline li h5 { left:-115px!important }
	.sub-menu {height: 80px}
	.sub-menu nav ul li {height: 80px}
	.sub-menu nav ul li p a {font-size: 11px!important;}
	.form ul input, .form ul textarea {font-size: 14px; height: 48px; border-radius: 16px;}
	.form ul textarea {height: 19.5em!important; margin-bottom:21px; }
	.blue-full-wid-content ul li a, .full-wid-content ul li a {width: 75%}
	.blue-full-wid-content h5, .full-wid-content h5 {margin-bottom: 30px;}
	.blue-full-wid-content ul li p, .full-wid-content ul li p {height: 90px; width: 100px;}
	.header-section { background-position: right -145px bottom 340px}
	h4, .highlight-text, .blue-bg-content div article h6, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 { font: 20px/26px "bogleregular",sans-serif }
	.category a:hover { margin: 4.2px!important; }
	.highlight-text, .content div article h6, .blue-bg-content div article h6, .full-wid-content h6, .right-img-content div article h6 { margin-bottom:10px; }
	.right-img-content div aside .pro-img1 { width:98% }
	.blue-bg-content div aside .pro-img1, .content div aside .pro-img1 { bottom: -29px; right:9px; }
	.blue-bg-content div aside .pro-img, .content div aside .pro-img { left:-5px; top:110px }
	.popup .hotline { padding:30px; }
	.pagewrapper7 {width: 90%}
	footer ul li {width: 45%}
	footer .credit ul li { width: auto }
	footer ul li:last-child h5 {text-align: left;}
	footer ul li:last-child div {float: left; text-align: left; justify-content: flex-start; -webkit-justify-content: flex-start;}
	.timeline .timeline-wrapper li::after { left: -43px; }
	.timeline .timeline-wrapper li { width:  93%; left:  10%;}
	.timeline .timeline-wrapper ul::after { left: 12.3%; }

}

@media only screen and (max-width: 940px){
	footer ul li h5 {text-align: left}
	footer ul li div {justify-content: flex-start}
	.sub-menu nav ul li {}
	.blue-bg-content div article .tab-label p, .content div article .tab-label p {display: flex; align-items: flex-end;}
	.product-lines .bg5 {width: 122%}
	.blue-full-wid-content ul li a, .blue-full-wid-content ul li p, .full-wid-content ul li a, .full-wid-content ul li p {font: 17px/21px "bogleregular",sans-serif}
	.insurance-product-lines .category a, .product-lines .category a {width: 30%; margin-left: 1.5%; margin-right: 1.5%;}
	.content div article ul, .content div article ol, .blue-bg-content div article ul, .blue-bg-content div article ol { width: 100%; float: left; }
	.content div article ul li, .content div article ol li, .blue-bg-content div article ul li, .blue-bg-content div article ol li { width: 100%; }
	.sub-menu .pagewrapper7 { padding: 0 10px; }
	.sub-menu nav ul li { padding: 0 15px }
	.timeline li h5 { left: -105px!important }
}	

@media only screen and (max-width: 850px){
	.header-section { background-position: right -145px bottom 50em!important}
	.header-section .per-slide div aside .main-pic {width: 75%}
	.header-section .per-slide div aside .home-bg1 {width: 80%; top: 0px; right: -30px}
	.header-section .per-slide div aside .home-bg2 {width: 82%; top: -15px; left: 48px;}
	.header-section .per-slide div aside .home-bg3 {width: 82%; top: -17px; left: 73px;}
	.header-section .per-slide div aside .home-bg4 {width: 83%; top: -5px; left: 60px;}
	.header-section .per-slide div aside .home-bg5 {width: 83%; top: -35px; left: 61px; }
	.highlight-text, .blue-bg-content div article h6, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 { font: 20px/26px "bogleregular",sans-serif; margin-bottom:10px }
	.auto-insurance div article a h5:nth-child(3) img { width:20px!important; height:20px!important; margin-top:4px; }
	.auto-insurance .auto-wrapper { background-position: right -55px top 437px }
	.welcome div article { width:45% }
	.welcome div article p, .welcome div article h5:nth-child(3) {margin-bottom: 20px;}
	.special-feature div aside img { width:100% }
	.special-feature div article {width: 55%}
	.insurance-product-lines, .special-feature, .product-lines {padding: 30px 0;}
	.welcome div aside .home-bg7 {top: 47px; left: 14px;}
	.welcome div aside .home-bg8 {top: 52px;}
	.special-feature .bg6 { width:122%; bottom:-52px; right:-92px; }
	.btn-green {width: 180px!important}
	.sub-menu nav ul li {padding: 0 10px;}
	.blue-bg-content div aside .pro-img1, .content div aside .pro-img1{width: 105%}
	.blue-bg-content div aside .pro-main-pic, .content div aside .pro-main-pic{width: 97%}
	.blue-bg-content div aside .pro-img, .content div aside .pro-img  {width: 95%}
	.blue-bg-content div aside .pro-img, .content div aside .pro-img{top:127px; left: -35px; }
	.blue-bg-content div aside .pro-img1, .content div aside .pro-img1 {bottom: -22px; right: -18px;}
	.right-img-content div aside .pro-img1 {width: 105%}
	.right-img-content div aside .pro-main-pic {width: 97%}
	.right-img-content div aside .pro-img  {width: 92%}
	.right-img-content div aside .pro-img {top:15px; left: -10px; }
	.right-img-content div aside .pro-img1 {bottom: -22px; right: -18px;}
	.right-img-content { padding: 50px 0 }
	.form ul textarea { margin-bottom: 23px; }
	.auto-insurance div aside img { width: 70%!important}
	.insurance-product-lines .title, .product-lines .title { margin-bottom:15px; }
	.category a:hover { margin: 3.4px!important; }
	
	.timeline .timeline-wrapper li { width:92%; left:13%; }
	.timeline .timeline-wrapper ul::after { left: 15.7% }
	footer a { width:30% }
	.app-form a { padding:4px 10px 0; height: 40px;}
	.popup { max-width: 75%; margin:0 auto; }
	.header-section .per-slide div article p br { display: none; }
	.sub-menu .pagewrapper7 { padding: 0 10px; }
	.timeline .timeline-wrapper li h5 { left: -116px!important }

}	

@media only screen and (max-width: 768px) {
	h1 {font: 55px/60px "boglemedium",sans-serif}
	h2 {font: 35px/45px "boglemedium",sans-serif}
	.welcome div article p, .welcome div article h5:nth-child(3) {margin-bottom: 15px;}
	.welcome div article {width: 45%}
	.header-section { background-position: right -115px bottom 42em!important }
	.header-section .per-slide { margin: 165px 40px 46px 40px }
	.auto-insurance .auto-wrapper { background-position:right -55px top 421px; background-size: 57% }
	.auto-insurance div aside img { width:75%!important }
	.welcome div aside img { width:70% }
	.welcome div aside, .welcome div article { width:50% }
	.welcome div aside .home-bg7 {width: 77%; top: 45px; left: 10px;}
	.welcome div aside .home-bg8 { width: 73%; top: 49px;}
	.special-feature div article, .special-feature div aside { width: 50%; }
	.special-feature div article h6 br, .special-feature div article p br { display:none; }
	.special-feature div article {padding-top: 20px;}
	footer ul li h5 { text-align:left; }
	.sub-menu nav ul li p a { font-size:9px; line-height: 18px;}
	.category a:hover { margin: 3.2px!important; }
	.timeline .timeline-wrapper ul::after { left: 19.5% }
	.app-form a { padding:4px 8px 0 }
	footer .credit ul li { width: auto }
	.sub-menu .pagewrapper7 { padding: 0; }
	.sub-menu nav ul li { padding: 0 9.5px; }
	.timeline .timeline-wrapper ul::after { left: 16%; }
	.timeline .timeline-wrapper li::after {width: 30px; height: 30px; top: 20px; left: -40px;}

}

@media only screen and (max-width: 640px) {
	.content div aside, .blue-bg-content div aside, .content div article, .blue-bg-content div article, .right-img-content div article, .right-img-content div aside {width: 100%;}
	.content div aside {padding-top: 0!important;}
	.content div article, .blue-bg-content div article {margin-top: 60px;}
	.blue-bg-content div aside .pro-img, .content div aside .pro-img {top: 60px;}
	footer ul li { width: 100% }
	footer ul li p { margin-bottom: 10px; }
	footer ul li:last-child h5 { margin-top: 15px!important }
	footer a {width: 70%}
	footer {padding: 30px 0 0;}
	footer .credit {margin: 30px 0 0; padding: 30px; }
	footer .credit ul li { width: auto }
	.timeline li::after, .timeline ul::after {display: none}
	.timeline .timeline-wrapper li h5 {top: 0!important; left: 4px!important;}
	.timeline .timeline-wrapper ul { padding:0 }
	.timeline .timeline-wrapper { margin:0; height:auto; }
	.timeline .timeline-wrapper li {width: 100%; padding: 50px 0 0; margin: 20px 0 30px; left: 0}
	.timeline {padding: 10px 0 0; width: 75%!important}
	.timeline .timeline-wrapper li::before {top: 38px; left: 8px; border-width: 0 20px 20px 20px; border-color: transparent transparent white transparent}
	.btn-blue { padding: 0 25px 0; }
	.highlight-text, .blue-bg-content div article h6, .content div article h6, .blue-full-wid-content h6, .full-wid-content h6, .right-img-content div article h6 { width:100%!important }
}

@media only screen and (max-width: 480px) {
	.header-section { background-position:  right -142px top 13em!important; background-size: 190%}
	.header-section .per-slide div {display: block!important;}
	.header-section .per-slide div article, .header-section .per-slide div aside {width: 100%;}
	.header-section .per-slide div article {text-align: center}
	.header-section .per-slide div article p {text-align: left}
	h4, h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 { font:  25px/30px "boglebold",sans-serif}
	.sub-heading { font: 22px/30px "boglemediumitalic",sans-serif}
	h1 { font:53px/58px "boglemedium",sans-serif; text-align:left; }
	h2 {font: 30px/40px "boglemedium",sans-serif}
	.header-section .per-slide { margin: 140px 30px 46px 30px}
	.header-section .per-slide div article p br { display:none; }
	.slick-dots {bottom: -15px!important}
	.header-section .per-slide div aside {justify-content: center; margin-top: 40px;}
	.header-section .per-slide div aside .main-pic {width: 80%}
	.header-section .per-slide div aside .home-bg1 {width: 86%; top: -5px; right: 3px; }
	.header-section .per-slide div aside .home-bg2 {width: 85%; top: -11px; left: -9px;}
	.header-section .per-slide div aside .home-bg3 {width: 87%; top: -17px; left: 18px; }
	.header-section .per-slide div aside .home-bg4 {width: 90%; top: -5px; left: 0px;}
	.header-section .per-slide div aside .home-bg5 {width: 90%; top: -26px; left: 2px;}
	.header-section .bg-3 {width: 70%; right: 0; top: 15%}
	.header-section .bg-2 {width: 100%; top: 43%}
	.auto-insurance article, .auto-insurance div aside {width: 100%}
	.auto-insurance div img {right: -77px}
	.auto-insurance div aside img { width:65%!important; margin-top:40px; }
	.auto-insurance .auto-wrapper { background-position:  right -55px top 357px; background-size: 140%; padding: 30px 0  }
	.auto-insurance div aside {justify-content: center}
	.auto-insurance {height: auto; }
	.auto-insurance div article a h5:nth-child(3) img { width:18px!important; height:18px!important; margin-left:7px!important }
	.welcome div aside {width: 100%; display: flex; justify-content: center}
	.welcome div article {width: 100%; margin-top: 30px; padding: 0 26px;}
	.welcome div aside img { width:75% }
	.welcome div aside .home-bg7 {top: 60px; left: 63px; width: 79%}
	.welcome div aside .home-bg8 { top:63px; left:46px; width: 75%}
	.welcome div { padding: 30px 0; }
	.welcome div article h5 { margin-bottom: 20px!important }
	.insurance-product-lines .category, .product-lines .category { display:block; }
	.insurance-product-lines .category a, .product-lines .category a, .product-lines .category a:hover, .insurance-product-lines .category a:hover {display: block; width: 60%; margin: 10px auto 40px!important;}
	.insurance-product-lines .category a:last-child, .product-lines .category a:nth-child(5), .product-lines .category a:hover, .insurance-product-lines .category a:hover { margin: 10px auto 10px!important; }
	.special-feature div article { width:100%; padding: 0; }
	.special-feature div article p br {display: none;}
	.special-feature div aside {width: 100%}
	footer ul li { width: 100% }
	footer ul li p { margin-bottom: 10px; }
	footer ul li:last-child h5 { margin-top: 15px!important }
	footer a {width: 70%}
	footer {padding: 30px 0 0;}
	footer .credit {margin: 30px 0 0; padding: 30px; }
	.btn-blue { padding: 0 25px 0; }
	.blue-bg-content div aside, .content div aside, .right-img-content div aside {width: 100%; padding: 0; margin-bottom: 20px;}
	.blue-bg-content div aside .pro-img, .content div aside .pro-img, .right-img-content div aside .pro-img {top: -10px; left: -27px;}
	.blue-bg-content div article, .content div article, .right-img-content div article {width: 100%; margin-top: 30px;}
	.content .content-bg {width: 130%; bottom: 0;}
	.insurance-product-lines, .blue-bg-content, .content, .product-lines, .right-img-content { background-position: right -125px bottom 40%; background-size: 150%; }
	.special-feature {background-position: right -49px bottom 40%; background-size: 150% }
	.timeline li::after, .timeline ul::after {display: none}
	.timeline .timeline-wrapper li h5 {top: 0!important; left: 4px!important;}
	.timeline .timeline-wrapper ul { padding:0 }
	.timeline .timeline-wrapper { margin:0; height:auto; }
	.timeline .timeline-wrapper li {width: 100%; padding: 50px 0 0; margin: 20px 0 30px; left: 0}
	.timeline {padding: 10px 0 0; width: 75%!important}
	.timeline .timeline-wrapper li::before {top: 38px; left: 8px; border-width: 0 20px 20px 20px; border-color: transparent transparent white transparent}
	.blue-full-wid-content ul li, .full-wid-content ul li {padding: 20px 0}
	.blue-full-wid-content ul li p, .full-wid-content ul li p {height: 13px!important; width: 13px!important; background: transparent;}
	.blue-full-wid-content ul li a, .full-wid-content ul li a {width: 90%; margin-left: 9px; }
	.sub-menu nav {display: none;}
	.sub-menu .mob-sub-menu {display: block;}
	.form ul div {width: 100%; margin-top: 20px;}
	.form ul li {margin-bottom: 20px;}
	.form h5, .form ul textarea { margin: 10px 0 0; }
	.form { padding:30px 0 }
	h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 { margin-top: 30px; margin-bottom:-15px!important; }
	.blue-bg-content div article h5, .content div article h5, .right-img-content div article h5, .heading-title, .sub-heading { margin-bottom:20px!important; }
	.blue-bg-content, .content { padding: 30px 0; }
	.right-img-content { padding: 0 0 30px; }
	.full-wid-content h4 { margin-bottom: 0px }
	.special-feature div article p { width:100% }
	header div { justify-content:space-between; }
	header div a p { font-size: 11px; }
	header div a:last-child { margin-left:0; }
	header div a:last-child p { font-size: 9px; }
	.right-img-content div aside { margin-top:50px; }
	.right-img-content div aside .pro-img { top: -29px; left: -19px; }
	.right-img-content div aside .pro-img1 { width: 104%; bottom: -26px;}
	.form ul li, .app-form { width:100%!important }
	.captcha-wrapper { display:block; }
	.form ul { margin: 30px 0 0; }
	.captcha-wrapper li:first-child, .captcha div { margin: 0!important; }
	.form ul div:first-child { margin-top:0 }
	.popup .hotline { padding: 20px; }
	.popup a { text-align:center; }
	.popup { width:90% }
	.mfp-close { width: 25px; height:25px; }
	header .header-nav { padding: 0 26px; }
	.auto-insurance .auto-wrapper .pagewrapper7 { padding: 0 15px; }
	.content div article ul, .content div article ol, .blue-bg-content div article ul, .blue-bg-content div article ol { width: 100%; float: left; }
	.content div article ul li, .content div article ol li, .blue-bg-content div article ul li, .blue-bg-content div article ol li { width: 100%; }

}

@media only screen and (max-width: 390px) {
	.auto-insurance .auto-wrapper .pagewrapper7 { padding: 0 5px; }
	h4, h5, .heading-title, .blue-full-wid-content h5, .full-wid-content h5 { font:  22px/30px "boglebold",sans-serif}
	.auto-insurance div article a h5:nth-child(3) img { height: 16px!important }
}

@media only screen and (max-width: 1366px) and (min-width: 320px){
	
}
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation:portrait) {

}

/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation:portrait) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	.hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1366px) and (orientation:portrait) and (orientation:landscape) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;
}*/