
	/* Tablet Portrait size to landscape/standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		#slider-wrapper object { height: 315px; }
		/* header and footer */
		.menu ul li a.ms_top span { margin:0; padding:6px 8px 12px 8px; height:14px; }
		.header { margin:0 auto 0px; padding:0 0 0px; width:100%; background:url(../images/header_bg.gif) repeat top center; min-height:170px; }
		.telbox { float:left; width:20%; margin:34px auto 0px 2%; font-size:20px; }
		.logo { float:left; width:58%; margin:20px auto 30px; padding:5px 0 5px 0px; font-size:34px; line-height:1em; }
		.socialtop { float:right; width:18%; margin:23px 2% 0px 0; font-size:36px; }
		.socialtop span.facebook, .socialtop span.twitter, .socialtop span.googleplus, .socialtop span.youtube { float:left; }
		.prefooter_resize { margin:0px 2% 0 2%; padding:40px 0px 30px 0; width:96%; }
		.prefooter .fcol {  margin:0 2% 0 0;  padding:0; width:17%; display:inline-block; float:left; }
		.prefooter .fcol.last { margin:0 0% 0 0;  padding:0; width:24%; float:right; }
		.flickr a img { margin:1px 2% 0 0; padding:0px; background:#e2dfdf; border:1px solid #e2dfdf; width:28%; }
		.howmuchimg, .flickr { min-height:113px; }
		.prefooter .bigbutton { font-size:12px; }
		.socialbottom span.facebook, .socialbottom span.twitter, .socialbottom span.googleplus, .socialbottom span.youtube { margin:0 10px; }
		
		/* home page */
		.header4container { width:96%; padding:0; margin:15px 2%; }
		h1 { font-size:22px; }
		.intro { text-align:center; margin:0 2% 15px 2%; width:96%; }
		.pass-cert { width:auto; float:left; margin:0 3% 10px 0; background:#000; }
		p#tl1, p#tl2, p#tl3 { font-size:14px; margin-bottom:5px; }
		.intro .paraleft p { font-size:12px; }
		.intro .reviewright .reviewpara p { font-size:12px; }
		.intro .reviewright .reviewimage .name { padding:25px 0 5px; line-height:1.2em; }
		p.twenty { font-size:16px; line-height:1.4em; padding:20px 2% 40px 2%; }
		.lowerblock_container { float:left; width:61%; margin:0 0 0 2%; padding:0; }
		.sbreview { width:30%; margin:0 3% 30px 0; padding:0; float:right; background:#222; border:1px solid #fff; box-shadow: 0px 0px 15px #fff; }
		.sbreview .namecomment { padding:5px 0 0 0; font-size:12px; font-weight:normal; color:#fff; text-align:center; }
		
		/* want to change page */
		.wanttochangecontainer { width:96%; margin:0; padding:0 2%; }
		.bottomcontact { width:98%; margin:0; padding:0 1%; }
		p.bigending2 { font-size:22px; text-align:center; line-height:1.2em; padding:7px 0 7px 0; }
		
		/* how much page */
		.imlooking p { font-size:22px; }
		.howmuch_left { width:60%; float:left; margin:0 0 20px 2%; padding:0; }
		.howmuch_left p { font-size:12px; }
		
		/* reviews page */
		.reviewpage_container .reviewspacer { width:64%; height:55px; float:right; }
		.reviewpage_container_right .reviewspacer_right { width:64%; height:55px; float:left; }
		.reviewpage_container p { font-size:14px; }
		.reviewpage_container_right p { font-size:14px; }
		

	}



	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		#panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999999 !important; }		
		#coment .podpis { float: none; width:100%; }
		#coment2 { margin-left: 0px; }
		#coment3 { margin-left: 0px; }
		#coment2 .podpis { float: none; width:100%; }
		#coment3 .podpis { float: none;  width:100%;}
		#contactform textarea { width:97%; margin-left:0px;} 
		#contactform input.text { width:97%; margin-left:0px;}
		.prefooter { }
		.img_hover_box.pic a img.r_plus { display: none;}
		.img_hover_box.pic a img.r_plus_overlay { display: none;}
		.cols4 .col4 { width:45%; min-height:250px;}
		.cols4 .col4.last { float:left;}
		.menu .menusm { display: none; }
		.menu .tinynav { padding: 3px 0 3px; margin: 0px auto 15px auto; width: 80%; display: block; height: 30px; }
		.camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }
		#slider-wrapper object { height: 240px; }
		div.ppt { display: none !important; }

		}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.3% !important; }
		
		/* header and footer */
		.header { margin:0 auto 0px; padding:0 0 0px; width:100%; background:url(../images/header_bg.gif) repeat top center; min-height:170px; }
		.telbox { float:left; width:90%; margin:0px 5% 0px 5%; font-size:20px; text-align:center; }
		.logo { float:left; width:96%; margin:10px 2% 10px 2%; padding:5px 0 5px 0px; font-size:34px; line-height:1em; }
		.socialtop { float:right; width:44%; margin:0px 28% 10px 28%; font-size:36px; }
		.socialtop span.facebook, .socialtop span.twitter, .socialtop span.googleplus, .socialtop span.youtube { float:left; margin:0 15px; }
		.prefooter_resize { margin:0px 2% 0 2%; padding:40px 0px 30px 0; width:96%; }
		.prefooter .fcol {  margin:0 2% 0 2%;  padding:0; width:46%; display:inline-block; float:left; }
		.prefooter .fcol.last { margin:0 0% 0 0;  padding:0; width:100%; float:right; }
		.flickr a img { margin:1px 2% 0 0; padding:0px; background:#e2dfdf; border:1px solid #e2dfdf; width:28%; }
		.howmuchimg, .flickr { min-height:125px; }
		.prefooter .bigbutton { font-size:14px; }
		.socialbottom { float:right; width:50%; margin:0px 25% 10px 25%; font-size:50px; }
		.socialbottom span.facebook, .socialbottom span.twitter, .socialbottom span.googleplus, .socialbottom span.youtube { float:left; margin:0 12px; }
		
		/* home page */
		.header4container { width:96%; padding:0; margin:15px 2% 0 2%; }
		h1 { font-size:26px; }
		.intro { text-align:center; margin:0 2% 15px 2%; width:96%; }
		.pass-cert { width:20%; float:left; margin:0 3% 10px 0; background:#000; }
		p#tl1, p#tl2, p#tl3 { font-size:14px; margin-bottom:5px; margin-top:5px; }
		.ian-morris { width:15%; float:right; margin:0 2% 10px 10px; background:none; }
		.intro p { text-align:justify; }
		.intro .paraleft { width:100%; float:left; margin:20px 0; padding:10px 0 0 0; }
		.intro .paraleft p { font-size:14px; }
		.intro .reviewright { width:98%; float:right; margin:20px 1% 20px 1%; padding:0; background:#222; border:1px solid #fff; box-shadow: 0px 0px 15px #fff; }
		.intro .reviewright .reviewpara { float:left; width:90%; padding:10px 5%; margin:0; color:#296cea; }
		.intro .reviewright .reviewpara p { font-size:12px; }
		.intro .reviewright .reviewimage { width:100%; float:left; margin:0 0% 10px 0%; padding:0; }
		.intro .reviewright .reviewimage .name { padding:25px 0 5px; line-height:1.2em; }
		p.twenty { font-size:16px; line-height:1.4em; padding:20px 2% 40px 2%; }
		.lowerblock_container { float:left; width:96%; margin:0 2%; padding:0; }
		.sbreview { width:96%; margin:0 2% 30px 2%; padding:0; float:right; background:#222; border:1px solid #fff; box-shadow: 0px 0px 15px #fff; }
		.sbreview .namecomment { padding:5px 0 0 0; font-size:12px; font-weight:normal; color:#fff; text-align:center; }
		.sbreview p { font-size:12px; }
		.howmuchbtn { width:50%;  }
		
		/* want to change page */
		.wanttochangecontainer { width:96%; margin:0; padding:0 2%; }
		.bottomcontact { width:98%; margin:0; padding:0 1%; }
		bottomcontact .pic { margin:5px 20px 0px 0; width:25% !important; }
		p.bigending2 { font-size:22px; text-align:center; line-height:1.2em; padding:7px 0 7px 0; }
		.wanttochangebox p { font-size:24px; text-align:center; line-height:1.1em; }
		.wanttochangebox img { float:left; width:60%; padding:0; margin:0 20% 10px 20%; }
		p.notyourfault { font-size:24px; text-align:center; line-height:1.5em; }
		.reviewfull .reviewimage { width:90%; float:right; margin:10px 5% 10px 5%; padding:0; text-align:center; }
		.reviewfull .paraleft { width:90%; float:left; margin:10px 0; padding:10px 5% 0 5%; }
		.reviewfull .reviewimage2 { width:90%; float:right; margin:10px 5% 10px 5%; padding:0; text-align:center; }
		.reviewfull .paraleft2 { width:90%; float:left; margin:10px 0; padding:10px 5% 0 5%; }
		
		/* error page */
		.p404 h2{ font-size:20px; }
		.p404 h2 span{ font-size:16px; }
		.p404 p { font-size:12px; }
		.p404 p span { font-size:12px; }
		.p404 a { font-size:12px; text-decoration:underline; color:#fff; }
		
		/* first driving lesson page */ 
		.reviewfull .pic {  width:50% !important; }
		
		/* how much page */
		.howmuchtopbox { margin:20px 1% 20px 1%; padding:15px 2% 0 2%;}
		.howmuchtopicon { width:22%; float:left; margin:10px 1%; padding:0; }
		.imlooking p { font-size:16px; }
		.howmuch_left { width:96%; float:left; margin:0 2% 20px 2%; padding:0; }
		.howmuch_left p { font-size:12px; }
		.moneybagcontainer { width:90%; padding:0; margin:20px 5%; }
		.moneybag { float:left; margin:0 5% 10px 0; width:25% }
		.howmuch_right { width:96%; float:right; margin:0 2% 20px 2%; padding:0; }
		.howmuch_right .reviewbox { width:98%; margin:0px 2% 20px 0; padding:0; }
		.howmuch_right .reviewbox p { font-size:12px; }
		.changeimgbox { width:20%; float:left; margin:0 5% 40px 0 !important; }
		
		/* reviews page */
		.reviewpage_container .reviewspacer { width:40%; height:55px; float:right; display:none; }
		.reviewpage_container_right .reviewspacer_right { width:40%; height:55px; float:left; display:none; }
		.reviewpage_container p { font-size:14px; }
		.reviewpage_container_right p { font-size:14px; }
		.reviewpage_pic_container { float:left; width:90%; margin:20px 5%; }
		.reviewpage_pic_container_right { float:right; width:90%; margin:20px 5%; }

		}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	#slider-wrapper object { height: 160px; }
	.menu .tinynav { width:80%; margin:0 10%; }
	
	/* header and footer */
		.header { margin:0 auto 0px; padding:0 0 0px; width:100%; background:url(../images/header_bg.gif) repeat top center; min-height:170px; }
		.telbox { float:left; width:90%; margin:0px 5% 0px 5%; font-size:20px; text-align:center; }
		.logo { float:left; width:100%; margin:10px 0% 10px 0%; padding:5px 0 5px 0px; font-size:24px; line-height:1em; }
		.socialtop { float:right; width:62%; margin:0px 19% 10px 19%; font-size:36px; }
		.socialtop span.facebook, .socialtop span.twitter, .socialtop span.googleplus, .socialtop span.youtube { float:left; margin:0 15px; }
		.prefooter_resize { margin:0px 2% 0 2%; padding:40px 0px 30px 0; width:96%; }
		.prefooter .fcol {  margin:0 2% 30px 2%;  padding:0; width:46%; display:inline-block; float:left; }
		.prefooter .fcol.last { margin:0 0% 0 0;  padding:0; width:100%; float:right; }
		.flickr a img { margin:1px 2% 0 0; padding:0px; background:#e2dfdf; border:1px solid #e2dfdf; width:28%; }
		.howmuchimg, .flickr { min-height:95px; }
		.prefooter .bigbutton { font-size:14px; }
		.socialbottom { float:right; width:70%; margin:0px 15% 10px 15%; font-size:50px; }
		.socialbottom span.facebook, .socialbottom span.twitter, .socialbottom span.googleplus, .socialbottom span.youtube { float:left; margin:0 12px; }
		
		/* home page */
		.header4container { width:96%; padding:0; margin:15px 2% 0 2%; }
		h1 { font-size:24px; }
		.intro { text-align:center; margin:0 2% 15px 2%; width:96%; }
		.pass-cert { width:30%; float:left; margin:0 3% 10px 0; background:#000; }
		p#tl1, p#tl2, p#tl3 { font-size:14px; margin-bottom:5px; margin-top:0px; }
		.ian-morris { width:20%; float:right; margin:0 2% 10px 10px; background:none; }
		.intro p { text-align:justify; }
		.intro .paraleft { width:100%; float:left; margin:20px 0; padding:10px 0 0 0; }
		.intro .paraleft p { font-size:14px; }
		.intro .reviewright { width:98%; float:right; margin:20px 1% 20px 1%; padding:0; background:#222; border:1px solid #fff; box-shadow: 0px 0px 15px #fff; }
		.intro .reviewright .reviewpara { float:left; width:90%; padding:10px 5%; margin:0; color:#296cea; }
		.intro .reviewright .reviewpara p { font-size:12px; }
		.intro .reviewright .reviewimage { width:100%; float:left; margin:0 0% 10px 0%; padding:0; }
		.intro .reviewright .reviewimage .name { padding:25px 0 5px; line-height:1.2em; }
		p.twenty { font-size:16px; line-height:1.4em; padding:20px 2% 40px 2%; }
		.lowerblock_container { float:left; width:96%; margin:0 2%; padding:0; }
		.sbreview { width:96%; margin:0 2% 30px 2%; padding:0; float:right; background:#222; border:1px solid #fff; box-shadow: 0px 0px 15px #fff; }
		.sbreview .namecomment { padding:5px 0 0 0; font-size:12px; font-weight:normal; color:#fff; text-align:center; }
		.sbreview p { font-size:12px; }
		.howmuchbtn { width:50%;  }
		
		/* want to change page */
		.wanttochangecontainer { width:96%; margin:0; padding:0 2%; }
		.bottomcontact { width:98%; margin:0; padding:0 1%; }
		bottomcontact .pic { margin:5px 20px 0px 0; width:25% !important; }
		p.bigending2 { font-size:20px; text-align:center; line-height:1.2em; padding:0px 0 7px 0; }
		.wanttochangebox p { font-size:24px; text-align:center; line-height:1.1em; }
		.wanttochangebox img { float:left; width:80%; padding:0; margin:0 10% 10px 10%; }
		p.notyourfault { font-size:24px; text-align:center; line-height:1.5em; }
		.changeimgbox { width:35%; float:left; margin:0 5% 10px 0; }
		.reviewfull .reviewimage { width:90%; float:right; margin:10px 5% 10px 5%; padding:0; text-align:center; }
		.reviewfull .paraleft { width:90%; float:left; margin:10px 0; padding:10px 5% 0 5%; }
		.reviewfull .reviewimage2 { width:90%; float:right; margin:10px 5% 10px 5%; padding:0; text-align:center; }
		.reviewfull .paraleft2 { width:90%; float:left; margin:10px 0; padding:10px 5% 0 5%; }
		
		/* error page */
		.p404 h2{ font-size:20px; }
		.p404 h2 span{ font-size:16px; }
		.p404 p { font-size:12px; }
		.p404 p span { font-size:12px; }
		.p404 a { font-size:12px; text-decoration:underline; color:#fff; }
		.p404 p,.p404 a{  padding:20px 0; }
		
		/* first driving lesson page */ 
		.reviewfull .pic {  width:50% !important; }
		
		/* how much page */
		.howmuchtopbox { margin:20px 1% 20px 1%; padding:15px 2% 0 2%;}
		.howmuchtopicon { width:44%; float:left; margin:10px 3%; padding:0; }
		.imlooking p { font-size:16px; }
		.howmuch_left { width:96%; float:left; margin:0 2% 20px 2%; padding:0; }
		.howmuch_left p { font-size:12px; }
		.moneybagcontainer { width:90%; padding:0; margin:20px 5%; }
		.moneybag { float:left; margin:0 30% 10px 30%; width:40% }
		.moneybagcontainer .paracontainer { float:left; width:100%; }
		.howmuch_right { width:96%; float:right; margin:0 2% 20px 2%; padding:0; }
		.howmuch_right .reviewbox { width:98%; margin:0px 2% 20px 0; padding:0; }
		.howmuch_right .reviewbox p { font-size:12px; }
		.changeimgbox { width:90%; float:left; margin:0 5% 40px 5% !important; }
		.changeimgbox p { text-align:center; }
		
		/* reviews page */
		.reviewpage_container .reviewspacer { width:40%; height:55px; float:right; display:none; }
		.reviewpage_container_right .reviewspacer_right { width:40%; height:55px; float:left; display:none; }
		.reviewpage_container p { font-size:14px; }
		.reviewpage_container_right p { font-size:14px; }
		.reviewpage_pic_container { float:left; width:90%; margin:20px 5%; }
		.reviewpage_pic_container_right { float:right; width:90%; margin:20px 5%; }
	

	}



