/* xong */
@media screen and (max-width: 319px){    
    .cart .cart__wrapper thead{
        display: none;
    }
    .cart__wrapper .bg-white{
        padding: 0px;
    }
    .cart-item td:nth-child(1){
        width: 20% !Important;
    }
    .cart-item td:nth-child(3){
        display: none;
    }
    .cart-item td:nth-child(6){
        display: none;
    }
    .cart-item td:nth-child(5){
        display: none;
    }
    .cart .cart__wrapper{
        padding: 10px;
    }
    .cart-detail-table td{
        padding: 2px !Important;
    }
    .show_destop{
        display: none;
    }
    .show_moble{
        display: block !Important;
    }
    .cart-total{
        text-align: center;
    }
    .cart-detail-table .list-parameters > div{
        margin: 0px;
        padding: 0px !Important;
    }
    .cart .cart__wrapper{
        padding: 10px !Important;
    }
    .cart-item .product-quantity{
        margin-bottom: 5px;
    }
    .cart-detail-table .item-price span{
        font-size: 14px;
    }
    .cart_title{
        color: #333;
    }

    header #navbar{
        background: #fff;
    }
    header #navbar img{
        padding: 5px 0px;
    }
    .menu_mobile .icon-nav{
        top:15px;
    }

    #intro{
        margin-top: 30px;
    }
    #intro .left{
        padding-left: 15px;
        padding-right: 15px;
        min-height: initial;
    }
    #intro .title_hwp{
        font-size: 29px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #intro .right{
        min-height: 300px;
        margin-bottom: 30px;
    }
    #brand_story{
        padding: 0px;
    }
    #brand_story .item{
        margin-bottom: 20px;
    }
    .bootstrap-wrapper .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #news .title_hwp,
    .title_hwp{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    #certification .title_hwp{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    .single-post h1 {
        margin-top: 0px ! Important;
        line-height: 45px;
    }
    .single-post{
        margin-top: 20px;
    }
    #contact-page{
        margin-top: 0px;
        padding-top: 20px;
    }
    .product_right{
        margin-top: 15px;
    }
    #banner_video iframe{
        height: 250px;
    }
    .item_group .info{
        text-align: center;
        margin-bottom: 20px;
    }
    #products_list .item_group .title_hwp {
        font-size: 22px;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .cart .cart__wrapper thead{
        display: none;
    }
    .cart__wrapper .bg-white{
        padding: 0px;
    }
    .cart-item td:nth-child(1){
        width: 20% !Important;
    }
    .cart-item td:nth-child(3){
        display: none;
    }
    .cart-item td:nth-child(6){
        display: none;
    }
    .cart-item td:nth-child(5){
        display: none;
    }
    .cart .cart__wrapper{
        padding: 10px;
    }
    .cart-detail-table td{
        padding: 2px !Important;
    }
    .show_destop{
        display: none;
    }
    .show_moble{
        display: block !Important;
    }
    .cart-total{
        text-align: center;
    }
    .cart-detail-table .list-parameters > div{
        margin: 0px;
        padding: 0px !Important;
    }
    .cart .cart__wrapper{
        padding: 10px !Important;
    }
    .cart-item .product-quantity{
        margin-bottom: 5px;
    }
    .cart-detail-table .item-price span{
        font-size: 14px;
    }
    .cart_title{
        color: #333;
    }

    header #navbar{
        background: #fff;
    }
    header #navbar img{
        padding: 5px 0px;
    }
    .menu_mobile .icon-nav{
        top:15px;
    }

    #intro{
        margin-top: 30px;
    }
    #intro .left{
        padding-left: 15px;
        padding-right: 15px;
        min-height: initial;
    }
    #intro .title_hwp{
        font-size: 29px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #intro .right{
        min-height: 300px;
        margin-bottom: 30px;
    }
    #brand_story{
        padding: 0px;
    }
    #brand_story .item{
        margin-bottom: 20px;
    }
    .bootstrap-wrapper .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #news .title_hwp,
    .title_hwp{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    #certification .title_hwp{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    .single-post h1 {
        margin-top: 0px ! Important;
        line-height: 45px;
    }
    .single-post{
        margin-top: 20px;
    }
    #contact-page{
        margin-top: 0px;
        padding-top: 20px;
    }
    .product_right{
        margin-top: 15px;
    }
    #banner_video iframe{
        height: 250px;
    }
    .item_group .info{
        text-align: center;
        margin-bottom: 20px;
    }
    #products_list .item_group .title_hwp {
        font-size: 22px;
        text-align: center;
    }
}

