.blog-in-right {
    float: right !important;
    margin-left: 30px !important;
    margin-right: 0px !important;
}

.text-services:hover {
    color: #7abf18 !important;
}

.text-indent-3 {
    text-indent: 3em;
}

.eco_events_images {
    height: auto !important;
}

.none-pad-left-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.margin-btm-4 {
    margin-bottom: 4px !important;
}

.pad-left-5 {
    padding-left: 5px !important;
}

.pad-right-5 {
    padding-right: 5px !important;
}

.pad-top-5 {
    padding-top: 5px !important;
}

.pad-btm-5 {
    padding-bottom: 5px !important;
}

.pad-btm-15 {
    padding-bottom: 15px;
}

.pad-top-60 {
    padding-top: 60px;
}

.pad-btm-60 {
    padding-bottom: 60px;
}

.full-width {
    width: -webkit-fill-available !important;
}

.object-cover {
    object-fit: cover !important;
}

.bg-deep-pink {
    background-color: #ff214f;
}

span {
    font-size: 16px !important;
}

h5 {
    font-size: 22px !important;
}

.margin-top-15px {
    margin-top: 15px;
}

.text-indent-three {
    text-indent: 3em;
}

.text-dark {
    color: #000000 !important;
}

.fa-database:before {
    font-size: xx-large !important;
}

.fa-space-shuttle:before {
    font-size: xx-large !important;
}

.fa-paste:before {
    font-size: xx-large !important;
}

@media (max-width: 765.99px) {
    .responsive-lr-padding {
        padding: 0px 15px 0px 15px !important;
    }
}

@media (min-width: 1900px) {
    .width-auto {
        width: 260px;
        height: 260px;
    }

    .width-auto-1 {
        width: 400px;
        height: 535px;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 1400px) {
    .width-auto {
        width: 260px;
        height: 260px;
    }

    .width-auto-1 {
        width: 400px;
        height: 535px;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

/*ipad air3*/
@media (min-width: 1111px) and (max-width: 1199.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 1020px) and (max-width: 1110.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 821px) and (max-width: 1019.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 782px) and (max-width: 820.99px) {
    .width-auto {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 770px) and (max-width: 781.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 737px) and (max-width: 769.99px) {
    .width-auto {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 669px) and (max-width: 736.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 640px) and (max-width: 668.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 600px) and (max-width: 639.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 450px) and (max-width: 599.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 410px) and (max-width: 449.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 325px) and (max-width: 409.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (min-width: 281px) and (max-width: 324.99px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}

@media (max-width: 280px) {
    .width-auto, .width-auto-1 {
        width: 100%;
    }

    .margin-top-style {
        margin-top: -20px;
    }
}