
/* 
    Created on : 04-04-17
    Author     : Md Mashqur Ul Alam
*/

/*homePage responsive media query Start*/    


@media only screen and (min-width: 1400px){
    #homePageMainSection{
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .sliderHeading{        
        margin-left: 115px;
    }

    .subHeading {
        margin-left: 115px;
        margin-bottom: 15px;
    }

    .individualSliderImage {
        margin-left: 100px;
        width: 300px;
    }

    #loginArea{
        margin-top: 110px;
    }

    .sliderImage {
        margin-left: 75px;
        width: 350px;
    }
}

@media only screen and (min-width: 1200px){
    .sliderHeading{        
        margin-left: 90px;
    }

    .sliderImage {
        margin-left: 50px;
        width: 400px;
    }

    .subHeading {
        margin-left: 85px;
        margin-bottom: 15px;
    }

    .individualSliderImage {
        margin-left: 100px;
        width: 330px;
    }

    #loginArea{
        margin-top: 110px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    #treeImage{
        width: 330px;
    }

    .allWhiteIcon{
        width: 35px;
        position: absolute;
        z-index: 2;    
    }

    .allRedCircle{
        width: 50px;
    }

    .individualSliderImage {
        margin-left: 35px;
        width: 310px;
    }

    .subHeading{
        margin-bottom: 10px;
    }

    .sliderImage {
        margin-left: 10px;
        width: 400px;
    }

    /*
====================================================
 White Circle Icon Position Css
====================================================
    */

    #OrganizationWhiteIcon {
        left: 137px;
        top: 68px;

    }

    #CorporateTrainingWhiteIcon {   
        left: 115px;
        top: 126px;

    }

    #CourseAndVideoCourseWhiteIcon {   
        left: 65px;
        top: 154px;

    }

    #QuizWhiteIcon {    
        left: 89px;
        top: 213px;

    }

    #E_LearningWhiteIcon {   
        left: 146px;
        top: 231px;        
    }

    #E_LibraryWhiteIcon {    
        left: 32px;
        top: 234px;
        width: 47px;        
    }

    #CreateSkillMeterWhiteIcon {	    
        left: 88px;
        top: 279px;
        width: 40px;
    }

    #EducationalInstituteWhiteIcon {    
        left: 195px;
        top: 90px;
    }

    #IndividualTeacherWhiteIcon {    
        left: 246px;
        top: 67px;
    }

    #LearnerWhiteIcon {    
        left: 295px;
        top: 100px;
    }

    #VirtualClassroomWhiteIcon {    
        left: 246px;
        top: 131px;
    }

    #OnlineExamWhiteIcon {	
        left: 299px;
        top: 166px;
    }

    #VideoConferenceWhiteIcon {    
        left: 213px;
        top: 188px;
    }

    #HireExpertWhiteIcon {    
        left: 272px;
        top: 216px;
    }

    #ClassroomTrainingWhiteIcon {	    
        left: 237px;
        top: 263px;
    }

    /*
    ====================================================
     Hoover Background Red Circle Position Css
    ====================================================
    */

    #OrganizationRedCircle {
        left: 128px;
        top: 59px;
    }

    #CorporateTrainingRedCircle {
        left: 107px;
        top: 117px;
    }

    #CourseAndVideoCourseRedCircle {
        left: 56px;
        top: 147px;
    }

    #QuizRedCircle {    
        left: 81px;
        top: 206px;
    }

    #E_LearningRedCircle {  
        left: 138px;
        top: 222px;
    }

    #E_LibraryRedCircle {   
        left: 29px;
        top: 233px;
    }

    #CreateSkillMeterRedCircle {    
        left: 81px;
        top: 267px;
    }

    #EducationalInstituteRedCircle {    
        left: 187px;
        top: 85px;
    }

    #IndividualTeacherRedCircle {
        left: 239px;
        top: 59px;
    }

    #LearnerRedCircle { 
        left: 286px;
        top: 92px;
    }

    #VirtualClassroomRedCircle {
        left: 239px;
        top: 123px;
    }

    #OnlineExamRedCircle {
        left: 291px;
        top: 158px;
    }

    #VideoConferenceRedCircle { 
        left: 205px;
        top: 181px;
    }

    #HireExpertRedCircle {  
        left: 265px;
        top: 210px;
    }

    #ClassroomTrainingRedCircle {   
        left: 229px;
        top: 255px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    #slideArea{
        display: none;
    }
}

@media only screen and (max-width: 767px){
    #slideArea{
        display: none;
    }

    img#limitedTimeOfferLogo{
        width: 100px !important;
        margin-left: 5px !important;

    }

    #OfferList{
        margin-top: 40px !important;
        margin-left: -30px !important;
        width: 40% !important;
        padding: 0px  !important;
    }
    #offerAnimationIcon{
        width: 35% !important;
        margin-top: -4px !important;
    }

    #smallDeviceTreeImage{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 70px;
        max-width: 650px;
    }

    #treeImage, .orgIcon{
        display: none;
    }

    #loginArea{
        margin-top: 10px;
    }

}

@media only screen and (max-width:450px){

    img#limitedTimeOfferLogo{
        margin-left: 5px !important;
        width: 50px;
        float: left;
        padding: 0px;
    }

    #OfferList{
        margin-top: 30px !important;
        margin-left: -25px !important;
        width: 115px !important;
        padding: 0px !important;
    }
    #offerAnimationIcon{
        display: none;
    }
    
    #treeImage, .orgIcon{
        display: none;
    }

    #loginArea{
        margin-top: 10px;
    }
    
    #smallDeviceTreeImage{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 70px;
        max-width: 320px;
    }


}