body {
      margin: 0;
      font-family: 'Roboto', sans-serif;
      background-color: #e9e9e9;
    /*line-height: 1.4;*/
  }
  
 a {
   text-decoration: none;  
 }
/*------------------------------- THIS IS Gallery Photo Display --------------------------*/











.GPD-MainTable {
    display:flex;
    position: relative;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
    background-color: #1c1c1c;
    /*background-color: pink; */
    width: 100%;
    min-height: 600px;
}

.GPD-box {
    /*display:flex;*/
    position: relative;
    
    background-color: #1c1c1c;
    width: 500px;
    min-height: 100px;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;
    /*margin: auto;*/
}
.GPD-box img{
    width: 90%;
}

.GPD-buttonBox {
    display:flex;
    position: relative;
    margin-top: 25px;
    /*background-color: #ffffff;*/
    width: 100%;
    min-height: 50px;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;
    /*margin: auto;*/
}



.GPD-temp {
    display: none;
    position: fixed;
    z-index: 10;
    background-color: #000000;
    justify-content: center;
    align-items: center;
    opacity: .5;
    width: 100%;
    height: 100%;
}










/*------------------------------- THIS IS MENU SECTION ---------------------------*/
.blackBarContainer {
    position: fixed;
    z-index: 8;
    top: 0;
    right: 0;
    margin: auto;
    /*align-content: center;*/
    /*background-color: #d9d9d9;*/
    background-color: #e9e9e9;
    width: 100%;
    height: 45px;
}

.blackBar {
    position: relative;
    z-index: 8;
    margin: auto;
    /*align-content: center;*/
    background-color: #000000;
    /*background-color: red;*/
    /*width: 100%;*/
    max-width: 500px;
    height: 45px;
}













/*------------------------------- THIS IS BottomBar upload in gallery.php SECTION ---------------------------*/
.uploadDiv {
    display: flex;
    position: fixed;
    bottom: 40px;
    /*right: 20px;*/
    z-index: 15;
    /*background-color: #000000;*/
    justify-content: center;
    /*align-items: center;*/
    opacity: 1;
    width: 100%;
    height: 40px;
}


.uploadlinks{
    display: flex;
    position: relative;

    /*right: 20px;*/
    /*align-items: center;*/
    /*margin: auto;*/
    /*background-color: red;*/
    width: 500px;
    height: 100%;
}

.uploadImageContainer {
    display: flex;
    position: relative;
    margin: auto; 
    margin-right: 30px;
    /*right: 10px;*/
    /*margin: auto;*/
    align-items: center;
    justify-content: center;
    /*background-color: gold;*/
    width: 50px;
    height: 100%;

}

.uploadlinks img{
    /*right: 20px;*/
    /*align-items: center;*/
    /*margin: auto;*/
    /*background-color: red;*/
    width: 50px;
    height: 50px;
}





.uploadlinks > ul {
    display: flex;
    position: relative;
    background-color: green;
    /*align-items: center;    */
    justify-content: center;
    width: 100%;
    /*height: 50px;*/
    /*padding-right: 30px;*/
}

.uploadlinks > ul > li {
    display: inline-flex;
    position: relative;
    justify-content: center;
  /*list-style: none;*/
  background-color: blue;
  color: #ffffff;
  font-size: 13px;
  height: 100%;
   /*padding-right: 25px;*/
}

.uploadlinks > ul > li > a {
    justify-content: center;
  color: #ffffff;
  text-decoration: none;
}

.uploadlinks > ul > li > a:hover {
  color: #85C1E9;
}



































.linkscontainer {
    position: absolute;
    /*right: 10px;*/
    z-index: 6;
    margin: auto;
    /*display: inline-block;*/
    /*background-color: pink;*/
    /*width: 500px;*/
    width: 90%;
    height: 45px;
    /*opacity: 0;*/
}
.a-bellbox {
    position: absolute;
    margin: auto;
    right: 50px;
    top: 2px;
    z-index: 9;
    cursor:pointer;
    /*align-content: center;*/
    /*justify-content: center;*/
    /*text-align: center;*/
    /*background-color: gold;*/
    width: 42px;
    height: 42px;
}

