@media only screen and (max-width: 768px) {
body { font-size: 14px; }
.hide,
 .clearfix { display: none !important; }
.row .content-area { padding-left: 15px; padding-right: 15px; }
.header .header-logo { width: 160px; height: auto; }
.header p { font-size: 14px; padding-top: 14px; }
h1 { font-size: 34px; line-height: 38px; }
h3 { font-size: 26px; line-height: 36px; }
h4 { font-size: 20px; line-height: 28px; }
.banner-image p,
 .blue-content p,
 .news-stack p { font-size: 18px; line-height: 26px; }
.banner-image .content-area,
 .blue-content .content-area { padding-top: 42px; padding-bottom: 42px; }
.btn,
 .news-stack .btn,
 .contact-form .btn { padding-top: 16px; padding-bottom: 16px; font-size: 18px; }
.intro-stack p,
 .three-col p,
 .slider .slider-content p,
 .quote-section p,
 .intro-stack li,
 .two-col p { font-size: 16px; line-height: 24px; }
.intro-stack .content-area,
 .news-stack .content-area,
 .three-col .content-area,
 .two-col .content-area,
 .contact-form .content-area,
 .footer .content-area { padding-top: 25px; padding-bottom: 25px; }
.three-col .col-3 { display: block; width: 100%; }
.three-col .col-space { width: 100%; height: 30px; }
.three-col .content-area { padding-left: 0px; padding-right: 0px; }
.three-col p,
 .three-col h3 { padding-left: 15px; padding-right: 15px; }
.slider .frame-area .frame-1,
 .slider .frame-area .frame-2,
 .slider .frame-area .frame-3,
 .slider .frame-area .frame-4,
 .slider .frame-area .frame-5 { padding: 0 20px; }
.slider .frame-area { min-height: 310px; }
.intro-stack .two-coloum table td:nth-child(1),
 .intro-stack .two-coloum table td { display: block; width: 100%; }
.intro-stack .content-area.video-section { padding-left: 0px; padding-right: 0px; }
.intro-stack .content-area.video-section h3,
 .intro-stack .content-area.video-section p { padding-left: 15px; padding-right: 15px; }
.quote-section table td { width: 100%; display: block; clear: both; }
.quote-section .light-gray div { padding-top: 30px; padding-bottom: 30px; }
.two-col .col-2,
 .two-col .col-space,
 .contact-form .col-2 { width: 100%; display: block; }
.contact-form .col-space { display: none; }
.two-col .btn { padding-left: 45px; padding-right: 45px; }
.two-col .two-cta .second-cta { display: block; margin-left: 0px; margin-top: 20px; }
}
 @media only screen and (max-width: 480px) {
body { font-size: 12px; }
.mob-hide { display: none; }
.mob-show { display: block; }
.two-col h3,
 .two-col p { text-align: center; }
.header .header-logo { width: 100px; height: auto; }
.header .parthner-logo{ width: 120px; height: auto; }
.header p { font-size: 12px; padding-top: 8px; }
h1 { font-size: 28px; line-height: 32px; }
h3 { font-size: 22px; line-height: 32px; }
h4 { font-size: 18px; line-height: 26px; }
.banner-image p,
 .blue-content p,
 .news-stack p,
 .quote-section p,
 .two-col p,
 .contact-form p { font-size: 16px; line-height: 24px; }
.btn,
 .news-stack .btn,
 .two-col .btn,
 .contact-form .btn { display: block; padding-top: 14px; padding-bottom: 14px; font-size: 16px; }
.banner a { display: block; }
.three-col .col-3 a { max-width: none; padding: 14px 0; font-size: 16px; margin: 0 15px; }
.slider .frame-area { min-height: 305px; }
.slider .arrow-area,
 .slider .arrow-area img,
 .slider .left-arrow,
 .slider .right-arrow { width: 30px; height: 48px; }
.two-col table td,
 .contact-form .btn { display: block; width: 100%; clear: both; }
.two-col table td img { width: 100%; height: auto; max-width: 190px; display: block; margin: 0 auto; }
}