/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	/* #scrollIframe #fake_iframeRate,#scrollIframe #rate_iframe{
		overflow: unset !important;
    transform-origin: left top;
		transform: scale(0.81);
	}
	#scrollIframe .data-sync#info{
	overflow: unset !important;
    transform: scale(0.65);
    transform-origin: left top;
		padding-left: unset;
	}
	#scrollIframe.wrap-iframe #appHome #app6in1{
	overflow: unset !important;
    transform-origin: left top;
		transform: scale(0.78);
}
	#scrollIframe.wrap-iframe.resultIframe #result_iframe {
		    overflow: unset !important;
    transform-origin: left top;
    transform: scale(0.81);
	} */
	/* 	 */
	#masthead .header-inner {
		display: grid !important;
		grid-template-columns: 1fr 820px 1fr;
		grid-auto-rows: 1fr;
	}

	#logo {
		grid-area: 1/1/span 1/span 1;
		width: 100% !important;
		margin-right: unset !important;
		border-right: 1px solid #999;
		height: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 20px;
	}

	#masthead .header-inner .flex-right {
		grid-area: 1/2/span 1/span 2;
	}

	.a-layout {
		display: grid !important;
		grid-template-columns: 1fr 820px 1fr;
	}

	.a-layout .a-col-main,
	.a-layout .a-right-sidebar {
		padding-top: 16px !important;
	}
}

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

	.a-left-sidebar,
	.a-right-sidebar,
	.header-button-1 {
		display: none !important;
	}

	.header-main .menu-item {
		margin: 0 5px !important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {
	.a-footer .ux-menu{
		flex-direction: row;
		gap: 1rem;
		justify-content: center;
		align-items: center;
	}
	.a-footer .ux-menu .ux-menu-link__text{
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
	}

	#wide-nav-clone {
		margin-top: 17px !important;
	}

	.header-button .button i {
		display: none;
	}

	.header-wrapper {
		border-bottom: 1px solid #999999;
	}

	#wide-nav-clone {
		background-color: unset !important;
	}

	#wide-nav-clone .flex-col {
		width: 100%;
	}

	#wide-nav-clone .header-nav {
		flex-direction: column;
		width: 100%;
	}

	#wide-nav-clone .header-nav li {
		width: 100%;
		margin: unset;
		padding: 10px 12px;
		line-height: 1;
	}

	#wide-nav-clone .header-nav li a {
		align-items: center;
		gap: 10px;
		padding: unset;
		line-height: 1;
		color: #000;
		flex-wrap: nowrap;
	}

	#wide-nav-clone .header-nav li.active {
		background-image: url(/wp-content/uploads/2025/03/bdl-bg-nav.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	#wide-nav-clone .header-nav li.active a {
		color: #fff;
	}

	#wide-nav-clone .header-nav li.active img {
		filter: invert(1);
	}

	.a-layout .a-left-sidebar {
		padding-right: 10px !important;
		border-right: 1px solid #999;
	}

	.header-nav .menu-item a {
		font-weight: 500 !important;
	}

	.header-nav .menu-item.active a {
		font-weight: bold !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {

	/* 	#scrollIframe.wrap-iframe.resultIframe #result_iframe {
    	transform: scale(1);
	} */
	.header-button-1 {
		display: block !important;
	}

	.header-button .button {
		background: unset !important;
		border: unset !important;
		box-shadow: unset !important;

	}

	.header-button .button span {
		display: none;
	}

	.header-button .button i {
		margin: unset !important;
		color: #000;
		font-size: 30px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.a-popup {
		width: 350px !important;
	}

	.a-footer .ux-menu .ux-menu-title {
		font-size: 12px;

	}

	.a-footer-top .col {
		padding-bottom: 7px;
	}

	.a-footer-top .col:nth-child(1) {
		padding-bottom: unset !important;
	}

	.a-footer .ux-menu .ux-menu-link__link {
		font-size: 10px;
	}

	.a-footer p {
		font-size: 10px;
	}

	.a-content {
		margin: 10px;
		padding: 15px 12px 4px 12px;
	}

	.a-blog-1 .box {
		display: flex;
		flex-direction: column-reverse;
	}

	.a-blog-1 .box-image {
		width: 100% !important
	}

	.a-blog-1 .box-text {
		width: 100% !important
	}

	.a-post .post-item .from_the_blog_excerpt {
		display: none;
	}

	.a-post .box-text {
		padding-top: 4px;
	}

	.a-blog-1 .box-text {
		padding: unset;
		padding-bottom: 8px;
	}

	.section-title,
	.rank-math-breadcrumb {
		padding: 0 20px;
	}

	.rank-math-breadcrumb {
		margin: 8px 0;
	}

	.a-top-10 .box p:nth-child(1) {
		font-size: 20px !important;
	}

	.a-top-10 .box p:nth-child(2) {
		font-size: 12px !important;
	}

	.a-top-10 {
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
	}

	/* 	padding */
	.a-text,
	#at_posts_related,
	.a-blog-1,
	.a-post,
	.a-img-p,
	.a-post-2 {
		padding: 0 8px !important;
	}

	.a-top-10 {
		padding: 0 20px;
	}

	.a-nav-wrapper {
		position: sticky;
		top: 70px;
		background: #fff;
		z-index: 999;
	}

	.a-top-10-tt .icon-box-text p {
		font-size: 14px;
	}

	.a-post-2 {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}

	.a-post-2 .box {
		flex-direction: row;
	}

	.a-post-2 .box-image {
		width: 45% !important;
	}

	.a-post-2 .box-text {
		width: 55%;
		padding: unset;
		padding-left: 12px;
	}

	.post-item .post-title {
		font-size: 12px !important;
	}

	.post-item .from_the_blog_excerpt {
		font-size: 10px;
	}

	/* 	footer */
	.a-footer .a-row {
		display: flex !important;
		padding: 20px 0 0 0px !important;
	}

	.a-footer .a-row .a-order {
		order: 999;
		border-top: 1px solid #fff;
	}

	/* 	.a-footer .a-row .col:nth-child(3){
		grid-area: 2/1/span 1/span 1;
	}
	.a-footer .a-row .col:nth-child(4){
		grid-area: 2/2/span 1/span 1;
	}
	.a-footer .a-row .col:nth-child(5){
		grid-area: 2/3/span 1/span 1;
	} */
	.a-footer .a-row .col-inner {
		padding: 10px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}