#graph-main1, #graph-main2, #graph_main3, .graph-main1, .graph-main2, .graph_main3{
    position: relative;
}


#plasma-concentration1 .bottom-values{
    position: absolute;
    width: 20%;
    height: 80px;
    left: 59%;
    top: 61%;
}

#plasma-concentration1 .bottom-values #cpmin{
    position: absolute;
    color: blue;
    left: 39%;
    top: 70%;   
}

#plasma-concentration1 .bottom-values #arrow1 { 
    position: absolute;
    left: 48%;
    top: 20%;
}
#plasma-concentration1 .bottom-values #arrow2 {
    position: absolute;
    left: 26%;
    top: 19%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#plasma-concentration1 .bottom-values #arrow3 { 
    position: absolute;
    left: 70%;
    top: 15%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#plasma-concentration1 .top-values{
    position: absolute;
    width: 20%;
    height: 80px;
    left: 59%;
    top: 28%;
}


#plasma-concentration1 .top-values #cpmax{
    position: absolute;
    color: blue;
    left: 38%;
    top: 1%;
}

#plasma-concentration1 .top-values #arrow4 { 
    position: absolute;
    left: 48%;
    top: 20%;
}
#plasma-concentration1 .top-values #arrow5 {
    position: absolute;
    left: 25%;
    top: 26%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#plasma-concentration1 .top-values #arrow6 { 
    position: absolute;
    left: 69%;
    top: 20%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}




#plasma-concentration2 .slow-absorption{
	position: absolute;
	color: blue;
	top: 20%;
	left: 50%;
}


#plasma-concentration2 .rapid{
	position: absolute;
    color: red;
    left: 35%;
    top: 69%;
}

#plasma-concentration2 .bottom-values{
    position: absolute;
    width: 20%;
    height: 80px;
    left: 58%;
    top: 57%;
}


#plasma-concentration2 .bottom-values #cpmin{
    position: absolute;
    color: blue;
    left: 38%;
    top: 80%;
}

#plasma-concentration2 .bottom-values #arrow1 { 
    position: absolute;
    left: 45%;
    top: 28%;
}
#plasma-concentration2 .bottom-values #arrow2 {
    position: absolute;
    left: 15%;
    top: 21%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#plasma-concentration2 .bottom-values #arrow3 { 
    position: absolute;
    left: 76%;
    top: 24%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


#plasma-concentration2 .top-values{
    position: absolute;
    width: 20%;
    height: 80px;
    left: 58.5%;
    top: 27%;
}


#plasma-concentration2 .top-values #cpmax{
    position: absolute;
    color: blue;
    left: 38%;
}

#plasma-concentration2 .top-values #arrow4 { 
    position: absolute;
    left: 46%;
    top: 25%;
}

#plasma-concentration2 .top-values #arrow5 {
    position: absolute;
    left: 15%;
    top: 36%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#plasma-concentration2 .top-values #arrow6 { 
    position: absolute;
    left: 76%;
    top: 30%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#time-to-steady-state .half-life{
    position: absolute;
    color: blue;
    top: 15%;
    right: 9%;
}

/*#time-to-steady-state #arrow1 >span, #time-to-steady-state #arrow2 >span, #time-to-steady-state #arrow3 >span {
    font-size: 40px;
}*/

#time-to-steady-state .graph_main1 #arrow1 { 
    position: absolute;
    color: blue;
    left: 49%;
    top: 57%;
}

#time-to-steady-state #arrow1 >b, #time-to-steady-state #arrow2 >b, #time-to-steady-state #arrow3 >b{
    position: relative;
    bottom: 18px;
    right: 5px;
}

#time-to-steady-state .graph_main1 #arrow2 {
    position: absolute;
    color: red;
    left: 29%;
    top: 72.5%;
}

#time-to-steady-state .graph_main1 #arrow3 { 
    position: absolute;
    color: red;
    left: 70%;
    top: 41%;
}




#time-to-steady-state .dose{
    position: absolute;
    color: blue;
    top: 14%;
    right: 8%;
}


#time-to-steady-state .graph-main2 #arrow1 { 
    position: absolute;
    color: blue;
    left: 61.3%;
    top: 64%;
}

#time-to-steady-state .graph-main2 #arrow1 img {
    height: 30px;
}

