@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/
/* 1. small-device css 640px
-----------------------------------*/
@media (max-width:640px) {

    /*--------- home page ------------*/
    .services {width: 50%;display: block;padding: 0 7.5px;margin-bottom: 15px;}
    .service-mini .services:last-child {margin-bottom: 0;}
    .service-mini {padding: 0 7.5px;margin-bottom: 15px;}
    .services-block {margin-bottom: 0;}
    .services ul li a {padding: 20px 15px;}
    .staff-info {width: 100% !important;}
    .market-info .info-right p span {margin-top: 10px;display: block;}
    .has-sidebar .price-title h3 {display: block;margin-bottom: 15px;width: 100%;}
    .has-sidebar .price-title .pull-right {float: left !important;}
    .news-block .main-news-block .news-links .news-icons {font-size: 16px; display: block;margin-bottom: 10px;width: 100%;}

    /**/
    .header-top .cy {background-color: #1884c7;color: #fff;width: 30px;height: 30px;display: inline-block;vertical-align: middle;text-align: center;font-size: 17px;padding: 6px 0;line-height: 1.2;font-weight: bold;}
    .header-top button.search {position: relative;width: 30px;height: 30px;display: inline-block;vertical-align: middle;background-color: #1884c7;color: #fff;padding: 0;font-size: 20px;margin-left: 2px;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
    .hamburger {display: inline-block;vertical-align: middle;width: 30px;height: 30px;position: relative;border: 1px solid #fff;cursor: pointer;float: right;display: none;}
    .hamburger .lines {width: calc(100% - 8px);}
    .logo-responsive img {max-width: 300px;}
    .header-top-content .hamburger {margin-left: 4px;}
    footer .address-info{padding-bottom: 25px;}
    .mini-title p iframe { max-width: 100%; height: 270px; }

    img.width-50 {width: 60%;}
    img.width-60 {width: 70%;}
    .iframe-width-100 {height: 340px;}
    .iframe-width-90 {height: 305px;}
    .iframe-width-80 {height: 275px;}
    .iframe-width-70 {height: 235px;}
    .iframe-width-60 {height: 205px;}
    .iframe-width-50 {height: 170px;}
    .sm .iframe-width-100{height: 340px;}
    .sm .iframe-width-90{height: 310px;}
    .sm .iframe-width-80{height: 270px;}
    .sm .iframe-width-70{height: 240px;}
    .sm .iframe-width-60{height: 205px;}
    .sm .iframe-width-50{height: 160px;}

}

/* 2. Mobile responsive css 767px
-----------------------------------*/
@media (max-width:767px) {
    h1 {font-size: 22px;line-height: 1.2;}
    h3 {font-size: 20px;line-height: 1.2;}
    p {font-size: 16px;}
    ul li {font-size: 16px;}
    .social-icons {position: absolute;max-width: 180px;font-size: 0;line-height: 0;padding: 5px 10px;}
    .social-icons a {display: inline-block;width: 30px;height: 30px;max-width: none;padding: 0px;margin-bottom: 0px;text-align: center;vertical-align: top;position: relative;margin-right: 5px;}
    .breadcrumb-block .breadcrumb {padding: 10px 0;}
    .breadcrumb>li a {font-size: 16px;}
    .breadcrumb>.active {font-size: 16px;}
    .breadcrumb-block {background-color: #fff;width: 100%;margin-top: 52px;}
    .fancybox-slide--iframe .fancybox-content {max-height: 100%;margin: 0 auto;height: 280px;top: 50%;transform: translate(0,-50%);position: absolute;left: 0;right: 0;}
    .banner-slider .slick-next {right: 10px;}
    .banner-slider .slick-prev {left: 10px;}
    .banner-slider .slick-arrow {width: 17px;height: 23px;}
    /* mobile-menu */
    .nav ul {padding: 0;opacity: 1;visibility: visible;position: static !important;width: 100% !important;transition: none;}
    .nav > li {border: none;}
    .nav ul li {background-color: #415563;padding: 0 10px;}
    .nav ul li ul li {padding: 0 10px;}
    .nav ul li:hover > a {background-color: transparent;}
    .navbar-inverse .navbar-nav>.open>a {background-color: transparent;}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
    .hamburger {display: block;margin-left: 10px;}
    /* aoows style */
    .arrow {position: absolute;width: 39px;height: 39px;right: 0;z-index: 1;top: 0;right: 0;display: block;}
    .arrow:before {position: absolute;content: "";width: 2px;height: 16px;left: 0;right: 0;margin: 0 auto;top: 50%;background-color: #fff;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transition:0.4s all;-moz-transition:0.4s all;-ms-transition:0.4s all;-o-transition:0.4s all;-webkit-transition:0.4s all;}
    .arrow:after {position: absolute;content: "";width: 16px;height: 2px;left: 0;right: 0;margin: 0 auto;top: 50%;transform: rotate(-90deg);background-color: #fff;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transition:0.4s all;-moz-transition:0.4s all;-ms-transition:0.4s all;-o-transition:0.4s all;-webkit-transition:0.4s all;}
    .arrow.open:before {transition: all 0.5s ease-in-out;transform: translate(0,-50%)rotate(90deg);}
    .arrow.open:after {transition: all 0.5s ease-in-out;transform: rotate(90deg);opacity: 0;}

    /* header */
    .main-header {margin: 15px 0;display: none;}
    .main-header .register-block {display: none;}
    .main-header .logo img {width: 100%;max-width: 200px;}
    .main-header .logo {display: inline-block;vertical-align: middle;float: none;margin-top: -21px;}
    .mobile-menu-toggle {display: inline-block;vertical-align: middle;float: none;}
    .navbar {margin: 0;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {padding: 0 15px;}
    .navbar-inverse .navbar-nav>li:hover a {color: #fff;}
    .nav li:first-child a {padding-left: 15px !important;}
    .nav>li>a {padding: 10px 15px !important;}
    #myModal .modal-body .search-keyword {margin-bottom: 10px;font-size: 30px;line-height: 1.2;padding: 0;}
    #myModal .modal-header .close {font-size: 30px;width: 30px;height: 30px;}

    .logo-responsive {padding: 0;}
    .logo-responsive img {max-width: 200px;width: 100%;}
    .header-top {padding: 15px;}

    /* footer */
    footer .address-info span {font-size: 16px;}
    footer .footer-top .social-links .pull-right {float: left !important;}
    footer .footer-top .social-links a {display: block;font-size: 16px;}
    footer .address-info span {font-size: 16px;}
    footer .address-info address {font-size: 16px;}
    footer .address-info .mail-to {font-size: 16px;}
    .copy-right p {text-align: center;margin-bottom: 15px;}
    .copy-right .footer-links {text-align: center;}
    .copy-right .footer-links li{margin-bottom: 8px;}
    footer .address-info p {font-size: 16px;}
    footer {padding: 15px 0 10px 0;}

    /* social-icons */
    .social-icons a {width: 30px;height: 30px;}
    .social-icons .twitter-icon {background-size: 60px;}
    .social-icons .facebook-icon {background-position: left -30px;background-size: 60px;}
    .social-icons .facebook-icon:hover {background-position: right -30px;}
    .social-icons .hcc-icon {height: 42px;width: 29px;background-size: 60px;}
    .social-icons .hcc-icon {background-position: left -62px;}
    .social-icons .hcc-icon:hover {background-position: right -62px;}

    /*--------- home page ------------*/
    /* banner part */
    .banner .banner-content {height: 300px;}
    .banner .banner-content h1 {font-size: 22px;}
    .banner .banner-content h2 {font-size: 22px;}
    .banner .banner-content a {font-size: 16px;}
    footer .footer-top {padding-bottom: 0px;}
    .slick-next {right: 45px;}
    .slick-prev {left: 45px;}
    /* services */
    .services-block {margin: 7.5px 0;}
    .service-mini {padding: 0 7.5px;}
    .service-block-content p {font-size: 16px;}
    .services {margin: 7.5px 0;padding: 0 7.5px;}
    .services .services-content {width: calc(100% - 15px);}
    /*.services .service-center img {max-width: 40%;}*/
    .services .service-center h3 {font-size: 23px;}
    .services .service-center.text-top {width: calc(100% - 15px);}
    .services .service-center.text-top .has-arrow:before {height: 26px;width: 16px;}
    .services .service-center.text-top span:before {right: 0;}
    .services .service-center.text-top .has-arrow {padding: 10px;}
    .services .service-center.has-content p {padding: 0 10px;margin-top: 10px;}
    .services .service-center .has-arrow {font-size: 20px;}
    .services .service-center p {font-size: 16px;}
    .services .service-center span {font-size: 23px;}
    .services .twt-icon {top: 15px;right: 10px;width: 30px;}
    .services ul li a {padding: 10px 35px 10px 15px;font-size: 18px;}
    .back-to-about {font-size: 16px;}
    .services-block.corporate-info li {padding: 15px 0;}
    .service-block-content {margin-bottom: 10px;}
    .services ul li:before {height: 22px;width: 13px;}
    .services-content.twitter-block .service-center {width: 100%;padding: 15px;}

    /*--------- about-us > -what-we-do ------------*/
    .about-us {margin-bottom: 0;}
    .about-us {margin-bottom: 0;padding: 15px 15px 0px;}
    .about-us .container {padding: 0;}
    .about-us .services:last-child {margin-bottom: 0;}
    .top-content-block {padding: 20px 0 10px;margin-bottom: 0px;}
    .top-content-block .mini-title {font-size: 18px;margin-bottom: 15px;}
    .top-content-block .about-content h3 {font-size: 18px;}
    .services.select-service {padding: 0 7.5px;}

    /*--------- about-us > -what-we-do > Welsh-Red-Meat-Levy ------------*/
    .faqs {padding: 15px 15px 0 !important;float: left;}
    .red-meat th, td {font-size: 16px;}
    .red-meat p {font-size: 16px;}

    /*--------- about-us > faqs ------------*/
    .faqs li:last-child {padding: 0;}

    /*--------- about-us > -what-we-do > PGI-Certificatio ------------*/
    .pgi-certification .mainbar {margin-bottom: 15px;}
    .mini-title {font-size: 19px;}
    .sidebar .services-list ul li a {font-size: 18px;height: 45px;}

    /*--------- about-us > about> Corporate-Information------------*/
    .services-content.only-content {padding: 10px;}
    .services-content.only-content p {font-size: 16px;margin-bottom: 5px;}

    /*--------- about-us > about> Corporate-Information-Corporate-Publications ------------*/
    .pgi-certification {padding: 20px 15px 20px;}
    .annual-report {width: 33.33%;padding: 7.5px;}
    .annual-report.accordion-section{width: 50%;}
    .corporate-report {margin: 0 -7.5px;}
    .annual-report .report-link {font-size: 17px;}
    .about-links .select2-container {width: 100% !important;}
    .corporate {margin-bottom: 0px;padding: 15px 15px 20px;}
    .about-links {margin-bottom: 15px;width: 100%;}
    .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 18px;}
    .corporate-Publications {margin-bottom: 0px;}
    .pgi-certification .services-list {margin-bottom: 0;}

    .hcc-people .panel-default>.panel-heading .panel-title a {padding: 15px 45px 15px 20px;}
    .staff-info {width: 33.33%;}

    /*--------- about-Corporate-Information > hcc-people ------------*/
    .hcc-people {padding: 20px 0;}
    .hcc-people .panel-default>.panel-heading .panel-title a {font-size: 18px;}
    .panel-body .member-img {width: 100%;margin-bottom: 20px;}
    .panel-body .accordion-content {width: 100%;padding: 0;}
    .hcc-people .services {max-width: 320px;width: 100%;display: block;float: none;margin: 0 auto 30px;}
    .hcc-people .sidebar {margin-top: 0;}
    .services-list {margin-bottom: 30px;}
    .staff-info h3 {font-size: 18px;}
    .hcc-staff .sidebar .services-list {margin-bottom: 15px;}
    .hcc-people .panel-body .member-img {width: 100%;max-width: 250px;display: block;vertical-align: top;margin: 0 auto 20px;}
    .hcc-people .panel-body .accordion-content {width: 100%;display: inline-block;vertical-align: top;padding-left: 0;}
    .hcc-people .panel-default>.panel-heading+.panel-collapse>.panel-body {padding: 15px 15px;}
    .inner-breadcrumb .breadcrumb {margin: 0;}
    .sidebar .services-list ul li:before {height: 22px;width: 13px;}

    /*--------- news ------------*/
    .news-and-industry {padding: 20px 15px;}
    .top-content-block h6 {font-size: 20px;}
    .news-block {padding: 0 15px;}
    .news-block h3 {font-size: 24px;}
    .news-block .main-news-block h4 {font-size: 20px;}
    .news-block .main-news-block .news-links .news-icons {font-size: 16px;}
    .news-category .open-list {font-size: 18px;}
    .news-block .services img {max-width: 320px;margin: 0 auto;display: block;}
    .news-block .services .services-content {max-width: 320px;}
    .news-block .services {margin-bottom: 15px;margin-top: 0;}
    .news-block .services-list {margin-bottom: 0px;}
    .services-content.only-content.news {width: 100%;}
    .news-block-content {padding: 20px 0;}

    /*--------- news-hcc ------------*/
    .news-video {padding: 20px 0;}
    .news-video h3 {font-size: 24px;margin-bottom: 10px;}
    /* pagination-block */
    .pagination-block {margin-bottom: 0px;}
    .pagination>li>a, .pagination>li>span {padding: 6px 19px 6px 7px;}
    .sub-news-main-block .sub-news-blog .news-image .has-overlay {margin-bottom: 15px;}

    /*--------- news > hcc-tv ------------*/
    .news-video {padding: 20px 15px;}
    .news-video h3 {font-size: 24px;}
    .hcc-logo img {width: 100%;max-width: 80px;display: block;margin: 0 auto;}
    .news-video .video-block .news-title {font-size: 16px;}
    .news-video .video-block .news-link {margin-bottom: 10px;}
    .news-video .pagination-block {margin-bottom: 15px;}

    /*--------- market ------------*/
    .individual-market .market-table {padding: 20px 0;}
    .market-price .sidebar .register-block {max-width: 320px;display: block;float: none;margin: 0 auto 20px;}
    .market-price .has-sidebar {margin-bottom: 0;}
    .has-sidebar .price-title {padding: 10px 15px;}
    .has-sidebar .price-title .animal-icons .animal-detail:first-child span {padding-left: 0;}
    .market-price .has-sidebar {padding: 0px;}
    .market-info .info-left {margin-bottom: 20px;width: 100%;}
    .market-info .info-right {float: left !important;text-align: left;width: 100%;}
    .individual-market .market-table .time-of-update {margin-bottom: 0;}
    .individual-market td {font-size: 16px;}
    .market-price {padding: 20px 0;}

    /*--------- market > auction-market ------------*/
    .auction-detail {padding: 20px 0;}
    .select-price .select-animal .select2-container {width: 500px;margin-bottom: 20px;max-width: 100% !important;}
    .select-price .select-date .select2-container {width: 500px;max-width: 100% !important;}
    .select-price .select-animal, .select-price .select-date {display: block;}
    .select-price .select-date {margin-left: 0;}
    .auction-table td {font-size: 16px;}

    .error-page {height: auto;}
    .error-page:before {background-size: cover;background-position: top center;}
    .error-content {width: 90%;padding: 20px;max-width: 320px;position: static;top: auto;transform: translate(0,0);}
    .error-page h1 {font-size: 30px;}

    /* 27-2-18 aj */
    .to-about {padding-bottom: 15px;}
    .top-content-block a {word-break: break-all;}
    .top-content-block .mini-title .about-links p {word-break: break-all;}

    .header-top .header-links {display: none;}

    /* 14-06-18 aj */
    .sub-mapping-img .sub-img {max-width: 150px;}
    .sub-mapping-img .sub-img span {font-size: 13px;padding: 5px 25px 5px 10px;}

    /* 23-11-18 aj */
    #privacy_policy_modal .modal-header .close {top: 0px;right: 0px;margin: 0;}
    .newModal .modal-header .close {top: 0px;right: 0px;margin: 0;transform: none;}
    .newModal .modal-header {position: absolute;}
    .newModal .modal-body {top: 1%;}

    .iframe-width-100 {height: 410px;}
    .iframe-width-90 {height: 370px;}
    .iframe-width-80 {height: 310px;}
    .iframe-width-70 {height: 290px;}
    .iframe-width-60 {height: 250px;}
    .iframe-width-50 {height: 210px;}
    .sm .iframe-width-100{height: 400px;}
    .sm .iframe-width-90{height: 360px;}
    .sm .iframe-width-80{height: 330px;}
    .sm .iframe-width-70{height: 290px;}
    .sm .iframe-width-60{height: 240px;}
    .sm .iframe-width-50{height: 200px;}
}

/* 3. iPad responsive css 768px to 991px
-----------------------------------------*/
@media (min-width:768px) and (max-width:991px) {

    h1 {font-size: 25px;line-height: 1.2;}
    p {font-size: 18px;}
    ul li {font-size: 18px;}
    /* header */
    .main-header .logo img {max-width: 270px;}
    .main-header .register-block {padding-top: 15px;}
    .nav li a {font-size: 17px;line-height: 1.2;}
    /* footer */
    footer .footer-top {margin-bottom: 0;}
    footer .footer-top .social-links a {font-size: 18px;}
    footer .address-info span {font-size: 18px;}
    footer .address-info address {font-size: 18px;}
    footer .address-info .mail-to {font-size: 18px;}
    .copy-right p {text-align: center;margin-bottom: 15px;}
    .copy-right .footer-links {text-align: center;}
    footer {padding: 15px 0 10px 0;}
    /* megamenu */
    .nav li .megamenu .column {width: 20%;min-width: auto;padding-right: 20px;}
    .nav li .megamenu .column.max-menu {width: 60%;max-width: auto;padding: 0 0 0 20px;}
    .nav li .megamenu h5 {font-size: 20px;}
    .nav li .megamenu ul li a {font-size: 17px;}
    .nav li .megamenu .dropdown-arrow:before {left: 50px;}
    .nav li .megamenu.individual-columns .column {width: 25%;padding: 0 20px;}
    .nav li .megamenu.individual-columns .column:first-of-type {padding-left: 0;}
    .nav li .megamenu.individual-columns .column:nth-child(4n) {padding-right: 0;border: none;}
    .nav li .megamenu.individual-columns .column:nth-child(5n) {padding: 0 20px 0 0;border-right: 1px solid #fff;}
    .nav li .megamenu.individual-columns .column:nth-child(6n) {padding: 0 20px 0 20px;}
    .nav li .megamenu.individual-columns .column:nth-child(1n+5) {margin-top: 20px;}

    /*--------- home page ------------*/
    /* banner */
    /*.banner .banner-content {height: 450px;}*/
    .banner .banner-content h1 {font-size: 30px;}
    /* services */
    .services .service-center h3 {font-size: 23px;}
    .services .service-center.text-top span:before {right: 0;}
    .services .service-center.text-top {width: calc(100% - 15px);}
    .services-content.twitter-block .service-center p {font-size: 18px;padding-right: 85px;}
    .services .service-center span {font-size: 23px;}
    .services .services-content {width: calc(100% - 15px);}
    .services {margin: 7.5px 0;padding: 0 7.5px;}
    .service-mini {padding: 0 7.5px;}
    .services-block {margin: 7.5px 0;}

    /*--------- about-us > -what-we-do ------------*/
    .about-us {margin-bottom: 0;padding: 30px 15px 0px;}
    .top-content-block {padding: 20px 50px 20px 0;}
    .top-content-block .about-content h3 {font-size: 20px;}

    /*--------- about-us > -what-we-do > Welsh-Red-Meat-Levy ------------*/
    .red-meat th, td {font-size: 18px;}
    .red-meat p {font-size: 18px;}

    /*--------- about-us > -what-we-do > PGI-Certificatio ------------*/
    .pgi-certification {padding: 20px 65px 20px 15px;}
    .mini-title {font-size: 18px;}
    .sidebar .services-list ul li a {font-size: 18px;height: 45px;}

    /*--------- about-us > about> Corporate-Information ------------*/
    .services-content.only-content {padding: 15px;}
    .services-content.only-content p {font-size: 20px;}

    /*--------- about-us > about> Corporate-Information-Corporate-Publications ------------*/
    .annual-report {width: 25%;}
    .annual-report.accordion-section{width: 50%}
    .annual-report .report-link {font-size: 18px;}
    .about-links .select2-container {width: 500px !important;}
    .corporate {margin-bottom: 15px;}
    .about-links {margin-bottom: 15px;}

    /*--------- about-Corporate-Information > hcc-people ------------*/
    .hcc-people {padding: 20px 0;}
    .hcc-people .panel-default>.panel-heading .panel-title a {font-size: 18px;}
    .hcc-people .services-list {margin-bottom: 0;}
    .staff-info h3 {font-size: 20px;}

    /*--------- news ------------*/
    .news-block .services .service-center img {max-width: 70px;margin-bottom: 10px;}
    .top-content-block h6 {font-size: 20px;}
    .news-block {padding: 47px 15px 15px;}
    .news-block h3 {font-size: 24px;}
    .news-block .main-news-block h4 {font-size: 20px;}
    .news-block .main-news-block .news-links .news-icons {font-size: 16px;padding: 0 10px 0 25px;}
    .news-category .open-list {font-size: 18px;}
    .news-block .services img {max-width: 320px;margin: 0 auto;display: block;}
    .news-block .services .services-content {max-width: 320px;}
    .news-block .services .service-center h3 {font-size: 22px;margin-bottom: 0;}
    .services-content.only-content.news {width: 100%;}
    .news-and-industry {padding: 20px 15px;}
    .news-block-content {padding: 20px 0;}
    /*--------- news > hcc-tv ------------*/
    .news-video {padding: 20px 15px;}
    .news-video h3 {font-size: 24px;}
    .news-video .video-block .news-title {font-size: 18px;}
    .news-video .video-block .news-link {margin-bottom: 10px;}
    /*--------- market ------------*/
    .has-sidebar .price-title h3 {font-size: 20px;}
    .has-sidebar .price-title {padding: 10px;}
    .tab-section .price-title .animal-icons span {position: relative;padding: 0 20px 0 5px;}
    .tab-section .price-title .animal-icons span:before {height: 14px;width: 14px;}
    .nav.nav-tabs li a {padding: 5px 10px !important;}
    .market-select .about-links .select2-container {width: 100% !important;}
    .market-select .about-links {margin-bottom: 0px;}
    .tab-section market-price {margin-bottom: 20px;}
    .market-info .info-left {margin-bottom: 20px;width: 100%;}
    .market-info .info-right {float: left !important;text-align: left;width: 100%;}
    .individual-market .market-table {padding: 20px 0;}
    .individual-market .market-table .time-of-update {margin-bottom: 0;}
    .market-price .has-sidebar {padding: 0;margin-bottom: 0;}
    .market-price {padding: 20px 0;}
    .auction-detail {padding: 20px 0;}

    .error-page h1 {font-size: 40px;}
    .error-content {padding: 20px;}

    /* 27-2-18 aj */
    .to-about {padding-bottom: 15px;}
    .faqs {padding: 15px 65px 0px 15px !important;}

    /* 14-06-18 aj */
    .sub-mapping-img .sub-img {max-width: 150px;}
    .sub-mapping-img .sub-img span {font-size: 13px;padding: 5px 25px 5px 10px;}
    .mapping-img-1 {top: 1%;right: 12%;}
    .mapping-img-2 {top: 2%;left: 5%;}
    .mapping-img-3 {bottom: 29%;left: 1%;}
    .mapping-img-4 {right: 1%;top: 37%;}
    .mapping-img-5 {bottom: 27%;left: 34%;}

    .iframe-width-100 {height: 490px;}
    .iframe-width-90 {height: 440px;}
    .iframe-width-80 {height: 390px;}
    .iframe-width-70 {height: 340px;}
    .iframe-width-60 {height: 290px;}
    .iframe-width-50 {height: 240px;}
    .sm .iframe-width-100{height: 320px;}
    .sm .iframe-width-90{height: 290px;}
    .sm .iframe-width-80{height: 250px;}
    .sm .iframe-width-70{height: 220px;}
    .sm .iframe-width-60{height: 190px;}
    .sm .iframe-width-50{height: 210px;}

}

/* 4. large desktop responsive css 992px to 1200px
----------------------------------------------------*/
@media (min-width:992px) and (max-width:1200px) {

    h1 {font-size: 30px;}
    /* header */
    .main-header .logo img {max-width: 285px;}
    .main-header .register-block {padding-top: 13px;}
    .navbar-inverse .container {padding: 0;}
    /* footer */
    footer .footer-top {margin-bottom: 0;}
    footer {padding: 15px 0 10px 0;}
    /*--------- home page ------------*/
    /* banner */
    .banner .banner-content h1 {font-size: 40px;}
    /* services */
    .services .service-center h3 {font-size: 25px;}
    .services .service-center.text-top span:before {right: 0;}
    .services .service-center p {font-size: 18px;}
    .services .service-center span {font-size: 23px;}
    .services-block {padding: 0 15px;}

    /*--------- about-us > -what-we-do ------------*/
    .about-us {margin-bottom: 0;padding: 30px 15px 0px;}
    .top-content-block {padding: 20px 50px 20px 0px;}

    /*--------- about-us > -what-we-do > Welsh-Red-Meat-Levy ------------*/
    .faqs-table b {font-size: 22px;}
    .red-meat th, td {font-size: 20px;}

    /*--------- about-us > about> Corporate-Information------------*/
    .services-content.only-content {padding: 15px;}
    .services-content.only-content p {font-size: 20px;}
    .services-block.corporate-info {padding: 0 15px;}

    /*--------- hcc-staff ------------*/
    .hcc-staff .sidebar .services {margin-top: 0;}

    /*--------- news ------------*/
    .news-block .services .service-center img {max-width: 70px;margin-bottom: 10px;}
    .news-block .services .service-center h3 {margin-bottom: 0;}
    /*--------- news-and-industry ------------*/
    .news-and-industry {padding: 30px 15px 30px;}

    .error-page h1 {font-size: 50px;}

}

/* 5. Other media-query
------------------------------------------------*/
@media (max-width:480px){
    .services {width: 100%;}
    .industry-resources .annual-report{width: 100%;}
    .services .services-content {width: calc(100% - 15px);}
    .services-content.only-content {padding: 15px;}
    .annual-report {width: 100%;padding: 7.5px;max-width: 320px;margin: 0 auto 20px;display: block;}
    .annual-report.accordion-section{width: 100%;}
    .corporate-report {margin: 0 -7.5px;}
    .about-links .select2-container {width: 100% !important;}
    .corporate {padding: 15px 15px 30px;}
    .has-sidebar .price-title .animal-detail {width: 100%;margin-bottom: 10px;}
    .has-sidebar .price-title .animal-icons .animal-detail span {padding-left: 0;}
    .banner .banner-content video {width: 100%;height: 300px !important;object-fit: cover;object-position: center center;}

    .maping-section {padding: 20px 0;}
    .main-mapping-img {display: none;}
    .sub-mapping-img {background-color: #77be43;padding: 20px 15px;}
    .sub-mapping-img .sub-img {max-width: 320px;position: relative;display: block;margin: 0 auto 50px;left: auto;right: auto;}
    .sub-mapping-img .sub-img span:before {width: 14px;height: 8px;right: 3px;}

    img.width-50, img.width-60 {width: 80%;}
    img.width-70, img.width-80 {width: 90%;}
    img.width-90 {width: 100%;}
    .iframe-width-50, .iframe-width-60, .iframe-width-70, .iframe-width-100, .iframe-width-90, .iframe-width-80 {width: 100%; height: 245px;}
    .sm .iframe-width-50, .sm .iframe-width-60, .sm .iframe-width-70, .sm .iframe-width-80, .sm .iframe-width-90, .sm .iframe-width-100{height: 250px;}
    .data-block-3 .col-md-6 > .flexbox { flex-wrap: wrap; }
    .data-block-4 .flexbox { flex-wrap: wrap; justify-content: center; }
    .data-block-4 .col-xs-6 { width: 100%; }
}

/* 6. Other media-query
------------------------------------------------*/
@media (max-width:1200px){
    .container {width: 100%;}
    .iframe-width-90 {height: 550px;}
    .sm .iframe-width-100{height: 420px;}
    .sm .iframe-width-90{height: 360px;}
    .sm .iframe-width-80{height: 320px;}
}

@media (min-width:481px) and (max-width:640px) {

    .sub-mapping-img .sub-img {max-width: 140px;}
    .mapping-img-1 {top: 0;right: 16%;}
    .mapping-img-2 {top: 0;left: 10%;}
    .mapping-img-3 {bottom: 32%;left: 1%;}
    .mapping-img-4 {right: 1%;top: 37%;}
    .mapping-img-5 {bottom: 23%;left: 35%;}
    .sub-mapping-img .sub-img span {font-size: 13px;padding: 5px 17px 5px 7px;}
    .sub-mapping-img .sub-img span:before {width: 14px;height: 8px;right: 3px;}

}


/* Landscape  */
@media (max-width:767px) and (orientation:landscape) {
    /* Landscape  styles here */
    .newModal.modal.in .modal-dialog{height: 65%;}
}

@media (max-width:320px){
    .img-left{float: none; margin: 0;}
    .img-right{float: none; margin: 0;}
    .iframe-width-50, .iframe-width-60, .iframe-width-70, .iframe-width-100, .iframe-width-90, .iframe-width-80 {width: 100%; height: 165px;}
    .sm .iframe-width-50, .sm .iframe-width-60, .sm .iframe-width-70, .sm .iframe-width-80, .sm .iframe-width-90, .sm .iframe-width-100{height: 160px;}
}

@media (max-width: 992px){
    .wales-data-block .flexbox { flex-direction: column; }
    .wales-data-block br { display: none; }
    .ipad-image { height: 120px; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 10px; }
    .wales-data-block .flexbox .pl-20 { padding-left: 0; text-align: center; }

    .data-block-4 .container h2,
    .data-block-3 .container h2,
    .data-block-2 .container h2,
    .past-year-data .container h2,
    .wales-data-block .container h2 { font-size: 20px; text-align: center; }

    .data-block-4 .container h3,
    .data-block-3 .container h3,
    .data-block-2 .container h3,
    .past-year-data .container h3,
    .wales-data-block .container h3 { font-size: 20px; }
    .data-block-4 p,
    .data-block-3 p,
    .data-block-2 p,
    .past-year-data .container > p,
    .wales-data-block .container > p { font-size: 15px; text-align: center; }

    .data-block-2 .col-md-6 > .flexbox { justify-content: center; max-width: 540px; margin: 0 auto; }
    .data-block-2 .col-md-6 > .flexbox > div { padding: 0 10px; }

    .data-block-2 .col-md-6.border-dotted.bl-2 { border-left-width: 0; border-top-width: 2px; margin-top: 20px; padding-top: 20px;}
    .data-block-3 .col-md-6 > .flexbox { max-width: 540px; margin: 0 auto; justify-content: center; }
    .data-block-4 { text-align: center; }
    .data-block-4 .flexbox { max-width: 540px; margin: 0 auto; }
    .data-block-4 .col-xs-6 { margin: 0 auto; float: none; padding-top: 20px; }
    .data-block-4 .truck-image .truck-data { font-size: 34px; }
    .past-year-data .data h2 { font-size: 40px; }
    .past-year-data .data h3 { font-size: 30px; }
    .past-year-data .data h4 { font-size: 20px; }
}

@media (max-width: 767px) {
    .past-year-data .flexbox { flex-wrap: wrap; text-align: center; }
    .past-year-data .total-data img { width: auto; margin-bottom: 15px; }
}
@media (max-width: 580px) {
    .data-block-2 .col-md-6 > .flexbox { flex-direction: column; }
    .data-block-2 .hammer-image { align-self: center; padding-left: 100px;}
    .data-block-2 .col-md-6 > .flexbox > div { text-align: center; }
    .data-block-4 .truck-image .truck-data { font-size: 26px; bottom: 50px; }
}

@media (min-width:1012px) {
    .mobile-nav-block{display:none;}
  }

  @media (max-width:1012px) {
      /* mobile-menu */
      .nav ul {padding: 0;opacity: 1;visibility: visible;position: static !important;width: 100% !important;transition: none;}
      .nav > li {border: none;}
      .nav ul li {background-color: #415563;padding: 0 10px;}
      .nav ul li ul li {padding: 0 10px;}
      .nav ul li:hover > a {background-color: transparent;}
      .navbar-inverse .navbar-nav>.open>a {background-color: transparent;}
      .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
      .hamburger {display: block;margin-left: 10px;}
      /* aoows style */
      .arrow {position: absolute;width: 39px;height: 39px;right: 0;z-index: 1;top: 0;right: 0;display: block;}
      .arrow:before {position: absolute;content: "";width: 2px;height: 16px;left: 0;right: 0;margin: 0 auto;top: 50%;background-color: #fff;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transition:0.4s all;-moz-transition:0.4s all;-ms-transition:0.4s all;-o-transition:0.4s all;-webkit-transition:0.4s all;}
      .arrow:after {position: absolute;content: "";width: 16px;height: 2px;left: 0;right: 0;margin: 0 auto;top: 50%;transform: rotate(-90deg);background-color: #fff;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transition:0.4s all;-moz-transition:0.4s all;-ms-transition:0.4s all;-o-transition:0.4s all;-webkit-transition:0.4s all;}
      .arrow.open:before {transition: all 0.5s ease-in-out;transform: translate(0,-50%)rotate(90deg);}
      .arrow.open:after {transition: all 0.5s ease-in-out;transform: rotate(90deg);opacity: 0;}

      .logo-responsive img {max-width: 200px;}
      .main-header {display:none;}
      .navbar-inverse{display:none;}

      .header-top{padding: 15px;}
      .header-top .header-links{display:none;}
    }

    @media (min-width:1013px) {
      .logo-responsive{display:none;}
      #wrapper {left: 0 !important;}
    }