/*   links // for Dashboard News Voting  //////  */
.links{
    position: absolute;
    /*right: 25px;*/
    z-index: 6;
    margin: auto;
    /*display: inline-block;*/

    /*background-color: blue;*/
    /*width: 500px;*/
    width: 90%;
    height: 45px;
    /*opacity: 0;*/
}

.links > ul {
    /*display: inline;*/
    justify-content: center;
    /*padding-right: 30px;*/
}

.links > ul > li {
    display: inline;
    justify-content: center;
  list-style: none;
  /*background-color: blue;*/
  color: #fff;
  font-size: 13px;
   padding-right: 15px;
}

.links > ul > li > a {
    justify-content: center;
  color: inherit;
  text-decoration: none;
}

.links > ul > li > a:hover {
  color: #85C1E9;
}

/*   ///////////////////////////////////////////////////////    */


/* Toggler color */
.toggler:checked ~ .menuExpandCollapse {
  /*background-color: purple;*/
  transform: scaleY(1);
  transition: all 0.4s ease;
}

.menu-wrap{
    position: relative;
    margin: auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    /*background-color: tan;*/
    z-index: 8;
    /*opacity: 0.7;*/
    width: 100%;
    height: 45px;
}

/* ---------------Hamburger Line------------------- */
.menu-wrap .hamburger {
    position: absolute;
  /*position: relative;*/
  top: 13px;
  right: 13px;
  z-index: 5;
  width: 20px;
  height: 20px;
  /*padding: 1rem;*/
  /*background: red;*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-wrap .hamburger > div {
  position: relative;
  flex: none;
  width: 100%;
  height: 2px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

/* Hamburger Lines - Top & Bottom */
.menu-wrap .hamburger > div::before,
.menu-wrap .hamburger > div::after {
  content: '';
  position: absolute;
  z-index: 6;
  top: -6px;
  width: 100%;
  height: 2px;
  background: inherit;
}

/* Moves Line Down */
.menu-wrap .hamburger > div::after {
  top: 6px;
}

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Turns Lines Into X */
.menu-wrap .toggler:checked + .hamburger > div:before,
.menu-wrap .toggler:checked + .hamburger > div:after {
  top: 0;
  transform: rotate(90deg);
}

/* Show Menu */
.menu-wrap .toggler:checked ~ .menuExpandCollapse {
  visibility: visible;
}

.menu-wrap .toggler:checked ~ .menuExpandCollapse > div {
  transform: scale(1);
  transition-duration: var(--menuExpandCollapse-speed);
}

.menu-wrap .toggler:checked ~ .menuExpandCollapse > div > div {
  opacity: 1;
  transition:  opacity 0.4s ease 0.4s;
}

.menu-wrap .toggler {
  /*position: relative;*/
  position: absolute;
  top: 7px;
  right: 8px;
  z-index: 9;
  cursor: pointer;
  width: 30px;
  height: 30px;
  opacity: 0;
}

.menu-wrap .menuExpandCollapse{
    position: absolute;
    top: 45px;
    margin: auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-color: #000000;
    opacity: .9;
    width: 100%;
    height: 400px;
    transform: scaleY(0);    
    transform-origin: top;
    transition: transform 0.4s ease;     
}

.menu-inner{
    /*position: absolute;*/
    /*margin: auto;*/
    /*background-color: red;*/
    /*background-image: linear-gradient(rgba(0,0,0,1), rgba(153,153,153,0));*/
    width: 100%;
    max-width: 1000px;
    /*width: 1000px;*/
    height: 100px;
}

.inner{
    /*position: absolute;*/
    /*margin: auto;*/
    /*background-color: yellow;*/
    width: 100%;
    /*height: 100px;*/
}

.inner > ul {
    /*display: inline;*/
    justify-content: center;
    padding: 10px;
}

.inner > ul > li {
    display: flex;
    justify-content: center;
  list-style: none;
  color: #eaeaea;
  font-family: arial;
  font-size: 20px;
   padding: 15px;
}

.inner > ul > li > a {
    justify-content: center;
  color: inherit;
  text-decoration: none;
}

.inner > ul > li > a:hover {
  color: #85C1E9;
}





  /*------------------------------- THIS IS Document SECTION ----------------355-end-----------*/
.MainTable {
    background-color: #e9e9e9;
    /*background-color: pink; */
    width: 100%;
}




.secondaryTable {
    display:flex;
    flex-direction: column;
    align-items: center;
    
    position: relative;
    margin: auto;
    background-color: #ffffff;
     /*background-color: tan; */
    max-width: 500px;
    min-height: 800px;
}
.secondaryTableHeight {
    min-height: 1000px;
}



.clearBackground {
    background-color: #1c1c1c;
}





.LogoLoginSection {
    position: relative;
    display: flex;
    /*background-color: red; */
    background-color: #2d2d2d;
    width: 100%;
    height: 80px;
}
            .logoText {
                position: relative;
                margin-top: 42px;
                /*background-color: red; */
                /*width: 100%;*/
                height: 35px;
            }
                            .logoText p {
                                margin-top: 3px;
                                margin-left: 15px;
                                color: #fff;
                                font-size: 24px;
                            }
                            .logoText p span {
                                font-size: 16px;
                            }
                            .logoText p a{
                                /*margin-top: 3px;*/
                                /*margin-left: 15px;*/
                                color: #fff;
                                font-size: 22px;
                                text-decoration: none;
                            }
            
            .loginText {
                display: flex;
                position: relative;
                margin: auto;
                margin-top: 30px;
                margin-right: 3px;
                /*background-color: tan; */
                /*width: 70%;*/
                height: 35px;
            }
                            .loginText p {
                                text-align: right;
                                margin-top: 20px;
                                margin-right: 15px;
                                color: #fff;
                                font-size: 13px;
                            }
                            .loginText p span {
                                font-size: 16px;
                            }
                            .loginText p a{
                                color: #fff;
                                font-size: 13px;
                                text-decoration: none;
                            }


/* rounded border box */
.mainSubjectContainer{
    display:flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 20px;
    /*background-color: purple;*/
    width: 96%;
    min-height: 2200px;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 1px;
    border-radius: 10px;
    -moz-box-shadow:    1px 2px 6px -2px #ccc;
    -webkit-box-shadow: 1px 2px 6px -2px #ccc;
    box-shadow:         1px 2px 6px -2px #ccc;   
}
.mainSubjectContainerNoBorder{
    display:flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 20px;
    /*background-color: purple;*/
    width: 100%;
    min-height: 50px;
}

.subjectCaption {
    position: relative;
    /*background-color: #ffffff;*/
    width: 100%;
    /*margin-left: 5px;*/
}

.subjectCaptionCloser {
    display:flex;
    position: relative;
    
    /*margin: auto;*/
    /*margin-right: 1px;*/
    /*justify-content: center;*/
    /*background-color: blue;*/
   
    height: 16px;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    /*border-left: 1px solid #adadad;*/
    /*margin-left: 5px;*/
}
.subjectFooter {
    display:flex;
    position: relative;
    align-items: center;
    /*justify-content: center;*/
    margin: auto;
    margin-right: 5px;
    /*padding-left: 15px;*/
    /*background-color: lightgrey;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*margin-left: 5px;*/
}

 .subjectFooter  a{
    color: #d1d1d1;
    font-size: 12px;
    text-decoration: none;
}



















.captionText {
    position: relative;
    /* display:flex; */
    margin: auto;
    /* margin-top: -25px; */
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    /* justify-content: left; */
    /* height: 30px; */
    /* background-color: red; */
    width: 100%;
}

.borderBottom {
    border-bottom: 1px solid #adadad;
}               
                
                
                
                
                
                
                
    .captionText .grey{
                    font-size: 19px;
                    font-weight: 400;
                    color: #A09E9E ;
                }
                
                
                
 
 
 
 
 
 
/*______________ animation table box ________________ */





.loaderBox {
    position: relative;
    width: 80%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #000000;*/
}

.loaderBox  .loader {
    position: relative;
    display: flex;
    
}

.loaderBox  .loader .dotzzz{
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    margin: 10px 5px;
    border-radius: 50%;
}

.overlayClass {
    display: none;
    position: fixed;
    z-index: 10;
    background-color: #000000;
    justify-content: center;
    align-items: center;
    opacity: .9;
    width: 100%;
    height: 100%;
}






.ChangeOpacity {
    display: flex;
    position: absolute;
    margin-top: 100px;
    z-index: 10;
    /*background-color: red;*/
    
    align-items: center;
    opacity: 0;
    width: 60%;
    height: 50px;
}

.loaderX {
    position: absolute;
    /*background-color: red;*/
    display: flex;
    justify-content: center;
    width: 100%;
    opacity: 1;
    
}
.dotX{
    position: relative;
    display: flex;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    margin: 10px 5px;
    border-radius: 50%;
    z-index: 15;
    opacity: 1;
}







  #sphere1{
      -webkit-animation: scale-1 1.5s 0s infinite;
      -moz-animation: scale-1 1.5s 0s infinite;
      animation: scale-1 1.5s 0s infinite;
  }
  #sphere2 {
      -webkit-animation: scale-2 1.5s .16s infinite;
      -moz-animation: scale-2 1.5s .16s infinite;
      animation: scale-2 1.5s .16s infinite;
  }
  #sphere3 {
      -webkit-animation: scale-3 1.5s .32s infinite;
      -moz-animation: scale-3 1.5s .32s infinite;
      animation: scale-3 1.5s .32s infinite;
  }
 #sphere4 {
      -webkit-animation: scale-4 1.5s .48s infinite;
      -moz-animation: scale-4 1.5s .48s infinite;
      animation: scale-4 1.5s .48s infinite;
  }
  #sphere5 {
      -webkit-animation: scale-5 1.5s .64s infinite;
      -moz-animation: scale-5 1.5s .64s infinite;
      animation: scale-5 1.5s .64s infinite;
  }
  #sphere6 {
      -webkit-animation: scale-6 1.5s .80s infinite;
  }
  #sphere7 {
      -webkit-animation: scale-7 1.5s .96s infinite;
  }
    #sphere8 {
      -webkit-animation: scale-7 1.5s 1.12s infinite;
  }
    #sphere9 {
      -webkit-animation: scale-7 1.5s 1.28s infinite;
  }
    #sphere10 {
      -webkit-animation: scale-7 1.5s 1.44s infinite;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  @-webkit-keyframes scale-1  {
    0% 		{ -webkit-transform: scale(.5);
                -moz-transform: scale(.5);
                transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                -moz-transform: scale(.5);
                transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                -moz-transform: scale(.5);
                transform: scale(.5);
                }
}
  
  @-webkit-keyframes scale-2  {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}

