#mobnav-btn {
    display:none;
}
@media (max-width: 1440px) {

}
@media (max-width:1418px) {
    .store-img-slider {
        width: 50% !important;
    }

    .store-content {
        width: 100% !important;
    }

    .standard-button {
        font-size: 1em;
    }

    .standard-button2 {
        padding: 8px 39px;
        font-size: 1em;
    }

    .left-block {
        height: 217px;
    }

    .right-block {
        height: 217px;
    }

}


@media (max-width: 1235px) {
	
	.flex-caption { 
		top: 15%;
		margin-left: 12%;
		width: 50%;
	}
	
	.green-pro-bar li {
		font-size: 0.65em!important;
	}
	
	
}

@media (max-width:1180px) {
	.left-block-content,
	.right-block-content { 
		width: 95%!important;
		float: none;
		margin: auto;
	}
	
    .store-location {
        width: 50% !important;
    }

    .xsidebar {
        width: 25%;
/*        min-width: 237px; */
    }
}


@media (max-width: 1130px) {
	.green-pro-bar li {
		font-size: 0.6em!important;
	}

	.mid-contact-bar-content li {
		font-size: 35px;
	}

	/*--*/
	.bottom-tag .h4 {
		height: 50px;
	}

}

@media (max-width:1055px) {

	.mid-contact-bar-content li {
		font-size: 30px;
	}

/*-- photogallery responsive styles --*/
	.page-gallery .xpagewrapper { min-height: 580px !important; }
	table.fm-gallery tr { width: 100%; display: block; }
	table.fm-gallery td { width: 33% !important; float: left; }
	table.fm-gallery .fmgtitle { min-height: 40px; }
	table.fm-gallery .fmgdesc { min-height: 16px; }
	table.fm-gallery td { min-height: 275px; }
	table.fm-gallery .fmgimg { width: 100%; }

	/* -- */
	table.int-photos { float: none;	width: 100%;	}
	div.pimg-large img { width: 98%!important;	padding: 1%!important; 	}
	#lightbox-image { width: 100%;	}
	#lightbox-container-image-box {	  width: 90%!important;	 height: 100%!important;	}
	#lightbox-container-image-data-box {	width: 90%!important; 	padding: 0!important;	}

}



@media (max-width: 1024px) {
    .footer-bar {
        float: none;
        margin: 0 auto;
        width: 100% !important;
    }
    .green-pro-bar .standard-button {
        float: none;
		padding: .5em;
		text-transform: uppercase;
		font-size: 0.7em!important;

    }

    .product-block {
        border: 1px solid #727272;
        padding: 4%;
        margin: 2px;
        width: 19% !important;
        height: 125px;
    }

	.green-pro-bar li {
		font-size: .65em!important;
		float: none;
		text-align: center;
		display: block;
		margin-bottom: 15px;
	}


}

@media (max-width: 1000px) {
    .store-container {
        width: 100% !important;
        float: left;
    }
	.sf-menu a {
		padding: .75em .5em;
	}

   /* .xsidebar {
        width: 50% !important;
        min-width: 320px;
    }*/

    .location-content {
        width: 100% !important;
    }

    .left-nav-up {
        margin-top: 5px;
    }

/*    .left-block {
        height: 320px;
    }

    .right-block {
        height: 320px;
    }
	*/
}

