@media (max-width: 1440px) {
    .spices .nav-tabs{overflow-x: auto;}
    .spices .nav-tabs li a {white-space: nowrap;}
}

@media (max-width: 1366.98px) {
    .point-num{margin-right: 10px;}
}

@media (max-width: 1199px) {}

@media (max-width: 1024.98px) {
    .spices:after{background-position: 100%;}
    .menu{padding: 150px 30px 30px 150px;}
    .about-content:after{opacity: 0.1;}
    .about-content-inner {padding-left: 220px;}
    .career-bg .about-content-inner {padding-left: 220px;padding-right: 100px;}

    .contact-content-inner h2{font-size: 36px;margin-bottom: 80px;}
    .address h3 {font-size: 26px;margin-bottom: 15px;}

    .Product-content-inner h2{font-size: 36px;}
    .side-right-img,
    .product .ab-pr1,
    .product .ab-pr3,
    .product .ab-pr5{right: 0;}
}

@media (max-width: 991.98px) {
    .slider-text span {font-size: 38px;}
    .detail-content .title,
    .product .title {font-size: 30px;}
    .detail-content .pr-title,
    .product h2{font-size: 22px;}
    .pr-description{margin: 0;}
    .pr-point {margin-left: 0;}
    .Gold-Products .title h2{font-size: 28px; padding-bottom: 20px;}
    .about-content-inner {padding-left: 30px;padding-right: 30px;}
    .career-bg .about-content-inner {padding-left: 30px;padding-right: 30px;}

    .about-content-inner h2 {font-size: 30px;margin-bottom: 25px;}

    .side-right-img{opacity: 0.3;}
}

@media (max-width: 767.98px) {
    header .logo a img{width: 180px;}
    .Inquiry{margin-right: 30px;}
    .slider-text span{font-size: 30px;}
    .spices .tab-content .inner-content .pr-img img,
    .product .pr-img{margin: 0 auto 20px;}
    .product-slider{flex-wrap: wrap;justify-content: center;}
    .product-slider .product-inner-content{flex: 0 0 50%;max-width: 50%;margin-bottom: 30px;}
    .content-social{position: static;padding: 60px 100px;max-width: 100%;width: 100%;}
    .social-media-section{justify-content: normal;}
    .social-media-section .social-img{width: 33.33%;}

    footer .title{margin-top: 30px;}

    #hamburger-9.is-active:before {border: 3px solid #ecf0f1;}
    #hamburger-9:before{width: 50px;height: 50px;top: calc(50% - 22px);left: calc(50% - 25px);}
    #hamburger-9.is-active .line {width: 25px;}
    .menu {padding: 150px 30px 30px 50px;}

    .about-content{padding: 70px 0 80px;}
    .about-content-inner h2{font-size: 26px;}
    .about-point .title{font-size: 18px;margin-bottom: 5px;}

    .contact-content-inner h2 {font-size: 30px;margin-bottom: 60px;}
    .contact-image{margin-bottom: 20px;}
    .address h3{font-size: 22px;}
    .address p{font-size: 16px;margin-bottom: 20px;}

    .Product-content-inner h2{font-size: 30px;}
    .pr-section > div:nth-child(even) .row{display: block;width: auto;}
    .Product-content-inner{padding-right: 30px;padding-left: 30px;}
    .Product-content-inner h2{font-size: 28px;}
    .Product-content-inner p{font-size: 14px;padding-right: 0;}
    .product{padding: 50px 30px;}
    .product .ab-pr4,
    .product .ab-pr2,
    .product .ab-pr3,
    .product .ab-pr1{
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
        transform: none;
    }
    body.about-us{padding-top: 89px;}
    
}
@media (max-width: 575.98px) {
    .xs-hidden {display: none;}
    .xs-visible {display: inline-block;}
    .detail-content {padding-left: 0px;}
    .slider-text span {font-size: 26px;text-align: center;}
    .spices-img > div {height: 360px;}
    .spices-img > span {top: -70px;}
    .spices .nav-tabs li a {font-size: 16px;}
    .spices:after {opacity: 0.1;}
    .detail-content .title,
    .product .title {font-size: 22px;}
    .detail-content .pr-title,
    .product h2 {font-size: 18px;}
    h2 {margin-top: 10px;}
    .detail-content ul,
    .product ul {margin-top: 15px;font-size: 14px;}
    .Gold-Products .title h2 {font-size: 24px;}
    .product-slider{margin: 0 -15px;}
    .product-slider .product-inner-content{flex: 0 0 100%;max-width: 100%;padding: 0 15px;}
    .content-social{    padding: 60px 50px;}
    .content-social .text {font-size: 18px;}
    .content-social .icons{margin-bottom: 30px;}
    .content-social .icons img{width: 30px;}
    .social-media-section .social-img {width: 50%;}
    footer .title{font-size: 18px;}
    footer .title {margin-top: 25px;}
    footer ul li{font-size: 14px;}
    .footer-bottom-inner{margin-top: 20px;}
    .menu nav ul li a{font-size: 20px;}
    .Inquiry {margin-right: 0;}
    .menu {padding: 150px 30px 150px 30px;}
    .Inquiry{max-width: 250px;margin-bottom: 30px;}

    .about-content {padding: 40px 0 50px;}
    .about-content-inner h2 {font-size: 24px;}
    .about-point .title{font-size: 16px;}
    .product{padding: 30px;}
}