@charset "utf-8";
/* CSS Document */
*{
	outline:none;
	padding:0px;
	margin:0px;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
}
body{
	padding-bottom:60px;
}
ul{
	list-style:none;
}
a{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	color:#FF674A;
	text-decoration:none;
}
p{
	font-size:16px;
	color:#373F58;
	line-height:22px;
}
body{
	background-color:#f7f7f7;
}
body > section{
	margin-top: 130px;
        padding: 0 2%;
}
header{
	background-color: #2e3650;
	position: fixed;
    width: 100%;
    top: 0px;
	z-index:1;
}
.container{
	max-width:1100px;
	margin:0px auto;
}
.nav_logo{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.nav_logo img{
	height:50px;
    margin-left: 10px;
}
.header_menu{
	float: right;
    margin-top: 27px;
}
li.dropdown.module {
    position: relative;
    margin-right: 161px;
}
span.current-module {
    position: absolute;
    top: 18px;
    color: #FF674A;
    width: 250px;
    left: 3px;
    font-size: 13px;
}
span.module-name-color {
    font-size: 13px;
    color: #FF674A;
}
.module .dropdown_menu {
    width: 297px;
}
.container > nav:after{
	content:"";
	width:100%;
	display:block;
	clear:both;
}
.header_menu > ul > li{
	float:left;
}
.header_menu > ul > li + li{
	margin-left:20px;
}
.header_menu ul li a{
	text-decoration:none;
	color:#f7f7f7;
}
.header_menu > ul > li > a{
	padding:0px 5px 5px;
	border-bottom: 2px solid transparent;
}
.dropdown_menu{
	display:none;
	position: absolute;
	padding-top:25px;
	z-index:1;
        max-width: 387px;
        width: 100%;
}
.dropdown_menu ul li a{
	padding:7px 10px;
	display:block;	
	
}
.dropdown_menu:before{
	content:"";
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #FF674A;
	margin-top:-10px;
	margin-left:20px;
	position: absolute;
}
.dropdown_menu > ul{
	background-color: #FF674A;
	border-radius:3px;
}
.dropdown:hover .dropdown_menu{
	display:block;
}
.header_menu > ul > li > a:hover{
	border-bottom-color:#FF674A;
}
.header_menu > ul > li.dropdown > a{
	border-bottom:transparent;
}
.dropdown_menu > ul > li > a:hover{
	background-color:#EC5A3E;
}
.text-banner{
	margin-top: 60px;
}
.text-banner h3{
	text-align: center;
    font-size: 32px;
	color:#373F58;
	opacity:0;
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}

.text-banner1{
	margin-top: 60px;
}
.text-banner1 h3{
	text-align: center;
        font-size: 32px;
	color:#373F58;
}


.objective_main h4{
	font-size: 28px;
    font-weight: normal;
    color: #373F58;
    margin-top: 30px;
    margin-bottom: 10px;
	opacity:0;
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}
.objective_main > p,
p.slide_left{
	opacity:0;
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}
.objective_main p{
	font-size:16px;
}
.objective_main > ul{
	margin-top:30px;
	padding-left:25px;
}
.objective_main ul li{
	color: #FF674A;
    list-style-type: disc;
    font-size: 24px;
	padding-left:10px;
	-ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
	opacity:0;
}
.objective_main ul li p{
	font-size:16px;
}


/****** introduction *******/


.content_wrapper h1{
	font-size:32px;
	color:#fff;
	text-align:center
}
.content_wrapper{
    margin-top:60px;
}
.introduction .content_bg{
    margin-top: 30px;
    max-width: 840px;
    margin: 30px auto;
    text-align: center;
}

.main-index .content_bg{
    margin-top: 30px;
    max-width: 840px;
    margin: 30px auto;
    text-align: center;    
}
.introduction .content_body{
    margin-top: 30px;
    max-width: 840px;
    margin: 30px auto;
}

.main-index .subheading{
    font-size: 22px;
    font-weight: bold;
}

.main-index .sd-author {
    padding-top: 60px;
}

.main-index .text-banner{
    padding-top: 9%;
}
.amount_rate > div{
	float:left;
	text-align:left;
	margin-top:60px;
}
.amount_rate{
    overflow: hidden;
    width: 610px;
    margin: 0px auto;
}
.amount_rate .arrows{
    display: block;
    border-bottom: 4px solid #6D84CE;
    position: relative;
    width: 130px;
	margin-top:5px;
}
.amount_rate .arrows:after{
	    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid #6D84CE;
    display: block;
    position: absolute;
    right: -20px;
    top: -8px;
}
.amount_rate > div.amount_drug{
	width:300px;
	margin-left: 20px;
	margin-top:0px;
	-ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
	opacity:0;
}
.amount_rate > div.amount_drug p{
	text-align:center;
	margin-bottom:5px;
}
.amountgraph{
	    height: 120px;
    border: 4px solid #FF674A;
	position: relative;
	overflow:hidden;
}
.amountgraph > div{
	height: 80px;
    background-color: #FF674A;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
	-ms-transform: translate(0px,82px);
    -webkit-transform: translate(0px,82px);
    transform: translate(0px,82px);
}
.rate_elimination p{
	padding-left:20px;
}
footer{
	position:fixed;
	bottom:0px;
	padding:15px 15px 10px;
	width:100%;
	background-color:#2E3650;
}
footer a{
	margin-right:20px;
	color:#f7f7f7;
}
.rate_administration{
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
	opacity:0;
}
.rate_elimination{
	-ms-transform: translate(100px,0px);
    -webkit-transform: translate(100px,0px);
    transform: translate(100px,0px);
	opacity:0;
}
.button {
    padding: 8px 25px;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    border: 2px solid #212946;
    display: inline-block;
    background-color: #212946;
    border-radius: 3px;
    margin-top: 20px;
}
.button:hover{
	background-color:#FF674A;
	border-color:transparent;
	cursor: pointer;
    color: white !important;
}
.button_main{
	margin-top:10px;
	text-align:center;
	-ms-transform: translate(0px,82px);
    -webkit-transform: translate(0px,82px);
    transform: translate(0px,82px);
	opacity:0;
}
.state_rate{
	padding-top:20px;
	margin-top:10px;
	text-align:center;
	-ms-transform: translate(0px,82px);
        -webkit-transform: translate(0px,82px);
        transform: translate(0px,82px);
	opacity:0;
}
.state_rate p{
	text-align:left;
	font-size:18px;
}
.state_rate .state-resulte{
	text-align:center;
	color:#FF674A;
}
.state_rate .state-resulte{
	margin-bottom:20px;
}
.max-amount > span.amount-lable{
	width: 36%;
    display: inline-block;
    text-align: left;
    color: #373F58;
	vertical-align:top;
	margin-top:20px;
}
.max-amount > span.box_border{
    overflow: hidden;
    display: inline-block;
    width: 40%;
    padding:10px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.max-amount > .box_border.correct{
    border: 3px solid #008000;
    background-color: #90EE90;
}
    
.max-amount > .box_border.incorrect{
    border: 3px solid #FF0000;
    background-color: #FF7F7F;
}




.max-amount > span.box_border:hover{
	background-color:rgba(33, 150, 243, 0.5);
}
.box_border > span{
	display:inline-block;
	vertical-align:top;
	color: #373F58;
    font-size: 22px;
}
.box_border span small,
.amount-lable small{
	font-family: initial;
}
.box_border span.first-vlu small{
	font-family: initial;
	margin-left:5px;
	margin-right:10px;
	display:inline-block;
}
.box_border p{
	border-bottom: 1px solid #373F58;
    font-size: 22px;
	
	margin-bottom:5px;
	padding-bottom:5px;
}
.box_border > span.first-vlu{
	margin-top: 15px;
    margin-right: 10px;
}
small.vt-bottom{
	vertical-align:bottom;
}
small.vt-top{
	vertical-align: top;
}
.max-amount{
	margin-top:40px;
	    -ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
    opacity: 0;
}
.slide_top{
	-ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
    opacity: 0;
}
.slide_left{
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
    opacity: 0;
}
.max-amount + .max-amount{
	margin-top:20px;
}
.box_border.no-label > span{
	margin-top:0px;
}
.max-amount .box_border.no-label{
	padding:25px 0px;
}
.amount-lable > span{
	display:block;
	font-size:20px;
}
.no-font{
	font-family:initial;
}
.popup-content h3 .no-font{
	font-size:1em;
}

.add-space{
	margin-top:30px;
	margin-bottom:30px;
}





/*******pagnation**********/



.paginate.pag2 li { font-weight: bold; float:none; display:inline-block; vertical-align:top;}

.paginate.pag2 li a {
  display: block;
  float: left;
  color: #585858;
  text-decoration: none;
  padding: 6px 11px;
  margin-right: 6px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
  background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
  background-image: -ms-linear-gradient(top, #f7f7f7, #eee);
  background-image: -o-linear-gradient(top, #f7f7f7, #eee);
  background-image: linear-gradient(top, #f7f7f7, #eee);
  -webkit-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
  box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
}
.paginate.pag2 li a:hover {
  color: #3280dc;
}
.paginate.pag2 li a:active {
  position: relative;
  top: 1px;
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag2 li.single, .paginate.pag2 li.current {
 float:none; display:inline-block; vertical-align:top;
  padding: 6px 11px;
  padding-top: 8px;
  margin-right: 6px;
  border-radius: 3px;
  color: #676767;
}
.paginate_main{
	 margin-top:70px;
}

span.first-value {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}

small.bottom-value {
    font-family: initial;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: 3px;
    display: inline-block;
}

small.top-value{
	font-family: initial;
    margin-left: 3px;
    vertical-align: middle;
    margin-bottom: 3px;
    display: inline-block;
}





span.sign {
    font-family: initial;
}



.box-hover .max-amount > span.box_border:hover{
	background-color: transparent;
        cursor: auto;
}

.box-size .max-amount > span.box_border{
	width: 52%;
}

div .box-size1 .max-amount > span.box_border{
	width: 59%;
}

.space{
	margin-top:10px;
}

.space2x{
	margin-top: 20px;
}

.space3x{
	margin-top: 30px;
}


small.vt-top2x{
	vertical-align: top;
}

span.sign1 {
    font-family: initial;
    font-size: 30px;
}

span.sign2 {
    font-family: initial;
    font-size: 22px;
}

span.sign3 {
    font-family: initial;
    font-size: 43px;
}

.table-data{

}

.table-data table, td, th {
    border: 1px solid #555;
}

.table-data table {
    border-collapse: collapse;
    width: 50%;
    margin-left: 25%;
}

.table-data th {
    height: 50px;
    width: 20%;
}

.table-data td{
	height:30px;
}




.right-div.graph_main1 {
    width: 55%;
    float: right;
}


.left-div.slide_top.table-data{
    width: 40%;
    float: left;
}


.table-graph{
  width:100%;
  height: 500px;
  overflow: hidden;
}

#chart_div{
  width: 100%;
  height: 500px;
}


.table-data table{
  margin-left: 0px !important;
  width: 100% !important;
}


.help-content h4 {
    font-size: 28px;
    font-weight: normal;
    color: #373F58;
    margin-top: 30px;
    margin-bottom: 10px
    }

.help-content > ul {
    margin-top: 20px;
    padding-left: 50px;
}


.help-content ul li {
    padding: 12px;
    font-size: 24px;
    padding-left: 10px;
}



.popup-content .button {
    display: block;
    margin: 0px auto;
    width: 90%;
    font-size: 0.8em;
    margin-left: 0px;
}

.label_pupup2 {
    width: 25%;
    color: #FF674A;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
}

.value_popup2 {
    width: 74%;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    margin-left: 0%;
}

.text-banner-menu h3{
	text-align: center;
    font-size: 24px;
	color:#373F58;
	opacity:0;
	-ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}




.amount_rate1 > div{
    float:left;
    text-align:left;
    margin-top:60px;
}
.amount_rate1{
    overflow: hidden;
    width: 100%;
    margin: 30px auto;
}
.amount_rate1 .arrows{
    display: block;
    border-bottom: 4px solid #6D84CE;
    position: relative;
    width: 130px;
    margin-top:5px;
}
.amount_rate1 .arrows:after{
        content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid #6D84CE;
    display: block;
    position: absolute;
    right: -20px;
    top: -8px;
}
.amount_rate1 > div.amount_drug{
    width:28%;
    margin-left: 20px;
    margin-top:0px;
    -ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
    opacity:0;
}
.amount_rate1 > div.amount_drug p{
    text-align:center;
    margin-bottom:5px;
}

.amount_rate1 p{
    text-align: center;
}

.amountgraph p {
    margin-top: 42px;
}



.plot-p p{
    float: left;

}

span.label {
    color:#FF674A;
    font-size:20px;
}

.plot-p >ul >li{
    padding:20px;
}

.text-border p{
    border: 3px solid #FF674A;
    font-size: 22px;
    padding: 10px;
}


.range{
    margin-top: 50px;
}

.range p {
    display: inline-block;
    margin-bottom: 3px;
}

.range p:nth-of-type(1) {
    float: left;
}

.range p:nth-of-type(3) {
    float: right;
}

span.slider5-value {
    width: 100%;
    float: right;
    vertical-align: bottom;
    margin-top: 15px;
}

.slider5-top-values {
    width: 50%;
    float: left;
}

.amount_rate2 > div{
    float:left;
    text-align:left;
    margin-top:30px;
}
.amount_rate2{
    overflow: hidden;
    width: 100%;
    margin: 30px auto;
}
.amount_rate2 .arrows{
    display: block;
    border-bottom: 4px solid #6D84CE;
    position: relative;
    width: 130px;
}
.amount_rate2 .arrows:after{
        content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid #6D84CE;
    display: block;
    position: absolute;
    right: -20px;
    top: -8px;
}
.amount_rate2 > div.amount_drug{
    width:20%;
    margin-left: 20px;
    margin-top:0px;
    -ms-transform: translate(0px,100px);
    -webkit-transform: translate(0px,100px);
    transform: translate(0px,100px);
    opacity:0;
}
.amount_rate2 > div.amount_drug p{
    text-align:center;
}

.amount_rate2 p{
    text-align: center;
}

.amount_rate2 > div.amount_drug >div.amountgraph{
    height: 60px;
    border: 4px solid #FF674A;
    position: relative;
    overflow: hidden;
}

.space4x{
margin-top: 40px;
}

a.animated-button:link:after, a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
    color: #FFF !important;
    text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
    height: 450%;
}
a.animated-button:link, a.animated-button:visited {
    position: relative;
    display: block;
    margin: 30px auto 0;
    padding: 14px 15px;
    color: #D24D57 !important;
    font-size:14px;
    border-radius: 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/* Victoria Buttons */

a.animated-button.victoria-one {
    border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
    background: #D24D57;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


.paginate.pag3 li {
  font-weight: bold;
  float:none; 
  display:inline-block; 
  vertical-align:top;
}

.paginate.pag3 li a {

  padding: 6px 11px;
  margin-right: 6px;
 
}

ul.topnav li.icon {
    display: none;
}

.max-amount1{
    margin-top:0px;
}

.box-hover .answer > span{
    
    float: left;
    display: none;
}

.question-answer .max-amount > span.box_border{
    width: inherit;
    margin: 14px;
}

.question-button .button{
    display: none;
}

.max-amount > label> span.box_border{
    overflow: hidden;
    display: inline-block;
    width: 45%;
    border: 3px solid #FF674A;
    padding:10px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

 .max-amount > label> span.box_border input[type="radio"] {
    visibility: hidden;
}

#questions-results .table-data td {
    padding: 10px;
    text-align: left;
    width: 50%;
}

.box_border >span.color {
    color: #CCCCCC;
    font-size: 16px;
}

#semilog-simulation .left-div.slide_top.table-data, #linear-simulation .left-div.slide_top.table-data{
    width: 35%;
    float: left;
}

#semilog-simulation .right-div.graph_main1, #linear-simulation .right-div.graph_main1 {
    width: 63%;
    float: right;
}


/*
.questions-answers2, .questions-answers3, .questions-answers4, .questions-answers5, .questions-answers6, .questions-answers7, .questions-answers8, .questions-answers9, .questions-answers10{
    display:none;
}*/

.mcqs-options> label> span.box_border{
    overflow: hidden;
    display: inline-block;
    width: 45%;
    border: 3px solid #FF674A;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mcqs-options > label> span.box_border input[type="radio"] {
    visibility: hidden;
}


#semilog-simulation .range p,#linear-simulation .range p{
    font-size: 13px;
}


table#range-values {
    width: 60%;
    margin: 25px auto 0px;
    border-collapse: collapse;
}


table#range-values small.bottom-value2 {
    font-family: initial;
    vertical-align: middle;
    margin-top: 3px;
    display: inline-block;
}

table#range-values td {
    width: 16.6%;
}


