/*
    Description: 	CSS3 Tabs Framework
    Author: 		Inside Lab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Tablet Portrait Design for a width of 1200px
	-------------------------------------------------- */

    @media only screen and (min-width:960px) and (max-width:1199px) {
        
		
		
        .header { position:static; height:43px;}
        .pre-header .pull-left, .pre-header .pull-right { float:none; margin:0 auto; text-align:center; line-height:24px; }
        .pre-header p  { margin-left:0px; } 
        .header .logo { width:250px; margin:-10px 0 0 35px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
        .header .logo img {
            width:250px;
            height:auto;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }  
        .header .logo:focus,
        .header .logo:focus img {
            text-decoration:none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        } 

        .boxes .block-holder { 		
			margin:30px 0;
		}
		
        .grid-container2.none{
            display:none;
            position:relative;
            background-image:none;
            background-repeat:none;
            width:100%;
            height:auto;
        }
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four{
            height:auto;
        }

        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight{
            height:auto;
        }
        
		.tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            height:auto;
        }
		
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four,
        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight,
	    .tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            margin-bottom:25px;
        }
        
        .tabs-justify .team #t-twelve{
            margin-bottom:0;
        }
        
        .header .column.twelve.block .about-header.block,
        .header .column.twelve.block .media-header.block,
        .header .column.twelve.block .aca-header.block,
        .header .column.twelve.block .contact-header.block,
        .header .column.twelve.block .benefits-header.block,
        .header .column.twelve.block .workers-header.block,
        .header .column.twelve.block .recruitment-header.block,
        .header .column.twelve.block .hr-header.block,
        .header .column.twelve.block .tradeshow-header.block,
        .header .column.twelve.block .payroll-header.block,
        .header .column.twelve.block .papers-header.block,
		.header .column.twelve.block .campaign-header.block,
        .header .column.twelve.block .onsite-header.block,
		.header .column.twelve.block .benefit-notices-header.block,
		.header .column.twelve.block .hmo-search-header.block,
		.header .column.twelve.block .brokers-header.block,
        .header .column.twelve.block .four-o-one-k-header.block,
        .header .column.twelve.block .esca-header.block,
        .header .column.twelve.block .coronavirus-header.block,
        .header .column.twelve.block .cobblestone-header.block,
        .header .column.twelve.block .training-header.block	{
            position:relative;
            display:block;
            background-repeat:no-repeat;
            width:100%;
            height:140px;
            margin-top:14px;
        }
        
        .header .column.twelve.block .about-header.block {
            background-image:url(../images/headers/about-header-2.jpg);
        }
        
        .header .column.twelve.block .media-header.block {
            background-image:url(../images/headers/media-header-2.jpg);
        }
        
        .header .column.twelve.block .aca-header.block {
            background-image:url(../images/headers/aca-header-2.jpg);
        }
        
        .header .column.twelve.block .contact-header.block {
            background-image:url(../images/headers/contact-header-2.jpg);
        }
        
        .header .column.twelve.block .benefits-header.block {
            background-image:url(../images/headers/benefits-header-2.jpg);
        }
        
        .header .column.twelve.block .workers-header.block {
            background-image:url(../images/headers/workers-header-2.jpg);
        }
        
        .header .column.twelve.block .recruitment-header.block {
            background-image:url(../images/headers/recruitment-header-2.jpg);
        }
        
        .header .column.twelve.block .hr-header.block {
            background-image:url(../images/headers/hr-header-2.jpg);
        }
        
        .header .column.twelve.block .tradeshow-header.block {
            background-image:url(../images/headers/tradeshow-header-2.jpg);
        }
        
        .header .column.twelve.block .payroll-header.block {
            background-image:url(../images/headers/payroll-header-2.jpg);
        }
        
        .header .column.twelve.block .papers-header.block {
            background-image:url(../images/headers/papers-header-2.jpg);
        }
        
        .header .column.twelve.block .onsite-header.block {
            background-image:url(../images/headers/onsite-header-2.jpg);
        }
		
		.header .column.twelve.block .campaign-header.block {
		background-image:url(../images/campaigns/gc-header.jpg);
		}
		
		.header .column.twelve.block .benefit-notices-header.block {
		background-image:url(../images/headers/benefit-notices-header.jpg);
		}	

		.header .column.twelve.block .hmo-search-header.block {
		background-image:url(../images/headers/hmo-search-header.jpg);
		}
		
		.header .column.twelve.block .brokers-header.block {
		background-image:url(../images/headers/broker-header-bold.jpg);
		}		
		
		.header .column.twelve.block .four-o-one-k-header.block {
		background-image:url(../images/headers/401k-header.jpg);
		}
		
		.header .column.twelve.block .esca-header.block {
		background-image:url(../images/headers/esca-header.jpg);
		}
		
		.header .column.twelve.block .coronavirus-header.block {
		background-image:url(../images/headers/coronavirus-header.jpg);
		}
		
		.header .column.twelve.block .cobblestone-header.block {
		background-image:url(../images/headers/cobblestone-header.jpg);
		}
		
		.header .column.twelve.block .training-header.block {
		background-image:url(../images/headers/training-COVID-header.jpg);
		}

        
        .about-page .grid-container.mobile,
        .media-page .grid-container .mobile {
            display:block;
        }
        
        .about-page .grid-container .desk,
        .media-page .grid-container .desk {
            display:none;
        }
        
        .about-page .team-header{
            position:relative;
            border:1px solid #ddd;
            margin:10px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }
        
        .about-page .team{
            position:relative;
            margin:-1px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:25px;
            z-index:100;
            border:1px solid #ddd;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team img{
            position:relative;
            font-size:22px;
            text-align:left;
            margin:0;
            width:100%;
            height:auto;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description{
            position:relative;
            margin:-5px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description p{
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            background-color:#046240;
            text-align:center;
            color:#fff;
            margin:0;
            width:100%;
            padding:15px 10px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team #t-one,
        .about-page .team #t-two,
        .about-page .team #t-three,
        .about-page .team #t-four{
            height:auto;
            margin-bottom:20px;
        }

        .about-page .team #t-five,
        .about-page .team #t-six,
        .about-page .team #t-seven,
        .about-page .team #t-eight{
            height:auto;
            margin-bottom:20px;
        }
		
		.about-page .team #t-nine,
        .about-page .team #t-ten,
        .about-page .team #t-eleven{
            height:auto;
            margin-bottom:20px;
        }
        
        .partners-header{
            position:relative;
            border:1px solid #ddd;
            margin:30px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section{
            position:relative;
            border:1px solid #ddd;
            margin:-1px 0 30px 0;
            overflow:hidden;
            width:100%;
            height:100%;
            padding:22px 11px 0 11px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section img{
            position:relative;
            border:1px solid #ddd;
            width:100%;
            height:100%;
            font-size:22px;
            text-align:left;
            margin:0;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section #one,
        .partners-section #two,
        .partners-section #three,
        .partners-section #four,
        .partners-section #five,
        .partners-section #six,
        .partners-section #seven,
        .partners-section #eight,
        .partners-section #nine,
        .partners-section #ten{
            height:auto;
            margin-bottom:20px;
        }

        .partners-section #one img,
        .partners-section #two img,
        .partners-section #three img,
        .partners-section #four img,
        .partners-section #five img,
        .partners-section #six img,
        .partners-section #seven img,
        .partners-section #eight img,
        .partners-section #nine img,
        .partners-section #ten img{
            height:auto;
        }
        
        .about-page .team #t-twelve{
            height:auto;
        }
        
        .links, .links ul {
            position:relative;
            display:block;
            float:right;
            margin:-51px 18px 0 0;
            padding:0;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
		.mobile-app-icon img {
			position:relative;
			bottom:-32px;
			margin:0 0 0 0;
			max-height:80px;
			cursor:pointer;
		}
		
        .links ul li,
        .links ul li.link {
            display:inline-block;
            text-align:right;
            margin:0 0 0 10px;
            padding:0;
            list-style:none;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link,
        .links ul li a{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link:focus,
        .links ul li a:focus{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
		        
        .about .heading#heading-2 {
            margin-top:30px;
        }

        #slider {
            display:none;
        }
        .header .column.twelve.nospace,
        #slider2 {
            position:relative;
            display:block;
            width:100%;
            height:auto;
            border:0;
            padding:0;
            margin:14px 0 -21px 0;
            background:none;
        }
        #slider2 img { width:100%; height:auto;}
        
        #slider2 .caption.dis{
            display:none;
        }
        
        .about,
        .services,
        .pre-footer,
        .footer{
            padding-right:10px;
            padding-left:10px;
            margin:0;
        }
        
        #slider2 .caption.sec {
            background-color:rgba(0,97,64,0.6);
            position:absolute;
            left:0;
            top:50%;
            margin-top:-160px;
            width:700px;
            height:320px;
            padding:42px 40px 0px 75px;
            z-index:99999;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;
        }

        #slider2 .caption.sec h2 {
            font-size:34px;
            line-height:20px;
            color:#fff;
            font-weight:bold;
            padding:0;
            text-transform:uppercase;
            margin:0;
        }

        #slider2 .caption.sec .white-line {
            display:block;
            width:50px;
            height:2px;
            background-color:#fff;
            margin:15px 0;
        }

        #slider2 .caption.sec h4 {
            font-size:26px;
            line-height:27px;
            color:#fff;
            font-weight:normal;
            padding:0;
            margin:0 0 20px 0;
            text-transform:uppercase;
        }

        #slider2 .caption.sec p{
            font-size:16px;
            line-height:24px;
            color:#fff;
            font-weight:normal;
            padding:0 0 3px 0;
        }
        .navigation ul.menu li.display,
        .display a{ 
            display:none;
        }
        
        .anim-section,
        .anim-section.animate,
        .animate-effect{
            opacity:1;
            -webkit-transition:none;
               -moz-transition:none;
                -ms-transition:none;
                 -o-transition:none;
                    transition:none;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                -ms-transform:none;
                    transform:none;
        }
        
        #header.fixed,
        #header.fixed.fix .header{
            position:relative;
        }
        
        .boxes .column.four.non,
        .boxes .column.three.non,
        .double .caption {
            display:none;
        }
        
        .aca-header,
        .about-header,
        .benefits-header,
        .workers-header,
        .recruitment-header,
        .payroll-header,
        .papers-header,
        .onsite-header,
        .tradeshow-header,
        .hr-header,
        .contact-header,
        .services-header,
        .media-header,
		.benefit-notices-header,
		.hmo-search-header,
		.four-o-one-k-header,
		.esca-header,
        .coronavirus-header,
        .cobblestone-header	{
            height:120px;
        }
        
        .aca-page,
        .about-page,
        .benefits-page,
        .workers-page,
        .recruitment-page,
        .payroll-page,
        .papers-page,
        .onsite-page,
        .tradeshow-page,
        .hr-page,
        .contact-page,
        .services-page,
		.benefit-notices-page,
		.hmo-provider-search-page,
        .media-page{
            padding-left:35px;
            padding-right:35px;
        }
        
        .onsite-description,
		.benefit-notices-description,
        .benefits-description{
            position:relative;
            margin:30px 0;
            padding:0;
        }
        
        .media-page .column.eight.nospace-left,
        .onsite-page .column.four.no,
        .onsite-page .column.four.nospace-right,
        .onsite-page .column.four.nospace-left{
            width:100%;
            margin:0;
        }
        
        .onsite-page .onsite-box{
            margin:0 0 30px 0;
            height:auto;
        }
        
        .benefits-page .media-holder,
        .workers-page .media-holder,
        .recruitment-page .media-holder,
        .payroll-page .media-holder,
        .onsite-page .media-holder,
        .tradeshow-page .media-holder,
		.benefit-notices-page .media-holder,
		.hmo-provider-search-page .media-holder,
        .hr-page .media-holder{
            margin-bottom:30px;
        }
        
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:250px;
        }
        
        .services .services-box#three,
        .services .services-box#four{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box#six{
            margin:0;
            height:270px;
        }
        
        .services .services-box#two,
        .services .services-box#five{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box .description{
            padding-top:40px;
        }
        
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:854px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1158px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:121px; }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
        
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .pre-header ul.block,
        .pre-header ul {
            display:block;
        }
        
        .tabs-justify .partners img{
            margin-left:1%;
            margin-right:1%;
            width:98%;
        }
        
        #slider img {
            height:500px;
        }
         
        .call-box {
            padding-top:90px;
        }
        
        .button-wrapper.now,
		.button-wrapper.brew.now	{
            margin:46px 0 0 0;
        }
        
        .button-wrapper,
		.button-wrapper.brew {
            margin:28px 0 0 0;
        }
        
        .button-wrapper,
		.button-wrapper.brew {
            background-color:#052639;
            position:relative;
            display:block;
            padding:0;
            overflow:hidden;
            cursor:pointer;
        }

        .button-wrapper label.lab,
		.button-wrapper.brew label.lab{
            display:block;
            cursor:pointer;
            text-align:left;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            padding:20px;
            margin:0;
            text-transform:uppercase;
        }

        .button-wrapper i,
		.button-wrapper.brew i {
            float:right;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:36px;
            margin:-11px 0 0 0;
            padding:0;
            vertical-align:middle;
        }
        
        .button-wrapper .nav-button ~ .navigation,
        .button-wrapper.brew .nav-button ~ .navigation {
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .button-wrapper input.nav-button:checked ~ .navigation,
        .button-wrapper.brew input.nav-button:checked ~ .navigation {
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu > li { display:block; background-color:#fff; border-bottom:1px solid #ddd; }
        .navigation ul.menu > li > a, .navigation ul.menu > li > label, .navigation ul.menu > li > a.login {
            padding:20px;
            color:#555;
        }
        
        .navigation ul.menu > li:hover > a,.navigation ul.menu > li:hover > label, .menu > li.active > a {
            border-bottom:none;
        }
        
        .navigation ul.menu > li > a.login {
            background-color:#fff;
            padding:20px;
            margin-left:0;
        }
	
        .navigation ul.menu > li > a.login:hover {
            color:#046240;
            border:none;
        }

        .navigation ul.menu li div.submenu1,
        .navigation ul.menu li div.submenu2{		
            display:none;
            position:static;
            width:100%;
            padding:10px 20px;
            border-top:1px solid #ddd;
            border-bottom:1px solid #ddd;
            opacity:0;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }

        .navigation ul.menu li:hover div.submenu1,
        .navigation ul.menu li:hover div.submenu2{
            opacity:0;
            display:none;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }
        
        .navigation ul.menu li .menu-1 ~ .submenu1,
        .navigation ul.menu li .menu-1 ~ .submenu2{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .navigation ul.menu li .menu-1:checked ~ .submenu1,
        .navigation ul.menu li .menu-1:checked ~ .submenu2{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {			
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }

        .navigation ul.menu li div.submenu1:after,
        .navigation ul.menu li div.submenu2:after {
            position:static;
            display:none;
            bottom:100%;
        }
        
        .navigation > ul.menu li .submenu1:last-child,
        .navigation > ul.menu li:hover .submenu1:last-child,
        .navigation > ul.menu li .submenu2:last-child,
        .navigation > ul.menu li:hover .submenu2:last-child {
            border-bottom:none;
        }
        
        button.button-line,
        a.button-line {
            display:none;
        }
        
        button.button-line6 {
            color:#fff;
            width:100%;
            float:none;
            border:none;
            margin-top:20px;
            padding:20px;
            background-color:#046240;
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
        
        .navigation ul.menu > li > label:before,
        .navigation ul.menu > li > a:before {
            float:right;
            content: "\edbb";
            font-family:'icomoon-ultimate';
        }
        
        .navigation ul.menu > li > .menu-1:checked ~ label:before,
        .navigation ul.menu > li:hover > label:before,
        .navigation ul.menu > li:hover > a:before {
            content: "\edbf";
        }
        
        .testimonials {
            padding-left:30px;
            padding-right:30px;
        }
        
        .testimonials blockquote p{
            line-height:24px;
            padding-left:40px;
        }
        
        .tabs-justify .partners-section #one,
        .tabs-justify .partners-section #two,
        .tabs-justify .partners-section #three,
        .tabs-justify .partners-section #four,
        .tabs-justify .partners-section #five,
        .tabs-justify .partners-section #six,
        .tabs-justify .partners-section #seven,
        .tabs-justify .partners-section #eight,
        .tabs-justify .partners-section #nine,
        .tabs-justify .partners-section #ten{
            margin-bottom:20px;
            height:auto;
        }
        
        .tabs-justify .partners-section #one img,
        .tabs-justify .partners-section #two img,
        .tabs-justify .partners-section #three img,
        .tabs-justify .partners-section #four img,
        .tabs-justify .partners-section #five img,
        .tabs-justify .partners-section #six img,
        .tabs-justify .partners-section #seven img,
        .tabs-justify .partners-section #eight img,
        .tabs-justify .partners-section #nine img,
        .tabs-justify .partners-section #ten img{
            height:auto;
        }
        
        .custom-33 .bodyContainer,
        .custom-33 .infusion-field-input-container {
            max-width:300px;
            width:100%;
        }
        
        .boxes {
            margin:40px 0 0 0;
            padding:0 30px;
        }
        
        .double,
        .block-holder,
        .block-holder1 {
            margin:0 0 25px 0;
        }
		
		.block-holder-navypier {
			margin: 0;
		}
		
		.block-holder iframe {
			width:100%;
			height:560px;
		}
        
        .about .column.twelve.nospace h4.title {
            width:98%;
            margin:0 1%;
        }
        
        .services .column.twelve.nospace .heading {
            width:98%;
            margin:0 1%;
        }
        
        .blog .blog-box {
            margin:0;
        }
        
        .blog{
            padding-left:35px;
            padding-right:35px;
        }
        
        .blog .heading:before {
            width:100%;
        }

        .double,
        .double img,
        .block-holder1,
        .block-holder1 img,
        .block-holder2,
        .block-holder2 img{
            height:auto;
        }
        
        .double .caption {
			text-align:center;
        }
		
		.block-holder1 .caption {
			position: initial;
			text-align:center;
			left: 1px;
			top: auto;
			bottom: 34px;
			right: 0px;
			margin-bottom: 20px;
			padding: 0;
			z-index: 99999;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			height: 106px;
		}
		
		.block-holder1 .caption p{
			font-size:15px;
			line-height:24px;
			color:#046240;
			font-weight:bold;
			padding:10px 10px 20px 10px;
			bottom:0;
			text-align:center;
		}
        
        .block-holder video,
		.block-holder-navypier video {
            width:100%;
            height:auto;
        }
        
        .block-holder2 img{
            width:100%;
        }
        
        .about img {
            width:100%;
            height:auto;
            margin-top:40px;
        }
        
        .about,
        .services {
            padding-left:25px;
            padding-right:25px;
        }
        
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:250px;
        }
        
        .services .services-box#three,
        .services .services-box#four{
            margin:0 0 30px 0;
            height:250px;
        }
        
        .services .services-box#six{
            margin:0;
            height:270px;
        }
        
        .services .services-box#two,
        .services .services-box#five{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box .description{
            padding-top:40px;
        }
        		
		.esca-video {
			padding:0;
		}		

		.esca-video-about {
			margin:0;
		}

		.esca-video-about ul {
			padding:0 0 20px 0;
		}
		
		.brew-tank {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: right;
		}
		
		.brew-tank img {
			max-height: 200px;
			margin-top: -140px;
		}
		
		.contact-card {
			position: absolute;
		}
		
		.contact-card img {
			max-width: 80%;
			height: auto;
		}
		
		.icbg {
			position: absolute;
			display: inline-block;
			width: 120%;
		}
		
		.icbg img {
			max-height: 120px;
		}
		
		.icbg p {
			font-size: 16px;
			line-height: 18px;
			max-width: 255px;
		}
		
		.hops {
			display: inline-block;
			float: right;
		}
		
		.hops img {
			max-height: 175px;
		}
		
        .pre-footer {
            padding:0 30px;
        }
        
        .pre-footer .pre-footer-box,
        .pre-footer .pre-footer-box.border{
            border-right:none;
            border-bottom:1px solid #ccc;
        }
        
        .pre-footer .pre-footer-box#box-2 {
            padding-left:0;
        }
        
        .pre-footer .pre-footer-box#box-4 {
            border-bottom:none;
        }
        
        .pre-footer.column.three.nospace-right {
            margin-left:0;
        }
        
        .pre-footer a.button-line6 {
            float:none;
            margin-left:8px;
        }
        
        .call-box-slider,
        .call-box-slider img {
            height:auto;
        }
        
        .pre-footer .pre-footer-box ul {
            margin:10px 0;
            text-align:left;
        }
        
        .footer {
            padding:40px 40px 0 40px;
        }
        
        .footer h4 {
            padding-top:30px;
        }
        
		
		.coronavirus-banner .banner-contents p{
			color: black;
			padding: 5px 0 0 20px;
			font-size: 14px;
			line-height: 20px;
		}
	}

