@media only screen and (max-width: 980px) {
.container{ width:750px;}
.headertitle{ font-size:17px;}
}

@media only screen and (max-width: 768px) {
.container{ width:100%;}
.headertitle{ font-size:17px; text-align:center; margin-bottom:20px;}
.headerimg {height: 168px;}
}

@media only screen and (max-width: 360px) {
	.footer-part{font-size:11px;}
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	margin:0px;
	padding:0px;
	background:#f2f2f2;
}
p { font-size:15px; padding:5px 0; margin:0;}
a, a:hover {
	transition: all 0.3s ease-in-out 0s;
	text-decoration:none;
}
.container{ background: white none repeat scroll 0 0;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    width: 980px;
	padding:20px;
	box-sizing:border-box;
	}
.header-part{ text-align:center;}
.headerimg{ width:100%; height:145px; background:url(https://cdn.pesi23.com/images/classroom-basic-white-header.jpg) no-repeat bottom;}
.headertitle{ color:#12679b; font-size:22px;}
.middle-part{ min-height:500px; padding:15px 15px;}
.footer-part{ color:#898989; font-size:12px; text-align:center;}
.footer-part a{ color:#2479bb;}
.footer-part p{ line-height:28px;}

.checkoutbox { width:555px; margin:40px auto; position:relative; padding:40px 0; text-align:center; display:table;}
.checkoutbox:after { position:absolute; left:0; top:0px; content:""; background:url(https://cdn.pesi23.com/images/classroom-basic-white-divider_splatter_black_down.png) no-repeat; height:20px; width:100%;}
.checkoutbox:before { position:absolute; left:0; bottom:0px; content:""; background:url(https://cdn.pesi23.com/images/classroom-basic-white-divider_splatter_black_down.png) no-repeat; height:20px; width:100%;}
.checkoutbox span{ color:#12679b; font-size:25px;}
.checkoutbox p{ color:#000; font-size:25px;}
.price { font-size:18px !important; text-decoration: line-through;}
.greenbox { background:#e8edba; padding:30px; border-radius:20px; margin-bottom:50px;}
h2 { margin:0; padding:0; font-size:25px; font-weight:bold; text-align:center; color:#12679b;}
.greenbox ul { margin:0px; padding:0px;}
.greenbox ul li{ list-style:none;  background:url(https://cdn.pesi23.com/images/classroom-basic-white-bull10.png) no-repeat left; padding:10px 0 10px 30px;}
.blackcolor { color:#000; margin-top:20px;}
.graybg { background:#f0f0f0;}
.aboutbox { float:left; width:100%; margin-bottom:50px;}
.aboutbox ul{ margin:0; padding:0;}
.aboutbox ul li{ list-style:none; width:100%; float:left; margin:10px 0;}
.aboutbox ul li span{ width:100%; float:left;}
.yellowbg { background:#fdf6e9; padding:20px; margin-top:20px; float:left; width:100%;}
.yellowbg ul { margin:0px 20px; padding:0px; width:45%; float:left;}
.yellowbg ul li{ list-style:none;  background:url(https://cdn.pesi23.com/images/classroom-basic-white-bull15.png) no-repeat left; padding:10px 0 10px 30px;}

.workbook h2{ font-size:20px; text-align:left;}
.workbook .greencolor{ color:#296e35; width:100%; float:left;}
.workbook strong, em{width:100%; float:left;} div[class*="col-"] p em {float: none;}
.lastbottom {margin:20px auto 40px auto; width:100%; clear:both; overflow:hidden; display:table; float:left;}
.lastbottom span{ font-weight:bold;}
.lastbottom ul { margin:0px 20px; padding:0px; width:100%; float:left;}
.lastbottom ul li{ list-style:none;  background:url(https://cdn.pesi23.com/images/classroom-basic-white-bull1.png) no-repeat left; padding:10px 0 10px 30px;}
.lightblue { width:550px; margin:30px auto; border:2px dashed #caecfe; padding:15px; background:#f0faff; text-align:center;}
.lightblue  h3{ font-size:35px; color:#000; font-weight:bold; text-align:center;}
.lightblue .price{ color:#a60000; font-size:30px !important; text-decoration:none;}
.payment { margin:20px 0;}

@media (min-width:320px) and (max-width:800px) {
	
	#mainwrapper, .container, iframe
	{
	width:100% !important;	
	}
	
	img
	{
	display:block;
	max-width:100% !important;	
	}
	
} div[class*="col-"] p em {float: none;}