.online-learning{
	width: 100%;
	position: relative;
	overflow: visible;
    font-family: 'droid_serifregular', Arial, Helvetica;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .online-learning {
                        overflow: hidden;
                }
}

            @media only screen and (min-width: 320px) and (max-width: 767px) {
                 .online-learning {
                        overflow: hidden;
                }
}

/*Backgrounds */

.clearBGOnlinelearn {
    height: 483px;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.clearBGOnlinelearn {
 height: 250px;
}

}
                               @media only screen and (min-width: 320px) and (max-width: 767px) {
.clearBGOnlinelearn {
    height: 280px;
}
}


.coursesBG {
    background: radial-gradient(ellipse at center,#9c9c9c 0,#b5b5b5 0,#575757 100%);
    min-height: 600px;
}

.studentsBG {
 background-image:url(../img/homepage/orange-background.gif);
 min-height: 340px;
 margin-bottom: -20px;
}


.benefitsBG {
    background:#ffffff;
    color:#3f3f3f;
    box-shadow: -4px -2px 24px -10px #3F3F3F;
    z-index: 13;
   min-height: 1274px;
 }

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.benefitsBG {
    min-height: 2117px;
}
}

/*Header Area */
.onlinelearningheader {
    position: relative;
     vertical-align: top;
    left: 0;
    top: 45px;
    min-height: 543px;
    width: 370px;     
    display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
           .onlinelearningheader {
           width: 100%; 
  }


}

        

.onlinelearningheader p {
    position: relative;
    top: 60px;
    width: 500px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.onlinelearningheader p {
width: 290px;
}

}


.onlinelearningheader h2 {
    color: #FF7B03;
    font-family: 'droid_serifitalic';
    font-size: 42px;
    position: absolute;
    width: 600px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.onlinelearningheader h2 {

    width: 320px;
}

}

 
.ipad-online-learning-section {
    background: url("../img/homepage/ipad-header.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 438px;
    position: relative;
    right: -85px;
    top: 44px;
    width: 524px;
    z-index: 8;
}

        @media only screen and (min-width: 768px) and (max-width: 1000px) {
            .ipad-online-learning-section {
                display: none;
            }

            }
         @media only screen and (min-width: 320px) and (max-width: 767px) {
.ipad-online-learning-section {
                display: none;
            }
}
 /*Beneftis of Studying*/

 .benefitsOfstudying h2 {
    border-bottom: 6px solid #3F3F3F;
    color: #3F3F3F;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 50px;
    width: 460px;
}

         @media only screen and (min-width: 320px) and (max-width: 767px) {
 .benefitsOfstudying h2 {
width: 320px;
}

}


.benefitsOfstudying .benefitsWhystudy {
    width:100%;
    position: relative;
    display: inline-block;
    clear: both;
      top: 45px;
      margin-bottom: 10px;
}
} 
                 @media only screen and (min-width: 320px) and (max-width: 767px) {
                   .benefitsOfstudying .benefitsWhystudy {
                        top: 100px;
                        margin-bottom:185px;
                        margin-left: -10px;
}

}

.benefitsOfstudying .benefitsWhystudy ul {
    list-style-type: none;
    width: 100%;
}



.benefitsOfstudying .benefitsWhystudy ul>li {
    display: inline-block;
       margin: 10px 0;
 }

                 @media only screen and (min-width: 768px) and (max-width: 1000px) {
 .benefitsOfstudying .benefitsWhystudy ul>li {
           margin: 35px 0;

}
}

                 @media only screen and (min-width: 320px) and (max-width: 767px) {
.benefitsOfstudying .benefitsWhystudy ul>li {
           margin: 38px 0;

}
}

.benefitsOfstudying .benefitsWhystudy ul > li .benfitsitem {
    color: #3F3F3F;
    float: left;
    height: 100px;
    position: relative;
    width: 475px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                .benefitsOfstudying .benefitsWhystudy ul > li .benfitsitem {
                    width: 293px;
                    padding: 0 20px;
                }
}


.benefitsOfstudying .benefitsWhystudy ul>li .benfitsitem i {
    font-size: 50px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                .benefitsOfstudying .benefitsWhystudy ul>li .benfitsitem i {
                    position: relative;
                    top: -16px;
                }
}


.rightColumnBenefits {
    display: inline-block;
    width: 385px;
    font-size: 13px;
}

.leftColumnBenefits {
    display: inline-block;
    position: relative;
    top: 30px;
    vertical-align: top;
    width: 60px;
}
                @media only screen and (min-width: 768px) and (max-width: 1000px) {

.rightColumnBenefits {
    display: inline-block;
    width: 385px;
    font-size: 13px;
}
}


                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .rightColumnBenefits {
                        width:228px;
                    }
                }
                                        @media only screen and (min-width: 320px) and (max-width: 767px) {
.rightColumnBenefits {
     width: 242px;
}

}


