/*
Theme Name: HealthFlex Child
Theme URI: http://plethorathemes.com/healthflex/
Description: Child theme for Health Flex (Plethora Themes). We strongly recommend using this child theme that will allow you to include all your custom functionality without fear of losing it when updating the parent theme. Note that theme updates must be applied only on parent theme, and not on this child theme. 
Author: Plethora Themes
Author URI: http://plethorathemes.com
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, theme-options, translation-ready
Template: healthflex
*/
/* DO YOUR STUFF AFTER THIS !!  */

@media (min-width: 992px) {
    .home{
        margin-top: 100px !important;
    }
}

@media (max-width: 992px) {
    .home{
        margin-top: 60px !important;
    }
}

@media (max-width: 768px) {
    .home{
        margin-top: 60px !important;
    }
}

input[type="text"] {
	width: 100% !important;
}
#custom-banner{
    width: 100%;
    background: rgba(0,0,0, 0.5);
    color: #fff;
    font-size: 16px;
}

#custom-banner-txt{
    padding: 15px;
    margin-bottom: 0;
}

#custom-banner-btn{
    position: absolute;
    bottom: -18px;
    right: -10px;
    outline: none;
}

#custom-banner.isHidden #custom-banner-btn .fa{
    transform: rotateX(180deg);
}

#custom-banner strong{
    color: #cbdc4c;
}

@media (max-width: 1025px) {
    #custom-banner{
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #custom-banner {
        padding: 10px;
        font-size: 13px;
    }
}


