﻿@media all and (min-width: 1920px) {
    .Page {
        width: 1420px;
    }

    #greenbar {
        height: 22px;
    }


    /* Home */
    .Shortcut {
        height: 372px;
    }

        .Shortcut.Shortcut1 iframe {
            width: 523px;
            height: 372px;
        }

        .Shortcut.Shortcut6 iframe {
            width: 496px;
            height: 372px;
        }
}


/* Large body content area */

@media (max-width: 1550px) {
    .Page .PageDescriptionContent {
        margin-left: 35px;
        margin-right: 35px;
    }

    #leftContentWrapper .PageDescriptionContent {
        margin-left: 0;
        margin-right: 0;
    }
    
    .Page.Error {
        width: 1200px;
    }

    footer #footerResources {
        width: 1200px;
    }

    footer #footerResources #bluebar {
        width: 1200px;
    }

    footer #footerResources .LinkResource.LeafLink {
        width: 180px;
    }

        footer #footerResources .MediaResource.BlockLink {
            width: 130px;
            margin-left: 3%;
        }
}


@media (max-width: 1300px) {
    .Page.Error {
        width: 1100px;
    }

    footer #footerResources {
        width: 1100px;
    }

        footer #footerResources #bluebar {
            width: 1100px;
        }

        footer #footerResources .LinkResource.LeafLink {
            width: 180px;
        }
}


@media all and (max-width: 1460px) {
    #leftContentWrapper #rightColumn  {
        width: 495px;
    }
}


@media all and (max-width: 1420px) {
    .Page {
        width: 100%;
    }

        .Page.Error {
            width: 80%;
        }

    .MarginTop76 {
        margin-top: 30px!important;
    }

    #leftContentWrapper {
        width: calc(100% - 261px);
    }

        .Contact #leftContentWrapper #rightColumn {
            width: 30%;
            min-width: 380px;
        }

            #leftContentWrapper #rightColumn img {
                width: auto;
            }

            #leftContentWrapper #rightColumn #partners,
            #leftContentWrapper #rightColumn #documents,
            #leftContentWrapper #rightColumn #links {
                width: 375px;
                margin-right: 10px;
            }

                #leftContentWrapper #rightColumn #partners a:nth-of-type(2n) img {
                    margin-right: 0;
                }

    #leftContentWrapper #leftColumn {
        width: 54%;
        min-width: 627px;
    }

        .Contact #leftContentWrapper #leftColumn {
            width: 50%;
            min-width: 627px;
        }

    #leftContentWrapper #rightColumn {
        width: 40%;
        min-width: 450px;
    }

    #leftContentWrapper #rightColumn .MediaResource.rightImgContainer img {
        width: 40%;
        min-width: 450px;
    }

    #leftContentWrapper #leftColumn {
        width: 48%;
        min-width: 580px;
        margin-right: 20px;
    }

    #leftContentWrapper #rightColumn #partners a {
        width: 130px;
        margin-right: 35px;
    }

    footer {
        min-height: 872px;
        height: auto;
    }

        footer #footerResources #bluebar {
            width: 80%;
            top: 120px;
        }

        footer #footerResources {
            width: 80%;
            margin: 0 auto;
        }

            footer #footerResources .LinkResource.LeafLink {
                width: 29%;
                height: 76px;
                margin-left: 2%;
            }

                footer #footerResources .LinkResource.LeafLink:nth-of-type(3n+2) {
                    clear: both;
                }
}


@media all and (max-width: 1410px) {
    #leftContentWrapper #rightColumn {
        margin-left: 20px;
    }

    .Contact #leftContentWrapper #rightColumn {
        margin-left: 0;
    }

    #bodyResources #inset-two, .Page-Topics #bodyResources #inset-two {
        margin: 15px 0 0 20px !important;
    }
}