/*	--------------------------------------------------
	:: Tablet Portrait Design for a width of 960px
	-------------------------------------------------- */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		
        
        .header { position:static; height:43px;}
        .pre-header .pull-left, .pre-header .pull-right { float:none; margin:0 auto; text-align:center; line-height:24px; }
        .pre-header p  { margin-left:0px; } 
        .header .logo { width:250px; margin:-10px 0 0 35px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
        .header .logo img {
            width:250px;
            height:auto;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }  
        
        .header .logo:focus,
        .header .logo:focus img {
            text-decoration:none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        } 
        
        .boxes .block-holder{ margin:30px 0;}
        .grid-container2.none{
            display:none;
            position:relative;
            background-image:none;
            background-repeat:none;
            width:100%;
            height:auto;
        }
        
        .header .column.twelve.block .about-header.block,
        .header .column.twelve.block .media-header.block,
        .header .column.twelve.block .aca-header.block,
        .header .column.twelve.block .contact-header.block,
        .header .column.twelve.block .benefits-header.block,
        .header .column.twelve.block .workers-header.block,
        .header .column.twelve.block .recruitment-header.block,
        .header .column.twelve.block .hr-header.block,
        .header .column.twelve.block .tradeshow-header.block,
        .header .column.twelve.block .payroll-header.block,
        .header .column.twelve.block .papers-header.block,
		.header .column.twelve.block .campaign-header.block,
        .header .column.twelve.block .onsite-header.block,
        .header .column.twelve.block .benefit-notices-header.block,
        .header .column.twelve.block .hmo-search-header.block,
        .header .column.twelve.block .brokers-header.block,
        .header .column.twelve.block .four-o-one-k-header.block,
        .header .column.twelve.block .esca-header.block,
        .header .column.twelve.block .coronavirus-header.block,
        .header .column.twelve.block .cobblestone-header.block,
        .header .column.twelve.block .training-header.block	{
            position:relative;
            display:block;
            background-repeat:no-repeat;
            width:100%;
            height:120px;
            margin-top:14px;
        }
        
        .header .column.twelve.block .about-header.block {
            background-image:url(../images/headers/about-header-2.jpg);
        }
        
        .header .column.twelve.block .media-header.block {
            background-image:url(../images/headers/media-header-2.jpg);
        }
        
        .header .column.twelve.block .aca-header.block {
            background-image:url(../images/headers/aca-header-2.jpg);
        }
        
        .header .column.twelve.block .contact-header.block {
            background-image:url(../images/headers/contact-header-2.jpg);
        }
        
        .header .column.twelve.block .benefits-header.block {
            background-image:url(../images/headers/benefits-header-2.jpg);
        }
        
        .header .column.twelve.block .workers-header.block {
            background-image:url(../images/headers/workers-header-2.jpg);
        }
        
        .header .column.twelve.block .recruitment-header.block {
            background-image:url(../images/headers/recruitment-header-2.jpg);
        }
        
        .header .column.twelve.block .hr-header.block {
            background-image:url(../images/headers/hr-header-2.jpg);
        }
        
        .header .column.twelve.block .tradeshow-header.block {
            background-image:url(../images/headers/tradeshow-header-2.jpg);
        }
        
        .header .column.twelve.block .payroll-header.block {
            background-image:url(../images/headers/payroll-header-2.jpg);
        }
        
        .header .column.twelve.block .papers-header.block {
            background-image:url(../images/headers/papers-header-2.jpg);
        }
        
        .header .column.twelve.block .onsite-header.block {
            background-image:url(../images/headers/onsite-header-2.jpg);
        }
		
		 .header .column.twelve.block .campaign-header.block {
            background-image:url(../images/campaigns/gc-header.jpg);
        }
		
		 .header .column.twelve.block .benefit-notices-header.block {
            background-image:url(../images/headers/benefit-notices-header.jpg);
        }
		
		 .header .column.twelve.block .hmo-search-header.block {
            background-image:url(../images/headers/hmo-search-header.jpg);
        }
		
		 .header .column.twelve.block .brokers-header.block {
            background-image:url(../images/headers/broker-header-bold.jpg);
        }
		
        .header .column.twelve.block .four-o-one-k-header.block {
            background-image:url(../images/headers/401k-header.jpg);
        }
		
        .header .column.twelve.block .esca-header.block {
            background-image:url(../images/headers/esca-header.jpg);
        }
		
        .header .column.twelve.block .coronavirus-header.block {
            background-image:url(../images/headers/coronavirus-header.jpg);
        }
		
        .header .column.twelve.block .cobblestone-header.block {
            background-image:url(../images/headers/cobblestone-header.jpg);
        }

        .header .column.twelve.block .training-header.block {
            background-image:url(../images/headers/training-COVID-header.jpg);
        }


        .about-page .grid-container.mobile,
        .media-page .grid-container .mobile {
            display:block;
        }
        
        .about-page .grid-container .desk,
        .media-page .grid-container .desk {
            display:none;
        }
        
        .about-page .team-header{
            position:relative;
            border:1px solid #ddd;
            margin:10px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }
        
        .about-page .team{
            position:relative;
            margin:-1px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:25px;
            z-index:100;
            border:1px solid #ddd;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team img{
            position:relative;
            font-size:22px;
            text-align:left;
            margin:0;
            width:100%;
            height:auto;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description{
            position:relative;
            margin:-5px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description p{
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            background-color:#046240;
            text-align:center;
            color:#fff;
            margin:0;
            width:100%;
            padding:15px 10px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team #t-one,
        .about-page .team #t-two,
        .about-page .team #t-three,
        .about-page .team #t-four{
            height:auto;
            margin-bottom:20px;
        }

        .about-page .team #t-five,
        .about-page .team #t-six,
        .about-page .team #t-seven,
        .about-page .team #t-eight{
            height:auto;
            margin-bottom:20px;
        }
		
		.about-page .team #t-nine,
        .about-page .team #t-ten,
        .about-page .team #t-eleven{
            height:auto;
            margin-bottom:20px;
        }
        
        .partners-header{
            position:relative;
            border:1px solid #ddd;
            margin:30px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section{
            position:relative;
            border:1px solid #ddd;
            margin:-1px 0 30px 0;
            overflow:hidden;
            width:100%;
            height:100%;
            padding:22px 11px 0 11px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section img{
            position:relative;
            border:1px solid #ddd;
            width:100%;
            height:100%;
            font-size:22px;
            text-align:left;
            margin:0;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section #one,
        .partners-section #two,
        .partners-section #three,
        .partners-section #four,
        .partners-section #five,
        .partners-section #six,
        .partners-section #seven,
        .partners-section #eight,
        .partners-section #nine,
        .partners-section #ten{
            height:auto;
            margin-bottom:20px;
        }

        .partners-section #one img,
        .partners-section #two img,
        .partners-section #three img,
        .partners-section #four img,
        .partners-section #five img,
        .partners-section #six img,
        .partners-section #seven img,
        .partners-section #eight img,
        .partners-section #nine img,
        .partners-section #ten img{
            height:auto;
        }
        
        .about-page .team #t-twelve{
            height:auto;
        }
        
        .links, .links ul {
            position:relative;
            display:block;
            float:right;
            margin:-51px 18px 0 0;
            padding:0;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
		.mobile-app-icon img {
			position:relative;
			bottom:-32px;
			margin:0 0 0 0;
			max-height:80px;
			cursor:pointer;
		}
		        
        .links ul li,
        .links ul li.link {
            display:inline-block;
            text-align:right;
            margin:0 0 0 10px;
            padding:0;
            list-style:none;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link,
        .links ul li a{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link:focus,
        .links ul li a:focus{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

        #slider {
            display:none;
        }
        .header .column.twelve.nospace,
        #slider2 {
            position:relative;
            display:block;
            width:100%;
            height:auto;
            border:0;
            padding:0;
            margin:14px 0 -21px 0;
            background:none;
        }
        #slider2 img { width:100%; height:auto;}
        #slider2 .caption.sec {
            display:none;
        }
        #slider2 .caption.dis {
            background-color:rgba(0,97,64,0.6);
            position:absolute;
            left:0;
            top:50%;
            margin-top:-58px;
            width:245px;
            height:115px;
            padding:20px;
            z-index:99999;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;
        }

        #slider2 .caption.dis h4 {
            font-size:15px;
            line-height:20px;
            color:#fff;
            font-weight:normal;
            padding:0;
            margin:7px 0 20px 0;
            text-transform:uppercase;
        }
        .navigation ul.menu li.display,
        .display a{ 
            display:none;
        }
        
        .anim-section,
        .anim-section.animate,
        .animate-effect{
            opacity:1;
            -webkit-transition:none;
               -moz-transition:none;
                -ms-transition:none;
                 -o-transition:none;
                    transition:none;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                -ms-transform:none;
                    transform:none;
        }
        
        #header.fixed,
        #header.fixed.fix .header{
            position:relative;
        }
        
        .boxes .column.four.non,
        .boxes .column.three.non,
        .double .caption {
            display:none;
        }
        
        .aca-header,
        .about-header,
        .benefits-header,
        .workers-header,
        .recruitment-header,
        .payroll-header,
        .papers-header,
        .onsite-header,
        .tradeshow-header,
        .hr-header,
        .contact-header,
        .services-header,
        .media-header,
		.benefit-notices-header,
		.hmo-search-header,
		.four-o-one-k-header,
		.esca-header,
        .coronavirus-header,
        .cobblestone-header {
            height:120px;
        }
        
        .aca-page,
        .about-page,
        .benefits-page,
        .workers-page,
        .recruitment-page,
        .payroll-page,
        .papers-page,
        .onsite-page,
        .tradeshow-page,
        .hr-page,
        .contact-page,
        .services-page,
		.benefit-notices-page,
		.hmo-provider-search-page,
        .media-page{
            padding-left:30px;
            padding-right:30px;
        }
        
        .onsite-description,
        .benefits-description{
            position:relative;
            margin:30px 0;
            padding:0;
        }
        
        .media-page .column.eight.nospace-left,
        .onsite-page .column.four.no,
        .onsite-page .column.four.nospace-right,
        .onsite-page .column.four.nospace-left{
            width:100%;
            margin:0;
        }
        
        .onsite-page .onsite-box{
            margin:0 0 30px 0;
            height:auto;
        }
        
        .benefits-page .media-holder,
        .workers-page .media-holder,
        .recruitment-page .media-holder,
        .payroll-page .media-holder,
        .onsite-page .media-holder,
        .tradeshow-page .media-holder,
        .benefit-notices-page .media-holder,
		.hmo-provider-search-page .media-holder,
        .hr-page .media-holder{
            margin-bottom:30px;
        }
        
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:250px;
        }
        
        .services .services-box#three,
        .services .services-box#four{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box#six{
            margin:0;
            height:270px;
        }
        
        .services .services-box#two,
        .services .services-box#five{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box .description{
            padding-top:40px;
        }
        
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:854px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1158px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:121px; }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
        
        #t-one, #t-two, #t-three, #t-four,#t-five, #t-six, #t-seven {
            margin-bottom:25px;
        }
        
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .pre-header ul.block,
        .pre-header ul {
            display:block;
        }
        
        .tabs-justify .partners img{
            margin-left:1%;
            margin-right:1%;
            width:98%;
        }
        
        #slider img {
            height:500px;
        }
         
        .call-box {
            padding-top:90px;
        }
        
        .button-wrapper.now,
        .button-wrapper.brew.now {
            margin:46px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {
            margin:28px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {
            background-color:#052639;
            position:relative;
            display:block;
            padding:0;
            overflow:hidden;
            cursor:pointer;
        }

        .button-wrapper label.lab,
        .button-wrapper.brew label.lab {		
            display:block;
            cursor:pointer;
            text-align:left;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            padding:20px;
            margin:0;
            text-transform:uppercase;
        }

        .button-wrapper i,
        .button-wrapper.brew i {		
            float:right;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:36px;
            margin:-11px 0 0 0;
            padding:0;
            vertical-align:middle;
        }
        
        .button-wrapper .nav-button ~ .navigation,
        .button-wrapper.brew .nav-button ~ .navigation{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .button-wrapper input.nav-button:checked ~ .navigation,
        .button-wrapper.brew input.nav-button:checked ~ .navigation{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu > li { display:block; background-color:#fff; border-bottom:1px solid #ddd; }
        .navigation ul.menu > li > a, .navigation ul.menu > li > label, .navigation ul.menu > li > a.login {
            padding:20px;
            color:#555;
        }
        
        .navigation ul.menu > li:hover > a,.navigation ul.menu > li:hover > label, .menu > li.active > a {
            border-bottom:none;
        }
        
        .navigation ul.menu > li > a.login {
            background-color:#fff;
            padding:20px;
            margin-left:0;
        }
	
        .navigation ul.menu > li > a.login:hover {
            color:#046240;
            border:none;
        }

        .navigation ul.menu li div.submenu1,
        .navigation ul.menu li div.submenu2{		
            display:none;
            position:static;
            width:100%;
            padding:10px 20px;
            border-top:1px solid #ddd;
            border-bottom:1px solid #ddd;
            opacity:0;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }

        .navigation ul.menu li:hover div.submenu1,
        .navigation ul.menu li:hover div.submenu2{
            opacity:0;
            display:none;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }
        
        .navigation ul.menu li .menu-1 ~ .submenu1,
        .navigation ul.menu li .menu-1 ~ .submenu2{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .navigation ul.menu li .menu-1:checked ~ .submenu1,
        .navigation ul.menu li .menu-1:checked ~ .submenu2{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }

        .navigation ul.menu li div.submenu1:after,
        .navigation ul.menu li div.submenu2:after {
            position:static;
            display:none;
            bottom:100%;
        }
        
        .navigation > ul.menu li .submenu1:last-child,
        .navigation > ul.menu li:hover .submenu1:last-child,
        .navigation > ul.menu li .submenu2:last-child,
        .navigation > ul.menu li:hover .submenu2:last-child {
            border-bottom:none;
        }
        
        button.button-line,
        a.button-line {
            display:none;
        }
        
        button.button-line6 {
            color:#fff;
            width:100%;
            float:none;
            border:none;
            margin-top:20px;
            padding:20px;
            background-color:#046240;
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
        
        .navigation ul.menu > li > label:before,
        .navigation ul.menu > li > a:before {
            float:right;
            content: "\edbb";
            font-family:'icomoon-ultimate';
        }
        
        .navigation ul.menu > li > .menu-1:checked ~ label:before,
        .navigation ul.menu > li:hover > label:before,
        .navigation ul.menu > li:hover > a:before {
            content: "\edbf";
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
       
        .blog {
            padding-right:25px;
            padding-left:25px;
        }
        
        .blog h4 {
            margin-bottom:30px;
        }
        
        .blog .blog-box {
            margin:0 0 0 0;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .blog .column.six {
            margin-right:1%;
        }
        
        .testimonials {
            padding-left:30px;
            padding-right:30px;
        }
        
        .testimonials blockquote p{
            line-height:24px;
        }
        
        .testimonials blockquote p{
            line-height:24px;
            padding-left:40px;
        }
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four{
            height:auto;
        }

        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight{
            height:auto;
        }
		
		.tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            height:auto;
        }		
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four,
        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight,
        .tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            margin-bottom:25px;
        }
        
        .tabs-justify .team #t-twelve{
            margin-bottom:0;
        }
        
        .tabs-justify .partners-section #one,
        .tabs-justify .partners-section #two,
        .tabs-justify .partners-section #three,
        .tabs-justify .partners-section #four,
        .tabs-justify .partners-section #five,
        .tabs-justify .partners-section #six,
        .tabs-justify .partners-section #seven,
        .tabs-justify .partners-section #eight,
        .tabs-justify .partners-section #nine,
        .tabs-justify .partners-section #ten{
            height:auto;
            margin-bottom:20px;
        }
        
        .tabs-justify .partners-section #one img,
        .tabs-justify .partners-section #two img,
        .tabs-justify .partners-section #three img,
        .tabs-justify .partners-section #four img,
        .tabs-justify .partners-section #five img,
        .tabs-justify .partners-section #six img,
        .tabs-justify .partners-section #seven img,
        .tabs-justify .partners-section #eight img,
        .tabs-justify .partners-section #nine img,
        .tabs-justify .partners-section #ten img{
            height:auto;
        }
        
        .custom-33 .bodyContainer,
        .custom-33 .infusion-field-input-container {
            max-width:300px;
            width:100%;
        }
        
        .about .column.twelve.nospace h4.title {
            width:98%;
            margin:0 1%;
        }
        
        .services .column.twelve.nospace .heading {
            width:98%;
            margin:0 1%;
        }
        
        .blog .blog-box {
            margin:0;
        }
        
        .blog{
            padding-left:35px;
            padding-right:35px;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .boxes {
            margin:40px 0 0 0;
            padding:0 25px;
        }
        
        .double,
        .block-holder,
        .block-holder1{
            margin:0 0 30px 0;
        }
		
		.block-holder-navypier {
			margin: 0;
		}		
        
        .double,
        .double img,
        .block-holder1,
        .block-holder1 img,
        .block-holder2,
        .block-holder2 img{
            height:auto;
        }
        
        .double .caption {
            text-align:center;
        }
		
		.block-holder1 .caption {
			position: initial;
			text-align:center;
			left: 1px;
			top: auto;
			bottom: 34px;
			right: 0px;
			margin-bottom: 20px;
			padding: 0;
			z-index: 99999;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			height: 106px;
		}
		
		.block-holder1 .caption p{
			font-size:15px;
			line-height:24px;
			color:#046240;
			font-weight:bold;
			padding:10px 10px 20px 10px;
			bottom:0;
			text-align:center;
		}
        
		.block-holder iframe {
			width:100%;
			height:442px;
		}		
		
        .block-holder1 img{
            /*padding-left:25%;
            padding-right:25%;*/
        }
        
        .block-holder video,
		.block-holder-navypier video {
            width:100%;
            height:auto;
        }
        
        .block-holder2 img{
            width:100%;
        }
        
        .about img {
            width:100%;
            height:auto;
            margin-top:40px;
        }
        
        .about #heading-2 {
            margin-top:30px;
        }
        
        .about,
        .services {
            padding-left:25px;
            padding-right:25px;
        }
        
		.esca-video {
			padding:0;
		}		

		.esca-video-about {
			margin:0;
		}

		.esca-video-about ul {
			padding:0 0 20px 0;
		}
		
		.kaep-box {
			margin: 0 0 20px 100px;
		}
		
		.employco.app.store.buttons {
			margin: 0 0 0 100px;
		}
		
		.brew-tank {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: right;
		}
		
		.brew-tank img {
			max-height: 200px;
			margin-top: -140px;
		}
		
		.contact-card {
			position: absolute;
		}
		
		.contact-card img {
			max-width: 65%;
			height: auto;
		}
		
		.icbg {
			position: absolute;
			display: inline-block;
			width: 120%;
		}
		
		.icbg img {
			max-height: 100px;
		}
		
		.icbg p {
			font-size: 12px;
			line-height: 14px;
			max-width: 190px;
		}
		
		.hops {
			display: inline-block;
			float: right;
		}
		
		.hops img {
			max-height: 145px;
		}		
		
		.green.banner.brew	{
			margin-top: 15px;
		}
		
        .pre-footer {
            padding:0 30px;
        }
        
        .pre-footer .pre-footer-box,
        .pre-footer .pre-footer-box.border{
            border-right:none;
            border-bottom:1px solid #ccc;
        }
        
        .pre-footer .pre-footer-box#box-2 {
            padding-left:0;
        }
        
        .pre-footer .pre-footer-box#box-4 {
            border-bottom:none;
        }
        
        .pre-footer.column.three.nospace-right {
            margin-left:0;
        }
        
        .call-box-slider,
        .call-box-slider img {
            height:auto;
        }
        
        .pre-footer a.button-line6 {
            float:none;
            margin-left:8px;
        }
        
        .tabs-justify .team img{
            height:auto;		
        }
        
        .pre-footer .pre-footer-box ul {
            margin:10px 0;
            text-align:left;
        }
        
        .footer {
            padding:40px 40px 0 40px;
        }
        
        .footer h4 {
            padding-top:30px;
        }
		
		.coronavirus-banner .banner-contents p{
		color: black;
		padding: 5px 0 0 20px;
		font-size: 14px;
		line-height: 20px;
		}
		
		.esca-member-sign-up-box {
			float: none;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: 500px;
			padding: 15px;
			margin-bottom: 20px;
			display: flex;
			flex-direction: column;
			width: auto;
		}
		
		.esca-member-already-registered-box {
			float: none;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: 500px;
			padding: 15px;
			margin-bottom: 20px;
			display: flex;
			flex-direction: column;
			width: auto;
			margin: 1%;
		}
		
		.esca-member-detail-capture-box input[type=text] {
			width:300px;
		}
		
		
    }


/*	--------------------------------------------------
	:: Mobile Landscape Design for a width of 420px
	-------------------------------------------------- */

    @media only screen and (min-width:480px) and (max-width:767px) {
        

        
        .header { position:static; height:13px; }
        .pre-header .pull-left, .pre-header .pull-right { float:none; margin:0 auto; text-align:center; line-height:24px; }
        .pre-header p  { margin-left:0px; } 
        .header .logo { width:130px;  margin:-10px 0 0 30px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
        .header .logo img {
            width:130px;
            height:auto;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        } 
        
        .header .logo:focus,
        .header .logo:focus img {
            text-decoration:none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        } 

        .boxes .block-holder{ margin:30px 0;}
        .grid-container2.none{
            display:none;
            position:relative;
            background-image:none;
            background-repeat:none;
            width:100%;
            height:auto;
        }
		
		.block-holder iframe {
			width:100%;
			height:340px;
		}
        
        .header .column.twelve.block .about-header.block,
        .header .column.twelve.block .media-header.block,
        .header .column.twelve.block .aca-header.block,
        .header .column.twelve.block .contact-header.block,
        .header .column.twelve.block .benefits-header.block,
        .header .column.twelve.block .workers-header.block,
        .header .column.twelve.block .recruitment-header.block,
        .header .column.twelve.block .hr-header.block,
        .header .column.twelve.block .tradeshow-header.block,
        .header .column.twelve.block .payroll-header.block,
        .header .column.twelve.block .papers-header.block,
		.header .column.twelve.block .campaign-header.block,
        .header .column.twelve.block .onsite-header.block,
        .header .column.twelve.block .benefit-notices-header.block,
        .header .column.twelve.block .hmo-search-header.block,
        .header .column.twelve.block .brokers-header.block,
        .header .column.twelve.block .four-o-one-k-header.block,
        .header .column.twelve.block .esca-header.block,
        .header .column.twelve.block .coronavirus-header.block,
        .header .column.twelve.block .cobblestone-header.block,
        .header .column.twelve.block .training-header.block	{
            position:relative;
            display:block;
            background-repeat:no-repeat;
            width:100%;
            height:100px;
            margin-top:13px;
        }
        
        .header .column.twelve.block .about-header.block {
            background-image:url(../images/headers/about-header-2.jpg);
        }
        
        .header .column.twelve.block .media-header.block {
            background-image:url(../images/headers/media-header-2.jpg);
        }
        
        .header .column.twelve.block .aca-header.block {
            background-image:url(../images/headers/aca-header-2.jpg);
        }
        
        .header .column.twelve.block .contact-header.block {
            background-image:url(../images/headers/contact-header-2.jpg);
        }
        
        .header .column.twelve.block .benefits-header.block {
            background-image:url(../images/headers/benefits-header-2.jpg);
        }
        
        .header .column.twelve.block .workers-header.block {
            background-image:url(../images/headers/workers-header-2.jpg);
        }
        
        .header .column.twelve.block .recruitment-header.block {
            background-image:url(../images/headers/careers-header-2.jpg);
        }
        
        .header .column.twelve.block .hr-header.block {
            background-image:url(../images/headers/hr-header-2.jpg);
        }
        
        .header .column.twelve.block .tradeshow-header.block {
            background-image:url(../images/headers/tradeshow-header-2.jpg);
        }
        
        .header .column.twelve.block .payroll-header.block {
            background-image:url(../images/headers/payroll-header-2.jpg);
        }
        
        .header .column.twelve.block .papers-header.block {
            background-image:url(../images/headers/papers-header-2.jpg);
        }
        
        .header .column.twelve.block .onsite-header.block {
            background-image:url(../images/headers/onsite-header-2.jpg);
        }
		
		.header .column.twelve.block .campaign-header.block {
            background-image:url(../images/campaigns/gc-header.jpg);
        }
		
		.header .column.twelve.block .benefit-notices-header.block {
            background-image:url(../images/headers/benefit-notices-header.jpg);
        }
		
		.header .column.twelve.block .hmo-search-header.block {
            background-image:url(../images/headers/hmo-search-header.jpg);
        }
		
		.header .column.twelve.block .brokers-header.block {
            background-image:url(../images/headers/broker-header-bold.jpg);
        }		
		
        .header .column.twelve.block .four-o-one-k-header.block {
            background-image:url(../images/headers/401k-header.jpg);
        }

        .header .column.twelve.block .esca-header.block {
            background-image:url(../images/headers/esca-header.jpg);
        }
		
        .header .column.twelve.block .coronavirus-header.block {
            background-image:url(../images/headers/coronavirus-header.jpg);
        }
		
        .header .column.twelve.block .cobblestone-header.block {
            background-image:url(../images/headers/cobblestone-header.jpg);
        }

        .header .column.twelve.block .training-header.block {
            background-image:url(../images/headers/training-COVID-header.jpg);
        }				

        .about-page .grid-container.mobile,
        .media-page .grid-container .mobile {
            display:block;
        }
        
        .about-page .grid-container .desk,
        .media-page .grid-container .desk {
            display:none;
        }
        
        .about-page .team-header{
            position:relative;
            border:1px solid #ddd;
            margin:10px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }
        
        .about-page .team{
            position:relative;
            margin:-1px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:25px;
            z-index:100;
            border:1px solid #ddd;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team img{
            position:relative;
            font-size:22px;
            text-align:left;
            margin:0;
            width:100%;
            height:auto;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description{
            position:relative;
            margin:-5px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description p{
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            background-color:#046240;
            text-align:center;
            color:#fff;
            margin:0;
            width:100%;
            padding:15px 10px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team #t-one,
        .about-page .team #t-two,
        .about-page .team #t-three,
        .about-page .team #t-four{
            height:auto;
            margin-bottom:20px;
        }

        .about-page .team #t-five,
        .about-page .team #t-six,
        .about-page .team #t-seven,
        .about-page .team #t-eight{
            height:auto;
            margin-bottom:20px;
        }
        
		.about-page .team #t-nine,
        .about-page .team #t-ten,
        .about-page .team #t-eleven{
            height:auto;
            margin-bottom:20px;
        }
		
        .partners-header{
            position:relative;
            border:1px solid #ddd;
            margin:30px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section{
            position:relative;
            border:1px solid #ddd;
            margin:-1px 0 30px 0;
            overflow:hidden;
            width:100%;
            height:100%;
            padding:22px 11px 0 11px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section img{
            position:relative;
            border:1px solid #ddd;
            width:100%;
            height:100%;
            font-size:22px;
            text-align:left;
            margin:0;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section #one,
        .partners-section #two,
        .partners-section #three,
        .partners-section #four,
        .partners-section #five,
        .partners-section #six,
        .partners-section #seven,
        .partners-section #eight,
        .partners-section #nine,
        .partners-section #ten{
            height:auto;
            margin-bottom:20px;
        }

        .partners-section #one img,
        .partners-section #two img,
        .partners-section #three img,
        .partners-section #four img,
        .partners-section #five img,
        .partners-section #six img,
        .partners-section #seven img,
        .partners-section #eight img,
        .partners-section #nine img,
        .partners-section #ten img{
            height:auto;
        }
        
        .about-page .team #t-twelve{
            height:auto;
        }        
		
		.links, .links ul {
            position:relative;
            display:block;
            float:right;
            margin:-45px 15px 0 0;
            padding:0;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
		.mobile-app-icon img {
			position:relative;
			bottom:-30px;
			margin:0 0 0 0;
			max-height:80px;
			cursor:pointer;
		}

        .links ul li,
        .links ul li.link {
            display:inline-block;
            text-align:right;
            margin:0 0 0 10px;
            padding:0;
            list-style:none;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link,
        .links ul li a{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link:focus,
        .links ul li a:focus{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

        #slider {
            display:none;
        }
        .header .column.twelve.nospace,
        #slider2 {
            position:relative;
            display:block;
            width:100%;
            height:auto;
            border:0;
            padding:0;
            margin:13px 0 -21px 0;
            background:none;
        }
        #slider2 .caption.sec {
            display:none;
        }
        #slider2 img { width:100%; height:auto;}
        #slider2 .caption.dis {
            background-color:rgba(0,97,64,0.6);
            position:absolute;
            left:0;
            top:50%;
            margin-top:-58px;
            width:245px;
            height:115px;
            padding:20px;
            z-index:99999;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;
        }

        #slider2 .caption.dis h4 {
            font-size:15px;
            line-height:20px;
            color:#fff;
            font-weight:normal;
            padding:0;
            margin:11px 0 20px 0;
            text-transform:uppercase;
        }
        .navigation ul.menu li.display,
        .display a{ 
            display:none;
        }
        
        .anim-section,
        .anim-section.animate,
        .animate-effect{
            opacity:1;
            -webkit-transition:none;
               -moz-transition:none;
                -ms-transition:none;
                 -o-transition:none;
                    transition:none;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                -ms-transform:none;
                    transform:none;
        }
        
        #header.fixed,
        #header.fixed.fix .header{
            position:relative;
        }
        
        .boxes .column.four.non,
        .boxes .column.three.non,
        .double .caption {
            display:none;
        }
        
        .button-wrapper.now,
        .button-wrapper.brew.now {		
            margin:46px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {
		
            margin:28px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {
            background-color:#052639;
            position:relative;
            display:block;
            padding:0;
            overflow:hidden;
            cursor:pointer;
        }

        .button-wrapper label.lab,
		.button-wrapper.brew label.lab{
            display:block;
            cursor:pointer;
            text-align:left;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            padding:20px;
            margin:0;
            text-transform:uppercase;
        }

        .button-wrapper i,
		.button-wrapper.brew i {
            float:right;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:36px;
            margin:-11px 0 0 0;
            padding:0;
            vertical-align:middle;
        }
        
        .button-wrapper .nav-button ~ .navigation,
		.button-wrapper.brew .nav-button ~ .navigation{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .button-wrapper input.nav-button:checked ~ .navigation,
		.button-wrapper.brew input.nav-button:checked ~ .navigation{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu > li { display:block; background-color:#fff; border-bottom:1px solid #ddd; }
        .navigation ul.menu > li > a, .navigation ul.menu > li > label, .navigation ul.menu > li > a.login {
            padding:20px;
            color:#555;
        }
        
        .navigation ul.menu > li:hover > a,.navigation ul.menu > li:hover > label, .menu > li.active > a {
            border-bottom:none;
        }
        
        .navigation ul.menu > li > a.login {
            background-color:#fff;
            padding:20px;
            margin-left:0;
        }
	
        .navigation ul.menu > li > a.login:hover {
            color:#046240;
            border:none;
        }

        .navigation ul.menu li div.submenu1,
        .navigation ul.menu li div.submenu2{		
            display:none;
            position:static;
            width:100%;
            padding:10px 20px;
            border-top:1px solid #ddd;
            border-bottom:1px solid #ddd;
            opacity:0;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }

        .navigation ul.menu li:hover div.submenu1,
        .navigation ul.menu li:hover div.submenu2{
            opacity:0;
            display:none;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }
        
        .navigation ul.menu li .menu-1 ~ .submenu1,
        .navigation ul.menu li .menu-1 ~ .submenu2{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .navigation ul.menu li .menu-1:checked ~ .submenu1,
        .navigation ul.menu li .menu-1:checked ~ .submenu2{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }

        .navigation ul.menu li div.submenu1:after,
        .navigation ul.menu li div.submenu2:after {
            position:static;
            display:none;
            bottom:100%;
        }
        
        .navigation > ul.menu li .submenu1:last-child,
        .navigation > ul.menu li:hover .submenu1:last-child,
        .navigation > ul.menu li .submenu2:last-child,
        .navigation > ul.menu li:hover .submenu2:last-child {
            border-bottom:none;
        }
        
        button.button-line,
        a.button-line {
            display:none;
        }
        
        button.button-line6 {
            color:#fff;
            width:100%;
            float:none;
            border:none;
            margin-top:20px;
            padding:20px;
            background-color:#046240;
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
        
        .navigation ul.menu > li > label:before,
        .navigation ul.menu > li > a:before {
            float:right;
            content: "\edbb";
            font-family:'icomoon-ultimate';
        }
        
        .navigation ul.menu > li > .menu-1:checked ~ label:before,
        .navigation ul.menu > li:hover > label:before,
        .navigation ul.menu > li:hover > a:before {
            content: "\edbf";
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
       
        .aca-header,
        .about-header,
        .benefits-header,
        .workers-header,
        .recruitment-header,
        .payroll-header,
        .papers-header,
        .onsite-header,
        .tradeshow-header,
        .hr-header,
        .contact-header,
        .services-header,
        .media-header,
		.benefit-notices-header,
		.hmo-search-header,
		.four-o-one-k-header,
        .esca-header,
        .coronavirus-header,
        .cobblestone-header	{
            height:100px;
        }
        
        .aca-page,
        .about-page,
        .benefits-page,
        .workers-page,
        .recruitment-page,
        .payroll-page,
        .papers-page,
        .onsite-page,
        .tradeshow-page,
        .hr-page,
        .contact-page,
        .services-page,
		.benefit-notices-page,
		.hmo-provider-search-page,
        .media-page{
            padding-left:30px;
            padding-right:30px;
        }
        
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:854px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1158px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:121px; }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
        
        .button-wrapper p,
        .button-wrapper.brew p {
			margin:18px 0 0 0; 
			padding:0;
			color:#fff;
			font-size:15px; }
			
        .button-wrapper button,
        .button-wrapper.brew button { 		
			margin:-30px 0 0 0;
			padding:0;
		}
        
        #t-one, #t-two, #t-three, #t-four,#t-five, #t-six, #t-seven {
            margin-bottom:25px;
        }
        
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .tabs-justify .partners img{
            margin-left:1.5%;
            margin-right:1.5%;
            width:97%;
        }
        
        .pre-header ul.block,
        .pre-header ul {
            display:block;
        }
        
        #slider img {
            height:auto;
        }
        
        #slider .caption {
            display:none;
        }
        
        .call-box {
            overflow:hidden;
            height:100%;
            padding-left:45px;
            padding-right:45px;
        }
        
        .call-box-slider,
        .call-box-slider img {
            height:auto;
        }
        
        .about .column.twelve.nospace h4.title {
            width:98%;
            margin:0 1%;
        }
        
        .services .column.twelve.nospace .heading {
            width:98%;
            margin:0 1%;
        }
        
        .blog .blog-box {
            margin:0;
        }
        
        .blog{
            padding-left:30px;
            padding-right:30px;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .boxes {
            margin:40px 0 0 0;
            padding:0 25px;
        }
        
        .onsite-description,
        .benefits-description{
            position:relative;
            margin:30px 0;
            padding:0;
        }
        
        .media-page .column.eight.nospace-left,
        .onsite-page .column.four.no,
        .onsite-page .column.four.nospace-right,
        .onsite-page .column.four.nospace-left{
            width:100%;
            margin:0;
        }
        
        .modal1,.modal2,.modal3 {    
            max-width:350px;
            width:100%;
            top:30px;
            left:50%;
            margin-left:-205px;
        }
        
        .custom-35 .infusion-field-label-container,
        .custom-35 .infusion-field-label-container label{
            max-width:300px;
            width:100%;
            display:block;
            margin:0 0 10px 0;
        }
        
        .custom-27 .bodyContainer,
        .custom-27 .infusion-field-input-container{
            max-width:400px;
            width:100%;
            display:block;
            border:none;
        }
        
        .custom-27 .infusion-field-label-container,
        .custom-27 .infusion-field-label-container label{
            max-width:400px;
            width:100%;
            display:block;
            margin:0 0 10px 0;
        }
        
        .onsite-page .onsite-box{
            margin:0 0 30px 0;
            height:auto;
        }
        
        .benefits-page .media-holder,
        .workers-page .media-holder,
        .recruitment-page .media-holder,
        .payroll-page .media-holder,
        .onsite-page .media-holder,
        .tradeshow-page .media-holder,
        .benefit-notices-page .media-holder,
		.hmo-provider-search-page .media-holder,
        .hr-page .media-holder{
            margin-bottom:30px;
            width:100%;
            height:auto;
        }
        
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:270px;
        }
        
        .services .services-box#three,
        .services .services-box#four{
            margin:0 0 30px 0;
            height:270px;
        }
        
        .services .services-box#six{
            margin:0;
            height:300px;
        }
        
        .services .services-box#two,
        .services .services-box#five{
            margin:0 0 30px 0;
            height:300px;
        }
        
        .services .services-box .description{
            padding-top:40px;
        }
        
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:854px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1158px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:121px; }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four{
            height:auto;
        }

        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight{
            height:auto;
        }
		
		.tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            height:auto;
        }
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four,
        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight,
        .tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            margin-bottom:25px;
        }
        
        .tabs-justify .team #t-twelve{
            margin-bottom:0;
        }
        
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .pre-header ul.block,
        .pre-header ul {
            display:block;
        }
        
        .tabs-justify .partners img{
            margin-left:1%;
            margin-right:1%;
            width:98%;
        }
        
        #slider img {
            height:auto;
        }
         
        .call-box {
            padding-top:60px;
        }

        .blog h4 {
            margin-bottom:30px;
        }
        
        .blog .blog-box {
            margin:0 0 0 0;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .blog .column.six {
            margin-right:1%;
        }
        
        .testimonials {
            padding-left:30px;
            padding-right:30px;
        }
        
        .testimonials blockquote p{
            line-height:24px;
        }
        
        .testimonials blockquote p{
            line-height:24px;
            padding-left:40px;
        }
        
        .tabs-justify .partners-section #one,
        .tabs-justify .partners-section #two,
        .tabs-justify .partners-section #three,
        .tabs-justify .partners-section #four,
        .tabs-justify .partners-section #five,
        .tabs-justify .partners-section #six,
        .tabs-justify .partners-section #seven,
        .tabs-justify .partners-section #eight,
        .tabs-justify .partners-section #nine,
        .tabs-justify .partners-section #ten{
            margin-bottom:20px;
            height:auto;
        }
        
        .tabs-justify .partners-section #one img,
        .tabs-justify .partners-section #two img,
        .tabs-justify .partners-section #three img,
        .tabs-justify .partners-section #four img,
        .tabs-justify .partners-section #five img,
        .tabs-justify .partners-section #six img,
        .tabs-justify .partners-section #seven img,
        .tabs-justify .partners-section #eight img,
        .tabs-justify .partners-section #nine img,
        .tabs-justify .partners-section #ten img{
            height:auto;
        }
       
        .boxes {
            margin:40px 0 0 0;
            padding:0 25px;
        }
        
        .double,
        .block-holder,
        .block-holder1{
            margin:0 0 30px 0;
        }
        
		.block-holder-navypier {
			margin: 0;
		}
		
        .double,
        .double img,
        .block-holder1,
        .block-holder1 img,
        .block-holder2,
        .block-holder2 img{
            height:auto;
        }
        
        .double .caption {
            text-align:center;
        }
		
		.block-holder1 .caption {
			position: initial;
			text-align:center;
			left: 1px;
			top: auto;
			bottom: 34px;
			right: 0px;
			margin-bottom: 20px;
			padding: 0;
			z-index: 99999;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			height: 106px;
		}
		
		.block-holder1 .caption p{
			font-size:15px;
			line-height:24px;
			color:#046240;
			font-weight:bold;
			padding:10px 10px 20px 10px;
			bottom:0;
			text-align:center;
		}
        
        .block-holder video,
		.block-holder-navypier video {
            width:100%;
            height:auto;
        }
        
        .block-holder2 img{
            width:100%;
        }
        
        .about img {
            width:100%;
            height:auto;
            margin-top:40px;
        }
        
        .about #heading-2 {
            margin-top:30px;
        }
        
        .blog .blog-box .description{
            margin-top:-5px;
            height:100%;
            overflow:hidden;
	    }
        
        .blog .media-holder,
        .blog .media-holder img{
            height:auto;
        }
      
        .testimonials {
            padding-left:30px;
            padding-right:30px;
        }
      
        .double,
        .block-holder,
        .block-holder1{
            margin:0 0 30px 0;
        }
        
		.block-holder-navypier {
			margin: 0;
		}
		
        .double .caption,
        .block-holder1 .caption{
            text-align:center;
        }
        
        .block-holder1 img{
            /*padding-left:25%;
            padding-right:25%;*/
            height:auto;
        }
        
        .block-holder video,
		.block-holder-navypier video {
            width:100%;
            height:auto;
        }
        
        .double,
        .block-holder2 img{
            width:100%;
            height:auto;
        }
        
        .testimonials blockquote p{
            line-height:24px;
        }
        
        .tabs-justify .team img{
            height:auto;		
        }
        
        .about img {
            width:100%;
            height:auto;
            margin-top:40px;
        }
        
        .about .heading#heading-2 {
            margin-top:30px;
        }
        
        .about,
        .services {
            padding-left:25px;
            padding-right:25px;
        }
        
        .about,
        .services {
            overflow:hidden;
        }
        
        .services .button {
            width:100%;
        }
       
		.esca-logos img {
			max-height:60px;
		}
		
		.esca-video {
			padding:0;
		}

		.esca-video-about {
			margin:0;
		}

		.esca-video-about ul {
			padding:0 0 20px 0;
		}
		
		.kaep-box {

		}
		
		.employco.app.store.buttons {
			margin: 0 0 0 0;
		}

		.brew-tank {
			/*position: relative;
			display: block;
			margin: 0;
			padding: 0;
			float: right;*/
		}
		
		.brew-tank img {
			/*max-height: 200px;
			margin-top: -140px;*/
		}
		
		.contact-card {
			position: relative;
		}
		
		.contact-card img {
			max-width: 100%;
			height: auto;
		}
		
		.icbg {
			position: absolute;
			display: inline-block;
			margin-top: 10px;
		}
		
		.icbg img {
			max-height: 140px;
		}
		
		.icbg p {
			font-size: 14px;
			line-height: 16px;
			max-width: 250px;
		}
		
		.hops {
			display: inline-block;
			float: right;
		}
		
		.hops img {
			max-height: 180px;
		}		
		
        .pre-footer {
            padding:0 30px;
            margin:-5px 0 0 0;
        }
        
        .pre-footer .pre-footer-box,
        .pre-footer .pre-footer-box.border{
            border-right:none;
            border-bottom:1px solid #ccc;
        }
        
        .pre-footer .pre-footer-box#box-2 {
            padding-left:0;
        }
        
        .pre-footer .pre-footer-box#box-4 {
            border-bottom:none;
        }
        
        .pre-footer.column.three.nospace-right {
            margin-left:0;
        }
        
        .pre-footer a.button-line6 {
            float:none;
            margin-left:8px;
        }
        
        .pre-footer .pre-footer-box ul {
            margin:10px 0;
            text-align:left;
        }
        
        .footer {
            padding:40px 35px 0 35px;
        }
        
        .footer h4 {
            padding-top:30px;
        }
		
		.coronavirus-banner .banner-contents img{
			margin-top: -10px;
			max-width: 110px;
		}
		
		.coronavirus-banner .banner-contents p{
			color: black;
			margin-top: 0;
			padding: 0 0 0 20px;
			font-size: 12px;
			line-height: 18px;
		}
		
		.ypo-logo img {
			max-width:100px;
		}

		.esca-member-sign-up-box {
			float: none;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: auto;
			padding: 15px;
			margin-bottom: 20px;
		}

		.esca-member-already-registered-box {
			float: none;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: auto;
			padding: 15px;
			display: flex;
			flex-direction: column;
			margin: 0 1% 20px 1%;
		}	
		.esca-member-detail-capture-header h4 {
			font-family: arial;
			font-weight: normal;
			font-size: 14px;
			color: #006140;
			line-height: 17px;
			text-align: left;
			width: 100px;
		}	
    }

