@media (max-width:1320px) {
    body {font-size:.9rem;}
    .top-wrap .branding {width:80px;height:40px;transition:.3s;}
    .top-wrap .branding img {width:100%;}
    .wrapper {width:100%;padding:0 24px;overflow-x:hidden;}
    .wrapper.main {padding:0;}
    .top-wrap {padding-bottom:16px;box-shadow:0 3px 5px rgba(0,0,0,.1);}
    .top-wrap .top {position:relative;justify-content:center;width:100%;}
    .top-wrap .top .menu-call {position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#333;z-index:999;}
    .top-wrap .top .menu-call.on {color:#fff;}
    .top-wrap .top .menu-call i {font-size:32px;}
    .top-wrap .utils {position:fixed;right:-440px;bottom:0;z-index:2;transition:.3s;}
    .top-wrap.on .utils {right:24px;transition:.3s;display:flex;align-items:center;height:56px;}
    .top-wrap .utils li {text-align:center;line-height:1.2em;}
    .top-wrap .utils li a {color:#fff;}
    .top-wrap .gnb-wrap {position:fixed;right:-440px;top:0;bottom:0;background:#0033ff;width:440px;z-index:1;padding-top:72px;transition:.3s;}
    .top-wrap.on .gnb-wrap {right:0;transition:.3s;}
    .top-wrap .gnb-wrap .gnb {position:relative;display:block;width:100%;height:calc(100% - 56px);overflow-y:auto;background:rgba(0,0,0,.2);}
    .top-wrap .gnb-wrap .gnb > li {border-bottom:1px dashed rgba(255,255,255,.5);}
    .top-wrap .gnb-wrap .gnb > li a {display:flex;align-items:center;justify-content:flex-end;height:40px;color:#fff;padding:0 24px;}
    .top-wrap .gnb > li .depth-second {position:static;transform:none;display:none;width:100% !important;height:auto;text-align:right;}
    .top-wrap .gnb > li.on .depth-second {display:block;}
    .top-wrap .gnb > li.original .depth-second {display:block;}
    .top-wrap .gnb > li:nth-child(2) .depth-second {position:static;}
    .top-wrap .gnb > li .depth-second li {justify-content:flex-end;}
    .top-wrap .gnb > li .depth-second li:after {display:none;}
    .top-wrap .gnb > li .depth-second li a {color:rgba(255,255,255,.7);}
    .top-wrap .gnb > li .depth-second li.on a {color:#ffeb3b;}
    .top-wrap .gnb > li:after {display:none;}
    .top-wrap .gnb > li.on:after, .top-wrap .gnb > li.original:hover:after {}
    .main .top-wrap:hover .depth-second-bg, .top-wrap .depth-second-bg {display:none;}
    .container {width:100%;padding-top:100px;}
    .reduction .map-wrap {display:block;}
    .reduction .map-wrap .col-4 {width:50%;margin:0 auto 24px;}
    .reduction .map-wrap .col-8 {width:100%;}
    .technology-process .process li:after {display:none;}
    .technology-process .process.part-two {flex-direction:row;}
    .tracebility .history {flex-wrap:wrap;}
    .tracebility .history li {width:50%;margin:0 0 40px;}
    .tracebility .history li:nth-child(odd) {align-items:flex-end;}
    .tracebility .history li:nth-child(even) {align-items:flex-start;margin-left:-10px;}
    .tracebility .history li span {display:block;width:280px;text-align:center;}
    .ear-tagging .img-process img {width:100%;}
    .ear-tagging .tagging-process {flex-wrap:wrap;}
    .ear-tagging .tagging-process li {width:50%;}
    .ear-tagging .tagging-process li:nth-child(1) {background:url("../images/ear_tagging_process_01.png") no-repeat center right;}
    .ear-tagging .tagging-process li:nth-child(2) {background:url("../images/ear_tagging_process_02.png") no-repeat center left;}
    .ear-tagging .tagging-process li:nth-child(3) {background:url("../images/ear_tagging_process_03.png") no-repeat center right;}
    .ear-tagging .tagging-process li:nth-child(4) {background:url("../images/ear_tagging_process_04.png") no-repeat center left;}
    .site-images img {width:100%;}
    .cattle .farm-info {display:block;}
    .cattle .farm-info li {justify-content: center;padding:24px;}

    .certification.test ul.farm-info {display:block;}


    .footer {width:100%;}
    .main .top-wrap .top .menu-call {color:#fff;}
    .main .top-wrap.bg-white .top .menu-call {color:#333;}
    .main .top-wrap.bg-white .gnb li > a {color:#fff;}
    .main .top-wrap.bg-white .utils li > a {color:#fff;}
}
@media (max-width:1200px) {
    .customized-registration .customized-process > li {width:calc(50% - 16px);}
    .audit-process.fifth {flex-wrap:wrap;justify-content:space-between;}
    .audit-process.fifth li {width:calc((100% - 30px) / 2);margin-bottom:32px;}
    .desc .history > li {width:300px;}
    .desc .history > li:nth-child(odd) {left:calc(50% - 300px - 64px);}
    .desc .history:before {height:1400px;}
}
@media (max-width:1140px) {
    .board.video .list-video li {width:calc(50% - 16px);}
    .board.video .list-video li:nth-child(2n-1) {margin-right:16px;}
}
@media (max-width:1060px) {
    .quantification .diagram-wrap {width:100%;overflow-x:auto;}
    .sign .form-horizontal {width:100%;padding:40px;}
}
@media (max-width:1032px) {
    .diagram-credit .diagram {width:100%;height:auto;}
}

@media (max-width:1024px) {
    /*h2 {font-size:20px;}*/
    /*h3 {font-size:18px;}*/
    /*h4 {font-size:16px;}*/
    h2 {font-size:1.6em;}
    h3 {font-size:1.6em;}
    h4 {font-size:1.6em;}
    h2, h3, h4 {text-align:center;}
    .container h3 span:after {top:16px;}
    .container h4 span:after {top:24px;}
    .container .container-head .location li {font-size:12px;}
    .container .container-head {display:block;text-align:center;}
    .container .container-head h1 {font-size:38px;margin-bottom:16px;}
    .container .container-head .location {justify-content:center;}
    .search-wrap .form-horizontal {display:block;}
    .search-wrap .form-horizontal .col-6 {width:100%;}
    .table-responsive {width:100%;overflow-x:auto;}
    .table-responsive .table-vertical {width:1024px;}
    .genomic .sub-section .form-horizontal {display:block;}
    .genomic .sub-section .form-horizontal .col-6 {width:100%;}
    .genomic .sub-section .form-horizontal .col-12 .col-2 {width:33.3333333333%;}
    .genomic .sub-section .form-horizontal .col-12 .col-10 {width:66.6666666667%;}
    .audit-process.fourth {flex-wrap:wrap;}
    .audit-process.fourth li {width:calc((100% - 30px) / 2);margin-bottom:30px;}
    .quantification .calculation.average .formula ul {flex-wrap:wrap;}
    .quantification .certification {flex-direction:column;align-items:center;justify-content:center;}
    .quantification .certification .logo-co2 {margin-bottom:40px;}
    .quantification .certification .arrow {transform:rotate(90deg);margin-bottom:40px;}
    .distribution .structure.current strong {background:url("../images/structure_current_en.svg") no-repeat center /100%;}
    .distribution .structure.melliens strong {background:url("../images/structure_melliens_en.svg") no-repeat center /100%;}
    .mark .pic-compilation img {width:100%;}
    .input-contact .governing br {display:none;}

    .footer {display:block;}
    .footer .policy-wrap {align-items:center;}
    .footer .policy {margin-bottom:8px;}
    .footer .other-site {width:300px;margin:0 auto;}

    .main .section .slogan {width:100%;padding:0 40px;text-align:center;}
    .main .section .slogan strong {font-size:32px;}
    .main .section .slogan p {font-size:22px;}
    .main .section .slogan p br {display:none;}

    .fp-auto-height .fp-tableCell {height:200px !important;}

}
@media (max-width:840px) {
    .desc .history:before {display:none;}
    .desc .history > li {width:calc(100% - 48px);margin-bottom:280px;}
    .desc .history > li:nth-child(even) {left:0;}
    .desc .history > li:nth-child(odd) {left:0;}
    .desc .history > li ul {padding-left:40px;}
    .desc .history > li strong:before,.desc .history > li strong:after {display:none;}
    .desc .history > li:before {top:-250px !important;}
}
@media (max-width:768px) {
    .tabs {width:100%;}
    .tabs li {width:50%;}
    .tabs li a {min-width:0;}
    .btn-wrap {flex-wrap:wrap;}
    .btn-wrap .btn {width:100%;margin:0 0 4px;}
    .search-wrap {display:block;}
    .search-wrap .form-horizontal {width:100%;}
    .search-wrap .form-horizontal .form-group {display:block;}
    .search-wrap .form-horizontal .form-group .control-label {width:100%;text-align:left;margin-bottom:8px;}
    .search-wrap .form-horizontal .form-group .control-label:after {display:none;}
    .search-wrap .form-horizontal .form-group .col-8 {width:100%;}
    .search-wrap .form-horizontal .form-group .col-9 {width:100%;}
    .search-wrap .btn-wrap {width:calc(100% - 32px);margin:0 16px;}
    .btn-wrap .btn {min-width:0;padding:0 16px;}
    .reduction .map-wrap .col-4 {width:100%;}
    .technology-process .box.first .title {justify-content:center;background:#0033FF;color:#fff;padding:8px;margin:0;text-align:center;}
    .technology-process .box.second .title {justify-content:center;background:#00D6FF;color:#fff;padding:8px;margin:0;text-align:center;}
    .technology-process .process {flex-wrap:wrap;}
    .technology-process .process li {width:100%;padding:24px 24px 40px;}
    .calculation .box-calc .legend {display:block;width:100%;height:auto;}
    .superior .result {font-size:22px;line-height:1.6em;}
    .sources {font-size:.85em !important;}
    .images-sample img {width:100%;}
    .result br {display:none;}
    .customized .process ul {flex-wrap:wrap;}
    .customized .process ul li {width:100%;margin-bottom:40px;}
    .customized .process ul li p {line-height:1.4em;}
    .customized .address {line-height:1.6em;}
    .genomic .sub-section .form-horizontal .form-group {display:block;}
    .genomic .sub-section .form-horizontal .form-group .control-label {width:100%;text-align:left;margin-bottom:8px;}
    .genomic .sub-section .form-horizontal .form-group .col-8,
    .genomic .sub-section .form-horizontal .form-group .col-10 {width:100%;}
    .genomic .sub-section .form-horizontal .form-group .control-label:after {display:none;}
    /*.tracebility .history {flex-wrap:wrap;}*/
    .tracebility .history li strong {width:200px;height:200px;border-width:10px;margin-bottom:8px;}
    /*.tracebility .history li:nth-child(even) {margin-left:-10px;}*/
    .tracebility .history li span {width:200px;}
    .customized-registration .customized-process {flex-wrap:wrap;}
    .customized-registration .customized-process > li {width:100%;margin-right:0;}
    .customized-registration .customized-process.second li:nth-child(1) {border-color:rgba(0, 214, 255, .3);}
    .customized-registration .customized-process.second li:nth-child(2) {border-color:rgba(0, 51, 255, .3);}
    .certification .document .form-horizontal .form-group {display:block;}
    .certification .document .form-horizontal .form-group .col-6 {width:100%;text-align:center;}
    .certification .document .form-horizontal .form-group .control-label {}
    .certification .document .form-horizontal .form-group .control-label:after {display:none;}
    .certification .document .form-horizontal .form-group > div .text-primary {line-height:1.6em;}
    .table-section h5 {font-size:22px;}
    .table-section .table-horizontal {border-top:none;}
    .table-section .table-horizontal colgroup {display:none;}
    .table-section .table-horizontal tbody {display:block;width:100%;}
    .table-section .table-horizontal tr {display:block;width:100%;}
    .table-section .table-horizontal th {display:block;width:100%;text-align:left;background:none;border-bottom:none;padding-left:0;padding-right:0;}
    .table-section .table-horizontal td {display:block;width:100%;border-bottom:none;padding-left:0;padding-right:0;}
    .user-info .table-section h5.first {border-top:none;}
    .user-info .tooltip-wrap .tooltip {position:fixed;top:50%;transform:translateY(-50%);left:24px;right:24px !important;width:auto !important;}
    .user-info .tooltip-wrap .tooltip:before {display:none;}
    .board .table-vertical colgroup {display:none;}
    .board .table-vertical tbody {display:block;width:100%;}
    .board .table-vertical tr {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
    .board .table-vertical th {display:none;}
    .board .table-vertical td {display:block;width:100%;border-right:none;}
    .board .table-vertical td:nth-child(1) {order:1;width:50%;text-align:left;border-bottom:none;padding-bottom:0;}
    .board .table-vertical td:nth-child(2) {width:100%;order:3;}
    .board .table-vertical td:nth-child(3) {order:2;width:50%;text-align:right;border-bottom:none;padding-bottom:0;}
    .board.qna .table-vertical td:nth-child(1) {order:1;width:50%;text-align:left;border-bottom:none;padding-bottom:0;}
    .board.qna .table-vertical td:nth-child(2) {order:5;width:100%;text-align:left;}
    .board.qna .table-vertical td:nth-child(3) {order:2;width:50%;text-align:right;border-bottom:none;padding-bottom:0;}
    .board.qna .table-vertical td:nth-child(4) {order:3;width:50%;text-align:left;border-bottom:none;padding-bottom:0;}
    .board.qna .table-vertical td:nth-child(5) {order:4;width:50%;text-align:right;border-bottom:none;padding-bottom:0;}
    .board.detail .title {display:block;}
    .board.detail .title label {display:block;margin-bottom:8px;}
    .input-contact .form-horizontal .form-group {display:block;}
    .input-contact .form-horizontal .form-group .control-label {width:100%;text-align:left;margin-bottom:8px;}
    .input-contact .form-horizontal .form-group .control-label:after {display:none;}
    .input-contact .form-horizontal .form-group .col-8 {width:100%;}
    .desc .sub-section P br {display:none;}
    .sign .form-horizontal .form-group {display:block;}
    .sign .form-horizontal .form-group .control-label {width:100%;text-align:left;margin-bottom:8px;}
    .sign .form-horizontal .form-group .control-label:after {display:none;}
    .sign .form-horizontal .form-group .col-8 {width:100%;text-align:left;}
}
@media (max-width:660px) {
    .governing br {display:none;}
    .tabs {flex-wrap:wrap;}
    .tabs li {width:100%;}
    .tabs li:last-child a {border-top:none;}
}
@media (max-width:630px) {
    .search-wrap {padding:8px;}
    .search .input-wrap {width:100%;}
    .certification .document {padding:80px 16px 240px;}
    .certification .document .logo {width:180px;height:124px;}
    .certification .document .title {font-size:32px;}
    .input-contact .form-horizontal {padding:40px;}
    .sign.in .form-horizontal {width:100%;}

}
@media (max-width:560px) {
    .audit-process.fourth li {width:100%;margin-bottom:30px;}
    .audit-process.fifth li {width:100%;margin:0 0 32px;}
    .audit-process li:after {right:auto;left:50%;top:auto;bottom:-36px;transform:translateX(-50%) rotate(90deg);}
    .tracebility .history li {width:100%;margin:0 0 40px;}
    .certification .document .seal {width:100%;}
    .certification .document .seal .stamp-wrap {right:auto;left:50%;transform:translateX(-50%);top:auto;bottom:-80px;}
    .mark .logo {flex-wrap:wrap;}
    .mark .logo li {width:100%;margin-bottom:24px;}
    .mark .logo li strong {margin:0 auto;}
    .footer .policy {flex-wrap:wrap;justify-content:center;}
    .footer .policy li {margin-bottom:8px;}
    .board.video .list-video li {width:100%;}
    .board.video .list-video li:nth-child(2n-1) {margin-right:0;}
    .sign .form-horizontal .form-group .col-8 .d-flex {flex-wrap:wrap;}
    .sign .form-horizontal .form-group .col-8 .d-flex input:first-of-type {margin-bottom:4px;}
    .sign .form-horizontal .form-group .col-8 .d-flex .btn {width:100%;margin:0 0 4px;}
    .name-tag label {display:block;margin-bottom:8px;}
    .sign .form-horizontal {padding:16px;}
    .sign.in .form-horizontal {padding:80px 40px;}

}

@media print {
    /* All your print styles go here */ 
    

   
    .top-wrap {display: none;}
    .tabs {display: none;}
    .input-wrap {display: none;}
    .btn-wrap {display: none;}
    .btn-wrap button { color : white; display: none;}
    .footer-wrap {display: none;}


    #chartdiv {max-width: 100%;}
    #chartdiv canvas {max-width: 80%; object-fit: contain;}

    #chartdiv2 {max-width: 100%; max-height: 100%;}
    #chartdiv2 canvas {max-width: 76%; max-height: 100%;}

    #chartdiv3 {max-width: 100%; max-height: 100%;}
    #chartdiv3 canvas {max-width: 76%; max-height: 100%;}

    #chartdiv4 {max-width: 100%; max-height: 100%;}
    #chartdiv4 canvas {max-width: 76%; max-height: 100%;}
  
    #chartdiv5 {max-width: 100%;}
    #chartdiv5 canvas {max-width: 76%; object-fit: contain;}

    #chartdiv6 {max-width: 100%;}
    #chartdiv6 canvas {max-width: 76%; object-fit: contain;}







}