.l_mainImagePlace {
    text-align: center;
    width: 50%;
    padding: 10px;
    min-width: 300px;
    display: inline-block;
    padding-left: 0px;
}
    .l_mainImagePlace img {
        width: 100%;
        height: 100%;
        border: 1px solid #10a0c2;
    }

.l_genSpecPlace {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}
    .l_genSpecPlace .spec-column-1{
        width: 70%;
    }
    .l_genSpecPlace .genSpec2 {
        width: 50%;        
    }

.l_container .l_mainDescription {
    font-size: 14px;
    line-height: 1.42;
    text-align: justify;
}

.l_mainDescription_text {
    font-size: 16px;
    line-height: 1.42;
    text-align: justify;
}

.l_textHighlight {
    color: #fdac5c;
    font-weight: bold;    
    font-style: italic;
}

/*---------*/
/*.l_mainVideoPlace {
    text-align: center;
    width: 50%;
    padding: 10px;
    min-width: 300px;
    display: inline-block;
    padding-left: 0px;
}

    .l_mainVideoPlace img {
        width: 100%;
        height: 100%;
        border: 1px solid #10a0c2;
    }*/
/* product video ------------------------------------------------------------*/
#prodVid {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    /*z-index: 1000;*/
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-video {
    height: 300px;
    max-width: 640px;
    position: relative;    
    border: 1px solid #1e698e;
    margin: auto;
    /*background-color: brown;*/
    vertical-align: middle;

    display: flex;
    justify-content: center;
    align-items: center;
    
}

.product-video-place {
    position: relative;
    display: inline-block;
    width: 48%;
    vertical-align: middle;    
    /*background-color: #fdac5c;*/
    text-align: center;
    /*height: 350px;*/
    margin-left:30px;
    padding: 10px 0;
}




/*---------------------------------------------------------*/
.l_drawPlace
{
    width:100%;    
    display:block;
    padding:20px;
    margin-top:0px;
    padding-top:0px;
}
    .l_drawPlace img {
        width: 100%;
        margin: 10px;
        border: 1px solid #10a0c2;
    }



/* spec data ---------------------------------------*/
.l_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    /*background-color: #ffffff;*/ /* a lap szine*/
}

    .l_container > div {
        /*background-color: #ffffff;*/
        width: 100%; /*525*/
        margin: 10px;
        text-align: left;
        line-height: 50px;
        font-size: 20px;
    }


.l-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

    .l-row > div {
        padding: 5px;
        padding-left: 10px;
    }

.spec-data {
    margin-top: 5px;
    color: #000000;
    padding: 0px;
    background-color: #ffffff;
    
}

    .spec-data .spec-column-1 {
        padding-left: 15px;
        /*background-color: #e5e5e5;*/
        background-color: #fdac5c;
        
    }

    .spec-data .spec-column-2 {
        padding-left: 15px;
        background-color: #ffffff;
    }

.spec-column-1 {
    width: 50%;
    font-weight: bold;
    padding-left: 10px;
}

.spec-column-2 {
}






/*----------accordion----------------*/
.accordion {
    background-color: #1d698d;
    color:white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    margin-top:5px;
}

.active, .accordion:hover {
    background-color: #134e6b;
}


.accordion:after {
    content: '\002B';
    color: #fdac5c;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.accordion-panel {
    padding: 0px 18px;
    display: none;
    /*background-color: white;*/
    overflow: hidden;
    font-size:16px;
}
    .accordion-panel .l-row div{
        padding:10px;
    }
/*--------end of accordion----------------*/


@media (max-width: 880px) {

    .l_mainImagePlace {
    width: 100%;
    height: 100%;
    padding: 10px;
    }
    .l_mainImagePlace img {
        width: 100%;
        height: 100%;
    }

    .l_genSpecPlace {
        width: 100%;
        height: 100%;
        
    }

    .product-video-place {
        width: 100%;
        padding: 10px;
        margin:10px;
    }
}