.slide-animation {
    left: -1000px;
    position: relative;
    padding-left: 2.5%;
}
body {
    width: 100%;
    position: relative;
    font-size: 95%;
    font-family: "Montserrat";
}
.home-icons-container {
    display: flex;
    margin-bottom: 2%;
    margin-top: 4%;
}
.outdoor-icon {
    color: white !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

    .outdoor-icon:hover, .outdoor-icon:after, .outdoor-icon:before {
        color: white;
        background-color: transparent;
        text-decoration: none;
    }
.remove-left-right-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.our-products-menu {
    background-image: url("/media/oi1jhsl1/edited-customized-branding-pic.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 488px;
}
.our-products-text {
    height: 119px;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-weight:900;
    font-size: 70px;
    line-height: 103px;
    text-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}
.our-products-branding {
    font-weight: bold;
    padding-left: 40px;
    height: 119px;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-weight:900;
    font-size: 70px;
    line-height: 103px;
    text-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
}
.text_align {
    display: flex;
}
.center-vertically {
    display: flex;
    align-items: center;
}
.product-catalog-social-icons {
    color: white;
}


img#retro {
    margin-left: auto;
    margin-left: auto;
    margin-right: auto;
    height: 60%;
}
img#nice {
    float: right;
}
.row.first-row {
    display: flex;
    text-align: center;
}
.a {
    align-self: center;
    width: 100%;
    color: #312783;
    font-family: "Montserrat";
    font-size: 35px;
    font-weight: bold;
    line-height: 41px;
    text-align: center;
}

.milk-bottle-img{
    width:219px;
    height:376px;
}

.b {
    width: 75%;
    color: #312783;
    font-family: "Montserrat";
    font-size: 21px;
    line-height: 36px;
    text-align: center;
}
.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
}
.last-content-container {
    width: 100%;
    display: flex;
}

.left-content-container {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.last-right-content-container {
    display: flex;
    width: 60%;
    flex-direction: column;
}

.left-content-top-container {
    display: flex;
    flex-flow: column;
    height: 50vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
}

.left-content-top-container:hover .image{
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
    filter: brightness(60%);
}

.left-content-bottom-container {
    display: flex;
    height: 70vh;
    background-color: #682280;
    flex-direction: column;
    justify-content: center;
}

.right-top-content-container {
    height: 40vh;
    display: flex;
    background-color: #312783;
    justify-content: center;
    flex-direction: column;
}
.text-top {
    height: 137px;
    width: 95%;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 20px;
    align-self: center;
    line-height: 40px;
}
.text-middle {
    height: 235px;
    width: 95%;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 40px;
    align-self: center;
}
.text-bottom {
    height: 235px;
    width: 95%;
    color: #FFFFFF;
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 42px;
    align-self: center;
}

.right-bottom-content-container {
    height: 80vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
}
.right-bottom-content-container:hover .image {
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
    filter: brightness(60%);
}

.last-page-footer-container {
    display: flex;
    height: 492px;
    width: 100%;
}

.last-page-left-footer-container {
    width: 40%;
    height: 492px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
}
.last-page-left-footer-container:hover .image {
    -webkit-filter: brightness(60%);
    -moz-filter: brightness(60%);
    -o-filter: brightness(60%);
    -ms-filter: brightness(60%);
    filter: brightness(60%);
}

.last-page-right-footer-container {
    width: 60%;
    background-color: #009B3E;
    height: 492px;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}
.button {
    border: 2px solid black;
    background-color: white;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}

.button-quote {
    border-color: #e7e7e7;
    color: white;
    background: transparent;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.left-content-top-container:hover .middle {
    opacity: 1;
}
.right-bottom-content-container:hover .middle {
    opacity: 1;
}
.last-page-left-footer-container:hover .middle {
    opacity: 1;
}
i.fa.fa-arrow-right {
    text-align: center;
    background-color: #e7e8f500;
    color: #ffffff;
}
.logo1 {
    
    width: 33%;
    position: relative;
}
.logo2 {
   
    width: 33%;
    position: relative;
}
.logo3 {
    
    width: 33%;
    position: relative;
}
.row.logos {
    background: white;
    width: 100%;
    display: flex;
    padding: 35px;
}
.buckets {
    width: 20%;
    margin-right: 100px;
}
.mugs {
    width: 20%;
}
.color-buttons {
    text-align: center;
}
button.button.button-quote {
    background: transparent;
    border: solid;
}
.row.label-items {
    justify-content: center;
    background: white;
    width: 100%;
}
.img-fluid {
    max-width: 100%;
    height: auto;
    width: inherit;
}
.modal-body {
    position: relative;
    height: 500px;
    padding: 0rem;
}
.img-modal {
    position: absolute;
}
.this {
    position: absolute;
    width: 95%;
    visibility: visible;
}
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
}
div#product-catalog-container {
    top: -75px;
}
.pre-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("/media/5rhhd2hp/square-loop-01.gif") center no-repeat #fff;
    background-size: 350px 350px;
}

