@media (max-width: 1250px) 
{
	#download-dialog .modal-step-wrapper div
	{
	width: 55px;
	height: 55px;
	font-size: 32px;
	}

	#download-dialog .modal-step-wrapper span
	{
	display: block;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	width: 166px;
	color: #707070;
	margin-top: 16px;
	}

	.modal-dialog 
	{
	max-width: 1058px !important;
	margin: 1.75rem auto;
	}

	#download-dialog
	{
	padding: 0 100px !important;
	}

	#download-dialog  .long-arrow
	{
	margin-top: 31px;
	}

	#download-dialog  h5
	{
	margin-top: 40px;
	margin-bottom: 80px;
	font-weight: 600;
	font-size: 40px;
	color: #001748;
	}

	#download-dialog .modal-body
	{
	padding: 64px 40px;
	z-index: 4;
	}

	#download-dialog .modal-content
	{
	border-radius: 24px;
	border: none;
	z-index: 4;
	}

	#pgdownload #blueArrow
	{
	position: fixed;
	top: 6px;
	right: 90px;
	z-index: 1041;
	animation: smoothBounce 1s ease-in-out infinite;
	}
}

@media (max-width: 1400px)
{
	#pgcontact .topcol
	{
	gap: calc(8px + 5vw)
	}

}

@media (min-width: 1200px)
{
	.container
	{
	width: 100%;
	max-width: 2019px;
	}
}

@media (min-width: 992px)
{
	#pgssp #hero .btn-surfsafepro,
	#pghome #hero .btn-download
	{
	zoom:130%
	}
	
	.container
	{
	width: 100%;
	}

	#pgssp #hero,
	#pghome #hero
	{
	min-height: 500px;
	}
}


@media (min-width: 1600px)
{

	.custom-list-checkmark li
	{
	font-weight: 600;
	font-size: 28px;
	line-height: 32px;
	}

	#pgcontact .contact-info div
	{
	font-size: 20px;
	}
	#pgcontact .topcol
	{
	gap: 150px;
	}

	#pgcontact .topcol h2,
	#pgcontact .topcol h3
	{
	font-size: 58px;
	}

	#lastcta p
	{
	font-size: 24px;
	}

	#pgtrial .hero-leftcol p
	{
	font-size: 25px;
	line-height: 32px;
	}

	#pgdownload #hero p {

	font-size: 24px;
	line-height: unset;
	}

	#pgtrial .page-heading,
	#pgdownload .page-heading,
	#pgtrial .page-heading
	{
	font-size: 48px;
	}

	#pgdownload .instruction-wrapper
{
	gap: 40px;
	}

	#pgdownload .instruction-wrapper h4
	{
	font-size: 30px;
	}

	#pgdownload .instruction-wrapper p
	{
	font-size: 20px;
	}

	#pgtrial .inner-step-div span
	{
	font-size: 20px;
	}

	#pgtrial .inner-step-div h6
	{
	font-size: 24px;
	}

	#pgtrial .inner-step-div p,
	#protection-policy .step-wrapper h5,
	#protection-policy .step-wrapper span
	{
	font-size: 20px;
	}

	#protection-policy .step-wrapper p
	{
	font-size: 16px;
	}

	#windows-app p,
	#windows-app span
	{
	font-size: 24px;
	}

	#windows-app h5
	{
	font-size: 48px;
	}

	#pgssp .hero-content-wrapper h2
	{
	font-size: 32px;
	line-height: 32px;
	}

	#pgssp .hero-content-wrapper p
	{
	font-size: 32px;
	line-height: 42px;
	}

	#pgssp .hero-main-heading h1
	{
	font-size: 58px;
	}

	#pghome #how h3,
	#pgssp #how h3
	{
	font-size: 40px;
	}

	#pgssp .custom-list-checkmark li
	{
	font-size: 28px;
	line-height: 32px;
	}
}