@media (max-width:955px) {

    .mobile-sub {
        color: #fff;
        display: inline;
        float: left;
        width: 100%;
        min-width: 150px;
        max-width: 500px;
        margin-left: 0;
        padding-right: 0px;
    }

    .mobile-sub ul li a {
        padding-left: 10px;
        color: #fff;
        width: 100%;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;

    }

    .mobile-sub ul {
        width: 100%;
        float: left;
        margin-left: 0px;
    }

    .header-subnav ul li {
        display: block;
        width: 100%;
        margin-left: 0px;
        list-style: none;
        padding: .8em 0px;
        border-bottom: 1px solid #3f3b49;

    }

    .header-subnav ul li:hover {
        background-color: #555!important;

    }

    .header-subnav ul li a:hover  {
        padding-left: 20px;
    }


    /***** MOBILE BUTTON *****/
    #mobnav-btn {
        position: fixed;
        top: 25px;
        right: 25px;
        opacity: 1;
        color: #000;
        display: block;
        cursor: pointer;
        padding: 9px 15px 15px 15px;
        padding-bottom: 6px;
        font-size: 16px;
        border: 2px solid #DEDEDE;
        z-index: 999999999999;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        background-color: white;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .mobile-menu #mobnav-btn .mobnav-btn-label {
        display: inline-block;
    }
    .mobile-menu-open #mobnav-btn {
        color: #fff;
        background-color: #232128;
        border-color: #232128;
    }
    .mobnav-icon {
        width: 25px;
    }
    .mobnav-icon span {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #333;
        display: block;
        margin-bottom: 3px;
        height: 4px;
        width: 100%;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -ms-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
    .mobile-menu-open {
        left: 50%;
        overflow: hidden;
    }
    .mobile-menu-open #mobnav-btn i {
        background: none;
        color:#fff;
        line-height:1;
        margin:0;
    }
    .mobile-menu-open #mobnav-btn span.middle {
        background-color: white;
    }
    #xnav {
        position: fixed;
        background-color: #999999;
        width: 50%;
        left: -50%;
        bottom: 0%;
        top: 0%;
        z-index: 99999999999999999;
        zoom: 1;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }
    .mobile-menu-open #xnav {
        z-index: 9999999999999;
        zoom: 1;
        left: 0%;
    }
    .xnav-wrapper {

        -webkit-overflow-scrolling: touch;
        height: 100%;
    }
    #xnav .sf-menu {
        float: none;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    .sf-menu li {
        float: none;
        margin: 0px!important;
        background: none!important;
        width: 100%;
    }
    .sf-menu a, .sf-menu .first a {

        color: white!important;
        margin-left: 0px;
        margin-right: 0px;
        display: block;
        border-bottom: 1px solid #3f3b49;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        text-decoration: none;
    }
    .sf-menu a:hover {
        background-color: #555!important;
        padding-left: 20px;
    }

    .xsidebar {
        position: relative;
        z-index: 0;
    }
}



@media (max-width: 930px) {
	.mid-contact-bar-content li {
		font-size: 25px;
	}

	.left-block-content .h2,
	.right-block-content .h2 {
		font-size: 1.75em;
	}

	/*-- internal two column */
	.xcontent {
		width: 100% !important;
		margin-top: 23px;
	}
	.xsidebar {
		padding: 1% 3% !important;
		width:100%!important;
	}
	.xleftnav {
		padding: 1% 3% !important;
	}
		.xblognav {
		width:100%!important;
		padding: 3% 3% 2%!important;
	}
	.flex-caption {
		top: 10%;
		margin-left: 10%;
		width: 60%;
	}
	
}


/***** Responsive *****/

@media (max-width:900px) {
    .footer-bar {
        width: 100% !important;
        float: none;
        margin: 0 auto;
    }

    .mid-bar-bg {
        background: url(/images/locate-map-bg.png) center center no-repeat;
        height: auto;
        padding: 2% 2.5%;
    }
}

@media (max-width: 865px) { 
	
}