@-webkit-keyframes scale-3  {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}

@-webkit-keyframes scale-4 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}

@-webkit-keyframes scale-5 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}
@-webkit-keyframes scale-6 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}

@-webkit-keyframes scale-7 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}
@-webkit-keyframes scale-8 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}
@-webkit-keyframes scale-9 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}
@-webkit-keyframes scale-10 {
    0% 		{ -webkit-transform: scale(.5);
                }
    21%     { -webkit-transform: scale(1.2);
                }
    51%    { -webkit-transform: scale(.5);
                }
    100%    { -webkit-transform: scale(.5);
                }
              
}









.uploadProofed{
    display: flex;
    margin-top: 10px;
    justify-content: center;
    position: relative;
    /*background-color: tan;*/
    /*width: 80%;*/
    /*min-height: 100px;*/
}

.uploadProofed img{
    width: 60%;
}







.subjectBox {
    position: relative;
    /*margin-top: 1px;*/
    /*background-color: tan;*/
    width: 95%;
    min-height: 100px;
}
.galleryBox {
    display: flex;
    justify-content: center;
    position: relative;
    /*background-color: tan;*/
    width: 98%;
    /*min-height: 100px;*/
}
.photoBox {
    display: flex;
    position: relative;
    vertical-align: top;
    justify-content: center;
    /*margin-top: 1px;*/
    /*background-color: red;*/
    width: 105px;
    padding: 3px;
    /*min-height: 100px;*/
}
.photoBox img{
    width: 100%;
}
.TopMargin5 {
    margin-top: 5px;
}
.TopMargin10 {
    margin-top: 10px;
}
.TopMargin20 {
    margin-top: 20px;
}