@media all and (max-width: 1400px) {
    .Page.searchResults {
        width: 85% !important;
    }

        .Page.searchResults #leftContentWrapper {
            max-width: 90%;
            width: 100%;
            float: none;
        }

    #leftContentWrapper #rightColumn img {
        max-width: 100%;
    }
}


@media all and (max-width: 1350px) {
    #leftContentWrapper #rightColumn {
        width: 40%;
        min-width: unset;
        max-width: 100%;
    }

        #leftContentWrapper #rightColumn .MediaResource.rightImgContainer img {
            width: 100%;
            min-width: unset;
            min-width: 340px;
        }

        #leftContentWrapper #rightColumn .video-container {
            width: 155px;
            margin-right: 15px;
            height: 100%;
            margin-bottom: 0;
        }

            #leftContentWrapper #rightColumn .video-container img {
                width: 155px;
                height: 100%;
                max-height: 113px;
                min-height: 113px;
            }

    #rightColumn .PageArticlesContent .circle {
        top: 29%;
        left: 36%;
    }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container img {
        max-height: 95px;
        min-height: 95px;
    }

    .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container {
        width: 225px;
        min-height: 100%;
        max-height: 100%;
    }

    .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container img {
        width: 200px;
        height: 100%;
        max-height: 121px;
        min-height: 121px;
    }
}


@media all and (max-width: 1301px) {
  .Contact #leftContentWrapper #leftColumn {
        width: 45%;
        min-width: 575px;
    }
}


@media all and (max-width: 1280px) {
    .Contact #contactForm select {
        width: 100%;
    }

    #rightColumn #documents, #rightColumn #links {
        width: 360px!important;
        margin-right: 10px;
    }

    .Contact #leftContentWrapper #rightColumn {
        width: 25%;
        min-width: 325px;
    }

    #leftContentWrapper #rightColumn {
        width: 35%;
        min-width: unset;
        max-width: 100%;
    }

    #leftContentWrapper #rightColumn #partners a {
        width: 130px;
        margin-right: 35px;
    }

        #leftContentWrapper #rightColumn #partners a:nth-of-type(2n+1) {
            clear: unset;
        }

    footer #footerResources .TextResource.ContactInformation {
        width: 50%;
        z-index: 20;
    }

    footer #footerResources .TextResource.ContactInformation .Block {
         width: 40%;
     }
}


@media all and (max-width: 1250px) {
    #leftContentWrapper #rightColumn {
        width: 32%;
    }

    #rightColumn #documents, #rightColumn #links {
        width: 300px !important;
    }

    #leftContentWrapper #rightColumn .MediaResource.rightImgContainer img {
        width: 95%;
        min-width: unset;
        min-width: 320px;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 132px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 132px;
            height: 100%;
        }

    #rightColumn .PageArticlesContent .circle {
        top: 28%;
        left: 33%;
    }
}


@media all and (max-width: 1210px) {
     .Contact #leftContentWrapper #rightColumn {
        width: 25%;
        min-width: 322px;
    }
}


@media all and (max-width: 1207px) {
    .Contact #leftContentWrapper #leftColumn {
        width: 40%;
        min-width: 560px;
    }
}


@media (max-width: 1200px) {
    #leftContentWrapper #rightColumn {
        width: 65%;
        min-width: 65%;
        max-width: 65%;
        margin-left: 0;
        margin-top: 50px;
    }

    #leftContentWrapper #rightColumn #documents {
        padding-top: 25px;
        margin-bottom: 30px;
    }

    #rightColumn #documents, #rightColumn #links {
        width: 100% !important;
    }

    #leftContentWrapper #rightColumn #links {
        margin-top: 0;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 175px;
        margin-right: 20px;
        margin-bottom: 15px;
        max-height: 165px;
        min-height: 165px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 175px;
            height: 100%;
        }

    #leftContentWrapper #rightColumn #partners, #leftContentWrapper #rightColumn #documents, #leftContentWrapper #rightColumn #links {
        width: 585px;
        margin-right: 10px;
    }

    #rightColumn .PageArticlesContent .circle {
        top: 26%;
        left: 35%;
    }

        #leftContentWrapper #rightColumn .video-container p {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        #leftContentWrapper #rightColumn .video-container p.videoLink {
            width: 100%;
            max-width: 100%;
        }

    .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container {
        width: 230px;
    }

        .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container img {
            width: 230px;
            max-height: 134px;
            min-height: 134px;
        }
 }


