body {
}
@media(min-width: 768px) {
    div.prodTile_social {
        line-height: 1.5;
    }

    h3 {
        font-size: 13px;
    }

    label {
        margin: 0px;
    }

    #finishDropDownMenu {
        border: none;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding-top: 0px;
        font-size: 13px;
        font-weight: normal;
        padding-right: 0px;
        line-height: 22px;
        outline: 0;
        color: #000000 !important;
    }

    /* .prod-compare-content {
        overflow: visible;
    } */

    .product_gallery .tab-content .column-header.row {
        margin: 0px;
    }

    .prodTile-frame {
        padding: 0px;
        border-left-style: solid;
        border-left-color: #e6e6e6;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #e6e6e6;
        border-bottom-width: 1px;
    }

    .sortBy {
        font-size: 18px;
        float: right;
        text-align: right;
        padding: 0px;
        font-weight: bold;
        margin-top: 10px;
    }

        .sortBy button {
            display: inline-block;
        }

            .sortBy button span {
                font-weight: normal;
            }

        .sortBy .btn {
            font-family: "ITC Avant Garde Gothic W01 Boo";
            vertical-align: baseline;
        }

        .sortBy .btn-default:hover, .sortBy .btn-default:focus, .sortBy .btn-default:active {
            background: transparent;
            box-shadow: 0 0 0;
        }

        .sortBy .dropdown {
            display: inline-block;
        }

        .sortBy .dropdown-menu {
            float: left;
            width: 250px;
            right: -80px;
            left: auto !important;
            border-radius: 0px;
        }

            .sortBy .dropdown-menu li {
                padding-top: 4px;
                padding-bottom: 4px;
            }

            .sortBy .dropdown-menu > li > a {
                white-space: normal;
                display: block;
                padding-top: 3px;
                padding-right: 20px;
                padding-bottom: 3px;
                padding-left: 20px;
                clear: both;
                font-weight: normal;
                color: var(--color-dark);
            }

    .sortHeading {
        line-height: 1.5;
        margin-top: -2px;
        padding: 0px;
        text-align: right;
        font-size: 13px;
        color: #636363 !important;
        display: block;
    }
}
@media(min-width:820px){
    .sortBy .dropdown-menu {
        /*right: 25px;*/
    }

    #finishSortBy{
        margin-top: -3px;
    }

    #finishDropDownMenu{
        padding-right:.75rem;
    }
}

@media(min-width: 1024px) {

    .sortBy .dropdown-menu{
        right: 10px;
    }
    
    .sortBy .dropdown-menu.show{
        transform: translate3d(15px,28px,0px)!important;

    }
}

@media(min-width: 1200px){
    .sortBy .dropdown-menu{
        right:25px;
    }
}

@media(max-width: 820px) {
    h3{
        font-size:13px;
    }

    #finishSortBy {
        display: block;
        /*margin-top: 15px;
        margin-bottom: 15px;*/
        padding-left: 0px;
        margin-top: -3px;
    }

        #finishSortBy button {
            display: block;
        }

    #finishDropDownMenu {
        /*border-width: 1px;
        border-color: rgb(63, 68, 67);*/
        width: 100%;
        text-align: right;
        border-radius: 0px;
        font-size: 13px;
        padding-right:.5rem;
        padding-left: 6px;
    }

    .sortBy {
        font-size: 13px;
        text-align: left;
        /*margin-top: 15px;*/
        /*padding-left: 15px;
        padding-right: 15px;*/
        text-transform: uppercase;
    }

    .viewingLabel{
        padding-left:0px;
    }
}

@media(max-width:768px) {
    #finishDropDownMenu .value {
        letter-spacing: normal;
    }
}
    @media(max-width:767px) {
        h3 {
            font-size: 18px;
        }

        span.read-more a {
            color: var(--color-dark);
        }

        #finishSortBy {
            display: inline-block;
            /*margin-top: 15px;
        margin-bottom: 15px;*/
        }

            #finishSortBy button {
                display: block;
            }

        #finishDropDownMenu {
            /*border-width: 1px;
        border-color: rgb(63, 68, 67);*/
            width: 100%;
            text-align: right;
            border-radius: 0px;
            padding-right: .5rem;
        }



        .column-heading {
            padding-left: 0px;
            padding-right: 0px;
        }

        .dropdown-menu {
            text-align: right;
            padding-right: .5rem;
        }

        .filterTrigger {
            font-size: 99%;
            line-height: normal;
        }

        .prodTile-frame {
            padding: 0px;
        }

        .prodTile_social {
            line-height: 1.5;
        }

        .product-right-prodlist-container {
            margin: 0px;
        }

        .sortBy {
            font-size: 13px;
            text-align: left;
            /*margin-top: 15px;*/
            padding-left: 15px;
            padding-right: 15px;
            text-transform: uppercase;
        }


        .tab-content {
            font-size: 13px;
        }
    }

    @media(max-width:740px) {
        div .mobile {
            color: #3f4443;
        }

        ul.dropdown-menu {
            /*left: -1rem!important;*/
        }

        .dropdown-menu {
            font-size: 13px;
            padding-left: .5rem;
        }

            .dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:visited {
                color: #90a69f;
                font-size: 13px;
            }

        #finishSortBy button {
            background-color: #90a69f;
            color: var(--color-white);
            font-family: var(--font-primary);
            padding: 15px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        #mobileSort {
            margin-left: auto;
            font-weight: bolder;
            margin-top: 3px;
        }

        #mobileSort .sortBy {
            padding-left: 0;
            padding-right: 0;
        }

        .column-heading {
            padding-left: 15px;
            padding-right: 15px;
        }

        .dropdown-toggle::after {
            color: black;
        }

        .sortHeading {
            color: rgb(63, 68, 67);
            line-height: 1.5;
            text-align: right;
            display: block;
            margin-right: 0;
            padding-right: 15px;
            font-weight: bolder;
        }
    }