/*====================================
            Small Screens            
=====================================*/

@media only screen and (max-width: 641px) {
    /* TOP BAR Mobile STYLING */
    .top-bar { background: #2796C8;}
    .top-bar-section ul li > a{
        background: #FFFFFF;
        color: #6A6464;
        font-size: 13px;
    }
    .top-bar-section ul li:hover > a{ background: #2796C8 !important; }
    .top-bar.expanded .title-area { background: #0A70B0; }
    .top-bar.expanded .toggle-topbar a { color: #fff; }
    .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
    }
    .gform_wrapper .top_label li.gfield.gf_left_half {
        width: 100% !important;
    }
    .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .test-form-dev li.gfield_quantity {
        position: relative;
        right: 0;
        bottom: 0;
    }
    .test-form-dev li.gfield_quantity > label {
        width: 50%;
    }
    .gform_wrapper .top_label li.gfield.gf_right_half input.small {
        width: 85% !important;
    }
    .test-form-dev li.gfield_price {
        margin-bottom: 0 !important;
    }
    .border-top{ padding-top: 0; }
    
    .home-section-5 .hs5-video video { display: none !important; }
    
} /* max-width 640px and lower. Use this for mobiles only */

/*=====================================
            Medium Screens            
======================================*/

@media only screen and (min-width: 642px) {
    /* TOP BAR STYLING */
    .top-bar { background: transparent; }
    .top-bar .title-area{ display: none; }
    .top-bar-section ul { background: transparent; line-height: 2.3;}
    .top-bar-section ul li { background: transparent; margin: 0 25px 0 0;}
    .top-bar-section ul li:last-child{margin: 0;}
    .top-bar-section li:not(.has-form) a:not(.button) {
        background: transparent;
        color: #626262;
	display: inline-block;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.8;
	padding: 0;
        position: relative;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover { background: none; color: #2595c8; }
    .top-bar-section li.current-menu-item > a:not(.button) { background: none; color: #2595c8; }
    
    .top-bar-section .has-dropdown > a { padding: 0 !important; }
    .top-bar-section .has-dropdown > a:after { display: none; }

    /* Dropdown Styling*/
    .top-bar-section ul li:hover:not(.has-form) > a { background: none; color: #2595c8; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) { background: olive; color: white; }
    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) { background: bisque; color: grey; }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a { background: red; color: white; text-decoration: underline; }
    .top-bar-section ul li:not(.has-form) > a::after {
        background: #2595c8;
        content: '';
        height: 0px;
        left: 0;
        opacity: 0;
        position: absolute;
        -webkit-transform: translateY(-10px);
           -moz-transform: translateY(-10px);
                transform: translateY(-10px);
        -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
           -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
                transition: height 0.3s, opacity 0.3s, transform 0.3s;
        top: 100%;
        width: 100%;
    }
    .top-bar-section ul li:hover:not(.has-form) > a:hover::after,
    .top-bar-section ul li:hover:not(.has-form) > a:focus::after,
    .top-bar-section ul li.current-menu-item > a:after{
        height: 1px;
        opacity: 1;
        -webkit-transform: translateY(0px);
           -moz-transform: translateY(0px);
                transform: translateY(0px);
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
        background: #0095CF;
        color: #fff;
        padding: 10px;
    }
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
        background: #0A70B0;
        color: #fff;
    }
}  /* min-width 641px */

@media only screen and (min-width: 960px) {
    .home-section-3 .hs3-block {
        min-height: 500px;
    }
}

@media only screen and (max-width: 1800px) {
    .home-section-1 {
        background-size: contain;
    }
}

@media only screen and (max-width: 1220px) {
    .top-bar-section ul li { margin: 0 20px 0 0; }
    .footer-top .logo{ margin-left: 10px; }
    .f-w-3{ margin-right: 10px; }
    .footer-top .f-w-2 a, .f-w-3 p{ font-size: 17px; }
    .f-w-1{ margin-left: 30px; }
    #menu-footer-menu li{ margin-left: 12px; }
    header{ padding: 30px 10px; }
    .tagline h3{ font-size: 22px; }
} 
@media only screen and (max-width: 1025px) {
    .medium-only-text-right { text-align: right !important; }
    .medium-only-text-left { text-align: left !important; }
    .medium-only-text-center { text-align: center !important; }
    
    header { margin: 0 !important; padding: 10px; }
    .fast-script, .fast-quote { min-width: 240px; padding: 4px 15px; text-align: left; }
    .info-line p { font-size: 20px; }    
    .top-bar-section li:not(.has-form) a:not(.button) { font-size: 14px;}
    
    .home-section-1 {
        background-position: 0 100%;
        background-size: auto 500px;
        min-height: 600px;
        padding: 0 0 250px !important; 
   }
    .home-section-1 .hs1-slider { padding: 30px 0; }
    .home-section-1 .hs1-content {
        background: none !important;
        display: inline-block;
        max-width: 600px;
        min-height: 0;
    }
    
    .home-section-5 { padding: 70px 0; }
    .home-section-5 .hs5-image { padding: 0 15px 30px; }
    
    .f-w-2, .f-w-3{ padding-top: 0; }
    ul.ul-cols-3 {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        list-style: none;
        margin-left: 0;
    }
    .footer-top .btn-magenta{ font-size: 17px; padding: 10px 7px; }
    .copyright{ text-align: center; }
    #menu-footer-menu { text-align: center; }
    #menu-footer-menu li{
        display: inline-block;
        float: none;
        margin:10px 15px;
    }
    
} 
@media only screen and (min-width: 640px) and (max-width: 960px) {
    .gform_wrapper .top_label li.gfield.gf_left_half {
        width: 75% !important;
    }
    .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 23% !important;
    }
    .test-form-dev li.gfield_quantity > label {
        width: 50%;
    }
    .test-form-dev .top_label li.gfield.gf_right_half input.small {
        width: 50% !important;
    }
}
@media only screen and (min-width: 642px) and (max-width: 950px) {
    .w-100{ width: 100%; }
    .top-bar-section ul{
        display: block;
        text-align: center;
        width: 100%;
    }
    .top-bar-section ul li { display: inline-block; float: none; }
    .search-form{ display: none; }
    .one-block { font-size: 16px; }
    .one-block h3 { font-size: 24px; }
    .section-main-title p { font-size: 36px; }
}

@media only screen and (min-width: 642px) and (max-width: 870px) {
    .f-w-1{ margin-left: 0; }
    .footer-top .btn-magenta { font-size: 12px; }
    .footer-top .f-w-2 a, .f-w-3 p { font-size: 12px; }
    .footer-top h5{ font-size: 16px; }
    .social li { margin-left: 10px; }
} 

@media only screen and (max-width: 641px) {
    .small-only-text-right { text-align: right !important; }
    .small-only-text-left { text-align: left !important; }
    .small-only-text-center { text-align: center !important; }
    header { padding: 30px 0; text-align: center; }
    .tagline h3 { font-size: 16px; text-align: center; }
    .contact-info { margin: 0 0 10px; text-align: center; }
    .info-line{
        display: inline-block;
        margin: 5px 5px;
        vertical-align: middle;
    }
    .info-line p { margin: 0; }
    header .logo{ margin: 0 0 15px; }
    header .logo img { max-height: 120px; }    
    .fast-script, .fast-quote { min-width: 230px; padding: 4px 10px; text-align: left; }
    header .border-top { border: none; }
    .top-bar.expanded { border-bottom: 1px solid #0A70B0; }
    .top-bar-section ul li { margin: 0; }
    .top-bar-section ul li>a { font-size: 18px; padding: 10px 15px; }
    
    .one-block { font-size: 16px; }
    .one-block h3 { font-size: 24px; }
    .section-main-title p { font-size: 36px; }
    .gray-bg p { font-size: 20px; }
    
    .home-section-1 { background-position: -80px 100%; }
    .home-section-1 .hs1-slider { padding: 5px 0 10px; }
    .home-section-1 .hs1-s-unit { font-size: 35px; }
    .home-section-1 .hs1-s-heading { font-size: 45px; }
    .home-section-1 .hs1-content,
    .home-section-1 .hs1-content p,
    .home-section-1 .hs1-content ul,
    .home-section-1 .hs1-content ol { font-size: 20px; }
    .home-section-1 .hs1-content .btn-magenta {
        font-size: 17px;
        line-height: 20px;
        margin-top: 0;
        padding: 10px;
    }
    
    .footer-top .logo, .f-w-1{ margin: 0; }
    .social{ text-align: center; }
    .f-w-2, .f-w-3 { padding-top: 20px; }
} 
@media only screen and (max-width: 400px) { 
    ul.ul-cols-3 {
        -webkit-columns: 1;
           -moz-columns: 1;
                columns: 1;
        list-style: none;
        margin-left: 0;
    }
    .section-main-title p { font-size: 24px; }
    .gray-bg p { font-size: 16px; }
}

@media print {
    li.gfield.gsection,
    li.gfield.gf_left_half,
    li.gfield.gf_right_half {
        display: none !important;
    }

    li.gfield.gf_left_half.gf_printable,
    li.gfield.gf_right_half.gf_printable {
       display: inline-block !important; 
    }

    li.gfield.gsection.gf_printable {
        display: block !important;
    }

}