@media (max-width: 1188px) {
    footer #footerResources .MediaResource.BlockLink {
        width: 120px;
        margin-left: 2%;
    }

    footer #footerResources .TextResource.ContactInformation {
        width: 45%;
    }
}


@media all and (max-width: 1160px) {
    .Contact #contactForm {
        min-width: 100%;
        width: 100%;
    }

    .Contact #leftContentWrapper #leftColumn {
        width: 40%;
        min-width: 558px;
    }

    .Contact #leftContentWrapper #rightColumn {
        min-width: 250px;
    }

    .Contact #contactForm .FloatRight select#Recipient {
        width: 89%;
        float: right;
    }

    .Contact #contactForm .FloatRight textarea {
        width: 89%;
        float: right;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 165px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 165px;
         }
}


@media all and (max-width: 1114px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 160px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 160px;
        }
}


@media all and (max-width: 1092px) {
    .Contact #contactForm span {
        display: inline-block;
        min-width: 390px;
    }

    .Contact #leftContentWrapper #leftColumn {
        width: 40%;
        min-width: 500px;
    }

    .Contact #leftContentWrapper #rightColumn {
        min-width: 240px;
    }

    #contactForm .FloatRight select#Recipient {
        width: 80%;
    }

    #contactForm .FloatRight textarea {
        width: 80%;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 155px;
        max-height: 165px;
        min-height: 165px;
    }
}

@media all and (max-width: 1068px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 150px;
        margin-right: 15px;
      }

        #leftContentWrapper #rightColumn .video-container img {
            width: 150px;
       }
}


@media all and (min-width: 1024px) {
    .MediaResource.img160,
    .MediaResource.img160 img {
        width: 160px !important;
        max-width: 100%!important;
        min-width: unset;
    }
}


@media all and (max-width: 1024px) {
    /* Small desktop browser windows, large landscape tablets */
    #body {
        width: 100%;
    }

    .Page {
        width: 90%;
        margin-bottom: 30px;
    }

    .Page .TextResource, .Page .LinkResource, .Page .MediaResource, .Page .PageDescriptionContent {
      margin-right: 15px;
    }

    #leftContentWrapper #rightColumn {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

        #leftContentWrapper #rightColumn img {
            width: auto;
        }

    #leftContentWrapper #leftColumn {
        width: 100%;
        min-width: 315px;
    }

    .Contact #leftContentWrapper #leftColumn {
        width: 30%;
        min-width: 410px;
    }

    .Contact #leftContentWrapper #rightColumn {
        min-width: 200px;
    }

    .Contact #leftColumn #contactForm p {
        display: block;
    }

    .Contact #leftColumn #contactForm label {
        height: 20px;
    }

    .Contact #contactForm .FloatRight select#Recipient {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .Contact #contactForm .FloatRight textarea {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    #leftContentWrapper #rightColumn .PageArticlesContent #nrCarouselContainer {
        margin-top: 50px;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 195px;
        height: 100%;
        max-height: 170px;
        min-height: 170px;
        margin-bottom: 10px!important;
        display: inline-block;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 195px;
        }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container {
        max-height: 185px;
        min-height: 185px;
    }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container img {
        max-height: 111px;
        min-height: 111px;
    }

    .LandBasedTreatyRights:not(.swedaxali) #bodyResources .MediaResource,
    .LandBasedTreatyRights:not(.swedaxali) #bodyResources .TextResource,
    .LandBasedTreatyRights:not(.swedaxali) #bodyResources .TextResource.Floated {
        width: 100%;
        margin: 0 auto 30px !important;
        float: none !important;
    }

    footer #footerResources .MediaResource.BlockLink {
        width: 15%;

    }

    .Page .TextResource.ClimateChangeLandingPageLinks li h3 {
        font-size: 16px;
    }

    .Page .TextResource.ClimateChangeLandingPageLinks li p {
        font-size: 16px;
    }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 799px) and (orientation : portrait) {
    /* iPad 1 (789) portrait, excluding Galaxy Tab 10.1 (800) */
}


