@media (max-width: 1199px){
    .sidebar-shop.sidebar{
        margin-bottom: 50px;
    }
    #main-menu .navbar .nav > li > a,
    .affix.header-1 #main-menu .navbar .nav > li > a, 
    .header-1 #main-menu .navbar .nav > li.current > a,
    .affix.header-1 #main-menu .navbar .nav > li.current > a {
        padding: 8px;
        margin: 35px 10px;
    }
    #main-menu .navbar .nav > li > a #count {
        right: -6px;
    }
}
@media (min-width: 1025px){
    .mob-icon {
        display: none;
    }
}
@media (max-width: 1024px){
    #main-menu .navbar .nav > li > a,
    .affix.header-1 #main-menu .navbar .nav > li > a,
    #main-menu .navbar .nav .open-sub:before{
        color: #fff;
    }
    #main-menu .sub {top: 0px;}

    .rs-fullscr-container {
        padding-top: 0px;
    }

    #main-menu .navbar .nav > li > a #count {
        top: 16px;
        right: 15px;
    }
    .fs-primary-nav.fs-sub-nav li a span#count {
        top: 0;
        left: unset;
        right: -16px;
    }

    /* index */
    .index-about .container-p-75-2,
    .index-product .container-p-75-2{
        padding: 55px;
    }
    .index-product .container-p-75-2 .container-p-75-2{
        padding-bottom: 30px;
    }
    .index-product .main-title{
        padding: 0 0 10px;
    }
    .index-product .port-overlay-cont{
        padding: 20px;
    }

    .page-title-cont{
        padding-top: 200px;
    }

    /* footer */
    footer .footer-2-copy-cont .right{
        float: none;
        text-align: center;
    }
}
@media (min-width: 992px){
    .index-about .row{
        display: flex;
        align-items: center;
    }
}
@media (max-width: 991px){
    .indexProduct .f-carousel .f-carousel__slide{
        width: calc( (100% / 3) - 15px );
    }
    .indexAbout.about-bg .abContent {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .indexAbout.about-bg .abContent .abLeft h2{
        font-size: 48px;
    }
    .product .pdItem:nth-child(3n+1){
        clear: unset;
    }
    .product .pdItem:nth-child(2n+1){
        clear: both;
    }
    .product .f-carousel#pdCarousel {
        max-width: 100%;
        margin: 0 auto;
    }
    /* .news .container .news-info .entry.entry-list {
        margin-bottom: 30px;
    } */
    footer:after {
        height: 150px;
    }
}