@media (min-width: 481px) and (max-width: 576px) {
    .cart .cart__wrapper thead{
        display: none;
    }
    .cart__wrapper .bg-white{
        padding: 0px;
    }
    .cart-item td:nth-child(1){
        width: 20% !Important;
    }
    .cart-item td:nth-child(3){
        display: none;
    }
    .cart-item td:nth-child(6){
        display: none;
    }
    .cart-item td:nth-child(5){
        display: none;
    }
    .cart .cart__wrapper{
        padding: 10px;
    }
    .cart-detail-table td{
        padding: 2px !Important;
    }
    .show_destop{
        display: none;
    }
    .show_moble{
        display: block !Important;
    }
    .cart-total{
        text-align: center;
    }
    .cart-detail-table .list-parameters > div{
        margin: 0px;
        padding: 0px !Important;
    }
    .cart .cart__wrapper{
        padding: 10px !Important;
    }
    .cart-item .product-quantity{
        margin-bottom: 5px;
    }
    .cart-detail-table .item-price span{
        font-size: 14px;
    }
    .cart_title{
        color: #333;
    }
    header #navbar{
        background: #fff;
    }
    header #navbar img{
        padding: 5px 0px;
    }
    .menu_mobile .icon-nav{
        top:15px;
    }

    #intro{
        margin-top: 30px;
    }
    #intro .left{
        padding-left: 15px;
        padding-right: 15px;
        min-height: initial;
    }
    #intro .title_hwp{
        font-size: 29px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #intro .right{
        min-height: 300px;
        margin-bottom: 30px;
    }
    #brand_story{
        padding: 0px;
    }
    #brand_story .item{
        margin-bottom: 20px;
    }
    .bootstrap-wrapper .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #news .title_hwp,
    .title_hwp{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    #certification .title_hwp{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    .single-post h1 {
        margin-top: 0px ! Important;
        line-height: 45px;
    }
    .single-post{
        margin-top: 20px;
    }
    #contact-page{
        margin-top: 0px;
        padding-top: 20px;
    }
    .product_right{
        margin-top: 15px;
    }
    #banner_video iframe{
        height: 250px;
    }
    .item_group .info{
        text-align: center;
        margin-bottom: 20px;
    }
    #products_list .item_group .title_hwp {
        font-size: 22px;
        text-align: center;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .cart .cart__wrapper thead{
        display: none;
    }
    .cart__wrapper .bg-white{
        padding: 0px;
    }
    .cart-item td:nth-child(1){
        width: 20% !Important;
    }
    .cart-item td:nth-child(3){
        display: none;
    }
    .cart-item td:nth-child(6){
        display: none;
    }
    .cart-item td:nth-child(5){
        display: none;
    }
    .cart .cart__wrapper{
        padding: 10px;
    }
    .cart-detail-table td{
        padding: 2px !Important;
    }
    .show_destop{
        display: none;
    }
    .show_moble{
        display: block !Important;
    }
    .cart-total{
        text-align: center;
    }
    .cart-detail-table .list-parameters > div{
        margin: 0px;
        padding: 0px !Important;
    }
    .cart .cart__wrapper{
        padding: 10px !Important;
    }
    .cart-item .product-quantity{
        margin-bottom: 5px;
    }
    .cart-detail-table .item-price span{
        font-size: 14px;
    }
    .cart_title{
        color: #333;
    }
    header #navbar{
        background: #fff;
    }
    header #navbar img{
        padding: 5px 0px;
    }
    .menu_mobile .icon-nav{
        top:15px;
    }

    #intro{
        margin-top: 30px;
    }
    #intro .left{
        padding-left: 15px;
        padding-right: 15px;
        min-height: initial;
    }
    #intro .title_hwp{
        font-size: 29px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    #intro .right{
        min-height: 300px;
        margin-bottom: 30px;
    }
    #brand_story{
        padding: 0px;
    }
    #brand_story .item{
        margin-bottom: 20px;
    }
    .bootstrap-wrapper .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #news .title_hwp,
    .title_hwp{
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    #certification .title_hwp{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
        line-height: 45px;
    }
    .single-post h1 {
        margin-top: 0px ! Important;
        line-height: 45px;
    }
    .single-post{
        margin-top: 20px;
    }
    #contact-page{
        margin-top: 0px;
        padding-top: 20px;
    }
    .product_right{
        margin-top: 15px;
    }
    #banner_video iframe{
        height: 250px;
    }
    .item_group .info{
        text-align: center;
        margin-bottom: 20px;
    }
    #products_list .item_group .title_hwp {
        font-size: 22px;
        text-align: center;
    }

}
@media (min-width: 769px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1119px) {

}