@media (max-width: 1280px) {
  #aboutScrollHeadingDetail {
    display: none;
  }
}

@media (max-width: 1200px) {

	body,html
	{
		overflow-x:hidden;
	}


	.testimonial {
    background-position: center;
	}
  #homeOurDifference .col-md-6 .hoverbox_wrapper {
    width: 100% !important;
  }
  #thedifference .hoverbox_wrapper {
    width: 100% !important;
  }
  #thedifference .col-md-6 {
    float: left;
    width: 49%;
    margin: 0.5%;
  }
  .contactIcon {
    width: 50px;
  }

}

@media (max-width: 1240px) {

  .widget_mediastack > div > .mediastack_background  > .media{
    width: auto !important;
    height: 100% !important;
  }
  #newsroom .article_image img {
    width: 115%;
    height: auto;
  }
  #homeProducts .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
  }
  #homeProducts .featuredGridSlice .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 25px;
  }
}

@media (max-width: 1200px) {
  #newsBottom .article_item {
    width: 32%;
  }
  .link-box img {
    width: 100%;
    height: auto;
  }
  #linkBoxSlice .col-md-4 {
    margin: auto;
    max-width: 350px;
    margin-top: 15px;
  }
  #homeOurDifference .hoverbox_wrapper .hoverbox_box .hoverbox_contents,
  #thedifference .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    top: 29%;
  }
}

@media (max-width: 991px) {
  #newsroom .article_image img {
    height: 100%;
    width: auto;
  }
  #headerTop .col-md-6 {
    float: left;
    width: 50%;
  }
  #contactTop .col-md-6 {
    float: left;
    width: 50%;
  }
  #ovallogos {
    text-align: center;
  }
  #homeProducts .featuredGridSlice .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    font-size: 25px;
    letter-spacing: 8px;
    line-height: 35px;
  }
  #homeOurDifference .padding50,
  #thedifference .padding50 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #homeOurDifference .hoverbox_wrapper .hoverbox_box .hoverbox_contents,
  #thedifference .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    top: 37%;
  }
  #homeOurDifference .col-md-6,
  #thedifference .col-md-6 {
    margin-bottom: 15px;
    width: 49%;
    float: left;
  }
  #homeOurDifference .col-md-6 .hoverbox_wrapper {
    width: 300px !important;
    margin: auto;
  }
  #thedifference .hoverbox_wrapper {
    width: 300px !important;
    margin: auto;
  }
}