img-responsive.this {
    position: absolute;
    width: -webkit-fill-available;
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 20px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 8px;
    cursor: pointer;
}

.button1 {
    background-color: #f44336;
}

.button2 {
    background-color: #008CBA;
}

.button3 {
    background-color: #e7e7e7;
}

.button4 {
    background-color: #FF7F00;
}

.button5 {
    background-color: purple;
}

.button6 {
    background-color: green;
}

.button7 {
    background-color: darkslategray;
}

.button8 {
    background-color: rosybrown;
}

.button9 {
    background-color: black;
}

.button10 {
    background-color: yellow;
}
button11 {
    background-color: darkgreen;
}

/***Initial Screen **/

third-band-img{
    width:40%;
    height:40%;
}
.text-center{
    height:fit-content;
}
.header-one {
    padding: -10px;
    font-weight: bold;
    margin-left: 18%;
    margin-right: 18%;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 20px;
    letter-spacing: 0.62px;
    line-height: 39px;
    font-weight: 900;
}

.header-two {
    color: rgba(255,255,255,1);
    padding: 0px;
    font-family: "Montserrat";
    font-size: 20px;
    letter-spacing: 0.62px;
    line-height: 39px;
    margin-left: 18%;
    margin-right: 18%;
}
button.enquiry_button {
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    width: 210px;
    border-style: none;
    border-radius: 68px;
    background-color: rgba(255,0,133,1);
    box-shadow: 0 2px 74px 0 rgba(0,0,0,0.25);
}
.enquiry_text {
    height: 30px;
    width: 201px;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    margin-left: auto;
    font-weight: 900;
    margin-right: auto;
}

.card-one {
    background-color: #E01F21;
    width: 60%;
    height: 500px;
}

.row.items-center.text-header-container {
    height: 60vh;
    background: rgba(89,76,228,1);
}

.how-it-works {
    background-color: #E01F21;
    height: 75vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 50%;
}

.color_band, rotating_graphic{
    background-color: #E01F21;
    height: 647px;
    padding-top: 44px;
}

#color_band {
    position: relative;
    left: 650px;
    top: -524px;
    display: flex;
    justify-content: center;
    width: 54%;
}


#rotating_graphic {
    position: relative;
    top: 30px;
    left: 25%;
}

.the-nice-house-of-pl {
    height: 200px;
    width: 458px;
    color: #FFEF24;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
}

.when-suitable-we-ge {
    height: 191px;
    width: 479px;
    color: #FFEF24;
    font-family: "Montserrat";
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
}

.first-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #312783;
}

.second-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #E01F21;
}

.third-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #FFED01;
}

.fourth-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #009A3E;
}

.fifth-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #68227F;
}

.sixth-color-band{
    height: 520px;
    width: 10%;
    margin: 3%;
    background-color: #312783;
}


.bands-align{
    margin-top: 50px;
    width: 50%;

}

.rotating-graphic {
    height: 290px;
    width: 290px;
    transform: rotate(-28deg);
    -webkit-animation: rotation 4s infinite linear;
}

.products-page-carousel{
    background-color: #312783;
    height: 460px;
    width: 50%;
    padding-bottom: 20px;
}

#carousel {
    position: absolute;
    top: 35px;
    width: 100%;
    height:500px;
}
.carousel-control-next{
    right:60px !important;
    opacity:1 !important;
}
.carousel-control-prev{
    left:60px !important;
    opacity:1 !important;
}

#products-page-carousel, carousel {
    background-color: #312783;
    height: 460px;
    width: 50%;
    padding-bottom: 20px;
}

.second-phase {
    margin-top: -890px;
    height: 600px;
}

.third-band{
    height: 630px;
    background-color: #E01F21;
}
#text-band-three{
    height: 500px;
    flex-direction: column;
    justify-content: center;
    display: flex;
    width: 48%;
   
}


.third-band-holder{
    margin-top: -530px;
}

#plastic-chairs{
    position: relative;
    bottom: -411px;
    margin-left: 12%;
}

.the-nice-house-of-pl-txt {
    height: 261px;
    color: white;
    padding: 40px;
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 500;
    line-height: 42px;
    text-align: left;
    margin-top: -30%;
    width: 78%;
}


.we-work-for-and-with {
    height: 261px;
    padding: 43px;
    margin-left: 15%;
    color: #FFED01;
    font-family: "Montserrat";
    font-size: 18px;
    line-height: 42px;
}

.forth-band-holder{
    margin-top: -893px;
}

.forth-band{
    background-color: #68227F;
    height: 469px;
}

.third-band-img {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30%;
    z-index: 1;
}
.row.third-row {
    position: relative;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex;
}

