/*-=Small screens=-*/
    @media only screen and (max-width: 40em) {
        /* TOP BAR Mobile STYLING */
        .top-bar {
            background: linear-gradient(#333,#000);
            border-top: 1px solid #76adfe;
            border-bottom: 1px solid #76adfe;
        }
        .top-bar-section ul li > a{
            color: white; /* change color of text if you need */
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 600;
            background: #222; /* change background color if you need */
            border-bottom: 1px solid #76adfe;
            transition: .4s;
            -o-transition: .4s;
            -moz-transition: .4s;
            -webkit-transition: .4s;
        }
        .top-bar-section ul li:hover > a{
            background: #111 !important;
            color: #76adfe !important;
            padding-left: 40px;
        }
        div.logo {
            text-align: center;
        }
        div.header-text {
            padding: 0 15px;
            padding-top: 25px;
        }
        .header-text > div > img {
            margin-right: 0;
        }
        .header-top {
            box-shadow: inset 0 100px 100px rgba(0,0,0,.5);
        }
        #menu-header-extra-menu {
            text-align: center;
            margin: 10px 0 0 0;
            border-top: 1px solid #76adfe;
        }
        .header-toll-free > p {
            margin-top: 20px;
        }
        #menu-header-extra-menu > li {
            margin-left: 0;
        }
        #menu-header-extra-menu > li > a {
            padding: 0 7px;
        }
        /*----------------------------------------------------------------------*/
        /*Home page*/
        .home-black-bg {
            height: auto;
        }
        .home-page-banner h1 {
            font-size: 25px;
            line-height: 20px;
            margin: 20px 0 10px 0;
        }
        .certified-right-col,
        .certified-left-col {
            padding: 0 15px;
        }
        .home-columns > div.columns {
            margin-top: 10px;
        }
        .home-columns > div.columns:first-child {
            margin-top: -18px;
        }
        .certified:first-child {
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }
        .certified-right-col > div {
            background: url(../images/gradient-bg.jpg) center top repeat-x;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 10px;
        }
        /*----------------------------------------------------------------------*/
        /*Right Sidebar*/
        .side-shadow:before,
        .side-shadow:after {
            display: none;
        }
        /*----------------------------------------------------------------------*/
        /*Default Template*/
        .sidebar-margin-top {
            margin-top: 30px;
        }
        /*Product posts styles*/
        .ring-type {
            margin-bottom: 20px;
            box-shadow: 0 5px 15px #ccc;
        }
        /*----------------------------------------------------------------------*/
        /*Spiral Rings*/
        .spiral-ring-type img {
            max-height: 75px;
        }
        /*----------------------------------------------------------------------*/
        /*Search*/
        #search-2 {
            float: none;
            width: 270px;
            background: url(../images/play-sign.png) 245px 4px no-repeat,
                        linear-gradient(#b4ef41 45%,#96c736 60%);
        }
        .search-field {
            text-align: center;
        }
        input#searchsubmit {
            padding-left: 7px;
        }
        
    } /* max-width 640px and lower. Use this for mobiles only */

