.form-content{
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
}

#contents-edit .form-content{
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: 20px;
}

.form-group:nth-child(5),.form-group:nth-child(6),.form-group:nth-child(7),.form-group:nth-child(8), .form-group:nth-child(9), .form-group:nth-child(10), .form-group:nth-child(11) {
  grid-column: span 2;
}

.form-group select{
  width: 100%;
}

.form-group input[type="text"]{
  width: 96%;
}

.form-group input[type="radio"]{
  width: auto;
}

.form-group.checkbox{
  padding: 6px 0;
  border-top: 1px solid var(--color-gray3);
}

.checkbox-flex{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
}

.checkbox-container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}

.checkbox-container:hover input[type="checkbox"] ~ .checkmark {
  background-color: #ccc;
}

.checkbox-container input[type="checkbox"]:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.editor__editable,
main .ck-editor[role='application'] .ck.ck-content,
.ck.editor__editable[role='textbox']{
  min-height: 100px;
}

.form-content img, video{
  margin: 7px 0;
  width: 100%;
} 

.form-content audio{
  margin: 7px 0;
  width: 50% !important;
}

@media (max-width:1200px)
{
  .container-form .form-content{
    display: block;
  }

  .container-form .form-content input{
    width: 96%;
  }

}

@media (max-width:1200px)
{
  
  .checkbox-flex{
    grid-template-columns: 2fr;
  }

  .checkbox-flex div{
    border-bottom: 1px solid gray;
    margin: 7px 0;
  }

  .form-content audio{
    width: 100% !important;
  }
}

@media (max-width:440px)
{
  .form-content video{
    width: 100% !important;
  }
}