small.bottom-value3 {
    font-family: initial;
    margin-left: 1px;
    vertical-align: middle;
    margin-top: 3px;
    display: inline-block;
    font-size: 10px;
}


/* Sidebar menu */




.menu_logo img{
    height: 50px;
    position: absolute;
    top: 12px;
}

ul.submenu >li a {
    font-size: 16px;
    padding-left: 25px;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #373F58;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}


ul.submenu {
    margin: 10px;
    background-color: #3E4660;
}


.submenu > li {
    border-top: 1px solid #373F58;
    
}



.sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
    text-align: left;
}

.sidenav a:hover{
    color: #f1f1f1;
    background-color: #6B6D73;
}

li.main-menu {
    border-top: 1px solid #6B6D73;
    padding: 5px;
}

.closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 36px !important;
    margin-left: 50px;
}


.range .sd-left,
.range .sd-right {
    display: inline-block;
    vertical-align: bottom;
}

.range .sd-left {
    width: 75%;
}

.range .sd-right {
    width: 20%;
    margin-left: 10px;
}

.range .sd-right input{
    width: 100%;
}

#linear .under-arrow,
#semilog .under-arrow{
    text-align: center;
}

#linear-simulation .table-graph,
#semilog-simulation .table-graph{
    overflow: visible;
}
#linear-simulation .graph-button,
#semilog-simulation .graph-button{
    clear: both;
}

