/* ---------- Phones ---------- */

/* ---------- Tablets ---------- */

@media (max-width: 1220px) {
    body {
        margin: 0px;
    }
	
	.heroCenter {
        width: 100%;
    }

    #container {
        width: 100%;
        padding: 0px;
    }

    #main {
        width: 95%;
        background-image: none!important;
        background-color: #fff!important;
        display: block;
        margin: auto;
        padding:10px;
    }

    .menu ul {
    }

    .menu li {
    }

    #nav {
        max-width: 93%;
        display: block;
        margin: auto;
        position: relative;
        top: 0px;
        right: 0px;
    }

        .menu li a {
            padding:10px 15px;
        }


    .dp33, .dp66, .dp60, .dp20 {
        width: 93%;
        min-width: 320px;
    }

    .module img {
        max-width: 100%;
    }
	
	#main_content_section {
		padding-top:300px;
	}

    #productShowcase {
        float: none!important;
        width: 100%!important;
        height: auto!important;
        margin: 0px!important;
        padding: 0px!important;
        background-image: none!important;
    }

        #productShowcase img {
            width: 100%;
            max-width: 100%;
        }

    #tabList_repeat, #tabList_top, #tabList_bottom {
        background-image: none!important;
        width: 93%!important;
        min-width: 320px;
    }

    #tabs li {
        float: none!important;
        width: 93%;
        margin: 5px!important;
        padding: 10px!important;
        border: none!important;
        background-image: none!important;
        background-color: #E6E6E6!important;
    }

    #footer {
        background-image: none!important;
        width: 100%;
    }

    .galleryContainer {
        margin-right: auto!important;
        left: auto!important;
    }

    #mainImage img {
        margin-right: auto!important;
        position: relative;
        left: auto!important;
        height: auto;
    }

    div.simpleSlideshow, .images li {
        width: 100%!important;
        height: auto!important;
        min-height: 320px;
    }

    .images img {
        max-width: 100%;
    }

    #translate {
        width: 24px;
    }

    .goog-te-menu-value span, .goog-te-menu-value {
        display: none;
    }
}

@media (max-width: 640px) {
    body {
        margin: 0px;
    }

    #container {
        width: 100%;
        padding: 0px;
    }

    #header {
        background-image: none!important;
        height: auto;
        width: 100%;
    }

    #logo img {
        max-width: 95%;
    }

    #phone, #callToAction {
        position: relative;
    }

    #phone {
        width: 100%;
        text-align: center;
        right:0px;
        top:auto;
    }

    #callToAction {
        display:block;
        width: 100%;
        text-align: center;
        right: 0px;
        padding:3px 0px 5px;
        top:auto;
    }

    #main {
        width: 85% !important;
        background-image: none!important;
        background-color: #fff!important;
        display: block;
        margin: auto;
        padding:10px;
    }

    #nav {
        max-width: 93%;
        display: block;
        margin: auto;
        position: relative;
        top: 0px;
        right: 0px;
    }

    .menu ul {
        position: static!important;
    }

    .menu li {
        float: none!important;
        border-bottom: 1px solid #fff;
    }

        .menu li a {
            text-align: center!important;
            font-size: large!important;
        }


    .dp33, .dp66, .dp60, .dp20 {
        width: 93%;
        min-width: 320px;
    }

    .module img {
        max-width: 100%;
    }

    #productShowcase {
        float: none!important;
        width: 100%!important;
        height: auto!important;
        margin: 0px!important;
        padding: 0px!important;
        background-image: none!important;
    }

        #productShowcase img {
            width: 100%;
            max-width: 100%;
        }

    #tabList_repeat, #tabList_top, #tabList_bottom {
        background-image: none!important;
        width: 93%!important;
        min-width: 320px;
    }

    #tabs li {
        float: none!important;
        width: 93%;
        margin: 5px!important;
        padding: 10px!important;
        border: none!important;
        background-image: none!important;
        background-color: #E6E6E6!important;
    }

    #footer {
        background-image: none!important;
        width: 100%;
    }

    .galleryContainer {
        margin-right: auto!important;
        left: auto!important;
    }

    #mainImage img {
        margin-right: auto!important;
        position: relative;
        left: auto!important;
        height: auto;
    }

    div.simpleSlideshow, .images li {
        width: 100%!important;
        height: auto!important;
        min-height: 320px;
    }

    .images img {
        max-width: 100%;
    }

    #translate {
        width: 24px;
    }

    .goog-te-menu-value span, .goog-te-menu-value {
        display: none;
    }

    .dp50 {
        width: 100%;
    }

    .paintNav ul {
        background-image: none;
        width: 100%;
        height: auto;
        padding: 0px;
        position: relative;
    }

    .paintNav ul li {
        width: 87%; 
        height:auto;
        padding: 11px;
        background-color: #216A9E;
        margin: 5px;
        border-radius: 5px;
    }

    .heroCenter {
        width: 100%;
    }

    #module5 {
        margin-top: 0px !important;
    }

    #headerInfo {
        float: none;
        text-align: center;
    }
	
	#main_content_section {
		padding-top:25px;
	}	
}