﻿@media only screen and (max-width: 1023px) and (min-width: 800px)
{
    .header { width: 766px; height: 207px; }
    .headerimg { background-position: center top; }
    .headersubimg { background-position: center top; }

    .page { min-width: 800px; max-width: 1023px; }

    #menubar { width: 766px; position: relative; float: right; left: auto; top: auto; }

    .callUs { width: 570px; margin-top: 65px; margin-bottom: 10px; font-size:1.6em; }

    #menubar .item1 {left: 0px;  width: 124px; }
    #menubar .item2 {left: 129px; width: 123px; }
    #menubar .item3 {left: 257px; width: 124px; }
    #menubar .item4 {left: 386px; width: 123px; }
    #menubar .item5 {left: 514px; width: 124px; }
    #menubar .item6 {left: 643px; width: 123px; }

    .translate { width: 766px; margin: 20px 0px 0px 0px; }

    .main { min-height: 420px; width:766px; }

    .bannerMain { width: 766px; height: 396px; }
    .bannerSub { width: 766px; height: 296px; }

    #headertxt, #headersubtxt { 
        width:766px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ 
    }

    .firstline { left: 100px; width:656px; }
    .secondline { left: 50px; width:706px; font-size:1.1em; }
    .firstline2lines { left: 10px; width:746px; }

    #headersubtxt .firstlinebig { left: 100px; width:656px; top:-12px; }
    #menubar .ul2 { left: -122px; }

    .leftCol { margin: 0px 8px 20px 0px; width: 766px; }
    .leftColMain { width: 100%; float: left; }
    .leftColSplits { width: 766px; }
    .leftColLeftThird { width: 232px; margin-right: 35px; }
    .leftColMiddleThird { width: 232px; }
    .leftColRightThird { width: 232px; margin-left: 35px; }
    .leftColSplits img { width: 232px; height: 143px; }
    .fullCol { width: 766px; }

    .buttonLink { width: 222px; }
    .buttonLink a { width: 225px; }

    .rightCol { margin: 0px 0px 8px 0px; width: 766px; float: left; }

    .rightColButton1, .rightColButton3, .rightColButton2, .rightColButton4 { width: 343px; background-size:cover; }
    .rightColButtonL { margin-right: 10px; }
    .rightColButtonR { margin-left: 10px; }
    .rightColMenuButton { width:343px;  margin-right: 10px; background-size:cover; margin-bottom:20px; }
    .rightColMenuButton.singleHeight { height: 123px; }
    .rightColMenuButton.doubleHeight { height: 296px; }
    .rightColMenuButton.tripleHeight { height: 469px; }
    .rightColMenuButton.wheelHeight { height: 223px; }
    .rightColMenuButton.fullWidth { width: 736px; }
    .rightColMenuButton h4 { text-align:left; float:left; }

    .rightColBottom { width: 746px; }
    .rightColBottomLeft { width: 644px; font-size: 1.5em; padding-top: 10px; }

    .footer { width: 756px; height: 150px; }
    div.bottomNavigation { width: unset; }
    div.copyright { width: 756px; float: left; }
    div.copyrightRight { float: left; text-align: left; padding-left: 5px; }

    .accredTitle { margin-top:0px; font-size:1.6em; }
    .accredText { font-size:1.2em; }

    .onlyLarge { display:none!important; }
    .floatRightNotLarge { float:right; }
    .floatLeftNotLarge { float:left; }
    .noWidthNotLarge { width:unset; margin-top:0px; }
    .halfWidthNotLarge { width:346px; margin-top:0px; }
    .smaller { font-size: 1.1em; top:-7px; }
    .faqText { float:left; width:741px; }
    .photoHeight { height:158px; }
    .doublePhotoHeight { height: 371px; }
    .hundredPercentNotLarge { width:100%; }
    .noMoveNotLarge { top: 0px!important; }
    .formRow { width:766px; }
    .formField { width:566px; } 
    .formField > input[type=text], .formField > textarea { width:500px; }
}