#time-to-steady-state .graph-main2 #arrow1 b {
    bottom: 10px;
}

#time-to-steady-state .graph-main2 #arrow2 {
    position: absolute;
    color: red;
    left: 61%;
    top: 73.5%;
}

#time-to-steady-state .graph-main2 #arrow3 { 
    position: absolute;
    color: red;
    left: 61%;
    top: 48%;
}


#loading-dose #state { 
    position: absolute;
    top: 50%;
    right: 20%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: #F7F7F7;
}
#loading-dose #dose { 
   position: absolute; 
   color: blue;
   top: 14%;
   right: 7%;   
}


#loading-dose1 #dosing { 
   position: absolute; 
   color: blue;
    top: 12%;
    right: 2%;  
}

#loading-dose2 #dosing { 
   position: absolute; 
   color: blue;
    top: 12%;
    right: 2%;  
}

#factors-effecting .dose{
	position: absolute;
	color: blue;
	top: 14%;
    right: 2%;
}

#factors-effecting1 #dose { 
   position: absolute; 
   color: blue;
   top: 14%;
   right: 7%;   
}

#factors-effecting1 .text{
    position: absolute;
    top: 22%;
    right: 20%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting2 .bioavailability{
	position: absolute;
	color: blue;
	top: 14%;
    right: 2%;
}


#factors-effecting3 #text{
    position: absolute;
    top: 18%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting3 .bioavailability{
	position: absolute;
	color: blue;
	top: 14%;
    right: 2%;
}


#factors-effecting4 .tbc, #factors-effecting5 .tbc{
	position: absolute;
	color: blue;
	top: 14%;
    right: 7%;
}

#factors-effecting5 #text{
    position: absolute;
    top: 20%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}


#factors-effecting6 .vd{
	position: absolute;
	color: blue;
	top: 14%;
    right: 7%;
}

#factors-effecting7 .vd{
	position: absolute;
	color: blue;
	top: 14%;
    right: 7%;
}

#factors-effecting7 #text{
    position: absolute;
    top: 20%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}


#factors-effecting8 #Ka {
    top: 14%;
    position: absolute;
    right: 10%;
    color: blue;
}

#factors-effecting9 #text{
    position: absolute;
    top: 15%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}



#dosage-regimen-design #mtc {
    position: absolute;
    top: 45%;
    right: 18.5%;
}

#dosage-regimen-design #mec {
    position: absolute;
    top: 66%;
    right: 18.5%;
}

#dosage-regimen-design #dose { 
   position: absolute; 
   color: blue;
   top: 14%;
   right: 10%;   
}


#dosage-regimen-design #text {
    position: absolute;
    bottom: 0%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design .graph_main2 #mtc {
    position: absolute;
    top: 22%;
    right: 19%;
}

#dosage-regimen-design .graph_main2 #mec {
    position: absolute;
    top: 74%;
    right: 19%;
}

#dosage-regimen-design .graph_main2 #text {
    position: absolute;
    bottom: 0%;
    right: 35%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}


#dosage-regimen-design .graph_main3 #mtc {
    position: absolute;
    top: 44%;
    left: 17%;
    right: initial;
}

#dosage-regimen-design .graph_main3 #mec {
    position: absolute;
    top: 60%;
    left: 17%;
    right: initial;
}


#dosage-regimen-design .graph_main3 #arrow1 {
    position: absolute;
    top: 27%;
    left: 64%;
    -ms-transform: rotate(-65deg);
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

#dosage-regimen-design .graph_main3 #arrow2 {
    position: absolute;
    top: 68%;
    left: 68%;
    -ms-transform: rotate(65deg);
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
}

#dosage-regimen-design .graph_main3 .toxic {
    position: absolute;
    top: 21%;
    left: 49%;
    color: red;
}

#dosage-regimen-design .graph_main3 .sub {
    position: absolute;
    top: 72%;
    left: 52%;
    color: blue;
}


#dosage-regimen-design1 .loading { 
   position: absolute; 
   color: blue;
    top: 13%;
    right: 2%; 
}

#dosage-regimen-design1 #mtc {
    position: absolute;
    top: 45%;
    right: 18%;
}

#dosage-regimen-design1 #mec {
    position: absolute;
    top: 66%;
    right: 18%;
}