@media only screen and (max-width: 1460px) {
    label.mobile_collapser {
        position: absolute;
        top: 50%;
        -o-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 15px;
        display: inline-block;
        cursor: pointer;
        color: #444444;
        text-align: right;
        margin: 0;
        width: 80px;
        padding: 15px 30px 15px 0;
        font-size: 13px;
        line-height: 1em;
    }
    label.mobile_collapser:after {
        content: '\2261';
        display: block;
        position: absolute;
        font-size: 40px;
        top: 13px;
        right: -5px;
    }
    span.close_menu {
        cursor: pointer;
        font-size: 30px;
        font-weight: bold;
        line-height: 25px;
        position: absolute;
        margin: 15px;
        top: 0;
        left: 0;
        color: #444444;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        text-align: center;
        display: block;
    }
    .menu_container {
        position: fixed;
        top: 0;
        right: 0;
        float: none;
        width: 250px;
        margin: 0;
        margin-right: 0 !important;
        -o-transform: translate(250px, 0px);
        -webkit-transform: translate(250px, 0px);
        -ms-transform: translate(250px, 0px);
        transform: translate(250px, 0px);
        padding: 62px 0;
        border-left: solid 1px #cccccc;
        display: block;
        overflow: auto;
    }
    .menu_container.collapsed {
        -o-transform: translate(250px, 0px);
        -webkit-transform: translate(250px, 0px);
        -ms-transform: translate(250px, 0px);
        transform: translate(250px, 0px);
    }
    .menu_container ul.main_menu {
        border-top: solid 1px #cccccc;
    }
    .menu_container ul.main_menu li {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        border-bottom: solid 1px #cccccc;
    }
    .menu_container ul.main_menu li a {
        padding: 15px 15px;
    }
    .menu_container ul.main_menu li.lihasdropdown:after {
        right: 10px;
    }
    .menu_container ul.main_menu li.drop-left ul.menu-dropdown,
    .menu_container ul.main_menu li.dropleft ul.menu-dropdown {
        right: inherit;
        left: 0;
    }
    .menu_container ul.main_menu li.drop-right ul.menu-dropdown {
        left: 0;
    }
    .menu_container ul.main_menu li.drop-mid ul.menu-dropdown {
        left: 0;
    }
    .menu_container ul.main_menu li.drop-mid.two_column ul.menu-dropdown {
        left: 0;
    }
    .menu_container ul.main_menu li ul.menu-dropdown {
        padding: 0px;
        top: 0;
        height: 0;
        min-height: inherit;
        max-height: inherit;
        position: relative;
        left: 0px;
        overflow: hidden !important;
        -o-transform: translate(0, -30px);
        -webkit-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
        transform: translate(0, -30px);
        border: none;
    }
    .menu_container ul.main_menu li ul.menu-dropdown.show {
        height: auto;
        -o-transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
    .menu_container ul.main_menu li ul.menu-dropdown li {
        display: block;
        position: relative;
        width: 100%;
        padding: 0 0px;
        border-bottom: solid 1px #cccccc;
    }
    .menu_container ul.main_menu li ul.menu-dropdown li a {
        padding: 15px 20px;
    }
    .menu_container ul.main_menu li ul.menu-dropdown li ul.menu-dropdown {
        position: relative;
        top: inherit;
        width: 100%;
        min-width: inherit;
        left: inherit;
    }
    .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown ul.menu-dropdown > li > a {
        padding: 15px 30px;
    }
    .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown > a:after {
        content: '\2023';
        font-size: 20px;
        transform: rotate(90deg);
        position: absolute;
        top: 11px;
        right: 10px;
        color: #444444;
    }
    .menu_container ul.main_menu > li > ul.menu-dropdown > li.sublihasdropdown > ul.menu-dropdown {
        border: none !important;
        top: 0px !important;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul,
    .menu_container ul.main_menu li.two-column.lihasdropdown ul {
        width: inherit;
        padding: 0;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul li,
    .menu_container ul.main_menu li.two-column.lihasdropdown ul li {
        float: none;
        width: 100%;
        border-right: solid 0px;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul li:nth-child(odd),
    .menu_container ul.main_menu li.two-column.lihasdropdown ul li:nth-child(odd) {
        clear: none;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul li ul,
    .menu_container ul.main_menu li.two-column.lihasdropdown ul li ul {
        width: 100%;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul li ul li,
    .menu_container ul.main_menu li.two-column.lihasdropdown ul li ul li {
        float: none;
        width: 100%;
    }
    .menu_container ul.main_menu li.two_column.lihasdropdown ul li.sublihasdropdown > a:after,
    .menu_container ul.main_menu li.two-column.lihasdropdown ul li.sublihasdropdown > a:after {
        right: 10px;
    }



    .team_social + .menu_container {
        right: 0px;
    }

    a.social_links {
        right: 0px;
        -o-transform: translate(-100px, -50%);
        -webkit-transform: translate(-100px, -50%);
        -ms-transform: translate(-100px, -50%);
        transform: translate(-100px, -50%);
        z-index: 101;
    }

    .menu_container, .top_menu_container {
        z-index: 100;
        background: #fff;
    }

    .menu_container ul.main_menu li.btn {
        margin: 12px;
    }
}



@media (min-width: 1460px) {
	#menu-item-2237, #menu-item-530, #menu-item-575{
		position: relative;
		bottom: 7px;
		width: 70px;
	}
	#menu-item-2237{
		margin-right: 5px;
	}
	#menu-item-530{
		margin: 0 5px 0 0;
	}
	#menu-item-575{
		margin: 0;
	}
}

@media only screen and (max-width: 1460px) {
	.menu_container ul.main_menu li.btn:last-child {
		margin-right: 10px;
	}
}

@media (max-width: 768px) {
	.product-table thead{
		display: none;
	}
	.product-table td{
		display: inline-flex;
		align-items: center;
	}	
	.product-table tr{
		border-bottom: solid 25px #fff;
	}
	.product-name{
		width: 100%;
		font-weight: bold;
	}
	.product-price, .buy-button{
		width: 50%;
		min-height: 52px;
	}
}

#pum_popup_title_2575{
    color: #444444;
    font-family: Lato,Helvetica,Arial,Geneva,sans-serif;
    font-size: 22px !important;
    line-height: 1.5;
}

.team_members_grid .team_member{
    margin-bottom: 20px;
}