/* ---------- Tablet & Laptops (everything below 1200 pixels wide) ---------- */
@media (max-width: 1010px) {
    body {
        margin: 0px;
    }

    #wrapper {
        width: auto;
    }

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

    #bgImage {
        background: none;
    }

    #header {
        background-size: cover;
        background-position: top center;
    }

    #fontSizer, #module310, #ds_left, #ds_right, #social, #header form {
        display: none;
    }

    #module347, #module11 {
        background-color: #0A63AD;
        text-align:center;
        box-sizing:border-box;
        padding:5px;
    }

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


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

        #nav li a {
            padding: 10px 15px;
        }



    .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%;
    }
	
	#logo img {
		width: 370px;
	}
	
	.headerContact {
		right: 20px;
	}
	
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

/* ---------- Phones / Vertical tablets ---------- */
@media (max-width: 767px) {
    #header {
        /*background-image: none!important;*/
        /*height: auto;*/
        /*width: 100%;*/
		height: 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;
    }

    #nav {
        max-width: 93%;
        display: block;
        margin: auto;
        position: relative;
        top: 0px;
        right: 0px;
        /*background: #7AC143;*/
        height: auto;
    }

        #nav ul {
            position: inherit;
        }

        #nav li {
            /*background-color: #7AC143;*/
            float: none;
            text-align: center;
            border-bottom: solid 1px #fff;
            display: none;
        }

            #nav li a {
                padding-top: 13px;
                text-align: center!important;
                font-size: large!important;
            }



    #mobileMenu {
        display: inline;
        font-family: Glyphicons Halflings;
        float: right;
        margin: 3px;
        width:35px;
        height:35px;
    }

    .subMenus {
        position: absolute;
        display: block;
        right: 0px;
        font-weight: 800;
        font-size: 24px;
        color: #fff;
        z-index: 9999;
        width: 41px;
        float: right;
        top: 0px;
        height: 41px;
    }

        .subMenus button {
            width: 100%;
            height: 100%;
            /*background: rgb(111, 176, 60);*/
            border: none;
            color: #fff;
            font-weight: bold;
            font-size: 31px;
        }

    ul ul .subMenus button {
        background: rgb(43, 107, 160);
        height: 34px;
    }

    #nav {
        float: none;
    }

        #nav ul {
            position: static!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: 120px;
    }

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

    /*#header img {
        
    }

    #header h1 {
        background-size: contain;
        width: 90%;
    }*/
	
	.logoDiv {
		text-align: center;
	}
	
	.headerContact {
		width: 100%;
		position: relative;
		top: 15px;
		right: 0px;
		text-align: center;
	}

	.anaheim {
		float: none;
		margin: 0px 0px 15px;
	}

	.chinoHills {
		float: none;
		margin: 0px 0px 15px;
	}
	
	#leftCol, #mainContent, #rightCol {
		padding: 0px;
	}
	
	#footer {
		padding: 20px 0px;
	}

}


.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width:768px) {
    .subMenus {
        display: none;
    }

    #nav li:hover ul, #nav ul li:hover ul {
        display: block;
    }
}