*{      /* universal selector, this will be applicable to all the elements of the html page which implement this css*/
margin:0;
padding:0;
list-style:none;
text-decoration:none;
overflow-x: hidden; /* scroll bar in side menu*/
}


/* Adjust header for logo*/
 header{
left:0;
/*float:left;*/
/*background-color:black;*/
}


/*Adjust header text*/
.headertext{
float:right;
margin-top:45px;
/*font-family:"Montserrat";*/
/*font-family:sans-serif;*/
font-size:20px;
font-family: 'Oswald', sans-serif;
padding-right:10px;


}

.imgsInHeaderSection{
padding-left:40px;
}
.mainRightSide{
float:right;
padding-right:10px;



}

.mainRightSide div{
position: absolute;

/*position:relative;*/
/*position:sticky;*/
/*top:50px;*/
  right:4;
/*border: 1px dotted black;*/
  width: 300px;
/*  height:40%;*/
 
/*background:grey;*/
}

/* The side navigation menu */ 
.sidebar {
  position: absolute;

  left:0;
  width: 250px;
  height:100%;
  background:#042331;
/*padding: 30px 0;*/

}


.sidebar header{
 font-size:22px;
color:white;
text-align:center;

line-height:70px;
background:#063146;
user-select:none;
}



.sidebar ul a {
/*display:block;*/
height:100%;
width:100%;
line-height:65px;
font-size:15px;
color:white;
padding-left:40px;
box-sizing:border-box;
transition:.4s;
}


.sidebar ul li:hover a{

padding-left:50px;
}

#shareLink{
display: none;
}

/* when browser window is shrinked then sidebar will hide*/
@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
    
    
    #shareLink{
display: block;
}

}

/* when browser window is shrinked then right sidebar will also hide*/
@media (max-width: 768px) {
    .mainRightSide {
        display: none;
    }

}


.uppermenubar{
margin-top:0px;
width:100%;
/*height:60px;*/
height:54px;
display:block;
background-color:#101010;

}

.inner{
width:100%;
height:100%;
display:block;
margin: 0 auto;
background-color:#0082e6;
/*background-color:#ABEBC6;*/
/*background-color:red;*/

}



.inner ul li {
display:inline-block; /*will show home, about us, and contact us in single line*/
padding: 15px ;

}


.inner ul li a
{
color:white;
text-transform:uppercase;

}


.inner ul li:hover {

/*border-style:ridge;
background: lightblue;
color:white;
opacity: .8;
border-radius:8px;
overflow:hidden;
*/

background:#1b9bff;
transition:.5s;

}

#homeMenuOption{display:none;}

.logoCotainer{

height:100%;
display:inline-block;
float:left;
}

.logoCotainer h1{

color:white;
height:100%;
display:inline-block;
vertical-align:middle;
font-family:"Montserrat";
font-size:32px;
}


.logoCotainer h1 span{

font-weight:800;
color:blue;
}

.navigation{
float:right;
height:100%;
/*display:inline-block;*/
color:white;
}





.navigation a li{
display:inline-block;
vertical-align:middle;
height:100%;
color:white;
font-family:"Montserrat";
font-size:18px;
}



.navigation ul {
display:none;
position: absolute;
}

.navigation ul li{
display:block;

}

.inner ul li:hover > ul {
display: block;
background:#1b9bff;
/*vertical-align:middle;*/
/*border-radius:3px;*/
/*left:0;*/
/*box-sizing:border-box;*/
/*transition:.4s;
height:100%;
width:100%;*/
margin-top:15px;
}


#submenu1 a:hover{color:black;}
#submenu2 a:hover{color:black;}
#submenu3 a:hover{color:black;}
#submenu4 a:hover{color:black;}
#submenu5 a:hover{color:black;}
#submenu6 a:hover{color:black;}
/* Adjusting the paragraph to centre of page*/
.para { 

font-family:Arial;
color:#8B4513;
position:fixed;
/*position:relative;*/


top:50%;

left:48%;

transform:translate(-50%,-50%);


}


.rightSideBar li{

font-family:'Oswald', sans-serif;

}


.post-content{
width:50%;
margin:60px auto 30px;
/*font-family:Arial;*/
/*font-family: Book Antiqua;*/
font-family:'Oswald', sans-serif;
font-size:21px;

/*font-style: italic;*/
/*color:#8B4513;*/
color: black;


}

.post-content p img{border-style: ridge;}



/*
.post-content p{
border-style: inset;

}
*/

/*for normal window size, menu icon won't show*/
/*.forSmallWindow{
display:none;
}
*/
/*when window size is small, then menu icon will start appearing*/
/*@media (max-width: 768px) {
    .forSmallWindow {
        display:inline-block;


        
    }

}*/


.checkbtn{
font-size:30px;
color:black;
display:none;
}