.img-cell {
    position: relative;
    margin: auto;
    /*background-color: purple; */
}
        .img-cell img{
            /*margin-top: 5px;*/
            border-radius: 5px;
            width: 100%;
        }
        .img-cell-heading-1 {
            line-height: 1.1;
            position: absolute;
            padding: 5px;
            bottom: 10px;
            left: 16px;
            color: #ffffff;
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            background-color: black; 
            /*width: 100%;*/
            /*height: 100%;*/
        }
        .img-cell-heading-1 .text5{
            color: #ffffff;
            font-size: 15px;
            font-weight: 400;
        }
        
        .img-cell-heading-2 {
            position: absolute;
            top: 8px;
            left: 16px;
            color: red;
            font-size: 18px;
            font-weight: 400;
            text-align: left;
            /*background-color: grey; */
            /*width: 100%;*/
            /*height: 100%;*/
        }            
        .img-cell-heading-3 {
            position: absolute;
            top: 8px;
            padding: 5px;
            left: 16px;
            color: goldenrod;
            font-size: 16px;
            font-weight: 600;
            text-align: left;
            background-color: #000000; 
            /*width: 100%;*/
            /*height: 100%;*/
        } 
        .img-cell-heading-3 .text5{
            color: #ffffff;
            font-size: 15px;
            font-weight: 400;
        }