#dosage-regimen-design1 #text {
    position: absolute;
    bottom: 0%;
    right: 35%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design3 #dose { 
   position: absolute; 
   color: blue;
   top: 13%;
   right: 10%;   
}

#dosage-regimen-design3 #mtc {
    position: absolute;
    top: 30%;
    right: 18%;
}

#dosage-regimen-design3 #mec {
    position: absolute;
    top: 58%;
    right: 18%;
}

#dosage-regimen-design3 #text {
    position: absolute;
    bottom: 0%;
    right: 35%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}


#dosage-regimen-design4 #mtc {
    position: absolute;
    top: 22%;
    right: 18%;
}

#dosage-regimen-design4 #mec {
    position: absolute;
    top: 56%;
    right: 18%;
}



#dosage-regimen-design4 .graph_main1 #arrow1 {
    position: absolute;
    top: 17%;
    left: 41%;
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

#dosage-regimen-design4 .graph_main1 #arrow2 {
    position: absolute;
    top: 17%;
    left: 58%;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

#dosage-regimen-design4 .graph_main1 #arrow3 {
    position: absolute;
    top: 54%;
    left: 41%;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

#dosage-regimen-design4 .graph_main1 #arrow4 {
    position: absolute;
    top: 54%;
    left: 58%;
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}


#dosage-regimen-design4 .graph_main1 .cpmax {
    position: absolute;
    top: 15%;
    left: 44%;
    font-size: 12px;
    color: blue;
}

#dosage-regimen-design4 .graph_main1 .cpmin {
    position: absolute;
    top: 65%;
    left: 44%;
    font-size: 12px;
    color: blue;
}

#dosage-regimen-design4 .graph_main2 #arrow1 {
    position: absolute;
    top: 56%;
    left: 39%;
}

#dosage-regimen-design4 .graph_main2 #arrow2 {
    position: absolute;
    top: 56%;
    left: 49.7%;
}

#dosage-regimen-design4 .graph_main2 #text {
    position: absolute;
    bottom: 21%;
    right: 36%;
}


#dosage-regimen-design5 #bracket {
    position: absolute;
    font-size: 66px;
    color: red;
    top: 47%;
    right: 40%;
}

#dosage-regimen-design5 #range {
    color: red;
    position: absolute;
    top: 53%;
    right: 30%;
    font-weight: bold;
}

#dosage-regimen-design5 #mtc {
    position: absolute;
    top: 45%;
    right: 19%;
}

#dosage-regimen-design5 #mec {
    position: absolute;
    top: 66%;
    right: 19%;
}


#dosage-regimen-design5 #text {
    position: absolute;
    top: 20%;
    right: 35%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design5 #text p {
    color: red;
}


#dosage-regimen-design6 #mtc {
    position: absolute;
    top: 45%;
    right: 19%;
}

#dosage-regimen-design6 #mec {
    position: absolute;
    top: 66%;
    right: 19%;
}

#dosage-regimen-design6 .graph_main1 #dose { 
   position: absolute; 
   color: blue;
   top: 14%;
   right: 18%;   
}

#dosage-regimen-design6 #dose { 
   position: absolute; 
   color: blue;
   top: 14%;
   right: 10%;   
}


#introduction2 .steady-state{
    position: absolute;
    color: blue;
    top: 14%;
    left: 60%;
}

/*//////////////////////////////
Media queries for Graph elements
/////////////////////////////*/


