@charset "utf-8";
/* ----------------------------------------------
	Mobile CSS Document - CMS Template Buddy
	Template No.: 007
	Version: 1.02
	
	www.cmstemplatebuddy.com

	Please read README_FIRST.txt
------------------------------------------------- */

/* #Media Queries
================================================== */

/*	#Tablet
================================================== */

	@media only screen and (max-width: 1023px) {
		#pageWrapper {
 		   margin: 0 1%;
		   width: 95% !important;
		}
div#totoplink{display:none;}
		#header {
 		   margin: 0;
		   width: 100%;
		}
		#mainNav {
			margin: 0;
		}
		#logo a {
			width: 160px;
			margin: 15px 0 0 16px;
		}
		#sliderWrapper	{
			width: 100%;
			margin: 20px 0 0;
			height: auto;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		#content {
			width: 100%;
		}
		#main {
			padding: 0;
		}
		#bottomContent {
			width:100%;
			margin: 0;
		}
		.oneColumn {			
			width: 96%;
			margin: 0 2%;
		}
		.twoColumns {
			width: 62%;
			margin: 0 0 0 2%;
		}
		#sidebar {
			width: 30%;
			padding: 0;
			margin: 50px 2% 0 2%;
		}
		.threeBlocksWrapper {
			width: 100%;
			margin: 10px 0;
		}
		.threeBlocks, .threeBlocks2, #footerNav, .bottomBlock, .bottomBlock2 {
			width: 31%;
			margin-left: 2%;
			margin-right: 0;
		}
		.formbuddyfooter input[type="text"], .formbuddyfooter input[type="password"], .formbuddyfooter textarea {
			width: 96%;
			display: block;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			min-width: inherit;
		}
		.specialBox, #footer {
			width: 92%;
			padding: 10px 2%;
			margin: 10px 2%;
		}
		.nivoSlider {margin-bottom: 0;}
		.nivo-directionNav a, .nivo-controlNav { 
			display: none !important;
		}
		.nivo-caption { width:40%; }
		.nivo-caption h2 { padding: 0; }
		.breadcrumbs {
			/*margin: 10px 1%;*/
		}
		.search {
			width: 31%;
		}
		.search input {
			width: 80%;
		}
		a.readmore-slider { margin-top: 0; padding-top: 0;}
	}
	
/*	#Navigation
================================================== */
	@media only screen and (max-width: 767px) {
 		#mainNav ul { display: none; }
		#mainNav { text-align: center; margin: 0px;	width:100%;}
	    #mainNav select { display: inline-block; padding: 4px; margin-top: 10px; max-width:100%;}
	    .nivo-caption {display: none !important;}
	    .nivo-directionNav a {opacity: 1;}
	    .search { float: none; width: 99%; margin: 0 0 6px 0; }
	    .search input { width: 90%;	}
	    .sliderContainer {
	    	width: 96%;
	    	margin: 10px 2%;
	    }

	    #logo a {min-width: 0;width:220px;}
	    #logo a img {
			width:220px;
		}
		.slogan {font-size: 1.2em;}
		#header-right, #header-left {width:50%;}
	}

/*	#Mobile
================================================== */
	
	@media only screen and (max-width: 480px) {
		.threeBlocks, .threeBlocks2, .bottomBlock, .bottomBlock2, #footerNav ,#message{
			float: none !important;
			width: 96% !important;
			margin: 30px 2%;
		}
		#content {padding:5px 0;}
		#footer {padding:10px 0; margin:0 2% 10px 2%;float: none !important;width:96%;}
		.threeBlocks, .threeBlocks2 {overflow: hidden;}
		.threeBlocksImage { margin: 10px 3px; }
		.formbuddyfooter input[type="text"], .formbuddyfooter input[type="password"], .formbuddyfooter textarea {
			width: 100%;
			display: block;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.specialBox {
			padding: 2px 2%;
			margin: 2px 2%;
		}
		#header-left, #header-right {
			width: 100%;
			float: none !important;
			overflow: hidden;
			margin: 0;
			text-align: center;
		}
		.search { 
			top:10px;
			width: 98%;
			margin: 0 1% 5px 1%;
		}
		.search input {
			width: 86%;
		}
		#header {
			height: auto;
			overflow: hidden;
			text-align: center;
		}
		#logo {
			display: inline-block;
		}
		#logo a {
			margin: 10px 0 0;
			min-height: 42px;
			line-height: 0;
		}
		.top-right-block, .slogan { 
			width: 100%;
			float: none !important;
			overflow: hidden;
			text-align: center;
			padding:0;
		}		
		.slogan {margin:10px 0;}
		#mainNav {
			height: 45px;
			padding-top: 0;
			float: none;
			margin: 0 0 10px 0;
			width:100%;
		}
		#main {
			float: none !important;
		}
		.twoColumns {
			width: 96%;
		}
		#sidebar {
			float: none !important;
			width: 96%;
			margin:10px 2% 0 2%;
		}
		.threeBlocksMoreLink a {
			margin: 0px 0 10px 0;
		}	
	}	 
/* Stylesheet: tpl-buddy-007 // Mobile-007 Modified On 2014-12-08 17:49:43 */