/*---------------------------------------------------------------
# Package - Sboost Framework  
# ---------------------------------------------------------------
# Author - olwebdesign http://www.olwebdesign.com
# Copyright (C) 2008 - 2013 olwebdesign.com. All Rights Reserved. 
# Websites: http://www.olwebdesign.com
-----------------------------------------------------------------*/


/* Large desktop */
@media (min-width: 1200px) {
}
 
/* Tablet landscape and desktop */
@media (min-width: 960px) and (max-width: 1199px) {
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 959px) { 
	.mx-base {width:728px!important}
	#mx-top-menu, .mx_date{display:none}
	#mx-bookmarks{float:left!important; }
	#mx-banner {width:320px}
	
	input#mod-search-searchword {
		width:120px;
	}
	
	.tabs_buttons ul.tabs_container li.tab {
		padding:0 10px!important;
	}
	
	span.designed_by {
		display:block;
	}
	a#logo {width:100%!important;background-position:50% 50%!important}
	topheader, #topheader {
        position:absolute; width:100%; height:170px;
        /*background:rgba(0,0,0,0.6);*/
        z-index:1;
	   /*box-shadow:0 0 5px rgba(0,0,0,0.6);
	   -moz-box-shadow:0 0 5px rgba(0,0,0,0.6);
	   -webkit-box-shadow:0 0 5px rgba(0,0,0,0.6);*/
    }
	.flexslider .flex-viewport{
	margin-top: 170px!important;
    }	
    #mx-fixtop{
	   padding-top: 180px!important;
	   padding-bottom: 30px; background-size: auto!important;
    }
}

@media (min-width: 767px) and (max-width: 3000px) {
    .menu-fixed {
      position: fixed!important;
      top: 0;
      width: 100%;
      height: 63px;
      background: rgba(240,240,240,0.9);
      /*background: #cd373f;*/
    }
     .menu-fixed #logo {
     	display: none;
    }
     .menu-fixed #hormenu {
     	float:left;
     	margin-top: 20px;
     	margin-bottom: 5px;
     	width: auto;
    }
}

/* Phones portrait and landscape  */
@media only screen and ( max-width: 767px ) {
	.mx-base {
		min-width: 280px!important;
		width: 95%!important;}
	#mx-leftcol, #mx-rightcol,#mx-sideleft, #mx-sideright,
    #mx-maincol, #inner_content, .mx-block, .item {width:100%!important;margin:0!important}
	.mx-block .first, .mx-block .last, .mx-block .single,
	.item .first, .item .last, .item .single {margin:0!important}
	.item-inner {padding:10px 0!important}
	a#logo {width:100%!important;background-position:50% 50%!important}
  	#hormenu,#powered-by {display:none!important}
    #hormenu.langswitch {display: block!important;}
	#mx-breadcrumbs {display:none!important}
	#powered-by,#mx-footer-nav {display:block;float:none!important;font-size: 10px;}
	#mx-footer {text-align:center}
	#mx-footer .cp {float:none!important}
	span.designed_by {display:block}
    select:hover {background: #bbb;}
	select.select-menu {width:100%}
	/*#mx-mmenu {display:none; margin:0; padding-top: 120px;}*/
  	#mx-mmenu {display:block!important;margin:0}
	#mx-fixtop{background-size: auto!important;
}
	
	#mx-top-menu, #mx-banner, .mx_date{display:none}
	#mx-bookmarks{display:none}
	
	/*K2*/
	div.subCategory a.readmore {top:25px}
	div.subCategory h2{font-size:20px!important}
	div.itemToolbar ul li.itemPrintLink, div.itemToolbar ul li.itemEmailLink, div.itemToolbar ul li.itemTextResize {margin:0!important}
	
	/*Templates*/
	.border{margin-bottom:10px}
	a#pagetop{float:none!important}	
	div.color-site{float:none!important; margin-top: 4px!important}
}