@media only screen and (min-width: 1200px){
    /* lg */
    .widget_general-content-box.left .panel-widget-style{
        background-position-x: right;
    }
    .widget_general-content-box.right .panel-widget-style{
        background-position-x: left;
    }
    .widget_general-content-box.center .panel-widget-style{
        background-position-x: center;
    }
    .team-listing > div:nth-child(4n) .circle:after{
        border: none;
    }
    .loop-podcast{
        padding: 50px 15px 60px 220px;
    }
    .loop-podcast .content{
        padding-left: 84px;
    }
    .loop-podcast p{
        padding-right: 200px;
    }
    .about-host{
        padding: 85px 100px 158px 166px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    /* md */
    #main-header{
        padding-top:    30px;
        padding-bottom: 0;
    }
    #main-footer{
        padding-left:  15px;
        padding-right: 15px;
    }
    .widget_general-content-box.left .panel-widget-style{
        background-position-x: right;
    }
    .widget_general-content-box.right .panel-widget-style{
        background-position-x: left;
    }
    .widget_general-content-box.center .panel-widget-style{
        background-position-x: center;
        background-size:       1000%;
    }
    
    .bubbles-menu .menu > li{
        position:      static;
        margin-top:    15px;
        margin-bottom: 15px;
    }
    .bubbles-menu .menu > li a{
        width: auto;
    }
    .bubbles-menu .content{
        position: static;
    }
    .bubbles-menu{
        padding: 0;
    }
    .content-image-btn h2{
        min-height: 120px;
    }
    .content-image-btn p{
        padding-right: 0;
        min-height:    70px;
    }
    .wa-small-header .bg{
        height:          auto;
        background-size: cover !important;
    }
    .wa-small-header h2{
        padding:    15px 0;
        text-align: center;
    }
    .single-product article{
        background-position: -15px 50px;
    }
    .team-listing > div:nth-child(4n) .circle:after{
        border: none;
    }
    .loop-podcast{
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    /* sm */
    #main-header{
        padding-top:    15px;
        padding-bottom: 15px;
    }
    #main-footer{
        padding-left:   15px;
        padding-bottom: 15px;
    }
    #main-footer .menus > div{
        margin-bottom: 30px;
    }
    #main-footer .menus{
        margin-bottom: 0;
    }
    #main-footer .inc-500{
        margin-top: 50px;
    }
    .widget_general-content-box.left .panel-widget-style{
        background-position-x: left;
        background-size:       300%;
    }
    .widget_general-content-box.right .panel-widget-style{
        background-position-x: right;
        background-size:       300%;
    }
    .widget_general-content-box.center .panel-widget-style{
        background-position-x: center;
        background-size:       1000%;
    }
    .bubbles-menu .menu > li{
        position:      static;
        margin-top:    15px;
        margin-bottom: 15px;
    }
    .bubbles-menu .menu > li a{
        width: auto;
    }
    .bubbles-menu .content{
        position: static;
    }
    .bubbles-menu{
        padding: 0;
    }
    .content-image-btn .panel-grid-cell{
        text-align: center;
        margin-top: 50px;
    }
    .content-image-btn p{
        padding-right: 0;
    }
    .content-image-btn .ow-button-base{
        text-align: center;
    }
    .content-image-btn img{
        margin-top:    30px;
        margin-bottom: 30px;
    }
    .wa-small-header .bg{
        height:          auto;
        background-size: cover !important;
    }
    .wa-small-header h2{
        padding:    15px 0;
        text-align: center;
    }
    .single-product article ul{
        padding-left: 15px;
    }
    .single-product .article-wrapper header > div:nth-child(1){
        margin-bottom: 60px;
    }
    .team-listing > div:nth-child(3n) .circle:after{
        border: none;
    }
    .loop-podcast{
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    /* xs */
    #main-header{
        padding-top:    15px;
        padding-bottom: 15px;
    }
    #main-header > .row > div:nth-child(3){
        padding-top: 0;
    }
    #main-menu > li:not(:first-child):before{
        content: "";
    }
    #main-footer{
        padding: 15px;
    }
    #main-footer h2{
        margin-bottom:  5px;
        padding-bottom: 5px;
        margin-top:     15px;
    }
    #main-footer .inc-500{
        margin-top: 30px;
    }
    #main-footer .social a{
        padding: 5px;
    }
    .widget_general-content-box.left .panel-widget-style{
        background-position-x: left;
        background-size:       1000%;
    }
    .widget_general-content-box.right .panel-widget-style{
        background-position-x: right;
        background-size:       1000%;
    }
    .widget_general-content-box.center .panel-widget-style{
        background-position-x: center;
        background-size:       1000%;
    }
    .bubbles-menu .menu > li{
        position:      static;
        margin-top:    15px;
        margin-bottom: 15px;
    }
    .bubbles-menu .menu > li a{
        width: auto;
    }
    .bubbles-menu .content{
        position: static;
    }
    .bubbles-menu{
        padding: 0;
    }
    .content-image-btn .panel-grid-cell{
        text-align: center;
        margin-top: 50px;
    }
    .content-image-btn p{
        padding-right: 0;
    }
    .content-image-btn .ow-button-base{
        text-align: center;
    }
    .content-image-btn img{
        margin-top:    30px;
        margin-bottom: 30px;
    }
    .wa-small-header .bg{
        height:          auto;
        background-size: cover !important;
    }
    .wa-small-header h2{
        padding:    15px 0;
        text-align: center;
    }
    .single-product article ul{
        padding: 15px;
    }
    .team-listing > div:nth-child(2n) .circle:after{
        border: none;
    }
    .loop-podcast{
        margin-bottom: 30px;
    }
    .shadow:before, .shadow:after {
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width: 479px){
    /* xxs */
    
}

@media only screen and (max-width: 1199px){
    .bubbles-menu P IMG {
        display:none;
    }
}

@media only screen and (min-width: 768px){
    /* sm and up */
    #main-menu > li > .sub-menu{
        visibility: hidden;
        opacity:    0;
        position:   absolute;
        background: #76ba44;
        z-index:    999;
        padding:    5px 15px 0px 15px;
        margin:     0;
        transition: visibility 0s, opacity .2s ease-in-out .3s;
        min-width:  200px;
    }
    #main-menu .menu-item-has-children:hover > .sub-menu{
        visibility: visible;
        opacity:    1;
    }
    #main-menu .sub-menu > li > a{
        display:       block;
        padding:       5px 0;
        border-bottom: 1px solid #d3d3d3;
        margin-bottom: 5px;
        color:#fff;
    }
    #main-menu .sub-menu > li:last-child > a{
      border-bottom:none;
    }
    #main-menu .sub-menu > li > a:hover{
      font-weight:bold;
      text-decoration:none;
    }
}