/* 當螢幕寬度小於或等於 1000px 時的響應式樣式 */
@media (max-width: 1000px) {
    /* 商品區域樣式設定 */
    /* 針對右側商品容器，包含一般狀態和固定狀態 */
    .right,
    .right.sticky {
        /* 取消浮動效果，讓元素回歸正常文檔流 */
        float: unset !important;
        /* 設置容器寬度為100%，使其完整佔據父元素寬度 */
        width: 100% !important;
    }
}
/* 商品列表圖片容器的基本樣式 */
.list_pic {
    /* 將布局方式改為區塊級顯示 */
    display: block;      
    /* 設定子元素不換行（在block顯示下此屬性無效） */
    flex-wrap: nowrap;   
    /* 寬度自動適應內容 */
    width: auto;         
}


    /* 商品列表中的單個商品項目樣式 */
.list_pic .item {
    /* 固定商品項目寬度 */
    width: 200px !important;
    /* 自動計算左右邊距以實現居中 */
    margin-right: auto;
}

    /* 商品排序導航欄樣式 */
.nc-gl-sort-bar#main-nav {
    /* 設置導航欄寬度和高度 */
    width: 100%;
    height: 72px;
}

    /* 排序欄的網格布局設置 */
.sort-bar {
    /* 使用網格布局 */
    display: grid !important;
    /* 設置兩行的網格布局 */
    grid-template-rows: 1fr 1fr;
    /* 設置固定高度 */
    height: 72px !important;
    /* 在空間內平均分配元素 */
    justify-content: space-around;
}




    /* 排序欄右側區域樣式 */
.sort-bar .bar-r {
    /* 放置在第二行 */
    grid-row: 2/3;
    /* 設置固定寬度 */
    width: 550px;
    /* 取消浮動 */
    float: unset !important;
    /* 居中對齊 */
    margin: auto;
    /* 使用彈性布局 */
    display: flex;
    /* 在空間內平均分配元素 */
    justify-content: space-around;
}

    .sort-bar .bar-l {
        width: 550px;
        float: unset !important;
        margin: auto;
    }

    .pagination {
        float: unset !important;
        margin: auto;
        display: flex;
        justify-content: center;

    }


    .content {
        display: flex;
        width: 100% !important;
        margin: auto;
    }

    .left {
        float: unset !important;
    }

    /*keyword*/
    .keyword {
        width: 100% !important;
    }