@media (max-width: 1024px) {

  .featuredGridSlice {
    padding-left: 15px;
    padding-right: 15px;
  }

  #homeProducts .col-md-3 {
    width: 50%;
    float: left;
    margin-bottom: 15px;
  }

  #homeContact .col-md-5 {
    padding-top: 0;
  }

  #newsroomtitle .col-md-6 {
    float: left;
    width: 50%;
  }
  #newsroom h2 .subTitle {
    line-height: 16px;
  }

  #topcaro h1 {
    margin-top: 0;
  }

  #ourCompanies .padding50,
  #ourCompanies .padding75 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #ourCompaniesGrid .col-md-6.first, #OurCompaniesGrid2 .col-md-6.first {
    padding-right: 15px;
  }

  #ourCompaniesGrid .col-md-6.last, #OurCompaniesGrid2 .col-md-6.last {
    padding-left: 15px;
  }

  #homeContact img {
    width: 100%;
    height: auto;
  }


  .homeForestLogo .green {
    top: 10px;
  }

  .mediastack_foreground {
    padding-top: 100px;
  }
  .nav li a {
    // padding: 10px;
  }

  .navbar-default .navbar-nav li.divider a img {
    max-width: 100%;
    height: auto;
  }

  .topLogos {
    float: left;
  }
  #menuslice.small .navbar-default .navbar-nav li.divider {
    height: 50px;
    width: 23%;
    margin-left: 4%;
    margin-right: 1%;
  }
  .navbar-default .navbar-nav li a {
    // padding: 6px 3px;
    // font-size: 12px;
  }
  #searchBox {
    left: 20%;
    right: 20%;
  }
  #megamenu {
    display: none !important;
  }
  div[id*=hoverbox_] .hoverWrapper {
    float: left;
    width: 49%;
    margin: 0.5%;
  }
  div[id*=hoverbox_] .hoverWrapper .widgetInfo {
    opacity: 1 !important;
  }


  #architects div[id*=hoverbox_] .hoverWrapper {
    width: 100%;
  }

  #featured div[id*=hoverbox_] .hoverWrapper {
    float: none;
    width: 100%;
  }
  #featuredgrid .col-md-4 {
    float: left;
    width: 49%;
    margin: 0.5%;
    padding: 0;
  }
  .homeNewsBottomLeft {
    left: 0;
    width: auto;
    float: none;
    padding: 10px;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
  }
  .homeNewsBottomRight {
    float: none;
    width: auto;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
  }
  #gallertyCaro .carousel-caption {
    width: auto;
    top: 0;
    position: relative;
    margin: 0;
    right: inherit;
    max-width: inherit;
  }
  .whiteShim.right,
  .whiteShim.left {
    display: none;
  }
  #gallertyCaro .carousel-control.left span,
  #gallertyCaro .carousel-control.right span {
    margin-top: -200px;
  }
  #testimonial .col-md-7 {
    width: 75%;
    line-height: 24px;
    font-size: 17px;
  }
  .testimonial {
    background-position: -300px 0px;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #footerTop {
    text-align: center;
  }
  #footerTop .text-right {
    text-align: center;
  }
  #copyright {
    text-align: center;
  }
  #footerProducts .col-md-2 {
    width: 32%;
    float: left;
    margin: 0.5%;
    text-align: center;
    padding-bottom: 20px;
  }
  #footerProducts .col-md-4 {
    clear: both;
    float: none;
    width: auto;
  }
  .footerUCSGroup {
    float: none;
    max-width: inherit;
    text-align: center;
  }
  #productMainGrid .article_category_list li, #productGrid2 .article_category_list li {
    width: 49% !important;
  }
  .productMainFilter {
    float: left !important;
    margin-top: 10px !important;
    margin-right: inherit !important;
  }

  h1.productMainTitle {
    width: 100% !important;
    font-size: 55px !important;
    line-height: 60px !important;
  }
  #productListWrap .article_item {
    width: 32% !important;
  }
  .requestOrderBtn {
    float: left !important;
  }
  #productBreadcrumb {
    padding-bottom: 0 !important;
  }
  #productBreadcrumb .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  #gallery-content-center .item {
    // width: 99% !important;
    margin-right: 10px !important;
  }
  .resourceTile {
    display: block;
    clear: both;
    float: none;
    max-height: 370px;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .resourceTile img {
    width: 100%;
    height: auto;
  }

  .swatch-item {
    width: 49% !important;
  }
  .swatch-item.contact .title {
    top: 15% !important;
  }
  #resourceMiddle .col-md-8,
  #resourceMiddle .col-md-4 {
    padding: 0;
    clear: both;
    width: 100%;
    float: none;
  }

  #videosSlice .col-md-9,
  #videosSlice .col-md-3 {
    clear: both;
  }
  #videopopup .content {
    width: 100% !important;
  }
  .jwplayer,
  #MSVideo {
    width: 100% !important;
  }
  .link-box.first,
  .link-box.last,
  .link-box {
    padding: 20px;
  }
  .link-box p {
    padding: 0;
    margin: 0;
  }
  #newsHeading .col-md-3 {
    width: 100%;
    float: none;
  }
  #newsBottom .col-md-3,
  #newsBottom .col-md-9 {
    clear: both;
    width: 100%;
    float: none;
  }
  #newsBottom .col-md-3 {
    padding: 0;
    margin-top: 10px;
    display: block;
  }
  #newsHeading .news-search {
    margin-top: 0;
  }
  #newsHeading .text-right {
    text-align: left;
  }
  #contactMainSlice {
    // display: table;
    padding-left: 15px;
    padding-right: 15px;
  }
  .contactUsLeft {
    position: relative !important;
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #contactMainSlice .col-md-4 {
    padding-left: 0;
    // display: table-footer-group;
    width: 100%;
    clear: both;
    float: none;
  }
  #contactMainSlice .col-md-8 {
    margin-left: inherit !important;
    // display: table-header-group;
    width: 100%;
    clear: both;
    float: none;
  }
  #ovallogos .col-md-3 {
    float: left;
    width: 49%;
    margin: 0.5%;
  }
  #service .id1, #qualityproducts .id1, #people .id1 {
    padding-top: 10px;
  }
  .aboutVideo {
    padding-top: 10px;
  }
  #homeGreenPrograms .greenLogo {
    margin-left: 15px;
    margin-right: 15px;
  }
  .swatch-item {
    float: left;
  }
  #aboutScrollSlice iframe {
    width: 100% !important;
  }
  #topNewsSlice .article_item .article_image {
    max-height: 300px;
  }

}

