@media only screen and ( min-width: 960px) and ( max-width:1024px ){

.header{
	padding:0px 25px;
	box-sizing:border-box;
}	
	
.content {
    padding:0px 25px;
	box-sizing:border-box;
}	
		
.footer{
    padding:0px 25px;
	box-sizing:border-box;
}	
		
#body-banner-2 {
    margin-top: -280px;
}

.box-div:nth-child(2) {
    margin: 0px 40px;
}

.green-text p {
    font-size: 22px;
}

.head-div {
    max-width: 750px;
}

.paints-div-1:nth-child(2) {
    margin: 0px 40px;
}

.menu li a {
    padding: 0px 8px !important;
}

.kids-img ul {
    width:70%;
}

.new-head-top a{
	font-size:13px;
}

.dream-2 {
    margin: 0px 57px;
}

.butt-1{
	margin-right:5px !important;
}
	
.banner-text-2 p {
    width: 32%;
}	

.nw-bn {
    margin-top: 120px !important;
}	

.kids-img ul li p{
	font-size:10px;
}

.pera-2 {
    margin: -130px 17px 0px 0px !important;
}

.pera-3 {
    margin: -120px 0px 0px 0px !important;
}

.pera-1 {
    margin: -115px 0px 0px 0px !important;
}
	
.paint-img-txt {
    top: 5%;
}	

}

@media only screen and ( min-width: 768px) and ( max-width:959px ){
	
.header{
	padding:0px 25px;
	box-sizing:border-box;
}	
	
.content {
    padding:0px 25px;
	box-sizing:border-box;
}	
		
.footer{
    padding:0px 25px;
	box-sizing:border-box;
}	
	
.banner-2{
    padding:0px 25px;
	box-sizing:border-box;
}		
	
.head-div {
    max-width: 550px;
}	

.nav-div {
    width: 52%;
}
	
.new-head {
    width: 47%;
}

.new-head-top a {
    padding: 2px 2px;
    font-size: 12px;
}

.butt-1 {
    margin-right: 1px !important;
}
	
.responsive-menu {
    padding: 15px 0px !important;
}

.menu li a {
    padding: 10px 15px !important;
}

.banner-text p {
    font-size: 28px;
}

#body-banner-2 {
    margin-top: -200px;
}

.box-div:nth-child(2) {
    margin: 0px 31px;
}

.green-form p label {
    font-size: 18px;
}

.green-text p {
    font-size: 16px;
}

.paints-div-1:nth-child(2) {
    margin: 0px 35px;
}

.paint-text h3 {
    font-size: 18px;
}

.paint-text p {
    font-size: 14px;
}

.dream-2 {
    width: 37%;
    margin: 0px 45px;
}
	
.banner-text-p p {
    font-size: 28px;
}

.program-box {
    width: 33%;
}

.banner-text-1 p {
    font-size: 20px;
    width: 30%;
}

.banner-text-2 p {
    font-size: 22px;
    width: 30%;
}
		
.story-left p {
    margin: 0px 0px 15px;
    padding: 0px 20px;
    font-size: 15px;
}
		
.team-sect p {
    margin: 10px 0px 10px;
    padding: 0px 20px;
    font-size: 15px;
}
	
.detail-right a {
    word-wrap: break-word;
}	

.detail-right p {
    font-size: 16px;
}

.detail-left p {
    font-size: 16px;
}
	
.contact-forms {
    width: 55%;
}
		
.policy-newdiv p {
    margin: 0px 0px 15px;
    padding: 0px 0px;
    font-size: 15px;
}
	
.kids-img ul {
    width: 100%;
}		
	
.all-location ul li{
	font-size:13px;
}	

.paint-img{
	display:none;
}

#body-content-paint{
	background-image: url(../images/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	padding:25px 0px;
}

.paint-img-txt{
	position:relative;
}


		
}


@media only screen and ( min-width: 600px) and ( max-width:767px ){
	
.logo-div {
    margin: 0px auto;
    float:none;
}

.head-div {
    padding:0px 25px;
	box-sizing:border-box;
}

.head-social {
    margin: 15px 0px 0px;
    text-align: center;
}

.nav-div {
    width: 100%;
}

.new-head {
    width: 90%;
    margin: 20px 0px 0px;
    padding: 0px 5%;
}


.menu li a {
    padding: 10px 15px !important;
}

#body-banner-2 {
    margin-top: -130px;
}

.content{
	padding:0px 25px;
	box-sizing:border-box;
}

.content-1 h2 {
	margin: 0px 0px 20px;
}

