#menuForDesktop{
    display: none;
}
body{
    /* overflow-y: hidden */
}
.custumTitle {

    width: 100%;
    height: 10%;

}

.greybox{
	padding:0 !important;
}

@media only screen and (min-width: 1280px){
    body{
        border : 2px solid black;
        width : 940px;
        margin: 0 auto;
        background-size: 940px 625px !important; 
        min-height: 590px !important;
        height: 625px;
        overflow-y: hidden;
    }
	
   .activity_area .fade{
		height: 625px;
        width: 940px;
        margin: 0 auto;
    }
	.activity_area .modal-dialog{
    vertical-align: top;
	/*For popup size*/
	
	width:600px;
	height:550px;
    } 
	
	.tab-pane .fade{
		height: 625px;
        width: 940px;
        margin: 0 auto;
    }

	.tab-pane .modal-dialog{
		 vertical-align: top;
	/*For popup size*/
	
	width:600px;
	height:550px;
	}
   /* mcq for fixed width */ 
    #incorrectMSModal1{
    height: 625px;
    width: 940px;
    margin: 0 auto;
    
    }
    #correctMSModal1{
        height: 625px;
        width: 940px;
        margin: 0 auto;
    }
    #correctMSModal1 .modal-dialog {
    vertical-align: middle;
    }
    #incorrectMSModal1 .modal-dialog {
    vertical-align: middle;
    }
    .mcqBg .modal-dialog {
    vertical-align: top;
    }
   /*end mcq */
   /* dropdown for fixed width */
    #incorrectModal{
    height: 625px;
    width: 940px;
    margin: 0 auto;
    
    }
    #correctModal{
        height: 625px;
        width: 940px;
        margin: 0 auto;
    }
   #incorrectModal .modal-dialog {
    vertical-align: middle;
    }
    #correctModal .modal-dialog {
    vertical-align: middle;
    }
    /* end dropdown */
   
    .modalcustumwidth{
       height: 625px;
        width: 940px;
        margin: 0 auto; 
    }
    .modalcustumwidth .modal-dialog {
    width: 99%;
    }
    /* end dropdown */
    
    .custumTitle{
        width : 937px;
		height: 10%;
    }
    .footer{
        width: 937px !important;
        margin: 0 auto;
        position: absolute;
        top: 578px;
        height: 45px;
        /*position: relative;
        bottom: 0; */
    }
    .actual_content_area{
        /* padding-left: 50px;
        padding-right: 100px; */
        padding: 0;
    }
   

    .videoScreen_area{
        padding-left: 0px ;
        padding-right: 0px;
    }

    .maindiv1page{
        width : 96%;
    }
    .menurightside{
        /*left: 1153px; */
        position: absolute;
        right : 0; 
        height: 626px;
    }
    #menuid{
        /*left: 945px;  */
        left : 1040px;
    }
    #Accessibilitypopup{
        top: 540px !important;
        padding-left : 70px;
    }
    .menuContainer{
        height : 625px;
    }
   
}
@media only screen and (min-width: 1280px) 
and (-webkit-min-device-pixel-ratio: 1) {
    body{
        border : 2px solid black;
        width : 940px;
        margin: 0 auto;
        background-size: 940px 625px !important; 
        min-height: 590px !important;
        height: 625px;
    }
    
    
    .custumTitle{
        width : 937px;
		height: 10%;
    }
    .footer{
        width: 937px !important;
        margin: 0 auto;
        /*position: relative;
        bottom: 0;*/
        position: absolute;
        top: 575px;
        height: 48px;
    }
    .actual_content_area{
		max-height: 94.5%;
    overflow-y: auto;
	overflow-x:hidden;
        /* padding-left: 50px; */
       /*  padding-right: 100px; */
    }

    .videoScreen_area{
        padding-left: 0px ;
        padding-right: 0px;
    }

    .maindiv1page{
        width : 96%;
    }
     
    .menurightside{
        /*left: 1153px;*/
        position: absolute;
        right : 0;
        height: 626px;
    }
    
    #menuid{
        left : 1040px;
    }
    #Accessibilitypopup{
        top: 540px !important;
        padding-left : 115px;
    }
    .menuContainer{
        height : 625px;
    }
 
}