/*
font-family: 'Signika Negative', sans-serif;
font weights: 300,400,600,700


colors
red: #ee3124

*/

/* phones, change max width and add styles for tablet if separate setting is needed */
@media (max-width: 960px) {



    .product.type-product  div #product_image{
        margin: 0 auto;    
    }
    .product.type-product  {
        padding: 10px;
    }

    #page #product #product_content{
        width: 96%;
        margin: 0px 2% 0px 2%;
        padding-top: 2%;
    }

    #google_product div.left{
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 20px 0px;
        border-top: 1px solid #eaeaea;	
        border-bottom: 1px solid #eaeaea;	
    }

    #google_product div.left #product_image{
        background: url('/wp-content/themes/SpellBrite/elements/styles/../images/cart-elements/preload_dots_red_20.gif') center center no-repeat;
        width: 100%;
        height: auto;
        margin: -1px -1px -1px -1px ;	
        border: 1px solid #ccc;
    }

    #google_product div.left #product_image img{
        width: 100%;
        height: 58%;
    }

    #google_product div.left ul#thumbnails{
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        margin: 10px 0px 0px 0px;
        clear: both;
    }

    #google_product div.left ul#thumbnails li{
        width: 18%;
        height: auto;
        float: left;
        position: relative;
        margin: 0px 1% 0px 1% !important;
        border: 0px solid #ccc !important;	
        overflow: hidden;
    }

    #google_product div.left ul#thumbnails li img{
        width: 97%;
        height: auto;
        border: 1px solid #ccc !important;	
    }

    #google_product div.left ul#thumbnails li.current{
        width: 18%;
        height: auto;
        margin: 0px 1% 0px 1% !important;
        border: 0px solid #ee3124 !important;
    }

    #google_product div.left ul#thumbnails li.current img{
        width: 97% !important;
        margin: 0px 0px 0px 0px !important;
        border: 1px solid #ee3124 !important;	
    }

    #google_product div.left h2{
        margin: 15px 0px 0px 0px;
        font-size: 20px;	
        line-height: 26px;
        font-weight: 700;
    }

    #google_product div.left h2 em{
        color: #ee3124;
    }

    #google_product div.left a.cta{
        margin: 15px 0px 0px -72px;	
        left: 50%;
    }

    /*  */



    #google_product div.right{
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    #google_product div.right h2{
        margin: 10px 0px 0px 0px;
        font-size: 18px;	
        line-height: 18px;
        text-align: center;
    }

    #google_product div.right h1{
        text-align: center;
    }

    #google_product div.right h3{
        margin: 10px 0px 15px 0px;
        font-size: 22px;	
        line-height: 22px;
        text-align: center;
    }

    #google_product div.right #add_to_cart{
        margin: 0px 0px 0px -71px;
        left: 50%;
        clear: both;
    }

    #google_product div.right #instock{
        float: left;
        position: relative;
        clear: both;	
        margin: 14px 0px 0px -95px;
        left: 50%;
    }


    #google_product div.right #details{
        width: 90%;
        height: 180px;
        float: left;
        position: relative;
        margin: 20px 5% 10px 5%;
        display: block;
        clear: both;	
        overflow: hidden;
    }

    #google_product div.right #details strong{
        margin: 0px 0px 15px 0px;
    }

    #google_product div.right #details strong.note{
        margin: 0px 0px 20px 0px;
    }

    #google_product div.right #details ul li{
        height: auto;
        margin: 0px 0px 10px 18px;
        font-size: 16px;
        line-height: 16px;
    }

    #google_product div.right #google_more_details_button{
        margin: 0px 0px 0px -48px;
        left: 50%;
    }

    #google_product div.right #google_more_details_button:hover{
        text-decoration: underline;	
    }

    #google_product div.right #guarantee{
        width: 100%;
        float: left;
        position: relative;
        margin: 15px 0px 15px 0px;
        padding: 15px 0px 0px 0px;
        border-top: 1px solid #eaeaea;	
    }

    #google_product div.right #guarantee h4{
        margin: 0px 0px 10px 0px;
        font-size: 20px;	
        line-height: 20px;
        text-align: center;
    }

    #google_product div.right #guarantee p{
        width: 90%;
        margin: 0px 5% 0px 5%;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    /* */

    /* */


    #related_preconfigured_signs{
        background: #eee;
        width: 100%;
        padding-bottom: 20px;
    }

    #related_preconfigured_signs #pcs_content{
        width: 96%;
        margin: 20px 2% 20px 2%;	
    }

    #related_preconfigured_signs #pcs_content h3{
        margin: 15px 0px 20px 0px;
        font-size: 22px;	
        line-height: 22px;
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs{
        height: auto;
        margin: 0px 0px 0px 0px;
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs li{
        width: 46%;
        height: 190px;
        position: relative;
        margin: 0px 2% 0px 2% !important;
    }

    @media (max-width: 415px) {
        #related_preconfigured_signs #pcs_content ul#alternative_signs li{
            height: 190px;	
        }
    }

    @media (min-width: 415px) {
        #related_preconfigured_signs #pcs_content ul#alternative_signs li{
            height: 220px;	
        }
    }

    @media (min-width: 560px) {
        #related_preconfigured_signs #pcs_content ul#alternative_signs li{
            height: 240px;	
        }
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs li:nth-child(4){
        margin: 0px 2% 0px 2% !important;
    }


    @media (min-width: 625px) {

        #related_preconfigured_signs #pcs_content ul#alternative_signs li{
            width: 23%;
            height: auto;	
            position: relative;
            margin: 0px 1% 0px 1% !important;
            padding-bottom: 20px;
        }

        #related_preconfigured_signs #pcs_content ul#alternative_signs li:nth-child(4){
            margin: 0px 1% 0px 1% !important;
        }

    }


    #related_preconfigured_signs #pcs_content ul#alternative_signs li a#img{
        width: 100%;
        height: auto;
        margin: -1px -1px -1px -1px;
        border: 1px solid #ccc;
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs li a#img img{
        width: 100%;
        height: auto;
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_name{
        margin: 10px 0px 0px 0px;
    }

    #related_preconfigured_signs #pcs_content ul#alternative_signs li a#sign_price{
        margin: 5px 0px 0px 0px;
        font-size: 16px;
        line-height: 16px;
    }

    #related_preconfigured_signs #pcs_content p{
        width: 100%;
        float: left;
        position: relative;
        margin:0px 0px 10px 0px;
        padding: 20px 0px 0px 0px;
        clear: both;
        text-align: center;	
        border-top: 1px solid #ccc;
    }

    #related_preconfigured_signs #pcs_content #custom_sign_text{
        width: 100%;
        height: 45px;
        float: left;
        position: relative;
        margin: 0px 0px 80px 0px;
        padding: 0px 0px 0px 0px;
    }

    #related_preconfigured_signs #pcs_content #custom_sign_submit{
        float: left;
        position: relative;
        margin: 60px 0px -110px -77px;	
        left: 50%;
    }

}

@media (max-width: 240px) {
    #message-pdf-mail{
        width: auto;
    }
}
/* */




/*
font-family: 'Signika Negative', sans-serif;
font weights: 300,400,600,700


colors
red: #ee3124

*/