#semilog .sd-bottom-text p,
#linear .sd-bottom-text p{
    color: #FF674A;
    text-align: left;
}

#semilog .plot-p >ul >li,
#linear .plot-p >ul >li{
    padding-left: 0px;
}

#semilog .amount_rate1,
#linear .amount_rate1{
    position: relative;
}

#semilog .sd-right-equation,
#linear .sd-right-equation {
    position: absolute;
    right: 0px;
    bottom: 0px;
}


/* Sidebar menu */
/* Media quries for responsive layout */

@media screen and (max-width: 810px){
    #factors-effecting3 .box-size .max-amount > span.box_border{
        width: 70%;
    }
    #factors-effecting9 div .box-size1 .max-amount > span.box_border{
        width: 70%;
    }
}

@media screen and (max-width:770px) {
   
   #factors-effecting3 .box-size .max-amount > span.box_border{
       width: 80%;
   }
   #factors-effecting5 .box-size .max-amount > span.box_border{
       width: 70%;
   }
   #factors-effecting7 .box-size .max-amount > span.box_border{
       width: 60%;
   }
   #factors-effecting9 .box-size1 .max-amount > span.box_border{
       width: 80%;
   }
   #dosage-regimen-design6 div .box-size1 .max-amount > span.box_border{
       width:70%;
   }
   #dosage-regimen-design6 .box-size .max-amount > span.box_border{
       width: 60%;
   }
   
   .amount_rate1 > div.amount_drug{
    width:25%;
   }
    
}


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

  
  .amount_rate{
        width: 100%;
  }
  .amount_rate > div.amount_drug {
        width: 40%;
    }
    .amount_rate .arrows {
        width: 100%;
    }
    .rate_administration {
        width: 25%;
    }
    .rate_elimination{
        width: 25%;
    }
    .rate_elimination p{
        padding-left: 5px;
        font-size: 14px;
    }
    .rate_administration p {
        font-size: 14px;
    }

    .amount_rate1 > div.amount_drug{
        width: 25%;
    }

    .rate_administration1{
        width: 15%;
    }

    .rate_elimination1{
            width: 15%;
    }

    .amount_rate1 .arrows{
        width: 100%;
    }

    div .left-div.slide_top.table-data{
        width: 100%;
    }

    div .right-div.graph_main1{
        width: 100%;
    }

    #semilog-simulation div .left-div.slide_top.table-data, #linear-simulation div .left-div.slide_top.table-data{
        width: 100%;
    }

    #semilog-simulation div .right-div.graph_main1, #linear-simulation div .right-div.graph_main1{
        width: 100%;
    }

    .max-amount > span.box_border{
        width: 53%;
    }


    .box-size .max-amount > span.box_border{
        width: 93%;
    }

    .amountgraph p{
        font-size: 13px;
    }


    #plasma-concentration1 .max-amount > span.box_border {
        width: 60%;
    }


    #plasma-concentration2 .max-amount > span.box_border {
        width: 50%;
    }


    #factors-effecting1 .max-amount > span.box_border {
        width: 60%;
    }
    #factors-effecting3 .box-size .max-amount > span.box_border {
        width: 70%;
    }

    #loading-dose1 .max-amount > span.box_border {
        width: 50%;
    }

    #loading-dose2 .max-amount > span.box_border {
        width: 50%;
    }

    #factors-effecting9 .box-size1 .max-amount > span.box_border {
        width: 70%;
    }


    #dosage-regimen-design3 .max-amount > span.box_border {
        width: 50%;
    }

    #dosage-regimen-design4 .max-amount > span.box_border {
        width: 50%;
    }

    #dosage-regimen-design5 .box_border > span.first-vlu {
        font-size: 18px;
    }

    #dosage-regimen-design5 .max-amount > span.box_border {
        width: 50%;
    }


    #dosage-regimen-design6 .box_border > span.first-vlu {
        font-size: 18px;
    }

    #dosage-regimen-design6 .max-amount > span.box_border {
        width: 50%;
    }
    .text-banner h3{
        font-size: 20px;
    }
    .sidenav a:hover{
        background-color:transparent;
    }
    div ul.submenu{
        margin:0px;
    }
    .objective_main h4{
        font-size: 20px;
    }

    
    #introduction .amount_rate > div{
        text-align: center;
    }
    
    #questions .max-amount > label> span.box_border{
        width: 70%
    }
    table#range-values {
        width: 100%;
    }

}


