.tophead{font-size: 36px;
    padding: 10px;
    text-decoration: none;}
    
    
    .gsrcbox{width: 26%; float: left; padding-left: 20%}
    .scrtxt{width: 97%; height: 38px;padding-left: 10px;}
     .srcbtn{width: 9%; float: left}
    
    
    
   
    
      .Alinks
              {
               color: inherit;
    padding-left: 2%;
    
    text-align: right;
    text-decoration: none;
              }
              .clr{clear:both;}
              .Alinks:hover
              {
                  color:#F66;
              }
                .footer
              {
                   width:98%; height:100px; margin-left:0%; margin-right:0%;  background-color:black; margin-bottom:0px;color:White; padding:1%;
              }
    
              .d1
              {
                  background-color: #f66;
    border: thin none;
    font-size: 4px;
    font-weight: normal;
    height: auto;
    margin-bottom: 10px;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
              }
              .d2
              {
                  width:98%;  margin-left:1%;margin-right:1%;
              }
              .fonthead{font-size:28px;}
              .d3
              {
                    width:99%;float:left;text-align:left;margin-bottom:2px;
              }
               .d3b
              {
                  width:90%;float:left;text-align:justify;
              }
               .d3d
              {
                  width:10%;float:left;text-align:justify;
              }
              .d3a
              {
                 width:100%;float:left;text-align:inherit;margin-bottom:2px;background-color: #f8f8f8; padding:1%; margin-bottom:3px;line-height:26px;
                 font-family: sans-serif;word-spacing:3px;
              }
               .d3SIDE
              {
                 width:100%;float:left;text-align:inherit;margin-bottom:2px; padding:2%; margin-bottom:3px;line-height:20px;
                 font-family:sans-serif;word-spacing:1px;font-size:small;color:#000000;
              }
              .sideImgdiv
              {
                  width:30%;Float:left;
              }
              .d3SIDE:hover
              {
                 color:#F66;
              }
              .d4
              {
                  float:left;width:30%;margin-right:1%; margin-bottom:10px;
              }
              .d4a
              {
                  float:left;width:20%; margin-bottom:5px;margin-right:1%;margin-left:1%;margin-top:5%;
              }
              .d4b
              {
                 text-overflow:ellipsis; font-family:Imprint MT Shadow;color:#F66;font-size:30px;
              }
               .d4c
              {
                 text-overflow:ellipsis; font-family:@Arial Unicode MS;color:Gray;font-size:20px;
              }
              
                .d4d
              {
                 text-overflow:ellipsis; font-family:@Arial Unicode MS;margin-top:12%;width:100%;
              }
              .d5
              {
                  float:right;width:35%;margin-left:2%; margin-bottom:0.5px;vertical-align:middle;background-color:#f2f2f2;
              }
               .d5a
              {
                  float:right;width:36%;margin-left:2%; margin-top:5%;vertical-align:middle;background-color:#f2f2f2;border-radius:20%; padding:2%;
              }
              .d6
              {
                  float:left; width:100%; height:40px;text-align:left;margin-bottom:3px; font-size:20px;color:#F66;font-family:Imprint MT Shadow;
              }
              .d7
              {
                  width:37%; margin-bottom:5px; float:left;text-align:left;color:#aaaaaa;
              }
              .d7a
              {
                  width:30%; margin-bottom:0px; float:left;text-align:left;
              }
              .d7ab
              {
                  width:30%; margin-bottom:0px; float:left;text-align:left;color:#aaaaaa;
              }
              .d7b
              {
                  width:100%; margin-bottom:0px; float:left;text-align:left;vertical-align:middle;
              }
              .d8
              {
                  width:60%; margin-bottom:5px; float:left; text-align:left;color:#585858;
              }
               .d8a
              {
                  width:70%; margin-bottom:5px; float:left; text-align:left;color:#585858;
              }
              .d9
              {
                  float:left; width:28%; text-align:left; margin-bottom:5px;color:#585858;
              }   
              .d10
              {
                  float:left; width:68%; text-align:left;margin-left:2%;color:#585858;
              } 
              .d10a
              {
                  float:left; width:30%; text-align:left;margin-left:2%;color:#585858;
              } 
               .d10b
              {
                  float:left; width:38%; text-align:left;margin-left:2%;color:#585858;
              } 
              .div11
              {
                  float:right; width:40%;margin-bottom:5px; text-align:left;color:#585858;
              }
              .d12
              {
                  float:left; width:50%; text-align:left; margin-bottom:5px;color:#585858;
              }
              .d13
              {
                  width:30%;float:left;
              }
              .d14
              {
                  width:100%;float:left; margin-bottom:5px; text-align:left;
              }
              .def1
              {
                  width:100%;height:50px; background-color:#F66;margin-bottom:2px;
              }
              .def2
              {
                  width:100%; float:left; color:#F66; margin-bottom:10px;text-align:justify;
              }
              .def2a:hover
              {
                  color:#F66;
              }
              .def2a
              {
                  width:80%; float:left;background-color:white;margin-bottom:10px;text-align:left;padding-left:10%;font-size:20px;font-family:Imprint MT Shadow;
              }
              .def3
              {
                  font-size:30px; color:#F66;font-family:Imprint MT Shadow;
              }
              .def4
              {
                  float:inherit; width:100%; margin-right:0%; margin-left:0%;margin-bottom:1px;
                  
                  
              background-color: #f8f8f8; padding:1%;
                  
                  
              }
              .def5
              {
                  float:left;width:25%;margin-bottom:43px;padding-left:0%
              }
              .def6
              {
                 width:92%;
              }
              .def7
              {
                 font-family: 'Robotolight',sans-serif;color: white;font-size: 21px;text-shadow: 1px 1px 3px rgb(0,0,0.5);
              }
              .def8
              {
                  margin-top: -51px;margin-left: 25px;
              }
              .def9
              {
                
                height: 260px;width: 262px;
              }
              .def9a
              {
                  width:250px;height:250px;border-radius: 30%;
              } 
              .def9b
              {
                  width:150px;height:150px;border-radius: 30%;
              }
               .def9c
              {
                  width:30;height:30px;border-radius: 50%;
              }
              .def9d
              {
                  width:50px;height:50px;border-radius: 50%;
              }
              .defSidebar
              {
                  width:70px;height:60px;
              }
              li
              {
                  list-style-type: none;
              }
              .deflinks
              {
                  width:12%;float:left;
              }
              .defBODY
              {
                  width:86%;margin-right:0%;float:right;margin-right:0.5%;
              }
              .imgdiv
              {
                  width:60%; float:right;
              }
             .rating 
              {
                  width: 75%; height: 34px;background-color: #f6f3f3;text-align:justify;float:left;
              }
              .rating label 
              { 
                  text-indent: -100px;width: 25px !important;height: 30px;overflow: hidden;cursor: pointer;
              }
              .label 
              { 
                  float: left; padding-top: 3px;
              }
              
         