.content-1 p {
    font-size: 18px;
	padding:0px;
}

.box-div {
    width: 100%;
}

.box-div:nth-child(2) {
    margin: 50px 0px;
}

.green-div {
    padding: 20px 0px;
    width: 100%;
}

.green-form {
    margin:0px 0px 0px 3%;
}


.green-text p {
    font-size: 17px;
}

.green-form p label {
    font-size: 17px;
}

.paints-div-1 {
    width: 100%;
}

.paints-div-1:nth-child(2) {
    margin: 30px 0px;
}

.dream-heading h2 {
    font-size: 21px;
}


.dream-2 {
    margin: 0px 35px;
}

.kids-heading h2 {
    font-size: 20px;
}

.kids-img img {
    width: 100%;
}

.franchise-div h2 {
    font-size: 20px;
}

.franchise-div p {
    font-size: 16px;
}

.footer{
	padding:0px 25px;
	box-sizing:border-box;
}

.foot-menu ul li a {
    border-left: none;
    padding: 0px 8px;
}

.foot-copy {
    width: 100%;
}

.foot-social {
    width: 100%;
    margin: 20px 0px 0px;
}


.banner-text p {
    font-size: 18px;
}

.program-box {
    width: 33%;
}

.program-icons {
    width: 100%;
}

.banner-text-p p {
    font-size: 25px;
}

.banner-text-1 p {
    font-size: 20px;
    width: 38%;
}

.banner-text-2 p {
    font-size: 20px;
    width: 30%;
}

.story-left {
    width: 100%;
}

.story-right {
    width: 60%;
    margin: 0px auto 0%;
    float: none;
}

.story-left p {
    margin: 0px 0px 20px;
}

.locate-div {
    width: 60%;
}

.detail-left p {
    font-size: 15px;
}

.detail-right p {
    font-size: 16px;
}

.detail-right a {
    word-wrap: break-word;
}

.detail-right {
    width: 28%;
    margin: 0px 0px 0px 2%;
}

.detail-right p {
    font-size: 15px;
}

.contact-forms {
    width: 70%;
}


.policy-newdiv p {
    margin: 0px 0px 20px;
	padding:0px;
}


.steam-inner {
    width: 100%;
}

.kids-img ul {
    width: 100%;
}

.kids-img ul li p{
	font-size:8px;
}

.pera-2 {
    margin: -108px 15px 0px 0px !important;
    padding: 0px 5px !important;
}

.pera-3 {
    margin: -97px 0px 0px 0px !important;
    padding: 0px 10px !important;
}

.pera-4 {
    margin: -80px 0px 0px 0px !important;
    padding: 0px 10px !important;
}

.pera-5 {
    margin: -85px 0px 0px 0px !important;
    padding: 0px 20px !important;
    transform: rotate(30deg);
}

.pera-1 {
    margin: -87px 0px 0px 0px !important;
    padding: 0px 5px !important;
    transform: rotate(-15deg);
}

.all-location ul li{
	font-size:12px;
}

.paint-img{
	display:none;
}

#body-content-paint{
	background-image: url(../images/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	padding:25px 0px;
}

.paint-img-txt{
	position:relative;
}

}



@media only screen and ( min-width: 460px) and ( max-width:599px ){
	
.logo-div {
    margin: 0px auto;
    float:none;
}

.head-div {
    padding:0px 25px;
	box-sizing:border-box;
}

.head-social {
    margin: 15px 0px 0px;
    text-align: center;
}

.nav-div {
    width: 100%;
}

.new-head {
    width: 90%;
    margin: 20px 0px 0px;
    padding: 0px 5%;
}


.menu li a {
    padding: 10px 15px !important;
}

#body-banner-2 {
    margin-top: -120px;
}

.content{
	padding:0px 25px;
	box-sizing:border-box;
}

.content-1 h2 {
	margin: 0px 0px 20px;
}

.content-1 p {
    font-size: 18px;
	padding:0px;
}

.box-div {
    width: 100%;
}

.box-div:nth-child(2) {
    margin: 50px 0px;
}

.green-div {
    padding: 5px 0px;
    width: 100%;
}

.green-form {
    margin:0px 0px 0px 3%;
}


.green-text p {
    font-size: 17px;
}

.green-form p label {
    font-size: 17px;
}

.paints-div-1 {
    width: 100%;
}

.paints-div-1:nth-child(2) {
    margin: 30px 0px;
}

.dream-heading h2 {
    font-size: 21px;
}

.dream-1 {
    width: 100%;
}

.dream-2 {
    width: 100%;
    margin: 10px 0px 20px;
}