@media screen and (max-width:480px) {
    
    #questions .max-amount > label> span.box_border{
        width: 90%
    }
    
    .icon a{
          font-size: 25px;
    }

    ul.topnav li {
      display: none;
    }

    ul.topnav li.icon {
      float: right;
      display: block;
      margin-top: -5px;
      margin-right: 10px;
      margin-left: 0px;
    }

    ul.topnav.responsive {
      position: relative;
      right: 30px;
    }

    ul.topnav.responsive li.icon {
      position: absolute;
      right: -30px;
      top: 0px;
    }

    ul.topnav.responsive li {
      float: none;
      display: inline;
    }

    ul.topnav.responsive li a {
      display: block;
      text-align: left;
    }
    ul.topnav.responsive .dropdown_menu {
      position: absolute;
      padding-right: 25px;
      padding-top: 25px;
      z-index: 1;
    }
  
    
    body > section{
        margin-top:100px;
    }
    
    div .max-amount{
        margin-top:0px;
    }
    
    .max-amount > span.amount-lable{
        width:100%; 
        margin-bottom:10px;
    }
       
    #linear .rate_administration, #linear .rate_elimination,#semilog .rate_administration, #semilog .rate_elimination {
        width: 15%;
    }
    
    .rate_administration,.rate_elimination {
        width: 23%;
    }
    
    
    .rate_administration p,.rate_elimination p {
        font-size: 12px;
    }
    
    body[id*="factors-effecting"]  .box_border > span.first-vlu{
        margin-right: 0px;
        margin-top: 18px;
    }
    
    .max-amount > span.box_border, #plasma-concentration1 .max-amount > span.box_border, #plasma-concentration2 .max-amount > span.box_border, #loading-dose1 .max-amount > span.box_border, #loading-dose2 .max-amount > span.box_border, #factors-effecting1 .max-amount > span.box_border, #dosage-regimen-design3 .max-amount > span.box_border, #dosage-regimen-design4 .max-amount > span.box_border, #dosage-regimen-design5 .max-amount > span.box_border, #dosage-regimen-design6 .max-amount > span.box_border, #dosage-regimen-design6 .box-size .max-amount > span.box_border{
        width: 85%;
        padding:10px 0px;
    }
    #factors-effecting3 .box-size .max-amount > span.box_border, #factors-effecting5 .box-size .max-amount > span.box_border,#factors-effecting7 .box-size .max-amount > span.box_border,#factors-effecting9 .box-size1 .max-amount > span.box_border, #dosage-regimen-design6 div .box-size1 .max-amount > span.box_border{
        width: 90%;
        padding:10px 0px;
    }
    
    
    #factors-effecting9 .max-amount > span.box_border{
        padding: 10px 0px;
    }
}


