.tabcd{
background-color:red
}

header.container-fluid.wheader{
padding:0px !important;
background: rgba(42, 176, 127, 0.66);
margin-bottom:0px !important; 
}

.clr{
clear:both;
}

.navbar-collapse.in {
    overflow-y: hidden !important;
}


.navbar-default {
    background: none !important;
    border:none !important;
}
.container-fluid {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.defualt-logo {
    font-size: 26pt !important;
    color: #fff !important;
    padding-top: 30px !important;
      font-family: 'Kreon', serif;
    text-transform: uppercase;
}
.nright ul {
    float: right !important;
    margin-right: -13px !important;
    margin-top: 15px !important;
    margin-bottom: -1px !important;
}


.nright ul li {
    font-size: 16px;
    font-weight: 100 !important;
    padding-top: 2px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.event-latest hr {
    margin-bottom: 0px;
}

.nright ul li a {
    color:#fff !important;
}
.nright ul li a:hover {
    color:#ff8625 !important;
}


.navbar {
    margin-bottom: 0px !important;    padding-bottom: 15px !important;
    }

.birthday-banner {
    padding: 0px !important;
}

.banner-text {
    width: 42%;
    background: rgba(42, 176, 127, 0.48);
    margin-left: 5%;
}
.banner-text h1 {
    font-size: 32pt;
    color: #fff;
    margin: 0px;
    padding-top: 30%;
    margin-left: 10%;
    font-family: 'Lobster Two', cursive;
}
.banner-text hr {
    width: 70%;
    border-top: 4px solid #ff8625 !important;
    margin-left: 10%;
}
.banner-text p {
    font-size: 16pt;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    margin: 0px;
    padding: 0px;
    padding-bottom: 30%;
    margin-left: 10%;
    text-align: justify;
    margin-right: 10%;
}
.birthday-welcome {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
}

.birthday-welcome h1 {
    font-size: 30pt;
    color: #000;
    font-family: 'Kreon', serif;
    margin: 0px;
}
.birthday-welcome hr {
    margin: 0px auto;
    border-top: #2ab08f solid 4px;
    width: 20%;
    border-radius: 10px;
    margin-top: 1%;
    margin-bottom: 1%;
}
.birthday-welcome p {
    color: #888888;
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin: 0px;
    padding: 0px 6%;
}
.celebrations {
    margin-bottom: 3%;
}
.celebrations h1 {
    margin: 0px;
    color: #000;
    font-family: 'Lobster Two', cursive;
    font-size: 24pt;
    margin-top: 2%;
    margin-bottom: 2%;
}

.celebrations p {
    margin: 0px;
    color: #888888;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    padding-right: 10%;
    text-align: justify;
}
.party h1 {
    margin: 0px;
    color: #000;
    font-family: 'Lobster Two', cursive;
    font-size: 26pt;
    margin-bottom: 2%;
    margin-left: 3%;
}
.party p {
    font-size: 15px;
    text-align: justify;
    color: #888888;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: 'Open Sans', sans-serif;
    padding-right: 6%;
    margin-left: 4%;
}
a.about {
    font-size: 17pt;
    background: #2ab08f;
    color: #fff;
    padding: 10px 23px;
    font-family: 'Kreon', serif;
    border-radius: 15px 0px;
    margin-top: 0%;
    display: inline-block !important;
    margin-left: 4%;
}
a.about:hover {
    background: #8050ad;
    color: #fff;
    text-decoration: none;
    transition: all 0.6s ease-in-out;
}
a.about:focus {
    background: #8050ad;
    color: #fff;
    text-decoration: none;
    transition: all 0.6s ease-in-out;
}
.party {
    margin-bottom: 6%;
    margin-top: 5%;
}

.music {
    font-size: 40pt !important;
    color: #8050ad;
    margin: 0px;
}
.cake {
    font-size: 40pt !important;
    color: #ff8625;
    margin: 0px;
}
.gift {
    font-size: 40pt !important;
    color: #2ab08f;
    margin: 0px;
}

.birthday-inner-banner {
    padding: 0px 8%;
}

.birthday-inner-banner h1 {
    font-size: 22pt;
    margin: 0px;
    color: #fff;
    font-family: 'Lobster Two', cursive;
    margin-top: 3%;
    margin-bottom: 3%;
}
.birthday-inner-banner p {
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding-right: 5%;
}
.music1 {
    margin-top: 10%;
    margin-bottom: 10%;
}
.ideas {
    text-align: center;
}
.ideas h1 {
    margin: 0px;
    color: #000;
    font-family: 'Lobster Two', cursive;
    font-size: 22pt;
    margin-top: 2%;
    margin-bottom: 2%;
}
.ideas p {
    margin: 0px;
    color: #888888;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    padding: 0px 5%;
    margin-bottom: 5%;
}
.efw {
    padding: 0px 7%;
}


.footer1 p {
    font-size: 14pt;
    color: #888686;
    margin: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    font-family: 'Open Sans', sans-serif;
}
.facebook {
    font-size: 18pt !important;
    background-color: #fff;
    color: #373737;
    padding: 10px 16px;
    border-radius: 100%;
    margin-right: 8px;
    margin-top: 4%;
}
.twitter, .google {
    font-size: 18pt !important;
    background-color: #fff;
    color: #373737;
    padding: 10px 11px;
    border-radius: 100%;
    margin-right: 8px;
    margin-top: 4%;
}
.footer2 {
    text-align: right;
}
.about-banner{
text-align:center;
}
.about-banner h1 {
    font-size: 60pt;
    color: #fff;
    font-family: 'Lobster Two', cursive;
    margin: 0px;
    margin-top: 10%;
}
.about-banner p {
    font-size: 18pt;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    padding: 0px 22%;
    font-weight: 100;
    margin: 0px;
    margin-bottom: 10%;
}
.event-about {
    margin-top: 3%;
    margin-bottom: 3%;
}

.event-about h1 {
    margin: 0px;
    color: #000;
    font-family: 'Lobster Two', cursive;
    font-size: 30pt;
    margin-left: 3%;
}
.event-about h2 {
    margin: 0px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 18pt;
    font-family: 'Kreon', serif;
    margin-left: 4%;
    margin-top: 2%;
    margin-bottom: 3%;
}

.event-about p {
    font-size: 15px;
    color: #888888;
    font-family: 'Roboto Slab', serif;
    text-align: justify;
    margin-left: 4%;
        margin-top: 2%;
    margin-bottom: 3%;
}
.themost {
    margin-top: -2%;
    margin-bottom: 3%;
}

.themost ul {
}

.themost ul li {
    font-size: 16px;
    color: #888888;
    padding: 15px 0px;
    list-style: none;
}
.work-team {
    text-align: center;
    margin-bottom: 3%;
}


.work-team h1 {
    margin: 0px;
    color: #000;
    background: rgba(42, 176, 127, 0.66);
    color: #fff;
    font-size: 24pt;
    font-family: 'Lobster Two', cursive;
    padding-top: 2%;
}
.work-team p {
    font-size: 15px;
    background: rgba(42, 176, 127, 0.66);
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding-top: 2%;
    padding-bottom: 3%;
    padding-left: 2%;
    padding-right: 2%;
}
.event-contact {
    margin-top: 3%;
    margin-bottom: 3%;
}
.event-contact h1 {
    margin: 0px;
    font-size: 30pt;
    color: #000;
    font-family: 'Lobster Two', cursive;
    margin-bottom: 3%;
}
.event-contact p {
    font-size: 15px;
    color: #888888;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
}
#n1 {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 5px !important;
    font-family: 'Open Sans', sans-serif !important;
}


#s1 {
    text-transform: uppercase;
    background-color: rgba(42, 176, 127, 0.66);
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    border: none !important;
    font-size: 18px !important;
    float: right !important;
    margin-top: 10px !important;
    padding: 10px 20px !important;
}
#s1:hover {
    background: #8050ad;
    color: #fff;
    text-decoration: none;
    transition: all 0.6s ease-in-out;
}
#s1:focus{
    background: #8050ad;
    color: #fff;
    text-decoration: none;
    transition: all 0.6s ease-in-out;
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   padding-right: 0px !important;
   padding-left: 0px !important;
}
.school-blog {
    margin-top: 3%;
}

