/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */

.magazine2 .container-wrapper, .magazine2.woocommerce div.product .related.products, .magazine2.woocommerce div.product .woocommerce-tabs{background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 30px;}
    
    .w3eden .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    flex-direction: column;
    align-items: flex-start;
}

  .w3eden .media {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: start;
                flex-direction: column;
                align-items: flex-start;
            }

  .media .mr-3 {
                width: 100%;
                margin: 0px !important;
            }


            .w3eden .img-48 img {
                max-width: 100%!important;
                height: auto;
                padding: 0;
                margin: 0;
                width: 100% !important;
            }

            .w3eden .media-body {
                -ms-flex: 1;
                flex: 1;
                margin-top: 19px;
            }

            .w3eden .custom-select {
                background-position: left !important;
            }

            @media only screen and (max-width: 600px) {
                div#content_wpdm_package_1> .row >div {
                    max-width: 100%;
                }

                .wide-slider-wrapper .slide {
                    height: 150px;
                    object-fit: cover;
                }

                .media img {
                    max-width: 100%;
                }
            }

            @media only screen and (min-width: 601px) {
                div#content_wpdm_package_1> .row >div {
                    max-width: 25%;
                }

                .media img {
                    max-width: 100%;
                }
            }

            #logo img {
                width: 300px !important;
            }

            .main-menu, .top-menu, .header-menu .menu li, #sticky-logo, .weather-menu-item .weather-forecast-day, .main-menu .mega-cat-more-links > li, .top-nav .tie-alignleft .components, .top-nav .tie-alignleft .components > i {
                width: max-content;
            }