@media (max-width :1000px) {

    body {
        width: 100%;
    }

    /*鑽上面*/
    #topNav {
        flex-wrap: wrap;
        width:100%;
    }

    #page {
        height: 58px !important;
        position: relative;
    }

    .quick-menu {
        display: flex;
        justify-content: space-between;

        position: unset !important;
        top: unset !important;
        right: unset !important;
        width: 100% !important;
    }

    #google_translate_element {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    /*搜尋欄與 LOGO 區域對齊版心 */
    #topHeader { width: 100% !important; max-width: none; margin: 0 auto; }
    #search { width: 100% !important; position: static !important; margin: 0 auto; }
    #search .details { width: 100% !important; }
    #search .details .form { width: 100% !important; }

    /* 導覽列與分類容器等寬 */
    #navBar { width: 100% !important; margin-bottom: 0 !important; }
    #navBar .content {
        width: 100% !important;
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0 !important;
        padding: 0 !important;
    }
    #navBar .content .clear { display: none !important; }
    .nc-nav-menu { width: 100% !important; margin: 0 !important; padding: 0 !important; }

    .mini_cart,
    .mini_cart_btn,
    .check_out {
        display: none !important;
    }

    /* 所有商品分類置於搜尋下方；在手機預設展開 */
    #all-category { width: 100% !important; margin: 0 !important; padding: 0 !important; order: 1; }
    #all-category .title { margin: 0 !important; padding: 0 0 6px 0 !important; cursor: pointer; }
    #all-category .category { display: block !important; }
    #all-category .title i { display: inline-block !important; }
    /* CSS 切換：勾選後展開分類（JS 失效時也可用） */
    #all-category .m-cat-toggle { display: none !important; }
    #all-category .m-cat-arrow { display: inline-block !important; }
    #all-category .m-cat-toggle:checked ~ #category { display: block !important; }
    #category { width: 100% !important; }
    .nc-nav-menu { order: 2; }

    /* 緊貼內容：移除內容區容器的頂部外距 */
    .mb10.warp-all { margin-top: 0 !important; }
    #category .menu { width: 100% !important; }
    /* 恢復：不在手機強制收起分類 */

    /* 手機：禁止 hover 展開子選單，並讓整個標題區可點擊導向 */
    #all-category .category ul.menu li:hover .cat-menu { display: none !important; }
    #all-category .category ul.menu li .cat-menu { display: none !important; }
    #category .menu > li > h3 a { display: block !important; width: 100% !important; position: relative !important; z-index: 2 !important; cursor: pointer !important; }

    .cat-menu {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        box-shadow: none !important;
        border-width: 0 !important;
        padding: 10px !important;
    }
    .category ul.menu .cat-menu {
        display: none !important;
    }
    /* 恢復：不依賴 open 類別控制顯示 */

    /* 手機：二級/三級分類改為垂直堆疊顯示 */
    .cat-menu dl {
        width: 100% !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        border: 0 !important;
        display: block !important;
    }
    .cat-menu dt {
        width: 100% !important;
        float: none !important;
        padding: 6px 0 !important;
    }
    .cat-menu dd {
        width: 100% !important;
        float: none !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .cat-menu dd a {
        float: none !important;
        width: 100% !important;
        display: block !important;
        padding: 10px 12px !important;
        margin: 0 !important;
        border-bottom: 1px solid #eee !important;
        line-height: 20px !important;
        box-sizing: border-box !important;
    }
    .cat-menu dd a:last-child { border-bottom: 0 !important; }

    /*wrap all*/
    .mb10.warp-all { width: 100% !important; }

    /*fl w780*/
    .fr {
        display: block !important;
        float: unset !important;
    }

    .fl {
        float: unset !important;
        display: block !important;
    }

    .fr.w780 {
        display: grid !important;
        grid-template-rows: 1fr 1fr 1fr;
        position: relative;
        width: 100% !important;

    }

    .fl.w530 { /* 輪播圖區塊的樣式 */
        grid-row: 1/2;      /* 在網格布局中佔據第一行 */
        margin-left: auto;  /* 左邊距自動，配合右邊距實現水平居中 */
        margin-right: auto; /* 右邊距自動，配合左邊距實現水平居中 */
        position: relative; /* 設置相對定位，作為子元素定位的參考點 */
        left: auto;         /* 取消左側偏移 */
        right: 0;           /* 設置右側偏移為0 */
    }

    .fr.w240 { /* 側邊欄容器的樣式設定 */
        grid-row: 2/3;      /* 設置元素在網格布局中佔據第2行到第3行 */
        width: 100% !important;       /* 滿版，與版心等寬 */
        margin: auto;       /* 使用自動邊距實現水平居中 */
        display: grid !important;  /* 強制使用網格布局顯示 */
        grid-template-columns: 1fr 1fr;  /* 設置兩列等寬的網格列 */
        grid-template-rows: 1fr 2fr;     /* 設置兩行網格，第二行高度是第一行的兩倍 */
    }

    #quickLink.module-sidebar-style1.mb10 {
        width: 100%;                    /* 設置模組寬度為100%，佔滿容器寬度 */
        display: flex;                  /* 使用彈性布局顯示子元素 */
        justify-content: space-around;   /* 子元素在主軸上平均分配空間 */
        grid-row: 1/2;                  /* 在網格布局中佔據第1行到第2行 */
        grid-column: 1/3;               /* 在網格布局中橫跨從第1列到第3列 */
    }


    .module-sidebar-style1.mb10.nc-home-news {
        width: 99%;    /* 設置新聞模組寬度為99%，確保在側邊欄中幾乎佔滿整個容器寬度，同時留有1%的邊距避免貼邊 */

    }

    /* nc-home-pattern style-red  */

    .nc-home-pattern.style-red,
    .nc-home-pattern.style-blue,
    .nc-home-pattern.style-pink,
    .nc-home-pattern.style-orange,
    .nc-home-pattern.style-purple,
    .nc-home-pattern.style-brown {
        width: 100% !important;   /* 滿版，與上方導覽等寬 */
        height: unset;            /* 允許高度自適應 */
        display: grid;            /* 使用網格布局 */
        grid-template-rows: 2fr 0.5fr 0.5fr;  /* 設置三行網格，第一行佔2份，第二三行各佔0.5份 */
        row-gap: 2em;             /* 行距 */
        margin: auto;       /* 使用自動邊距實現水平居中 */
    }

    .nc-home-pattern.style-blue,
    .nc-home-pattern.style-pink,
    .nc-home-pattern.style-orange,
    .nc-home-pattern.style-purple,
    .nc-home-pattern.style-brown {
        grid-template-rows: 2fr 0.5fr;  /* 設置這些顏色主題的網格布局為兩行，第一行佔2份，第二行佔0.5份，與紅色主題的三行布局不同 */
    }




    .nc-home-pattern .middle {
        grid-row: 1/2;      /* 設置元素在網格布局中佔據第一行（從第1行開始到第2行之前） */
        width: 100% !important;  /* 強制設定寬度為100%，確保完全填滿父容器寬度 */
    }

    .nc-home-pattern.style-red .middle ul,
    .nc-home-pattern.style-blue .middle ul,
    .nc-home-pattern.style-pink .middle ul,
    .nc-home-pattern.style-orange .middle ul,
    .nc-home-pattern.style-purple .middle ul,
    .nc-home-pattern.style-brown .middle ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;

    }

    .nc-home-pattern .middle ul li {
        float: unset !important;
    }

    .nc-home-pattern .middle .tabs-panel {
        width: 100%;
    }

    .nc-home-pattern.style-red .rightbar,
    .nc-home-pattern.style-blue .rightbar,
    .nc-home-pattern.style-pink .rightbar,
    .nc-home-pattern.style-orange .rightbar,
    .nc-home-pattern.style-purple .rightbar,
    .nc-home-pattern.style-brown .rightbar,
    .nc-home-pattern.style-green .rightbar,
    .nc-home-pattern .rightbar {
        grid-row: 2/3;
        width: 100% !important;
        height: unset;
    }

    .nc-home-pattern.style-red .rightbar ol,
    .nc-home-pattern.style-blue .rightbar ol,
    .nc-home-pattern.style-pink .rightbar ol,
    .nc-home-pattern.style-orange .rightbar ol,
    .nc-home-pattern.style-purple .rightbar ol,
    .nc-home-pattern.style-brown .rightbar ol {
        display: flex;
        overflow: visible;
        width: 100%;
        justify-content: space-around;
        height: unset;
    }



    .nc-home-pattern .rightbar .ad-banner {
        display: none;
    }

    .nc-home-pattern.style-red .leftbar,
    .nc-home-pattern.style-blue .leftbar,
    .nc-home-pattern.style-pink .leftbar,
    .nc-home-pattern.style-orange .leftbar,
    .nc-home-pattern.style-purple .leftbar,
    .nc-home-pattern.style-brown .leftbar,
    .nc-home-pattern.style-green .leftbar {
        display: none;
    }

    .nc-home-pattern.style-red .bottom-bar {
        border-width: 1px;
    }

    .nc-home-pattern.style-blue .bottom-bar,
    .nc-home-pattern.style-pink .bottom-bar,
    .nc-home-pattern.style-orange .bottom-bar,
    .nc-home-pattern.style-purple .bottom-bar,
    .nc-home-pattern.style-brown .bottom-bar {
        display: none;
    }

    /*mt10*/
    .mt10 {
        text-align: center;
    }

    .mt10 img {
        width: 750px !important;
        height: 67.5px !important;
    }

    /*full_module*/

    .full_module {
        box-sizing: border-box;
        width: 80% !important;
        margin: auto;
    }

    .piclink,
    .textlink {
        width: 100% !important;
        box-sizing: border-box;
    }

    /*faq*/
    #faq {
        width: 500px !important;
    }

    /**  #footer**/

    #footer {
        width: 100% !important;
    }

    /*右邊按鈕*/
    .backToTop {
        z-index: 2000 !important;
    }

}