/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar { background: transparent; }
        .top-bar-section ul { background: transparent; }
        .top-bar-section ul li { background: transparent; }
        .top-bar-section li:not(.has-form) a:not(.button) {
            color: #fff;
            background: linear-gradient(#1a58b5 40%,#144389 45%) !important;
            font-family: 'Open Sans';
        }
        .top-bar-section ul#menu-main > li.current_page_item > a {
            background: linear-gradient(#1a58b5 40%,#144389 45%);
            color: #b4ef41;
        }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
            color: #fff;
            background: linear-gradient(#103977 40%,#2568cd) !important;
        }
/*        .top-bar-section li.current_page_item > a:not(.button) {
            background: orange;
        }*/
        .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
        .top-bar-section .has-dropdown > a:after { display: none; }

        /* Dropdown Styling*/
/*        .top-bar-section ul li:hover:not(.has-form) > a {
            background: green;
            color: black;
        }
        .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
            color: white;
            background: olive;
        }
        .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
            color: grey;
            background: bisque;
        }*/
/*        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
            color: white;
            text-decoration: underline;
            background: red;
        }*/
        .top-bar-section {
            float:none; 
            text-align: center;
        }
        .top-bar-section ul li {
            display: inline-block;
            float: left;
        }
        #menu-main > li > a {
            padding: 0 22px;
            text-transform: uppercase;
            font-size: 11px;
            padding-bottom: 20px;
            padding-top: 13px;
            line-height: 11px;
        }
        #menu-main > li:last-child > a {
            padding-left: 26px;
            padding-right: 26px;
        }
        .top-bar {
            line-height: 0;
        }
        #menu-main > li > a {
            border-right: 1px solid #2273cb;
            border-left: 1px solid #123d9f;
        }
        #menu-main > li:first-child a {
            border-radius: 200px/20px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        #menu-main > li:last-child a {
            border-radius: 200px/20px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border: none;
        }

    }  /* min-width 641px */

    @media only screen and (min-width: 40.063em) and (max-width: 64em) { 
        
        /*----------------------------------------------------------------------*/
        /*Header*/
        .header-text > div > img {
            margin-right: 0;
        }
        .header-toll-free > p {
            margin: 25px 0 0 0;
        }
        div.header-text {
            padding-top: 0;
        }
        .top-bar-section ul li {
            display: inline-block;
            float: none;
        }
        #menu-main > li > a {
            padding: 0 15px;
            text-transform: uppercase;
            font-size: 11px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            padding-bottom: 20px;
            padding-top: 13px;
            line-height: 11px;
        }
        #menu-main > li > a {
            border-radius: 5px !important;
            margin-bottom: 3px;
        }
        .header-main-menu {
            padding: 0 15px;
        }
        .home-black-bg {
            margin-top: -180px;
            padding-top: 229px;
        }
        #menu-header-extra-menu > li {
            margin-left: 13px;
        }
        /*----------------------------------------------------------------------*/
        /*Home page*/
        .home-black-bg {
            height: auto;
        }
        .home-page-banner h1 {
            font-size: 25px;
            line-height: 20px;
            margin: 20px 0 10px 0;
        }
        .banner-image {
            padding-top: 60px;
        }
        .title-blue {
            font-size: 16px;
        }
        /*----------------------------------------------------------------------*/
        /*Right Sidebar*/
        .design-ring-link,
        .download-catalog {
            height: auto;
        }
        .download-catalog > .title-blue-uppercase,
        .design-ring-link > .title-white-uppercase {
            font-size: 11px;
        }
        .download-catalog-text span {
            display: block;
        }
        /*----------------------------------------------------------------------*/
        /*Default Template*/
        .default-page-bl-bg {
            margin-top: -180px;
            padding-top: 227px;
            padding-bottom: 20px;
            box-shadow: inset 0 250px 100px #131313;
        }
        /*Product posts styles*/
        .columns.ring-type-preview {
            padding-right: 0;
        }
        /*----------------------------------------------------------------------*/
        /*Spiral Rings*/
        .spiral-ring-type img {
            max-height: 95px;
        }
        /*----------------------------------------------------------------------*/
        /*Tables*/
        .productSpecs {
            margin-top: 250px !important;
            position: relative;
            z-index: 1200;
        }
        /*----------------------------------------------------------------------*/

        
    } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*-=Large screens=-*/
    @media only screen and (min-width: 64.063em) { 
        
        /*Product posts styles*/
        .columns.ring-type-preview {
            padding-right: 0;
        }
        
    } /* min-width 1025px, large screens */
    
    @media (max-width: 1024px) {
        
        /*----------------------------------------------------------------------*/
        /*Footer*/
        .footer-right-column {
            padding-left: 0;
        }
        .footer-text:after {
            content: "";
        }
        .footer-address {
            padding-left: 35px;
            display: block;
        }
        /*----------------------------------------------------------------------*/
        /*Default Template*/
        .default-page-bl-bg {
            height: auto;
        }
        .default-page-bl-bg > div.row > p {
            padding-left: 15px;
            padding-right: 15px;
        }
        /*----------------------------------------------------------------------*/
        /*Contact Us Page*/
        .our-contacts {
            margin-top: 30px;
        }
        /*----------------------------------------------------------------------*/
        /*Post Single Page*/
        .post-page-style img {
            display: block;
            float: none;
            margin-left: 0;
        }
        /*----------------------------------------------------------------------*/
        /*Spiral Rings*/
        .right-border-none {
            border-right: none;
        }
        .internal-sp-rings {
            border-bottom: 1px solid #ccc !important;
        }
        /*----------------------------------------------------------------------*/
        /*Roller*/
        .roller {
            display: none !important;
        }
        
    }
    
    
@media only screen and (min-width: 641px) {
    .filter-result-column {
        padding-left: 5px;
    }
}