/*	--------------------------------------------------
	:: Mobile Portrait Design for a width of 300px
	-------------------------------------------------- */

    @media only screen and (max-width:479px) {
        .header { position:static; height:13px; }
        .pre-header .pull-left, .pre-header .pull-right { float:none; margin:0 auto; text-align:center; line-height:24px; }
        .pre-header p  { margin-left:0px; } 
        .header .logo { width:120px;  margin:-10px 0 0 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
        .header .logo img {
            width:120px;
            height:auto;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }  
        
		.top-logos .column.six.nospace-left,
		.top-logos .column.six.nospace-right		{
			width:49%;
		}
		
		
        .header .logo:focus,
        .header .logo:focus img {
            text-decoration:none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        } 
       
        .boxes .block-holder{ margin:30px 0;}
        .grid-container2.none{
            display:none;
            position:relative;
            background-image:none;
            background-repeat:none;
            width:100%;
            height:auto;
        }
        
        .header .column.twelve.block .about-header.block,
        .header .column.twelve.block .media-header.block,
        .header .column.twelve.block .aca-header.block,
        .header .column.twelve.block .contact-header.block,
        .header .column.twelve.block .benefits-header.block,
        .header .column.twelve.block .workers-header.block,
        .header .column.twelve.block .recruitment-header.block,
        .header .column.twelve.block .hr-header.block,
        .header .column.twelve.block .tradeshow-header.block,
        .header .column.twelve.block .payroll-header.block,
        .header .column.twelve.block .papers-header.block,
		.header .column.twelve.block .campaign-header.block,
        .header .column.twelve.block .onsite-header.block,
        .header .column.twelve.block .benefit-services-header.block,
        .header .column.twelve.block .brokers-header.block,
        .header .column.twelve.block .four-o-one-k-header.block,
        .header .column.twelve.block .esca-header.block,
        .header .column.twelve.block .coronavirus-header.block,
        .header .column.twelve.block .cobblestone-header.block,
        .header .column.twelve.block .training-header.block	{
            position:relative;
            display:block;
            background-repeat:no-repeat;
            width:100%;
            height:80px;
            margin-top:15px;
        }
        
        .tabs-justify .team img{
            height:auto;		
        }
        
        .header .column.twelve.block .about-header.block {
            background-image:url(../images/headers/about-header-2.jpg);
        }
        
        .header .column.twelve.block .media-header.block {
            background-image:url(../images/headers/media-header-2.jpg);
        }
        
        .header .column.twelve.block .aca-header.block {
            background-image:url(../images/headers/aca-header-2.jpg);
        }
        
        .header .column.twelve.block .contact-header.block {
            background-image:url(../images/headers/contact-header-2.jpg);
        }
        
        .header .column.twelve.block .benefits-header.block {
            background-image:url(../images/headers/benefits-header-2.jpg);
        }
        
        .header .column.twelve.block .workers-header.block {
            background-image:url(../images/headers/workers-header-2.jpg);
        }
        
        .header .column.twelve.block .recruitment-header.block {
            background-image:url(../images/headers/careers-header-2.jpg);
        }
        
        .header .column.twelve.block .hr-header.block {
            background-image:url(../images/headers/hr-header-2.jpg);
        }
        
        .header .column.twelve.block .tradeshow-header.block {
            background-image:url(../images/headers/tradeshow-header-2.jpg);
        }
        
        .header .column.twelve.block .payroll-header.block {
            background-image:url(../images/headers/payroll-header-2.jpg);
        }
        
        .header .column.twelve.block .papers-header.block {
            background-image:url(../images/headers/papers-header-2.jpg);
        }
        
        .header .column.twelve.block .onsite-header.block {
            background-image:url(../images/headers/onsite-header-2.jpg);
        }
		
		.header .column.twelve.block .campaign-header.block {
            background-image:url(../images/campaigns/gc-header.jpg);
        }
		
		.header .column.twelve.block .benefit-notices-header.block {
            background-image:url(../images/headers/benefit-notices-header.jpg);
        }
		
		.header .column.twelve.block .hmo-search-header.block {
            background-image:url(../images/headers/hmo-search-header.jpg);
        }
		
		.header .column.twelve.block .brokers-header.block {
            background-image:url(../images/headers/broker-header-bold.jpg);
        }
		
        .header .column.twelve.block .four-o-one-k-header.block {
            background-image:url(../images/headers/401k.jpg);
        }
 
        .header .column.twelve.block .esca-header.block {
            background-image:url(../images/headers/esca-header.jpg);
        }

        .header .column.twelve.block .coronavirus-header.block {
            background-image:url(../images/headers/coronavirus-header.jpg);
        }
		
        .header .column.twelve.block .cobblestone-header.block {
            background-image:url(../images/headers/cobblestone-header.jpg);
        }
		
        .header .column.twelve.block .training-header.block {
            background-image:url(../images/headers/training-COVID-header.jpg);
        }

        .about-page .grid-container.mobile,
        .media-page .grid-container .mobile {
            display:block;
        }
        
        .about-page .grid-container .desk,
        .media-page .grid-container .desk {
            display:none;
        }
        
        .about-page .team-header{
            position:relative;
            border:1px solid #ddd;
            margin:10px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }
        
        .about-page .team{
            position:relative;
            margin:-1px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:25px;
            z-index:100;
            border:1px solid #ddd;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team img{
            position:relative;
            font-size:22px;
            text-align:left;
            margin:0;
            width:100%;
            height:auto;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description{
            position:relative;
            margin:-5px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team .description p{
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            background-color:#046240;
            text-align:center;
            color:#fff;
            margin:0;
            width:100%;
            padding:15px 10px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .about-page .team #t-one,
        .about-page .team #t-two,
        .about-page .team #t-three,
        .about-page .team #t-four{
            height:auto;
            margin-bottom:20px;
        }

        .about-page .team #t-five,
        .about-page .team #t-six,
        .about-page .team #t-seven,
        .about-page .team #t-eight{
            height:auto;
            margin-bottom:20px;
        }
		
		.about-page .team #t-nine,
        .about-page .team #t-ten,
        .about-page .team #t-eleven{
            height:auto;
            margin-bottom:20px;
        }
        
        .partners-header{
            position:relative;
            border:1px solid #ddd;
            margin:30px 0 0 0;
            overflow:hidden;
            width:100%;
            padding:20px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-header h4{
            position:relative;
            font-weight:bold;
            text-transform:uppercase;
            font-style:normal;
            font-size:18px;
            color:#046240;
            text-align:left;
            margin:0;
            width:100%;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section{
            position:relative;
            border:1px solid #ddd;
            margin:-1px 0 30px 0;
            overflow:hidden;
            width:100%;
            height:100%;
            padding:22px 11px 0 11px;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section img{
            position:relative;
            border:1px solid #ddd;
            width:100%;
            height:100%;
            font-size:22px;
            text-align:left;
            margin:0;
            padding:0;
            z-index:100;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;		
        }

        .partners-section #one,
        .partners-section #two,
        .partners-section #three,
        .partners-section #four,
        .partners-section #five,
        .partners-section #six,
        .partners-section #seven,
        .partners-section #eight,
        .partners-section #nine,
        .partners-section #ten{
            height:auto;
            margin-bottom:20px;
        }

        .partners-section #one img,
        .partners-section #two img,
        .partners-section #three img,
        .partners-section #four img,
        .partners-section #five img,
        .partners-section #six img,
        .partners-section #seven img,
        .partners-section #eight img,
        .partners-section #nine img,
        .partners-section #ten img{
            height:auto;
        }
        
        .about-page .team #t-twelve{
            height:auto;
        }
        
		.links, .links ul {
            position:relative;
            display:block;
            float:right;
            margin:-45px 4px 0 0;
            padding:0;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
		.mobile-app-icon img {
			position:relative;
			bottom:-31px;
			margin:0 0 0 0;
			max-height:80px;
			cursor:pointer;
		}
        
        .links ul li,
        .links ul li.link {
            display:inline-block;
            text-align:right;
            margin:0 0 0 7px;
            padding:0;
            list-style:none;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link,
        .links ul li a{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
        
        .links ul .link:focus,
        .links ul li a:focus{
            text-decoration:none;
            color:#555;
            font-size:14px;
            cursor:pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

        #slider {
            display:none;
        }
		
        .header .column.twelve.nospace,
        #slider2 {
            position:relative;
            display:block;
            width:100%;
            height:159px;
            border:0;
            padding:0;
            margin:15px 0 -27px 0;
            background:none;
        }
        #slider2 .caption.sec {
            display:none;
        }
        #slider2 img { width:100%; height:159px;}
        #slider2 .caption.dis {
            background-color:rgba(0,97,64,0.6);
            position:absolute;
            left:0;
            top:50%;
            margin-top:-58px;
            width:245px;
            height:115px;
            padding:20px;
            z-index:99999;
            -webkit-box-sizing:border-box;
               -moz-box-sizing:border-box; 
                    box-sizing:border-box;
        }

        #slider2 .caption.dis h4 {
            font-size:15px;
            line-height:20px;
            color:#fff;
            font-weight:normal;
            padding:0;
            margin:7px 0 20px 0;
            text-transform:uppercase;
        }
        .navigation ul.menu li.display,
        .display a{ 
            display:none;
        }
    
        .anim-section,
        .anim-section.animate,
        .animate-effect{
            opacity:1;
            -webkit-transition:none;
               -moz-transition:none;
                -ms-transition:none;
                 -o-transition:none;
                    transition:none;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                -ms-transform:none;
                    transform:none;
        }
        
        #header.fixed,
        #header.fixed.fix .header{
            position:relative;
        }				
        
        .button-wrapper.now,
        .button-wrapper..brew.now {		
            margin:50px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {			
            margin:22px 0 0 0;
        }
        
        .button-wrapper,
        .button-wrapper.brew {			
            background-color:#052639;
            position:relative;
            display:block;
            padding:0;
            overflow:hidden;
            cursor:pointer;
        }

        .button-wrapper label.lab,
        .button-wrapper.brew label.lab{
            display:block;
            cursor:pointer;
            text-align:left;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:15px;
            padding:20px;
            margin:0;
            text-transform:uppercase;
        }

        .button-wrapper i,
        .button-wrapper.brew i {
            float:right;
            color:#fff;
            font-weight:normal;
            font-style:normal;
            font-size:36px;
            margin:-11px 0 0 0;
            padding:0;
            vertical-align:middle;
        }
        
        .button-wrapper .nav-button ~ .navigation,
        .button-wrapper.brew .nav-button ~ .navigation{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .button-wrapper input.nav-button:checked ~ .navigation,
        .button-wrapper.brew input.nav-button:checked ~ .navigation{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu > li { display:block; background-color:#fff; border-bottom:1px solid #ddd; }
        .navigation ul.menu > li > a, .navigation ul.menu > li > label, .navigation ul.menu > li > a.login {
            padding:20px;
            color:#555;
        }
        
        .navigation ul.menu > li:hover > a,.navigation ul.menu > li:hover > label, .menu > li.active > a {
            border-bottom:none;
        }
        
        .navigation ul.menu > li > a.login {
            background-color:#fff;
            padding:20px;
            margin-left:0;
        }
	
        .navigation ul.menu > li > a.login:hover {
            color:#046240;
            border:none;
        }

        .navigation ul.menu li div.submenu1,
        .navigation ul.menu li div.submenu2{		
            display:none;
            position:static;
            width:100%;
            padding:10px 20px;
            border-top:1px solid #ddd;
            border-bottom:1px solid #ddd;
            opacity:0;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }

        .navigation ul.menu li:hover div.submenu1,
        .navigation ul.menu li:hover div.submenu2{
            opacity:0;
            display:none;
            visibility:hidden;
            -webkit-transform:none;
               -moz-transform:none;
                 -o-transform:none;
                    transform:none;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }
        
        .navigation ul.menu li .menu-1 ~ .submenu1,
        .navigation ul.menu li .menu-1 ~ .submenu2{
	  	    height:0;
            opacity:0;
	        visibility:hidden;
	        display:none;
        }
        
        .navigation ul.menu li .menu-1:checked ~ .submenu1,
        .navigation ul.menu li .menu-1:checked ~ .submenu2{
	  	    position:static;
            height:auto;
            opacity:1;
            visibility:visible;
			display:block;
        }
        
        .navigation ul.menu li div.submenu1:before,
        .navigation ul.menu li div.submenu2:before {
            position:static;
            display:none;
            bottom:100%;
            border:none;
            margin:0;
        }

        .navigation ul.menu li div.submenu1:after,
        .navigation ul.menu li div.submenu2:after {
            position:static;
            display:none;
            bottom:100%;
        }
        
        .navigation > ul.menu li .submenu1:last-child,
        .navigation > ul.menu li:hover .submenu1:last-child,
        .navigation > ul.menu li .submenu2:last-child,
        .navigation > ul.menu li:hover .submenu2:last-child {
            border-bottom:none;
        }
        
        button.button-line,
        a.button-line {
            display:none;
        }
        
        button.button-line6 {
            color:#fff;
            width:100%;
            float:none;
            border:none;
            margin-top:20px;
            padding:20px;
            background-color:#046240;
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
        
        .navigation ul.menu > li > label:before,
        .navigation ul.menu > li > a:before {
            float:right;
            content: "\edbb";
            font-family:'icomoon-ultimate';
        }
        
        .navigation ul.menu > li > .menu-1:checked ~ label:before,
        .navigation ul.menu > li:hover > label:before,
        .navigation ul.menu > li:hover > a:before {
            content: "\edbf";
        }
        
        .double {
            margin-top:30px;
        }
        
        .testimonials blockquote {
            margin-left:0;
            margin-right:0;
            padding-left:20px;
            padding-right:20px;
        }
        
        .border1 {
            display:none;
        }
        
        .aca-header,
        .about-header,
        .benefits-header,
        .workers-header,
        .recruitment-header,
        .payroll-header,
        .papers-header,
        .onsite-header,
        .tradeshow-header,
        .hr-header,
        .contact-header,
        .services-header,
        .media-header,
		.benefit-notices-header,
		.hmo-search-header,
		.four-o-one-k-header,
		.esca-header,
        .coronavirus-header,
        .cobblestone-header {
            height:80px;
        }
        
        .aca-page,
        .about-page,
        .benefits-page,
        .workers-page,
        .recruitment-page,
        .payroll-page,
        .papers-page,
        .onsite-page,
        .tradeshow-page,
        .hr-page,
        .contact-page,
        .services-page,
		.benefit-notices-page,
		.hmo-provider-search-page,
        .media-page{
            padding-left:30px;
            padding-right:30px;
        }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
        
        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four{
            height:auto;
        }

        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight{
            height:auto;
        }
        
		.tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            height:auto;
        }

        .tabs-justify .team #t-one,
        .tabs-justify .team #t-two,
        .tabs-justify .team #t-three,
        .tabs-justify .team #t-four,
        .tabs-justify .team #t-five,
        .tabs-justify .team #t-six,
        .tabs-justify .team #t-seven,
        .tabs-justify .team #t-eight,
        .tabs-justify .team #t-nine,
        .tabs-justify .team #t-ten,
        .tabs-justify .team #t-eleven,
        .tabs-justify .team #t-twelve{
            margin-bottom:25px;
        }
        
        .tabs-justify .team #t-twelve{
            margin-bottom:0;
        }
        
        .media-holder-highlight,
        .media-description .radio-spot {
            padding:20px;
        }
        
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .tabs-justify .partners img{
            margin-left:2%;
            margin-right:2%;
            width:96%;
        }
        
        .block-holder3 {
            height:100%;
        }
        
        .double,
        .double img{
            height:100%;
        }
        
        .boxes .column.four.non,
        .boxes .column.three.non,
        .double .caption {
            display:none;
        }
        
        #slider img {
            height:auto;
        }
        
        .call-box {
            overflow:hidden;
            height:100%;
            padding-left:30px;
            padding-right:20px;
        }
        
        .call-box-slider,
        .call-box-slider img {
            height:auto;
        }
        
        .blog {
            padding-right:25px;
            padding-left:25px;
        }
        
        .blog .blog-box {
            margin:0;
	    }
        
        .blog .blog-box .description{
            margin-top:-5px;
            height:100%;
            overflow:hidden;
	    }
        
        .about strong {
            font-size:12px;
        }
        
        .blog .media-holder,
        .blog .media-holder img{
            height:auto;
        }

        .blog h4 {
            margin-bottom:30px;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .blog .column.six {
            margin-right:1%;
        }
        
        .onsite-description,
        .benefits-description{
            position:relative;
            margin:30px 0;
            padding:0;
        }
        
        .media-page .column.eight.nospace-left,
        .onsite-page .column.four.no,
        .onsite-page .column.four.nospace-right,
        .onsite-page .column.four.nospace-left{
            width:100%;
            margin:0;
        }
        
        .onsite-page .onsite-box{
            margin:0 0 30px 0;
            height:auto;
        }
        
        .benefits-page .media-holder,
        .workers-page .media-holder,
        .recruitment-page .media-holder,
        .payroll-page .media-holder,
        .onsite-page .media-holder,
        .tradeshow-page .media-holder,
		.benefit-notices-page .media-holder,
		.hmo-provider-search-page .media-holder,
        .hr-page .media-holder{
            margin-bottom:30px;
            width:100%;
            height:auto;
        }
        
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:300px;
        }
        
        .services .services-box#three{
            margin:0 0 30px 0;
            height:300px;
        }
        
        .services .services-box#four{
            margin:0 0 30px 0;
            height:330px;
        }
        
        .services .services-box#six{
            margin:0;
            height:350px;
        }
        
        .services .services-box#two{
            margin:0 0 30px 0;
            height:350px;
        }
        
        .services .services-box#five{
            margin:0 0 30px 0;
            height:330px;
        }
        
        .services .services-box .description{
            padding-top:40px;
        }
        
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:854px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1158px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:121px; }
        
        .tabs-justify video,
        .aca-page video {
            width:100%;
            height:auto;
        }
       
        .tabs-justify .label1,
        .tabs-justify .label2{
            display:block;
            width:100%;		
        }
        
        .pre-header ul.block,
        .pre-header ul {
            display:block;
        }
        
        .tabs-justify .partners img{
            margin-left:1%;
            margin-right:1%;
            width:98%;
        }
        
        #slider img {
            height:500px;
        }
         
        .call-box {
            padding-top:60px;
        }
        
        .about .column.twelve.nospace h4.title {
            width:98%;
            margin:0 1%;
        }
        
        .services .column.twelve.nospace .heading {
            width:98%;
            margin:0 1%;
        }
        
        .blog .blog-box {
            margin:0;
        }
        
        .blog{
            padding-left:30px;
            padding-right:30px;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .boxes {
            margin:40px 0 0 0;
            padding:0 25px;
        }
        
        .blog h4 {
            margin-bottom:30px;
        }
        
        .blog .blog-box {
            margin:0 0 0 0;
        }
        
        .blog .heading:before {
            width:100%;
        }
        
        .blog .column.six {
            margin-right:1%;
        }
        
        .testimonials {
            padding-left:30px;
            padding-right:30px;
        }
       
        .testimonials blockquote p{
            line-height:24px;
            padding-left:40px;
        }
        
        .tabs-justify .partners-section #one,
        .tabs-justify .partners-section #two,
        .tabs-justify .partners-section #three,
        .tabs-justify .partners-section #four,
        .tabs-justify .partners-section #five,
        .tabs-justify .partners-section #six,
        .tabs-justify .partners-section #seven,
        .tabs-justify .partners-section #eight,
        .tabs-justify .partners-section #nine,
        .tabs-justify .partners-section #ten{
            margin-bottom:20px;
            height:auto;
        }
        
        .tabs-justify .partners-section #one img,
        .tabs-justify .partners-section #two img,
        .tabs-justify .partners-section #three img,
        .tabs-justify .partners-section #four img,
        .tabs-justify .partners-section #five img,
        .tabs-justify .partners-section #six img,
        .tabs-justify .partners-section #seven img,
        .tabs-justify .partners-section #eight img,
        .tabs-justify .partners-section #nine img,
        .tabs-justify .partners-section #ten img{
            height:auto;
        }
        
        .modal1,.modal2,.modal3 {    
            max-width:280px;
            width:100%;
            top:30px;
            left:50%;
            margin-left:-140px;
        }
        
        .custom-35 .bodyContainer,
        .custom-35 .infusion-field-input-container{
            max-width:300px;
            width:100%;
            display:block;
            border:none;
        }
        
        .modal1 .modal1-section,
        .modal2 .modal2-section,
        .modal3 .modal3-section{
            padding:0;
        }
        
        .custom-27 .bodyContainer,
        .custom-27 .infusion-field-input-container{
            /*max-width:260px;*/
            width:100%;
            display:block;
			/*display:flex;*/
            border:none;
        }
        
        .custom-27 .infusion-field-label-container,
        .custom-27 .infusion-field-label-container label{
            max-width:260px;
            width:100%;
            display:block;
            margin:0 0 10px 0;
        }
        
        .custom-35 .infusion-field-label-container,
        .custom-35 .infusion-field-label-container label{
            max-width:300px;
            width:100%;
            display:block;
            margin:0 0 10px 0;
        }
        
        .boxes {
            margin:40px 0 0 0;
            padding:0 25px;
        }
        
        .double,
        .block-holder,
        .block-holder{
            margin:0 0 30px 0;
        }
		
		.block-holder-navypier {
			margin: 0;
		}
		
		.block-holder iframe {
			width:100%;
			height:306px;
		}
		
        .double,
        .double img,
        .block-holder1,
        .block-holder1 img,
        .block-holder2,
        .block-holder2 img{
            height:auto;
        }
        
        .double .caption {
            text-align:center;
        }
		
		.block-holder1 .caption {
			position: initial;
			text-align:center;
			left: 1px;
			top: auto;
			bottom: 34px;
			right: 0px;
			margin-bottom: 20px;
			padding: 0;
			z-index: 99999;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
			height: 106px;
		}
		
		.block-holder1 .caption p{
			font-size:15px;
			line-height:24px;
			color:#046240;
			font-weight:bold;
			padding:10px 10px 20px 10px;
			bottom:0;
			text-align:center;
		}
        
        .block-holder1 img{
            /*padding-left:25%;
            padding-right:25%;*/
        }
        
        .block-holder video,
		.block-holder-navypier video {
            width:100%;
            height:auto;
        }
        
        .block-holder2 img{
            width:100%;
        }
        
        .about img {
            width:100%;
            height:auto;
            margin-top:40px;
        }
        
        .about .heading#heading-2 {
            margin-top:30px;
        }
        
        .about,
        .services,
		.navypier-content {
            overflow:hidden;
            padding-left:25px;
            padding-right:25px;
        }
        
        .services .button {
            width:100%;
        }
        
		.narrow-body {
			padding:0 10px 0 10px;
		}
		
		.esca-logos img {
			max-height:50px;
		}
		
		.esca-video {
			padding:0;
		}

		.esca-video-about {
			margin:0;
		}

		.esca-video-about ul {
			padding:0 0 20px 0;
		}
		
		.kaep-box {
			float: left;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width:90%;
			padding: 15px;
		}

		.kaep-box .infusion-field-input {
			font-family: arial;
			font-size: 14px;
			color: rgb(0, 0, 0);
			line-height: 17px;
			text-align: start;
			width: 160px;
		}		

		.kaep-box .infusion-field {
			font-family: arial;
			font-size: 14px;
			color: #006140;
			line-height: 17px;
			text-align: left;
			width: 140px;
		}
		
		.employco.app.store.buttons {
			display: block;
			text-align: center;
		}
		
		.employco.app.store.buttons .apple img {
			width: 200px;			
			margin: 10px 0 10px 0;
		}
		
		.employco.app.store.buttons .google img {
			width: 200px;
			margin: 0 0 0 0;
		}
		
		.esca-contact-card {
			margin-top: 30px;
		}				
		
		.brew-shaded {
			padding: 15px 10px 270px 10px;
		}
		
		.brew-tank {
			margin-top: 20px;
		}
		
		.brew-tank img {
			margin-top: 35px;
		}
		
		.icbg {
			position: absolute;
			display: inline-block;
			margin-top: 10px;
		}
		
		.icbg img {
			max-height: 100px;
		}
		
		.icbg p {
			font-size: 12px;
			line-height: 12px;
			max-width: 200px;
		}
		
		.hops {
			display: inline-block;
			float: right;
		}
		
		.hops img {
			max-height: 140px;
		}			
		
        .pre-footer {
            margin:-5px 0 0 0;
            padding:0 30px;
        }
        
        .pre-footer .pre-footer-box,
        .pre-footer .pre-footer-box.border{
            border-right:none;
            border-bottom:1px solid #ccc;
        }
        
        .pre-footer .pre-footer-box#box-2 {
            padding-left:0;
        }
        
        .pre-footer .pre-footer-box#box-4 {
            border-bottom:none;
        }
        
        .pre-footer.column.three.nospace-right {
            margin-left:0;
        }
        
        .pre-footer a.button-line6 {
            float:none;
            margin-left:8px;
        }
        
        .pre-footer .pre-footer-box ul {
            margin:10px 0;
            text-align:left;
        }
        
        .footer {
            padding:40px 30px 0 30px;
        }
        
        .footer h4 {
            padding-top:30px;
        }
		
		.coronavirus-banner .banner-contents img{
			margin-top: -12.5px;
			max-width: 110px;
			max-height: 80px;
		}
		
		.coronavirus-banner .banner-contents p{
		color: black;
		margin-top: -12.5px;
		padding: 0 0 0 10px;
		font-size: 12px;
		line-height: 14px;
		}

		.ypo-logo img {
		max-width:80px;
		}
	
		.esca-member-sign-up-box {
			float: none;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: auto;
			padding: 15px;
			margin-bottom: 20px;
			display: flex;
			flex-direction: column;
		}
		
		.esca-member-detail-capture-box input[type=text] {
			width:auto;
		}
		
		.esca-member-already-registered-box {
			float: left;
			border-style: solid;
			border-width: 5px;
			border-color: #006140;
			width: auto;
			padding: 15px;
			margin: 0 1% 20px 1%;
		}	
		
		.esca-member-detail-capture-header h4 {
			font-family: arial;
			font-weight: normal;
			font-size: 14px;
			color: #006140;
			line-height: 17px;
			text-align: left;
			width: 100px;
		}	

	
    }

    @media only screen and (max-width:300px) {
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:1472px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:2118px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:221px; }
    }

    @media only screen and (min-width:300px) and (max-width:310px){
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:380px;
        }
        
        .services .services-box#three{
            margin:0 0 30px 0;
            height:400px;
        }
        
        .services .services-box#four{
            margin:0 0 30px 0;
            height:440px;
        }
        
        .services .services-box#six{
            margin:0;
            height:450px;
        }
        
        .services .services-box#two{
            margin:0 0 30px 0;
            height:470px;
        }
        
        .services .services-box#five{
            margin:0 0 30px 0;
            height:450px;
        }
        
        .services .services-box .description{
            padding-top:40px;
            height:470px;
        }
    }

    @media only screen and (min-width:311px) and (max-width:410px){
        .services .services-box#one{
            margin:50px 0 30px 0;
            height:330px;
        }
        
        .services .services-box#three{
            margin:0 0 30px 0;
            height:360px;
        }
        
        .services .services-box#four{
            margin:0 0 30px 0;
            height:390px;
        }
        
        .services .services-box#six{
            margin:0;
            height:410px;
        }
        
        .services .services-box#two{
            margin:0 0 30px 0;
            height:430px;
        }
        
        .services .services-box#five{
            margin:0 0 30px 0;
            height:410px;
        }
        
        .services .services-box .description{
            padding-top:40px;
            height:470px;
        }
    }

    @media only screen and (min-width:301px) and (max-width:410px){
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:1332px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1400px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:200px; }
    }

    @media only screen and (min-width:411px) and (max-width:766px){
        .accordion .accordion-wrapper .input.tab-1:checked ~ .section { height:870px; }
        .accordion .accordion-wrapper .input.tab-2:checked ~ .section { height:1180px; }
        .accordion .accordion-wrapper .input.tab-3:checked ~ .section { height:140px; }
    }