@media screen and (max-width:805px) {
    #plasma-concentration1 .top-values{    
        left: 58.5%;
    }
    #plasma-concentration1 .bottom-values{
        left: 58.5%;
    }
    #plasma-concentration1 .bottom-values #arrow2{
        left: 28%;
    }
    #plasma-concentration1 .bottom-values #arrow3{
        left: 67%;
    }
    #plasma-concentration1 .top-values #arrow5{
        left: 28%;
    }
    #plasma-concentration1 .top-values #arrow6{
        left: 66%;
    }
    
    #plasma-concentration2 .top-values{
        left: 58.5%;
    }
    #plasma-concentration2 .bottom-values{
        left: 57.5%;
    }
    
    
    #time-to-steady-state .graph_main1 #arrow1{
        left: 49%;
    }
    #time-to-steady-state .graph_main1 #arrow2{
        left: 29.5%;
    }
    #time-to-steady-state .graph_main1 #arrow3{
        left: 69.5%;
    }
    #time-to-steady-state .graph-main2 #arrow1{
        left: 60.7%;
    }
    #time-to-steady-state .graph-main2 #arrow2{
        top: 72%;
        left: 60.5%;
    }
    #time-to-steady-state .graph-main2 #arrow3{
        left: 60.5%;
    }
    
    #dosage-regimen-design .graph_main3 #arrow1{
        left: 61.5%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        top: 19%;
        left: 45%;
    }
    #dosage-regimen-design .graph_main3 .sub {
        top: 70%;
        left: 48%;
    }
    #dosage-regimen-design .graph_main3 #mtc, #dosage-regimen-design .graph_main3 #mec{
        left: 18%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow2 {
        left: 57.5%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow1{
        left: 41.5%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow4{
        left: 57.5%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmax{
        left: 43%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmin{
        top: 64%;
        left: 43%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2{
        left: 48.5%;
    }
    #dosage-regimen-design4 .graph_main2 #text{
        bottom: 26%;
    }
}


@media screen and (max-width:770px){
    
    #plasma-concentration1 .bottom-values{
        left: 58%;
    }
    #plasma-concentration1 .top-values{
        left: 58%;
    }
    
    #plasma-concentration2 .bottom-values{
        left: 57%;
    }
    #plasma-concentration2 .top-values{
        left: 58%;
    }
    #plasma-concentration2 .bottom-values #arrow2{
        left: 19%;
    }
    #plasma-concentration2 .bottom-values #arrow3{
        left: 73%;
    }
    #plasma-concentration2 .top-values #arrow4{
        top: 26%;
    }
    #plasma-concentration2 .top-values #arrow5{
        left: 20%;
    }
    #plasma-concentration2 .top-values #arrow6{
        left: 74%;
    }
    
    #time-to-steady-state .graph_main1 #arrow3{
        left: 69%;
    }
    #time-to-steady-state .graph-main2 #arrow1, #time-to-steady-state .graph-main2 #arrow2, #time-to-steady-state .graph-main2 #arrow3{
        left: 60.5%;
    }
    
    #dosage-regimen-design .graph_main3 #arrow1 {
        left: 61%;
    }
    #dosage-regimen-design .graph_main3 #arrow2 {
        left: 64%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        left: 44%;
    }
    #dosage-regimen-design .graph_main3 .sub {
        left: 47%;
    }
    
    #dosage-regimen-design4 .graph_main1 #arrow4{
        left: 57%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow2{
        left: 57%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2 {
        left: 47.5%;
    }
    

}


