@media only screen and (min-width: 1300px) {


    div#item_1 { position: absolute; top: 150px; right: 30%; }
    div#item_3 { position: absolute; top: 150px; left: 20%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;}

}



@media only screen and (min-width: 1200px) and (max-width: 1300px) {

    div#item_1 { position: absolute; top: 150px;  right: 30%; }
    div#item_3 { position: absolute; top: 150px; left: 20%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;}
}


@media only screen and (min-width: 1100px) and (max-width: 1200px) {
   
    div#item_1 { position: absolute; top: 150px; right: 35%; }
    div#item_3 { position: absolute; top: 150px; left: 15%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;}

}

@media only screen and (min-width: 1000px) and (max-width: 1100px) {

div#item_1 { position: absolute; top: 150px; right: 30%; }
div#item_3 { position: absolute; top: 150px; left: 15%; }
div.jquery-gdakram-tooltip div.content {width: 140px;}

}
@media only screen and (min-width: 900px) and (max-width: 1000px) {
    
div#item_1 { position: absolute; top: 150px; right: 30%; }
div#item_3 { position: absolute; top: 150px; left: 10%; }
div.jquery-gdakram-tooltip div.content {width: 140px;}
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
   
    div#item_1 { position: absolute; top: 150px; right: 25%; }
    div#item_3 { position: absolute; top: 150px; left: 10%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}


@media only screen and (min-width: 700px) and (max-width: 800px) {
   
    div#item_1 { position: absolute; top: 150px; right: 15%; }
    div#item_3 { position: absolute; top: 150px; left: 10%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}


@media only screen and (min-width: 600px) and (max-width: 700px) {
   
    div#item_1 { position: absolute; top: 150px; right: 10%; }
    div#item_3 { position: absolute; top: 150px; left: 15%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}


@media only screen and (min-width: 500px) and (max-width: 600px) {
   
    div#item_1 { position: absolute; top: 150px; left: 10%; }
    div#item_3 { position: absolute; top: 150px; left: 15%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}


@media only screen and (min-width: 400px) and (max-width: 500px) {
   
    div#item_1 { position: absolute; top: 150px; right: 10%; }
    div#item_3 { position: absolute; top: 150px; right: 15%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}

@media only screen and (max-width: 300px) {

    div#item_1 { position: absolute; top: 150px; right: 10%; }
    div#item_3 { position: absolute; top: 150px; left: 15%; }
    div.jquery-gdakram-tooltip div.content {width: 140px;} 

}