/* 更嚴格的手機隱藏規則：僅保留樓層中央商品區 */
@media (max-width: 768px) {
    /* 隱藏左側分類、右側排行、底部品牌條 */
    .nc-home-pattern .leftbar,
    .nc-home-pattern .rightbar,
    .nc-home-pattern .bottom-bar {
        display: none !important;
    }

    /* 中央商品區全寬顯示 */
    .nc-home-pattern .middle {
        width: 100% !important;
        float: none !important;
        border: 0 !important;
    }

    .nc-home-pattern .tabs-panel {
        width: 100% !important;
        height: auto !important;
    }

    /* 商品卡片兩欄排列 */
    .nc-home-pattern .tabs-panel li {
        width: 48% !important;
        margin: 1% !important;
        height: auto !important;
        box-sizing: border-box;
    }
}

/* 更小螢幕：一欄排列 */
@media (max-width: 480px) {
    .nc-home-pattern .tabs-panel li {
        width: 100% !important;
        margin: 0 0 12px 0 !important;
    }
}



/*---------------phone----------------*/

@media (max-width :780px) {
    /* 調整商品列表為每行3個 */
    .nc-home-pattern ul li, .goods-list ul li, .pic_list .small_pic ul li {
        width: calc(33.33% - 10px) !important;
        margin: 5px;
        box-sizing: border-box;
        float: left;
    }
    
    /*topheader 搜尋欄*/
    #topHeader {
        display: flex;
        flex-direction: column;
        height: 150px !important;
        align-items: center;
    }

    .site-logo {
        position: unset !important;

    }

    #search.search {
        position: relative;

        width: 100% !important;
    }

    #search.search .textinput {
        width: 70% !important;

    }

    #search.search .form {
        width: 80%;
        right: 0;
        margin: auto;

    }

    .details {
        width: 100% !important;
    }

    .details .tab {
        width: 100%;
        right: 0px;
        margin: auto;
    }

    #search .tag {
        width: 100px !important;
        right: 0px;
        margin: auto;

    }

    /*所有商品分類*/

    #navBar #all-category {
        position: absolute;
        top: 244px;
        width: 90%;
    }

    #navBar #all-category .title {
        width: 100%;

    }

    #category {
        width: 100% !important;
    }

    .category ul.menu {
        width: 100% !important;
        box-sizing: border-box;

    }

    .category ul.menu li {
        width: 200px;
        margin: auto;
        position: relative;


    }


    .category ul.menu li:hover::after {
        position: absolute;
        top: -2px;
        left: 6px;
        width: 100%;
        height: 100%;
        content: "";
        border-right: 1px solid rgb(254, 133, 2);

    }



    .category ul.menu .cat-menu {
        display: none !important;
    }


    /* 手機：再次保險，hover 也不顯示子選單，並擴大一級連結點擊區 */
    #all-category .category ul.menu li:hover .cat-menu { display: none !important; }
    #all-category .category ul.menu li .cat-menu { display: none !important; }
    #category .menu > li > h3 a { display: block !important; width: 100% !important; }





    .fr.w240 {
        grid-row: 2/3;
        width: 90% !important;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr 2fr;
    }

    #quickLink.module-sidebar-style1.mb10 {
        grid-column: 1/2;
    }


    /*middle*/



    .nc-home-pattern.style-red,
    .nc-home-pattern.style-blue,
    .nc-home-pattern.style-pink,
    .nc-home-pattern.style-orange,
    .nc-home-pattern.style-purple,
    .nc-home-pattern.style-brown,
    .nc-home-pattern {
        width: 90% !important;
        margin: 50px auto;

    }

    .nc-home-pattern .bottom-bar {
        width: 100% !important;
        height: unset !important;

    }

    .nc-home-pattern .bottom-bar .brands {
        display: flex;
        flex-wrap: wrap;
        height: unset !important;
    }


    .nc-home-pattern.style-red .middle ul,
    .nc-home-pattern.style-blue .middle ul,
    .nc-home-pattern.style-pink .middle ul,
    .nc-home-pattern.style-orange .middle ul,
    .nc-home-pattern.style-purple .middle ul,
    .nc-home-pattern.style-brown .middle ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;

    }

    .nc-home-pattern.style-red .rightbar ol,
    .nc-home-pattern.style-blue .rightbar ol,
    .nc-home-pattern.style-pink .rightbar ol,
    .nc-home-pattern.style-orange .rightbar ol,
    .nc-home-pattern.style-purple .rightbar ol,
    .nc-home-pattern.style-brown .rightbar ol {
        flex-wrap: wrap;
        justify-content: start;
    }


    /*mt10*/

    .mt10 a {
        width: 100%;
        display: block;
    }

    .mt10 img {
        width: 100% !important;
        height: unset !important;
    }

    /*faq*/

    #faq {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }




}

