@charset "utf-8";

@media (max-width:640px) {

    body {
        background: #2d77ae
    }

    #content-area ul li {
        font-size: 13px;
        line-height: 18px
    }

    .new-block {
        display: none;
    }

    .container,
    .container.home-inner {
        --gutter: 20px;
        /* padding: 0 10px; */
        box-sizing: border-box;
    }

    header {
        padding: 0;
        min-height: 75px;
        background: none;
        position: relative !important;
        padding-top: 180px;
    }

    .header-bottom-inner {
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 260px 35px;
    }

    .blank {
        height: 30px;
    }

    .header-top {
        display: none
    }

    nav {
        display: none
    }

    .content-block p {
        line-height: normal !important;
    }

    .content-block p,
    p {
        font-size: 13px;
        line-height: 18px
    }

    .btn-m-nav {
        display: block;
    }

    .mobile-nav-block {
        display: block
    }

    .title input[type="text"],
    .title input[type="search"] {
        width: 50%;
        height: 30px;
        border-radius: 5px;
        margin-right: 0
    }

    .title .search-button {
        display: inline-block;
        background: #7e369d;
        width: 65px;
        display: inline;
        border-radius: 5px;
        color: #fff;
        font-size: 11px;
        line-height: 17px;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #fff;
        height: auto
    }

    .title .search-button:hover {
        text-decoration: none
    }

    .contact-list-mobile {
        padding: 20px 0 0 20px
    }

    .contact-list-mobile p {
        font-size: 15px;
        line-height: 15px;
        color: #fff;
        margin-bottom: 10px
    }

    .contact-list-mobile a {
        font-size: 15px;
        line-height: 15px;
        color: #fff;
        margin-bottom: 10px
    }

    .contact-list-mobile a:hover {
        text-decoration: none
    }

    .header-bottom {
        padding: 10px 0;
        box-sizing: border-box;
    }

    .banner-section .container,
    .shipping-content .container {
        --gutter: 20px;
    }

    .owl-prev {
        margin-left: -5px;
        margin-top: -27px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }

    .owl-next {
        margin-right: -5px;
        margin-top: -27px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }

    .about-instabox {
        width: 100%;
        margin-bottom: 15px
    }

    .video-block .instabox-title {
        font-size: 17px;
        margin-bottom: 0
    }

    .about-instabox .content-block h1 {
        font-size: 17px;
        margin-bottom: 5px
    }

    .about-instabox .video-block {
        display: inline-block;
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    /* .video-block .video-part {
        display: inline-block;
        float: none
    } */

    .video-block .video-part .video-btn {
        transform: scale(0.4);
        -webkit-transform: scale(0.4)
    }

    .video-block .video-part p {
        margin-bottom: 12px;
        font-size: 9px
    }

    .about-instabox .content-block {
        width: 100%
    }

    .ad-block .easy-block {
        width: 100%;
        height: auto;
        padding: 25px 20px 22px 16px
    }

    .ad-block .easy-block:after {
        display: none
    }

    .ad-block .call-us-block {
        padding: 25px 18px 22px 16px
    }

    .ad-block .quotes-block:before {
        left: 10px;
        /* top: 20px */
    }

    .ad-block .quotes-block {
        padding: 41px 18px 22px 79px
    }

    /* .custom-box .custom-box-title {
        font-size: 25px
    } */

    /* .custom-box {
        width: 100%;
        padding: 20px 0 0
    } */

    .custom-box .custom-box-right-part {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .custom-box .custom-box-left-part {
        float: none;
        width: 100%;
        margin: 0
    }

    .custom-box-right-part figure img {
        float: none
    }

    .custom-boxes {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .custom-boxes .box-block {
        float: none;
        margin: 0;
        margin-bottom: 20px;
        width: 100%
    }

    /* .custom-boxes .box-block .box-left-part {
        width: 100%;
        float: none;
        display: block
    }

    .custom-boxes .box-block .box-right-part {
        float: none;
        display: block;
        width: 100%
    } */

    .custom-boxes .box-block .box-right-part .box-title {
        float: none;
        display: block;
        margin-bottom: 5px
    }

    .custom-boxes .box-block .box-right-part .box-title span {
        float: none;
        display: block
    }

    .custom-boxes .box-block .box-right-part p {
        float: none;
        text-align: center;
        display: block
    }

    .custom-boxes .view-more-btn {
        text-align: left;
        display: inline-block;
        float: none
    }

    .custom-boxes .box-block .box-left-part figure {
        margin-bottom: 10px
    }

    .product-part .product-title {
        font-size: 25px;
        line-height: 35px
    }

    .product-part span {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0
    }

    .product-part .all-products .img-part {
        width: 50%
    }

    .product-part {
        margin-bottom: 10px
    }

    .product-part .all-products {
        margin-bottom: 10px
    }

    .facilitie {
        padding: 40px 0;
        /* height: 150px !important; */
        margin-bottom: 30px
    }

    .facilitie .facility-title {
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 18px
    }

    .facilitie p {
        font-size: 14px;
        line-height: 15px
    }

    .blog-post-block .blog-post-title {
        font-size: 25px;
        line-height: 30px
    }

    .blog-post-block span {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        padding-bottom: 5px
    }

    .blog-post-block .block-part {
        float: none;
        margin: 0;
        width: 100%
    }

    .blog-post-block .block-part .blog-title {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 20px
    }

    .block-part p {
        font-size: 15px;
        line-height: 20px
    }

    .read-more {
        float: left
    }

    /* .blog-post-block {
        padding-bottom: 10px;
        margin-bottom: 15px
    } */

    .location-recycle-block {
        margin-bottom: 25px
    }

    .location-recycle-block .block {
        width: 100%;
        float: none;
        margin: 0 0 10px;
        padding: 10px 50px 10px 10px
    }

    .location-recycle-block .block .block-title {
        font-size: 16px;
        line-height: 20px
    }

    .location-recycle-block .block p {
        font-size: 15px;
        line-height: 17px
    }

    .location-recycle-block .block::after {
        right: -12px;
        top: 1px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .location-recycle-block .second-block::after {
        right: -8px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }

    .map-part {
        margin-bottom: 20px
    }

    footer {
        margin-bottom: 0
    }

    footer .footer-top .footer-top-left {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    footer .footer-top .footer-top-right {
        width: 100%;
        margin-bottom: 10px
    }

    footer .footer-top .footer-top-right .timing-details {
        font-size: 15px;
        margin-bottom: 10px
    }

    footer .footer-top .footer-top-right .social-part {
        float: none;
        display: block;
        clear: both;
        margin-bottom: 20px
    }

    footer .footer-top .footer-top-right .social-part a {
        margin: 0 10px 0 0;
        float: none;
        display: inline-block
    }

    footer .footer-bottom .footer-bottom-left {
        width: 100%;
        margin-right: 0
    }

    footer .footer-bottom .footer-bottom-right {
        width: 100%;
        margin: 0
    }

    footer .footer-top .footer-top-left p {
        font-size: 14px;
        line-height: 20px
    }

    .footer-nav {
        margin-top: 0
    }

    .footer-nav ul li {
        font-size: 13px
    }

    .fullContent .boxkind {
        width: 100%;
        min-height: 10px;
        margin: 0 0 15px
    }

    .boxkind .prodImg {
        height: auto
    }

    body #content-area .leftSidebar,
    .rightContent {
        width: 100%;
        margin: 0 0 15px
    }

    .inMenu nav {
        display: block
    }

    .inHeader {
        text-align: center;
        padding-top: 10px
    }

    .inMenu {
        margin-bottom: 20px;
        width: 100%
    }

    #content-area .inMenu nav ul li a {
        font-size: 12px;
        padding: 6px;
        line-height: 1.5
    }

    #content-area .inMenu ul li::after {
        top: 20px
    }

    .locationImg {
        width: 100%
    }

    #content-area .inHeader ul li {
        display: inline-block;
        float: none;
        margin: 2px
    }

    .smallQuantityWrap {
        width: 100%;
        float: none;
        text-align: center
    }

    .contactWrap>div {
        float: none
    }

    .contactWrap .location {
        margin-top: 15px;
        width: 100%;
        padding-bottom: 20px
    }

    .fullContent .descTxt {
        margin: 15px 0 10px
    }

    .boxkind .prodDesc p {
        margin-bottom: 10px
    }

    .boxkind .prodDesc .morebtn {
        margin: 10px 0 0
    }

    body #content-area .leftSidebar ul li a {
        font-size: 12px;
        line-height: 14px
    }

    .rightContent h1 {
        font-size: 24px;
        padding-bottom: 8px
    }

    .rightContent .header2,
    .fullContent .header2 {
        margin: 20px 0 15px
    }

    .product-detail.second .hProduct {
        margin-top: 10px
    }

    .hProduct {
        padding: 10px 0
    }

    .hProduct .prodDesc h3 a {
        font-size: 16px
    }

    .hProduct .prodDesc .quote {
        font-size: 14px;
        max-width: 294px;
        margin: 12px 0 0
    }

    .nhover {
        text-align: center
    }

    /* .nhover a img {
        float: none
    } */

    .fullContent h3,
    .fullContent h3 a,
    .rightContent h3,
    .rightContent h3 a,
    .post h3,
    .post h3 a {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 6px
    }

    .rightContent iframe {
        height: 250px
    }

    #FSContact1,
    #FSContact2 {
        max-width: 100%;
        width: auto !important
    }

    .contactWrap .location h6 {
        font-size: 20px;
        line-height: 24px
    }

    .rightContent table {
        width: 100%;
        border: 0
    }

    .rightContent table tr td {
        width: inherit
    }

    .rightContent .btn.secondary {
        margin: 12px 0 0;
    }

    /* image center and text-left in mobile  */
    .subcast-img-center .hProduct .prodDesc,
    .ind-img-center .hProduct .prodDesc {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .subcast-img-center .hProduct .prodImg,
    .ind-img-center .hProduct .prodImg {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .subcast-img-center .hProduct .prodImg a,
    .ind-img-center .hProduct .prodImg a{
        display: inline-block;
    }
}

@media (min-width:641px) and (max-width:767px) {
    body {
        background: #2d77ae
    }

    .container,
    .container.home-inner {
        --gutter: 20px;
        padding: 0 10px;
        box-sizing: border-box
    }

    .banner-section .container,
    .shipping-content .container {
        --gutter: 20px;
    }

    header {
        padding: 0;
        position: relative !important;
        /* padding-top: unset !important; */
    }

    .header-top {
        display: none
    }

    .header-bottom-inner {
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 320px 35px;
    }

    .header-navigation {
        grid-row: 2/2;
        grid-column: 1/3;
    }

    nav {
        display: none
    }

    .new-block {
        text-align: center;
    }

    .btn-m-nav {
        display: block
    }

    .title input[type="search"],
    .title input[type="text"] {
        width: 150px;
        height: 30px;
        border-radius: 5px;
        margin-right: 10px
    }

    .title .search-button {
        display: inline-block;
        background: #7e369d;
        width: 160px;
        height: auto;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        line-height: 17px;
        text-align: center;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #fff
    }

    .title .search-button:hover {
        text-decoration: none
    }

    .mobile-nav-block {
        display: block
    }

    .contact-list-mobile {
        padding: 20px 0 0 20px
    }

    .contact-list-mobile p {
        font-size: 17px;
        line-height: 15px;
        color: #fff;
        margin-bottom: 10px
    }

    .contact-list-mobile a {
        font-size: 17px;
        line-height: 15px;
        color: #fff;
        margin-bottom: 10px
    }

    .contact-list-mobile a:hover {
        text-decoration: none
    }

    .header-bottom {
        padding: 10px 0
    }

    .owl-prev {
        margin-left: 8px;
        margin-top: -35px;
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    .owl-next {
        margin-right: 11px;
        margin-top: -35px;
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    .about-instabox {
        width: 100%;
        margin-bottom: 15px
    }

    .about-instabox .video-block {
        display: inline-block;
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .video-block .instabox-title {
        margin-bottom: 10px
    }

    .content-block h1 {
        margin-bottom: 10px
    }

    /* .video-block .video-part {
        display: inline-block;
        float: none
    } */

    .about-instabox .content-block {
        width: 100%;
        float: none
    }

    .content-block .item-nav {
        display: block
    }

    .ad-block .easy-block {
        width: 100%;
        height: auto;
        padding: 25px 0 22px 16px
    }

    .ad-block .easy-block:after {
        display: none
    }

    .ad-block .call-us-block {
        padding: 25px 18px 22px 16px
    }

    .ad-block .quotes-block:before {
        left: 10px;
        /* top: 20px */
    }

    .ad-block .quotes-block {
        padding: 41px 18px 22px 79px
    }

    .blank {
        height: 30px;
    }

    /* .custom-box {
        width: 100%;
        padding: 20px 0 0
    } */

    .custom-box .custom-box-right-part {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .custom-box .custom-box-left-part {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .custom-box-right-part figure img {
        float: none
    }

    .custom-boxes {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }

    .custom-boxes .box-block {
        /* display: inline-block; */
        float: none;
        margin: 0
    }

    .custom-boxes .view-more-btn {
        text-align: left;
        float: none;
        display: inline-table
    }

    .product-part .all-products .img-part {
        width: 24%
    }

    .product-part {
        margin-bottom: 10px
    }

    .product-part .all-products {
        margin-bottom: 10px
    }

    .facilitie {
        /* height: 300px !important; */
        padding: 60px 0;
        margin-bottom: 30px
    }

    .facilitie .facility-title {
        margin: 0 0 15px;
        font-size: 35px;
        line-height: 40px
    }

    .facilitie p {
        font-size: 20px;
        line-height: 25px
    }

    .blog-post-block span {
        padding-bottom: 5px;
        font-size: 17px
    }

    .blog-post-block .block-part {
        float: none;
        margin: 0;
        width: 100%
    }

    .blog-post-block .block-part .blog-title {
        margin-bottom: 10px
    }

    .read-more {
        float: left
    }

    .blog-post-block {
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .location-recycle-block {
        margin-bottom: 25px
    }

    .location-recycle-block .block {
        width: 100%;
        float: none;
        margin: 0 0 10px
    }

    .map-part {
        margin-bottom: 20px
    }

    footer {
        margin-bottom: 0
    }

    footer .footer-top .footer-top-left {
        width: 100%;
        margin: 0;
    }

    footer .footer-top .footer-top-right {
        width: 100%;
        margin-bottom: 10px
    }

    footer .footer-top .footer-top-right .timing-details {
        font-size: 15px;
        margin-bottom: 10px
    }

    footer .footer-bottom .footer-bottom-right {
        width: 100%
    }

    .footer-nav ul li {
        font-size: 13px
    }

    footer .footer-bottom .footer-bottom-left {
        width: 100%;
        margin-right: 0
    }

    footer .footer-bottom .footer-bottom-right {
        width: 100%;
        margin: 0
    }

    footer .footer-bottom-right .footer-nav {
        margin: 0 0 10px
    }

    .inMenu nav {
        display: block
    }

    .inHeader {
        text-align: center;
        padding-top: 10px
    }

    .locationImg {
        width: 100%
    }

    #content-area .inHeader ul li {
        display: inline-block;
        float: none;
        margin: 2px
    }

    #content-area .inMenu nav ul li a {
        font-size: 12px;
        padding: 6px
    }

    #content-area .inMenu ul li::after {
        top: 24px
    }

    .contactWrap .location {
        margin-top: 0
    }

    .contactWrap>p br {
        display: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-bottom-inner {
        align-items: center;
        justify-content: space-between;
        grid-template-columns: 320px 35px;
    }

    .header-navigation {
        grid-row: 2/2;
        grid-column: 1/3;
    }
}

@media (min-width:768px) and (max-width:1023px) {

    .container,
    .container.home-inner {
        --gutter: 40px;
        padding: 0 10px;
        box-sizing: border-box
    }

    .banner-section .container,
    .shipping-content .container {
        --gutter: 40px;
        padding: 0 10px;
        box-sizing: border-box
    }

    .header-top figure {
        width: 4%;
        margin: 2px 5px 0 -6px
    }

    .header-top .contact-list p {
        font-size: 12px;
        margin: 0 2px 0 0
    }

    .header-top .contact-list a {
        font-size: 12px
    }

    .new-block {
        text-align: center;
    }

    nav ul li {
        font-size: 14px
    }

    nav ul li a {
        padding: 8px 7px
    }

    .search-btn {
        font-size: 15px !important;
        height: 49px;
        top: -4px
    }

    .blank {
        height: 252px
    }

    .owl-next {
        margin-right: 13px;
        margin-top: -34px
    }

    .owl-prev {
        margin-left: 5px;
        margin-top: -34px
    }

    .about-instabox {
        margin-bottom: 30px
    }

    .about-instabox .video-block {
        width: 40%;
        margin-right: 20px
    }

    .video-block .instabox-title {
        font-size: 22px;
        margin-bottom: 10px
    }

    .content-block h1 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .about-instabox .content-block {
        width: 55%;
        margin: 0
    }

    .content-block p {
        margin-bottom: 10px
    }

    .item-nav ul li {
        padding: 0
    }

    .content-block .item-nav {
        margin-bottom: 15px
    }

    .video-block .video-part .video-btn {
        -webkit-transform: scale(0.4);
        transform: scale(0.4)
    }

    .video-block .video-part p {
        font-size: 13px;
        margin-bottom: 10px
    }

    .ad-block {
        margin-bottom: 30px
    }

    .ad-block .easy-block {
        width: 30%
    }

    .ad-block .easy-block:after {
        right: -21px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }

    .ad-block .easy-block .ad-title {
        font-size: 17px;
        margin-bottom: 5px
    }

    .ad-block .easy-block p {
        font-size: 14px;
        line-height: 16px
    }

    .ad-block .call-us-block {
        padding: 25px 0 22px 24px;
        width: 42%
    }

    .ad-block .call-us-block:after {
        right: -24px;
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }

    .ad-block .call-us-block p {
        font-size: 12px
    }

    .call-us-block span {
        font-size: 14px
    }

    .ad-block .quotes-block {
        width: 28%;
        padding: 41px 18px 22px 75px
    }

    .ad-block .quotes-block:before {
        -webkit-transform: translateY(-50%) scale(0.7);
        transform: translateY(-50%) scale(0.7);
        left: 20px
    }

    .breadcum {
        font-size: 13px
    }

    /* .custom-box {
        padding: 10px 0
    } */

    .custom-box .custom-box-left-part {
        width: 55%
    }

    .custom-box .custom-box-right-part {
        width: 45%
    }

    .inner-left-part figure img {
        width: 95%;
        float: left
    }

    .about-instabox .inner-left-part {
        margin: 0
    }

    .content-block .item-nav {
        margin-bottom: 15px
    }

    .inner-right-part .view-more-btn {
        margin-bottom: 15px
    }

    .custom-boxes .box-block {
        width: 49%;
        margin-right: 14px
    }

    /* .custom-boxes .box-block .box-right-part {
        width: 62%
    } */

    /* .custom-boxes .box-block .box-left-part {
        width: 32%
    } */

    .custom-boxes .box-block .box-right-part .box-title {
        font-size: 30px;
        line-height: 27px
    }

    .custom-boxes .box-block .box-left-part figure img {
        /* width: 100%; */
        display: block;
        height: auto
    }

    .custom-boxes {
        margin-bottom: 35px
    }

    .product-part {
        margin-bottom: 20px
    }

    .product-part .all-products {
        margin-bottom: 10px
    }

    .product-part .all-products .img-part {
        width: 12.5%
    }

    .product-part .product-title {
        font-size: 30px;
        line-height: 35px
    }

    .product-part span {
        font-size: 21px;
        line-height: 27px;
        margin-bottom: 20px
    }

    .product-part .all-products .img-part a {
        font-size: 9px;
        top: 25px
    }

    .facilitie {
        padding: 73px 0;
        /* height: 300px !important; */
        margin-bottom: 30px
    }

    .facilitie .facility-title {
        margin: 0 0 15px;
        font-size: 35px;
        line-height: 40px
    }

    .facilitie p {
        font-size: 20px;
        line-height: 25px
    }

    .blog-post-block span {
        padding-bottom: 5px;
        font-size: 19px;
        line-height: 30px;
        ;
    }

    /* .blog-post-block .block-part {
        margin-right: 40px;
        width: 47%
    } */

    .blog-post-block .block-part .blog-title {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 19px
    }

    .block-part p {
        font-size: 16px;
        line-height: 20px
    }

    .read-more {
        font-size: 17px;
        margin-right: 42px
    }

    /* .blog-post-block {
        padding-bottom: 10px
    } */

    .location-recycle-block {
        margin-bottom: 30px
    }

    .location-recycle-block .block {
        margin-right: 10px;
        width: 49%;
        padding: 25px 10px 10px
    }

    .location-recycle-block .block::after {
        right: -3px;
        top: 5px;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

    .location-recycle-block .block .block-title {
        font-size: 15px;
        line-height: 20px
    }

    .location-recycle-block .block p {
        font-size: 14px;
        line-height: 18px
    }

    .map-part {
        margin-bottom: 30px
    }

    footer {
        margin-bottom: 10px
    }

    /* footer .footer-top .footer-top-left {
        width: 32%;
        margin-right: 20px
    } */

    footer .footer-top .footer-top-left p {
        font-size: 14px;
        line-height: 20px
    }

    footer .footer-top .footer-top-right {
        width: 65%
    }

    .footer-bottom .footer-bottom-right .footer-nav ul li {
        font-size: 11px;
        margin-right: 4px
    }

    footer .footer-top-right .social-part a {
        margin-left: 3px;
        transform: scale(0.7);
    }

    footer .footer-top-right .timing-details {
        font-size: 11px
    }

    footer .footer-top-right .timing-details span {
        font-size: 14px
    }

    footer .footer-bottom .footer-bottom-left {
        width: 32%;
        margin-right: 20px
    }

    footer .footer-bottom .footer-bottom-right {
        width: 65%
    }

    footer .footer-bottom .footer-bottom-left p {
        font-size: 13px
    }

    #content-area .inMenu nav ul li a {
        font-size: 11px
    }

    .contactWrap .location {
        margin-top: 0
    }

    .contactWrap>p br {
        display: none
    }

    .header-bottom-inner .logo {
        width: 200px !important;
        height: 72px !important;
    }

    .hProduct {
        padding: 30px 0;
    }
}

@media (min-width:1024px) and (max-width:1169px) {

    .container,
    .container.home-inner {
        padding: 0 10px;
        box-sizing: border-box
    }

    .header-bottom-inner {
        grid-template-columns: 180px 1fr;
    }

    .header-top .contact-list p {
        font-size: 14px
    }

    .header-top .contact-list p a {
        font-size: 14px
    }

    .search-btn {
        height: 49px;
        top: -4px
    }

    .owl-prev {
        margin-left: 13px;
        margin-top: -45px
    }

    .owl-next {
        margin-right: 40px;
        margin-top: -45px
    }

    .about-instabox .video-block {
        width: 40%;
        margin-right: 20px
    }

    .about-instabox .content-block {
        width: 55%
    }

    .video-block .video-part .video-btn {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    .ad-block .easy-block {
        width: 30%
    }

    .ad-block .easy-block .ad-title {
        font-size: 24px
    }

    .ad-block .easy-block p {
        font-size: 14px
    }

    .ad-block .call-us-block {
        padding: 25px 0 22px 36px;
        width: 42%
    }

    .ad-block .call-us-block p {
        font-size: 12px
    }

    .call-us-block span {
        font-size: 14px
    }

    .ad-block .quotes-block {
        width: 28%
    }

    .custom-box .custom-box-left-part {
        width: 45%
    }

    .custom-box .custom-box-right-part {
        width: 55%
    }

    .custom-boxes .box-block {
        width: 49%;
        margin-right: 20px
    }

    /* .custom-boxes .box-block .box-left-part {
        width: 48%
    } */

    .custom-boxes .box-block .box-left-part figure img {
        /* width: 100%; */
        display: block;
        height: auto
    }

    .custom-boxes {
        margin-bottom: 35px
    }

    .product-part {
        padding-bottom: 20px;
        margin-bottom: 25px
    }

    .product-part .all-products .img-part {
        width: 12.5%
    }

    /* .blog-post-block .block-part {
        margin-right: 40px;
        width: 47%
    } */

    .blog-post-block .block-part .blog-title {
        font-size: 17px;
        margin-bottom: 10px
    }

    .block-part p {
        font-size: 16px
    }

    .location-recycle-block .block {
        margin-right: 25px;
        width: 48%
    }

    .location-recycle-block .block .block-title {
        font-size: 18px
    }

    .location-recycle-block .block p {
        font-size: 17px;
        line-height: 19px
    }

    .location-recycle-block .second-block:after {
        right: 5px;
        top: 8px
    }

    footer .footer-top .footer-top-left {
        width: 32%;
        margin-right: 20px
    }

    footer .footer-top .footer-top-left p {
        font-size: 14px;
        line-height: 20px
    }

    footer .footer-top .footer-top-right {
        width: 65%
    }

    footer .footer-bottom .footer-bottom-left {
        width: 32%;
        margin-right: 20px
    }

    footer .footer-bottom .footer-bottom-right {
        width: 65%
    }

    .hProduct {
        padding: 30px 0;
    }
}

@media (min-width:0px) and (max-width:479px) {

    html,
    body,
    input {
        border: medium none;
        position: relative
    }

    body:not(.scroll-fixed) {
        overflow-x: hidden;
    }

    .fullContent .boxkind {
        text-align: center
    }

    .boxkind .prodImg,
    .boxkind .prodDesc {
        width: 100%;
        margin: 0 0 10px
    }

    .hProduct .prodImg,
    .hProduct .prodDesc {
        width: 100%;
        text-align: center;
        margin: 0
    }

    .quoteform .widget_sp_image-description {
        padding-top: 10px
    }

    .quoteform .widget {
        text-align: center
    }

    .quoteform .widget img {
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .quoteform h4 {
        margin: 0 0 8px;
        font-size: 24px
    }

    /* .subcast-img-center .hProduct .prodDesc span:has(.thickbox),
    .ind-img-center .hProduct .prodDesc span:has(.thickbox){
        justify-content: center;
    } */
}

@media (max-width:479px) {
    .header-top-mob-inner p a {
        display: inline-block;
    }
}

@media (min-width:479px) and (max-width:600px) {
    .video-block .video-part p {
        font-size: 15px;
        margin-bottom: 20px
    }

    .location-recycle-block .block .block-title {
        font-size: 19px;
        line-height: 20px
    }

    .location-recycle-block .block::after {
        right: -8px
    }

    .location-recycle-block .block p {
        font-size: 17px;
        line-height: 20px
    }

    .product-part .all-products .img-part {
        width: 33%
    }

    footer {
        margin-bottom: 0
    }

    footer .footer-top-left p {
        font-size: 15px
    }

    footer .footer-bottom .footer-bottom-left p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px
    }

    footer .footer-bottom-right .footer-nav {
        margin: 0
    }
}

@media (max-width:991px) {
    .btn-m-nav {
        display: flex;
        align-items: center;
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin: 0;
    }

    .btn-m-nav img {
        display: none;
    }

    .btn-m-nav span {
        position: relative;
        left: 0;
        right: 0;
        display: block;
        margin: 0 auto;
        border-radius: 0;
        height: 3px;
        width: 100%;
        background: #000 !important;
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        cursor: pointer;
        border-radius: 2px;
    }

    .btn-m-nav span::before,
    .btn-m-nav span::after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: #000 !important;
        transition: all .3s cubic-bezier(.645, .045, .355, 1);
        cursor: pointer;
        border-radius: 2px;
    }

    .btn-m-nav span::before {
        top: -6px;
    }

    .btn-m-nav span::after {
        bottom: -6px;
    }

    .btn-m-nav.active span::before {
        transform: rotate(45deg);
        top: 0;
    }

    .btn-m-nav.active span::after {
        transform: translateY(-6px) rotate(-45deg);
        top: 6px;
    }

    .btn-m-nav.active span {
        background-color: transparent !important;
    }

    /* .btn-m-nav.active::before {
        transform: translate(-50% , -50%) rotate(45deg);
    } */

    .btn-m-nav.active::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .btn-m-nav.active::before,
    .btn-m-nav.active::after {
        opacity: 1;
    }

    .contact-list-mobile {
        padding: 20px 0 0 20px;
    }

    .mobile-nav-block {
        display: block;
    }

    nav {
        display: none;
    }

    .ad-block-wrap .container {
        --container-width: 1170px;
        --gutter: 55px;
    }

    .ad-block .call-us-block .calgary-block {
        margin-bottom: 5px;
    }

    .rightContent .btn.secondary {
        font-size: 16px;
    }
}

@media (max-width:767px) {

    /* header {
        padding-top: 160px !important;
    } */

    /* 02-March-23 */
    .custom-boxes-grid {
        grid-template-columns: 1fr;
    }

    .header-top-mob {
        display: block;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999;
    }

    .header-top-mob-inner {
        padding: 8px;
        display: grid;
        grid-gap: 15px;
        text-align: center;
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: repeat(3, auto) !important;
        position: relative;
    }

    .header-top-mob-inner:after {
        display: none !important;
        /* content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        display: block;
        background: #4c4c47;
        pointer-events: none; */
    }

    .header-top-mob-inner p {
        color: #fff;
        margin: 0;
    }

    .header-top-mob-inner p a {
        color: inherit;
    }

    footer .footer-bottom-wrapper p {
        text-align: center;
    }

    .header-bottom-inner .anniversary-logo {
        max-width: 60px;
    }

    body #content-area .leftSidebar,
    .rightContent {
        width: 100%;
        margin: 0 0 15px
    }

    .smallQuantityWrap {
        width: 100%;
        float: none;
        text-align: center
    }

    .custom-rsc-box .box-guid span {
        margin-top: 16px;
    }

    .custom-boxes .box-range .price {
        justify-content: center;
    }
}

/** Mobile - herobanner */
.hero-mobile {
    width: 100%;
    position: relative;
}

.hero-mobile .hero-mobile-text {
    padding: 30px 0;
    text-align: center;
    background-color: #FFFFFF;
}

.hero-mobile .hero-mobile-text h2,
.hero-mobile .hero-mobile-text h3,
.hero-mobile .hero-mobile-text h4,
.hero-mobile .hero-mobile-text h5,
.hero-mobile .hero-mobile-text h6 {
    color: #1378c0;
}

@media (max-width:1600px) {

    .header-top .container,
    .header-bottom .container,
    .container {
        --gutter: 15px;
    }

    .header-top .contact-list p:not(:last-child) {
        padding: 0 20px 0 30px;
        margin-right: 20px;
    }

    nav ul li {
        font-size: 16px;
    }

    footer .footer-top-wrapper .container,
    footer .footer-bottom-wrapper .container {
        --container-width: 1180px;
        --gutter: 50px;
    }
}

@media (max-width:1279px) {
    .header-top .contact-list p:not(:last-child) {
        padding: 0 20px 0 30px;
        margin-right: 20px;
    }

    .header-bottom-inner .logo {
        width: 250px;
    }

    nav ul li {
        font-size: 14px;
    }

    nav ul li a {
        padding: 8px;
    }

    nav ul.mainMenu {
        margin: 0 -8px;
    }

    .header-top .contact-list-wrap p img {
        width: 24px;
        height: 20px;
    }
}

@media (max-width:991px) {
    .header-top .contact-list p {
        flex-direction: column;
        justify-content: center;
    }

    .header-bottom-inner {
        display: grid;
    }

    .contact-list-mobile a span {
        width: 50px;
        font-size: 10px;
        text-align: center;
        margin-left: 0;
    }

    .contact-list-mobile p,
    .contact-list-mobile p a {
        color: #fff;
    }
}

@media (max-width: 1220px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
    }

    h1,
    .h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 25px;
    }

    h4 {
        font-size: 18px;
    }

    P {
        font-size: 16px;
        line-height: 22px;
    }

    .p-lg p {
        font-size: 18px;
    }

    .btn {
        font-size: 18px;
        padding: 15px 40px;
    }

    .box-supplier-cta p img {
        width: 91px;
        height: 86px;
    }

    .banner-section .owl-content h3 {
        font-size: 25px;
    }

    .banner-section .owl-main .owl-right {
        flex: 1;
    }

    .custom-boxes .custom-boxes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .video-block .video-block-right {
        flex: 1;
    }

    .ad-block-wrap .container {
        --gutter: 20px;
    }

    .block-part p {
        line-height: 30px;
    }

    footer .footer-right ul li,
    footer .footer-middle p {
        font-size: 18px !important;
    }

    footer .footer-logo a {
        width: 250px;
    }

    .blog-post-block .blog-title h2 {
        font-size: 30px;
    }

    .video-block .video-block-left h2 {
        font-size: 40px;
    }

    .rightContent .header2 span {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {

    h1,
    .h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 25px;
    }

    .btn {
        font-size: 18px;
        padding: 15px 40px;
    }

    .banner-section .owl-main {
        margin: 0 -10px;
    }

    .banner-section .owl-main .owl-right,
    .banner-section .owl-main .owl-left {
        padding: 0 10px;
    }

    .custom-box .custom-box-wrapper {
        margin: 0 -20px;
    }

    .custom-box .custom-box-left-image,
    .custom-box .custom-box-right-content {
        padding: 0 20px;
    }

    .btn.secondary {
        font-size: 18px;
    }

    .blog-post-block .block-part .blog-part-bottom {
        padding: 20px 25px;
    }

    .blog-post-block .block-part .blog-title {
        padding: 16px 25px;
    }

    footer .footer-top-wrapper {
        padding: 40px 0;
    }

    footer .footer-top {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0;
        row-gap: 30px;
    }

    footer .footer-top .footer-right {
        width: 50%;
        order: -1;
    }

    footer .footer-top .footer-middle {
        width: 100%;
    }

    footer .footer-top .footer-top-left {
        width: 50%;
        margin: 0;
        order: -2;
    }

    /* footer .footer-right .footer-nav {
        justify-content: center;
    }

    footer .footer-right .footer-nav ul {
        text-align: center;
    } */

    footer .footer-middle .footer-middle-wrap {
        max-width: 100%;
    }

    footer .footer-top-left .footer-logo {
        margin-bottom: 20px;
    }

    footer .footer-top-left .social-part {
        margin-top: 20px;
    }

    nav ul li ul {
        width: 275px;
    }

    .blog-post-block .blog-title h2 {
        font-size: 25px;
    }

    .facilitie {
        min-height: auto;
    }

    .facilitie .facility-wrapper {
        padding: 0;
    }

    .video-block .video-block-left h2 {
        font-size: 32px;
    }

}

@media (max-width: 767px) {
    .header-bottom-inner .logo {
        width: 175px;
    }

    .banner-section .owl-main {
        flex-direction: column-reverse;
    }

    .banner-section .owl-main .owl-right,
    .banner-section .owl-main .owl-left,
    .shipping-content .owl-left,
    .shipping-content .owl-right {
        width: 100% !important;
    }

    .banner-section .owl-main .owl-left {
        margin-top: 30px;
    }

    .banner-section .owl-main .owl-banner-img {
        position: relative;
        aspect-ratio: 100 / 67;
        max-width: 100%;
    }

    .banner-section .owl-main .owl-banner-img img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .banner-section .owl-buttons {
        gap: 0;
    }

    .banner-section .owl-main {
        margin: 0;
    }

    .banner-section .owl-main .owl-right,
    .banner-section .owl-main .owl-left {
        padding: 0;
    }

    /* Proudly Canadian Section  */

    .proudly-canadian .pc-wrap {
        flex-direction: column;
    }

    .shipping-content .owl-main .owl-banner-img {
        aspect-ratio: 100 / 81;
        /* padding-top: 81% !important; */
    }

    .packaging-content .owl-main .owl-banner-img {
        aspect-ratio: 100 / 96;
        /* padding-top: 96% !important; */
    }

    .custom-boxes .custom-boxes-grid {
        grid-template-columns: auto;
    }

    .custom-boxes .box-right-part img.dollar-sign {
        margin: 0 auto;
        float: unset;
    }

    .custom-boxes .box-block .box-right-part {
        align-items: center;
    }

    .custom-box .custom-box-wrapper {
        flex-direction: column;
        margin: 0;
    }

    .custom-box .custom-box-left-image,
    .custom-box .custom-box-right-content {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .custom-box .custom-box-right-content {
        margin-top: 30px;
    }

    .custom-box .custom-box-left-image {
        position: relative;
        padding-top: 80%;
    }

    .custom-box .custom-box-left-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ad-block {
        flex-direction: column;
    }

    .facilitie .facility-wrapper,
    footer .footer-middle .footer-middle-wrap {
        text-align: center;
    }

    .blog-post-block .blog-part-wrapper {
        flex-direction: column;
    }

    .video-block {
        padding: 40px 0;
    }

    .video-block .video-block-wrap {
        flex-direction: column-reverse;
    }

    .video-block .video-block-left {
        margin-top: 30px !important;
    }

    .video-block .video-block-left,
    .video-block .video-block-right {
        max-width: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .video-block .video-block-wrap {
        margin: 0;
    }

    footer .footer-top .footer-right,
    footer .footer-top .footer-middle {
        width: 100%;
    }

    footer .footer-top .footer-right {
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
    }

    footer .footer-logo a {
        margin: 0 auto;
    }

    footer .footer-top-wrapper .container,
    footer .footer-bottom-wrapper .container {
        --gutter: 20px;
    }

    footer .footer-top-left .social-part {
        justify-content: center;
    }

    footer .footer-right ul {
        text-align: center;
    }

    footer .footer-right .footer-nav {
        justify-content: center;
    }

    footer .footer-middle p:last-child {
        margin-bottom: 0;
    }

    footer .footer-top .footer-top-left {
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        width: 100%;
    }

    .ad-block .easy-block {
        justify-content: flex-start;
    }
}

@media (min-width:767px) and (max-width:785px) {
    header {
        padding-top: 0 !important;
    }
}