@media (max-width: 767px){
    .logo-2 {
        padding: 15px 0 15px 28px;
    }
    .logo-img{
        height: 42px;
    }
    .hamb-mob-icon {
        font-size: 36px;
        padding: 18px 17px 18px 10px;
    }

    /* index */
    .indexProduct .container .main-title, 
    .indexNews .container .main-title, .product .main-title,
    .news .container .main-title,
    .inquiry .container .main-title,
    .contact .container .main-title{
        position: relative;
        right: unset;
        text-align: center;
    }
    
    .indexProduct .container .main-title::before, .indexNews .container .main-title::before{
        right: 0;
        width: 100%;
    }
    .indexProduct .f-carousel .f-carousel__nav .f-button.is-prev{
        left: 44%;
    }
    .indexProduct .f-carousel .f-carousel__nav .f-button.is-next{
        right: 44%;
    }
    .indexProduct .f-carousel .f-carousel__slide{
        width: calc( (100% / 2) - 15px );
    }
    .indexAbout.about-bg .abContent .abLeft, .indexAbout.about-bg .abContent .abRight{
        width: 100%;
    }
    .indexAbout.about-bg .abContent .abRight{
        padding-top: 50px;
    }
    .indexAbout::before {
        right: 0;
        top: unset;
        bottom: 0;
        width: 100%;
        height: calc( 100% - 180px );
        transform: skew(0);
    }

    .about .abContent.seven {
        padding: 0 0;
    }
    .about .abContent.one, .about .abContent.two, .about .abContent.three, .about .abContent.four, .about .abContent.five, .about .abContent.six{
        margin-bottom: 50px;
    }
    .about .abContent.one .abImg, .about .abContent.one .abInfo, .about .abContent.two .abImg, .about .abContent.two .abInfo, .about .abContent.three .abImg, .about .abContent.three .abInfo, .about .abContent.four .abImg, .about .abContent.four .abInfo, .about .abContent.five .abImg, .about .abContent.five .abInfo, .about .abContent.six .abImg, .about .abContent.six .abInfo, .about .abContent.seven .abImg, .about .abContent.seven .abInfo{
        width: 100%;
        padding-top: 10px;
    }
    .about .abContent.two .abImg, .about .abContent.four .abImg, .about .abContent.six .abImg{
        padding-left: 0px;
    }
    .about .abContent.one .abImg, .about .abContent.three .abImg, .about .abContent.five .abImg{
        padding-right: 0;
    }
    .about .abContent.one .abInfo .abTitle, .about .abContent.two .abInfo .abTitle, .about .abContent.three .abInfo .abTitle, .about .abContent.four .abInfo .abTitle, .about .abContent.five .abInfo .abTitle, .about .abContent.six .abInfo .abTitle, .about .abContent.seven .abInfo .abTitle{
        margin-bottom: 10px;
    }
    .about .abContent.seven .abInfo .abTitle {
        text-align: left;
    }

    .product .sub-title,
    .news .sub-title{
        text-align: center;
    }
    .product .main-title::before,
    .news .container .main-title::before,
    .inquiry .container .main-title::before,
    .contact .container .main-title::before{
        right: 0;
        width: 100%;
    }
    .product .product-content .product-details-top .inquiryBtn {
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 30px;
    }
    .relativeCase .main-title {
        top: -20px!important;
    }
    .relativeCase .f-carousel#reCarousel .f-carousel__nav .f-button.is-prev {
        left: 45%;
    }
    .relativeCase .f-carousel#reCarousel .f-carousel__nav .f-button.is-next {
        right: 45%;
    }
    .indexProduct .container .main-title, .indexNews .container .main-title {
        filter: drop-shadow(-3px 8px 5px rgba(0, 0, 0, 0));
    }

    .cartContent .cartTable .eod-editor .eodTable.lineStyle table {
        min-width: 650px;
    }
    .cartContent .cartTable .cartCount p {
        text-align: center;
    }
    .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr th:not(.formClose) a:first-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr th:not(.formClose) p:first-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr td:not(.formClose) a:first-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr td:not(.formClose) p:first-child{
        width: 55%;
    }
    .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr th:not(.formClose) a:last-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr th:not(.formClose) p:last-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr td:not(.formClose) a:last-child, .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr td:not(.formClose) p:last-child{
        width: calc( 100% - 55%);
    }
    .cartContent .cartTable .eod-editor .eodTable.lineStyle table tr td a {
        padding: 10px;
    }
    .cartContent .cartForm .contact-form-cont {
        padding: 0px 0px;
    }

    
    /* footer */
    footer::before {
        background: 10% 50%/200% url('/uploads/others/images/fusion_layout4.svg') no-repeat;
    }
    footer .logo-footer-cont,
    footer .logo-footer {
        max-height: 60px;
    }
}

@media (max-width: 479px) { 
    .local-scroll-cont {
        width: 25px;
        height: 25px;
        bottom: 12px;
    }
    .scroll-down svg {
        width: 25px;
    }
    .fs-parent .open-sub:before {
        top: -12px;
    }

    /* index */
    .indexNews{
        padding-bottom: 0;
    }
    .indexNews .news-info{
        margin-bottom: 0;
    }
    .indexNews .news-info .entry.entry-list{
        margin-bottom: 30px;
    }
    .indexNews .necessary{
        margin-top: 0;
    }

    .pd-pagination .pagination{
        justify-content: center;
    }
    .cartContent .cartForm .contact-form-cont .checkbox{
        text-align: left;
    }
    /* footer */
    footer::before {
        height: 420px;
        background: 15% 50%/300% url('/uploads/others/images/fusion_layout4.svg') no-repeat;
    }
    footer:after {
        height: 200px;
    }
    .footer-menu ul {
        top: -27px;
    }
    footer .info {
        padding-left: 0;
    }
    footer .info::before{
        display: none;
    }
    footer .info .ft-contact{
        padding-right: 35px;
    }
    
}