@media (max-width:1300px){
	.field--name-field-quote-form form #edit-bpg-badge {
		right: -15px;
	}
}
@media (max-width:1200px){
	.topbar2 .field--name-body li img {
		top: -27px;
	}
	#block-bootdev-footerlogobanner .field--name-body p {
		font-size: 17px;
	}
	.what-is-x,
	#block-bootdev-familyoutline {
		margin-bottom: 30px;
	}
	.comparemajorproviders img {
		max-width: 70px;
	}
	.topbar2 .field--name-body p:first-child {
		font-size: 48px;
	}
	.topbar2 .field--name-body p {
		font-size: 16px;
	}
}
@media (max-width:992px){
	.field--name-field-quote-form form #edit-bpg-badge {
		right: 10px;
	}
	#block-bootdev-footerlogobanner .field--name-body {
		    justify-content: center;
	}
	#block-bootdev-footerlogobanner .field--name-body img {
		margin-bottom: 15px;
	}
	#block-bootdev-footerlogobanner .field--name-body p {
		text-align: center;
	}
	.topbar2 .field--name-body li:first-child {
		padding: 0;
		display: flex;
		align-items: center;
	}
	.topbar2 .field--name-body li img {
		position: relative;
		left: unset;
		top: unset;
	}
	#block-bootdev-getaquotetopbarli h2 strong,
	#block-bootdev-getaquotetopbarpl h2 strong,
	#block-bootdev-getaquotetopbar h2 strong {
		font-size: 36px;
	}
	.comparemajorproviders span {
		display: block;
		margin-top: 10px;
	}
	.testimonial {
		margin-bottom: 30px;
	}
	#block-bootdev-weprideourselves {
		border: none;
	}
	#block-bootdev-main-menu li a {
		font-size: 17px;
	}
	.why-use-block .field--name-body .row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.path-frontpage .main-container {
		background-size: 400px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number {
		width: 100%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input label {
		width: 39.2%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input input {
		width: 60%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number label {
		width: 25%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number input {
		width: 75%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name label {
		width: 25%!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name input {
		width: 75%!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group {
		display: block;
		margin-bottom: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group .webform-flex:first-child .webform-flex--container {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-name-group .webform-flex:last-child .webform-flex--container {
		margin-left: 0;
		margin-bottom: 15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number {
		padding-right: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name input, .field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-phone-number input {
		margin: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number {
		width: 100%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input label {
		width: 39.2%;
	}
	.field--name-field-quote-form #edit-occupation {
		max-width: 36.5%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input input {
		width: 60%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number label {
		width: 25%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number input {
		width: 75%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name label {
		width: 25%!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name input {
		width: 75%!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group {
		display: block;
		margin-bottom: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group .webform-flex:first-child .webform-flex--container {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-name-group .webform-flex:last-child .webform-flex--container {
		margin-left: 0;
		margin-bottom: 15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number {
		padding-right: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name input, .field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-phone-number input {
		margin: 0;
	}
	.page-node-16 .field--name-field-quote-form .form-item-title-,
	.page-node-16 .field--name-field-quote-form .form-item-name,
	.page-node-16 .field--name-field-quote-form .form-item-surname,
	.page-node-16 .field--name-field-quote-form .form-item-email,
	.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
		width: 100%;
	}
	.page-node-16 .field--name-field-quote-form .form-item-surname,
	.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
		padding-left: 0;
	}
	.page-node-16 .field--name-field-quote-form label {
		width: 35%;
	}
	.page-node-16 .field--name-field-quote-form .select-wrapper,
	.page-node-16 .field--name-field-quote-form input {
		width: 65%;
	}
}
@media (max-width:767px){
	.page-node-16 .field--name-field-quote-form .form-item-title-,
	.page-node-16 .field--name-field-quote-form .form-item-name,
	.page-node-16 .field--name-field-quote-form .form-item-surname,
	.page-node-16 .field--name-field-quote-form .form-item-email,
	.page-node-16 .field--name-field-quote-form .form-item-contact-no- {
		flex-wrap: wrap;
	}
	.page-node-16 .field--name-field-quote-form label {
		width: 100%;
	}
	.page-node-16 .field--name-field-quote-form .select-wrapper,
	.page-node-16 .field--name-field-quote-form input {
		width: 100%;
	}
	.table-bullets li {
		flex-basis: 100%;
	}
	#edit-name-group .webform-flex--1,
	#edit-name-group .webform-flex--2 {
		max-width: 100%;
		margin-bottom: 15px;
	}
	#edit-name-group .webform-flex--2:last-child {
		margin-bottom: 0;
	}
	#block-bootdev-getaquotetopbarli h2 strong,
	#block-bootdev-getaquotetopbarpl h2 strong,
	#block-bootdev-getaquotetopbar h2 strong {
		font-size: 30px;
		line-height: 1.2;
	}
	#block-bootdev-getaquotetopbarli ul li p,
	#block-bootdev-getaquotetopbarpl ul li p,
	#block-bootdev-getaquotetopbar ul li p {
		font-size: 15px;
	}
	.field--name-field-quote-form form #edit-form-head {
		padding-right: 140px;
	}
	.field--name-field-quote-form form #edit-form-head h2 {
		font-size: 30px;
	}
	#top-bar {
		padding: 0 15px;
	}
	.navbar .navbar-collapse #block-bootdev-main-menu ul.menu--main {
		display: block;
	}
	#block-bootdev-main-menu li {
		text-align: left;
		padding: 4px 12px;
		border: none;
	}
	#block-bootdev-main-menu li:first-child {
		border: none;
	}
	#block-bootdev-main-menu li a {
		font-size: 22px;
		line-height: 1.2;
	}
	.path-frontpage .main-container .field--name-body h2 {
		font-size: 70px;
	}
	.path-frontpage .main-container {
		background-size: 350px;
		padding-bottom: 50px;
	}
	.logo-row {
		max-width: 80%;
	}
	#block-bootdev-familyoutline img {
		max-height: 200px;
		width: auto;
		margin: auto;
		display: block;
	}
	.field--name-field-quote-form #edit-occupation {
		max-width: 100%;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-who-is-the-cover-for- .form-item,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm #crafty_postcode_result_display,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-button,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-first-name input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-last-name label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-flex--2 .form-item-last-name input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-year,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-title .select-wrapper,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-button--submit,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form select {
		width: 100%!important;
		float: none;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input[type=radio] input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input[type=radio] label {
		width: auto;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-year label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-address-postal-code label,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .form-item-address-postal-code input{
		width: auto!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-day,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-date-of-birth .form-item-date-of-birth-month {
		padding-right: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-button,
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-input label {
		padding-left: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #postCodeForm .postcode-button {
		margin-top:15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form #edit-who-is-the-cover-for---wrapper label {
		padding-left: 30px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input[type=radio]:before {
		left: -4px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form input[type=radio]:after {
		left: 0px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-wli-form .webform-button--submit {
		margin-right: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-who-is-the-cover-for- .form-item,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm #crafty_postcode_result_display,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-button,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-first-name input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-last-name label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-flex--2 .form-item-last-name input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-year,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-title .select-wrapper,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-button--submit,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form select {
		width: 100%!important;
		float: none;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form input[type=radio] input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form input[type=radio] label {
		width: auto;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-year label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-address-postal-code label,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .form-item-address-postal-code input{
		width: auto!important;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-day,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-date-of-birth .form-item-date-of-birth-month {
		padding-right: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-button,
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-input label {
		padding-left: 0;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #postCodeForm .postcode-button {
		margin-top:15px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form #edit-who-is-the-cover-for---wrapper label {
		padding-left: 30px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form input[type=radio]:before {
		left: -4px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form input[type=radio]:after {
		left: 0px;
	}
	.field--name-field-quote-form form.webform-submission-personal-quote-2-form .webform-button--submit {
		margin-right: 0;
	}
	.compareproviders .field--name-body .quote-clients img {
		display: none;
	}
}
@media (max-width:768px) and (min-width: 561px){
	.compareproviders .field--name-body .quote-clients img:nth-child(-n+8) {
		display: block;
	}
}
@media (max-width:610px){
	.topbar2 .field--name-body li:first-child {
		display: none;
	}
	#block-bootdev-getaquotetopbarli .field--name-body ul,
	#block-bootdev-getaquotetopbarpl .field--name-body ul,
	#block-bootdev-getaquotetopbar .field--name-body ul {
		flex-wrap: wrap;
	}
	#block-bootdev-getaquotetopbarli ul li,
	#block-bootdev-getaquotetopbarpl ul li,
	#block-bootdev-getaquotetopbar ul li {
		justify-content: center;
		flex-basis: 100%;
	}
	#block-bootdev-getaquotetopbarli ul li p,
	#block-bootdev-getaquotetopbarpl ul li p,
	#block-bootdev-getaquotetopbar ul li p {
		max-width: 200px;
	}
	.navbar .navbar-header, .navbar .navbar-collapse {
		width: auto;
	}
	.path-frontpage .main-container .field--name-body h2 {
		font-size: 60px;
	}
	.navbar .logo {
		max-width: 100%;
		text-align: center;
		width: 100%;
		display: block;
		padding: 0 15px;
		margin: 8px 0;
	}
	.navbar .logo img {
		max-width: 300px;
	}
	#block-bootdev-callus {
		width: 100%;
		clear: both;
		padding: 0;
	}
	#block-bootdev-callus p {
		text-align: center;
	}
	.logo-row {
		max-width: 100%;
		padding: 0 15px;
	}
	.path-frontpage .main-container {
		background-size: 300px;
		padding-bottom: 80px;
	}
	#block-bootdev-footer .menu--footer li {
		flex-basis: 33%;
		text-align: center;
	}
}
@media (max-width:560px){
	.compareproviders .field--name-body .quote-clients img:nth-child(-n+4) {
		display: block;
	}
}
@media (max-width:490px){
	form.webform-submission-personal-quote-li-form #postCodeForm .postcode-button button,
	form.webform-submission-personal-quote-pl-form #postCodeForm .postcode-button button,
	form.webform-submission-personal-quote-form #postCodeForm .postcode-button button {
		font-size: 14px;
		line-height: 1;
	}
}
@media (max-width:480px){
	.topbar2 .field--name-body ul {
		flex-direction: column;
	}
	.topbar2 .field--name-body li {
		padding-bottom: 30px;
	}
	.topbar2 .field--name-body li:nth-child(3) {
		border: none;
	}
	.field--name-field-quote-form form #edit-form-head {
		padding-right: 0;
	}
	.field--name-field-quote-form form #edit-form-head h2 {
		font-size: 28px;
	}
	.field--name-field-quote-form form #edit-bpg-badge {
		display:	none;
	}
	.path-frontpage .main-container .field--name-body h2 {
		font-size: 50px;
	}
	.logo-row img {
		max-width: 23%;
		margin-bottom: 15px;
	}
	.logo-row {
		flex-wrap: wrap;
	}
	.page-node-type-page .content .quote-button {
		margin-top: 30px;
	}
	.path-frontpage .main-container {
		padding-bottom: 0;
	}
	.why-use-block p {
		width: 100%;
		margin-bottom: 10px;
	}
	.how-it-works .field--name-body {
		flex-wrap: wrap;
	}
	.how-it-works .field--name-body p {
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	.what-is-x .quote-button,
	.page-node-type-page .content .quote-button {
		display: block;
	}
	.comparemajorproviders img:last-of-type {
		margin-right: 0;
	}
	.comparemajorproviders img {
		margin-right: 3%;
		max-width: 22%;
	}
}
@media (max-width:360px){
	.field--name-field-quote-form form #edit-form-head h2 {
		font-size: 24px;
	}
	.path-frontpage .main-container .field--name-body h2 {
		font-size: 44px;
	}
	.navbar .logo img {
		max-width: 100%;
	}
}