@media (max-width: 992px)
{
	.custom-list-checkmark li
	{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	}

	#pgcontact HEADER nav {
	padding: 10px 16px !important;
	}
	#pgcontact .toprow {
	height: auto;
	}

	#pgcontact .toprow .row
	{
	padding: 100px 1px
	}

	#pgcontact .form-section
	{
	background-image: url(/assets/img/contact-new-bg-mobile.webp);
	background-size: 60% auto;
	background-position: 0 100%;
	}

	#pgcontact .form-section .row
	{
	padding: 50px 1px;
	}

	#pgcontact .contact-info div {
	padding: 14px 16px;
	}

	#pgcontact .toprow h2,
	#pgcontact .toprow h3 
	{
	font-size: 28px;
	}

	#pgcontact .toprow h2 {
	margin-right: 10%;
	}

	#pgcontact .heading-wrapper {
	margin: 0 auto;
	}

	#pghome .navbar,
	#pgssp .navbar
	{
	padding: 9px 16px !important
	}

	#pghome #testim,
	#pgssp #testim 
	{
	margin-top: 32px;
	}

	#pgssp #faq,
	#pghome #faq
	{
	margin-top: 32px;
	padding-top: 0 !important;
	}

	#pghome.scrolling-past-200 .navbar,
	#pgssp.scrolling-past-200 .navbar {
	background-color: #313131;
	}
	#pghome #hero H1,
	#pgssp #hero H1
	{
	font-size: 48px;
	color: black;
	}

	#pghome .hero-content-wrapper,
	#pgssp .hero-content-wrapper
	{
	color: #000;
	max-width: 100%;
	background-color: #F3FCFF;
	padding: 16px;
	}

	#pghome .hero-content-wrapper H2,
	#pgssp .hero-content-wrapper H2,
	#pghome .hero-content-wrapper P,
	#pgssp .hero-content-wrapper P
	{
	font-size: 32px;
	line-height: normal;
	}

   	#pghome #scroll-install,
	#pgssp #scroll-install
	{
	display: none !important;
	}


	#pghome #hero
	{
	background: url(../img/home-page-hero-img-mobile.webp) 50% 0 no-repeat;
	background-size: 100% 50%;
	padding: 88px 16px 64px;
	min-height: 650px;
	}

	#pgssp #hero
	{
	background: url(../img/surfsafepro-bg-mobile.webp) 50% 0 no-repeat;
	background-size: 100% 50%;
	padding: 88px 16px 64px;
	min-height: 650px;
	}

	#pghome #hero .row,
	#pgssp #hero .row
	{
	height: 100%;
	min-height: 0;
	max-height: unset;
	}

	#pghome #hero .container-fluid,
	#pgssp #hero .container-fluid
	{
	min-height: 500px;
	}

	#pgtrial .page-heading
	{
	font-size: 28px;
	line-height: normal;
	}

	#pghome #hero H2,
	#pgtrial .hero-leftcol p
	{
	font-size: 12px;
	line-height: normal;
	}

	#pghome #hero .leftcol IMG
	{
	margin-top: 30px;
	width: 100%;
	}

	#pghome #hero LI {
	font-size: 10px;
	line-height: normal;
	}

	#pghome .btn-download
	{
	margin-top: 32px;
	width: 100%;
	font-size: 14px;
	}

	#pghome #hero .rightcol
	{
	padding: 0 !important;
	}

	#pghome #benefits
	{
	padding: 16px;
	}

	#pghome #benefits .row
	{
	row-gap: 28px
	}

	#pghome #benefits .container
	{
	padding: 0 !important;
	}

	#pghome #benefits H2
	{
	font-size: 28px;
	}

	#pghome #benefits .card
	{
	margin: 0 auto;
	max-width: 300px;
	}

	#pghome #benefits svg
	{
	width: 50px;
	}

	#pghome #benefits H3
	{
	font-size: 20px;
	height: auto;
	}

	#pgtrial .inner-step-div p,
	#pghome #benefits P
	{
	font-size: 14px;
	}

	#pghome #how H2
	{
	font-size: 28px;
	}

	.row-alternating2x .xcol
	{
	height: auto;
	padding: 16px !important;
	margin-bottom: 28px;
	}

	#pghome #how
	{
	padding: 0 !important;
	}

	#pghome #how H3
	{
	font-size: 28px;
	}

	#pghome #how P
	{
	font-size: 12px;
	width: auto;
	}

	.row-alternating2x IMG
	{
	width: 100%;
	height: auto !important;
	}

	#pghome #faq H2,
	#pghome #testim H2,
	#lastcta H2
	{
	font-size: 28px;
	}

	#lastcta .container
	{
	max-width: 100%;
	}

	#pghome #testim .col-lg-3,
	#pghome #testim .col-md-4
	{
	align-self: stretch;
	}

	#pghome #testim .card
	{
	justify-content: space-between;
	}

	#pghome #testim H3
	{
	margin-top: 12px;
	font-size: 50px;
	height: 30px;
	}

	#pghome #testim P,
	#lastcta p
	{
	font-size: 14px;
	}

	#pgtrial .inner-step-div h6,
	#pghome #testim H4,
	#pgtrial .inner-step-div span
	{
	font-size: 16px;
	}

	#pghome #faq SUMMARY
	{
	font-size: 14px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	}

	#pghome #faq P {
	font-size: 10px;
	}

	#pghome #faq .container {
	padding: 0;
	}

	#lastcta
	{
	padding: 24px 16px !important;
	}
	#lastcta .container
	{
	padding: 0 !important;
	}
	#lastcta h2
	{
	margin: 0 0 16px !important;
	}

	#lastcta p
	{
	max-width: 288px;
	margin: 0 auto 16px !important;
	padding: 0 !important;
	}

	#lastcta a
	{
	max-width: 288px !important;
	margin: 0 !important;
	zoom: 0 !important;
	}

	FOOTER .container
	{
	padding: 0 !important;
	}

	FOOTER img
	{
	width: auto;
	height: 28px;
	}

	FOOTER A
	{
	font-size: 14px;
	}

	FOOTER #copyright
	{
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
	}

	#pgtrial #hero
	{
	margin-top: 24px;
	padding-bottom: 35px;
	}

	#pgtrial #hero .row
	{
	padding: 0;
	}

	#pgtrial .hero-leftcol
	{
	gap: 16px;
	padding: 0 !important;
	}

	#pgtrial .btn-download
	{
	width: 100%;
	font-size: 14px;
	}

	#pgtrial #step-section
	{
	margin-top: 24px !important;
	padding: 0 16px;
	}

	#pgtrial .outer-step-div {
	padding: 10px;
	margin: 0 auto;
	}

	#pgtrial #step-section .row
	{
	row-gap: 24px;
	}
}

@media (min-width: 540px) and (max-width: 920px)
{
	#pghome #hero H1,
	#pgssp #hero H1
	{
	font-size: 42px !important;
	}

	#pghome .hero-content-wrapper H2,
	#pgssp .hero-content-wrapper H2,
	#pghome .hero-content-wrapper P,
	#pgssp .hero-content-wrapper P
	{
	font-size: 28px;
	}
}


@media (max-width: 540px)
{
	#pghome #hero H1,
	#pgssp #hero H1
	{
	font-size: 32px !important;
	}

	#pghome .hero-content-wrapper H2,
	#pgssp .hero-content-wrapper H2,
	#pghome .hero-content-wrapper P,
	#pgssp .hero-content-wrapper P
	{
	font-size: 24px;
	}
}

@media (max-width: 405px)
{
	#pghome #hero H1,
	#pgssp #hero H1
	{
	font-size: 28px !important;
	}

	#pghome .hero-content-wrapper H2,
	#pgssp .hero-content-wrapper H2,
	#pghome .hero-content-wrapper P,
	#pgssp .hero-content-wrapper P
	{
	font-size: 20px;
	}
}

@media (min-width: 1700px)
{
	#pgdownload #blueArrow
	{
	zoom: 130%;
	}
}