@media only screen and (max-width: 799px)
{
    .translate { display:none; }
    .mobileNav { display:block; }
    .navbar-toggle { position: relative; float: right; padding: 7px 7px; margin-top: 22px; margin-bottom: 21px; background-color: transparent; border: 1px solid transparent; z-index:501; cursor:pointer; }
    .navbar-toggle .icon-bar { display: block; width: 36px; height: 4px; border-radius: 1px; background-color: #014282; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 7px; }
    .navbar-toggle:hover { background-color: #bfcbd6; }

    #menubar { display:none; width: 100%; height:100%; background: rgba(255,255,255,0.8); margin: 0; position:fixed; top:0; left:0; z-index:500; overflow:scroll; text-align:center; padding:50px 0px; }   
    #menubar.collapse { display:block; }
    #menubar .menu li { list-style: none; display: block; }

    #menubar .menu li a,
    #menubar .menu li a:link, 
    #menubar .menu li a:visited, 
    #menubar .menu li a:active { display: block; padding: 10px 0px; color: #014282; background-image: none; text-transform: none; font-weight:400; font-size:1.5em; }   
    #menubar .ul1, #menubar .ul2 { display:none; }
    .navbar-toggle.collapse .icon-bar { opacity:0; }
    .navbar-toggle.collapse :first-child { -webkit-transform:translate(0px, 11px) rotate(45deg); transform:translate(0px, 11px) rotate(45deg); opacity:1; }
    .navbar-toggle.collapse :last-child { -webkit-transform:translate(0px, -11px) rotate(-45deg); transform:translate(0em, -11px) rotate(-45deg); opacity:1; }
}

@media only screen and (max-width: 799px) and (min-width: 600px) 
{
    .header { width: 566px; height: 157px; padding-top:30px; }
    .headerimg { background-position: center top; background-size:cover; height:200px; }
    .headersubimg { background-position: center top; background-size:cover; height:200px; }

    .page { min-width: 600px; max-width: 799px; }
    .callUs { width:566px; float:left; text-align:left; font-size:1.6em; }
    .main { width: 566px; }
    .bannerSub, .bannerMain { width: 566px; height:206px; }

    #headertxt, #headersubtxt { width: 566px; text-align:left; }
    #headertxt { background: none; }
    .gradient { display:none; }
    .firstline2lines, .firstline, .secondline { width: 566px; text-align:left; left:0px; }
    .leftCol, .leftColMain, .leftColSplits, .leftColLeftThird, .leftColMiddleThird, .leftColRightThird, .rightCol {width:566px; margin:0px 0px;}
    .rightColButton1, .rightColButton2, .rightColButton3, .rightColButton4 { width:536px; text-align:left; float:left; height:91px; }
    .rightColButton1 h3, .rightColButton2 h3, .rightColButton3 h3, .rightColButton4 h3,
    .rightColButton1 h4, .rightColButton2 h4, .rightColButton3 h4, .rightColButton4 h4 { float:left; }
    .rightColButton1 h3, .rightColButton2 h3, .rightColButton3 h3, .rightColButton4 h3 { margin-top:15px; }
    .rightColButton1 h4, .rightColButton2 h4, .rightColButton3 h4, .rightColButton4 h4 { margin-bottom:15px; }
    .rightColButtonDoubleHeightH3 br { display:none; }
    .rightColButtonDoubleHeightH3 { margin-bottom:20px!important; }
    .leftColLeftThird, .leftColMiddleThird, .leftColRightThird { margin-bottom:20px; }
    .leftColSplits img { width:100%; height:348px; }
    .hideInSmall { display:none; }
    .leftColSplits h5 { font-size:2em; }
    .rightColBottom { width:unset; padding:15px; }
    .rightColBottom img { width:75px; height:113px; border:0; margin-left:20px; margin-bottom:0px; float:right; position:relative; top:0; right:0; }
    .footer { width:536px; padding:15px; margin-top:20px; height:200px; }
    div.bottomNavigation, div.copyright, div.copyrightLeft, div.copyrightRight, div.bottomNavigationRight { width:536px; float:left; text-align:left; }
    .copyrightRight { padding-left:5px; }
    .rightColMenuButton { width: 536px; background-size:cover; }
    .rightColMenuButton h4 { text-align:left; float:left; }
    .rightColPhoto { width:566px; margin-bottom:0px; }
    .rightColPhoto > img { width:100%; }
    .rightColPhoto > a > img { text-align:center; }
    .leftColTable { width:566px; margin-left:0px; }
    .leftColTable td { vertical-align:top; }
    .clientLogo { display:none; }
    .faqText { width: 541px; }
    .bottomMarginSmall { margin-bottom:20px; }
    .formRow, .formField { width:566px; } 
    .formField > input[type=text], .formField > textarea { width:500px; }
    .formField > textarea { margin-top:8px; }
    .lastRow { margin-bottom:20px; }
    .fullCol { width: 566px; }
}
@media only screen and (max-width:1023px)
{
    .onlyLarge { display:none!important; }
    #headernav-outer { display:none!important; }
}

@media only screen and (max-width:799px)
{
    .onlyLargeAndMedium { display:none!important; }
}

@media only screen and (max-width:599px)
{
    .header { width: 100%; height: auto; padding-top:30px; }
    .logo { margin-left:20px;}
    .mobileNav { margin-right:20px; }
    .exceptSmallest { display:none; }
    .onlySmallest { display:block; }
    .onlySmallest.displayTable { display:table; }
    .headerimg { background-position: center top; background-size:cover; height:200px; }
    .headersubimg { background-position: center top; background-size:cover; height:200px; }

    .page { min-width: 230px; max-width: 599px; }
    .callUs { width:unset; float:left; text-align:left; margin: 20px; font-size:1.6em; }
    .main { width:unset; margin: 0px auto; }
    .bannerSub, .bannerMain { width: 100%; height:206px; }

    #headertxt, #headersubtxt { width: 100%; text-align:left; }
    #headertxt { background: none; }
    .gradient { display:none; }
    .firstline2lines, .firstline, .secondline { width: 100%; text-align:left; left:0px; }
    .leftCol, .leftColMain, .leftColSplits, .leftColLeftThird, .leftColMiddleThird, .leftColRightThird, .rightCol {width:100%; margin:0px 0px;}
    .rightColButton1, .rightColButton2, .rightColButton3, .rightColButton4 { width:100%; text-align:left; float:left; height:auto; padding-left:0px; padding-right:0px; }
    .rightColButton1 h3, .rightColButton2 h3, .rightColButton3 h3, .rightColButton4 h3,
    .rightColButton1 h4, .rightColButton2 h4, .rightColButton3 h4, .rightColButton4 h4 { float:left; margin-left:15px; }
    .rightColButton1 h3, .rightColButton2 h3, .rightColButton3 h3, .rightColButton4 h3 { margin-top:15px; }
    .rightColButton1 h4, .rightColButton2 h4, .rightColButton3 h4, .rightColButton4 h4 { margin-bottom:15px; }
    .rightColButtonDoubleHeightH3 br { display:none; }
    .rightColButtonDoubleHeightH3 { margin-bottom:20px!important; }
    .leftColLeftThird, .leftColMiddleThird, .leftColRightThird { margin-bottom:20px; }
    .leftColSplits img { width:100%; height:auto; }
    .hideInSmall { display:none; }
    .leftColSplits h5 { font-size:2em; }
    .rightColBottom { width:unset; padding:15px; }
    .rightColBottom img { width:75px; height:113px; border:0; margin-left:20px; margin-bottom:0px; float:right; position:relative; top:0; right:0; }
    .footer { width:unset; padding:15px; margin-top:20px; height:200px; }
    div.bottomNavigation, div.copyright, div.copyrightLeft, div.copyrightRight, div.bottomNavigationRight { width:100%; float:left; text-align:left; }
    .copyrightRight { padding-left:5px; }
    .rightColMenuButton { width: 100%; background-size:cover; padding-left:0px; padding-right:0px; }
    .rightColMenuButton h4 { text-align:left; float:left; clear:both; width:unset; }
    .rightColPhoto { width:100%; margin-bottom:0px; }
    .rightColPhoto > img { width:100%; }
    .rightColPhoto > a > img { text-align:center; }
    .leftColTable { width:100%; margin-left:0px; }
    .leftColTable td { vertical-align:top; }
    .clientLogo { display:none; }
    .faqText { width: 100%; }
    .bottomMarginSmall { margin-bottom:20px; }
    .formRow { width:95%; }
    .formField { width:100%; } 
    .formField > input[type=text], .formField > textarea { width:95%; }
    .formField > textarea { margin-top:8px; }
    .lastRow { margin-bottom:20px; }
    .fullCol { width: 100%; }
    .leftColMain > h1, .leftColMain > h3, .leftColMain > h4, .leftColMain > h5, .leftColMain > p, .leftColMain > ul, .leftColMain > div { margin-left: 15px; margin-right:15px; }
    .fullCol > h1, .fullCol > h3, .fullCol > h4, .fullCol > h5, .fullCol > p, .fullCol > ul, .fullCol > div { margin-left: 15px; margin-right:15px; }
    .leftColSplits h5, .leftColSplits h6 { margin-left:15px; margin-right:15px; }
    .rightColMenuButton > h4 { margin-left:15px; margin-right:15px; }
    .leftColTable > tbody > tr > td:first-child, 
    #MainContent_capabilitiesTable1 > tbody > tr > td:first-child, 
    #MainContent_capabilitiesTable1 > tbody > tr > th:first-child,
    #MainContent_capabilitiesTable2 > tbody > tr > td:first-child, 
    #MainContent_capabilitiesTable2 > tbody > tr > th:first-child,
    #MainContent_capabilitiesTable3 > tbody > tr > td:first-child, 
    #MainContent_capabilitiesTable3 > tbody > tr > th:first-child,
    #MainContent_Table1 > tbody > tr > td:first-child, 
    #MainContent_Table1 > tbody > tr > th:first-child { padding-left:15px; }
    .leftColTable > tbody > tr > td:last-child, 
    #MainContent_capabilitiesTable1 > tbody > tr > td:last-child, 
    #MainContent_capabilitiesTable1 > tbody > tr > th:last-child,
    #MainContent_capabilitiesTable2 > tbody > tr > td:last-child, 
    #MainContent_capabilitiesTable2 > tbody > tr > th:last-child,
    #MainContent_capabilitiesTable3 > tbody > tr > td:last-child, 
    #MainContent_capabilitiesTable3 > tbody > tr > th:last-child,
    #MainContent_Table1 > tbody > tr > td:last-child, 
    #MainContent_Table1 > tbody > tr > th:last-child { padding-right:15px; }
    .quoteStart { margin:20px 15px 10px 15px; }
    .faqMain { width:unset; }
    .faqPlus { display:none; }
    #A1, #A2, #A3, #A4, #A5, #A6, #A7, #A8, #A9, #A10, #A11, #A12, #A13, #A14, #A15, #A16, #A17 { display:block!important; }
}

@media only screen and (max-width:555px)
{
    .footer { height:260px; }
}

@media only screen and (max-width:520px)
{
    .leftColMain > h1 { margin-bottom:10px; width:60%; }
}

@media only screen and (max-width:414px)
{
    .leftColMain > h1 { margin-bottom:10px; width:75%; }
    .callUs { font-size:1.4em; }
}

@media only screen and (max-width:338px)
{
    .leftColMain > h1 { margin-bottom:10px; width:75%; font-size:2.4em; }
    .callUs { font-size:1.2em; }
}
