*{ font-family: 'M PLUS Rounded 1c', sans-serif; margin: 0; padding: 0; }

 html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

 body {   background-image:url("/admin/adminImage/seoIndex.jpg"); 
          background-repeat: no-repeat;
          
          background-color: rgba(0, 0, 0, 0.6);  
          z-index: 1;
      }
 .mainContainer {
        z-index: 9;
}

.a_ak {
        text-decoration: none;
        color:#0b355f; 
        font-weight: bold;
}

.note_content {
    color:#0b355f;
    font-weight: bold;
    text-align: center;
}

.a_ak:hover {
       text-decoration: none; 
}

.a_email:hover {
       text-decoration: none; 
}

.email_side { float: left; }
.user_side  { float: right;  }
/*----------------------------------------------------------- Static Style END ------------------------------------------*/

.a_email   { font-size: 29.4px; }
.a_ak      { font-size: 16px; }
.site_name { font-size: 25px; }

.note_heading   { font-size: 24px; }
.note_headingR2 { font-size: 19.2px; }
.note_headingL  { font-size: 20.8px; }
.note_result    { font-size: 41.6px; }

/*----------------------------------------------------- DIVs Position Set (1366) START ----------------------------------*/

 /*-------------------------------------------------- Small Computer Div START -----------------------------------------*/
.div_websiteList {
        top: 54%;
        left: 32%;
        position: fixed;
}

.div_pendinglist {
        top: 54%;
        left: 63%;
        position: fixed;
}

.div_searchBtn {
        top: 60%;
        left: 34%;
        position: fixed;
}

.div_ipAddressList {
        top: 59%;
        left: 64%;
        position: fixed;
}

.div_email {
       top: 64%;
       left: 65%;
       position: fixed; 
}

.div_footer {
        top: 94%;
        left:44%;
        position: fixed;
}

.div_homePageContent {
        top: 80%;
        left:32%;
        position: fixed;
 
        width:40%;
        height:12%;
        border:1px solid #fff;
        overflow: hidden;
}
  /*-------------------------------------------------- Yellow Notes Div START -----------------------------------------*/

  .div_noteU1 {
        top: 7%;
        left: 13%;
        position: fixed;
 
        width:14%;
        height:31%;
        overflow: hidden;
  }

  .div_noteL1 {
        top: 37%;
        left: 8%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
  }

  .div_noteL2 {
        top: 19%;
        left: 30%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
        transform: rotate(-2deg);
  }

  .div_noteM2 {
        top: 2%;
        left: 44%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
  }

  .div_noteR2 {
        top: 19%;
        left: 55%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
        transform: rotate(-2deg);
  }

  .div_noteU3 {
        top: 14%;
        left: 70%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
        transform: rotate(-5deg);
  }

  .div_noteL3 {
        top: 43%;
        left: 80%;
        position: fixed;
        
        width:14%;
        height:31%;
        overflow: hidden;
        transform: rotate(3deg);
  }

/*----------------------------------------------------- DIVs Position Set (1366) END ---------------------------------------*/

@media only screen and (min-device-width : 320px) and (max-device-width : 700px)
{
    .a_email { font-size: 69%; }
    .a_ak    { font-size: 30%; }
    .site_name { font-size: 95%; }

    .note_heading   { font-size: 50%; }
    .note_headingR2 { font-size: 30%; }
    .note_headingL  { font-size: 35%; }
    .note_result    { font-size: 110%; } 

    .div_noteM2 { top:3%; }
    .div_noteU1 { top:8%; }  

    .div_websiteList     { top: 52%; }
    .div_pendinglist     { top: 52%;}
    .div_searchBtn       { top: 59%; }
    .div_ipAddressList   { top: 57%; }
    .div_footer          { top: 91%; }
    .div_homePageContent { top: 79%; }
    .div_email           { top: 65%; left:64%; }  
}

@media only screen and (min-device-width : 700px) and (max-device-width : 1000px)
{
    .a_email { font-size: 80%; }
    .a_ak    { font-size: 55%; }
    .site_name { font-size: 90%; }

    .note_heading   { font-size: 70%; }
    .note_headingR2 { font-size: 50%; }
    .note_headingL  { font-size: 55%; }
    .note_result    { font-size: 130%; }   

    .div_websiteList     { top: 52%; }
    .div_pendinglist     { top: 52%;}
    .div_searchBtn       { top: 59%; }
    .div_ipAddressList   { top: 57%; }
    .div_email           { top: 63%; }
    .div_footer          { top: 91%; }
    .div_homePageContent { top: 79%; }  
}

@media only screen and (min-device-width : 700px) and (max-device-width : 1000px) and (min-device-height : 610px)
{
    .div_email { top: 66%; }
    .a_email { font-size: 110%; }
}

@media only screen and (min-device-width : 700px) and (max-device-width : 1000px) and (min-device-height : 350px) 
and  (max-device-height : 610px)
{
    .div_email { top: 65%; }
    .a_email { font-size: 70%; }
}

@media only screen and (min-device-width : 700px) and (max-device-width : 1000px) and (max-device-height : 350px)
{
    .div_email { top: 62%; }
    .a_email { font-size: 60%; }
}

@media only screen and (min-device-width : 1000px) and (max-device-width : 1300px)
{
    .a_email { font-size: 170%; }
    .a_ak    { font-size: 80%; }
    .site_name { font-size: 110%; }

    .note_heading   { font-size: 125%; }
    .note_headingR2 { font-size: 100%; }
    .note_headingL  { font-size: 110%; }
    .note_result    { font-size: 240%; }   

    .div_email           { top: 64%; }

}