ul.text-bullet-point {
  list-style-type: dot;
  list-style-position: outside;
}
.header-logo-and-link-wrap {
    padding-top: 20px;
}
.header-logo-and-link-wrap a.hdr-link {
    float: right;
    color: #000;
    text-decoration: none;
    font-size: 20px;
}
.banner-heading{
    margin-left: 30px;
    /*font-size: inherit;*/
    font-weight: 600;
}
.ml-30{
    margin-left:30px;
}
.banner-head-wrapper.col-sm-12.col-md-6 p {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
}
a.buy-online-btn {
   background: #22419c; /* Old browsers */ background: -moz-linear-gradient(left,  #22419c 0%, #22419c 15%, #31a5ea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #22419c 0%,#22419c 15%,#31a5ea 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #22419c 0%,#22419c 15%,#31a5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22419c', endColorstr='#31a5ea',GradientType=1 ); /* IE6-9 */
   padding: 15px;
    color: #fff;
    margin-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.row.d-flext {
    display: flex;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
    
}
.quote-text{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 60px;
}
.row.products-wrapper .products {
    display: flex;
    justify-content: space-around;
    width: 28%;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 5px;
    margin-right: 50px;
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(62,107,175,0.2);
    border: 1px solid #3e6baf;
    height: 140px;
}

.row.products-wrapper.ml-30 p {
    padding-left: 10px;
    font-size: 15px;
}
.row.page-txt-w h2 {
    font-weight: 800;
}
.row.page-txt-w p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.border-blue{
    border: 3px solid #3e6bae;
}
.footer-bg-wrapper {
    background: #ececec;
    width: 100%;
	padding: 1% 0;
}
.container.footer-container li {
    list-style: none;
    padding-top: 25px;
    font-size: 16px;
    color: #000;
}
.col-md-12.last-para {
    margin-bottom: 40px;
}
span.pre-dot {
    font-size: 14px;
    font-weight: 600;
}

 @media only screen and (min-width: 320px) and (max-width: 767px) {
    .products.col-sm-12.col-md-4 {
        width: auto;
        margin-right: 0;
        align-items: center;
    }
    .products.col-sm-12.col-md-4 img{
        width: 120px;
        height: auto;
        
    }
    .row.d-flext img{
        width:100%;
        
    }
    .row.d-flext{
    margin-bottom: 50px;
        
    }
    .row.products-wrapper.ml-30{
        margin:0;
    }
    .container.footer-container ul {
         display: flex;
        flex-wrap: inherit;
    }
    .container.footer-container li{
        color: inherit;
        margin-right: 8px;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .row.products-wrapper .products {
        width: 45%;
        margin-right: 20px;
    }
    .container.footer-container li{
        color:inherit;
    }
}
@media only screen and (min-width: 1025px){
.products.col-sm-12.col-md-4 {
        width: 30%;
        margin-right: 20px;
        align-items: center;
    }
    .products.col-sm-12.col-md-4 img{
        width: 120px;
        height: auto;
        
    }
    .row.d-flext img{
        width:100%;
        
    }
}

/*start trolleys css */
div#trolleys-header-wrap h2 {
    font-size: 40px;
}

a.buy-online-trolleys-btn{
    background: rgba(239,127,47,1);
    background: -moz-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(241,111,92,1) 0%, rgba(239,127,47,1) 27%, rgba(249,178,33,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,127,47,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(27%, rgba(239,127,47,1)), color-stop(100%, rgba(249,178,33,1)));
    background: -webkit-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(241,111,92,1) 0%, rgba(239,127,47,1) 27%, rgba(249,178,33,1) 100%);
    background: -o-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(241,111,92,1) 0%, rgba(239,127,47,1) 27%, rgba(249,178,33,1) 100%);
    background: -ms-linear-gradient(left, rgba(239,127,47,1) 0%, rgba(241,111,92,1) 0%, rgba(239,127,47,1) 27%, rgba(249,178,33,1) 100%);
    background: linear-gradient(to right, rgba(239,127,47,1) 0%, rgba(241,111,92,1) 0%, rgba(239,127,47,1) 27%, rgba(249,178,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7f2f', endColorstr='#f9b221', GradientType=1 );
    padding: 15px;
    color: #fff;
    margin-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

a.buy-online-castors-btn{
    background: rgba(253,76,10,1);
    background: -moz-linear-gradient(left, rgba(255,76,10,1) 0%, rgb(217,0,0) 0%, rgb(255,107,5) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,76,10,1)), color-stop(0%, rgba(255,76,10,1)), color-stop(100%, rgba(255,107,5，1)));
    background: -webkit-linear-gradient(left, rgba(255,76,10,1) 0%, rgb(217,0,0) 0%, rgb(255,107,5) 100%);
    background: -o-linear-gradient(left, rgba(255,76,10,1) 0%, rgb(217,0,0) 0%, rgb(255,107,5) 100%);
    background: -ms-linear-gradient(left, rgba(255,76,10,1) 0%, rgb(217,0,0) 0%, rgb(255,107,5) 100%);
    background: linear-gradient(to right, rgba(255,76,10,1) 0%, rgb(217,0,0) 0%, rgb(255,107,5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90000', endColorstr='#ff6b05', GradientType=1 );
    padding: 15px;
    color: #fff;
    margin-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

a.buy-online-plastics-btn{
    background: rgba(0,140,0,1);
    background: -moz-linear-gradient(left, rgba(0,126,0,1) 0%, rgba(42,156,14,1) 33%, rgba(83,186,28,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,126,0,1)), color-stop(0%, rgba(42,156,14,1)), color-stop(33%, rgba(42,156,14,1)), color-stop(100%, rgba(83,186,28,1)));
    background: -webkit-linear-gradient(left, rgba(0,126,0,1) 0%, rgba(42,156,14,1) 33%, rgba(83,186,28,1) 100%);
    background: -o-linear-gradient(left, rgba(0,126,0,1) 0%, rgba(42,156,14,1) 33%, rgba(83,186,28,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,126,0,1) 0%, rgba(42,156,14,1) 33%, rgba(83,186,28,1) 100%);
    background: linear-gradient(to right, rgba(0,126,0,1) 0%, rgba(42,156,14,1) 33%, rgba(83,186,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007e00', endColorstr='#53ba1c', GradientType=1 );
    padding: 15px;
    color: #fff;
    margin-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

a.buy-online-lifting-btn{
    background: rgba(162,0,172,1);
    background: -moz-linear-gradient(left, rgba(13,5,56,1) 0%, rgba(88,3,114,1) 50%, rgba(162,0,172,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13,5,56,1)), color-stop(0%, rgba(13,5,56,1)), color-stop(50%, rgba(88,3,114,1)), color-stop(100%, rgba(162,0,172,1)));
    background: -webkit-linear-gradient(left, rgba(13,5,56,1) 0%, rgba(88,3,114,1) 50%, rgba(162,0,172,1) 100%);
    background: -o-linear-gradient(left, rgba(13,5,56,1) 0%, rgba(88,3,114,1) 50%, rgba(162,0,172,1) 100%);
    background: -ms-linear-gradient(left, rgba(13,5,56,1) 0%, rgba(88,3,114,1) 50%, rgba(162,0,172,1) 100%);
    background: linear-gradient(to right,rgba(13,5,56,1) 0%, rgba(88,3,114,1) 50%, rgba(162,0,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0538', endColorstr='#a200ac', GradientType=1 );
    padding: 15px;
    color: #fff;
    margin-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

.logo-banner-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.logo-banner-wrap p {
    font-size: 25px;
    font-weight: 600;
    margin-top: 15px;
}
.products-trolleys{
    background: #fff;
    box-shadow: 3px 3px 4px 0 rgba(247,118,65,0.3);
    border: 1px solid #F7BC41;
    height: 140px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 10px;
    min-height:200px;
}

.products-trolleys img, .products-castors img, .products-ladders img, .products-lifting img, .products-plastics img {
    display: block;
    margin: 0 auto;
}
.products-trolleys p, .products-castors p, .products-ladders p, .products-lifting p, .products-plastics p {
    text-align: center;
}
.products-castors{
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(255,76,10,0.2);
    border: 1px solid #FF490A;
    height: 140px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 10px;
    min-height:200px;
}

.products-ladders{
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(62,107,175,0.2);
    border: 1px solid #3e6baf;
    height: 140px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 10px;
    min-height:200px;
}

.products-lifting{
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(165,1,175,0.2);
    border: 1px solid #50036c;
    height: 140px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 10px;
    min-height:200px;
}

.products-plastics{
    background: #fff;
    box-shadow: 4px 4px 4px 0 rgba(4,129,3,0.2);
    border: 1px solid #048103;
    height: 140px;
    width: 30%;
    margin-bottom: 30px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 10px;
    min-height:200px;
}
.border-yellow{
    border: 3px solid #fdde05;
}
.border-orange{
     border: 3px solid #f54d03;
}
.border-green{
     border: 3px solid #008c00;
}
.border-purple{
     border: 3px solid #9700a3;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .products-trolleys, .products-castors, .products-ladders {
        width: 100%;
        margin-right: 0 !important;
    }
    a.buy-online-trolleys-btn {
        font-size: 14px;
    }
    .header-logo-and-link-wrap a.hdr-link{
        font-size:14px;
    }
    img.page-logo {
        width: 50%;
    }
    .logo-banner-wrap img {
        width: 50%;
    }

    .logo-banner-wrap p {
        font-size: 14px;
    }
    .logo-banner-wrap {
        flex-wrap: unset;
    }
    a.buy-online-trolleys-btn, a.buy-online-btn {
        font-size: 14px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .products-trolleys, .products-castors, .products-ladders {
        width: 100%;
        margin-right: 0 !important;
    }

    a.buy-online-trolleys-btn, a.buy-online-btn {
        font-size: 14px;
    }
    
}

@media only screen and (max-width: 360px) and (min-width: 320px){
    .header-logo-and-link-wrap a.hdr-link {
        font-size: 12px;
        margin-top: 5px;
    }
}
/*end trolleys css */

.products a, .products-trolleys a, .products-castors a, .products-ladders a, .products-lifting a, .products-plastics a {
    text-decoration: none;
    color: #333;
}
.container.footer-container li a {
    color: #333;
    text-decoration: none;
}
.products-trolleys h2, .products-castors h2, .products-ladders h2, .products-lifting h2, .products-plastics h2 {
    text-align: center;
}

@media (max-width: 575px){
    .header-logo-and-link-wrap+.row.d-flext {
    flex-wrap: wrap;
}

.header-logo-and-link-wrap+.row.d-flext .banner-head-wrapper {
    order: 2;
    width: 100%;
    text-align: center;
}

.header-logo-and-link-wrap+.row.d-flext img {
    max-width: 80%;
    margin: 30px auto  0 !important;
    display: block;
}
}
