@media (max-width: 767px) { 
    .journal-content ul.book-detail-form-2 li{
        font-size: 15px;
    }

    .journal-content .book-detail-tabs{
        float: left;
        max-width: 100%;
    }

    .journal-content .no-padding{
        padding: 0;
    }

    .journal-content .book-detail-tabs .nav-tabs{
        display: flex;
        border-bottom: 2px solid #1D1D1B;
    }

    .journal-content .book-detail-tabs .nav-tabs > li > a{
        /*height: 100%;*/
        font-size: 13px;
        line-height: 15.6px;
        padding: 5px;
    }

    .journal-content .book-detail-tabs .tab-pane{
        border-top: 0;
    }

    .journal-content .book-detail-info-left .button-buy-now {
        margin-top: 0;
    }
    
    .journal-content ul.tabs-child li a{
        background: #D6D6D7;
        white-space: nowrap;
        line-height: 30px !important;
    }

    .book-detail-tabs .slide-tabs{
        overflow: hidden;
        position: relative;
        min-height: 59px;
    }

    .book-detail-tabs .nav-tabs.scroller{
        position: absolute;
        left: -15px;
        padding: 0 15px;
        min-width: calc(100% + 15px);
    }

    .book-detail-tabs .slide-tabs a.scroller-left,
    .book-detail-tabs .slide-tabs a.scroller-right{
        position: absolute;
        left: 0px;
        height: 100%;
        padding: 22px 5px;
        background: #fff;
    }

    .book-detail-tabs .slide-tabs a.scroller-left img,
    .book-detail-tabs .slide-tabs a.scroller-right img{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .book-detail-tabs .slide-tabs a.scroller-right{
        right: 0px;
        left: auto;
    }

    .book-detail .book-detail-tabs h3.title{
        margin-bottom: 40px;
        margin-top: 0;
        font-size: 24px;
        line-height: 27px;
    }

    .book-detail .book-detail-tabs .sub-title{
        margin-bottom: 30px;
    }

    .journal-content .book-detail-tabs ul.list{
        list-style: none;
        padding: 0;
    }

    .journal-content .book-detail-tabs ul.list-video li{
        margin-bottom: 20px;
    }

    .journal-content .book-detail-tabs ul.list-video li span{
        padding-left: 5px;
        vertical-align: bottom;
        color: #4c4d4d;
    }

    .journal-content  .book-detail-tabs > div > ul.nav-tabs{
        flex-wrap: wrap;
    }

    .journal-content .book-detail-tabs ul.list.list-price li{
        display: inline-block;
        width: 360px;
        max-width: 80%;
        line-height: 30px;
        padding-right: 30px;
    }
    
    .journal-content .book-detail-tabs ul.list.list-price li:last-child{
        width: auto;
        max-width: 20%;
        vertical-align: top;
    }
}

@media (max-width: 520px) { 

}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .journal-content ul.book-detail-form-2 li{
        font-size: 15px;
    }

    .journal-content .book-detail-tabs{
        float: left;
        max-width: 100%;
    }

    .journal-content .no-padding{
        padding: 0;
    }

    .journal-content .book-detail-tabs .nav-tabs{
        display: flex;
        border-bottom: 2px solid #1D1D1B;
    }

    .journal-content .book-detail-tabs .nav-tabs > li > a{
        /*height: 100%;*/
        font-size: 13px;
        line-height: 15.6px;
        padding: 5px;
    }

    .journal-content .book-detail-tabs .tab-pane{
        border-top: 0;
    }

    .journal-content .book-detail-info-left{
        margin-bottom: 15px;
    }

    .journal-content .book-detail-info-left .button-buy-now, .button-back-to-description,.button-open-access {
        margin-top: 0;
    }

    .journal-content .tab-content > div > div.left{
        padding-left: 0;
    }

    .journal-content ul.tabs-child li a{
        background: #D6D6D7;
        white-space: nowrap;
        line-height: 30px !important;
    }

    .book-detail-tabs .slide-tabs{
        overflow: hidden;
        position: relative;
        min-height: 59px;
    }

    .book-detail-tabs .nav-tabs.scroller{
        position: absolute;
        left: -15px;
        padding: 0 15px;
        min-width: calc(100% + 15px);
    }

    .book-detail-tabs .slide-tabs a.scroller-left,
    .book-detail-tabs .slide-tabs a.scroller-right{
        position: absolute;
        left: 0px;
        height: 100%;
        padding: 8px 5px;
        background: #fff;
    }

    .book-detail-tabs .slide-tabs a.scroller-left img,
    .book-detail-tabs .slide-tabs a.scroller-right img{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .book-detail-tabs .slide-tabs a.scroller-right{
        right: 0px;
        left: auto;
    }

    .book-detail .book-detail-tabs h3.title{
        margin-bottom: 40px;
        margin-top: 0;
        font-size: 24px;
        line-height: 27px;
    }

    .book-detail .book-detail-tabs .sub-title{
        margin-bottom: 30px;
    }

    .journal-content .book-detail-tabs ul.list{
        list-style: none;
        padding: 0;
    }

    .journal-content .book-detail-tabs ul.list-video li{
        margin-bottom: 20px;
    }

    .journal-content .book-detail-tabs ul.list-video li span{
        padding-left: 5px;
        vertical-align: bottom;
        color: #4c4d4d;
    }

    .journal-content .book-detail-tabs ul.list.list-price li{
        display: inline-block;
        width: 360px;
        max-width: 80%;
        line-height: 30px;
        padding-right: 30px;
    }
    
    .journal-content .book-detail-tabs ul.list.list-price li:last-child{
        width: auto;
        max-width: 20%;
        vertical-align: top;
    }
}

@media (min-width: 992px) {
    .journal-content #journal-ordering-information .tab-pane > div.col-md-3 { min-height: 100px; }

    .journal-content ul.book-detail-form-2 li{
        font-size: 15px;
    }
    div.left_side_contributor_container {
        padding-left:0;
    }
    div.right_side_contributor_container {
        padding-right:0;
    }
    .journal-content .book-detail-tabs{
        float: left;
        max-width: 100%;
    }

    .journal-content .no-padding{
        padding: 0;
    }

    .journal-content .book-detail-tabs .nav-tabs{
        display: flex;
        border-bottom: 2px solid #1D1D1B;
    }

    .journal-content .book-detail-tabs.collection-tabs {
        width: 100%;
    }

    .journal-content .book-detail-tabs .nav-tabs > li > a{
        /*height: 100%;*/
        font-size: 13px;
        line-height: 15.6px;
        padding: 5px;
    }

    .journal-content .book-detail-tabs .tab-pane{
        border-top: 0;
    }

    .journal-content .book-detail-info-left{
        padding-left: 0px;
    }

    .journal-content .book-detail-info-left .button-buy-now,.journal-content .book-detail-info-left .button-back-to-description  {
        margin-top: 0;
    }

    .journal-content .tab-content > div > div.left{
        padding-left: 0;
    }

    .journal-content ul.tabs-child li a{
        background: #D6D6D7;
        white-space: nowrap;
        line-height: 30px !important;
    }

    .book-detail-tabs .slide-tabs{
        overflow: hidden;
        position: relative;
        min-height: 59px;
    }

    .book-detail-tabs .nav-tabs.scroller{
        position: absolute;
        left: -15px;
        padding: 0 15px;
        min-width: calc(100% + 15px);
    }

    .book-detail-tabs .slide-tabs a.scroller-left,
    .book-detail-tabs .slide-tabs a.scroller-right{
        position: absolute;
        left: 0px;
        height: 100%;
        padding: 8px 5px;
        background: #fff;
    }

    .book-detail-tabs .slide-tabs a.scroller-left img,
    .book-detail-tabs .slide-tabs a.scroller-right img{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .book-detail-tabs .slide-tabs a.scroller-right{
        right: 0px;
        left: auto;
    }

    .book-detail .book-detail-tabs h3.title{
        margin-bottom: 40px;
        margin-top: 0;
        font-size: 24px;
        line-height: 27px;
    }

    .book-detail .book-detail-tabs .sub-title{
        margin-bottom: 30px;
    }

    .journal-content .book-detail-tabs ul.list{
        list-style: none;
        padding: 0;
    }

    .journal-content .book-detail-tabs ul.list-video li{
        margin-bottom: 20px;
    }

    .journal-content .book-detail-tabs ul.list-video li span{
        padding-left: 5px;
        vertical-align: bottom;
        color: #4c4d4d;
    }

    .journal-content .book-detail-tabs ul.list.list-price li{
        display: inline-block;
        width: 360px;
        max-width: 80%;
        line-height: 30px;
        padding-right: 30px;
    }
    
    .journal-content .book-detail-tabs ul.list.list-price li:last-child{
        width: auto;
        max-width: 20%;
        vertical-align: top;
    }
    .left_side_contributor > .left_side_contributor_name,right_side_contributor > .right_side_contributor_name
    {
        word-break: break-all;
    }
    .left_side_contributor_name > .left_side_contributor_affiliation,.left_side_contributor_email,
    .right_side_contributor_name > .right_side_contributor_affiliation,.right_side_contributor_email
    {
        font-size:11px;
    }
     .left_side_contributor_name,
     .right_side_contributor_name
    {
        font-size: 13px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px){
    
}
ul.issue-tab-container li { max-width:100px; }
ul.volume-tab-container li { max-width:100px; }

.artifact-journal-of-design-practice
/*Only IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}
.media_file_teaser{
    clear:both;
    font-size:14px;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid gray; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    alignment: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.aimScope iframe{
    padding:0px;
}
.button-back-to-description
{
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.right_side_contributor p.right_side_role { margin-top:2em; }
div.right_side_contributor_container div.right_side_contributor:first-child p.right_side_role { margin-top:0; }

.journal-content #personal-subscription ul.list-price li:nth-child(2) {
    display:none;
}