@media all and (max-width: 991px) {
    .Contact #leftContentWrapper #leftColumn {
        width: 97%;
        min-width: 97%;
        margin-right: 0;
        padding-right: 0;
    }

    .Contact #contactForm span {
        display: inline-block;
        min-width: 75%;
    }

    .Contact #leftColumn #contactForm label {
        height: 40px;
    }

    .Contact #leftContentWrapper #rightColumn  {
        width: 100%;
        min-width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .Contact #leftContentWrapper #rightColumn .contactList {
        column-count: 2;
        column-gap: 5%;
    }

        .Contact #leftContentWrapper #rightColumn .contactList p {
            margin: 0;
            padding-bottom: 10px;
        }

    .Contact #leftContentWrapper #rightColumn h3 {
       margin-top: 0;
    }

    #leftContentWrapper .PageDescriptionContent .TextResource h1 {
        padding-bottom: 20px;
    }

    #leftContentWrapper .PageDescriptionContent .TextResource p {
        padding-bottom: 10px;
    }

    #leftContentWrapper #rightColumn {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .Contact #contactForm .FloatRight select#Recipient {
        margin-bottom: 5px;
    }

    .Contact #contactForm .FloatRight textarea {
        margin-bottom: 5px;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 250px;
        margin-right: 15px !important;
        max-height: 200px;
        min-height: 200px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 250px;
            max-height: 142px;
            min-height: 142px;
        }

    #rightColumn .PageArticlesContent .circle {
        top: 34%;
        left: 41%;
    }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container img {
        max-height: 137px;
        min-height: 137px;
    }

    .LandBasedTreatyRights #rightColumn .PageArticlesContent .circle {
        top: 33%;
        left: 40%;
    }
}


@media all and (max-width: 945px) {
    .Contact #contactForm span {
        display: inline-block;
        min-width: 100%;
    }

    .Contact #leftColumn #contactForm .FloatRight {
        float: none;
    }

    .Contact #leftColumn #contactForm label {
        height: 25px;
    }
}


@media all and (max-width: 889px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 215px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 215px;
        }
}


@media all and (max-width: 850px) {
    .tabcontent {
        padding: 6px 0!important;
    }
}

@media all and (max-width: 812px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 200px;
        margin-right: 10px !important;
        max-height: 190px;
        min-height: 190px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 200px;
            max-height: 128px;
            min-height: 128px;
        }

  
    #rightColumn .PageArticlesContent .circle {
        top: 30%;
        left: 39%;
    }
}


@media all and (min-width: 790px) {
    /* anything larger than a phone */
    .Desktop {
        display: block !important;
    }

    .Mobile,
    .Tablet {
        display: none !important;
    }
}


