/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) { .menusection > .section, .mega-menu-holder.container {width:100% }
    
    .healthcorp{margin: 20px auto;}
 #responsive-menu-pro-title-image{max-width: 300px !important;}
    #mobile-logo img{max-width: 50%;transition: all .3s;}
    
	    .menusection{position: relative;}
	     .flexcards.isotope .x-card-outer{width: calc(33% - 20px);}
.leafbg {background: transparent url(../img/leaf.png) no-repeat ;background-position: 20% 140% !important;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
	    #intro > div > .vc_col-sm-8, #intro > div > .vc_col-sm-4{width: 100%;}
	   #intro > div > .vc_col-sm-4 {margin-top: 20px;}
.leafbg {background: transparent url(../img/leaf.png) no-repeat ;background-position: 20% 110% !important;background-size: 360px 360px;}
    }
/* Medium Devices, Desktops */
    @media only screen and (max-width : 959px) {
	     .healthcorp{margin: 40px auto;}
	   .flexcards.news-front .x-card-outer {
    min-width: 300px;}
.secondmenu >a{
   border-left: none !important;
}

    }
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
      
      
      body .products li {
        width: 50% !important;

    }
	    #mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn {
    color: #bbbbbb;
    line-height: 90px;
    display: none;
}
	    .healthcorp{margin: -40px auto;}
	    .lity-active body {
    overflow: hidden;
}
.lity-inline .lity-content > * {
    max-height: none !important;
}
.lity-inline .lity-wrap {
    overflow: auto;
}
.lity-inline .lity-content {
    margin: 0px 0;
}
	    .rx-column-preview{padding-left: 40px !important;}
	    .boxed-content{margin: 0 !important;}
	     .flexcards.isotope .x-card-outer{width: calc(50% - 20px);}
.boxwithshadow .vc_col-sm-6 {
    width: 100%;
}
.flexcards.news-front{flex-direction: column;}



    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	    body .products li {
        width: 100% !important;

    }
	    .course-short-desc {
    font-size: 12px;
    color: #333;
}
	     .flexcards.isotope .x-card-outer{width: calc(100% - 20px);}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
    @media screen and (max-width: 800px) {
    .flexbox-imgs img {
      max-width: 125px;
      max-height: 88px;
      margin: 5px 8px;
  }
}

@media screen and (max-width: 560px) {
  .flexbox-imgs img {
      max-width: 85px;
      max-height: 60px;
      margin: 3px 5px;
  }
}