@media (max-width:767px) 
{
.wooden-box-div,.wooden-box-main { background:#f4d3a9!important;}	
.wooden-box-main .wooden-box-div,.wooden-box-main { margin-top:10px!important; height:auto; background:#f4d3a9}
.wooden-box-main{padding: 5px 0px 15px 0px;
min-height: 50px;}
.wooden-box-main .wooden-box-div { position:relative;}
.wooden-box-main .wooden-box-div > span { display:none}

}


@media (max-width:767px) 

{
    #SubAL, #AL, #UpdatePanel1
    { text-align:center
    }
        #AL > div
        { padding:0px 10px
        }
    .menu-section
    {background: url(/images/menu-bg.jpg);
    }
    .change-album {
    width: 100%;
}
    .seach-box-in1
    {  display:inline-block
    }
    #TotalPages
    { position:relative; margin-left:50px;
    }
    .main-container
    { background:none
    }
    .float-right
    { width:100%;
    }
    #footer
    { padding:20px
    }
    .box
    {max-width: 48.2%;
    }
    .footer-grass
    { margin:0; display:none
    }
    .school-name
    { height:auto
    }
    .kids-logo
    { max-width:100%; height:auto;  background:none; text-align:center
    }
        .kids-logo a
        { display:inline-block; margin-bottom:10px
        }

        .kids-logo img
        { float:none; margin:0;
        }
.header{text-align: center;}
.header a { display:inline-block}
	.roots,.flag-right,.girlImg,.nest,.image1 { display:none}
    .footer
    { height:auto;
    }
    .dropdown
    { width:120px;
    }
   .wooden-box { margin-right:0px;margin-right: 0px;
    float: none;
    display: inline-block;}
	.kids-corner,.footer-content { width:100%; margin:5px 0px; text-align:center;position: relative;
    right: auto;
    top: auto;}
	.kids-corner a{ display:inline-block;}
	.header,.container-main,.flag-right,.fullBox,.wooden-box-main .wooden-box-div > span { background:none;}
	.header { height:auto; text-align:center}
	.SchoolLogo { margin-top:10px;}
	.SchoolName { max-width:500px!important; float:none; margin:0px auto; }
	.container-main { padding-top:10px; background:none; text-align:center;padding-bottom: 20px;}
	.wooden-box-main .wooden-box-div { margin-top:-28px; background:none}
	.wooden-box-main { background:url(/images/stripIpad.png) 0px 0px no-repeat; background-size: 100% 100%;}
	.fullBoxIn { float:none; max-width:310px; margin:0px auto;}
	.footer-link { width:100%;   background: url(/images/bg-footer.png) center top no-repeat; position: relative;
    left: auto;
    margin: 0; top:auto;position: relative;
    left: auto;
    margin: 0;
    background: none;
    top: auto;
    height: auto;
    background: #e9cf92;
    padding: 10px 0;}
	.back-website { margin-right:0px!important; margin-top:0px; width:100%; text-align:center}
	.back-website a { display:inline-block;}
	.select { margin:0px;}
	.dropdown-select { width:100%; padding:0px; min-width: 90px;}
 
	.search-area {   padding-left:5px;box-sizing: border-box; -moz-box-sizing: border-box; max-width: 367px;}
	.SchoolName { padding:0px 5px!important}
	
	.wooden-box div > span { background: url(/images/knotN2.png) 273px 0px no-repeat!important; }
	
	.wooden-box div { background: url(/images/knotN2.png) 33px 0px no-repeat!important;}
   

	
	
}

@media (max-width:767px) 
{
 
.SchoolName {max-width: 400px; padding-left: 5px; box-sizing: border-box;}
.SchoolName a img { max-width:100%;}
.roots { margin-left:0px;left:0px; background: url(/images/roots.png) no-repeat -147px }	
.back-website { position:relative; z-index:9; margin-right:40px;}
.buttonText { display:block}
}

 



@media only screen
and (min-width : 768px)
and (max-width :1024px)
{
    .footer-grass
    { display:none
    }
   .school-name {
    float: left;
    max-width: 480px;
}
    .flag-right
    {margin-top: -183px;
    margin-right: 0;background: url(/images/flag-rptr3.png) 72px 0px no-repeat;
    }

.roots { margin-left:0px;left:0px; background: url(/images/roots.png) no-repeat -147px }	
.fullBox { min-height:351px;  }
}