
/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
	/*body {
		background-color: lightgoldenrodyellow;
	}*/
}

/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	/*body {
		background-color: lightcoral;
	}*/

	.container-narrow {
		padding-left: 6.5rem;
		padding-right: 6.5rem;
	}
	

	.logo-pulse {
		width: 90%;
	}
	.carousel-item .rounded-pill {
		width: 90%!important;
	}


	.footer input[type="tel"] {
		width: 70%;
	}
	.footer button[type="submit"] {
		width: 29%;
	}
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
	/*body {
		background-color: lightblue;
	}*/

	.btn-arrow-right {
		width: 58%;
	}
	.btn-arrow-right:after {
		content: "\F138";
		font-family: 'bootstrap-icons';		
		margin-left: 1rem;
	}


	.bg-header {
		height: 700px;
	}
	.nav-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		width: 225px;
	}
	.nav-item:last-child {
		border-bottom: none;
	}
	.nav-link {
		font-size: 1.5rem;
	}


	.popover.popover-wide {
		--bs-popover-max-width: 356px;
		height: auto;
	}
	.popover-wide .popover-body {
		padding: 24px;
	}
	.popover-wide .img-cover {
		width: 100%;
		height: 227px;
	}
	.popover-wide .img-block-item {
		margin-right: 14px;
		margin-bottom: 0;
	}
	.popover-wide .img-block-item:last-child {
		margin-right: 0;
	}

	.popover .btn-sm {
		padding: .5rem 2rem!important;
	}

	.logo-pulse {
		animation: none;
		width: 15%;
		margin-right: 4%;
	}

	.magenta-005 .bg-img {
		margin-top: -130px;
	}

	.magenta-008 .bg-img {
		width: 75%!important;
		height: 75%;
	}

	.carousel-item .rounded-pill {
		width: 58%!important;
	}
	.carousel-heading {
		color: #E90A8A;
	}


	.footer input[type="tel"] {
		width: 61%;
	}
	.footer button[type="submit"] {
		width: 38%;
	}
	.footer-shape {	
		height: 88px;
		margin-bottom: -1px;
	}
	.footer .w-50 {
		width: 100%!important;
	}	
	.footer-address {
		color: #BDBFC1;
	}
	.footer-nav {
		width: 90%;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	.footer-nav-item {
		border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
	}
	.footer-nav-item:last-child {
		border-bottom: none;
	}
	.footer-nav-link {
		color: #1CA0E1!important;
		text-decoration: none;
		font-size: 1.5rem;
		line-height: 1.2;
	}

}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	/*body {
		background-color: lightgray;
	}*/

	.container-narrow {
	    padding-right: 0.75rem;
	    padding-left: 0.75rem;
	}
	
	.btn-block .btn {
		width: 100%;
	}
	

	.point-item {
		width: 40px;
		height: 40px;
	}
	.bi-plus {
		font-size: 40px;
	}


	.img-color-change:first-child {
		border-right: none;
		border-bottom: 1px solid #fff;
	}

	.magenta-005 .bg-img {
		margin-top: -200px;
	}

	.banner-logo {
		background-color: #292E33!important;
	}
	.banner-logo img {
		/*filter: brightness(0) invert(1);*/
	}

	.magenta-011 .bg-img {
		height: 220px;
	}
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	/*body {
		background-color: lightpink;
	}*/

	.carousel-item .rounded-pill {
		width: 70%!important;
	}

	.footer input[type="tel"] {
		width: 57%;
	}
	.footer button[type="submit"] {
		width: 42%;
	}
	.footer-nav {
		width: 100%;
	}
}







