/*
Theme Name: Spacious Child
Theme URI: https://themegrill.com/themes/spacious
Template: spacious
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 2 page templates, 4 blog display types, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/spacious/.
Tags: one-column,two-columns,right-sidebar,left-sidebar,flexible-header,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,footer-widgets,blog,e-commerce,rtl-language-support
Version: 1.9.2.1617639020
Updated: 2021-04-05 19:10:20

*/
.mgTp {
    margin-top: 160px;
}

.home-subtitle {
    text-align: center;
    margin-bottom: 10px;
}

#spacious_service_widget-3 p {
    max-height: 150px;
    overflow: hidden;
}

.home #main {
    position: relative;
}

.partners-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: scroll;
}

.partners-section {
    margin-top: 60px;
}

.partners-item {
    min-width: 156px;
    margin: 0 10px;
}

.featured-section {
    margin: 100px 0;
}

.featured-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.featured-product {
    margin-top: 20px;
    min-width: 280px;
}

.featured-product img {
    max-width: 280px;
    margin: 0 auto;
    display: block;
}

.benefits-section {
    background-color: rgba(15, 190, 124, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.benefits-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 144px;
    max-width: 1240px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.benefits-item {
    display: flex;
    align-items: center;
    max-width: 290px;
}

.benefits-item img {
    margin-right: 10px;
}

.benefit-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.benefit-desc {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

.slider-read-more-button {
    display: none;
}

.wide-978 #featured-slider .slider-cycle,
.wide-1218 #featured-slider .slider-cycle {
    max-width: 100%;
}

.search-results #content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.search-results #content article {
    flex: 0 0 24%;
    margin-bottom: 30px;
}

.search-results #content .default-wp-page {
    width: 100%;
}

.price-lists-container {
    margin-top: 80px;
}

.price-lists-container .price-list li{
    margin-bottom: 20px;
}

.small-info-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}

.small-info-text h3,
.small-info-text h6 {
    padding: 0;
}

.top-bar-phone {
    margin-right: 20px;
}

@media (max-width: 1160px) {
    .benefits-container {
        justify-content: center;
    }
    .search-results #content article {
        flex: 0 0 33%;
    }
}

@media (max-width: 758px) {
    .search-results #content article {
        flex: 0 0 50%;
    }
    .small-info-text {
        flex-direction: column;
    }
}

@media (max-width: 580px) {
   .mgTp {
       margin-top: 260px;
   }
    .featured-container {
        justify-content: center;
    }
    .search-results #content article {
        flex: 0 0 100%;
    }
}