@media (max-width:1200px){

    .headerMain.fixed{
        width: auto;
    }
}
@media (max-width:1200px){

    .main slide {
        flex-wrap: wrap;
    }
    .main slider {
        max-height: unset;
        width: 100%;
        height: auto;
    }
    .main slider img {
        width: 100%;
        height: auto;
    }
    .main banner {
        width: 100%;
        flex-wrap: unset;
        margin-right: unset;
        height: auto;
        gap: 10px;
    }
}
@media (max-width:960px){
    body{
        --border-radius:10px;
    }
    .headerTop ul {
        gap: 10px;
        flex-wrap: wrap;
    }
    .headerBase {
        gap:10px;
        display: flex;
        align-items: center;
    }
    header .search input {
        min-width: auto;
        width: 100%;
    }
    .headerBase.fixed .headerMain {
        width: 90%;
    }
    .nbtn {
        border-radius: var(--border-radius);
        padding: 7px 10px;
    }
    .headerLeft .nbtn b{
        display: none;
    }
    .header_logo img {
        width: 100%;
        height: auto;
    }
    .headerMain {
        padding: 10px;
        gap: 10px;
    }
    main {
        margin: 0 auto;
        width: 98%;
    }
    .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(46 7 7 / 87%);
	}
	.menu_main{
        display: none;
    }
	.menu_mobile{
        position: fixed;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 102231;
        width: 250px;
        height: auto;
        overflow: auto;
        margin-right: -250px;
        border-radius: 20px;
        display: block;
        background: var(--color-text);
        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;
	}
	.menu_item_mobile{
		display:block;
	}
	.menu_item SPAN.menu_arrow {
        display: block;
        top: 0;
        height: 56px;
    }
	.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: var(--color-primary);
        border-bottom: 0;
        box-shadow: none;
        transition: 0s;
        overflow: hidden;
        padding: 10px 0;
    }
	.menu_mobile .menu_item:hover > A {
		background: VAR(--color-secoundary);
	}
	.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: var(--color-light);
        padding: 0;
        margin: 10px 0;
        border-radius: var(--border-radius);
    }
	.menu_sub2_item{
		position:relative;
	}
	.menu_sub2_item a{
        color: var(--color-text) !important;
	}
	.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%;
        background:var(--color-primary);
        transition: 0s;
        overflow: hidden;
        padding: 5px 5px 10px;
        border-radius: 0;
    }
    .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: var(--color-text);
    }
    .brands {
        flex-wrap: wrap;
    }
    .banner {
        flex-wrap: wrap;
        gap:5px;
    }
    .banner a {
        width: 100%;
    }
    .post {
        width: 49.5%;
    }
    .mainBox title {
        width: 100%;
        text-align: center;
    }
    .blogBox .owl-dots {
        right: 0;
        bottom: 7px;
        text-align: center;
    }
    button.owl-dot {
        width: 25px;
        height: 8px;
        margin: 0 3px;
    }
    .owl-dot.active {
        width: 40px;
    }
    .main slide {
        gap: 10px;
    }
    .feature{
        margin: 10px 0 0;
        gap: 5%;
    }
    .feature a strong {
        font-size: 13px;
    }
    .feature a span {
        font-size: 11px;
    }
    .mainTitle {
      font-size: 20px;
    }
    .mainTitle::before {
        --p: 0;
        clip-path: unset;
    }
    .mainTitle svg {
        margin-right: 0;
        width: 30px;
        height: 30px;
    }
    .mainTitle strong {
        margin-right: 0;
    }
    .mainTitle a.more {
        top: 0;
        right: 0px;
        color: #fff;
        left: 0;
        font-size: 11px;
        line-height: 2;
        transform: none;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        height: auto;
        border-radius: var(--border-radius) 0 0 0;
    }
    .mainTitle a.more::before {
        display: none;
    }
    .postSlider_main {
        padding: 6px;
    }
    .post {
        border-radius: 8px;
		padding: 5px 5px 19px;
    }
    .post A {
        height: 50px;
    }
	.post A.post_link {
		font-size: 12px;
		margin: 0 4px;
		height: 36px;
	}
    .post IMG {
        margin-bottom: 5px;
        padding:10px;
    }
    .post .price ins {
        font-size: 20px;
    }
    .post .price del .woocommerce-Price-amount BDI {
        font-size: 13px;
    }
    .postBox {
        gap: 5px;
        column-gap: 1%;
        padding: 15px;
    }
    .blogBox {
        padding: 20px 20px 40px 20px;
    }
    .brands a {
        padding: 20px;
        width: 32%;
    }
    .brands a img {
        max-width: 100%;
        max-height: 20px;
    }
    .brands a:nth-child(3) {
        border-left: 0px solid var(--color-light);
    }
    .single {
        flex-wrap: wrap;
        justify-content: center;
    }
    .singleProduct .side {
        width: 100%;
    }
    .singleProduct .main {
        width: 100%;
    }
    .single h1 {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .single .excerpt {
        padding: 15px;
        margin: 20px 0;
        line-height: 1.7;
    }
    .single .attribute > div {
        margin-bottom: 10px;
    }
    .tabs_head {
        padding-bottom: 20px;
        justify-content: center;
    }
    .tabs_head SPAN {
        padding: 15px;
        text-align: center;
    }
    .single .attribute > div {
        flex-wrap: wrap;
    }
    .tabs_head {
        padding-bottom: 10px;
    }
    .archiveMain .post {
        width: 49%;
    }
    .archiveMain .bPost {
        width: 49%;
    }
	.technical table {
		column-count:1;
	}
	.technical table th {
		 min-width: auto; 
	}
	.archiveContent{
			column-count: 1;
	}

}
@media (max-width:600px){
	
	.dgwt-wcas-suggestion .dgwt-wcas-meta{
		display:none;
	}
	    .single {
			gap: 20px;
		}
	.singleMain img{
		margin:10px auto;
	}
	.comments {
		border-radius: 12px;
		padding: 5px;
		margin: 0px 0;
	}
    .headerTop {
        display: none;
    }
	.headerLeft {
		gap: 0;
		border-radius: 3px;
        background: #f5f5f5;
	}
	.headerLeft .cart{
		display:none;
	}
	.headerMain {
        padding-left: 0;
		width:86%;
    }
    .main banner a{
        width: 100%;
    }
    .archiveMain .bPost {
        width: 100%;
    }
	.postSlider_main {
		max-height: 320px;
		overflow-x: hidden;
	}
	.posts_box {
		margin: 18px auto;
	}
	.mainTitle {
        justify-content: flex-start;
    }
    .mainTitle svg {
		margin-bottom: 15px;
        width: 20px;
    }
	.mainTitle a.more {
        color: #ffffff8a;
        font-size: 11px;
		line-height: 1.7;
        border-radius: var(--border-radius) 0 0 0;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgb(0 0 0 / 18%) 0%, rgba(0, 0, 0, 0) 100%);
    }
	.mainTitle strong {
        font-size: 15px;
    }
	.postBox {
        padding: 15px 5px;
    }
    .content table {
        font-size: 12px;
    }
	.singleProduct .productThumb img{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		font-size: 11px;
		height:auto;
	}
	.rank-math-breadcrumb span {
		padding: 0px 2px;
	}
	.rank-math-breadcrumb {
		font-size: 10px;
		padding: 0 5px 5px;
	}
	.dgwt-wcas-search-form {
		width: 85%;
	}
	.dgwt-wcas-search-wrapp {
		min-width: auto !important;
	}
	header .search {
		width: 100%;
	}
	.header_logo {
		width: 100px;
	}
	.single{
		padding:10px;
	}
	.singleProduct .side .price {
		background: #f2fff7;
		margin: 5px 0;
		display: flex;
		align-items: center;
		border-radius: var(--border-radius);
		padding: 10px;
		color: #0f7535;
	}
	.single .attribute {
		font-size: 12px;
		margin-top: 10px;
		background: #f5f5f5;
		padding: 15px 10px;
		border-radius: 10px;
	}
	.single .attribute ul.rowLinks li {
		line-height: 1.5;
		font-size: 12px;
	}
	.single .attribute ul.lineLinks {
		gap: 4px;
	}
	.singleProduct article {
		margin-top: 10px;
	}
	.tabs_head SPAN {
        padding: 10px;
        font-size: 12px;
    }
	.single_tabs .tab {
		font-size: 13px;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	article .content {
		line-height: 1.7;
		font-size: 13px;
	}
    footer{
        width: 94%;
        margin: 0 auto;
		margin-bottom:30px;
    }
    footer .footerTop {
        flex-wrap: wrap;
        justify-content: center;
    }
    footer .footerTop tel{
        width: 100%;
    }
    footer .footerTop tel a {
        justify-content: center;
        font-size: x-large;
    }
    footer .footerTop tel a svg {
        width: 26px;
        height: 26px;
    }
    footer .footerTop tel a span {
        font-size: x-large;
    }
    footer social {
        justify-content: center;
        width: 100%;
    }
    footer social a {
        width: 33%;
    }
    footer .footerMain {
        margin: 20px auto;
        gap: 20px;
        flex-wrap: wrap;
    }
    footer .footerMain p {
        width: 100%;
        line-height: 1.5;
    }
    footer ul.footerLeft {
        width: 100%;
        margin-right: unset;
        text-align: center;
    }
    footer .footerEnd {
        justify-content: center;
        flex-wrap: wrap;
    }
    footer .footerEnd .certificate a {
        padding: 0 10px;
    }
    footer .footerEnd copyright {
        margin-right: unset;
        text-align: center;
        margin-top: 10px;
    }
    footer .footerEnd copyright span {
        justify-content: center;
        margin: 5px 0 0;
    }
    footer .footerEnd copyright span svg
        max-width: 60px;
    }
    footer .footerEnd copyright span a{
        line-height: 0;
    }
}
@media print {
	header {
		display: none;
	}
}
}