@media all and (max-width: 789px) {
    html {
        overflow-x: hidden;
    }

    #greenbar {
        height: 15px;
    }

    .navbar-form {
        position: relative;
        overflow: hidden;
    }

    .form-group {
        top: 180px;
        right: 0;
        width: 94%;
        margin: 0 3% 10px;
    }

    .ThirdTier .form-group {
        position: relative;
        top: 0;
        margin-bottom: 0;
    }

    /* Home */
    .Shortcut {
        height: 164px;
    }

        .Shortcut.Shortcut1 iframe {
            width: 275px;
            height: 164px;
        }

        .Shortcut.Shortcut6 iframe {
            width: 126px;
            height: 164px;
        }

    /* Land based treaty rights */
    .Page .LandBasedTreatyRights:not(.swedaxali) #inset-one,
    .Page .Page-Topics #inset-one {
        width: 80%;
        margin: 20px 0;
    }

    body:not(.Home) header .HeaderWrapper img.Header {
        min-width: 350px !important;
        min-height: 290px;
    }

    .Page .TextResource.ClimateChangeLandingPageLinks li div {
        top: 10%;
    }

    .Page .TextResource.ClimateChangeLandingPageLinks li h3 {
        font-size: 12px;
    }

    .Page .TextResource.ClimateChangeLandingPageLinks li p {
        font-size: 12px;
    }

    .PageDescriptionContent .LineArt-BaldEagle.Mobile img {
        width: 100%;
        margin-bottom: 20px;
    }

    .Desktop,
    .Tablet {
        display: none !important;
    }

    .Mobile {
        display: block !important;
    }

    .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
        cursor: pointer;
        height: 8px;
        width: 35px;
        top: 22px;
        left: 7px;
        position: absolute;
        display: block;
        content: '';
    }

        .menu-trigger span:before {
            top: 9px;
            left: -3px;
        }

        .menu-trigger span:after {
            left: -3px;
        }

        .menu-trigger span, .menu-trigger span:before, .menu-trigger span:after {
            transition: all 500ms ease-out;
        }

    #leftContentWrapper {
        width: 93%;
        float: none;
    }

    #searchboxcontainer.searchResultsSearch {
        position: relative!important;
        right: 0;
        top: 0;
    }

    #searchboxcontainer.searchResultsSearch .form-group {
        margin: 0;
        top: 0;
    }

    .Contact #leftContentWrapper {
        width: 90%;
    }

    .Contact #leftContentWrapper #leftColumn {
        width: 100%;
        min-width: 100%;
    }

    footer .footerNavContainer {
        position: relative;
        margin: 0 auto;
        width: 100%;
        height: 135px;
    }

    footer #footerResources .footerNavContainer .LinkResource.LeafLink a {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        font-size: 24px;
    }

    #footerResources .PaddingTop50 {
        padding-top: 48px;
        padding-bottom: 20px;
    }

    #footerResources h2 {
        text-align: center;
    }

    footer #footerResources .MediaResource.BlockLink {
        width: 29%;
        margin-top: 5%;
        margin-left: 2%;
        float: none;
    }

    #footerResources #bluebar {
        display: none;
    }

    footer #footerResources .LinkResource.LeafLink {
        width: 45%;
        height: 35px;
        line-height: 35px;
    }

        footer #footerResources .LinkResource.LeafLink a {
            width: 100%;
            height: 50px;
            line-height: 45px;
        }

    #footerResources .LinkResource.LeafLink a:hover {
        color: #4b4b4b;
    }

    #footerResources .MediaResource img {
        width: 70px;
    }

    footer #footerResources .LinkResource.LeafLink:nth-of-type(3n+2) {
        clear: none;
    }

    footer #footerResources .TextResource.ContactInformation {
        width: 100%;
        text-align: center;
    }

        footer #footerResources .TextResource.ContactInformation h3 {
            letter-spacing: 1.5px;
        }

        footer #footerResources .TextResource.ContactInformation .Block {
            width: 100% !important;
            display: block;
            margin: 0;
            text-align: center;
        }

    #footerResources .LinkResource.Desktop {
        display: block !important;
    }

    footer ul#footernav.Tablet {
        display: block;
    }

    footer #footerResources ul#footernav.Desktop {
        display: block!important;
        max-width: 100%;
        margin: 10px auto 0 auto;
        padding-left: unset;
        transform: unset;
    }

    footer #footerResources .Logo {
        margin-top: 20px;
    }
}


