section[data-cattype="50005"] .horizon-swiper.arrows{
    padding: 0 30px;
}


/*  */
[data-cattype="50005"] .panel-right.inactive{ position: relative; }
[data-cattype="50005"] .panel-right.inactive::before{
    position:absolute;
    width:100%;
    height:100%;
    background: rgba(255, 255, 255, 0.8);
    content:"Please select a theme first before fill up form.";
    font-weight: bold;
    font-size: 18px;
    z-index:1000;
    text-align:center;
    padding:45% 10%;
    left: 0;
    top: 0;
}


@media (max-width: 1400px) { 
    
    [data-cattype="50005"] .table-cell{ padding: 1% 10%; }
    [data-cattype="50005"] .panel-left .table-cell{ padding: 1%; }
    
    section[data-cattype="50005"] .list-theme li a.img{
        width: 180px;
        height: 280px;
    }
    
    [data-cattype="50005"] input.form-control[type="submit"], 
    [data-cattype="50005"] input.form-control[type="text"], 
    [data-cattype="50005"] input.form-control[type="password"], 
    [data-cattype="50005"] input.form-control[type="email"], 
    [data-cattype="50005"] input.form-control, [data-cattype="50005"] select.form-control {
        height: 38px;
    }
    
    [data-cattype="50005"] .wrapper-field > label {
        padding: 0px 5px;
        font-size: 11px;
    }
    
}


@media (max-width: 1200px) { 

    [data-cattype="50005"] .wrapper_swiper{
        position: static;
        display: block;
        margin: 0;
        width: 100%;
    }
    
    [data-cattype="50005"] .panel-right{
        overflow: visible;
    }
    
    [data-cattype="50005"] .full-height-panel > div.panel-left .table-cell,
    [data-cattype="50005"] .full-height-panel > div.panel-left{
        height: auto;
        width: 100%;
        display: block;
    }

}

@media (max-width: 480px) { 
    
    [data-cattype="50005"] .table-cell,
    [data-cattype="50005"] .panel-left .table-cell{ padding: 10%; }
    
}