/*510*/

@media (max-width: 510px) {

    .quick-menu {
        flex-wrap: wrap;
        width: 80%;
    }

    #page {
        height: 80px !important;
    }


    #navBar #all-category {
        top: 264px;

    }
}




@media (max-width: 1000px) {


    /*商品區*/
    .right,
    .right.sticky {

        float: unset !important;
        width: 100% !important;
    }

    .list_pic {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        justify-content: center; /* 新增：確保商品置中對齊 */
        gap: 10px; /* 新增：設置商品之間的間距 */
    }

    .list_pic .item {
        width: 200px !important;
        margin: 0 !important; /* 修改：移除原有的 margin */
        flex-shrink: 0; /* 新增：防止商品被壓縮 */
    }

        margin-left: 5%;
    }

    /* 商品排序導航欄樣式 */
.nc-gl-sort-bar#main-nav {
    /* 設置導航欄寬度和高度 */
    width: 100%;
    height: 72px;
}

    .sticky #main-nav {
        right: 30px
    }

    /* 排序欄的網格布局設置 */
.sort-bar {
    /* 使用網格布局 */
    display: grid !important;
    /* 設置兩行的網格布局 */
    grid-template-rows: 1fr 1fr;
    /* 設置固定高度 */
    height: 72px !important;
    /* 在空間內平均分配元素 */
    justify-content: space-around;
}




    /* 排序欄右側區域樣式 */
