/* ==========================================================================
   Base
   ========================================================================== */

body { background:url(../img/background.jpg); font-family:'Open Sans', sans-serif; font-size:14px; }



/* =============================================================================
   Header
   ========================================================================== */

.banner { }



/* ==========================================================================
   Content
   ========================================================================== */

.content { }



/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { }



/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

.content-info { }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

.wrap { background-color:#fff; padding:23px; box-shadow:0px 0px 9px rgba(0,0,0,0.8); width:963px; padding-bottom:0;}
.span7 { width:663px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media(min-width:768px) and (max-width:979px) {
	.wrap {width:768px; }
	.span10 { width:auto; }
	.online_exam_preparation_product, .online_practice_exam_category { background:none !important; }
	
}
@media (max-width: 767px) {

}

@media screen and (max-width: 500px) { /* -- target phones -- */
	body { font-size: 12px; padding: 10px; background: none;  }
	header .span3.logo { width: 100%; text-align: center; margin: 0 0 0 10px; float: none; }
	header .span3.logo img { max-width: 60%; }
	body > .wrap { width:100%; margin: 0 0 0 0; padding: 0 0 0 0; box-shadow: none; }
	body .header_right {
		float: left;
		font-size: 12px;
		width: 100%;
	}
	body .register, body .contact_us { text-align: center; }
	body .banner .search { text-align: center; }

	#menu-primary-navigation li { float: none; line-height: 14px; font-size: 12px;  }
	body #menu-primary-navigation.nav > li > a { font-size: 12px; padding: 7px; }
	body #menu-primary-navigation.nav { float: none; margin: 0 0 0 0; }
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%; 
	}
	body .span10  { width: 100%; margin-left: 0px; }
	body .intro_banner { height: auto; background: none; }
	body.home table.wide_t { display: none; }
	body.home .intro_banner table { margin-bottom: 1em; }
	body.home .intro_banner p span { font-size: 12px !important; text-align: justify; }
	body.home .content.row { margin-left: 0px; font-size: 12px; }
	body .home_bottom .left { float: none; font-size: 12px; width: 100%; }
	body .home_bottom .right { float: none; }
	body .left { width: 100%; }
	body .row { margin-left: 0px; }
	body .woocommerce div.product div.summary,
	body .woocommerce-page div.product div.summary,
	body .woocommerce #content div.product div.summary,
	body .woocommerce-page #content div.product div.summary { width: 100%; }
	body.single .main .content .product .woocommerce-product-gallery--with-images {
		float: none !important; 
		margin: auto auto;
		padding-bottom :1em;
	}
	body.single .main .content .product .summary.entry-summary {
		width: 100%;
		margin: 0 0 0 0;
		float: none;
	}
	body .footer { margin: 0 0 0 0; }
	body .related { display: none } /* -- messed up table layout -- */

	body .category-content { width: 100%; }


}