#plastic-buskets {
    position: relative;
    bottom: -499px;
    left: 45%;
    margin-left: 4%;
}
.rectangle-customize-logo {
    margin-top: 6%;
    height: 880px;
    width: 1125px;
    background-color: #D8D8D8;
    margin-bottom: 7%;
}

.step-1-select-a-pro {
    height: 98px;
    width: 1013px;
    color: #68227F;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
}

.step-2-upload-a-log {
    height: 98px;
    width: 1013px;
    color: #68227F;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
}

.step-3-results {
    height: 49px;
    width: 1013px;
    color: #68227F;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
}

.active, .dot:hover {
    background-color: transparent !important;
}

.step-4-place-an-ord {
    margin-top: 5%;
    height: 217px;
    width: 1013px;
    color: #68227F;
    font-family: "Montserrat";
    font-size: 25px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
}
.align-logo-customized-txt{

    padding-top: 20%;
}

.how-text {
    font-weight: 900;
    margin-bottom: 10px;
    height: 73px;
    display: flex;
    justify-content: center;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 40px;
    margin-left:-15%;
    line-height: 64px;
    text-align: center;
}

.nice-text {
    font-weight: 500;
    text-align: initial;
    margin-left: auto;
    margin-right: auto;
    height: 160px;
    width: 62%;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 40px;
}

.when-text {
    height: 191px;
    color: #FFEF24;
    font-family: "Montserrat";
    font-size: 17px;
    font-weight: 500;
    line-height: 37px;
    text-align: inherit;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.how-it-works-right {
    background: rgba(255,209,2,1);
    width: 50%;
    display: flex;
    height: 75vh;
    justify-content: center;
}
.row.second-row {
    height: 30vh;
    display: flex;
    #carousel text-align: center;
    justify-content: center;
    background-color: rgba(255,124,0,1);
    align-content: center;
}
.suitable-text {
    height: 191px;
    width: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: rgba(14,20,227,1);
    font-family: "Montserrat";
    font-size: 25px;
    line-height: 40px;
    text-align: center;

}
.third-row-left {
    height: 95vh;
    width: 50%;
    display: flex;
    background-color: rgba(44,178,255,1);
}
img.branding-pens-img {
    height: 70%;
    margin-top:10%;
    margin-left: -27%;
}
.third-row-right {
    height: 95vh;
    width: 50%;
    display: flex;
    background-color: rgba(104,34,127,1);
}
.forth-row-left {
    height: 75vh;
    width: 50%;
    display: flex;
    background-color: rgba(255,0,164,1);
}
.forth-row-right {
    height: 75vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(88,78,226,1);
}
.quality-header {
    display: flex;
    justify-content: center;
    height: 73px;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 40px;
    line-height: 64px;
    margin-left:-36%;
    font-weight:900;
}
.quality-text {
    height: 200px;
    width: 72%;
    
    margin-left: 9%;
    margin-right: auto;
    text-align: initial;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: rgba(255,255,255,1);
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 40px;
}
.fifth-row-left {
    display: flex;
    justify-content: center;
    width: 50%;
    height: 75vh;
    flex-direction: column;
    background-color: rgba(255,209,2,1);
}
.fifth-row-right {
    display: flex;
    justify-content: center;
    width: 50%;
    height: 75vh;
    flex-direction: column;
    background-color: rgba(243,47,45,1);
}
.solutions-header {
    display: flex;
    justify-content: center;
    height: 73px;
    color: rgba(243,47,45,1);
    font-family: "Montserrat";
    font-size: 40px;
    font-weight:900;
    margin-left:-8%;
    line-height: 64px;
}
.solutions-text {
    display: flex;
    justify-content: center;
    height: 219px;
    width: 60%;
    font-weight:500;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    color: rgba(243,47,45,1);
    font-family: "Montserrat";
    font-size: 20px;
    line-height: 40px;
}

.pen-image {
    width: 70%;
    height: 625px;
    -ms-transform: rotate(305deg); /* IE 9 */
    -webkit-transform: rotate(305deg); /* Safari 3-8 */
    transform: rotate(305deg);
}

.basin-img{
    width: 30%;
    height: 30%;
}

#pen_image_wrapper {
    position: relative;
    top: -1095px;
    left: 530px;
}

.plastic-buskets-image {
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    height: 132%;
    margin-bottom: 179px;
}

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