.sort-bar .bar-r {
    /* 放置在第二行 */
    grid-row: 2/3;
    /* 設置固定寬度 */
    width: 550px;
    /* 取消浮動 */
    float: unset !important;
    /* 居中對齊 */
    margin: auto;
    /* 使用彈性布局 */
    display: flex;
    /* 在空間內平均分配元素 */
    justify-content: space-around;
}

    .sort-bar .bar-l {
        width: 550px;
        float: unset !important;
        margin: auto;
    }

    .pagination {
        float: unset !important;
        margin: auto;
        display: flex;
        justify-content: center;

    }



    .content {
        display: flex;
        width: 100% !important;
        margin: auto;
    }

    .left {
        float: unset !important;
        width: 200px !important;
    }

    /*keyword*/
    .keyword {
        width: 100% !important;
    }


/* 當螢幕寬度小於780px時的樣式設定 */
@media (max-width:780px) {
    /* 左側區域樣式 */
    .left {
        /* 取消固定寬度設定 */
        width: unset !important;
    }

    /* 關鍵字區域上方間距 */
    .keyword {
        margin-top: 50px;
    }

    /* 左側模組邊欄寬度設定 */
    .left .module_sidebar {
        width: 120px !important;
    }

    /* 側邊分類列表寬度 */
    .side_category dl {
        width: 120px !important;
    }

    /* 模組邊欄圖片尺寸調整 */
    .module_sidebar img {
        width: 120px !important;
        height: unset !important;
    }

    /* 模組邊欄內圖片尺寸 */
    .module_sidebar .picture img {
        width: 60px !important;
    }
}