@media all and (max-width: 768px) {
    .Page.searchResults {
        width: 85%!important;
    }
    
    #leftContentWrapper {
        max-width: 93%; 
        width: 93%;
        float: none;
    }

        #leftContentWrapper #leftColumn {
            margin-right: 0;
        }

    #searchboxcontainer.searchResultsSearch .form-group {
        width: 100%; 
    }

    #qm {
       margin-left: 10px;
    }

    .Directory .PageDescriptionContent, .News .PageDescriptionContent, .Maps .PageDescriptionContent, .Partners .Category, .Documents .Category {
        padding: 0;
      }

    #leftContentWrapper #rightColumn .video-container {
        width: 185px;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 185px;
        }

    #rightColumn .PageArticlesContent .circle {
        top: 28%;
        left: 36%;
    }
}


@media all and (max-width: 731px) {
    #searchboxcontainer.searchResultsSearch .form-group.searchBox {
        max-width: 88%;
    }

    #searchboxcontainer.searchResultsSearch .form-group input#q {
        margin-left: 5px;
        width: 80%;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 240px;
        margin-right: 15px !important;
        max-height: 180px;
        min-height: 180px;
    }

    #leftContentWrapper #rightColumn .video-container img {
        width: 240px;
    }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container {
        max-height: 190px;
        min-height: 190px;
    }

   .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container img {
        max-height: 137px;
        min-height: 137px;
    }

    #rightColumn .PageArticlesContent .circle {
        top: 33%;
        left: 41%;
    }
}


@media all and (max-width: 685px) {
    .Page.searchResults {
        margin: 0 0 0 5%;
        width: 87%!important;
    }

    #searchboxcontainer.searchResultsSearch .form-group input#q {
        margin-left: 5px;
    }
}


@media all and (max-width: 670px) {
    footer #footerResources ul#footernav.Desktop li {
        display: block !important;
        float: none;
        font-size: 20px;
        line-height: 20px;
        padding: 10px;
        border-right: none;
    }

    footer #footerResources .TextResource.Clear.Center p {
            margin-top: 10px;
        }
}


@media all and (max-width: 640px) {
    #body {
        width: 100%;
        padding: 0;
    }

    .ThirdTier .form-group {
        top: -20px;
    }

    /* Content area */
    .Page {
        width: 90%;
        min-width: 90%;
        margin: 0 5% 30px 5%;
    }

        .Page .TextResource {
            width: 100%;
            float: none;
        }

    #leftContentWrapper {
        margin: 0 5%;
    }

    #searchboxcontainer.searchResultsSearch {
        display: block;
    }

        #searchboxcontainer.searchResultsSearch .form-group.searchBox {
            max-width: 80%;
        }

        #searchboxcontainer.searchResultsSearch .form-group input#q {
            margin-left: 5px;
            width: 75%;
        }
}


@media all and (max-width: 619px) {
    #searchboxcontainer.searchResultsSearch .form-group input#q {
        width: 75%;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 235px;
        margin-right: 10px !important;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 235px;
        }
}


@media all and (max-width: 600px) {
    #searchboxcontainer.searchResultsSearch .form-group {
        width: 100%;
    }

    #searchboxcontainer.searchResultsSearch .form-group input#q {
        width: 75%;
    }

    .Page.searchResults #leftContentWrapper p span {
        word-break: break-word;
    }
}


@media all and (max-width: 590px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 225px;
        margin-right: 10px !important;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 225px;
        }
}


@media all and (max-width: 574px) {
    #leftContentWrapper .sResult {
        top: 50px;
    }

    #leftContentWrapper {
        max-width: 90%;
        width: 90%;
    }

    #searchboxcontainer.searchResultsSearch {
        height: 115px;
    }
    
    #searchboxcontainer.searchResultsSearch .form-group.searchBox {
        max-width: 100%;
        width: 100%;
        height: 45px;
        float: none;
    }

    #searchboxcontainer.searchResultsSearch .clearButton button {
        margin: 0 auto;
        display: block;
    }

    #searchboxcontainer.searchResultsSearch .form-group input#q {
        margin-left: 5px;
        width: 80%;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 215px;
    }

    #leftContentWrapper #rightColumn .video-container img {
        width: 215px;
    }
}