.formClass{
            display: block;
            /*background-color: gold;*/
            align-items: center;
            width: 60%;

        }        
        
        

.paragraphA{
            /*display: flex;*/
            /*background-color: green;*/
            margin-top: 10px;
            width: 100%;
            align-items: center;
            color: #000000;
            font-size: 18px;
            font-weight: 400;
        }
.paragraphA .paragraphB{
            color: #000000;
            font-size: 15px;
            font-weight: 400;
        }
        
 .paragraphC{
            /*display: flex;*/
            /*background-color: green;*/
            margin-top: 10px;
            width: 100%;
            align-items: center;
            color: red;
            font-size: 18px;
            font-weight: 400;
        }       
        
        
        
        
        
        
/*______________ Everthing for galleryUpload ________________ */

.formContainer {
    position: relative;
    display: flex;
    margin: auto;
    margin-top: 5px;
    padding-top: 10px;
    /*background-color: pink;*/
    width: 100%;
    min-height: 205px;
    align-content: center;
    justify-content: center;
    text-align: center;  
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 1px;
    border-radius: 15px;
}

.containerPreview {
    width: 80%;
    margin-top: 20px;
    /*background-color: yellow;*/
}
















.spacer10 {
    position: relative;
    /*background-color: tan;*/
    width: 100%;
    height: 10px;
}

.spacer20 {
    /*background-color: purple;*/
    width: 100%;
    height: 20px;
}


    .image-preview {
        width: 100%;
        min-height: 100px;
        margin-top: 25px;
        display: flex;
        /*background-color: red;*/
        align-items: center;
        justify-content: center;
        font-weight: bold;
        color: #cccccc;
        
        border-style: solid;
        border-color: #d9d9d9;
        border-width: 1px;
        border-radius: 10px;
        -moz-box-shadow:    1px 2px 6px -2px #ccc;
        -webkit-box-shadow: 1px 2px 6px -2px #ccc;
        box-shadow:         1px 2px 6px -2px #ccc;        
        
        
        
        
    }

    .image-preview__image {
        display: none;
        width: 100%;
    }



input[type=file] {
    margin-left: 10px;
  padding: 0 10px;
  height: 20px;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  color: #3478F5;
  background: #e3e3e3;
  
  
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px;
    border-radius: 8px; 
  
  outline: 0;
    cursor: pointer;
}