@media (max-width: 991px) {
  #newsBottom .article_item {
    width: 49%;
  }
}

@media (max-width: 768px) {
  #homeOurDifference .col-md-6 {
    float: left;
    width: 50%;
  }
  #homeOurDifference .col-md-6 .hoverbox_wrapper {
    width: 300px !important;
    margin: auto;
  }

  #homeTestimonial .col-md-7 {
    width: 70%;
  }
  #newsroom h2 img {
    margin-bottom: 20px;
  }
  #gallerytitle {
    border-top: 1px solid #dedede;
  }
  .applicationFilter .article_category_list li {
    width: 32% !important;
  }
  #productMainGrid .article_category_list li a, #productGrid2 .article_category_list li a {
    letter-spacing: 7px;
    font-size: 20px;
    padding: 25px;
  }
  #homeGreenPrograms .col-md-8 {
    text-align: center;
  }
  #homeGreenPrograms .greenLogo {
    margin-left: 30px;
    margin-right: 30px;
  }
  #thedifference .hoverbox_wrapper {
    width: 300px !important;
    margin: auto;
  }
  #thedifference .hoverbox_wrapper .hoverbox_box {
    margin-top: 0;
  }
  #thedifference .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    // top: 30%;
  }
  .testimonial {
    background-position: -650px 0px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #architects div[id*=hoverbox_] .hoverWrapper {
    width: 49%;
  }

  #rightSideBar {
    top: 100px;
  }

  #menuslice.small .navbar-default .navbar-nav li.divider {
    margin-top: -8px;
    height: 50px;
    width: 23%;
    margin-left: 4%;
    margin-right: 1%;
  }
  #newsroom .article_image img {
    width: 100%;
  }
}

@media (max-width: 767px) {

  #headerTop .col-md-6:first-child {
    padding-left: 15px;
  }
  #headerTop .col-md-6:last-child {
    padding-right: 15px;
  }

  #topNewsSlice .article_item .article_image img {
    top: 0 !important;
  }

  #headerTop {
    position: absolute;
    height: 50px;
    top: 0;
    left: 0;
    padding-top: 5px;
  }

  #headerTop img {
    padding-right: 5px;
  }

  #headerTop .col-md-6 {
    float: none;
    width: 100%;
    text-align: center;
  }

  #headerTop .footerPhone {
    display: none;
  }

  #menuslice.small .navbar-default .navbar-nav li {
    height: auto;
  }

  #menuslice .navbar-default .navbar-nav li.divider {
    display: none;
  }
  .topLogos {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
  }
  .topLogos .ucLogo {
    display: block;
  }
  .topLogos .sierraLogo {
    display: block;
  }
  .navbar-default .navbar-nav li {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .navbar-default .navbar-nav li a {
    position: relative;
    bottom: auto;
  }
  #aboutBanner {
    height: auto;
  }
  #aboutBanner .padding100 {
    padding: 0;
  }

  #aboutBanner {
    background-position: 0px 0px;
  }

}