#check{
display:none;
}

.smallwin{
display:none;
}

.internalLinks a:link{
color: blue;
  background-color: none;
  text-decoration: underline;
}

/* when window is shrinked then screenlayout will be as below */
@media (max-width: 768px) {
    .checkbtn {

        display:block; /* the menu icon will be visible */
        
    }


#check:checked ~ .smallwin{ /*  when menu icon is clicked then items in smallwin will display  */
display:block;
/*background:#ABEBC6;*/
font-color:brown;
left:0;
box-sizing:border-box;
transition:.4s;
font-family:"Montserrat";
font-size:20px;

}

.post-content{

width:95%;
margin-left:10px;
/*font-family:Arial;*/
/*font-family: Book Antiqua;*/
font-family:'Oswald', sans-serif;
font-size:21px;

/*color:#8B4513;*/
color:black;
}



.navigation{
float:left;
height:100%;
/*display:inline-block;*/
color:white;
}



.inner ul li:hover > ul {
display:none;
}



.smallwin li
{
border-style:/*ridge*/ none;
padding: 5px ;
padding-left:10px;
/*background: lightblue;*/
background: black;
color:black;
opacity: .8;
/*border-radius:8px;*/
overflow:hidden;
width:100%;
}

.smallwin{width:100%;}

.smallwin li a{
color:white;

}
#sMenu1{
padding-left: 15px ;

}
#sMenu1 li{
border-style:/*outset*/none;
border-color:white;
}

#sMenu2{
padding-left: 15px ;

}
#sMenu2 li{
border-style:/*outset*/none;
border-color:white;
}


#sMenu3{
padding-left: 15px ;

}
#sMenu3 li{
border-style:/*outset*/none;
border-color:white;
}



#sMenu4{
padding-left: 15px ;

}
#sMenu4 li{
border-style:/*outset*/none;
border-color:white;
}


#sMenu5{
padding-left: 15px ;

}
#sMenu5 li{
border-style:/*outset*/none;
border-color:white;
}




#sMenu6{
padding-left: 15px ;

}
#sMenu6 li{
border-style:/*outset*/none;
border-color:white;
}


#sMenu9{
padding-left: 15px ;

}
#sMenu9 li{
border-style:/*outset*/none;
border-color:white;
}




.smallwin label{
color:white;

font-size:30px;
}




img{
        max-width: 100%;
        /*max-height: 70%;*/
        height:auto;
        display: block; /* remove extra space below image */
    }
    
    
    
.inner ul li {
display:inline-block; /*will show home, about us, and contact us in single line*/
padding: 10px ;

}

.mobWindowMenu{
color:lightblue;
background:lightblue;
/*height:60px;*/
height:flex;
width:100%;

}



#firstItem {display:none;}
#secMenuItem{display:none;}
#ThirdMenuItem{display:none;}
#FourthMenuItem{display:none;}
#FifthMenuItem{display:none;}
#SixthMenuItem{display:none;}

#seleniumMCQ{display:none;}
#javaMCQ{display:none;}
#homeMenuOption{display:inline-block;}

#sMenu1{display:none;}
#sMenu2{display:none;}
#sMenu3{display:none;}
#sMenu4{display:none;}
#sMenu5{display:none;}
#sMenu6{display:none;}
#sMenu7{display:none;}
#sMenu8{display:none;}
#sMenu9{display:none;}
}


/*****************FOOTER SECTION**************************************8***/
/*
.footerBottom {

  margin-bottom:0px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:grey;
  color: black;
  text-align: center;
margin: 0 auto;
}
*/

/*
.bottomContainer{
        width: 80%;
        margin: 0 auto; 
    }*/

/*
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   
   background:#6cf;
}*/



.footerBottom{

margin-bottom:0px;
width:100%;
height:60px;
/*height:120px;*/
display:block;
background-color:black;
}

.innerBottom{
width:100%;
height:100%;
display:block;
margin: 0 auto;
background-color:black;


}



.innerBottom ul li {
display:inline-block; /*will show home, about us, and contact us in single line*/
/*display:block;*/
padding: 10px ;

}



.bottomLogoCotainer{

height:100%;
display:inline-block;
float:left;
}

.bottomLogoCotainer h1{

color:white;
height:100%;
display:inline-block;
vertical-align:middle;
font-family:"Montserrat";
font-size:25px;
}


.bottomLogoCotainer h1 span{

font-weight:800;
color:white;
}

.bottomNavigation{
float:none;
height:100%;
text-align:center; /*this will display copy right text in th center*/
/*display:inline-block;*/
}





.bottomNavigation a li{
display:inline-block;
vertical-align:middle;
height:100%;
color:white;
font-family:"Montserrat";
font-size:10px;

}



.bottomNavigation li a{
color:white;
}