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

@media only screen and (min-width : 1200px) {
	.searchbox .search-input {

  
    min-width: 100px;
  width: auto;
max-width: 150px;
}
}


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) { .menusection > .section, .mega-menu-holder.container {width:100% }
	    .menusection{position: relative;}
.leafbg {background: transparent url(../img/leaf.png) no-repeat ;background-position: 20% 140% !important;}
.searchbox button{position: absolute;

margin-left: -20px;}
#sub-side .solution-icon{width: 28%}
#sub-side .solution-icon.grow{flex-grow: 1;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
	   .home .blog-item-description, .home .newsmore{width: 100%;float: left}
.home .newsmore a{position: relative;bottom: 0}
.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) {
	    .searchbox button{position: absolute;

margin-left: 10px;}
	    .search-row .vc_col-sm-4 {width: 100% !important;}
	    .searchbox .search-input {width: 64%;}
	   .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) {
	     
	    
.boxwithshadow .vc_col-sm-6 {
    width: 100%;
}
.flexcards.news-front{flex-direction: column;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* 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;
  }
}



@media screen and (max-width: 1200px) {
    .kookagrid {
        grid-template-areas: "main"
                             "navigation"
                             "links"
                             ;
        grid-template-columns: 100%;
        grid-template-rows: 
        1fr auto auto;
    }
}
@media screen and (min-width: 768px) {
.five-columns.vc_row-fluid .vc_col-sm-2 {
float: left;
width: 18.5%;
padding: 0;
margin-right: 1.5%;
min-height: 0;
}
.five-columns.vc_row-fluid .vc_col-sm-2:nth-last-child(2) {
margin-right: 0;
}
}