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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.header-main .flex-left{
		display: none;
	}
	.header-main .flex-right{
		width: 100%;
	}
	.header-main .nav-right {
    	justify-content: space-between;
		padding-left: 50px;
}
	#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);
	margin-bottom: -875px;	 
}
	*/
	#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; */
		padding-left: unset;
    }
    #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) {

	#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: 8px 15px;
        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/04/bg-menu-sidebar.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-nav-mb {
		gap: 3px !important;
	}
	.a-nav-mb .button{
		padding: 0 5px;
	}
	h1{
		font-size: 22px !important;
	}
	.c-footer-cashfish{
position:fixed;
bottom:0;
z-index:9999;
}
	.scrolling-box{
		margin-left: 8px;
		margin-right: 8px;
	}
	.a-footer .a-order p{
		text-align: center !important;
	}
	.a-footer .a-order .social-icons{
		justify-content: center !important;
	}
	.a-banner-plugin{
		padding: 0 10px;
	}
	.cw-posts .box-text{
		padding-left:unset;
	}
	.a-popup {
		width: 320px !important;
		right: 0px;
		bottom: -17px;
	}
	.header-button-1 .button{
		padding-right: unset !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,
	.a-post-normal{
		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-top-10 .col:nth-child(1) p:nth-child(1),
	.a-top-10 .col:nth-child(2) p:nth-child(1){
		font-size: 28px !important;;
	}
	.a-top-10 .col:nth-child(1) p:nth-child(2),
	.a-top-10 .col:nth-child(2) p:nth-child(2){
		font-size: 20px !important;;
	}
	.a-top-10 .box {
		padding: 0 10px;
	}
	.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: 16px !important;
	}
	.post-item .from_the_blog_excerpt {
		font-size: 15px;
	}
	/* 	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) {

}