body {
    font-family: 'open sans' !important;
}
/***************HEADER CSS*****************/


header {
    float: left;
    width: 100%;
}
.content1 {
    float: left;
    width: 100%;
    margin-top: 90px;
}
.logo {
    float: left;
    width: 100%;
}
.logo img {
    width: 250px;
}
.social1 {
    float: right;
    width: 100%;
    text-align: right;
    padding-top: 15px;
}

.social1 > div {
    display: inline-block;
    width: 65px;
    margin-right: 15px;
    vertical-align: text-top;
}
.social1 a img {
    width: 100%;
}



/**************CONTENT 1 CSS************/

.content2 {
    width: 100%;
}
.heading1 {
    font-family: 'vista-slab', serif;
    float: left;
    width: 100%;
    text-align: center;
}
.heading1 p {
    margin: 90px auto 70px auto;
    color: black;
    font-size: 35px;
}
.information1 {
    float: left;
    width: 100%;
    margin-bottom: 55px;
}
.information1 p {
    margin: 0 0 10px;
    color: #666666;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 15px;
}

/**********CONTENT 3 CSS*********/

.content3 {
    float: left;
    width: 100%;
}
.content3 img {
    float: left;
    width: 100%;
}


/*********CONTENT 4 CSS************/

.content4 {
    float: left;
    width: 100%;
}
.information2 {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}
.information2 p {
    margin: 70px 0px;
    color: #666666;
    font-size: 17px;
    line-height: 27px;
}


.information2 h5 {
    font-size: 30px;
    color: #00aeef;
}
.genders {
    float: left;
    width: 100%;
    margin-left: -10px;
}
.boys1 {
    float: left;
    width: 100%;
    border-radius: 5px;
}
.boys-head {
    float: left;
    width: 100%;
    background: #00aeef;
    padding-left: 15px;
    border-radius: 5px 5px 0px 0px;
}
.boys-data {
    float: left;
    width: 100%;
    background: #ebf8fc;
}
.boys-head h5 {
    font-size: 20px;
    color: white;
    margin: 18px 0px;
}



.boys-left {

    width: 60%;
    float: left;
}
.boys-left p {
    font-family: 'vista-slab', serif;
    margin: 5px 0px;
    color: black;
    font-size: 18px;
    padding-left: 0px;
}
.boys-right {
    float: right;
}
.boys-middle {
    float: right;
    width: 40px;
    padding-top: 6px;
}
.boys-middle span.glyphicon.glyphicon-chevron-up {
    color: #7acc58;
    font-size: 13px;
    display: block;
    text-align: center;
    height: 12px;

}

.boys-right p {
    margin: 5px 0px;
    color: black;
    font-size: 20px;
}
.boys-data {
    float: left;
    width: 100%;
    background: #ebf8fc;
    padding: 25px 30px 35px 30px;
    height: auto;
    border-radius: 0px 0px 5px 5px;
}


.boys-single {
    float: left;
    width: 100%;
    border-bottom: 2px solid white;
}
.boys-single {
    float: left;
    width: 100%;
    border-bottom: 2px solid white;
    padding: 5px 0px;
    height: 50px;
}

 .information3 {
    float: left;
    width: 100%;
 }
 .information3 h5 {
    font-size: 24px;
    margin: 48px 0px 35px 0px;
    color: #00aeef;
}
.information3 p {
    margin: 0 0 25px 0px;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 45px;
}
 .information4 {
    float: left;
    width: 100%;
 }
  .information4 h5 {
    font-size: 24px;
    margin:0px 0px 35px 0px;
    color: #00aeef;
}
.information4 p {
    margin: 0 0 70px 0px;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 70px;
}
.banner2 {
    float: left;
    width: 100%;
}
.banner2 img {
    width: 100%;
}

.graph-desk {
    width: 100%;
    max-width:850px;
}
.graph-desk img {
    width: 100%;
}

.graph-mob {
    display:none;
}

.information4 p span {
    color: black;
}
/*************CONTENT 5 CSS***********/

.content5 {
    float: left;
    width: 100%;
}
.heading2 {
    float: left;
    width: 100%;
}
.heading2 h5 {
    font-size: 24px;
    margin: 45px 0px 35px 0px;
    color: #00aeef;
}
.fromtv1 {
    float: left;
    width: 100%;
}
 
.fromtv1 h6 img {
    vertical-align: middle;
    width: 24px;
    margin-right: 8px;
}
.fromtv1 h6 {
    font-size: 14px;
    background: black;
    color: white;
    width: auto;
    border-radius: 5px;
    margin: 0px 0px 24px 0px;
    padding: 10px 20px 10px 9px;
    text-align: center;
    display: inline-block;
}


