.desktop {display: block;}
.laptop {display: none;}
.mobile {display: none;}
@media (max-width: 1440px){
    .desktop {display: none;}
    .laptop {display: block;}
    .mobile {display: none;}
}
@media (max-width: 450px){
    .desktop {display: none;}
    .laptop {display: none;}
    .mobile {display: block;}
}

@media (min-width: 400px) {
    .btnfos {
        display: inline-block;
        margin-right: 2.5em;
    }

    .btnfos:nth-of-type(even) {
        margin-right: 0;
    }
    th, td {
        font-weight: unset;
        padding-right: 0px;
    }
}

/*Responsive CSS*/

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    #breadcrumb {
        margin: 0px;
    }

    .leftSide {
        display: none;
    }

    .brand_title__padding {
        padding: 10px 15px;
    }

    .slide-home > .slick-list, .slide-home > .slick-list > .slick-track, .slide-home > .slick-list > .slick-track > .slick-slide > div {
        position: relative;
        height: 200px;
        width: 100%;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    #boxes #dialog {
        width: 90%;
        top: 40% !important;
        left: 5% !important;

    }

    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .active.right {
        left: 50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .carousel-col {
        width: 50%;
    }

    .active > div:first-child + div {
        display: block;
    }

    .carousel-control.right {
        left: auto;
        right: 0px;
    }

    .container-fluid .padding_left_right {
        padding: 0px 10px;
    }

    .pom, .recipes {

        margin: 0px 10px 0px 10px;

    }

    .carousel-indicators {
        bottom: 40px;
        left: 46%;
    }

    .footer_logo_bg img {
        width: 30%;
        margin: 0px 0% 20px;
    }

    .footer_social {
        color: #e0e0e0;
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
    }

    .navbar-toggle {
        float: right;
        padding: 7px;
        margin-top: 6px;
        margin-right: 4px;
        margin-bottom: 6px;
        margin-left: 5px;
    }

    .navbar-brand {

        padding: 15px 5px;

    }

    .category_brand {

        padding: 25px;
    }

    .brand-category__brands_title {
        height: 50px;
    }

    .brand_pom {
        padding: 15px;
        background: none repeat scroll 0 0 #FFFFFF;
        /* height: 240px; */
        border-radius: 2px;
        box-shadow: 0 0 4px #9e9e9e;
        margin: 0px 10px 10px 10px;
        line-height: 1.7;
    }

    .search-wrapper {

        margin: -45px auto 50px auto;

    }

    .brand-category__headline {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .catagory_hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .carousel-control.left {
        left: 0px;
    }

    .joint_img {
        width: 30px;
    }

    .joint_title {
        margin: 10px 0px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 15px;
    }

    .product_brand_img {
        margin: 0px 10px;
    }

    .product_brand_logo {
        width: 40px;
    }

    .product_pom {
        margin: 10px 0px 10px 0px;

    }

    .jcarousel_h6 {
        margin-top: 0px;
    }

    .carousel-inner > .active {
        left: 0;
        background: none !important;
    }

    .hero-slides .carousel-inner > .active {
        left: 0;
        background: no-repeat center center scroll !important;
        background-size: cover !important;
    }

    #carousel .carousel-item {
        height: 100%;
    }

    .hero-slides .carousel-indicators {
        bottom: 0px;
        left: 0%;
    }

    .projectFactsWrap .item {
        flex: 0 0 20%;
    }

    .right-section-border {
        display: none;
    }

    .footer_logo_bg {
        padding: 20px 0px;
    }

    .corporate ul {

        padding-left: 13px;
        margin-top: 0px;
    }

    .corporate ul li {
        line-height: 2em;
    }

    .footer-wrapper, .socialmedia ul a {
        font-size: 12px;
    }

    .footerheading {
        font-size: 16px;
    }

    /***************Category Three Page product view*******************/
    .c-preview {
        width: 310px;
        height: 220px;
        overflow: hidden;
        font-size: 20px;
        font-weight: 400;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 15px;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 100%;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 100%;
    }

    .related_img {
        margin: 0px 5px;
    }

    a.carousel-control.left {
        left: 65px;

        top: 10px;
    }

    a.carousel-control.right {
        right: 0;
        top: 0px;
    }

    th, td {
        font-weight: unset;
        padding-right: 0px;
    }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .video-middle-card {
        margin: 0px 0px 20px 0px;
        padding: 10px 5px;
        box-shadow: 0 0 4px #9e9e9e;
    }

    .pom1 {
        padding: 0px;
    }

    .newsPageSI {
        display: none;
    }

    time br {
        display: none;
    }

    .brand-category__brands .social-nav {
        margin: 10px 20px 20px;
    }

    #breadcrumb {
        margin: 0px;
    }

    .brand_title__padding {
        padding: 10px 15px;
    }
    .brand-page-logo {
        height: auto;
    }
    .leftSide {
        display: none;
    }
    .module {
        border-left: 0px solid transparent;

        border-right: 0px solid transparent;

    }

    .ymlSalt .belowContent, .ymlSalt .imageContent {
        height: 26rem;
    }
    .ymlSalt .nHockey img {
        height: 26.5rem;
    }
    .ymlSalt .nHockey {
        padding-right: 0;
        width: 100%;
        height: auto;
    }
    .ymlSalt .imageContent {
        margin: 0;
    }
    .ymlSalt h3.nHeading {
        margin: 0 1rem 1rem 2rem;
        font-size: 1.8rem;
    }
    .ymlSalt .width100 {
        width: 100%;
    }
    .ymlSalt .topMarginxs {
        margin-top: 3rem;
    }
    .twitterFeed {
        height: 32rem;
    }
    .sTwitter {
        left: 3rem;
    }
    .tThisWeek .twitterContent {
        margin-top: 0;
    }
    .newsFeedA {
        margin-right: 2rem;
    }
    .ymlSalt img.icons {
        padding: 2rem;
    }
    .row.nImg.noMargin, .ymlSalt .flexx.blockFlex, .ymlSalt .flexx, .ymlSalt .nTitle.noMargin {
        display: block;
    }
    .margin-x-100 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .slide-home > .slick-list, .slide-home > .slick-list > .slick-track, .slide-home > .slick-list > .slick-track > .slick-slide > div {
        position: relative;
        height: 100px;
        width: 100%;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    #boxes #dialog {
        width: 90%;
        top: 40% !important;
        left: 5% !important;

    }

    .news-card .storyContent {

        margin: 1rem;

        max-height: 70px;

    }

    .news-card h3.nHeading {
        margin-top: 1rem;
        margin-right: 1rem;
        margin: 20px 0px;
    }

    .news--row {
        padding: 0px 10px;
    }

    .hideme {
        opacity: 1;
    }

    .shadow-text-box {

        height: 100%;
        margin: 0px;
        line-height: 2;
    }

    .eventsDate {
        text-align: left;
    }

    .eventsDate img {
        padding: 10px 0;
        width: 20px;
        position: absolute;
        float: left;
    }

    .eventsDate time {
        font-size: 14px;
        line-height: 3;
        padding: 0px 30px;
    }

    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
    }

    .team-carousel .item a > h5 {
        font-size: 18px;
    }

    .team-carousel .item span {
        font-size: 14px;
        line-height: 2;
    }

    .leftSide .btn {
        text-align: center;
        padding: 15px;
        font-size: 15px;
    }

    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .active.right {
        left: 50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .carousel-col {
        width: 50%;
    }

    .active > div:first-child + div {
        display: block;
    }

    .carousel-control.right {
        left: auto;
        right: 0px;
    }

    .container-fluid .padding_left_right {
        padding: 0px 10px;
    }

    .pom, .recipes {

        margin: 0px 10px 0px 10px;

    }

    .carousel-indicators {
        bottom: 40px;
        left: 46%;
    }

    .footer_logo_bg img {
        width: 30%;
        margin: 0px 0% 20px;
    }

    .footer_social {
        color: #e0e0e0;
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
    }

    .navbar-toggle {
        float: right;
        padding: 7px;
        margin-top: 8px;
        margin-right: 5px;
        margin-bottom: 8px;
        margin-left: 5px;
    }

    .navbar-brand {

        padding: 15px 5px;

    }

    .category_brand {

        padding: 25px;
    }

    .brand-category__brands_title {
        height: 50px;
    }

    .brand_pom {
        padding: 15px;
        background: none repeat scroll 0 0 #FFFFFF;
        /* height: 240px; */
        border-radius: 2px;
        box-shadow: 0 0 4px #9e9e9e;
        margin: 0px 10px 10px 10px;
        line-height: 1.7;
    }

    .search-wrapper {

        margin: -45px auto 50px auto;

    }

    .brand-category__headline {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .catagory_hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .carousel-control.left {
        left: 0px;
    }

    .joint_img {
        width: 30px;
    }

    .joint_title {
        margin: 10px 0px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 15px;
    }

    .product_brand_img {
        margin: 0px 10px;
    }

    .product_brand_logo {
        width: 40px;
    }

    .product_pom {
        margin: 10px 0px 10px 0px;

    }

    .jcarousel_h6 {
        margin-top: 0px;
    }

    .carousel-inner > .active {
        left: 0;
        background: none !important;
    }

    .hero-slides .carousel-inner > .active {
        left: 0;
        background: no-repeat center center scroll !important;
        background-size: cover !important;
    }

    #carousel .carousel-item {
        min-height: 170px;
        height: inherit;
    }
    .carousel-item video {
        height: 170px;
    }

    .hero-slides .carousel-indicators {
        bottom: 0px;
        left: 0%;
    }

    .projectFactsWrap .item {
        flex: 0 0 20%;
    }

    .right-section-border {
        display: none;
    }

    .footer_logo_bg {
        padding: 20px 0px;
    }

    .corporate ul {

        padding-left: 13px;
        margin-top: 0px;
    }

    .corporate ul li {
        line-height: 2em;
    }

    .footer-wrapper, .socialmedia ul a {
        font-size: 12px;
    }

    .footerheading {
        font-size: 16px;
    }

    .content1 .middle-card-box {
        background: #fff;
        padding: 0px;
        border: none;
    }

    .eventCard h4 {
        color: #000;
        margin-top: 0px;
        font-size: 20px;
        line-height: 1.2;
        overflow: hidden;
        max-height: 45px;
      /*  display: -webkit-inline-box;*/
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .newsPage {
        margin: 30px 0;
    }

    .mobile-none {
        display: none;
    }

    .video-thumbnail-size {
        width: 350px !important;
    }

    /***************Category Three Page product view*******************/
    .c-preview {
        width: 310px;
        height: 220px;
        overflow: hidden;
        font-size: 20px;
        font-weight: 400;
    }

    th, td {
        font-weight: unset;
        padding-right: 0px;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-device-width: 480px) and (max-width: 600px) {
    .video-middle-card {
        margin: 0px 0px 20px 0px;
        padding: 10px 5px;
        box-shadow: 0 0 4px #9e9e9e;
    }

    .pom1 {
        padding: 0px;
    }

    .newsPageSI {
        display: none;
    }

    time br {
        display: none;
    }

    .brand-category__brands .social-nav {
        margin: 10px 20px 20px;
    }

    #breadcrumb {
        margin: 0px;
    }

    .brand_title__padding {
        padding: 10px 15px;
    }
    .brand-page-logo {
        height: auto;
    }
    .leftSide {
        display: none;
    }
    .module {
        border-left: 0px solid transparent;

        border-right: 0px solid transparent;

    }
    th, td {
        font-weight: unset;
        padding-right: 0px;
    }

    .slide-home > .slick-list, .slide-home > .slick-list > .slick-track, .slide-home > .slick-list > .slick-track > .slick-slide > div {
        position: relative;
        height: 200px;
        width: 100%;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    #boxes #dialog {
        width: 90%;
        top: 40% !important;
        left: 5% !important;

    }

    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .active.right {
        left: 50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .carousel-col {
        width: 50%;
    }

    .active > div:first-child + div {
        display: block;
    }

    .carousel-control.right {
        left: auto;
        right: 0px;
    }

    .container-fluid .padding_left_right {
        padding: 0px 10px;
    }

    .pom, .recipes {

        margin: 0px 10px 0px 10px;

    }

    .carousel-indicators {
        bottom: 40px;
        left: 46%;
    }

    .footer_logo_bg img {
        width: 30%;
        margin: 0px 0% 20px;
    }

    .footer_social {
        color: #e0e0e0;
        font-size: 25px;
        text-align: center;
        margin-top: 20px;
    }

    .navbar-toggle {
        float: right;
        padding: 7px;
        margin-top: 6px;
        margin-right: 5px;
        margin-bottom: 6px;
        margin-left: 5px;
    }

    .navbar-brand {

        padding: 15px 5px;

    }

    .category_brand {

        padding: 25px;
    }

    .brand-category__brands_title {
        height: 50px;
    }

    .brand_pom {
        padding: 15px;
        background: none repeat scroll 0 0 #FFFFFF;
        /* height: 240px; */
        border-radius: 2px;
        box-shadow: 0 0 4px #9e9e9e;
        margin: 0px 10px 10px 10px;
        line-height: 1.7;
    }

    .search-wrapper {

        margin: -45px auto 50px auto;

    }

    .brand-category__headline {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .catagory_hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .carousel-control.left {
        left: 0px;
    }

    .joint_img {
        width: 30px;
    }

    .joint_title {
        margin: 10px 0px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 15px;
    }

    .product_brand_img {
        margin: 0px 10px;
    }

    .product_brand_logo {
        width: 40px;
    }

    .product_pom {
        margin: 10px 0px 10px 0px;

    }

    .jcarousel_h6 {
        margin-top: 0px;
    }

    .carousel-inner > .active {
        left: 0;
        background: none !important;
    }

    .hero-slides .carousel-inner > .active {
        left: 0;
        background: no-repeat center center scroll !important;
        background-size: cover !important;
    }

    #carousel .carousel-item {
        height: 100%;
    }

    .hero-slides .carousel-indicators {
        bottom: 0px;
        left: 0%;
    }

    .projectFactsWrap .item {
        flex: 0 0 20%;
    }

    .right-section-border {
        display: none;
    }

    .footer_logo_bg {
        padding: 20px 0px;
    }

    .corporate ul {

        padding-left: 13px;
        margin-top: 0px;
    }

    .corporate ul li {
        line-height: 2em;
    }

    .footer-wrapper, .socialmedia ul a {
        font-size: 12px;
    }

    .footerheading {
        font-size: 16px;
    }

    /***************Category Three Page product view*******************/
    .c-preview {
        width: 310px;
        height: 220px;
        overflow: hidden;
        font-size: 20px;
        font-weight: 400;
    }

    .btnfos:nth-of-type(even) {
        margin-right: 2.5em;
    }

    .btnfos:nth-of-type(5) {
        margin-right: 0;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .video-middle-card {
        margin: 0px 0px 20px 0px;
        padding: 10px 5px;
        box-shadow: 0 0 4px #9e9e9e;
    }

    .pom1 {
        padding: 0px;
    }

    .newsPageSI {
        display: none;
    }

    time br {
        display: none;
    }

    .brand-category__brands .social-nav {
        margin: 10px 20px 20px;
    }

    #breadcrumb {
        margin: 0px;
    }

    .brand_title__padding {
        padding: 10px 15px;
    }
    .brand-page-logo {
        height: auto;
    }
    .leftSide {
        display: none;
    }
    .module {
        border-left: 0px solid transparent;

        border-right: 0px solid transparent;

    }
    .btnfos:nth-of-type(even) {
        margin-right: 2.5em;
    }

    .btnfos:nth-of-type(5) {
        margin-right: 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .video-middle-card {
        margin: 0px 0px 20px 0px;
        padding: 10px 5px;
        box-shadow: 0 0 4px #9e9e9e;
    }

    .pom1 {
        padding: 0px;
    }

    .newsPageSI {
        display: none;
    }

    time br {
        display: none;
    }

    .brand-category__brands .social-nav {
        margin: 10px 20px 20px;
    }

    #breadcrumb {
        margin: 0px;
    }

    .brand_title__padding {
        padding: 10px 15px;
    }
    .brand-page-logo {
        height: auto;
    }
    .leftSide {
        display: none;
    }
    .module {
        border-left: 0px solid transparent;

        border-right: 0px solid transparent;

    }
    .carousel-inner .active.left {
        left: -33%;
    }

    .carousel-inner .active.right {
        left: 33%;
    }

    .carousel-inner .next {
        left: 33%;
    }

    .carousel-inner .prev {
        left: -33%;
    }

    .carousel-col {
        width: 33%;
    }

    .active > div:first-child + div {
        display: block;
    }

    .active > div:first-child + div + div {
        display: block;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 15px;
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 100%;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 100%;
    }

    .related_img {
        margin: 0px 5px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) and (min-width: 1200px) {
    .carousel-inner .active.left {
        left: -25%;
    }

    .carousel-inner .active.right {
        left: 25%;
    }

    .carousel-inner .next {
        left: 25%;
    }

    .carousel-inner .prev {
        left: -25%;
    }

    .carousel-col {
        width: 25%;
    }

    .active > div:first-child + div {
        display: block;
    }

    .active > div:first-child + div + div {
        display: block;
    }

    .active > div:first-child + div + div + div {
        display: block;
    }

}

/* Large screens ----------- */
@media only screen and (min-width: 1200px) and (min-width: 1824px) {
    /* Styles */
}