@charset "utf-8";
/* CSS Document */

/* FOR ALL SMALLER THAN 1024PX ***********************************/
@media only screen and (min-width: 320px) and (max-width: 1024px) {
html, body {
    width: 100%;
    min-width: 320px;
    max-width: 1024px;
    background: #ffffff;
}
h1 {
    font-size: 1.5rem;
    line-height: 125%;
    margin-bottom: 15px;
}
header {
    position: fixed;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 7px -6px #d1cfce;
    -moz-box-shadow: 0 5px 7px -6px #d1cfce;
    box-shadow: 0 5px 7px -6px #d1cfce;
}
.errorpage header {
    border-bottom: none;
}
.header-menu-container {
    padding: 8px 15px 8px 8px;
}
.header-menu-container i#btn_menu {
    color: #f78f1e;
    font-size: 45px;
    height: 55px;
    line-height: 55px;
}
.site-logo {
    padding: 8px 8px 8px 0;
}
/*.site-logo img.logo {
    width: 55px;
    height: auto;
}*/
main, .errorpage main {
    padding-top: 70px;
}
.main-container {
    padding: 25px 0;
}
.footer-container {
    padding: 25px 0;
}
.footer-col:first-of-type, .footer-col:last-of-type {
    width: auto;
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}
.banner-container p.banner-title, .banner-container img.banner-title-icon {
    font-size: 180%;
}
.copy-wrapper {
    width: 95%;
    margin: 0 auto;
}
.quote-block .inner {
    width: 100%;
}
.review .review-detail, .review p.reviewer {
    width: 85%;
}
ul.fmenu-nav {
    font-size: 90%;
}
.modal-container {
    width: 90%;
}
.wrapper-cols2 .cols:first-of-type, .wrapper-cols2 .cols:nth-of-type(2) {
    float: none;
    width: 80%;
    margin: 0 auto 20px auto;
}
img.page-art {
    display: none;
}
.quote-block p {
    font-size: 120%;
}

}
/* FOR SMALLER THAN 1024PX BUT LARGER THAN 768PX *******************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slider-container p.slider-caption {
    font-size: 200%;
}
.slider-down-arrow {
    display: none;
}
	.quote-block .inner {
    width: 100%;
}
}

/* FOR SMALLER THAN 767PX BUT LARGER THAN 480PX ******************/
@media only screen and (min-width: 481px) and (max-width: 767px) {
.slider-container p.slider-caption {
    font-size: 140%;
}
.slider-down-arrow {
    display: none;
}
ul.nav-blocks li {
    width: calc(88%/2);
    margin: 0 3% 5% 3%;
}
ul.fmenu-nav li {
    width: calc(96%/2);
    margin: 0 1% 1% 1%;
}
input[type="number"] {
    width: 91%;
}
	.headerOpacity {
    height: 50px;
}
	.site-logo img.logo {
    width: 100px;
    height: auto;
}
	.quote-block .inner {
    width: 100%;
}
.copyParallax {
    padding: 15px 10px;
	   text-align: left;
}
}

/* FOR SMALLER THAN 480PX ***************************************/
@media only screen and (min-width: 320px) and (max-width: 480px) {
.slider-container p.slider-caption {
    font-size: 95%;
}
.slider-down-arrow {
    display: none;
}
.footer-links li {
    display: inline-block;
    padding-bottom: 10px;
}
ul.nav-blocks li, ul.nav-blocks li:nth-of-type(3n+2) {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 5% auto;
    float: none;
}
ul.fmenu-nav li, ul.fmenu-nav li:nth-of-type(3n+2) {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 3% auto;
    float: none;
}
input[type="number"] {
    width: 90%;
}
	.headerOpacity {
    height: 50px;
}
	.site-logo img.logo {
    width: 100px;
    height: auto;
}
	.quote-block .inner {
    width: 100%;
}
	.copyParallax {
    padding: 15px 10px;
		  text-align: left;
}
}