@media screen and (max-width:680px) {
    
    #plasma-concentration1 .bottom-values{
        left: 57%;
    }    
    #plasma-concentration1 .top-values {
        left: 57%;
    }
    #plasma-concentration1 .bottom-values #arrow1{
        top: 17%;
    }
    #plasma-concentration1 .bottom-values #arrow2{
        left: 32%;
    }
    #plasma-concentration1 .bottom-values #arrow3{
        left: 64%;
    }
    #plasma-concentration1 .top-values #arrow4{
        top: 22%;
    }
    #plasma-concentration1 .top-values #arrow5{
        left: 32%;
    }
    #plasma-concentration1 .top-values #arrow6{
        left: 63%;
    }
    

    #plasma-concentration2 .bottom-values{
        left: 56.5%;
    }
    #plasma-concentration2 .top-values{
        left: 57%;
    }
    #plasma-concentration2 .bottom-values #arrow2{
        left: 22%;
    }
    #plasma-concentration2 .bottom-values #arrow3{
        left: 68%;
    }
    #plasma-concentration2 .top-values #arrow4{
        top: 26%;
    }
    #plasma-concentration2 .top-values #arrow5{
        left: 22%;
    }
    #plasma-concentration2 .top-values #arrow6{
        left: 70%;
    }
    #plasma-concentration2 .bottom-values #cpmin{
        left: 34%;
    }
    #plasma-concentration2 .top-values #cpmax{
        left: 34%;
    }
    #plasma-concentration2 .slow-absorption{
            position: absolute;
            color: blue;
            top: 20%;
            left: 40%;
    }
    #plasma-concentration2 .rapid {
        position: absolute;
        color: red;
        font-size: 12px;
        left: 30%;
        top: 70%;
    }


    #time-to-steady-state .graph_main1 #arrow3 {
        left: 68.2%;
    }
    
    #time-to-steady-state .graph_main1 #arrow2{
        left: 30.5%;
    }
    
    #time-to-steady-state .graph-main2 #arrow1, #time-to-steady-state .graph-main2 #arrow2, #time-to-steady-state .graph-main2 #arrow3{
        left: 60%;
    }

    #dosage-regimen-design .graph_main3 #arrow1 {
        left: 59.5%;
    }
    #dosage-regimen-design .graph_main3 #arrow2 {
        left: 63%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        left: 40%;
    }
    #dosage-regimen-design .graph_main3 .sub {
        left: 43%;
    }
    #dosage-regimen-design .graph_main3 #mtc, #dosage-regimen-design .graph_main3 #mec {
        left: 20%;
    }

    

    #dosage-regimen-design1 #text {
        position: absolute;
        bottom: 0%;
        right: 30%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design3 #text {
        position: absolute;
        bottom: 0%;
        right: 28%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }
    
    #dosage-regimen-design4 .graph_main1 #arrow1 {
        left: 42.5%;
    }
    
    #dosage-regimen-design4 .graph_main1 #arrow2 {
        left: 56%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow3{
        left: 42%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow4 {
        left: 56%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2 {
        left: 45.5%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow1{
        left: 40%;
    }
    #dosage-regimen-design4 .graph_main2 #text{
        right: 32%;
    }


    #dosage-regimen-design5 #text {
        position: absolute;
        top: 20%;
        right: 30%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design5 #bracket {
        position: absolute;
        font-size: 66px;
        color: red;
        top: 47%;
        right: 35%;
    }
    
    #dosage-regimen-design5 #range {
        color: red;
        position: absolute;
        top: 53%;
        right: 20%;
        font-size: 12px;
    }

}


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

    #plasma-concentration1 .top-values {
        left: 60%;
    }
    #plasma-concentration1 .bottom-values {
       left: 60%;
    }

    #plasma-concentration1 div .bottom-values #cpmin{
        top: 70%;
        left: 13%;
    }
    #plasma-concentration1 .top-values #cpmax{
        left: 13%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow1{
        left: 31%;
        top: 15%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow2 {
        left: 15%;
        top: 16%;
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    
    #plasma-concentration1 div .bottom-values #arrow3 {
    left: 47%;
    top: 15%;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    }
    
    #plasma-concentration1 div .top-values #arrow4{
        left: 31%;
        top: 22%;
    }
    
    #plasma-concentration1 div .top-values #arrow5 {
    left: 15%;
    top: 25%;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    }
    
    #plasma-concentration1 div .top-values #arrow6 {
    left: 48%;
    top: 23%;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    }


    #plasma-concentration2 .bottom-values{
        left: 56%;
    }
    #plasma-concentration2 .top-values{
        left: 56.5%;
    }
    #plasma-concentration2 .bottom-values #arrow2{
        left: 24%;
        top: 26%;
        -ms-transform: rotate(-35deg);
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg);
    }
    #plasma-concentration2 .bottom-values #arrow3{
        left: 67%;
        top: 26%;
        -ms-transform: rotate(35deg);
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }
    #plasma-concentration2 .top-values #arrow4{
        top: 27%;
    }
    #plasma-concentration2 .top-values #arrow5{
        left: 24%;
        top: 34%;
        -ms-transform: rotate(35deg);
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg);
    }
    #plasma-concentration2 .top-values #arrow6{
        left: 68%;
        top: 28%;
        -ms-transform: rotate(-35deg);
        -webkit-transform: rotate(-35deg);
        transform: rotate(-35deg);
    }
    #plasma-concentration2 .bottom-values #cpmin{
        left: 32%;
    }
    #plasma-concentration2 .top-values #cpmax{
        left: 32%;
        top: 3%;
    }
    #plasma-concentration2 .slow-absorption {
        position: absolute;
        color: blue;
        top: 20%;
        font-size: 13px;
        left: 30%;
    }
    #plasma-concentration2 .rapid {
        position: absolute;
        color: red;
        font-size: 12px;
        left: 28%;
        top: 72%;
    }
    
    #time-to-steady-state .graph_main1 #arrow3 {
        left: 67.2%;
    }
    #time-to-steady-state .graph-main2 #arrow1, #time-to-steady-state .graph-main2 #arrow2, #time-to-steady-state .graph-main2 #arrow3{
        left: 59.5%;
    }

    #factors-effecting7 #text{
        position: absolute;
        top: 20%;
        right: 20%;
        font-size: 11px;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #factors-effecting9 #text{
        position: absolute;
        top: 15%;
        right: 20%;
        font-size: 12px;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design #text {
        position: absolute;
        bottom: 0%;
        right: 17%;
        font-size: 12px;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design .graph_main2 #text {
        position: absolute;
        bottom: 0%;
        right: 25%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }
    #dosage-regimen-design .graph_main3 #arrow1 {
        left: 58%;
    }   
    #dosage-regimen-design .graph_main3 #arrow2 {
        left: 61%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        left: 33%;
        font-size: 13px;
        top: 20%;
    }
    #dosage-regimen-design .graph_main3 .sub {
        left: 35%;
        font-size: 13px;
    }

    #dosage-regimen-design1 #text {
        position: absolute;
        font-size: 12px;
        bottom: 0%;
        right: 22%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design3 #text {
        position: absolute;
        font-size: 12px;
        bottom: 0%;
        right: 17%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }
    
    #dosage-regimen-design4 .graph_main1 #arrow1 {
        left: 43.5%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow2 {
        left: 55%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmax {
        left: 40%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow3 {
        left: 43%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow4 {
        left: 54%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmin{
        left: 39%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow1 > img, #dosage-regimen-design4 .graph_main2 #arrow2 > img{
        width: 80%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow1 {
        left: 38%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2 {
        left: 41%;
    }
    #dosage-regimen-design4 .graph_main2 #text {
        right: 28%;
        font-size: 13px;
        bottom: 28%;
    }

    #dosage-regimen-design5 #text {
        position: absolute;
        font-size: 12px;
        top: 20%;
        right: 22%;
        border: 2px solid blue;
        padding: 3px;
        color: blue;
        background-color: rgba(252, 255, 84, 0.95);
    }

    #dosage-regimen-design5 #range {
        color: red;
        position: absolute;
        top: 53%;
        right: 18%;
        font-size: 12px;
    }

    #factors-effecting3 #text, #factors-effecting5 #text{
        font-size: 12px;
    }

}


@media screen and (max-width:420px) {
    
    #plasma-concentration1 .top-values {
        left: 60%;
    }
    #plasma-concentration1 .bottom-values {
       left: 60%;
    }

    #plasma-concentration1 div .bottom-values #cpmin{
        top: 70%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow1{
        left: 31%;
        top: 15%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow2 {
        left: 15%;
        top: 16%;
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    
    #plasma-concentration1 div .bottom-values #arrow3 {
    left: 47%;
    top: 15%;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    }
    
    #plasma-concentration1 div .top-values #arrow4{
        left: 31%;
        top: 22%;
    }
    
    #plasma-concentration1 div .top-values #arrow5 {
    left: 15%;
    top: 25%;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    }
    
    #plasma-concentration1 div .top-values #arrow6 {
    left: 48%;
    top: 23%;
    -ms-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    }
    
    
    #plasma-concentration2 .bottom-values{
        left: 55.5%;
    }
    #plasma-concentration2 .top-values{
        left: 56.5%;
    }
    #plasma-concentration2 .bottom-values #arrow2{
        left: 24%;
        top: 26%;
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    #plasma-concentration2 .bottom-values #arrow3{
        left: 67%;
        top: 26%;
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    #plasma-concentration2 .top-values #arrow4{
        top: 27%;
    }
    #plasma-concentration2 .top-values #arrow5{
        left: 24%;
        top: 34%;
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    #plasma-concentration2 .top-values #arrow6{
        left: 68%;
        top: 28%;
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    
    #time-to-steady-state .graph_main1 #arrow3 {
        left: 66.5%;
    }
    #time-to-steady-state .graph_main1 #arrow2 {
        left: 29.9%;
    }
    #time-to-steady-state .graph_main1 #arrow1 {
        left: 48.3%;
    }
    #time-to-steady-state .graph-main2 #arrow1, #time-to-steady-state .graph-main2 #arrow2, #time-to-steady-state .graph-main2 #arrow3 {
        left: 59%;
    }
    
    #dosage-regimen-design .graph_main3 #arrow1 {
        left: 56%;
    }
    #dosage-regimen-design .graph_main3 #arrow2 {
        left: 59%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        left: 29%;
        font-size: 12px;
        top: 21%;
    }
    #dosage-regimen-design .graph_main3 .sub {
        left: 31%;
        font-size: 12px;
    }
    
    #dosage-regimen-design4 .graph_main1 #arrow2 {
        left: 54%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow4 {
        left: 53%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmax, #dosage-regimen-design4 .graph_main1 .cpmin {
        left: 37%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow1 {
        left: 37%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2 {
        left: 38%;
    }
    #dosage-regimen-design4 .graph_main2 #text {
        font-size: 12px;
        bottom: 30%;
    }
    
}