@media (max-width: 800px) {
	.mid-contact-bar-content li {
		font-size: 20px;
	}

	.footer-subnav, .social-links, .footer-copy {
		width: 100%!important;
		text-align: center;
		float:none;
	}
	.footer-copy {
		margin-top: 15px;
	}

	.social-links ul {
		margin:auto;
	}

		.mid-bar-bg {
		background-size: cover!important;
	}
	.mid-contact-bar-content li {
		font-size: 30px;
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.mid-contact-bar-content .standard-button {
		margin: 0!important;
	}

}

@media (max-width:768px) {

    .product-alpha-list ul li {
        display: inline;
        padding-right: 11px;
    }

    .green-content {
        float: left;
        width: 100% !important;
    }
    .store-img-slider {
        width: 100% !important;
        float: right !important;
    }

    .store-content {
        width: 100% !important;
        float: left !important;
    }
    .green-block {
		display: none;
    }

    .xcontent {
        width: 100% !important;
        margin-top: 23px;

    }
	.flex-caption {
		width: 80%;
	}



}


@media (max-width:750px) {

	.flex-title {
		font-size: 1.5em;
	}
	.flex-caption span {
		font-size: .7em;
		margin-bottom: 2px;
	}
	.slider-learn-more {
		font-size: .7em;
	}
	
	.splash { 
		display: none;
	}
	
	.left-block-content .h2, .right-block-content .h2 {
		font-size: 1.5em;
		line-height: 1.2em;
	}

    .store-img-slider {
        width: 100% !important;
        float: right !important;
    }

	.bottom-content-blocks-left,
	.bottom-content-blocks-right { 
		width: 100%!important;
		padding: 0 5%;
	}
	.standard-button {
		font-size: 1.2em!important;
		padding: 15px;
		display: block;
		text-align: center;
	}


    .green-content {
        float: left;
        width: 100% !important;
    }

    .standard-button {
        font-size: 1em;
    }

    .standard-button2 {
        padding: 8px 39px;
        font-size: 1em;
    }

}

@media (max-width:700px) {
    .standard-button {
        font-size: .8em;
    }

    .standard-button2 {
        padding: 8px 39px;
        font-size: .85em;
    }

    .green-pro-bar {
        display: none;
    }

	.professional-block {
		display: block;
		width: 100%;
	}
	.bottom-tag {
		margin-bottom: 30px;
	}
	.bottom-tag .h4 {
		height: auto;
		font-size: 28px;
	}


		/*-- team page styles --*/
	.teamtable td {
		width: 100%;
		display: block;
		text-align: center;
	}
	.teamtable td img {
		width: 70%!important;
		margin: auto;
		height: auto!important;
	}


}



@media (max-width:650px) { 

	table.ed-struct td.ed-cnt,
	table.ed-struct td.ed-img {
		width: 100%!important;
		display: block;
	}
	table.ed-struct td.ed-img { 
		padding-left: 0!important;
		margin-top: 2em;
	}
	table.ed-struct td.ed-img img { 
		width: 100%!important;
	}
}

@media (max-width: 600px) {

	.flex-caption {
		width: 100% !important;
		position: static !important;
		padding: 5% 10%!important;
		height: 250px;
		top: 0;
		margin: 0;
		background: #151515;
	}

	.column {
		padding: 1em 6%;
	}

    .left-block {
        border-right: none;
        border-top: 4px solid #fff;
    }

    .right-block {
        border-left: none;
        border-top: 4px solid #fff;
    }

    .footer-bar {
        width: 58% !important;
        float: none;
        margin: 0 auto;
    }

    .mid-contact-bar-content .standard-button {
        margin-top: -10px;
        margin-left: 0%;
    }
    .social-links {
        float: left;
        margin-bottom: 20px;
    }

    .social-links ul {
        margin-left: 0%;
    }

    .video-container {
        display: none;
    }

    .product-block {
        border: 1px solid #727272;
        padding: 5%;
        width: 50% !important;
        float: left;
    }

	.store-location {
		width: 100% !important;
	}

}

@media (max-width:500px) {
	.block-bottom-container .standard-button {
		font-size: 1em;
		display: block;
		text-align: center;
		padding: 15px;
	}


	/*--------- VIDEO SECTION RESPONSIVE ------------- */
	.smhdr { display: none!important;}
	table.fmmediat tr td {
		display: block!important;
		width: 100%!important;
		float: none!important;
	}
	table.fmmediat tr.row1, table.fmmediat tr.row2 {
		display: block!important;
		width: 100%!important;
		float: none!important;
	}



}

@media (max-width: 400px) {

	#xnav {
		width: 60%;
		left: -60%;

	}


	.bottom-tag .h4 {
		height: auto;
		font-size: 22px;
	}


	.xpagebodytext img { 
		width: 100%!important;
		height: auto!important;
	}

}

@media (max-width: 360px) {
    .flex-control-nav2 {
        display:none !important;
    }

    .footer-bar {
        width: 100% !important;
        float: none;
        margin: 0 auto;
    }

    .product-block {
        border: 1px solid #727272;
        padding: 14%;
        width: 100% !important;
        float: none;
    }

}

@media (max-width: 320px ) {
	
	.xlogo { 
		width: 60%;
	}
	.xlogo img { 
		width: 100%;
	}
    .left-block-content .h2 {
        font-size: 1.5em;
    }

    .left-block-content {
        padding: 3% 2%;
    }

    .right-block-content .h2 {
        font-size: 1.5em;
    }

    .right-block-content {
        padding: 6% 2%;
    }

    .bottom-content-blocks-left .h2 {
        font-size: 1.5em;
    }


    .flex-control-nav2 li {
        margin: 4px 0px 4px 0px;
        display: inline-block;
        zoom: 1.68 !important;
        border: 1px solid #fff;
    }

    .green-block {
        padding: 4% !important;
        background: #309f5e;
        color: #fff;
        width: 100% !important;
        min-width: 230px;
        height: 350px;

    }

    #xnav {
        position: fixed;
        background-color: #999999;
        width: 66%;
        left: -66%;
        bottom: 0%;
        top: 0%;
        z-index: 99999999999999999;
        zoom: 1;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }
}