@media screen and (max-width:360px){
    .max-amount > span.box_border, #plasma-concentration1 .max-amount > span.box_border, #plasma-concentration2 .max-amount > span.box_border, #loading-dose1 .max-amount > span.box_border, #loading-dose2 .max-amount > span.box_border, #factors-effecting1 .max-amount > span.box_border, #dosage-regimen-design3 .max-amount > span.box_border, #dosage-regimen-design4 .max-amount > span.box_border, #dosage-regimen-design5 .max-amount > span.box_border, #dosage-regimen-design6 .max-amount > span.box_border, #dosage-regimen-design6 .box-size .max-amount > span.box_border{
        width: 95%;
        padding:10px 0px;
    }
    #factors-effecting3 .box-size .max-amount > span.box_border, #factors-effecting5 .box-size .max-amount > span.box_border,#factors-effecting7 .box-size .max-amount > span.box_border,#factors-effecting9 .box-size1 .max-amount > span.box_border, #dosage-regimen-design6 div .box-size1 .max-amount > span.box_border{
        width: 95%;
        padding:10px 0px;
    }
    
    
}






/* Media quries for responsive layout */








.function5.active,
.function15.active,
.function20.active,
.function25.active,
.function30.active,
.function35.active,
.function40.active,
.function45.active,
.function50.active,
.function55.active,
.function60.active,
.function65.active,
.function70.active,
.function75.active,
.function80.active,
.function85.active,
.function90.active,
.function95.active,
.function100.active,
.function105.active,
.function110.active,
.function115.active,
.function120.active,
.function125.active,
.function130.active,
.function135.active,
.function140.active,
.function145.active,
.function150.active,
.function155.active,
.function160.active,
.function165.active,
.function170.active,
.function175.active,
.function180.active,
.function185.active,
.function190.active,
.function195.active,
.function200.active,
.function205.active,
.function210.active,
.function215.active,
.function220.active{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	opacity:1 !important;
	-ms-transform: translate(0px,0px) !important;
    -webkit-transform: translate(0px,0px) !important;
    transform: translate(0px,0px) !important;
}
.rates-headind {
    color: #e09e38;
    padding-bottom: 27px;
}
.text-left {
    text-align: justify;
    text-indent: 50px; 
    padding-left: 25px;
    opacity: 0;
    -ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}
.p-left{
    text-align: justify;
    padding-left: 25px;
    opacity: 0;
    -ms-transform: translate(-100px,0px);
    -webkit-transform: translate(-100px,0px);
    transform: translate(-100px,0px);
}
.zero-order >p {
    padding-top: 25px;
    text-align: left;
    padding-left: 25px;
}
.p-margin-top{
    margin-top: 25px;
}
.cus-table table {
    border: none;
    width: 80%;
    margin-top: 37px;
    margin-left: 86px;
}