.rightColumnBenefits b {
    font-family: 'droid_serifbold_italic';
}


.benefitsOfstudying .leftColumn, .benefitsOfstudying .rightColumn {
 
    width: 48%;
    display: inline-block;
    position: relative;
}

.imageColumn{
    display: block;
    text-align: center;
}
                        @media only screen and (min-width: 320px) and (max-width: 767px) {
                            .benefitsOfstudying .leftColumn, .benefitsOfstudying .rightColumn {
                                width:295px;
                                padding-left:15px;
}   
.imageColumn{
    display: none!important;
}

}


.benefitsOfstudying .leftColumn h2 {
    color: #3F3F3F;
        border-bottom: none;

    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 0;
    position: relative;
    top: 60px;
    width: 215px;
}

.benefitsOfstudying .rightColumn h2 {
    border-bottom: none;
    color: #3F3F3F;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 0;
    position: relative;
    top: 60px;
    width: 335px;
}

.benefitsOfstudying .leftColumn p, .benefitsOfstudying .rightColumn p {
    position: relative;
    top: 70px;
}

/*Courses Boxes */

.coursesBGHEADER {
    border-bottom: 6px solid #ffffff;
    color: #ffffff;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 50px;
    width: 460px;
}

.coursesLecturer {
    background: url("../img/homepage/coursesboxeslec.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 460px;
    position: absolute;
    width: 468px;
    z-index: 8;
}

    @media only screen and (min-width: 768px) and (max-width: 1000px) {
.coursesLecturer {
display: none;
}

            }

      @media only screen and (min-width: 320px) and (max-width: 767px) {
.coursesLecturer {
display: none;
}
}


.boxeswrapperTopCourses {
    display: inline-block;
    position: relative;
    float: right;
    right: 0;
    top:  35px;
    z-index: 9;
}

.boxeswrapperTopCourses ul {
    list-style-type: none;
}

.boxeswrapperTopCourses ul > a >li {
    display: inline-block;
}

.boxeswrapperTopCourses .topRowCourses a li {
    background-color: #FF7B03;
    margin-right: 7px;
    padding: 13px 35px;
    position: relative;
    text-align: center;
    width: 105px;
}
    @media only screen and (min-width: 768px) and (max-width: 1000px) {
        .boxeswrapperTopCourses .topRowCourses a li {
         padding: 13px 55px;
        }

     }

    @media only screen and (min-width: 320px) and (max-width: 767px) {
        .boxeswrapperTopCourses .topRowCourses a li {
    margin-bottom: 7px;
    margin-right: 0;
    padding: 13px 20px;
    width: 100%;
}
}

.boxeswrapperTopCourses .topRowCourses li span {
      color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    text-align: center;
    top: -18px;
}

.boxeswrapperTopCourses .topRowCourses li h2 {
    color: #FFFFFF;
    font-family: 'droid_serifitalic';
    font-size: 20px;
    line-height: 27px;
    text-align: center;
}

    @media only screen and (min-width: 320px) and (max-width: 767px) {
.boxeswrapperTopCourses .topRowCourses li h2 {
    font-size: 15px;
}
}



.boxeswrapperTopCourses .topRowCourses li i {
    bottom: 40px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    right: 40px;
}

.boxeswrapperTopCourses .bottomRowCourses a li, .boxeswrapperTopCourses .bottomRowCourses li {
    background-color: #3F3F3F;
    margin-right: 0;
    padding: 14px 12px 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 82px;
}

    @media only screen and (min-width: 768px) and (max-width: 1000px) {
            .boxeswrapperTopCourses .bottomRowCourses a li, .boxeswrapperTopCourses .bottomRowCourses li {
                padding: 14px 24px 0;

             }
            }

      @media only screen and (min-width: 320px) and (max-width: 767px) {
                    .boxeswrapperTopCourses .bottomRowCourses a li, .boxeswrapperTopCourses .bottomRowCourses li {
                    width: 136px;
                    min-height: 172px;
                    margin-top: 4px;
                    }

                    .boxeswrapperTopCourses .bottomRowCourses {
                        width: 325px;
                    }
}


.boxeswrapperTopCourses .bottomRowCourses li .headertext {
    font-size: 20px;
}

.titleblock {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
     display: inline-block;
     min-height: 0!important;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.titleblock {
    width: 320px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
                    }


.boxeswrapperTopCourses .bottomRowCourses li i {
    color: #FFFFFF;
    font-size: 50px;
     position: relative;
}

.boxeswrapperTopCourses .bottomRowCourses li span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    text-align: center;
    top: -18px;
}

.boxeswrapperTopCourses .bottomRowCourses li h2 {
    color: #FFFFFF;
    font-family: 'droid_serifitalic';
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-align: center;
    top: 7px;
}
/*Students Say */

.fullwidthColumn h2{
font-size: 20px;
position: relative;
top: 10px;
color: #ffffff;
}

.fullwidthColumn p {
color:#ffffff;
}