@media all and (max-width: 576px) {
    .Contact #leftContentWrapper #rightColumn {
        column-count: unset;
        margin-left: 0;
        font-size: 20px;
    }
}


@media all and (max-width: 560px) {
    #searchboxcontainer.searchResultsSearch .form-group {
        width: 100%;
    }

    #searchboxcontainer.searchResultsSearch .form-group input#q {
        width: 74%;
    }

    #leftContentWrapper #rightColumn .video-container {
        width: 195px;
        min-height: 180px;
        max-height: 180px;
    }

    #leftContentWrapper #rightColumn .video-container img {
        width: 195px;
    }

    #rightColumn .PageArticlesContent .circle {
        top: 29%;
        left: 38%;
    }
}


@media all and (max-width:511px) {
    #leftContentWrapper #rightColumn .video-container {
        width: 100%;
        margin: 0 auto 25px auto!important;
        max-height: 100%;
        min-height: 100%;
        display: block;
    }

        #leftContentWrapper #rightColumn .video-container img {
            width: 100%;
            margin: 0 auto;
            display: block;
            max-height: 100%;
            min-height: 100%;
            display: block;
        }

    .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container  {
        width: 100%;
        max-height: 100%;
        min-height: 100%;
    }

        .LandBasedTreatyRights #leftContentWrapper #rightColumn .video-container img {
            width: 100%;
            max-height: 100%;
            min-height: 100%;
        }

    .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container {
        width: 100%;
        max-height: 100%;
        min-height: 100%;
    }

        .FishPassage.TimberFishAndWildlife #leftContentWrapper #rightColumn .video-container img {
            width: 100%;
            max-height: 100%;
            min-height: 100%;
        }

    #rightColumn .PageArticlesContent .circle {
        top: 34%;
        left: 43%;
    }
}


    @media all and (max-width: 425px) {
        #greenbar {
            height: 10px;
        }

        #leftContentWrapper .sResults {
            top: 50px;
        }

        #searchboxcontainer.searchResultsSearch {
            height: 120px;
         }

        #searchboxcontainer.searchResultsSearch h3 {
            display: block;
            padding-bottom: 5px;
        }

        #searchboxcontainer.searchResultsSearch .form-group input#q {
            width: 100%;
            display: block;
            margin-left: 0;
        }

        #searchboxcontainer.searchResultsSearch .form-group {
            margin: 0 0 30px 0;
        }

        footer #footerResources #bluebar {
            width: 85%;
        }

        #leftContentWrapper .searchResultsContent {
            margin-top: 85px;
        }

        #leftContentWrapper .searchResultsContent h1 {
            padding-bottom: 30px;
        }

        .Partners .Category a {
            margin: 0px 35px 25px 0;
       }

        footer #footerResources .MediaResource.BlockLink {
            width: 60%;
            display: block;
            margin-top: 5%;
            float: none;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }
    }


@media all and (max-width: 389px) {
    body:not(.Home) header .HeaderWrapper img.Header {
        min-width: 100%!important;
    }
}


@media all and (max-width: 370px) {
    #leftContentWrapper #leftColumn {
        min-width: 275px;
        width: 97%;
    }

    .Partners .Category a {
        margin: 0 auto 25px auto;
        float: none;
    }

    .Partners h3 {
        margin: 35px 0 20px 0;
    }

    #leftContentWrapper #rightColumn #partners a {
        width: 40%;
        margin: 0 auto;
        display: block;
        float: none;
    }

    #leftContentWrapper #rightColumn #partners {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}


@media all and (max-width: 332px) {
    footer #footerResources .LinkResource.LeafLink {
        width: 95%;
    }
}