.max-amount > span.amount-lable.l-heading {
    font-size: 20px;
    color: #e09e38;
}
.equ-left{
    float: left;
    width: 50%;
}
.equ-right{
    float: right;
    width: 50%;
}
.equ-left .max-amount > span.box_border {
    width: 80%;
}
.equ-right .max-amount > span.box_border {
    width: 80%;
}
.half .max-amount > span.box_border{
    width: 60%;
}
.compart-box-g {
    border: 5px solid green;
    box-sizing: border-box;
    height: 147px;
}
.compart-number-g {
    color: green;
    font-size: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 150px;
}
.compart-title-g{
    color: green ;
   font-weight: bold;
    
}

span.arrows_g:after {
    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid green;
    display: block;
    position: absolute;
    right: -20px;
    top: -8px;
}
span.arrows_g {
    border-bottom: 3px solid green;
    width: 111px;
    display: block;
    display: block;
    border-bottom: 4px solid green;
    position: relative;
    width: 130px;
    margin-top: 5px;
}
.compart-box-b {
    border: 5px solid blue;
    box-sizing: border-box;
    height: 57px;
}
.compart-number-b {
    color: blue;
    font-size: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
}
.compart-title-b{
    color: blue ;
   font-weight: bold;
    
}
span.arrows_b:after {
    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid blue;
    display: block;
    position: absolute;
    right: -2px;
    top: -8px;
}
span.arrows_b {
    border-bottom: 3px solid blue;
    width: 111px;
    display: block;
    position: relative;
    width: 130px;
    margin-top: 5px;
}

.cus-arrows >img {
    max-width: 100%;
    /* float: right; */
    margin-left: 64px;
}
.compart-box-r {
    border: 5px solid red;
    box-sizing: border-box;
    height: 57px;
}
.compart-number-r {
    color: red;
    font-size: 35px;
    text-align: center;
    vertical-align: middle;
    line-height: 46px;
}
.compart-title-r{
    color: red ;
   font-weight: bold;
    
}
span.arrows_r:after {
    content: "";
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 20px solid red;
    display: block;
    position: absolute;
    right: -2px;
    top: -8px;
}
span.arrows_r {
    border-bottom: 3px solid red;
    width: 111px;
    display: block;
    position: relative;
    width: 130px;
    margin-top: 5px;
}
.compart-box-cus {
    width: 90px;
    border: 2px solid blue;
}
img.img1 {
    /* margin-right: 0px; */
    margin-left: 15px;
}
.box-size-cus {
    width: 200px;
}
div#text_right {
    margin-top: -47px;
}
div#arrow_right {
    margin-top: 71px;
}

.left-content {
    width: 400px;
    
}
.right-content {
    width: 400px;
    
}
.introduction .content_body > div{
    float: left;
    margin: 8px;
} 
.state_rate > p {
    margin: 14px;
}
.left-content >div {
    padding: 11px;
    text-align: justify;
}
p.stat_label_cus {
    margin-left: -3px;
}
.right-content >div {
    float: left;
}
.right-content_middle >p {
    border: 1px solid red;
    margin: 38px auto;
    padding: 10px;
}
.right-content_middle{
    width: 120px;
    
}
.right-content_left{
    width: 120px;
}
.right-content_right{
    width: 120px;
}
.phy_left_arrows:before {
    content: "";
    border-bottom: 2px solid blue;
    border-left: 2px solid blue;
    display: block;
    position: absolute;
    width: 70px;
    margin-top: 8px;
    margin-left: 4px;
    top: -9px;

}
.phy_left_arrows
{
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 12px solid blue;
    display: block;
    margin-top: 69px;
    position: relative;
    width: 1px;
    margin-left: 43px;
 
}
.phy_right_arrows {
    border-bottom: 2px solid blue;
    display: block;
    position: relative;
    width: 73px;
    margin-top: 58px;
    margin-left: 45px;
}
.phy_right_arrows:after
{
    content: "";
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 12px solid blue;
    display: block;
    position: absolute;
    right: -2px;
    top: -5px;
}
span.phy_right_arrows.cus_arrow_1 {
    margin-top: 14px;
}
.right-content_right > span {
    margin-left: 0px;
}
.phy_bottom_arrows {
    border-left: 1px solid red;
    /* margin: 0px auto; */
    display: block;
    height: 43px;
    margin-top: -37px;
    margin-left: 48px;
    position: relative;
}
.phy_bottom_arrows:after {
        content: "";
    border-top: 12px solid red;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 32px;
    left: -6px;
}
span.mul {
    margin-top: 12px;
    font-size: 29px;
}
.arrow-conjection {
    width: 100%;
    max-width: 3px;
}

.arrow-1{
        border-right: 2px solid blue;
    height: 78px;
    /* display: block; */
    margin-top: 58px;
    margin-left: 46px;
}
.arrow-2 {
    border-right: 2px solid blue;
    height: 321px;
    /* display: block; */
    margin-top: 19px;
    margin-left: 46px;
}
.arrow-3{
    border-left: 2px solid blue;
    height: 78px;
    /* display: block; */
    margin-top: 58px;
    margin-left: -47px;
}
.arrow-4 {
    border-left: 2px solid blue;
    height: 321px;
    /* display: block; */
    margin-top: 19px;
    margin-left: -47px;
    
}