@media screen and (max-width:360px) {
    
    
    #plasma-concentration1 .top-values {
        left: 60%;
    }
    #plasma-concentration1 .bottom-values {
       left: 60%;
    }

    #plasma-concentration1 div .bottom-values #cpmin{
        top: 70%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow1{
        left: 31%;
        top: 15%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow2 {
        left: 14%;
        top: 16%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    
    #plasma-concentration1 div .bottom-values #arrow3 {
    left: 47%;
    top: 15%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    }
    
    #plasma-concentration1 div .top-values #arrow4{
        left: 31%;
        top: 22%;
    }
    
    #plasma-concentration1 div .top-values #arrow5 {
    left: 14%;
    top: 25%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    }
    
    #plasma-concentration1 div .top-values #arrow6 {
    left: 48%;
    top: 23%;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    }
    
    
    #plasma-concentration2 .bottom-values{
        left: 55.5%;
    }
    #plasma-concentration2 .top-values{
        left: 56%;
    }
    #plasma-concentration2 .bottom-values #arrow2{
        left: 24%;
        top: 26%;
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    #plasma-concentration2 .bottom-values #arrow3{
        left: 67%;
        top: 26%;
        -ms-transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    #plasma-concentration2 .top-values #arrow4{
        top: 27%;
    }
    #plasma-concentration2 .top-values #arrow5{
        left: 24%;
        top: 34%;
        -ms-transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg);
    }
    #plasma-concentration2 .top-values #arrow6{
        left: 68%;
        top: 28%;
        -ms-transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
    }
    #plasma-concentration2 .top-values #cpmax{
        left: 22%;
        top: 5%;
    }
    #plasma-concentration2 .bottom-values #cpmin{
        left: 22%;
    }
    
    #plasma-concentration2 .slow-absorption {
        position: absolute;
        color: blue;
        top: 21%;
        font-size: 11px;
        left: 26%;
    }

    #plasma-concentration2 .rapid {
        position: absolute;
        color: red;
        left: 30%;
        font-size: 11px;
        top: 75%;
    }
    
    
    
    #time-to-steady-state .graph_main1 #arrow1 >span >img, #time-to-steady-state .graph_main1 #arrow2 >span >img, #time-to-steady-state .graph_main1 #arrow3 >span >img {
        width: 25%;
    }
    
    #time-to-steady-state .graph-main2 #arrow1 >span >img, #time-to-steady-state .graph-main2 #arrow2 >span >img, #time-to-steady-state .graph-main2 #arrow3 >span >img{
        width: 25%;
    }
    #time-to-steady-state #arrow1 >b, #time-to-steady-state #arrow2 >b, #time-to-steady-state #arrow3 >b{
        bottom: 10px;
    }
    
    




