.ddms-samples-modal {
    padding: 1rem;

    .ddms-samples-modal-content {
        width: 100%;
        max-height: 100%;
    }

    .ddms-samples-modal-header {
        padding: 2rem;
        text-align: center;

        h2 {
            margin: 2rem 0 1rem 0;
            font-size: 24px;
        }

        p {
            font-size: 14px;
            color: var(--gn-link-color);
        }

        .ddms-sample-errors {
            border: none;
            width: 100%;
            left: 0;
            position: absolute;
            padding: 1.5rem 2rem;
            text-align: center;

        }

        .ddms-samples-modal-close {
            top: 5px;
            right: 5px;
            margin: 0;
            padding: 0;
            font-size: unset;
            width: 50px;
            height: 50px;
        }
    }

    .ddms-samples-modal-body {
        padding: 2rem;

        .ddms-selected-samples {
            h3 {
                font-size: 16px;
                color: #000;
            }

            .ddms-selected-samples-content {
                
                .ddms-no-selection {
                    color: var(--gn-link-color);
                    font-size: 14px;
                }

                .ddms-selected-sample .ddms-remove-sample {
                    padding: 0;
                    background: rgba(0,0,0,.5);
                }
            }
        }

        .ddms-available-samples {
            .ddms-sample-category {
                h4 {
                    font-size: 16px;
                    color: #000;
                }

                .ddms-sample-grid {
                    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
                }

                .ddms-sample-item {
                    .ddms-sample-image {
                        height: auto;
                    }

                    .ddms-sample-name {
                        font-size: var(--gn-text-font-size-small);
                        color: #000;
                    }
                }
            }
        }
    }

    .ddms-samples-modal-footer {
        padding: 2rem;

        button {
            font-weight: 400;
            letter-spacing: 0;
            min-width: 200px;
            margin: 0;
        }

        .ddms-btn.ddms-btn-primary:hover:not(:disabled) {
            background: #fff;
            color: #000;
            border: 1px solid #000;
        }

        .ddms-btn {
            font-size: 14px;
            border: 1px solid transparent;
        }

        .ddms-continue-shopping {
            display: none;
        }

        .ddms-go-to-cart {
            span {
                display:none;
            }
        }
    }
}



.single_variation_wrap {
    display: flex;
    padding: 2rem 0;
}

.ddms-material-samples-section {
    padding: 0 0 2rem 0;
    margin: 0;

    .ddms-material-samples-button {
        border: 1px solid #000 !important;
        font-size: 14px;
        transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;

        &:hover {
            background-color: #000 !important;
            color: #fff !important;
        }
    }
}


@media only screen and (min-width: 550px) {
/*************** Tablet Viewport ***************/
  

}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/

    .ddms-samples-modal {

        .ddms-samples-modal-body .ddms-available-samples {
            .ddms-sample-category {
                .ddms-sample-grid {
                    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
                }
            }
        }
        
        .ddms-samples-modal-footer {
    
            .ddms-continue-shopping {
                display: block;
            }
        }
    }
}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/
  

}