/* 當螢幕寬度小於700px時的樣式設定 */
@media (max-width:700px) {
    /* 商品排序導航欄高度調整 */
    .nc-gl-sort-bar#main-nav {
        height: 108px !important;
    }

    /* 排序欄布局調整 */
    .sort-bar {
        height: 108px !important;
        grid-template-rows: 2fr 1fr;
    }

    /* 取消排序相關元素的浮動 */
    .switch,
    .array,
    .prices {
        float: unset !important;
    }

    /* 切換按鈕間距調整 */
    .switch span {
        margin-left: 5%;
    }

    /* 價格區域位置調整 */
    .prices {
        grid-column: 1/3;
        margin: auto;
    }

    /* 右側區域寬度調整 */
    .bar-r {
        width: 100% !important;
    }

    /* 左側區域布局調整 */
    .sort-bar .bar-l {
        width: 100% !important;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr 1fr;
    }
}

/* 當螢幕寬度小於540px時的樣式設定 */
@media (max-width:540px) {
    /* 排序欄左側區域布局調整 */
    .sort-bar .bar-l {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    /* 價格區域位置調整 */
    .prices {
        grid-column: 1/2;
    }

    /* 切換按鈕間距增加 */
    .switch span {
        margin-left: 20%;
    }

    /* 導航欄高度調整 */
    .nc-gl-sort-bar#main-nav {
        height: 144px !important;
    }

    /* 排序欄高度調整 */
    .sort-bar {
        height: 144px !important;
    }
}

@media (max-width:380px) {
    /* 在非常小的螢幕上調整為每行2個商品 */
    .nc-home-pattern ul li, .goods-list ul li, .pic_list .small_pic ul li {
        width: calc(50% - 10px) !important;
        margin: 5px;
        box-sizing: border-box;
        float: left;
    }

    .nc-gl-sort-bar#main-nav {
        height: 180px !important;
    }

    .sort-bar {
        height: 180px !important;
    }
}

/*=============================所有商品=================================*/

/* 當螢幕寬度小於或等於 1000px 時的響應式樣式 */
@media (max-width: 1000px) {
    /* 推薦商品區域的商品分類列表樣式 */
    .recommend .shop_assort dd {
        width: 100% !important; /* 設置商品分類列表寬度為100%，確保完整顯示 */
    }
}

/* 當螢幕寬度小於或等於 780px 時的響應式樣式 */
@media (max-width :780px) {
    /* 側邊欄模組樣式 */
    .module_sidebar {
        width: 100% !important; /* 設置側邊欄模組寬度為100%，實現全寬顯示 */
    }
}

/*============================文章==================================*/