.kids-heading h2 {
    font-size: 20px;
}

.kids-img img {
    width: 100%;
}

.franchise-div h2 {
    font-size: 20px;
}

.franchise-div p {
    font-size: 16px;
}

.footer{
	padding:0px 25px;
	box-sizing:border-box;
}

.foot-menu ul li a {
    border-left: none;
    padding: 0px 4px;
    font-size: 11px;
}

.foot-copy {
    width: 100%;
}

.foot-social {
    width: 100%;
    margin: 20px 0px 0px;
}


.banner-text p {
    font-size: 18px;
}

.program-box {
    width: 100%;
	margin: 0px 0px 20px;
}

.banner-text-1 p {
    font-size: 20px;
    width: 45%;
}

.list-img {
    width: 20%;
}

.list-text {
    width: 78%;
}

.mini-text p {
    font-size: 16px;
}

.banner-text-2 p {
    font-size: 20px;
    width: 40%;
}

.stem-new p {
    padding: 0px 0px;
    font-size: 16px;
}

.story-left {
    width: 100%;
}

.story-left p {
    margin: 0px 0px 20px;
    padding: 0px 20px;
    font-size: 18px;
}

.story-right {
    width: 100%;
    margin: 0px 0px 0px 0%;
}

.team-sect p {
    padding: 0px 20px;
}

.join-div h2 {
    font-size: 21px;
}

.join-div p {
    padding: 0px 20px;
    font-size: 16px;
}

.join-text p {
    padding: 0px 20px;
    font-size: 16px;
}

.join-left {
    width: 100%;
}

.team-text ul li {
    font-size: 15px;
}

.join-left:nth-child(2) {
    margin-left: 0%;
    margin-top: 40px;
}

.new-join p {
    padding: 0px 20px;
}

.locate-div {
    width: 70%;
}

.detail-left {
    width: 100%;
}

.detail-right {
    width: 100%;
    margin: 20px 0px 0px 0%;
}

.detail-left p {
    font-size: 16px;
}

.detail-right p {
    font-size: 16px;
}

.contact-forms {
    width: 90%;
}

.policy-newdiv p {
    margin: 0px 0px 20px;
    padding: 0px 0px;
    font-size: 18px;
}

.kids-img ul li {
    width: 50%;
	margin:0px;
}

.all-location ul li {
    margin: 0px 4% 5px 0%;
    width: 48%;
    font-size: 14px;
}

.all-location ul li:nth-child(3n) {
    margin-right:4%;
}

.all-location ul li:nth-child(2n) {
    margin-right: 0%;
}

.tch-quote-1 {
    width: 100%;
}

.tch-quote-1:nth-child(2) {
    margin: 20px 0%;
}

.tch-quote-2 {
    width: 100%;
}

.tch-quote-3 {
    margin: 20px 0%;
    width: 100%;
}

.tch-quote-4{
    width: 100%;
}

.paint-img{
	display:none;
}

#body-content-paint{
	background-image: url(../images/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	padding:25px 0px;
}

.paint-img-txt{
	position:relative;
}


}

@media only screen and ( min-width: 360px) and ( max-width: 399px ){
.pera-1 {
    margin: -120px 0px 0px 0px !important;
    padding: 0px 15px !important;
}

.pera-2 {
    margin: -150px 17px 0px 0px !important;
    padding: 0px 15px !important;
}

.pera-3 {
    margin: -120px 0px 0px 0px !important;
    padding: 0px 10px !important;
}

.pera-4 {
    margin: -110px 0px 0px 0px !important;
    padding: 0px 10px !important;
}

.pera-5 {
    margin: -120px 0px 0px 0px !important;
    padding: 0px 20px !important;
}	


	
}


@media only screen and ( min-width: 320px) and ( max-width: 459px ){
	
.logo-div {
    margin: 0px auto;
    float:none;
}

.head-div {
    padding:0px 25px;
	box-sizing:border-box;
}

.head-social {
    margin: 15px 0px 0px;
    text-align: center;
}

.nav-div {
    width: 100%;
}

.new-head {
    width: 90%;
    margin: 20px 0px 0px;
    padding: 0px 5%;
}

.new-head-top a {
    font-size: 13px;
}

.new-head-bottom a {
    font-size: 13px;
}

.menu li a {
    padding: 10px 15px !important;
}

#body-banner-2 {
    margin-top: -90px;
}

.content{
	padding:0px 25px;
	box-sizing:border-box;
}

.content-1 h2 {
    font-size: 21px;
	margin: 0px 0px 20px;
}

