@media only screen and (min-device-width: 770px)  
{
    .Mlarge {
        width: 65%!important;
        margin-top: 5%!important;
    }
}
@media only screen and (max-device-width: 769px)  
{
    .Mlarge {
        width: 95%!important;
        margin-top: 5%!important;
    }
}

.upp760 {
     background: transparent url('../../undertow/img/video/upp760.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:350px;
     height:198px!important;
     margin-bottom: 10px;
     margin-top: 10px;
     float:right;
     
  }
  .upp760:hover {
     background: transparent url('../../undertow/img/video/upp760-hover.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:350px;
     height:198px!important;
     margin-bottom: 10px;
     margin-top: 10px;
     float:right;
  }

  @media (min-width:981px)and (max-width:1326px){
     .upp760 {
        background: transparent url('../../undertow/img/video/upp760.png') center no-repeat;
        background-size: 100%;
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        width:245px;
        margin-top: 10px;
     }
     .upp760:hover {
        background: transparent url('../../undertow/img/video/upp760-hover.png') center no-repeat;
        background-size: 100%;
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        width:245px;
        margin-top: 10px;
     }
  }

/*RESPONSIVE VIEWS*/
/*MOBILE VIEW */

@media(min-width:769px) and (max-width:980px) {
   
   .upp760 {
     background: transparent url('../../undertow/img/video/upp760.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:146px;
     margin-top: 10px;
  }
  .upp760:hover {
     background: transparent url('../../undertow/img/video/upp760-hover.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:146px;
     margin-top: 10px;
  }
}
@media(min-width:320px) and (max-width:768px) {
   
   .upp760 {
     background: transparent url('../../undertow/img/video/upp760.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:215px;
     margin-top: 10px;
  }
  .upp760:hover {
     background: transparent url('../../undertow/img/video/upp760-hover.png') center no-repeat;
     background-size: 100%;
     transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
     width:215px;
     margin-top: 10px;
  }
}


.video1 {
  background: transparent url('../../undertow/img/video/video1.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video1:hover {
  background: transparent url('../../undertow/img/video/video1-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}

.video2 {
  background: transparent url('../../undertow/img/video/video2.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video2:hover {
  background: transparent url('../../undertow/img/video/video2-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video3 {
  background: transparent url('../../undertow/img/video/video3.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video3:hover {
  background: transparent url('../../undertow/img/video/video3-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.tile_plow {
  background: transparent url('../../undertow/img/video/video3.png') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.tile_plow:hover {
  background: transparent url('../../undertow/img/video/video3-hover.png') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video4 {
  background: transparent url('../../undertow/img/video/video4.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video4:hover {
  background: transparent url('../../undertow/img/video/video4-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video5 {
  background: transparent url('../../undertow/img/video/video5.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video5:hover {
  background: transparent url('../../undertow/img/video/video5-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video6 {
  background: transparent url('../../undertow/img/video/video6.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video6:hover {
  background: transparent url('../../undertow/img/video/video6-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video7 {
  background: transparent url('../../undertow/img/video/video7.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.video7:hover {
  background: transparent url('../../undertow/img/video/video7-hover.jpg') center no-repeat;
  background-size: 100%;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  width:265px;
  height:198px!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
@font-face {
  font-family: 'Square721 BdEx BT Bold ';
  src: url('fonts/square721-bdex-bt-bold.woff');
  font-weight: bold;
}

body {
 background: #ffffff; }


 a:focus {
    outline: none; }

    .navbar-product li.current a:link, .navbar-product li.current a:visited, .navbar-product li.current a:hover, .navbar-product li.current a:active, .navbar-product li.current a:focus {
       background: #e8e8e8;
       color: #666666; }

       .productLogoHeader {
          margin-top: -7px; }

/* Margin Classes */
.top-70 {
 margin-top: 70px; }

 .top-40 {
    margin-top: 40px; }

    .top-35 {
       margin-top: 35px; }

       .top-20 {
          margin-top: 20px; }

          .topFeatureContainer .row {
           /* background-image: url(../img/banner/brushfire_banner.jpg); */
           background-color: #62dcd2;
        }

        .topFeatureContainer {
          position: relative; }

          .topTextSlogan {
             position: inherit;
             color: #666666;
             text-shadow: 2px 2px #000000;
             font-size: 42px;
             line-height: 38px;
             text-align: center;
             font-family: 'Montserrat', Arial, serif;
             font-weight: 800;
             /*padding: 10px 25px;*/
             background: rgba(255, 255, 255, 0.75);
             margin-bottom: 10px; }
             .heading{
                
                font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
             }
             .p-content{
                
                font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
             }
/*.panel-heading h4{
      font-family: 'Futura-Bold ' !important;
 }*/
 .topTextSlogan-b {
   position: relative;
   color: #FFF;
   text-shadow: 4px 4px #000;
   font-size: 35px;
   margin-top:70px;
   margin-bottom: 25px;
   line-height: 1.1;
   text-align: left;
   font-family: 'Square721 BdEx BT Bold ';
   /*font-family: 'Montserrat', Arial, serif; font-weight: 800;*/
}

.heading_one{
   font-size:40px;
}
.heading_two 
{
   font-size:65px;
}
.heading_three{
   font-size:60px;
}

.topFeatureContainer .topTextSlogan a {
 color: #666666; }

 .topFeatureContainer .topTextSlogan a:hover {
    color: #333333;
    text-decoration: none;
    border-bottom: 0; }

    a:hover {
       border-bottom: 0; }

       .navbar-brand img {
        /* padding-top: 10px; */
     }
     .navbar-brandlogo img {
       padding-top: 15px; 
       width: 50%;
    }
    
    table.spec-charts tr.header {
     background: #1d1d1d;
     color: #ffd204;
     font-weight: bold;
  }
  table.spec-charts tr td:nth-child(1) {
     color: #ffd204;
  }
  .white-bg {
     background: #fff;
     padding: 20px 0;
  }
/* Small corner banner for special offer */
.free_banner {
 position: absolute;
 z-index: 10;
 right: 0;
 bottom: 10px; }
 

 
 ul.option-nav {
  list-style: none;
  padding: 25px 0;
  margin: 0;
}
ul.option-nav li {
  float: left;
  margin-right: 20px;
}

/* Used to keep corner banner below the text */
.bottom-margin-a {
 margin-bottom: 250px; }

 .bottom-margin-b {
    margin-bottom: 110px;
 }

 .menu-indent {
    margin-top: 50px;
    margin-left: 50px;
    list-style: none; }

    .menu-indent li {
       margin-bottom: 25px; }

       .menu-indent li a {
          background: #000000;
          color: #00467e;
          width: 250px;
          padding-top: 15px;
          padding-bottom: 15px;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-weight: bold; }

          .carousel-caption {
             background: rgba(0, 0, 0, 0.5);
             color: #000000; }

             .carousel-caption h3 {
                color: #00467e; }

                .desc-caption {
                   display: block;
                   padding-top: 10px;
                   width: 55%; }

                   .hdr-logo {
                      position: absolute;
                      top: 40%;
                      margin-top: -100px;
                      left: 10px;
                      z-index: 500;
                      width: 22%;  }

/*Model Link Badges*/
.model_nav {
 padding: 0;
 margin: 10px 20px 5px 0; }

 .model_nav a img {
    padding-bottom: 7px;
    margin-bottom: 10px;
    text-decoration: none; }



    .model_nav a:hover img, 
    .model_nav a.active img, 
    .model_nav a img.active {
       border-bottom: 5px solid #00467e;
       margin-bottom: 5px;
       text-decoration: none; }
       
       .model_feature_nav {
          padding: 0;
          margin: 10px 20px 5px 0; }

          .model_feature_nav a img {
             padding-bottom: 7px;
             margin-bottom: 10px;
             text-decoration: none; }



             .model_feature_nav a:hover img, 
             .model_feature_nav a.active img, 
             .model_feature_nav a img.active {
                border-bottom: 5px solid #ffd204;
                margin-bottom: 5px;
                text-decoration: none; }

/* Model Accordions */
.panel {
 border: 0;
 padding: 0; }

 .panel-heading {
    padding: 0;
    margin: 0;
    border: 0; }

    .panel-heading h4 {
       color: #ffffff;
       background: #666666;
       font: 800 1.5em/1.0 "Arial", Helvetica, sans-serif;
       text-transform: uppercase;
       padding: 15px 0 10px 0;
       border-bottom: 3px solid #4b4b4b;
       margin-top: -5px; }

       .panel-heading .row {
          background: transparent; }

          .panel-heading a {
             display: block;
             color: #ffffff; }

             .panel-heading a:hover, .panel-heading a:focus {
                text-decoration: none; }

                .panel-heading span.d-arrow {
                   float: right; }

                   .panel-body {
                      border: 0;
                      margin: 0;
                      padding: 0;
                      background: #000000; }

                      .panel-collapse {
                         border: 0;
                         margin: 0;
                         padding: 0; }
                         
                         .features {
                            background: #00467f; }

                            .features .container .row {
                               background: #00467f; }
                               
                               .features h4 {
                                  color: #fff;
                                  font-weight: 700;
                                  padding-top: 12px;
                               }
                               
                               .features h3 {
                                  color: #ffd204;
                                  font-size: 2.0em;
                                  font-weight: 800;
/* font-family:'Futura';*/
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*text-transform: uppercase;*/ }

.features h3 span {
 color: #ffffff;
 font-weight: normal; }

 .features p {
    color: #ffffff;
    font-size: 0.85em; }
    
    .features li{
      padding-bottom: 20px;
   }

   .features img {
    padding: 20px 0; }

    .features .item {
       border-bottom: 1px solid #ffffff; }

       .features .item.last {
          border-bottom: 0; }

/* Stump Cutting Times */
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
table, tr, td {
 border-collapse: collapse;
 border: none; }

 table.spec-charts-outer {
    background: #000000;
    width: 100%;
    padding: 0;
    margin: 0; }

    table.spec-charts-outer td.first {
       padding: 0 15px; }

       table.spec-charts-outer td.first img {
          margin-bottom: 10px; }

          table.spec-charts {
             background: #000000;
             color: #ffffff;
             width: 100%;
             margin-bottom: 35px; }

             table.spec-charts caption {
                font-size: 2.0em;
                font-weight: 800;
                color: #00467e; }

                table.spec-charts tr {
                   background: #404040; }

                   table.spec-charts tr.alt {
                      background: #4f4f4f; }

                      table.spec-charts th {
                         font-size: 1.125em;
                         font-weight: 800;
                         text-align: center;
                         background: #212121;
                         color: #00467e;
                         padding: 10px 0; }

                         table.spec-charts th a, table.spec-charts th a:active {
                            color: #00467e; }

                            table.spec-charts th a:hover {
                               color: #d9d9d9;
                               text-decoration: none; }

                               table.spec-charts th a:focus {
                                  text-decoration: none;
                                  outline: 0;
                                  border: 0; }

                                  table.spec-charts th.first {
                                     text-align: left;
                                     padding-left: 15px;
                                     background: #383838; }

                                     table.spec-charts td.th2 {
                                        background: #404040;
                                        font-weight: 700;
                                        padding: 10px 5px; }

                                        table.spec-charts td.th2-spacer {
                                           background: #383838; }

                                           table.spec-charts tr td {
                                            padding: 7px 20px;
                                            width: 12.5%;
                                         }

                                         table.spec-charts thead th.left, table.spec-charts tbody td.left {
                                           text-align: left;
                                           padding-left: 10px; }

                                           table.spec-charts td {
                                              text-align: left; }

                                              table.spec-charts td.multi-row-a {
                                                 background: #212121; }

                                                 table.spec-charts td.multi-row-b {
                                                    background: #383838; }

/* Table Padding and Cell/Row Backgrounds */
.red-cell {
 background: #c10000;
 color: #ffffff; }

 .black-cell {
    background: #121212;
    color: #ffffff; }

    tr.btm-row td {
       background: #000000;
       color: #ffffff;
       text-align: left; }

       table.table-embed {
          width: 100%; }

          td.gradient-1 {
             /* Safari 5.1 to 6.0 */
             background: -webkit-repeating-linear-gradient(to right, #fdd200, #fdd200 10%, #408a00 35%, #408a00 60%, #fdd200 90%, #fdd200);
             /* Opera 11.1 to 12.0 */
             background: -o-repeating-linear-gradient(to right, #fdd200, #fdd200 10%, #408a00 35%, #408a00 60%, #fdd200 90%, #fdd200);
             /* Firefox 3.6 to 15 */
             background: -moz-repeating-linear-gradient(to right, #fdd200, #fdd200 10%, #408a00 35%, #408a00 60%, #fdd200 90%, #fdd200);
             /* Standard syntax */
             background: repeating-linear-gradient(to right, #fdd200, #fdd200 10%, #408a00 35%, #408a00 60%, #fdd200 90%, #fdd200); }

             table.table-embed, table.table-embed tr, table.table-embed tr td {
                padding: 0;
                margin: 0;
                background: transparent;
                color: #000; }

                .mdl-badge {
                   border: 1px solid #000000; }

                   .mdl-badge:hover {
                      border: 1px solid #00467e; }

/* Black footer bar if needed */
.footerRow {
 padding: 10px;
 background: #000000;
 color: #cccccc;
 display: block;
 margin-top: 0px;
 width: 100%; }

 .nav li.no-hover a.no-hover:hover {
    background: #666666; }

/* Teeth Promo */
.promo-logos {
 padding: 50px 0; }

 .promo-logos p {
    padding: 15px 0 0 15px; }

/* Footer Navigation CSS */
.idx-footer {
 margin-top: -20px;
 padding-top: 0; }

 .idx-footer, .idx-footer .container, .idx-footer .container .row {
    background: #000000;
    color: #919191; }

    .idx-footer .container .row {
       padding: 25px; }

       .idx-footer li {
          font-size: 0.85em;
          line-height: 2.3em; }

          .idx-footer .container .row a {
             color: #919191; }

             .idx-footer .container .row a:hover {
                color: #FFD417;
                border: 0;
                text-decoration: none; }

                .idx-footer p img {
                   margin-left: 15px;
                   margin-top: 20px; }

/* Media Query Adjustments */
@media (max-width: 980px) {
 .model_nav a img {
  width: 115px; }
  .model_feature_nav a img {
     width: 115px; }
     .free_banner img {
        width: 200px; }
        .bottom-margin-a {
           margin-bottom: 155px; }
           h4.panel-title {
              font-size: 2.0em; } 

              .topTextSlogan-b {
               position: relative;
               color: #FFF;
               text-shadow: 2px 2px #000;
               font-size: 28px;
               margin-top: 120px;
               margin-bottom: 15px;
               line-height: 1.1;
               text-align: left;
               font-family: 'Square721 BdEx BT Bold ';
               /*font-family: 'Montserrat', Arial, serif; */
               font-weight: 800;
            }
            .heading_one{
               font-size:33px;
            }
            .heading_two 
            
            {
               font-size:55px;
            }
            .heading_three{
               font-size:50px;
            }
            
            .hdr-logo {
              width: 260px;
           }

        }

        @media (max-width: 420px) {
          .col-xxs {
           width: 100%; }
           .hdr-logo {
              width: 200px; }
              .model_nav a img {
                 width: 100px; }
                 .model_feature_nav a img {
                    width: 100px; }
                    .free_banner img {
                       width: 175px; }
                       .bottom-margin-a {
                          margin-bottom: 135px; }
                          h4.panel-title {
                             font-size: 1.0em; }
                             .features h3 {
                                font-size: 1.8em; } }
                                a.one:link {
                                 background-color: #00467f !important;
                                 color: #FFF !important;
                              }

                              a.one:visited {
                                 background-color: #00467f !important;
                                 color: #FFF !important;
                              }

                              a.one:hover {
                                 background-color: #FFF !important;
                                 color: #00467f !important;
                              }

                              @media (min-width:320px)and (max-width:767px) {
                                 a.one:link {
                                    background-color: #FFF !important;
                                    color: #00467f !important;
                                 }

                                 a.one:visited {
                                    background-color: #FFF !important;
                                    color: #00467f !important;
                                 }

                                 a.one:hover {
                                    background-color: #00467f !important;
                                    color: #FFF !important;
                                 }
                              }

                              @media (min-width:768px)and (max-width:991px) {
                                 .nav-logo {
                                    color: #FFF;
                                    font-size: 17px;
                                    font-family: Arial Black;
                                    padding-left: 0px;
                                    padding-right: 0px;
                                 }

                                 .nav>li>a {
                                    font-size: 14px;
                                    padding-left: 6px;
                                    padding-right: 6px;
                                 }
                              }

                              @media (min-width:992px)and (max-width:1200px) {
                                 .nav-logo {
                                    color: #FFF;
                                    font-size: 20px;
                                    font-family: Arial Black;
                                    padding-left: 0px;
                                    padding-right: 0px;
                                 }

                                 .nav>li>a {
                                    font-size: 14px;
                                    padding-left: 8px;
                                    padding-right: 8px;
                                 }
                              }

                              @media (min-width:1201px)and (max-width:1550px) {
                                 .nav-logo {
                                    color: #FFF;
                                    font-size: 30px;
                                    font-family: Arial Black;
                                    padding-left: 0px;
                                    padding-right: 0px;
                                 }

                                 .nav>li>a {
                                    font-size: 14px;
                                    padding-left: 12px;
                                    padding-right: 12px;
                                 }
                              }

                              @media (min-width:1551px) {
                                 .nav>li>a {
                                    font-size: 14px;
                                    padding-left: 12px;
                                    padding-right: 12px;
                                 }
                              }