body {
background: linear-gradient(to top,
    #2c75ff,
    #003c78
  );
background-attachment: fixed;
position: relative;
overflow-x: hidden;
height: 700px;
}

@keyframes shimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



.mainbar {
position: fixed; z-index: 2;
width: 100%;
height: 44px; 
top: 0px;
left: 0px;
background-color: #1d1d1d; 
}

input[type="search"] {
border: 1px;
height: 35px;
width: 668px; 
border-radius: 20px;
position: relative;
top: -12px;
left: 256px;
background-color: white;
font-family: Arial;
color: black;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;

    height: 18px;
    width:  18px;
    background-image: url("close.png");
}

@media (min-width: 768px) and (max-width: 1366px ) {

.sidebar{
position: relative; z-index: 1;
background-color: black;
width: 120px;
height: 750px;
top: 35px;
left: -8px;
}

#My_Account {
position: relative;
width: 25px;
height: 25px;
left: 30px;    
top: 10px;
}

#signup {
position: relative;
width: 25px;
height: 25px;
left: 29px;    
top: 30px;
}

#aboutus {
position: relative;
width: 25px;
height: 25px;
top: 50px;
left: 30px;    
}

#balence {
position: relative;
width: 25px;
height: 25px;
top: 45px;
left: 29px;    
}

#settings {
position: relative;
width: 25px;
height: 25px;
top: -60px;
left: 30px;    
}

#Home {
position: relative;
width: 25px;
height: 25px;
top: 175px;
left: 30px;    
}


#DTSTV {
position: fixed;
width: 120px;
length: 15px;
left: 0px;
top: 0px;
background-color: transparent;
}

#DTSTV:hover {
background: white;
}


.sbarea {
position: relative;
top: 20px;
}

.WDD {
position: relative;
left: 1150px;
top: 3px;   
}

h5 {
font-family: arial;
color: white;
}

#MA {
text-decoration: none;
position: relative;
left: -10px;
top: -10px;   
}

#SL {
position: relative;
left: -19px;    
}

#AU {
position: relative;
left: -5px;  
}

#B {
position: relative;  
}

#S {
position: relative;
left: -1px;
}

#H {
position: relative;
left: 7px;

}

.Content {
position: absolute;
top: 35px;
left: 122.5px;
height: 700px;
width: 1200px;
}


.mapage {
position: absolute;
width: 1020px;
height: 665px;
top: 50px;
left: 95px;
box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.5) inset;
border-radius: 16px;
}

.mapage1 {
position: absolute;
width: 1020px;
height: 75px;
top: 50px;
left: 95px;
background-image: linear-gradient(to top, #0064b4, white)
}

.border {
position: absolute;
height: 125px;
weight: 125px;
left: -40px;
top: -40px;
}

.icon {
position: absolute;
height: 100px;
weight: 100px;
left: -27px;
top: -28px;
}

h1 {
position: absolute;
left: 40%;
top: 5px;
font-family: arial;
}
}

@media (min-width: 1367px) and (max-width: 1920px ) {

.sidebar{
position: relative; z-index: 1;
background-color: black;
width: 60px;
height: 750px;
top: 35px;
left: -8px;
}

#My_Account {
position: relative;
width: 25px;
height: 25px;
left: 30px;    
top: 10px;
}

#signup {
position: relative;
width: 25px;
height: 25px;
left: 29px;    
top: 30px;
}

#aboutus {
position: relative;
width: 25px;
height: 25px;
top: 50px;
left: 30px;    
}

#balence {
position: relative;
width: 25px;
height: 25px;
top: 45px;
left: 29px;    
}

#settings {
position: relative;
width: 25px;
height: 25px;
top: -60px;
left: 30px;    
}

#Home {
position: relative;
width: 25px;
height: 25px;
top: 175px;
left: 30px;    
}


#DTSTV {
position: fixed;
width: 120px;
length: 15px;
left: 0px;
top: 0px;
background-color: transparent;
}

#DTSTV:hover {
background: white;
}


.sbarea {
position: relative;
top: 20px;
}

.WDD {
position: relative;
left: 1150px;
top: 3px;   
}

h5 {
font-family: arial;
color: white;
}

#MA {
text-decoration: none;
position: relative;
left: -10px;
top: -10px;   
}

#SL {
position: relative;
left: -19px;    
}

#AU {
position: relative;
left: -5px;  
}

#B {
position: relative;  
}

#S {
position: relative;
left: -1px;
}

#H {
position: relative;
left: 7px;

}

.Content {
position: absolute;
top: 35px;
left: 122.5px;
height: 700px;
width: 1200px;
}


.mapage {
position: absolute;
width: 1020px;
height: 665px;
top: 50px;
left: 95px;
box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.5) inset;
border-radius: 16px;
}

.mapage1 {
position: absolute;
width: 1020px;
height: 75px;
top: 50px;
left: 95px;
background-image: linear-gradient(to top, #0064b4, white)
}

.border {
position: absolute;
height: 125px;
weight: 125px;
left: -40px;
top: -40px;
}

.icon {
position: absolute;
height: 100px;
weight: 100px;
left: -27px;
top: -28px;
}

h1 {
position: absolute;
left: 40%;
top: 5px;
font-family: arial;
}
}