.content-1 p {
    font-size: 15px;
	padding:0px;
}

.box-div {
    width: 100%;
}

.box-div:nth-child(2) {
    margin: 50px 0px;
}

.green-div {
    padding: 5px 0px;
    width: 100%;
}

.green-form {
    width: 90%;
    margin: 10px 0px 10px 5%;
}

.green-logo {
    width: 100%;
}

.green-text p {
    font-size: 20px;
}

.green-form p label {
    font-size: 17px;
}

.paints-div-1 {
    width: 100%;
}

.paints-div-1:nth-child(2) {
    margin: 30px 0px;
}

.dream-heading h2 {
    font-size: 21px;
}

.dream-1 {
    width: 100%;
}

.dream-2 {
    width: 100%;
    margin: 10px 0px 20px;
}

.kids-heading h2 {
    font-size: 20px;
}

.kids-img img {
    width: 100%;
}

.franchise-div h2 {
    font-size: 20px;
}

.franchise-div p {
    font-size: 16px;
}

.footer{
	padding:0px 25px;
	box-sizing:border-box;
}

.foot-menu ul li a{
	border-left:none;
	padding: 0px 0px;
}

.foot-copy {
    width: 100%;
}

.foot-social {
    width: 100%;
    margin: 20px 0px 0px;
}

.foot-menu ul li {
    display: block;
}

.banner-text p {
    font-size: 18px;
}

.banner-text-p p {
    font-size: 18px;
}

.program-div h2 {
    margin: 0px 0px 20px;
    font-size: 21px;
}

.program-div p {
    font-size: 16px;
}

.program-box {
    width: 100%;
	margin: 0px 0px 25px;
}

.program-location {
    margin: 30px 0px 0px;
}

.banner-text-1 p {
    font-size: 14px;
    width: 45%;
}

.mini-text p {
    padding: 0px 20px;
    font-size: 15px;
}

.list-text {
    width: 78%;
}

.list-img {
    width: 20%;
}

.banner-text-2 p {
    font-size: 16px;
    width: 45%;
}

.stem-new h2 {
    font-size: 21px;
}

.stem-new p {
    font-size: 16px;
	padding:0px;
}

.story-head h2 {
    font-size: 20px;
}

.story-left {
    width: 100%;
}

.story-left p {
    margin: 0px 0px 20px;
    padding: 0px 0px;
    font-size: 16px;
}

.story-right {
    width: 100%;
    margin: 0px 0px 0px 0%;
}

.team-sect p {
    font-size: 16px;
	padding:0px;
}

.join-div h2 {
    font-size: 20px;
}

.join-div p {
    padding: 0px 0px;
    font-size: 16px;
}

.join-text h3 {
    font-size: 14px;
}

.join-text p {
    margin: 0px 0px 0px;
    padding: 0px 0px;
    font-size: 15px;
}

.join-left {
    width: 100%;
}

.team-text ul li {
    font-size: 15px;
}

.join-left:nth-child(2) {
    margin-top: 40px;
    margin-left: 0px;
}

.new-join p {
    margin: 0px;
    padding: 0px 0px;
}

.new-join h3 {
    font-size: 16px;
}

.locate-div {
    width: 100%;
}

.detail-left {
    width: 100%;
}

.detail-right {
    width: 100%;
    margin: 20px 0px 0px 0%;
}

.detail-left p {
    font-size: 14px;
}

.detail-right p {
    font-size: 14px;
}

.location-heading h2 {
    font-size: 20px;
}

.contact-forms {
    width: 100%;
}

.green-form1 p textarea {
    height: 80px;
}

.policy-newdiv p {
    margin: 0px 0px 20px;
    padding: 0px 0px;
    font-size: 16px;
}

.kids-img ul li {
    width: 100%;
}

.all-location ul li {
    margin: 0px 0 5px 0%;
    width: 100%;
}

.location-find-logo {
    width: 85%;
}

.tch-quote-1 {
    width: 100%;
}

.tch-quote-1:nth-child(2) {
    margin: 20px 0%;
}

.tch-quote-2 {
    width: 100%;
}

.tch-quote-3 {
    margin: 20px 0%;
    width: 100%;
}

.tch-quote-4{
    width: 100%;
}

.paint-img{
	display:none;
}

#body-content-paint{
	background-image: url(../images/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	padding:25px 0px;
}

.paint-img-txt{
	position:relative;
}

}

@media only screen and ( min-width: 320px) and ( max-width: 359px ){

.new-head-top a p {
    padding: 0px 6px;
}

}