@media only screen and (max-width: 426px) {
    .our-products-text {
        font-size: 50px !important;
        line-height: 1.3;
    }
    .our-products-menu {
        height: 360px;
    }
    .carousel-control-prev {
        left: 40px !important;
    }
    .carousel-control-next {
        right: 40px !important;
    }
    .image-customize-carousel-shadow-one {
        height: 250px !important;
        width: 350px !important;
        margin-left: 4%;
        margin-top: 15%;
    }
    .image-customize-carousel-shadow {
        height: 400px !important;
        width: 250px !important;
    }
    .image-customize-carousel-shadow-four {
        height: 300px !important;
        width: 200px !important;
        margin-top: 15%;
    }
    .our-products-branding {
        font-size: 55px;
        margin-left: -54%;
        margin-top: 10%;
    }
    .header-one {
        margin-left: 6%;
        margin-right: 6%;
        line-height: 28px;
        font-size: 14px;
    }
    .header-two {
        margin-left: 6%;
        margin-right: 6%;
        line-height: 28px;
        font-size: 14px;
    }
    .row.items-center.text-header-container {
        height: 50vh;
    }
    .how-it-works {
        height: 37vh;
        width: 100%;
        font-size: 33px;
    }
    .how-text {
        margin-left: 0%;
        margin-top: -1%;
        font-size: 34px;
    }
    .how-it-works-right {
        width: 100%;
        height: 30vh;
    }
    .nice-text {
        font-size: 14px;
        line-height: 28px;
    }
    img.branding-pens-img {
        height: 90%;
        margin-top: -10%;
        margin-left: 0;
    }
    .suitable-text {
        width: 70%;
        font-size: 14px;
        line-height: 28px;
    }
    .row.second-row {
        height: 24vh;
    }
    #carousel {
    top: 1px;
    }
    .carousel-inner {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .third-row-left {
        height: 70vh;
    }
    .third-row-right {
        height: 70vh;
    }
    img.blue_circle {
        width: 50px;
    }
    img.white_circle {
        width: 50px;
    }
    .forth-row-right {
        order: -1;
        height: 40vh;
        width: 100%;
    }
    .quality-header {
        margin-left: -10%;
        font-size: 34px;
    }
    .quality-text {
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
        line-height: 28px;
        height: 123px;
    }
    .forth-row-left {
        height: 50vh;
        width: 100%;
        display: flex;
        background-color: rgba(255,0,164,1);
    }
    .third-band-img {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        z-index: 1;
    }
    .fifth-row-left {
        width: 100%;
        height: 45vh;
    }
    .solutions-header {
        height: 103px;
        margin-left: 0%;
        font-size: 34px;
    }
    .solutions-text {
        line-height: 28px;
        width: 70%;
        font-size: 14px;
        height: 123px;
    }
    .fifth-row-right {
        width: 100%;
        height: 50vh;
    }
    .plastic-buskets-image {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        height: 90%;
        margin-bottom: -19px;
    }
}

@media (min-width: 427px) and  (max-width: 768px) {
    .our-products-branding {
        margin-top: 7%;
        margin-left: -57%;
    }

    .row.items-center.text-header-container {
        height: 75vh;
        background: rgba(89,76,228,1);
    }

    .header-one {
        margin-left: 7%;
        margin-right: 7%;
        font-size: 18px;
        line-height: 32px;
    }

    .header-two {
        font-size: 18px;
        line-height: 32px;
        margin-left: 7%;
        margin-right: 7%;
    }

    .how-it-works {
        width: 100%;
    }

    .how-text {
        margin-left: 0%;
        margin-top: -25%;
    }

    .how-it-works-right {
        width: 100%;
        height: 30vh;
    }

    img.branding-pens-img {
        height: 130%;
        margin-top: -10%;
        margin-left: -6%;
    }

    .suitable-text {
        width: 70%;
        font-size: 20px;
        line-height: 34px;
    }

    #carousel {
        top: 1px;
    }

    .third-row-left {
        height: 70vh;
    }

    .third-row-right {
        height: 70vh;
    }

    img.blue_circle {
        width: 50px;
    }

    img.white_circle {
        width: 50px;
    }

    .forth-row-right {
        order: -1;
        height: 60vh;
        width: 100%;
    }

    .quality-header {
        margin-left: -10%;
    }

    .quality-text {
        margin-left: auto;
        margin-right: auto;
    }

    .forth-row-left {
        height: 60vh;
        width: 100%;
        display: flex;
        background-color: rgba(255,0,164,1);
    }

    .third-band-img {
        width: 65%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        z-index: 1;
    }

    .fifth-row-left {
        width: 100%;
        height: 60vh;
    }

    .solutions-header {
        height: 103px;
        margin-left: 0%;
    }

    .solutions-text {
        line-height: 35px;
        width: 70%;
    }

    .fifth-row-right {
        width: 100%;
    }

    .plastic-buskets-image {
        width: 78%;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        margin-bottom: -19px;
    }
}

@media only screen and (max-width: 400px) {
    .our-products-text {
        font-size: 45px !important;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 365px) {
    .our-products-text {
        font-size: 40px !important;
        line-height: 1.3;
    }
}

@media only screen and (max-width: 330px) {
    .our-products-text {
        font-size: 37px !important;
        line-height: 1.3;
    }
}