.school-blog1 h1 {
    font-family: 'Lobster Two', cursive;
    margin: 0px;
    font-size: 24px;
    margin-top: 3%;
    margin-bottom: 1%;
    color: #000;
    font-weight: 600;
}
.school-blog1 p {
    font-size: 15px;
    color: #888888;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
}
.school-blog3 h1 {
    font-size: 30pt;
    color: #000;
    font-family: 'Lobster Two', cursive;
    margin: 0px;
    margin-bottom: 5%;
    margin-top: 23%;
}
.school-blog3 p {
    font-family: 'Open Sans', sans-serif;
    color: #888888;
    font-size: 12pt;
    margin: 0px;
}

.school-blog3 hr{
margin-right:5%;
}
.event-blog {
    padding-left: 2% !important;
}
.play-school-welcome {
    margin-top: 3%;
    margin-bottom: 2%;
}
.play-school-welcome h1 {
    margin: 0px;
    text-align: center;
    font-size: 24pt;
    color: #000;
    font-family: 'Kreon', serif;
}

.themost1 {
    margin-top: 3%;
    margin-bottom: 3%;
}
.themost1 ul {
padding-left: 0px;
}
.themost1 ul li {
    font-size: 16px;
    color: #888888;
    padding: 15px 0px;
list-style:none;
}