#factors-effecting1 .text{
    position: absolute;
    top: 22%;
    right: 20%;
    font-size: 10px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting3 #text{
    position: absolute;
    top: 20%;
    right: 22%;
    font-size: 10px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting5 #text{
    position: absolute;
    top: 20%;
    right: 23%;
    font-size: 11px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting7 #text{
    position: absolute;
    top: 20%;
    right: 18%;
    font-size: 10px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#factors-effecting9 #text{
    position: absolute;
    top: 20%;
    right: 21%;
    font-size: 9px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design #text {
    position: absolute;
    bottom: 0%;
    right: 15%;
    font-size: 11px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design .graph_main2 #text {
    position: absolute;
    bottom: 0%;
    right: 25%;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design .graph_main3 .toxic {
    left: 25%;
}
#dosage-regimen-design .graph_main3 .sub {
    left: 28%;
}


#dosage-regimen-design1 #text {
    position: absolute;
    bottom: 0%;
    right: 16%;
    font-size:12px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design3 #text {
    position: absolute;
    bottom: 0%;
    right: 15%;
    font-size: 11px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design4 .graph_main1 #arrow2 {
    left: 53%;
}
#dosage-regimen-design4 .graph_main1 #arrow4 {
    left: 52%;
}
#dosage-regimen-design4 .graph_main2 #arrow1 > img, #dosage-regimen-design4 .graph_main2 #arrow2 > img{
    width: 60%;
}
#dosage-regimen-design4 .graph_main2 #arrow2 {
    left: 38%;
}
#dosage-regimen-design4 .graph_main2 #arrow1 {
    left: 34%;
}
#dosage-regimen-design4 .graph_main2 #text {
    font-size: 10px;
    bottom: 32%;
}



