/*
@ author Nero
@ email nero.zhang@minew.com
*/
/* 媒体查询样式 */
/* 根字体大小 */
.full-wapper,
.nav-wapper,
.cont-wapper,
.cont-wapper-sm,
.cont-wapper-xm{
    width: 100%;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-left: calc( 2rem * var(--zoom-ratio));
    padding-right: calc( 2rem * var(--zoom-ratio));
}
.nav-wapper{ 
    /* max-width: 1680px; */
    max-width: calc(1980px + 2 * 2rem);
}
.cont-wapper{ 
    /* max-width: 1366px; */
    max-width: calc(1980px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
/* 首页 热门产品区块用到 */
.cont-wapper-sm{
    /* max-width: 1366px;  */
    max-width: calc(1366px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
.cont-wapper-xm{
    max-width: calc(1200px + 2 * var(--layout-padding));
    padding-left:  var(--layout-padding);
    padding-right:  var(--layout-padding);
}
 /*大屏下*/
@media (min-width: 1024px) { 
    .pc-hidden{ display: none;}
    /* 滚动条 */
    ::-webkit-scrollbar {width: 8px; }
    ::-webkit-scrollbar-button {display: none; }
    ::-webkit-scrollbar-track {background-color: #ddd; }
    ::-webkit-scrollbar-track-piece {background-color: #FCFCFC; -webkit-border-radius: 4px; }
    ::-webkit-scrollbar-thumb {background-color: rgba(153, 153, 153,.6); border: solid 0px #999; border-radius: 4px;}
    ::-webkit-scrollbar-corner {background-color: #FCFCFC; }
    ::-webkit-resizer {background-repeat: no-repeat; background-position: bottom right; }
    ::-webkit-scrollbar-thumb:hover {background-color: rgb(153, 153, 153); }
}
/* 1024px 以下  做移动端适配*/ 
@media (max-width: 1023.9px) {
    .mobile-hidden{ display: none; }
    :root {
        --layout-padding: 15px;
        --zoom-ratio : 0.4;
        --font-size-root: 12px;
        --grid-list-column-2 : repeat(1, 1fr);
        --grid-list-column-3 : repeat(1, 1fr);
        --grid-list-column-4 : repeat(1, 1fr);
        --grid-list-column-5 : repeat(2, 1fr);
    }
    /* #region 公共*/
    /* 公共 Nav*/
    .negative-header-height{
        margin-top: 0;
    }
    .negative-header-height .website-title{
        top: 0;
        left: 0;
    }
    header.top-header{
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        background-color: #fff;
        position: sticky;
        top: 0;
    }
    nav.top-nav a:hover {
        color: inherit;
    }
    .sub-menu .item:hover a{
        color: inherit;
        border-bottom: 1px dashed transparent;
    }
    .nav-bar .nav-logo img{
        max-height: 24px;
    }
    .nav-bar .nav-icons .nav-search,
    .nav-bar .nav-menu{
        display: none;
    }
    .nav-bar .nav-menu{
        display: none;
        position: absolute;
        z-index: 9999;
        top: var(--nav-height);
        right: 0;
        background-color: #fff;
        width: 100%;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }
    .nav-bar .nav-menu.active{
        display: block;
    }
    .nav-bar .nav-menu ul.main-menu{
        flex-direction: column;
        row-gap: 5px;
        padding: 1rem;
    }
    .nav-bar .main-menu>li{
        justify-content: flex-start;
        padding: 5px 1rem;
        position: relative;
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-bar .main-menu>li>a{
        width: 100%;
    }
    .nav-bar .main-menu>li.active{
        color: var(--color-blue);
    }
    .nav-bar .main-menu>li.active>a{
        color: var(--color-blue);
    }
    .nav-bar .main-menu>li>a>i.icon{
        margin-left: 1rem;
    }
    .nav-bar .main-menu>li:hover .icon {
        transform: rotate(90deg);
    }
    .nav-bar .main-menu>li.active i.icon{
        transform: rotate(0deg);
    }
    .nav-bar .main-menu .sub-menu{
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: unset;
        display: none;
    }
    .nav-bar .main-menu>li.active .sub-menu{
        display: block;
    }

    .nav-bar .main-menu .sub-menu .sub-menu-container{
        padding: 1rem 0rem;
        min-height: unset;
        box-shadow: none;
        border-bottom: 1px solid #37c1c82e;
    }
    .sub-menu .product-cate-list{
        column-gap: 1rem;
        row-gap: 1rem;
        flex-basis: 100%;
    }
    .sub-menu .product-cate-list .product-cate-item {
        width: auto;
        align-items: flex-start;
        padding: 3px 15px;
        background-color: #f7f7f7;
        border-radius: 5px;
    }
    .sub-menu .about-us-list, 
    .sub-menu .service-list, 
    .sub-menu .application-list{
        column-gap: 1rem;
        row-gap: 1rem;
        flex-basis: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .sub-menu .about-us-list .item, 
    .sub-menu .service-list .item, 
    .sub-menu .application-list .item{
        width: auto;
        align-items: flex-start;
        padding: 3px 15px;
        background-color: #f7f7f7;
        border-radius: 5px;
    }
    /*汉堡按钮*/
    .nav-bar .nav-icons .btn-hamburger{
        /* background-color: var(--color-black); */
        /* background-color: transparent; */
        border-radius: 2px;
        transition: .2s cubic-bezier(.8, .5, .2, 1.4);
        width: 18px;
        height: 18px;
        transition-duration: 300ms;
        position: relative;
        display: block;
        margin-left: 1rem;
        background: linear-gradient(to bottom, 
        transparent calc(50% - 1px), 
        var(--color-black) calc(50% - 1px), 
        var(--color-black) calc(50% + 1px), 
        transparent calc(50% + 1px));
    }
    .nav-bar .nav-icons .btn-hamburger::after,
    .nav-bar .nav-icons .btn-hamburger::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background-color: var(--color-black);
        border-radius: 2px;
        transition: .2s cubic-bezier(.8, .5, .2, 1.4);
        transition-duration: 300ms;
        left: 0;
        top: 50%;
        transform: translateY(calc(-50% - 6px));
    }
    .nav-bar .nav-icons .btn-hamburger::after {
        transform: translateY(calc(-50% + 6px));
    }
    .nav-bar .nav-icons .btn-hamburger.active:before{
        transform: translateY(calc(-50% - 0px)) rotate(90deg);
    }
    .nav-bar .nav-icons .btn-hamburger.active{
        transform: rotate(-45deg);
        background: transparent;
    }
    .nav-bar .nav-icons .btn-hamburger.active::after{
        /* opacity: 0; */
        /* visibility: hidden; */
        transform: translateY(calc(-50% + 0px));
    }
    /* 公共 Footer*/
    footer .footer-container{
        flex-direction: column;
        row-gap: 2rem;
    }
    footer .footer-container .footer-part{
        max-width: unset;
    }
    footer .footer-container .footer-part-02,
    footer .footer-container .footer-part-03{
        display: none;
    }
    footer .footer-part .title{
        text-align: center;
    }
    footer .footer-part .title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    footer .footer-company-info{
        text-align: center;
        margin-top: 2rem;
    }
    footer .footer-part .footer-union-list{
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        column-gap: 1rem;
        max-width: unset;
    }
    footer .footer-union-list .item:first-child{
        width: calc( ( 100% - 2rem ) / 3);
    }
    footer .footer-union-list .item{
        width: calc( ( 100% - 2rem ) / 3);
    }
    footer .footer-union-list img{
        width: 100%;
    }
    footer .web-copyright{
        justify-content: center;
    }
    /* #endregion */

    /* #region 首页*/
    .index-part-techs>div{
        flex-direction: column;
        row-gap: 1rem;
    }
    .index-part-techs .techs-item{
        padding: 4px;
    }
    .index-part-hot-products .hot-products-list{
        display: flex;
        flex-direction: column;
        max-height: unset;
        aspect-ratio: unset;
    }
    .index-part-hot-products .hot-products-list .item-0,
    .index-part-hot-products .hot-products-list .item-1,
    .index-part-hot-products .hot-products-list .item-2,
    .index-part-hot-products .hot-products-list .item-3,
    .index-part-hot-products .hot-products-list .item-4{
        height: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .index-part-hot-products .hot-products-list .item-0 .content .img img, 
    .index-part-hot-products .hot-products-list .item-4 .content .img img,
    .index-part-hot-products .hot-products-item .content .img>img{
        transform: scale(1.1);
    }
    .index-part-hot-products .hot-products-list .item-0 .content .img img, 
    .index-part-hot-products .hot-products-list .item-4 .content .img img{
        /* transform: translateY(20%); */
    }
    .index-part-industry-application .industry-application-cate .list{
        flex-wrap: wrap;
        row-gap: 1rem;
        padding-bottom: 1rem;
    }
    .index-part-industry-application .industry-application-cate .item{
        width: calc((100% - 2rem) / 3);
        column-gap: 5px;
    }
    .index-part-industry-application .industry-application-info .list{
        aspect-ratio: unset;
    }
    .index-part-industry-application .industry-application-info .left .icon-svg{
        display: none;
    }
    .index-part-industry-application .industry-application-info .left .more {
        margin-top: 1rem;
    }
    .index-part-industry-application .industry-application-info .item{
        position: relative;
        display: none;
    }
    .index-part-industry-application .industry-application-info .right{
        width: 100%;
    }
    .index-part-industry-application .industry-application-info .item.active {
        display: block;
    }
    .index-part-about-us .about-us-content{
        height: auto;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .index-part-about-us .about-us-content .highlight-list {
        padding-left: 1rem;
    }
    .index-part-about-us .about-us-content .highlight-item {
        width: 100%;
    }
    .index-part-partners .partners-content{
        height: auto;
    }
    .index-part-partners .center,
    .index-part-about-us .about-us-content .left{
        width: 100%;
    }
    .index-part-partners .center .logo-container{
        padding: 1rem 0;
    }
    .index-part-partners .center .logo-list{
        column-gap: 2rem;
    }
    .index-part-our-service .our-service-content{
        flex-direction: column;
        row-gap: 2rem;
    }
    .index-part-our-service .our-service-content .left{
        width: 100%;
    }
    .index-part-our-service .our-service-content .left .list {
        row-gap: 1rem;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: row;
        column-gap: 5px;
    }
    .index-part-our-service .our-service-content .left .item {
        padding: 6px .5rem;
        width: calc((100% - 5px) / 2);
    }
    .index-part-our-service .our-service-content .right .list {
        column-gap: 5px;
        flex-wrap: wrap;
        row-gap: 5px;
    }
    .index-part-our-service .our-service-content .right .item {
        width: calc((100% - 5px) / 2);
        aspect-ratio: 19 / 30;
        position: relative;
        transition: all 0.2s;
        cursor: pointer;
    }
    .index-part-our-service .our-service-content .right .item.active .bg{
        transform: scale(1);
    }
    .index-part-news .news-content{
        flex-direction: column;
        row-gap: 2rem;
    }
    .index-part-news .news-content .left{
        width: 100%;
    }
    .index-part-news .news-content .sticky-post .text{
        padding: 5px;
    }
    .index-part-news .news-content .right .item {
        row-gap: 1rem;
    }
    /* #endregion */

    /* #region 行业应用*/
    .industry-application-scenario .item>div{
        flex-direction: column;
        row-gap: 1rem;
    }
    .industry-application-scenario .content-bottom>div,
    .industry-application-scenario .content-top .img,
    .industry-application-scenario .content-top .text{
        width: 100%;
    }
    .industry-application-scenario .content-bottom>div{
        padding: 1rem;
    }
    .industry-application-related-product .container .item{
        position: relative;
        left: 0 !important;
        top: 0 !important;
        margin-block: 1rem;
        margin-inline: auto;
    }

    /* #endregion */

    /* #region 产品*/
    .product-list-grid {
        grid-gap: 1rem;
        row-gap: 1rem;
    }
    .product-list-01 .item{
        padding: 1rem 1rem;
    }
    .procuct-cate-main .product-nav{
        display: none;
    }
    .product-detail-top{
        position: relative;
        height: auto;
        max-height: 940px;
        --top: 72%;
    }
    .product-detail-top .container{
        flex-direction: column;
        transform: translateY(0);
        padding: 2rem 0;
        top: unset;
        row-gap: 1rem;
    }
    .product-detail-top .container .left{
        width: 100%;
        margin-top: unset;
    }
    .product-detail-top .container .right{
        width: 100%;
        margin-left: unset;
    }
    .product-detail-top .container .feature-list{
        row-gap: 1rem;
        column-gap: 1rem;
    }
    .product-detail-top .container .feature-list .item {
        width: calc((100% - 1rem) / 2);
    }
    .product-detail-top .container .right .big-swiper{
        width: 100%;
    }
    .product-detail-desc .container{
        flex-direction: column;
        row-gap: 1rem;
    }
    .product-detail-desc .container>div {
        width: 100%;
    }
    .product-detail-info .left-right-page .image-is-bg .content,
    .product-detail-info .left-right-page .image-is-content .content{
        flex-direction: column;
        row-gap: 1rem;
    }
    .product-detail-info .left-right-page .image-is-bg .content>div,
    .product-detail-info .left-right-page .image-is-content .content>div {
        width: 100%;
    }

    .product-detail-info .left-right-page .image-is-bg .text.on-right,
    .product-detail-info .left-right-page .image-is-content .text.on-right {
        order: unset;
    }

    .product-detail-info .left-right-page .image-is-bg .font-white {
        color: var(--color-black) ;
    }
    .product-detail-info .left-right-page .image-is-bg{
        aspect-ratio: unset !important;
    }
    .product-detail-info .left-right-page .image-is-bg .bg{
        width: 100%;
        inset: unset;
        aspect-ratio: 800 / 450;
        bottom: 0;
    }
    .product-detail-info .left-right-page .bg video, 
    .product-detail-info .left-right-page .bg img{
        object-position: right center;
    }
    .product-detail-info .left-right-page:has(.on-right) .bg video,
    .product-detail-info .left-right-page:has(.on-right) .bg img{
        object-position: left center;
    }

    .product-detail-application .list {
        width: 100%;
        row-gap: 1rem;
        column-gap: 1rem;
        padding: 0 1rem;
    }
    .product-detail-application .item:first-child, 
    .product-detail-application .item:last-child {
        width: 100%;
    }
    .product-detail-application .item {
        width: 100%;
    }
    .product-detail-application .item>img{
        aspect-ratio: 16 /9 !important;
    }
    .product-detail-application .item .text>strong {
        left: 1rem;
        bottom: 1rem;
        padding: 5px 2rem;
    }
    .product-detail-application .list.default-list.scenario-length-2 .item,
    .product-detail-application .list.default-list.scenario-length-3 .item,
    .product-detail-application .list.default-list.scenario-length-5 .item,
    .product-detail-application .list.default-list.scenario-length-5 .item:nth-child(1),
    .product-detail-application .list.default-list.scenario-length-5 .item:nth-child(2),
    .product-detail-application .list.default-list.scenario-length-6 .item {
        flex-basis: 100%;
    }

    .product-detail-application .item .text .desc {
        padding: 1rem;
    }
    .product-detail-specs .container{
        flex-direction: column;
        row-gap: 1rem;
    }
    .product-detail-related .related .list {
        row-gap: 1rem;
        column-gap: 1rem;
        justify-content: flex-start;
    }
    .product-detail-related .related .item {
        width: calc((100% - 1rem) / 2);
        padding: 2rem 1rem;
    }
    .product-detail-application .list.default-list {
        row-gap: 1rem;
        column-gap: 1rem;
    }
    .product-detail-application .list.default-list .item {
        flex-basis: calc((100% - 1rem) / 2);
    }
    .product-detail-application .list.default-list .item .text .desc {
        padding: 1rem 5px;
    }
    /* #endregion */

    /* #region 文章*/
    .category-article .article-recommend .recommend-post{
        flex-direction: column;
    }
    .category-article .article-recommend .img{
        width: 100%;
    }
    .category-article .article-recommend .text {
        width: 100%;
        padding: 1rem;
    }
    .category-article .article-list .list {
        grid-gap: 1rem;
        row-gap: 1rem;
    }
    .article-post .main{
        flex-direction: column;
        row-gap: 1rem;
    }
    .article-post .sidebar {
        margin-left: unset;
        max-width: unset;
    }
    /* #endregion */

    /* #region 服务*/
    .service-part-development .part-01{
        flex-direction: column;
        row-gap: 2rem;
    }
    .service-part-development .part-01 .text ,
    .service-part-development .part-01 .media {
        width: 100%;
    }
    .service-part-development .test-container{
        flex-direction: column;
        row-gap: 1rem;
    }
    .service-part-development .test-container .media{
        width: 100%;
        order: 1;
    }
    .service-part-development .test-container .list{
        width: 100%;
        order: 2;
        text-align: unset;
        flex-direction: row;
        column-gap: 2rem;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .service-part-development .test-container .item{
        width: calc( (100% - 2rem) / 2);
    }
    .service-part-support .part-01,
    .service-part-flexible .part-02,
    .service-part-flexible .part-01{
        flex-direction: column;
        row-gap: 1rem;
    }
    .service-part-support .part-01 .support-text-container,
    .service-part-support .part-01 .support-image-container,
    .service-part-flexible .part-02 .flexible-text-container,
    .service-part-flexible .part-02 .flexible-image-container,
    .service-part-flexible .part-01 .text ,
    .service-part-flexible .part-01 .media {
        width: 100%;
    }
    .service-part-support .part-01 .support-text-container .desc-list,
    .service-part-support .part-01 .support-text-container .title-list{
        position: relative;
        right: unset;
        top: unset;
        transform: unset;
    }
    .service-part-support .part-01 .support-text-container .title-list{
        display: flex;
    }
    .service-part-support .part-01 .support-text-container .title-list::after,
    .service-part-support .part-01 .support-text-container .title-list>h3::after{
        display: none;
    }
    .service-part-support .part-01 .support-text-container .title-list>h3{
        transform: none !important;
        margin: 2rem 1rem;
    }
    .service-part-support .part-01 .support-text-container .title-list>h3:last-child,
    .service-part-support .part-01 .support-text-container .title-list>h3.active,
    .service-part-support .part-01 .support-text-container .title-list>h3{
        transform: none !important;
    }
    /* #endregion */

    /* #region 关于我们*/
    /* 核心优势 */
    .about-advantages-technology .list {
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .about-advantages-technology .item {
        width: calc((100% - 1rem) / 2);
        aspect-ratio: 5 / 3.5;
    }
    .about-advantages-product .item {
        width: calc((100% - 1rem) / 2);
        aspect-ratio: 5 / 4;

    }
    .about-advantages-service .item {
        width: 100%;
    }
    .about-brand-award .award-content::before{
        width: 100%;
    }
    .about-advantages-manufacture .part{
        margin-bottom: 1rem;
    }
    .about-advantages-manufacture .content .text {
        width: 100%;
        padding: 1rem;
    }
    .about-advantages-manufacture .placeholder{
        aspect-ratio: 800 / 450;
        width: 100%;
        overflow: hidden;
    }
    .about-advantages-manufacture .placeholder img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right;
    }
    .about-advantages-manufacture .part.text-on-right .placeholder img{
        object-position: left;
    }
    .about-advantages-manufacture .content {
        position: relative;
    }
    /* 品牌故事 */
    .about-brand-desc .content{
        flex-direction: column;
        padding-top: 4rem;
        row-gap: 1rem;
    }
    .about-brand-desc .content .text{
        width: 100%;
    }
    .about-brand-desc .content .media {
        width: 100%;
    }
    .about-brand-company-video .content .bg{
        aspect-ratio: 4 / 3;
    }
    .about-brand-history .top{
        flex-direction: column;
        padding-top: 4rem;
        row-gap: 1rem;
        align-items: flex-start;
    }
    .about-brand-history .year-bar{
        max-width: 100%;
        width: 100%;
    }
    .about-brand-history .history-slide{
        flex-direction: column;
        row-gap: 2rem;
    }
    .about-brand-history .history-slide .list{
        width: 100%;
    }
    .about-brand-culture .culture-container .list {
        flex-direction: column;
        /* row-gap: 2rem; */
    }
    .about-brand-culture .culture-container .item {
        width: 100%;
    }
    .about-brand-dynamic .content{
        padding-top: 4rem;
    }
    /* 联系我们 */
    .about-contact-form .container {
        flex-direction: column;
        row-gap: 2rem;
    }
    .about-contact-form .container .left {
        padding: 1rem;
    }
    .about-contact-form .container .right {
        padding: 2rem 1rem;
    }
    /* #endregion */

    /* #region 云平台*/
    .tagcloud-page-desc .content{
        flex-direction: column;
        row-gap: 1rem;
    }
    .tagcloud-page-desc .content>div,
    .tagcloud-page-desc .content>div.text {
        width: 100%;
    }
    .tagcloud-page-ability .text>ul{
        row-gap: 5px;
        width: 100%;
        max-width: 780px;
        margin-inline: auto;
        column-gap: 1rem;
    }
    .tagcloud-page-ability .text>ul>li {
        width: calc((100% - 2rem) / 3);
    }
    .tagcloud-page-advantage .container .content{
        flex-direction: column;
        row-gap: 1rem;
    }
    .tagcloud-page-advantage .content>div {
        width: 100%;
    }
    .tagcloud-page-advantage .content.text-right .text {
        order: unset;
    }
    .tagcloud-page-advantage .container{
        aspect-ratio: unset !important;
    }
    .tagcloud-page-advantage .container .bg{
        align-items: flex-end;
    }
    .tagcloud-page-advantage .container .bg>img {
        aspect-ratio: 800 / 450;
        width: calc(100vw - ( 2 * var(--layout-padding) ));
        height: auto;
        object-position: left center;
        object-fit: cover;
        margin-inline: auto;
        border-radius: 5px;
    }

    /* #endregion */

    /* #region 搜索页*/
    .search-results .container {
        flex-direction: column;
        row-gap: 1rem;
    }
    .search-results .search-item {
        width:100%;
    }
    .search-results .search-item .img {
        aspect-ratio: 4 / 3;
        width: 45%;
        overflow: hidden;
        flex-shrink: 0;
        /* box-shadow: 3px 3px 10px 0px rgba(7, 62, 107, 0.11); */
        background-color: #fff;
    }
    /* #endregion */

    /* #region 落地页*/
    .loading-page-product-list .product-nav .list li {
        padding: 5px 5px;
    }
    .loading-page-contact-form .contact-form {
        padding: 1rem;
    }
    .loading-page-contact-form .contact-form .wpcf7-form-container>div{
        width: 100%;
    }
    /* #endregion */
}
@media (min-width: 1024px) and (max-width: 1139.9px) {
    :root {
        --layout-padding: 50px;
        --zoom-ratio : 0.6;
        --font-size-root: 12px;
        --grid-list-column-2 : repeat(1, 1fr);
        --grid-list-column-3 : repeat(2, 1fr);
        --grid-list-column-4 : repeat(3, 1fr);
        --grid-list-column-5 : repeat(3, 1fr);
    }



}
@media (min-width: 1140px) and (max-width: 1239.9px) {
    :root {
        --layout-padding: 80px;
        --zoom-ratio : 0.8;
        --font-size-root: 13px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(2, 1fr);
        --grid-list-column-4 : repeat(3, 1fr);
        --grid-list-column-5 : repeat(3, 1fr);
    }
}
@media (min-width: 1240px) and (max-width: 1679.9px) {
    :root {
        --layout-padding: 160px;
        --zoom-ratio : 0.9;
        --font-size-root: 14px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(4, 1fr);
    }
}
@media (min-width: 1680px) and (max-width: 2059.9px) {
    :root {
        --layout-padding: 200px;
        --zoom-ratio : 1;
        --font-size-root: 15px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(5, 1fr);
    }
}
@media (min-width: 2060px) {
    :root {
        --layout-padding: 240px;
        /* --nav-height: 68px; */
        --zoom-ratio : 1.2;
        --font-size-root: 16px;
        --grid-list-column-2 : repeat(2, 1fr);
        --grid-list-column-3 : repeat(3, 1fr);
        --grid-list-column-4 : repeat(4, 1fr);
        --grid-list-column-5 : repeat(5, 1fr);

    }
}