.fromtv1 h5 {
    font-size: 21px;
    color: black;
    margin-bottom: 10px;
}
.fromtv1 p {
    margin: 0 0 45px 0px;
    color: #666666;
    font-size: 16px;
    line-height: 27px;
}
.fromtv1 p span {
    color: black;
}
.information5 {
    float: left;
    width: 100%;
}
.information5 h5 {
    font-size: 24px;
    color: #00aeef;
    margin: 0px 0px 35px 0px;
}
.information5 p {
    margin: 0 0 15px 0px;
    color: #666666;
    font-size: 17px;
    line-height: 27px;
}
.information5 p span {
    color: black;
}


/************CONTENT6 CSS*******/
.content6 {
    float: left;
    width: 100%;
}
.heading3 {
    float: left;
    width: 100%;
}
.heading3 h5 {
    font-size: 24px;
    margin-bottom: 35px;
    color:#00aeef;
}
.boys-middle span.glyphicon.glyphicon-chevron-down {
    color: #c61717;
    font-size: 13px;
    display: block;
    text-align: center;
    height: 12px;

}
 
 .information6 {
    float: left;
    width: 100%;
 }
 .information6 h5 {
    font-size: 24px;
    margin-top: 45px;
    margin-bottom: 35px;
    color:#00aeef;
 }
 .information6 p {
    color:#666666;
    font-size: 17px;
    line-height: 27px;
    margin:0px 0px 45px 0px;
 }
 .all-boxes {
    float: left;
    width: 100%;
 }
 .meghan1 {
    float: left;
    width: 100%;
    padding-left:10px!important;
    padding-right:10px!important;
   

 }
.meghan1 img {
    width: auto;
    display: inherit;
    margin: auto;
    height: 220px;
}
.meghan2 img {
    width: auto;
    display: inherit;
    margin: auto;
    height: 220px;
}
.meghan1 p {
    color:#666666;
    font-size: 17px;
    line-height: 27px;
    margin:30px 0px 45px 0px;
}
.meghan2 {
    width: 50%;
    margin:auto;
}
.meghan2 p {
    color:#666666;
    font-size: 17px;
    line-height: 27px;
    margin:30px 0px 45px 0px;
}
.information7 {
    float: left;
    width: 100%;
}
.information7 h5 {
    font-size: 20px;
    color: black;
    margin-top: 10px;
    margin-bottom: 15px;
}
.information7 p {
    color:#666666;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 70px;
}
.information7 h6 {
    color:black;
    font-size: 25px;
    text-align: center;
    margin-bottom: 60px;
}
.information7 h6 a {
    color:#00aeef;
}
a {
    text-decoration: underline;
}
/**************MEDIA QUERIES*************/

@media screen and (max-width:767px) and (min-width:520px) {


    .container-8, .container-10 {
        width:90%;
        margin:0 auto;
    }


.logo {
    float: left;
    width: 100%;
    text-align: center;
}
.social1 {
    float: right;
    width: 100%;
    text-align: right;
    padding-top: 15px;
    text-align: center;
}

.graph-desk {
    display:none;
}

.graph-mob {
    display:inline;
    width:100%;
    max-width:767px;
}

.graph-mob img {
    width:100%;
}

.boys-data {
    float: left;
    width: 100%;
    background: #ebf8fc;
    padding: 25px 30px 35px 30px;
    height: auto;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 30px;
}
.meghan2 {
    width: 100%;
    margin: auto;
}
}

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

.logo {
    float: left;
    width: 100%;
    text-align: center;
}


.container-8, .container-10 {
        width:90%;
        margin:0 auto;
    }

.graph-desk {
    display:none;
}

.graph-mob {
    display: inline;
    width:100%;
}

.graph-mob img {
    width:100%;
}



.social1 {
    float: right;
    width: 100%;
    text-align: right;
    padding-top: 15px;
    text-align: center;
}
.boys-data {
    float: left;
    width: 100%;
    background: #ebf8fc;
    padding: 25px 30px 35px 30px;
    height: auto;
    border-radius: 0px 0px 5px 5px;
    margin-bottom: 40px;
}
.meghan2 {
    width: 100%;
    margin: auto;
}
.heading1 p {
    width: auto;
}
body {
    overflow-x: hidden;
}
}

@media (min-width: 767px) {
.container {
    max-width: 1024px;
    width: auto;
}

.container-8 {

    max-width: 680px;
    width:96%;
    margin: 0 auto;

}

.container-10 {

    max-width: 850px;
    width:96%;
    margin: 0 auto;

}
}