.tabbed{
  float : left;
  width : 100%;
}

.tabbed > section > h1 {
	display: none;
	
}

.tabbed > input{
  display : none;
}

.tabbed > section > div.aptInfoDesc {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 100%;
    /* margin: 81px -1px 1px -100%; */
    padding: 10px;
    /* border: 3px solid var(--theme-color-dark); */
    border-radius: 10px;
    box-shadow: none;
    background: #ffffff;
    max-width: 60%;
    width: 60%;
}

.tabbed > section > div.aptInfoSvc {
    position: relative;
    z-index: 1;
    float: right;
    box-sizing: border-box;
    width: 100%;
    /* margin: 81px -1px 1px -100%; */
    padding: 5px;
    border: 3px solid var(--theme-color-dark);
    border-radius: 10px;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
    background: #ffffff;
    max-width: 37%;
    width: 37%;
}

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




.tabbed > section > h1 {
	display: inline-block;
    float: left;
    box-sizing: border-box;
    /* margin: 10px !important; */
    /* margin-right: 5px !important; */
    /* padding: 0.5em 0.5em 0; */
    margin: 1px !important;
    overflow: hidden;
    font-size: 18px;
    font-weight: normal;
    clear: none;
    min-width: 120px;
    max-width: 45%;
}

.tabbed > input:first-child + section > h1{
  /*padding-left : 1em;*/
}

.tabbed > section > h1 > label {
    display: block;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    border: 2px solid #767676;
    border-bottom: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
    background: var(--theme-color-xlight);
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    text-align: center;
    font-weight: normal;
    z-index: 5;
}

.tabbed > section > div {
    position: relative;
    z-index: 10;
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin: 80px -1px 1px -100%;
    padding: 10px;
    border: 3px solid var(--theme-color-dark);
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
    background: #ffffff;
    width: 100%;
    max-width: 100%;
}

.tabbed > section > div.aptInfoDesc {
    position: relative;
    z-index: 10;
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin: 60px -1px 1px -100%;
    padding: 10px;
    border: 3px solid var(--theme-color-dark);
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
    background: #ffffff;
    width: 100%;
    max-width: 100%;
}

.tabbed > section > div.aptInfoSvc {
    position: relative;
    z-index: 10;
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin: 60px -1px 1px -100%;
    padding: 10px;
    border: 3px solid var(--theme-color-dark);
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
    background: #ffffff;
    width: 100%;
    max-width: 100%;
}

.tabbed > input:checked + section > h1 label {
	position: relative;
    z-index: 2;
    background: var(--theme-color-main);
    color: #000;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    font-weight: bold;
    border: 2px solid var(--theme-color-dark);
}

.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}

.tabbed > input:not(:checked) + section > .aptInfoSvc{
  display : none;
}

.tabbed > input:not(:checked) + section > .aptInfoDesc{
  display : none;
}

}

@media screen and (max-width:500px){
	
	.tabbed > section > h1 {
    	font-size: 12px;
     min-width: 100px;
	}
	
	.tabbed > section > div {
    margin: 62px -1px 1px -100%;
}

.tabbed > section > div.aptInfoDesc {
    margin: 62px -1px 1px -100%;
}

.tabbed > section > div.aptInfoSvc {
    margin: 62px -1px 1px -100%;
}
	
}