#navcontainer{margin:0px auto;width:90%;}
    #navcontainer ul    {margin: 0 0 20px;padding: 10px 0;list-style-type: none;text-align: center;border-bottom: 1px solid CaptionText;line-height:40px;}
    #navcontainer ul li { display: inline; margin:0px;padding:0px 2%;}
    #navcontainer ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    #navcontainer ul li a:hover{color: #FEC870;}
    .divWidth{width:100%;}
     .divWidth2{width:100%;height:30px;}
    .HeaderBG_admin{    background-color:#FEC870;   width:100%;height:5px;  }
    .HeaderBG_Inner_admin{background-color:lightgray;   width:100%;height:100px;}
    .divSearchCourse_admin{    width:30%;float:left; margin: 20px;display:block;}
    .stdControls_search{box-shadow: 0px 0px 0px 1px #d7d7d7; background-color:#F2EFEF; border: 2px solid #a1a1a1;	border-radius: 5px; width:45%; height:25px; background-repeat:no-repeat;  border:none; padding-left:13px; padding-top:5px;           
                    Font-family:Sans-Serif;font-size:12px;}
    .stdWaterMarkText_search{     color:gray;   box-shadow: 0px 0px 0px 1px #d7d7d7; background-color:#F2EFEF; border: 2px solid #a1a1a1;	border-radius: 5px; width:45%; height:25px; background-repeat:no-repeat; border:none; padding-left:13px;
                            padding-top:5px;font-size:14px;}   
    .divLogoImage_admin{    width:35%;float:left;}
    .divLogoImage_admin img{    margin: 18px;}
    .divMenu_admin{   width:25%;float:right;margin: 20px;}
    .HeaderBGFooter_admin{    background-color:#FEC870;   width:100%;height:10px;  }
    
    .main{width:90%;margin:0 auto;min-height:450px;}
    .main_left{width:18%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;margin-right:8px;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li { margin:0px;padding:0px 2%;line-height:2;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:79%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    .divViewCourses{float:left;width:50%;}
    .divViewCourses_ancher{cursor:pointer;float:left;width:100%;border-bottom:solid 1px #212121;margin-bottom:10px;}
    .divViewCourses_ancher:hover{background-color:lightgray;}
    
    .divViewCourses_Delete{cursor:pointer;float:left;width:100%;border-bottom:solid 1px #212121;margin-bottom:10px;text-decoration:none;color:Black;}
    .divViewCourses_Delete:hover{background-color:lightgray;}
    .divUnPublishDelete{width:96%;height:100%;float:left;line-height:2;padding:2%;text-align:justify;}
    .divUnPublish{width:96%;height:100%;float:left;padding:2%;text-align:justify;}
    
    .divCsInfoPage{width: 80%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:20%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:10%;float:left;}
    .divCurriculum_Name{width:60%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:3%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:11px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:10%;float:left;}
    .divLectre_Name{width:55%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:3%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:8px;}
    
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:15%;}
    .divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:25%;color:#54abf3;font-size:13px;}
    .divLectre_ContentPop_SNo{width:3%;float:left;}
    .divLectre_ContentPop_ContentName{width:29%;float:left;}
    .divLectre_ContentPop_Adding{width:3%;float:left;text-align:center;}
    .divLectre_ContentPop_Adding img{margin-top:5px;}
    .divLectre_ContentPop_Publish{float:left;width:8%;}
    .divLectre_ContentPop_Browse{float:left;width:25%;}
    .divLectre_ContentPop_ContentURL{width:15%;float:left;}
    
    .divLectre_Quiz_idel{width:20%;float:left;display:none;}
    .divLectre_Quiz{float:left;width:15%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:25%;color:#7cd300;font-size:13px;}
    
    .divCsInfoLeft{width:50%;float:left;}
    .divCsInfoRight{width:50%;float:right;}
    .divLecturerDetails{width:30%;float:left;}
    .divLecturerCourses{width:70%;float:left;}
    
    .divBatchName{float:left;width:30%;height:50px;text-align:left;}
    .divBatchSDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchEDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchDesc{float:left;width:60%;height:80px;text-align:left;}
    .divBatchSave{float:left;width:40%;height:80px;text-align:left;margin-top:1%;}
@media (min-width: 1300px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:24px;    text-align: center;    width: 100%;}
    .divLoginLeft{width: 60%; float: left;}
    .divLoginRight{width: 40%; float: right; border-left: solid 1px gray;}
    .divFAQ{float:right;padding: 15px 20px;}
    .divCourseCreation{width: 30%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:28px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:20px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 60%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 32%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 85%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 32%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:20%;float:right;}
    
    .divViewCourses{float:left;width:50%;}
    
    #div_addDetails{ width:100%;height:25px;}
   #dvGrid{	margin-top: 10px; width:60%; }
   #div_txt1 { width:40%;}
   #div_txt2 {width:40%; margin-bottom:10px;}
   #div_ddl{width:38%;} 
   #div_txt3{ width:14%; margin-left:10px;}
   
   
   
    #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4, #divCHCol5, #divCHCol6
    {
        float: left;
        font-weight: bold;
        background-color: #807F83;
        height: 35px;
        vertical-align: middle;
        font-size: 13px;
        color: #fff;
        height: 30px;
        text-align: center;
    }
    #divCCol1, #divCCol2, #divCCol3, #divCCol4, #divCCol5, #divCCol6
    {
        float: left;
        font-size: 12px;
        border-bottom: solid 1px #CECECE; /*border-left :solid 1px #CECECE;*/
        color: Black;
        height: 30px;
    }



    #divCCol1, #divCHCol1
    {
        width: 5%;
    }
    #divCCol2, #divCHCol2
    {
        width: 25%;
    }
    #divCCol3, #divCHCol3
    {
        width: 25%;
    }
    #divCCol4, #divCHCol4
    {
        width: 35%;
    }
    #divCCol5, #divCHCol5
    {
        width: 5%;
    }
    #divCCol6, #divCHCol6
    {
        width: 5%;
    }
    #divC
    {
        width: 100%;
    }

    .divadd
    {
        width: 100%;
    }
    .div_addDetail
    {
        height: 50px;
        display: none;
    }

    .div_addDetails1
    {
        width: 20%;
        margin-left: 40px;
        padding-top: 1px;
         float: left;
         margin-right: 18px;
         align="left"
         
    }

    .div_addDetails2
    {
        width: 20%;
        margin-left: 0px;
        padding-top: 1px;
          float: left;
         margin-right: 8px;
         align="left"
    }
    .div_addDetails3
    {
        width: 30%;
        margin-left: 0px;
        padding-top: 1px;
           float: left;
         margin-right: 8px;
         align="left"
    }

    .div_addDetails4
    {
        width: 17%;
        margin-left: 0px;
        padding-top: 1px;
            float: left;
         margin-right: 8px;
         align="left"
    }
    .div_addDetails5
    {
        width: 10%;
        padding-top: 1px;
        margin-left: -147px;
        margin-left:128px;
        align="left"
    }

    .div_addDetails6
    {
        width: 10%;
        padding-top: 1px;
     margin-left: -147px;
     align="left"
    }
}
@media (min-width: 900px) and (max-width: 1299px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:24px;    text-align: center;    width: 100%;}
    .divLoginLeft{width: 60%; float: left;}
    .divLoginRight{width: 40%; float: right; border-left: solid 1px gray;}
    .divFAQ{float:right;padding: 15px 20px;}
    .divCourseCreation{width: 50%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:28px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:20px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 80%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 32%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 85%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 32%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:20%;float:right;}
    
    .divSearchCourse_admin{    width:20%;float:left; margin: 20px;display:block;}
    .divLogoImage_admin{    width:35%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 20px;}
    .main{width:95%;margin:0 auto;min-height:450px;}
    .main_left{width:18%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;margin-right:8px;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li {margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:79%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    
    .divViewCourses{float:left;width:50%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:10%;float:left;}
    .divCurriculum_Name{width:60%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:3%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:10%;float:left;}
    .divLectre_Name{width:55%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:3%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}
    
    .divBatchName{float:left;width:30%;height:50px;text-align:left;}
    .divBatchSDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchEDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchDesc{float:left;width:60%;height:80px;text-align:left;}
    .divBatchSave{float:left;width:40%;height:80px;text-align:left;margin-top:1%;}
    
     #div_addDetails{ width:100%;height:25px;}       
    #dvGrid{margin-top: 10px;width:60%;}
    #div_txt1{width:40%;}
    #div_txt2 { width:40%; margin-bottom:10px; } 
    #div_ddl{width:38%;} 
    #div_txt3{ width:14%; margin-left:10px;}
    
    
    
     #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4, #divCHCol5, #divCHCol6
    {
        float: left;
        font-weight: bold;
        background-color: #807F83;
        height: 35px;
        vertical-align: middle;
        font-size: 13px;
        color: #fff;
        height: 30px;
        text-align: center;
    }
    #divCCol1, #divCCol2, #divCCol3, #divCCol4, #divCCol5, #divCCol6
    {
        float: left;
        font-size: 12px;
        border-bottom: solid 1px #CECECE; /*border-left :solid 1px #CECECE;*/
        color: Black;
        height: 30px;
    }



    #divCCol1, #divCHCol1
    {
        width: 5%;
    }
    #divCCol2, #divCHCol2
    {
        width: 25%;
    }
    #divCCol3, #divCHCol3
    {
        width: 25%;
    }
    #divCCol4, #divCHCol4
    {
        width: 35%;
    }
    #divCCol5, #divCHCol5
    {
        width: 5%;
    }
    #divCCol6, #divCHCol6
    {
        width: 5%;
    }
    #divC
    {
        width: 80%;
    }

}
@media (min-width: 700px) and (max-width: 900px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:24px;    text-align: center;    width: 100%;}    
    .divLoginLeft{width: 60%; float: left;}
    .divLoginRight{width: 40%; float: right; border-left: solid 1px gray;}
    .divFAQ{float:right;padding: 15px 20px;}
    .divCourseCreation{width: 50%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:28px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:20px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 90%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 32%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 85%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 32%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:30%;float:right;}
    
    .divSearchCourse_admin{    width:20%;float:left; margin: 20px;display:none;}
    .divLogoImage_admin{    width:35%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 0px;}
    .main{width:95%;margin:0 auto;min-height:450px;}
    .main_left{width:18%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;margin-right:8px;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li {margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:75%;float:right;background-color:#F5F5F5; border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    
    .divViewCourses{float:left;width:80%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:15%;float:left;}
    .divCurriculum_Name{width:55%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:3%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:15%;float:left;}
    .divLectre_Name{width:50%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:3%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}    
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:15%;}
    .divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:30%;color:#54abf3;font-size:13px;}
    .divLectre_Quiz_idel{width:20%;float:left;display:none;}
    .divLectre_Quiz{float:left;width:15%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:30%;color:#7cd300;font-size:13px;}
    
    .divCsInfoPage{width: 90%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:40%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
     .divLecturerDetails{width:100%;float:left;}
    .divLecturerCourses{width:100%;float:left;}
    
    .divBatchName{float:left;width:30%;height:50px;text-align:left;}
    .divBatchSDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchEDate{float:left;width:30%;height:50px;text-align:left;}
    .divBatchDesc{float:left;width:60%;height:80px;text-align:left;}
    .divBatchSave{float:left;width:40%;height:80px;text-align:left;margin-top:1%;}
    
    #div_addDetails{ width:100%;height:25px;}       
     #dvGrid{margin-top: 20px;width:70%; }  
     #div_txt1 { width:40%; }
     #div_txt2 { width:40%;  margin-bottom:10px; } 
     
      #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4, #divCHCol5, #divCHCol6
    {
        float: left;
        font-weight: bold;
        background-color: #807F83;
        height: 35px;
        vertical-align: middle;
        font-size: 13px;
        color: #fff;
        height: 30px;
        text-align: center;
    }
    #divCCol1, #divCCol2, #divCCol3, #divCCol4, #divCCol5, #divCCol6
    {
        float: left;
        font-size: 12px;
        border-bottom: solid 1px #CECECE; /*border-left :solid 1px #CECECE;*/
        color: Black;
        height: 30px;
    }



    #divCCol1, #divCHCol1
    {
        width: 5%;
    }
    #divCCol2, #divCHCol2
    {
        width: 25%;
    }
    #divCCol3, #divCHCol3
    {
        width: 25%;
    }
    #divCCol4, #divCHCol4
    {
        width: 35%;
    }
    #divCCol5, #divCHCol5
    {
        width: 5%;
    }
    #divCCol6, #divCHCol6
    {
        width: 5%;
    }
    #divC
    {
        width: 80%;
    }
}
@media (min-width: 489px) and (max-width: 699px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:18px;    text-align: center;    width: 100%;}   
    .divLoginLeft{width: 60%; float: left;display:none;}
    .divLoginRight{width: 100%; float: left; }
    .call-mail{width:95%; float: left;}
    .call-phone{width:95%; float: left;}
    .divFAQ{float:right;padding: 7px 20px;}
    .divCourseCreation{width: 60%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:24px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:18px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 80%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 80%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 85%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 80%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:30%;float:right;}
    
    .divSearchCourse_admin{    width:30%;float:left; margin: 20px;display:none;}
    .divLogoImage_admin{    width:60%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 0px;}
    .main{width:95%;min-height:450px;}
    .main_left{width:100%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li { display: inline; margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}    
    .main_right{width:100%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    .divViewCourses{float:left;width:100%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:15%;float:left;}
    .divCurriculum_Name{width:55%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:3%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:15%;float:left;}
    .divLectre_Name{width:50%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:3%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}
    
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:25%;}
    .divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:65%;color:#54abf3;font-size:13px;}
    .divLectre_Quiz_idel{width:10%;float:left;display:block;}
    .divLectre_Quiz{float:left;width:25%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:65%;color:#7cd300;font-size:13px;}
    
    .divCsInfoPage{width: 90%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:40%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
    .divLecturerDetails{width:100%;float:left;}
    .divLecturerCourses{width:100%;float:left;}
    
     .divBatchName{float:left;width:100%;height:50px;text-align:center;}
    .divBatchSDate{float:left;width:100%;height:50px;text-align:center;}
    .divBatchEDate{float:left;width:100%;height:50px;text-align:center;}
    .divBatchDesc{float:left;width:100%;height:80px;text-align:center;}
    .divBatchSave{float:left;width:100%;height:80px;text-align:center;margin-top:1%;}
    
     #dvGrid  { width:90%; }
  #div_txt1 { width:40%;  }
   #div_txt2 { width:40%; margin-bottom:10px; } 
   
    #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol5, #divCHCol6
    {
        display: none;
    }




    #divCCol1, #divCHCol1
    {
        display: none;
    }
    #divCCol2, #divCHCol2
    {
        font-style: italic;
    }
    #divCCol3, #divCHCol3
    {
        font-style: italic;
    }
    #divCCol4, #divCHCol4
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol5, #divCHCol5
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol6, #divCHCol6
    {
            margin-left: 108px;
        font-style: italic;
        border-bottom-style: dashed;
        border-bottom: 1px solid black;
    }
    #divC
    {
        width: 96%;
    }

      .divadd
    {
        width: 100%;
    }
    .div_addDetail
    {
        height: 110px;
        display: none;
    }

    .div_addDetails1
    {
        width: 20%;
        margin-left: 0px;
        padding-top: 1px;
         float: left;
         margin-right: 18px;
         align="left"
    }

    .div_addDetails2
    {
        width: 20%;
        margin-left: 0px;
        padding-top: 1px;
          float: left;
         margin-right: 8px;
         align="left"
    }
    .div_addDetails3
    {
        width: 30%;
        margin-left: 0px;
        padding-top: 1px;
           float: left;
         margin-right: 8px;
         align="left"
    }

    .div_addDetails4
    {
        width: 17%;
        margin-left: 0px;
        padding-top: 1px;
            float: left;
         margin-right: 8px;
         align="left"
    }
    .div_addDetails5
    {
        width: 10%;
        padding-top: 1px;
        margin-left: -147px;
        margin-left:128px;
        align="left"
    }

    .div_addDetails6
    {
        width: 10%;
        padding-top: 1px;
     margin-left: -147px;
     align="left"
    }
}

@media (min-width: 364px) and (max-width: 488px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:18px;    text-align: center;    width: 100%;}
    .divLoginLeft{width: 60%; float: left;display:none;}
    .divLoginRight{width: 100%; float: left; }  
    .call-mail{width:95%; float: left;}
    .call-phone{width:95%; float: left;}  
    .divFAQ{float:right;padding: 7px 20px;}
    .divCourseCreation{width: 70%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:24px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:18px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 80%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 100%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 95%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 100%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:60%;float:right;}
    
    .divSearchCourse_admin{    width:30%;float:left; margin: 20px;display:none;}
    .divLogoImage_admin{    width:60%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 0px;}
    .main{width:95%;min-height:450px;}
    .main_left{width:100%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li { display: inline; margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:100%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    .divViewCourses{float:left;width:100%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:20%;float:left;}
    .divCurriculum_Name{width:55%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:4%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:20%;float:left;}
    .divLectre_Name{width:45%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:4%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}
    
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:25%;}
     divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:65%;color:#54abf3;font-size:13px;}
    .divLectre_Quiz_idel{width:10%;float:left;display:block;}
    .divLectre_Quiz{float:left;width:25%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:65%;color:#7cd300;font-size:13px;}
    
    .divCsInfoPage{width: 100%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:40%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
    .divLecturerDetails{width:100%;float:left;}
    .divLecturerCourses{width:100%;float:left;}
    #dvGrid   { margin-top:20px; width:100%; }
    #div_txt1{ float:left; width:60%; margin-left:10px; }
    #div_txt2 { float:left; width:60%;  margin-left:50px; margin-top:10px; margin-bottom:10px; }
    #div_ddl_txt{ margin-left:30px; }
     #div_ddl{ margin-left:30px;} 
   #div_txt3{  margin-left:30px;margin-top:10px;}
   
    #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4, #divCHCol5, #divCHCol6
    {
        display: none;
    }




    #divCCol1, #divCHCol1
    {
        display: none;
    }
    #divCCol2, #divCHCol2
    {
        font-style: italic;
    }
    #divCCol3, #divCHCol3
    {
        font-style: italic;
    }
    #divCCol4, #divCHCol4
    {
        font-style: italic;
    }
        #divCCol4, #divCHCol4
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol5, #divCHCol5
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol6, #divCHCol6
    {
            margin-left: 108px;
        font-style: italic;
        border-bottom-style: dashed;
        border-bottom: 1px solid black;
    }
    #divC
    {
        width: 96%;
    }
}

@media (min-width: 147px) and (max-width: 364px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:18px;    text-align: center;    width: 100%;}
    .divLoginLeft{width: 60%; float: left;display:none;}
    .divLoginRight{width: 100%; float: left; }
    .call-mail{width:95%; float: left;}
    .call-phone{width:95%; float: left;}
    .divFAQ{float:right;padding: 7px 20px;}
    .divCourseCreation{width: 80%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:24px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:18px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 80%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 100%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 95%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 100%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:60%;float:right;}
    
    .divSearchCourse_admin{    width:30%;float:left; margin: 20px;display:none;}
    .divLogoImage_admin{    width:60%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 0px;}
    .main{width:95%;min-height:450px;}
    .main_left{width:100%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li { display: inline; margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:100%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    .divViewCourses{float:left;width:100%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:20%;float:left;}
    .divCurriculum_Name{width:45%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:4%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:20%;float:left;}
    .divLectre_Name{width:45%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:4%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}
    
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:25%;}
    .divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:65%;color:#54abf3;font-size:13px;}
    .divLectre_Quiz_idel{width:10%;float:left;display:block;}
    .divLectre_Quiz{float:left;width:25%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:65%;color:#7cd300;font-size:13px;}
    
    .divCsInfoPage{width: 100%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:40%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
    .divLecturerDetails{width:100%;float:left;}
    .divLecturerCourses{width:100%;float:left;}
    #dvGrid { margin-top:20px; width:100%; }
     #div_txt1 {float:left; width:60%; margin-left:10px; }
   #div_txt2{ float:left; width:60%; margin-left:10px; margin-top:10px; margin-bottom:10px; }
   #div_ddl_txt{ margin-left:30px;  }
        #div_ddl{ margin-left:30px;} 
   #div_txt3{  margin-left:30px;margin-top:10px;}
   
    #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4, #divCHCol5, #divCHCol6
    {
        display: none;
    }




    #divCCol1, #divCHCol1
    {
        display: none;
    }
    #divCCol2, #divCHCol2
    {
        font-style: italic;
    }
    #divCCol3, #divCHCol3
    {
        font-style: italic;
    }
    #divCCol4, #divCHCol4
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol5, #divCHCol6
    {
        font-style: italic;
            margin-right: 8px;
    }
    #divCCol6, #divCHCol6
    {
        font-style: italic;
        border-bottom-style: dashed;
        border-bottom: 1px solid black;
    }
    #divC
    {
        width: 96%;
    }

}

@media (max-width: 146px)
{
    .HeaderText_bg{color:#0FAA9B;font-weight:bold;font-size:18px;    text-align: center;    width: 100%;}
    .divLoginLeft{width: 60%; float: left;display:none;}
    .divLoginRight{width: 100%; float: left; }
    .call-mail{width:95%; float: left;}
    .call-phone{width:95%; float: left;}
    .divFAQ{float:right;padding: 7px 20px;}
    .divCourseCreation{width: 100%; margin: 0 auto;}
    .divCourseCreation_Header{width: 100%;font-size:24px;text-align:center;color:Black;margin:10% 0 0 ;line-height:2;}
    .divCourseCreation_Header span{width: 100%;font-size:18px;text-align:center;color:gray;}
    
    .divCourseCreationSteps{width: 80%; margin: 0 auto;}
    .divCourseCreationSteps_left{width: 100%;float:left;}
    .divCourseCreationSteps_left img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv{width: 95%;background-color:White;height:200px;margin:10px 0;padding:5%}
    .divCourseCreationSteps_right{width: 100%;float:left;}
    .divCourseCreationSteps_right img{width: 100%;}
    .divCourseCreationSteps_left_Contentdiv_Header{width:100%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate{width:100%;float:left;padding-top:7%;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv{width:20%;float:left;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Imagediv img{height:30px;width:30px;}
    .divCourseCreationSteps_left_Contentdiv_ItemTemplate_Heading{font-size:16px;width:80%;float:right;font-weight:bold;}
    .btnSaveContinueCourse{width:60%;float:right;}
    
    .divSearchCourse_admin{    width:30%;float:left; margin: 20px;display:none;}
    .divLogoImage_admin{    width:60%;float:left;}
    .divMenu_admin{   width:35%;float:right;margin: 0px;}
    .main{width:95%;min-height:450px;}
    .main_left{width:100%;float:left;background-color:#f5f5f5;border-top:solid 2px #FEC870;font-size:14px;padding:1%;}
    .main_left span{text-transform:uppercase;font-weight:bold;}
    .main_left ul{margin: 0 0 20px;}
    .main_left ul li { display: inline; margin:0px;padding:0px 2%;}
    .main_left ul li a{color:#999;font-size:16px;padding:10px 5px;text-transform:uppercase;text-decoration:none;}
    .main_left ul li a:hover{color: #FEC870;}
    .main_right{width:100%;float:left;background-color:#F5F5F5;border-top:solid 2px #FEC870;min-height:450px;border-right:solid 1px lightgray;border-left:solid 1px lightgray;border-bottom:solid 1px lightgray;}
    .divViewCourses{float:left;width:100%;}
    
    .divCurriculum{width:100%;float:left;line-height:45px;font-size:16px;background-color:#cea9a9;}
    .divCurriculum_Heading{width:20%;float:left;}
    .divCurriculum_Name{width:45%;float:left;font-weight:bold;}
    .divCurriculum_Edit{width:8%;float:left;font-size:14px;}
    .divCurriculum_Adding{width:4%;float:left;text-align:center;}
    .divCurriculum_Adding img{margin-top:5px;}
    
    .divLectre{width:100%;float:left;line-height:35px;font-size:16px;}
    .divLectre_Heading_idel{width:5%;float:left;}
    .divLectre_Heading{width:20%;float:left;}
    .divLectre_Name{width:50%;float:left;font-weight:bold;}
    .divLectre_Edit{width:8%;float:left;}
    .divLectre_Adding{width:4%;float:left;text-align:center;}
    .divLectre_Adding img{margin-top:5px;}
    .divLectre_Content_idel{width:10%;float:left;}
    .divLectre_Content{float:left;width:25%;}
    .divLectre_Content font{color:Maroon;font-weight:bold;}
    .divLectre_Content_EditPreviewPublish{float:left;width:65%;color:#54abf3;font-size:13px;}
    .divLectre_Quiz_idel{width:10%;float:left;display:block;}
    .divLectre_Quiz{float:left;width:25%;}
    .divLectre_Quiz font{color:#7C1284;font-weight:bold;}
    .divLectre_Quiz_EditPreviewPublish{float:left;width:65%;color:#7cd300;font-size:13px;}
    .divCsInfoPage{width: 100%; margin: 0 auto;padding:1%;}
    .buttonDiv{width:40%;margin:0px auto;}
    .divCsHeading{width:100%;float:left;height:50px;}
    .divCsHeading_text{background-color: white;border-bottom: 1px solid #fec870; float: left; font-weight:bold;font-style:italic;font-size: 16px;padding: 1%;text-align: center; width: 98%;}
    .divCsInfo_Fup{width:75%;float:left;}
    .divCsInfo_Fup_img{width:20%;float:left;}
    #dvGrid{margin-top:20px; width:100%; }
    .divLecturerDetails{width:100%;float:left;}
    .divLecturerCourses{width:100%;float:left;}
    
    
    
     #divCHCol1, #divCHCol2, #divCHCol3, #divCHCol4
    {
        display: none;
    }




    #divCCol1, #divCHCol1
    {
        display: none;
    }
    #divCCol2, #divCHCol2
    {
        font-style: italic;
    }
    #divCCol3, #divCHCol3
    {
        font-style: italic;
    }
    #divCCol4, #divCHCol4
    {
        font-style: italic;
        border-bottom-style: dashed;
        border-bottom: 1px solid black;
    }
    #divC
    {
        width: 96%;
    }
}