.graph-container-column {
	padding: 20px;
	border-radius: 10px;
	position: relative;
	background-color: #fff;
	font-family: Prompt, sans-serif;
  margin-bottom: 20px; 
  padding: 20px;
}

.graph-container-column .x,
  .graph-container-column .y {
	position: absolute;
	color: #c3ac95;
}

.graph-container-column .graph {
  width: 100%;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.graph-container-column .graph .head {
  float: left;
}


@media screen and (max-width: 320px) {
  .graph-container-column .graph .head {
    font-size: 20px;
    width: 100%;
    padding-bottom: 20px;
  }
  .graph-container-column .graph .graph-dropdown {
    width: 100%;
  }
  .graph-container-column .x {
    bottom: 40px;
    left: 23px;
  }
  
  .graph-container-column .y {
    right: 20px;
    top: 140px;
  }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
  .graph-container-column .graph .head {
    font-size: 20px;
    width: 100%;
    padding-bottom: 20px;
  }
  .graph-container-column .graph .graph-dropdown {
    width: 100%;
  }
  .graph-container-column .x {
    bottom: 35px;
    left: 20px;
  }
  
  .graph-container-column .y {
    right: 20px;
    top: 145px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px) {
  .graph-container-column .graph .head {
    font-size: 22px;
    width: 100%;
    padding-bottom: 20px;
  }
  .graph-container-column .graph .graph-dropdown {
    width: 100%;
  }
  .graph-container-column .x {
    bottom: 37px;
    left: 20px;
  }
  
  .graph-container-column .y {
    right: 20px;
    top: 150px;
  }
}
@media screen and (min-width: 415px) and (max-width: 768px) {
  .graph-container-column .graph .head {
    font-size: 26px;
    width: 61%;
  }
  .graph-container-column .graph .graph-dropdown {
    min-width: 242px;
    width: 30%;
  }
  .graph-container-column .x {
    bottom: 55px;
    left: 17px;
  }
  
  .graph-container-column .y {
    right: 35px;
    top: 65px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .graph-container-column .graph .head {
    font-size: 26px;
    width: 60%;
  }
  .graph-container-column .graph .graph-dropdown {
    min-width: 250px;
    width: 30%;
  }
  .graph-container-column .x {
    bottom: 47px;
    left: 12px;
  }
  
  .graph-container-column .y {
    right: 35px;
    top: 70px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .graph-container-column .graph .head {
    font-size: 31px;
    width: 70%;
  }
  .graph-container-column .graph .graph-dropdown {
    min-width: 300px;
    width: 30%;
  }
  .graph-container-column .x {
    bottom: 47px;
    left: 22px;
  }
  
  .graph-container-column .y {
    right: 35px;
    top: 70px;
  }
}
@media screen and (min-width: 1441px) {
  .graph-container-column .graph .head {
    font-size: 31px;
    width: 70%;
  }
  .graph-container-column .graph .graph-dropdown {
    min-width: 300px;
    width: 30%;
  }
  .graph-container-column .x {
    bottom: 47px;
    left: 22px;
  }
  
  .graph-container-column .y {
    right: 35px;
    top: 75px;
  }
}


.graph-container-column .graph .graph-dropdown .bootstrap-select {
	/* margin-top: 20px; */
}

.graph-container-column .graph .graph-dropdown .bootstrap-select .dropdown-menu > span, .graph-container-column .graph .graph-dropdown .bootstrap-select .dropdown-menu li > a > span, .graph-container-column .graph .graph-dropdown .bootstrap-select .dropdown-toggle > span, .graph-container-column .graph .graph-dropdown .bootstrap-select .dropdown-toggle li > a > span {
	font-size: 1.5rem;
}

.graph-container-column #chart1div {
	width: 100%;
	height: 500px;
	margin-bottom: 30px;
}

.graph-container-column #chart1div input {
	display: none !important;
}