#dosage-regimen-design5 #text {
    position: absolute;
    top: 20%;
    right: 21%;
    font-size: 10px;
    border: 2px solid blue;
    padding: 3px;
    color: blue;
    background-color: rgba(252, 255, 84, 0.95);
}

#dosage-regimen-design5 #text p {
    color: red;
    font-size: 14px;
}

#dosage-regimen-design5 #range {
    color: red;
    position: absolute;
    top: 54%;
    font-size: 10px;
    right: 16%;
}

}


@media screen and (max-width:340px) {
    #plasma-concentration1 .top-values {
        left: 59.5%;
    }
    #plasma-concentration1 .bottom-values {
       left: 59.5%;
    }

    #plasma-concentration1 div .bottom-values #cpmin{
        top: 70%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow1{
        left: 31%;
        top: 15%;
    }
    
    #plasma-concentration1 div .bottom-values #arrow2 {
        left: 15%;
        top: 16%;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    
    #plasma-concentration1 div .bottom-values #arrow3 {
    left: 47%;
    top: 15%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    }
    
    #plasma-concentration1 div .top-values #arrow4{
        left: 31%;
        top: 22%;
    }
    
    #plasma-concentration1 div .top-values #arrow5 {
    left: 15%;
    top: 25%;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    }
    
    #plasma-concentration1 div .top-values #arrow6 {
    left: 48%;
    top: 23%;
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    }
    
    #plasma-concentration2 .top-values{
        left: 56%;
    }
    #plasma-concentration2 .bottom-values{
        left: 55%;
    }
    
    #time-to-steady-state .graph_main1 #arrow1 {
        left: 48.1%;
    }
    #time-to-steady-state .graph_main1 #arrow2 {
        left: 29.7%;
    }
    #time-to-steady-state .graph_main1 #arrow3{
        left: 66.3%;
    }
    #time-to-steady-state .graph-main2 #arrow1, #time-to-steady-state .graph-main2 #arrow2, #time-to-steady-state .graph-main2 #arrow3 {
        left: 59%;
    }
    
    #dosage-regimen-design .graph_main3 #arrow1 {
        left: 54%;
    }
    #dosage-regimen-design .graph_main3 #arrow2 {
        left: 57%;
    }
    #dosage-regimen-design .graph_main3 .toxic {
        left: 24%;
        top: 22%;
        font-size: 10px;
    }
    #dosage-regimen-design .graph_main3 #mtc, #dosage-regimen-design .graph_main3 #mec {
        font-size: 12px;
    }
    #dosage-regimen-design .graph_main3 .sub {
        left: 27%;
        top: 71%;
        font-size: 10px;
    }
    #dosage-regimen-design4 .graph_main1 #arrow1 {
        left: 44.5%;
    }
    #dosage-regimen-design4 .graph_main1 #arrow2 {
        left: 52%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmax{
        left: 36%;
        font-size: 10px;
        top: 16%;
    }
    #dosage-regimen-design4 .graph_main1 .cpmin{
        left: 36%;
        font-size: 10px;
    }
    #dosage-regimen-design4 .graph_main2 #arrow1 {
        left: 33%;
    }
    #dosage-regimen-design4 .graph_main2 #arrow2 {
        left: 35%;
    }
}