@media screen and (max-width: 725px) {
div.wrapper  {
	max-width:94%; 
} 
.logo	{
	width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.phone	{
	margin-top:0px; 
	line-height:40px;
}
/* 
following css for slicknav
*/
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
/* 
css for learn-punjabi-lesson-one.php
*/
.lesson_indent {
	margin-left: 40px;
}
.book_cover	{
	width: 50%;
}
.book_data	{
	width: 49%;
}
}
/* 
css for footer.php
*/
footer 	{
	height:100%;
	padding-bottom:20px;
	overflow:hidden;
}
.float_right	{
	float:left; 
	margin-right:75px;
	text-align:left;
}
#copyright {
	padding-top:60px;
}
}
@media screen and (max-width: 650px) {
.slides_heading	{
	font-size:42px;
}
.slides_text	{
	font-size:32px; 
}
}
@media screen and (max-width: 636px) {
.book_cover	{
	margin-right: 5%;
	width: 44%;
}
.book_data	{
	width: 50%;
}
}
@media screen and (max-width: 620px) {
.slides_image {
	margin:40px 20px 40px 0px;
}
}
@media screen and (max-width: 526px) {
.slides_image {
	margin:40px 20px 0px 0px;
}
}
@media screen and (max-width: 500px) {
h1	{
	font-size:38px;
	margin-top:30px;
	margin-bottom:30px;
}
h2	{
	margin-top:40px;
}
.book_cover	{
	width: 100%;
	margin-bottom: 40px;
}
.book_data	{
	width: 100%;
}
}
@media screen and (max-width: 481px) {	
a[class="disable-link"] {
	pointer-events: auto !important;
	cursor: auto !important;
}
a[class="disable-footer-link"] {
	pointer-events: auto !important;
	cursor: auto !important;
}
}
@media screen and (max-width: 455px) {
.slides_image {
	float:none;
	margin:40px 0px 0px 0px;
}
.slides_button2 	{
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
}
.lesson_boxes div {
	margin-left: 1%;
	padding: 10px 0 0 0;
	vertical-align: top;
}
.lesson_color_subject_box {
	width: 29%;
	height: 160px;
}
.lesson_color_object_box {
	width: 28%;
	height: 160px;
}
.lesson_color_verb_box {
	width: 30%;
	height: 160px;
}
.lesson_indent {
	margin-left: 15px;
}
}
@media screen and (max-width: 425px) { /* smallest device width should always be last to prevent overwriting */
.h1_highlight	{
	font-size:36px;
}
.lesson_color_subject_box {
	width: 90%;
	height: auto;
}
.lesson_color_object_box {
	width: 90%;
	height: auto;
	margin: 10px 0 10px 0;
}
.lesson_color_verb_box {
	width: 90%;
	height: auto;
}
#copyright {
	padding-top:40px;
}
}
@media screen and (max-width: 297px) { /* smallest device width should always be last to prevent overwriting */
.slides_button2 	{
	margin-right:3px;
}
}