/* introduction page */
.left-content-60 {
    width: 500px;
    text-align: justify;
}
.right-content-40 {
    width: 300px;
    text-align: center;
}
.right-content-40 >div {
    float: left;
}
.right-content-body {
    width: 250px;
    margin: 10px 0px 0px 10px;
}
.right-content-dose {
    margin-top: 44px;
    width: 40px;
}
.dose-left {
    transition: margin-left 3s;
    -webkit-transition: margin-left 3s; /* Safari */
    -moz-transition: margin-left 3s;
    -ms-transition: margin-left 3s;
    -o-transition: margin-left 3s;
}
.test{
    margin-left: -140px;
    position: relative;
}
.dose-down{
    margin-left: -140px;
    transition: margin-top 3s;
    -webkit-transition: margin-top 3s; /* Safari */
    -moz-transition: margin-top 3s;
    -ms-transition: margin-top 3s;
    -o-transition: margin-top 3s;
}
.test1{
    margin-top: 180px;
    position: relative;
}
.right-content-dose{
    display: none;
}

.small-arrow{
    display: none;
    margin-top: 173px;
    margin-left: -138px;
    position: relative;
    width: 25px;
    height: 25px;
    /* height: 99px; */
    transition: transform .10s;
}
.large-arrow {
    display: none;
    width: 90px;
    margin-top: 86px;
    margin-left: -170px;
    position: relative;
    transition: transform .10s;
}
.simple-arrow-1 {
    border-bottom: 4px solid #373F58;
    width: 112px;
    margin-top: 139px;
    margin-left: -123px;
}
.simple-arrow-2 {
    border-bottom: 4px solid #373F58;
    width: 94px;
    margin-top: 198px;
    margin-left: -104px;
}
.side-down-arrow {
    border-left: 4px solid #373F58;
    height: 139px;
    margin-top: 139px;
    margin-left: -11px;
    position: relative;
}
.side-down-arrow:before {
    content: "";
    border-top: 20px solid #373F58;
    position: absolute;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 138px;
    left: -11px;
    /* content: ""; */
}
.intro-text {
    font-size: 17px;
    font-weight: bold;
    margin-top: 299px;
    margin-left: -43px;
}
.cus-nav {
    margin: 0px auto;
    /* vertical-align: middle; */
    text-align: center;
}
.injection-img {
    width: 105px;
    margin-right: -72px;
    margin-left: 30px;
    margin-top: 123px;
    position: relative;
}
.right-arrow {
    width: 119px;
    /* margin-left: 72px; */
    margin-left: -219px;
    margin-top: 42px;
    position: relative;
}
span.sign-cus {
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: -5px;
    font-size: 12px;
}
.cus-power {
    vertical-align: top;
    margin-top: -5px;
    display: inline-block;
    font-size: 12px;
}
.cus-equ {
    line-height: 36px;
}
.max-amount > span.box_border_cus1 {
    width: 100%;
    text-align: center;
        overflow: hidden;
    display: inline-block;
  
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box_border_cus1 > span.first-vlu {
    margin-top: 15px;
    margin-right: 10px;
}

.box_border_cus1  > span {
    display: inline-block;
    vertical-align: top;
    color: #373F58;
    font-size: 22px;
}
.base10{
    font-size: 12px;
}
.equ-color{
    color: #8a8aee !important;
    text-align: center;
}
.equ-container >div {
    float: left;
    display: inline-block;
    width: 33%;
}
span.equal {
    margin-top: 15px;
}


.chart-notification {
    z-index: 1;
    top: 78px;
    left: 412px;
    border: 4px solid red;
    background: blue;
    color: yellow;
    font-weight: bold;
    padding: 10px;
    font-size: 16px;
}



.m_graph_text_1 {
        position: absolute;
    z-index: 1;
    top: 225px;
    left: 474px;
    font-weight: bold;
}
.round2 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 248px;
    left: 456px;
}
.round3 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 298px;
    left: 456px;
}
.round4 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 348px;
    left: 456px;
}
.m-arrow-1 {
        position: absolute;
    top: 248px;
    left: 226px;
    z-index: 1;
    display: block;
}
.m-text {
    position: absolute;
    top: 234px;
    left: 300px;
    font-weight: bold;
    font-size: 15px;
}
.cus-arrow-1 {
    position: absolute;
    z-index: 1;
}
.arrow_2 {
    display: block;
    position: absolute;
    border-left: 3px solid blue;
    border-bottom: 3px solid blue;
    top: 147px;
    z-index: 0;
    height: 30px;
    left: 204px;
    width: 100px;
}
 .round1 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 122px;
    left: 133px;
}


 .cus-arrow-1 {
        position: absolute;
    z-index: 1;
    top: 109px;
    left: 143px;
    transform: rotate(170deg);
    -ms-transform: rotate(170deg);
    -webkit-transform: rotate(170deg);
}
.m_graph_text {
    position: absolute;
    z-index: 1;
    top: 95px;
    left: 244px;
    font-weight: bold;
}
.graph_text {
        color: black;
    font-weight: bold;
    top: 141px;
    position: relative;
    z-index: 1;
    left: -100px;
}


