@media (max-width:1200px){
    .catBox {
        padding: 10px;
        gap: 10px;
    }
    .catBox stronge {
        font-size: 16px;
    }
    .catBox count {
        padding: 15px 10px;
        font-size: 13px;
    }
    .quick .ads {
        gap: 10px;
        margin-bottom: auto;
    }
    .menu_item > A {
        white-space: pre;
    }
    form.search {
        min-width: auto;
    }
    figure.d1000 {
        justify-content: center;
    }
    .footer {
        border-radius: 20px;
        padding: 20px;
    }
    .owl-nav button.owl-prev {
        right: 10px;
    }
    .owl-nav button.owl-next {
        left: 10px;
    }
	.archive .content .post {
		width: 30%;
	}
	.post b i {
		max-width: 50px;
	}

}
@media (max-width:960px){
    .quick {
        flex-wrap: wrap;
    }
    .tops {
        width: 100%;
    }
    .quick .left {
        width: 100%;
    }
    .menu{
        width: 10%;
        margin-right: auto;
        background: none;
        direction: ltr;
    }
	.menu_icon{
        display: block !important;
    }
	.menuOff_b:before{
		top:0;
		right:0;
		bottom:0;
		left:0;
		background:rgb(175 175 175 / 81%);
	}
	.menu_main{
        display: none;
    }
	.menu_mobile{
        position: fixed;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 102231;
        width: 200px;
        height: auto;
        overflow: auto;
        margin-right: -218px;
        border-radius: 20px;
        display: block;
        background: var(--color-primary);
        border-radius: 0;
        padding: 10px;
    }
	.menu_logo{
		display:block;
        padding: 20px;
	}
	.menu_logo object{
		max-width: 100%;
        height: auto;
	}
	.menu_item{
        display: block;
        text-align: right;
        position: relative;
        transition: .2s;
        margin-bottom: 10px;
    }
	.menu_item_mobile{
		display:block;
	}
	.menu_item SPAN.menu_arrow{
		display:block;
	}
	.menu_item A{
        line-height: 46px;
        padding: 4px 13px;
        height: auto;
	}
	.menu_item.menu_item_soon A{
		color:#858A9E;
	}
	.menu_item > A:before{
		display:none;
	}
	.menu_item.menu_item_soon > A:after{
		left:10px;
		top:10px;
	}
	
	.menu_sub{
		height:auto;
		position:relative;
		top:0;
		width:100%;
		background:#000;
		border-bottom:0;
		box-shadow:none;
		transition:0s;
		border-radius:20px;
		overflow:hidden;
		padding:10px 0;
	}
	.menu_sub:before{
		display:none;
	}
	.menu_item .menu_sub_item A, .menu_item:hover .menu_sub_item A{
        color: #222;
        line-height: 26px;
        font-weight: 200;
        white-space: pre;
    }
	.menu_item .menu_sub_item A, .menu_item:hover .menu_sub_item A{
		color:#fff;
	}
	.menu_sub_item, .menu_sub_item.active{
        position: relative;
        width: 91%;
        background: none;
        border-top: 0 solid #f0f0f0;
        border-bottom: 0 solid #f0f0f0;
        margin: 0 auto;
    }
	.menu_sub2{
        display: none;
        position: relative;
        right: 0;
        left: 0;
        padding: 0 0;
        padding-right: 15px;
        width: 100%;
        float: none;
        background: #c73c3c;
        border-radius: 10px;
        padding: 0;
        margin: 10px 0;
    }
	.menu_sub2_item{
		position:relative;
	}
	.menu_sub2_item a{
		font-size: 13px;
	}
	.menu_sub2 > UL{
		float:none;
		width:100%;
	}
	.menu_sub2 > UL UL{
		display:none;
		padding-right:20px;
		padding-bottom:10px;
	}
	.menu_sub2 > UL UL:after{
		content:"";
		display:block;
		margin-left:20px;
		border-bottom:1px solid #dfdfdf;
		padding-top:10px;
	}
    .menu_sub_30 {
        width: 100%;
        display: block;
        float: none;
    }
    .menu_sub SPAN.menu_arrow {
        color: #ffffff;
        top: -5px;
    }
    .menu_child{
        position: relative;
        top: 0;
        width: 100%;
        transition: 0s;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
        overflow: hidden;
        padding: 5px 5px 10px;
        border-radius: 0 0 10px 10px;
    }
    .menu_child a{
        padding: 13px;
        color: #fff;
        height: auto;
        line-height: 1;
    }
    .menu_mobile_shadow::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
    }
    .footer .d1000 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer p {
        width: 100%;
    }
	.single{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.single aside.singleLeft {
		max-width: max-content;
		width: 100%;
	}
	.flexR{
		display: flex;
		gap: 10px;
	}
	.flexR > Div {
		width: 70%;
		text-align: right;
		padding: 10px 0;
	}
	.single aside.details {
		max-width: 100%;
		width: 100%;
	}
	.single article {
		width: 100%;
	}
	.topsBox .topsMain a img {
		margin: 5px auto;
		border-radius: 15px;
		width: 60px;
	}
	.singleLeft .topsBox .topsMain {
		display: flex;
		flex-wrap:wrap;
		padding: 20px 10px;
	}
	.single figure {
        justify-content: right;
        margin: 5px 0 0;
    }
}
@media (max-width:600px){
    header .headerMain {
        margin: 10px auto;
        gap: 10px;
    }
    .d1000 {
        margin: 0 auto 10px;
    }
    .owl-nav button span svg {
        filter: brightness(100);
        opacity: 0.4;
    }
    .owl-nav button {
        background: #0000001f;
    }
    .postsTilte {
        gap: 10px;
    }
    .postsTilte h1, .postsTilte h2 {
        font-size: 16px;
    }
    .postsTilte a.moreLink {
        padding: 10px;
        border-radius: 10px;
        font-size: 11px;
    }
    .postsMain {
        padding: 10px 0;
        gap: 10px;
    }
    .post {
        padding: 25px 5px 10px;
        border-radius: 10px;
    }
	.post b {
		display: none;
	}
	.archive .content .post {
        width: 31%;
		border-radius: 15px;
		padding: 10px 5px;
    }
    .quick {
        gap: 10px;
    }
    .quick .left {
        flex-wrap: wrap;
        width: 100%;
    }
    .quick .cats {
        width: 100%;
        gap: 10px;
    }
    .quick .ads {
        justify-content: center;
        width: 100%;
        max-width: max-content;
    }
    .quick .ads img{
        width: 100%;
        height: auto;
    }
    .quick .ads a{
        width: 100%;
        line-height: 0;
    }
    .tops {
        gap:10px;
    }
    .topsBox {
        border-radius:15px;
    }
    .topsBox .topsMain{
        padding: 10px;
        max-height: 160px;
        overflow: hidden;
    }
    .topsBox .topsHead {
        border-radius: 0 14px 14px 0;
    }
    .topsBox .topsMain a stronge {
        font-size: 13px;
		max-width:100px;
    }
    .topsBox .topsMain a span {
        font-size: 11px;
    }
    .topsBox .topsHead svg {
        width: 25px;
        height: 25px;
    }
    .topsBox .topsHead b {
        font-size: 14px;
        line-height: 2;
    }
    .topsBox .topsHead span {
        display: none;
    }
    .banner a {
        line-height: 0;
        display: block;
    }
    .banner img {
        border-radius: 15px;
    }
    .catBox {
        border-radius: 15px;
        padding: 5px 15px;
    }
    .quick .left {
        gap: 10px;
    }
    .posts {
        border-radius: 15px;
        padding: 20px 20px 30px;
    }
    .post b i {
        white-space: pre;
    }
    .footer {
        border-radius: 15px;
    }
    .footer .logo  {
        display: block;
        width: 100%;
        text-align: center;
    }
    .footer .logo svg{
        width: 50px;
        display: block;
        margin: 0 auto;
        height: 70px;
    }
    .footer .logo stronge {
        font-size: 25px;
    }
    .footer .logo stronge span {
        font-size: 12px;
    }
	.single {
        gap: 10px;
    }
	.single aside.details {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: space-between;
		margin-bottom: 5px;
		border-radius:20px;
    }
    .single article {
        width: 100%;
        padding: 0;
    }
	.single .content {
		padding: 5px;
		font-size:14px;
	}
	.single h1 {
		font-size: large;
	}
	.single article .flexR{
		width: 50%;
	}
	.single article .flexL{
		width: 50%;
	}
	.single aside.details img.icon {
		width: 100px;
		height: 100px;
		margin: 5px auto;
	}
	.single figure dt {
		padding: 1px 9px 3px;
		font-size: 11px;
		border-radius: 5px;
	}
	.single aside.details stronge.fa {
		line-height: 1;
	}
	.single version {
		font-size: 16px;
		margin-bottom:8px;
	}
	.wbox {
		padding: 10px;
        margin-bottom: 5px;
		border-radius: 5px;
	}
	.wbox span {
		gap: 5px;
	}
	.wbox.dlbox{
        justify-content: center;
        margin-bottom: 0;
    }
	.single article img {
        border-radius: 10px;
        margin: 0px auto;
    }
	.single figure {
		flex-wrap: wrap;
	}
	.single aside.singleLeft{
		padding:0;
	}
	.dlBox {
        display: block;
        margin: 10px auto;
        border-radius: 10px;
    }
    .dlBox .dlHead {
        width: 100%;
        padding: 10px 10px 6px;
        justify-content: right;
        writing-mode: unset;
        align-content: center;
        text-align: right;
        border-radius: 10px 10px 0 0;
    }
	.dlBox .dlMain {
		width: 100%;
		padding: 5px 20px;
	}
	.dlBox .dlMain::before {
		font-size: 13px;
		border-radius: 0 0 15px 15px;
	}
	.dlBox .dlMain a {
		display: block;
	}
	.dlBox .dlMain b {
		display: block;
		width: max-content;
		margin-top: 5px;
	}
	header .logo {
		width: 45%;
	}
	.footer {
		margin: 0 auto 10px;
	}
	figure.d1000 {
		padding: 5px;
	}
	body {
		padding: 10px;
	}
	.single aside.details .sticky {
		width: 100%;
		padding: 10px;
		border-radius: 10px;
        margin-bottom: 5px;
	}
}