input[type="radio"] {
    padding-right: 4px;
    position: absolute;
    left: 40%;
    margin-top: 10px;
}
                 
input[type="radio"], .rating label.stars {
    float: right;
    line-height: 10px;
    height: 30px;
}
span + input[type=radio] + label, legend + input[type=radio] + label {
    clear: right;
    margin-right: 80px;
    counter-reset: checkbox;
}
.rating input[type="radio"]:required + label:after {
    content: '';
    position: absolute;
    left: 38%; 
    min-height: 4%;
    margin-top: -16px;
    text-align: right;
    background: white;
    padding:1%;
    display: block;
    width: 50px;
}
.rating label.stars 
{
    
    background: transparent url('../stars/non.jpg') no-repeat center center;
}
           
.rating label.stars:hover ~ label.stars, 
.rating label.stars:hover, 
.rating input[type=radio][name=stars]:checked ~ label.stars 
{
    
    background-image: url('../stars/filled.png');
    counter-increment: checkbox;
}
.rating input[type=radio][name=stars]:required + label.stars:after {
    content: "";
    color:white;
    font-size:10px; font-family:Sans-Serif;
}

             .tableStyle
             {
                  border: 1px solid black;border-color:#ccc;float:inherit;width:100%; 
             }
             .table_tr
             {
                  background-color:Aqua;
             }
        
  

 
  @media only screen 
and (min-width : 736px) 
and (max-width : 1024px)
 {
     .def5{width:33%;padding-left:0;}
  .divdata{width:98%;}      
  .def9{height:181px;width:181px;}
  
 }
 
        
@media only screen 
and (min-width : 672px) 
and (max-width : 735px)
 {
  .deflinks{width:100%;display:none;}
  .defBODY{width:100%;}
  .def5{width:33%;padding-left:0;}
  .divdata{width:98%;}      
  .def9{height:197px;width:205px;}
 
 }  
        
        
@media only screen 
and (min-width : 476px) 
and (max-width : 671px)
 {
  .deflinks{width:100%;display:none;}
  .defBODY{width:100%;}
  .def5{width:46%;}
  .divdata{width:98%;}      
  .def9{height:197px;width:205px;}
  
 }      

 @media only screen 
and (max-width : 475px)
{
  .deflinks{width:100%;display:none;}
  .defBODY{width:100%;}
  .def5{width:100%;}
  .divdata{width:98%;}
  .Alinks{padding-left:2%;}
   .srcbtn{width: 37%;
float: left;}
    .scrtxt{padding-left:0;}
    .gsrcbox{width: 63%;
float: left;
padding-left: 0%;}
.def9{width:100%;}
}