.button2 {
  padding: 0 10px;
  height: 30px;
  font-size: 18px;
  font-weight: normal;
  color: #e5e5e5;
  background: #373737;
    border-style: solid;
    border-color: #1c1c1c;
    border-width: 1px;
    border-radius: 10px; 
  outline: 0;
    cursor: pointer;
}




input[type=button] {
  padding: 0 10px;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #3478F5;
  background: #e3e3e3;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 1px;
    border-radius: 10px; 
  outline: 0;
    cursor: pointer;
}

.submitq{
    display: flex;
    margin-top: 10px;
    /*background-color: red;*/
    width: 100%;
    justify-content: center;
    align-items: center;
}
.submititem1 {
    position: relative;
    /*background-color: tan;*/
    width: 80px;
}
.submititem3 {
     display: flex;
    align-items: flex-end;
    width: 80%;
    justify-content: flex-end;
    position: relative;
    /*background-color: tan;*/
}




input[type=submit] {
  padding: 0 10px;
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  background: #3478F5;
  
  
    border-style: solid;
    border-color: #3478F5;
    border-width: 1px;
    border-radius: 10px; 
  
  outline: 0;
    cursor: pointer;

}

/*--------------Items added to aid HomePHP page------------*/
.boxA {
    position: relative;
    margin: auto;
    /*background-color: green;*/
    width: 100%;
    min-height: 205px;
}

.boxC {
    position: relative;
    margin: auto;
    margin-top: 5px;
    text-align: left;
    width: 98%;
    min-height: 15px;
    font-family: arial, sans-serif;
    font-size: 13px;
    color: #000000;
    /*background-color: pink;*/
}
.boxC img{
            /*margin-top: 5px;*/
            border-radius: 50%;
            width: 100px;
        }











.g-boxD {
    position: relative;
    /*display:flex;*/
    margin: auto;
    /*margin-top: 1px;*/
    /*margin-right: 10px;*/
    padding-right: 10px;
    height: 20px;
        /*align-content: center;*/
    /*justify-content: center;*/
    text-align: right;
    /*margin-top: 5px;*/
    /*background-color: pink;*/
    width: 100%;
}
.g-boxD  a {
    font-size: 11px;
    /*font-weight: bold;*/
    color: #000000;
    text-decoration: underline;
}


.g-rounded-corners {
    cursor: pointer;
    height: 100px;
    width: 100px;
    border-radius: 50px;
}





























@media (max-width: 250px) {            
.img-cell-heading-1 {
    display: none;
}


}

@media (max-width: 318px) {            
.subject {
    display: none;
}
}




@media (max-width: 350px) {
    .img-cell-heading-1{
        font-size: 15px;
        font-weight: 300;
    }
        .subject{
        font-size: 11px;
    }
    .img-cell-heading-2 {
        font-size: 15px;
        font-weight: 200;
    }
    .img-cell-heading-3 {
        font-size: 10px;
        
    }

}

@media (max-width: 370px) {
    .logoText p a{
        font-size: 18px;
    }
    
    .loginText p a{
        font-size: 10px;
    }
    
    
}


















@media (max-width: 500px) {
    .TableConstraintx67{
        width: 100%;
    }
    
    
    .A-content-A-holder{
        width: 100%;
    }
    .A-content-A-holder{
        width: 100%;
    }
    
    .img-cell-A-background{
        background-size: 100%;
        width: 100%;
        /*height: 100%;*/
    }
    .img-cell-tophalf {
                height: 100%;
    }
    
    
    

}



@media (max-width: 970px) {
    .container-add-1 {
        display:none;
    }
}





@media (max-width: 1015px) {
   .A-container {
        width: 100%;
    }

.c-section-container { 
           width: 100%;
}

/*question   */
.banner-kid-two {
    width: 100%;
}



.b-filler {
    width: 100%;
}

.banner {
    width: 100%;
}
.banner-pop-up{
    width: 100%;
}
.newsfeed {
    width: 100%;
}

.voting {
    width: 100%;
}

.table3 {
    width: 100%;
}

.table4 {
    width: 100%;
}




.about-section{
    width: 100%;
}
.table3{
    width: 100%;
}
.table4{
    width: 100%;
}

}