@media (max-width: 667px) {

  .resourceTile .hover a {
    padding: 60px 20px !important;
  }

  // body.aboutus #bootstrapslice img {
  //   width: 100%;
  //   height: auto;
  // }
  #topNewsSlice .row,
  #newsBottom .row {
    margin-left: 0;
    margin-right: 0;
  }
  #newsroom {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #newsroomtitle .col-md-6 {
    width: 100%;
    float: none;
  }

  #homeOurDifference .col-md-6 {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  #homeProducts p {
    padding: 15px;
  }

  .featuredGridSlice .hoverbox_wrapper .hoverbox_box .hoverbox_contents {
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 25px;
  }

  #homeProducts .col-md-3 {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  #homeContact .col-md-5 {
    padding-left: 15px;
    padding-top: 0;
  }

  #back-to-top {
    bottom: 0;
    right: 0;
  }

  #newsroom p {
    margin: 10px;
  }

  #newsroomtitle .socialIcon {
    margin-top: 0;
  }

  #newsroomtitle .col-md-6 {
    clear: both;
  }

  .testimonial p {
    font-size: 16px;
    line-height: 19px;
  }

  #ourCompanies h1 {
    line-height: 65px;
  }

  .locationBox.open {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-x: auto;
  }

  #gallertyCaro {
    margin-bottom: 0px;
  }
  #ovallogos .col-md-3 {
    float: none;
    width: 99%;
    text-align: center;
  }
  #contactMainSlice {
    padding-right: 0;
  }
  #contactMainSlice .col-md-8 {
    width: auto;
    margin: 0;
    padding: 0;
  }
  .applicationFilter .article_category_list li {
    width: 49% !important;
  }
  #newsroom h2 img {
    // margin-bottom: 50px;
  }
  #newsroom h2 .subTitle {
    line-height: 15px;
  }
  .homeSubscribe .type_submit {
    top: 5px;
  }
  .resourceRightBox .homeSubscribe .type_submit {
    top: 5px !important;
  }
  #homeNewsBottom {
    padding-bottom: 0px;
  }
  #newsroom .article_image img {
    width: 115%;
  }
  #newsroomtitle .text-right {
    text-align: center;
  }
  #featuredgrid .col-md-4 {
    width: 99%;
    float: none;
    margin-bottom: 10px;
  }
  h1 {
    font-size: 60px;
    line-height: 65px;
  }
  h4 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .type_htmltext .btn.white {
    width: 100%;
  }
  .navbar-toggle {
    margin-right: 20px;
  }
  .topLogos {
    padding-top: 10px;
  }
  .navbar-collapse {
    border-top: 0px;
  }
  .locationBox {
    left: 0;
    right: 0;
    width: 100%;
  }
  .registerForm {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-x: auto;
  }
  .registerForm.open {
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-x: auto;
  }
  #orderForm.open,
  #addItemPanel.open,
  #endPanel.open,
  #customerInformation.open {
    width: 100%;
    padding: 20px;
  }
  .topLogos .ucLogo {
    display: block;
    float: left;
  }
  .registerformcallout {
    text-align: right;
  }
  #orderForm .orderClose {
    right: 14px;
    left: auto;
    width: 30px;
    height: 30px;
    background-size: 100%;
  }
  .headerLeftBox {
    float: left;
    width: 45%;
    text-align: center;
    // padding: 5px 20px;
    padding-top: 10px;
    padding-left: 10px;
  }
  .headerLeftBox img {
    // width: 100%;
    // height: auto;
  }
  .headerRightBox {
    float: right;
    width: 57%;
    margin: 0;
    padding: 5px 20px;
  }
  .headerRightBox .search {
    display: block;
    position: absolute;
    top: 5px;
    right: 20px;
    float: none;
    margin: 0;
  }
  #searchBox {
    left: 15%;
    right: 15%;
  }
  #searchInput {
    display: block;
    width: 100%;
    float: none;
  }
  #searchSubmitBtn {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  // .searchClose {
  //   right: 10px;
  //   top: -50px;
  // }
  .navbar-nav {
    margin: 0;
  }
  .navbar-default .navbar-nav li {
    width: 100%;
    border-bottom: 1px solid #444;
  }
  #newsroom article {
    width: auto;
    float: none;
  }
  .homeNewsBottomLeft,
  .homeNewsBottomRight {
    float: none;
    width: auto;
    margin: 1%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .whiteShim {
    display: none;
  }
  #gallertyCaro .carousel-caption {
    top: 0;
    width: 100%;
  }
  #gallertyCaro .carousel-caption .btn {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    right: auto;
  }
  #gallertyCaro h1 {
    font-size: 40px;
    margin: 0;
  }
  .testimonial {
    background-position: -800px 0px;
  }
  #testimonial .col-md-7 {
    width: 100%;
  }
  #testimonial .padding100 {
    background-color: rgba(0,0,0,0.5);
    padding: 15px;
    margin-top: 50px;
  }
  #thedifference .col-md-6 {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  #footerProducts ul li {
    padding: 0px 0px;
    font-size: 15px;
  }
  #homeGreenPrograms .greenLogo {
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
  }
  .bottomGreenLine {
    text-align: center;
    padding-bottom: 40px;
  }
  .bottomGreenLine:after {
    width: 100%;
    left: 0;
  }
  .hoverbox_wrapper {
    margin: auto;
    margin-bottom: 20px;
  }
  #footerTop {
    text-align: center;
  }
  .footerPhone {
    display: block;
    text-align: center;
    border: 0;
    padding: 0;
  }
  .footerLoc {
    display: block;
    padding-left: 0;
    cursor: pointer;
    text-align: center;
  }
  #footerProducts {
    text-align: center;
  }
  .footerUCSGroup {
    width: 100%;
    float: none;
    max-width: inherit;
    border-top: 1px solid #565656;
    clear: both;
    padding-top: 10px;
  }
  #copyright {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  #productMainGrid .article_category_list li, #productGrid2 .article_category_list li {
    width: 100% !important;
    float: none !important;
  }
  .productMainFilter {
    float: none !important;
    margin-top: 10px !important;
    margin-right: inherit !important;
  }
  #productListWrap .article_item {
    width: 49% !important;
    max-width: inherit !important;
  }
  .productInfoColRight .article_attachments .article_type_url {
    margin: 0 !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
  }
  .requestOrderBtn {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    margin-top: 20px !important;
    float: none !important;
    margin-bottom: 10px !important;
  }
  #productBtnsSlice {
    padding-top: 60px !important;
    padding-bottom: 0 !important;
  }
  .technical-resource-list ul li {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  .resourceTile {
    max-height: inherit;
    height: 190px;
  }
  #videosSlice .article_item {
    min-height: auto;
    width: 99%;
  }
  .articleMainTitle {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  #videosSlice .article_categorys {
    position: relative;
    bottom: 10px;
  }
  #videosSlice .article_item .article_title {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #newsBottom .article_item {
    min-height: auto;
    width: 99%;
  }
  .sidebox {
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
    background-size: 100% !important;
    padding: 5px !important;
    margin: 10px 0px !important;
    margin-left: 5px !important;
  }
  .sidebox > .title {
    display: none !important;
  }
  #rightSideBar {
    position: fixed !important;
    left: 0px !important;
    top: 85px !important;
    z-index: 999 !important;
    width: 30% !important;
  }
  .sidebox.login > .icon {
    margin-top: 0 !important;
  }
  .productMainTitle h2 {
    width: 100% !important;
    font-size: 55px !important;
    line-height: 65px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #newsroom h2 {
    line-height: 38px;
  }
  #newsroom h2 .subTitle {
    line-height: 20px !important;
    display: block;
    margin-top: 5px;
  }
  .link-box img {
    width: 100%;
    height: auto;
  }
  #contactMiddle h5 {
    clear: both;
  }
  #contactTop .col-md-6 {
    float: none;
    width: 99%;
    margin: 0.5%;
    clear: both;
  }
  #contactMainSlice .col-md-8 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #aboutUcsForest .green {
    display: block;
    margin-top: 10px;
  }
  #aboutUcsForest h4 {
    padding-left: 0;
    padding-right: 0;
  }
  #aboutBanner {
    background-position: -100px 0px;
  }
}


@media (max-width: 400px) {

  #contactMiddle .pushRight {
    padding-left: 0;
  }
  #contactMiddle .pushRight a {
    display: inline;
    margin-bottom: inherit;
  }

  .searchClose {
    right: 10px;
    top: -50px;
  }

  #contactTop .col-md-6 {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    clear: both;
  }

  .headerRightBox .search {
    right: 140px;
  }
  .testimonial .btn {
    font-size: 11px;
    letter-spacing: 1px;
  }
  #newsroom .article_image img {
    width: 150%;
  }
  .headerRightBox {
    float: none;
    width: auto;
    margin: 0;
    position: relative;
    padding: 5px;
  }
  .locationPhone {
    display: block;
    margin-right: 0px;
    text-align: right;
  }
  .locationName {
    display: block;
    margin-right: 0px;
    text-align: right;
  }
  #rightSideBar {
    top: 120px !important;
  }
  #architects .padding75 {
    padding-top: 20px;
  }
  #newsroom h2 img {
    margin-bottom: 50px;
  }
  #aboutBanner {
    background-position: -400px 0px;
  }
}

@media (max-width: 320px) {

  #productListWrap .article_item {
    width: 99% !important;
    max-width: inherit !important;
  }
}