/* 文章相關頁面的響應式樣式 */
@media (max-width:1000px) {
    /* 文章列表容器樣式 */
    .shop_text_list {
        width: 98% !important; /* 設置文章列表容器寬度為98%，留有邊距 */
        margin: auto; /* 水平居中對齊 */
    }

    /* 文章列表行樣式 */
    .shop_text_list tr {
        position: relative; /* 設置相對定位，作為子元素定位參考 */
    }

    /* 文章列表中寬度為150px的單元格樣式 */
    .shop_text_list .w150 {
        position: absolute; /* 絕對定位 */
        right: -40px; /* 向右偏移40px */
        top: 10px; /* 向下偏移10px */
    }

    /* 左側邊欄模組樣式 */
    .left .module_sidebar {
        width: 120px !important; /* 設置左側邊欄模組寬度為120px */
    }

    /* 內容區域右側樣式 */
    .content .right {
        width: 100% !important; /* 設置右側內容區域寬度為100% */
    }

    /* 文章包裝容器樣式 */
    .content .right .article_wrap {
        width: 98% !important; /* 設置文章包裝容器寬度為98% */
    }

    /* 預設文章內容和段落文字樣式 */
    .default p,
    .default p span {
        font-size: 1.2em !important; /* 設置文字大小為1.2倍 */
    }

    /* 預設圖片樣式 */
    .default img {
        width: 80% !important; /* 設置圖片寬度為80% */
        height: unset !important; /* 取消固定高度，保持圖片比例 */
    }
}



/*****************首頁輪播*****************/

@media (max-width:780px) {
    .fl.w530 {
        grid-row: 3/4;
        left: 0px !important;
        right: 0px;
    }
}

@media (max-width:600px) {
    .fl.w530 {
        width: 490px !important;
    }

    .fl.w530 #KinSlideshow,
    .fl.w530 #KSS_moveBox,
    .fl.w530 img {
        transform: scale(0.87);

    }

    .fl.w530 .KSS_btnBox {
        right: 0px !important;
        left: 0px !important;
        margin: auto !important;
        width: 50px;
    }


}


@media (max-width:500px) {
    .fl.w530 {
        transform: scale(0.8);
        right: unset;
        left: -70px !important;

    }

    .fl.w530 #KinSlideshow,
    .fl.w530 #KSS_moveBox,
    .fl.w530 img {
        transform: scale(0.9);

    }

    .fl.w530 .KSS_btnBox {
        right: 0px !important;
        left: 0px !important;
        margin: auto !important;
        width: 50px;
    }


}


@media (max-width:440px) {

    #quickLink.module-sidebar-style1.mb10,
    .module-sidebar-style1.mb10.nc-home-news {
        width: 90% !important;

    }

    .fr.w240 {
        position: relative;
        right: 24px !important;
        width: 70% !important;
    }
}

/************************************************/
@media (max-width:600px) {
    .nc-home-pattern .middle ul.tabs-nav li {
        width: 150px !important;
    }
}


@media (max-width:515px) {
    .nc-home-pattern .middle ul.tabs-nav li {
        width: 100px !important;
    }
}


/***************************************************************/


@media (max-width:650px) {
    #no_results {
        padding: 0px 50px 60px 50px !important;
        background-position: 100px !important;
    }
}

@media (max-width:400px) {
    #no_results {
        font-size: 12px !important;
    }
}


/****************************************/

@media (max-width:1000px) {

    .flow-chart, .point-chart {
        width: 100% !important;
    }

    .flow-chart li.step, .point-chart li.step {
        width: 33% !important;
    }

    .content > .cart-title {
        position: absolute !important;
        left: 0;
        top: 5px;
        width: 526px;
    }
    .content {
        position: relative !important;
    }

    .buytable {
        position: relative;
        top: 46px;
    }
}



@media (max-width:660px) {
    .cart-bottom {
        position: absolute;
        bottom: 15px;
        left: 0;
    }

    .buytable {
        height: 500px !important;
    }

}

@media (max-width:500px) {
    .cart-bottom {
        position: absolute;
        top: 330px;
        left: 0;
    }

    .buytable {
        height: 700px !important;
    }

    .confirm-popup {
        float: unset !important;
        width: 200px;
        margin-left: 140px;
        display: block !important;
    }
    

    
}