.themes {
    margin-bottom: 3%;
}
.themes h1 {
    margin: 0px;
    color: #000;
    font-family: 'Lobster Two', cursive;
    font-size: 22pt;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.themes p {
    margin: 0px;
    color: #888888;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    text-align: justify;
    padding: 0px 3%;
}
.themost1 hr {
    margin: 0px;
    width: 90%;
    border-top: 1px solid #eee;
}

/*old*/



@media only screen and (min-width : 320px) and (max-width :480px) {
.defualt-logo {
   font-size: 13pt !important;
    padding: 10px 15px !important;
    padding-top: 17px !important;
}
.event-posts hr {
    margin: 0px !important;
}
.nright ul {
    float: none !important;
margin-top: 0px !important;
}
.navbar, .navbar-default {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.banner-text {
    width: 80%;
margin-left: 4%;
    }

.themes p {
    padding: 0px;
}
.banner-text h1 {
    font-size: 18pt;
    padding-top: 0%;
margin-left: 5%;
}

.banner-text hr {
border-top: 2px solid #ff8625 !important;
    margin-left: 5%;
    margin-top: 8px;
    margin-bottom: 8px;
}
.event-about {
    text-align: center;
}
.event-contact h1 {
    margin-bottom: 0%;
}

.banner-text p {
    font-size: 11pt;
    padding-bottom: 0%;
margin-left: 5%;
    margin-right: 5%;
}
.about-banner h1 {
    font-size: 34pt;
    margin-top: 0%;
}
.about-banner p {
    font-size: 12pt;
   padding: 0px 3%;
    margin-bottom: 0%;
}
.birthday-welcome hr {
width: 60%;
}

.birthday-welcome p {
    padding: 0px;
    text-align: justify;
}
.celebrations {
    margin-bottom: 3%;
    text-align: center;
}
.celebrations p {
padding-right: 0%;
}
.party h1 {
font-size: 20pt;
    margin-left: 0%;
    text-align: center;
}

.party p {
    padding-right: 0%;
    margin-left: 0%;
}
.party {
    text-align: center;
}
a.about {
    margin-left: 0%;
}
.birthday-inner-banner {
    text-align: center;
}
.footer1 p {
    font-size: 12pt;
        text-align: center;
padding-top: 2%;
padding-bottom: 0%;
}
.footer2 {
    text-align: center;
    margin-bottom: 2%;
}
.event-about h1,.event-about h2,.event-about p {
    margin-left: 0%;
}
.themost ul {
    padding-left: 0px;
}
.themost {
    text-align: center;
}
.themost ul li {
padding: 10px 0px;
}
.themost1 {
    text-align: center;
}
.themes {
    text-align: center;
}
.birthday-welcome h1 {
    font-size: 26pt;
    }
.school-blog3 h1 {
        margin-top: 0%;
}
.school-blog3 {
    text-align: center;
}
.school-blog1 {
    text-align: center;
}
.school-blog1 h1 {
font-size: 20px;
}
.event-contact {
    text-align: center;
}

}

@media only screen and (min-width : 360px) and (max-width :640px) {
.defualt-logo {
   font-size: 14pt !important;
    padding: 10px 15px !important;
    padding-top: 17px !important;
}
.themes p {
    padding: 0px;
}
.nright ul {
    float: none !important;
margin-top: 0px !important;
}
.navbar, .navbar-default {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.event-posts hr {
    margin: 0px !important;
}
.banner-text {
    width: 80%;
margin-left: 4%;
    }

.event-contact h1 {
    margin-bottom: 0%;
}
    .banner-text h1 {
    font-size: 18pt;
    padding-top: 0%;
margin-left: 5%;
}

.banner-text hr {
border-top: 2px solid #ff8625 !important;
    margin-left: 5%;
    margin-top: 8px;
    margin-bottom: 8px;
}


.banner-text p {
    font-size: 11pt;
    padding-bottom: 0%;
margin-left: 5%;
    margin-right: 5%;
}
.about-banner h1 {
    font-size: 34pt;
    margin-top: 0%;
}
.about-banner p {
    font-size: 12pt;
    padding: 0px 3%;
    margin-bottom: 0%;
}
.birthday-welcome hr {
width: 60%;
}

.birthday-welcome p {
    padding: 0px;
    text-align: justify;
}
.celebrations {
    margin-bottom: 3%;
    text-align: center;
}
.celebrations p {
padding-right: 0%;
}
.party h1 {
font-size: 20pt;
    margin-left: 0%;
    text-align: center;
}

.party p {
    padding-right: 0%;
    margin-left: 0%;
}
.party {
    text-align: center;
}
a.about {
    margin-left: 0%;
}
.birthday-inner-banner {
    text-align: center;
}
.footer1 p {
    font-size: 12pt;
        text-align: center;
padding-top: 2%;
padding-bottom: 0%;
}
.footer2 {
    text-align: center;
    margin-bottom: 2%;
}
.event-about h1,.event-about h2,.event-about p {
    margin-left: 0%;
}
.themost ul {
    padding-left: 0px;
}
.themost {
    text-align: center;
}
.themost ul li {
padding: 10px 0px;
}
.themost1 {
    text-align: center;
}
.themes {
    text-align: center;
}
.birthday-welcome h1 {
    font-size: 26pt;
    }
.school-blog3 h1 {
        margin-top: 0%;
}
.school-blog3 {
    text-align: center;
}
.school-blog1 {
    text-align: center;
}
.school-blog1 h1 {
font-size: 20px;
}
.event-contact {
    text-align: center;
}

}

@media only screen and (min-width : 480px) and (max-width :482px) {
.banner-text h1 {
    font-size: 24pt;
    padding-top: 7%;
    }
.banner-text p {
    font-size: 14pt;
    padding-bottom: 7%;
    }
.about-banner h1 {
    font-size: 34pt;
    margin-top: 9%;
}

.about-banner p {
    margin-bottom: 9%;
}
    
}

@media only screen and (min-width : 509px) and (max-width :602px) {
.banner-text h1 {
    font-size: 24pt;
    padding-top: 7%;
    }
.banner-text p {
    font-size: 14pt;
    padding-bottom: 7%;
    }
.about-banner h1 {
    font-size: 34pt;
    margin-top: 9%;
}

.about-banner p {
    margin-bottom: 9%;
}
    .event-about {
    text-align: center;
}
}

@media only screen and (min-width : 640px) and (max-width :768px) {
.defualt-logo {
   font-size: 14pt !important;
    padding: 10px 15px !important;
    padding-top: 17px !important;
}

.nright ul {
    float: none !important;
margin-top: 0px !important;
}
.navbar, .navbar-default {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.event-posts hr {
    margin: 0px !important;
}
.banner-text {
    width: 65%;
margin-left: 4%;
    }
.event-about {
    text-align: center;
}

   .banner-text h1 {
    font-size: 26pt;
    padding-top: 10%;
    margin-left: 5%;
}

.themes p {
    padding: 0px;
}
.event-contact h1 {
    margin-bottom: 0%;
}
.banner-text p {
    font-size: 16pt;
    padding-bottom: 10%;
    }
.banner-text hr {
border-top: 2px solid #ff8625 !important;
    margin-left: 5%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.about-banner h1 {
    font-size: 34pt;
    margin-top: 10%;
}
.about-banner p {
    font-size: 12pt;
   padding: 0px 10%;
margin-bottom: 10%;
}
.birthday-welcome hr {
width: 60%;
}

.birthday-welcome p {
    padding: 0px;
    text-align: justify;
}
.celebrations {
    margin-bottom: 3%;
    text-align: center;
}
.celebrations p {
padding-right: 0%;
}
.party h1 {
font-size: 20pt;
    margin-left: 0%;
    text-align: center;
}

.party p {
    padding-right: 0%;
    margin-left: 0%;
}
.party {
    text-align: center;
}
a.about {
    margin-left: 0%;
}
.birthday-inner-banner {
    text-align: center;
}
.footer1 p {
    font-size: 12pt;
        text-align: center;
padding-top: 2%;
padding-bottom: 0%;
}
.footer2 {
    text-align: center;
    margin-bottom: 2%;
}
.event-about h1,.event-about h2,.event-about p {
    margin-left: 0%;
}
.themost ul {
    padding-left: 0px;
}
.themost {
    text-align: center;
}
.themost ul li {
padding: 10px 0px;
}
.themost1 {
    text-align: center;
}
.themes {
    text-align: center;
}
.birthday-welcome h1 {
    font-size: 26pt;
    }
.school-blog3 h1 {
        margin-top: 0%;
}
.school-blog3 {
    text-align: center;
}
.school-blog1 {
    text-align: center;
}
.school-blog1 h1 {
font-size: 20px;
}
.event-contact {
    text-align: center;
}

}

@media only screen and (min-width : 770px) and (max-width :775px) {
.footer1 p {
    font-size: 12pt;
    padding-top: 3% !important;
padding-bottom: 0% !important;
    }


    .twitter, .google, .facebook {
        margin-top: 3% !important;
}

}


@media only screen and (min-width : 800px) and (max-width :982px) {
.footer1 p {
    font-size: 12pt;
    padding-top: 3% !important;
padding-bottom: 0% !important;
    }


    .twitter, .google, .facebook {
        margin-top: 3% !important;
}

}

@media only screen and (min-width : 768px) and (max-width :1000px) {

.defualt-logo {
   font-size: 18pt !important;
    padding: 10px 15px !important;
    padding-top: 17px !important;
}
.themes p {
    padding: 0px;
}
.nright ul {
    float: right !important;
margin-top: 0px !important;
}
.navbar, .navbar-default {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.banner-text {
    width: 65%;
margin-left: 4%;
    }
.event-posts hr {
    margin: 0px !important;
}
.event-about {
    text-align: center;
}

.event-contact h1 {
    margin-bottom: 0%;
}

   .banner-text h1 {
    font-size: 26pt;
    padding-top: 10%;
    margin-left: 5%;
}

.banner-text p {
    font-size: 16pt;
    padding-bottom: 10%;
    }
.banner-text hr {
border-top: 2px solid #ff8625 !important;
    margin-left: 5%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.about-banner h1 {
    font-size: 34pt;
    margin-top: 10%;
}
.about-banner p {
    font-size: 12pt;
   padding: 0px 10%;
margin-bottom: 10%;
}
.birthday-welcome hr {
width: 60%;
}

.birthday-welcome p {
    padding: 0px;
    text-align: justify;
}
.celebrations {
    margin-bottom: 3%;
    text-align: center;
}
.celebrations p {
padding-right: 0%;
}
.party h1 {
font-size: 20pt;
    margin-left: 0%;
    text-align: center;
}

.music1 {
    margin-top: 5%;
    margin-bottom: 5%;
}

.party p {
    padding-right: 0%;
    margin-left: 0%;
}
.party {
    text-align: center;
}
a.about {
    margin-left: 0%;
}
.birthday-inner-banner {
    text-align: center;
}
.footer1 p {
    font-size: 12pt;
        text-align: center;
}
.footer2 {
    text-align: center;
    margin-bottom: 2%;
}
.event-about h1,.event-about h2,.event-about p {
    margin-left: 0%;
}
.themost ul {
    padding-left: 0px;
}
.themost {
    text-align: center;
}
.themost ul li {
padding: 10px 0px;
}
.themost1 {
    text-align: center;
}
.themes {
    text-align: center;
}
.birthday-welcome h1 {
    font-size: 26pt;
    }
.school-blog3 h1 {
        margin-top: 0%;
}
.school-blog3 {
    text-align: center;
}
.school-blog1 {
    text-align: center;
}
.school-blog1 h1 {
font-size: 20px;
}
.event-contact {
    text-align: center;
}
}


@media only screen and (min-width : 1000px) and (max-width :1200px) {
 .banner-text h1 {
    padding-top: 25%;
margin-left: 6%;
font-size: 26pt;
}

.banner-text hr {
margin-left: 6%;
}

.banner-text p {
padding-bottom: 25%;
margin-left: 6%;
margin-right: 6%;
}

 .party {
    margin-bottom: 2%;
    margin-top: 2%;
}
.party h1 {
font-size: 20pt;
margin-bottom: 1%;
}
.party p {
    font-size: 13px;
    }

    a.about {
    font-size: 13pt;
    }
    .ideas h1 {
    font-size: 20pt;
    }
.themes h1 {
    font-size: 18pt;
    }
.school-blog3 h1 {
        margin-top: 0%;
}
.efw {
    padding: 0px 4%;
}
.footer1 p {
    font-size: 12pt;
    }
    .twitter, .google, .facebook {
        margin-top: 3%;
}

    }