#determination-of-pp .round1 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 122px;
    left: 133px;
}
.round2 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 145px;
    left: 188px;
}
.round3 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 175px;
    left: 333px;
}
.round4 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 226px;
    left: 456px;
}
.line_2{
       position: absolute;
    border-left: 3px solid green;
    height: 122px;
    width: 3px;
    bottom: 93px;
    left: 444px;
        
}
.line_1{
    position: absolute;
    border-left: 3px solid green;
    height: 159px;
    width: 3px;
    bottom: 93px;
    left: 317px;
        
}
.m-3-text{
   color: black;
    font-weight: bold;
    /* top: 1px; */
    position: relative;
    z-index: 1;
    left: -40px;
    bottom: 135px;
}
.m-arrow-1.a-3 {
    left: 318px;
    top: 300px;
}
.chart-notification2 {
    position: absolute;
    top: 69px;
    z-index: 1;
    right: 20px;
    font-weight: bold;
}
span.arrows_r.a_r {
    position: absolute;
    z-index: 1;
    top: 231px;
    width: 256px;
    left: 137px;
}
span.arrows_b.a_b {
    position: absolute;
    z-index: 1;
    top: 244px;
    width: 445px;
    left: 137px;
}
.border-text {
    position: absolute;
    bottom: 181px;
    font-weight: bold;
    left: 154px;
}
.border-green {
    display: block;
    position: absolute;
    width: 567px;
    border-bottom: 3px solid green;
    bottom: 177px;
    left: 137px;
}
.border-texts {
    position: absolute;
    top: 184px;
    font-weight: bold;
    /* left: 154px; */
    z-index: 1;
}
.round1.fr1 {
    top: 199px;
}
.round2.fr2 {
    top: 260px;
    left: 133px !important;
}
.border-texts.t-l {
    left: 152px;
    color: red;
}
.border-texts.t-r {
    right: 250px;
    color: red;
}
.border-texts.t_2_l {
    top: 250px;
    left: 155px;
    color: green;
}
.border-texts.t_2_r {
    right: 250px;
    top: 230px;
    color: green;
}
.border-texts.doen {
    top: 275px;
    /* left: 250px; */
    right: 250px;
    color: #5d5dd4;
}
#utilization .round1 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 182px;
    left: 224px;
}
#utilization .m_graph_text {
    position: absolute;
    z-index: 1;
    top: 171px;
    left: 240px;
    font-weight: bold;
}
#utilization .round2 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 245px;
    left: 439px;
}
#utilization .m_graph_text_1 {
    position: absolute;
    z-index: 1;
    top: 225px;
    left: 455px;
    font-weight: bold;
}
#utilization .g2 .m-arrow-1 {
    position: absolute;
    top: 196px;
    left: 267px;
    z-index: 1;
    display: block;
    transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
}
#utilization .g2 .m_graph_text_1 {
    position: absolute;
    z-index: 1;
    top: 211px;
    left: 367px;
    font-weight: bold;
}


#concen .round1 {
     display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 224px;
    left: 362px;
}
#concen .m_graph_text {
    position: absolute;
    z-index: 1;
    top: 171px;
    left: 240px;
    font-weight: bold;
}
#concen .round2 {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    background-color: green;
    position: absolute;
    z-index: 1;
    top: 245px;
    left: 439px;
}
#concen .m_graph_text_1 {
    position: absolute;
    z-index: 1;
    top: 225px;
    left: 455px;
    font-weight: bold;
}
#concen .g2 .m-arrow-1 {
    position: absolute;
    top: 196px;
    left: 267px;
    z-index: 1;
    display: block;
    transform: rotate(-162deg);
    -ms-transform: rotate(-162deg);
    -webkit-transform: rotate(-162deg);
}
#concen .g2 .m_graph_text_1 {
    position: absolute;
    z-index: 1;
    top: 211px;
    left: 367px;
    font-weight: bold;
}
.s-line {
    display: block;
    width: 570px;
    border-bottom: 3px solid red;
    height: 3px;
    position: absolute;
    left: 136px;
    top: 244px;
    z-index: 1;
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
}
.g_t_1{
    position: absolute;
}
#concen .cus-arrow-1 {
    position: absolute;
    z-index: 1;
    top: 180px;
    left: 152px;
    transform: rotate(170deg);
    -ms-transform: 17deg;
    -webkit-transform: rotate(54deg);
}
#factor-effecting-drug2 span.arrows_r:after {
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 20px solid red;
    display: block;
    position: absolute;
    right: -7px;
    top: -4px;
}
#factor-effecting-drug2 span.arrows_b:after {
    content: "";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 20px solid blue;
    display: block;
    position: absolute;
    right: -8px;
    top: -4px;
}
.g_t_1 {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    left: 178px;
    top: 179px;
}
.m-arrow-1.g3 {
    position: absolute;
    top: 253px;
    left: 137px;
    z-index: 1;
    display: block;
}
#concen .border-texts.doen {
    top: 275px;
    left: -58px;
    /* right: 250px; */
    color: #5d5dd4;
    position: absolute;
}
.border-texts.t_4_r {
    color: green;
    right: 250px;
    top: 200px;
}
#linear-simulation .content_wrapper {
    margin-top: 0px;
}
#semilog-simulation .content_wrapper {
    margin-top: 0px;
}

#semilog-simulation .table-graph,
#linear-simulation .table-graph{
    overflow: visible;
}

#semilog-simulation .graph-button,
#linear-simulation .graph-button{
    clear: both;
}
#linear-simulation .introduction .content_bg,
#semilog-simulation .introduction .content_bg{
    margin-top: 0px;
    max-width: 840px;
    /* margin: 30px auto; */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#introdution .max-amount{
    margin-top: 0px;
}
#def_half_life .half .max-amount > span.box_border {
    width: 100%;
    text-align: center;
}
.sd_container >div{
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
#relationship_between_half_life_k .sd_right .max-amount{
    margin-top: 0px;
}
span.right-value {
    margin-top: 12px;
    font-size: 20px;
    width: 5%;
}
span.box_border_cus1 >span > p {
    border-bottom: 1px solid;
        font-size: 20px;
}
.sd_equation > span{
    display: inline-block;
    vertical-align: top;
    padding-right: 8px;
}
.sd_equation >span > p{
    border-bottom: 1px solid black;
}
.header_menu>ul>li.dropdown>a:before {
    content: "\f107";
    font-family: fontawesome;
    vertical-align: middle;
    margin-right: 10px;
}