@media only screen and (max-width: 960px) {
.header { width: 100%; }
.container { width: 100%; padding: 0 20px; box-sizing: border-box; }
.content-area { width: 48%; }
.form-box { width: 45%; }
#box-1, #box-2, #box-3 { font-size: 18px; }
#box-2 { margin-left: 40px; }
#item-1, #item-2, #item-3, #item-4 { width: 25%; margin: 0; }
#item-1 img, #item-2 img, #item-3 img, #item-4 img { width: 100%; } 
#item-1 span, #item-2 span, #item-3 span, #item-4 span { font-size: 14px; display: block; } 
#item-1 .btn, #item-2 .btn, #item-3 .btn, #item-4 .btn { margin: 10px 0 30px; font-size: 12px; padding: 10px 20px; } 
.shop-area { padding-bottom: 30px; }
#footer-outer { padding: 20px; box-sizing: border-box; }
#topnav a { padding: 15px 0; }
#nav-outer { width: 100%; display: block; float: none; text-align: center; }
.header-phone { right: 20px; }
.testimonial-txt { right: 100px; width: 70%; }
.cycloneslider-template-standard .cycloneslider-caption-title { font-size: 35px !important; line-height: 50px !important; max-width: 80%; }
.cta-area { background-position: center top; }
}
@media only screen and (max-width: 961px) {
#mobile-menu { cursor: pointer; display: inline-block; float: right; margin: 12px 0; width: 100%; visibility: visible; text-align: center; font-size: 18px; text-align: center; font-weight: bold; color: #012561; }
#topnav { display: none; position: relative; top: 0px; left: 0px; }
#topnav .menu-header li, div.menu li { display: block; width: 100%; padding: 0; margin: 0; border-top: #ccc 1px solid; }
#topnav ul ul { box-shadow: none; display: none; position: relative; top: 0px; left: 0px; width: 100%; border: none; border-bottom: #ccc 1px solid; padding: 0; margin: 0; }
#topnav ul ul li { padding: 0; margin: 0; }
#topnav ul ul ul { position: relative; top: 0px; left: 0px; padding: 0; margin: 0; width: 100%; }
#topnav ul ul a { padding: 15px 10px; width: auto; }
#topnav ul ul ul a { padding: 15px 10px; width: auto; }
#topnav li:hover > a, #topnav ul ul :hover > a, #topnav a:focus { background: #333; color: #fff; }
#topnav ul li ul { display: block; width: 100%; float: left; }
.form li { width: 100% !important; float: none !important; }
} @media only screen and (min-width: 961px) {
#topnav { display: block !important; }
}
@media (max-width: 680px) {
#content, #sidebar, .footer-left, .footer-right {
width: 100%;
margin: 0;
padding: 0;
}
.content-area { width: 100%; display: block; }
.content { padding: 10px 0 50px !important; }
.content h1 { }
.content .btn { margin-bottom: 30px; }
.container { width: 100%; padding: 0 20px; box-sizing: border-box; }
.form-box { float: left; padding-left: 0; width: 100%; }
.form-box h1 { padding-left: 0px; }
.form-box h2 { padding-left: 0px; }
.form-box .btn { margin-left: 0px; }
.cta-area { width: 100%; height: auto; padding: 50px 0; }
.cta-txt { width: 100%; position: relative; left: 0; top: 0; }
.cta-txt h1 { margin-top: 0; }
#nav-outer { width: 100%; position: relative; z-index: 10000; }
#box-1, #box-2, #box-3 { display: block; width: 100%; background: #e03f44; float: left; clear:left; position: relative; margin-left: 0; text-align: center; padding: 20px 0; margin-top: 0; margin-bottom: 0; font-size: 16px; }
#box-2 { border-top: #fff 1px solid; border-bottom: 1px #fff solid; }
.btn { font-size: 14px; margin-top: 0px; padding: 10px 20px; }
.testimonial-area { width: 100%; height: auto; padding: 50px 0; background-size: 800px; }
.testimonial-txt { width: 100%; position: relative; left: 0; top: 0; }
.testimonial-txt p { font-size: 20px; line-height: 24px; }
.testimonial-txt .btn { margin-top: 40px; }
.shop-area { padding: 30px 0 10px; }
.banner-bar .container { padding: 0; }
.sub-form { font-size: 14px !important; padding: 15px 20px !important; margin-top: 20px; }
.shop-area .btn { padding: 10px 20px; margin-top: 30px; font-size: 10px; }
.shop-area h1 { margin: 0; }
#item-1, #item-2, #item-3, #item-4 { width: 50% !important; margin: 0 !important; }
#item-1 img, #item-2 img, #item-3 img, #item-4 img { width: 100%; } 
#item-1 span, #item-2 span, #item-3 span, #item-4 span { font-size: 14px; display: block; } 
#item-1 .btn, #item-2 .btn, #item-3 .btn, #item-4 .btn { margin: 10px 0 30px; } 
#footer { text-align: center; }
#menu-footer-menu { display: none; }
#topnav a { padding: 20px; }
.header-phone { display: none; }
#topnav .menu-header li:first-child {  }
#logo { left: 20px; }
h1 { font-size: 1.7em; line-height: 1.3em; margin-top: 30px;}
h2 { font-size: 1.1em; line-height: 1.5em; margin-bottom: 20px; }
.header { text-align: center; }
.cycloneslider-template-standard .cycloneslider-caption-title { font-size: 20px !important; line-height: 30px !important; max-width: 80%; }
.cycloneslider-template-standard .cycloneslider-caption { top: 40% !important; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #content, #sidebar, .footer-left, .footer-right {
width: 100%;
margin: 0;
padding: 0;
}
.content-area { width: 100%; display: block; }
.container { width: 100%; }
.cycloneslider-template-standard .cycloneslider-caption-title { font-size: 16px !important; line-height: 26px !important; max-width: 80%; }
}
@media handheld {
#content, #sidebar, .footer-left, .footer-right {
width: 100%;
margin: 0;
padding: 0;
}
}