﻿/* This is an override file for the Mobile stylesheet, and is the highest precedence */

@media (max-width: 1500px) { 

.process-grid { 
    grid-template-columns:49% 49%;
}

.process-grid-warning {
    grid-row:1;
    grid-column: 1 / span 2;
}

.process-grid-driver { 
   grid-row: 2;
   grid-column: 1;
}

.process-grid-not { 
   grid-row: 2;
   grid-column:2;
}

.process-grid-never { 
   grid-row: 3;
   grid-column: 1;
}

.process-grid-noresp { 
   grid-row: 3;
   grid-column: 2;
}

.process-grid-footer { 
   grid-row: 4;
   grid-column: 1 / span 2;
}

}

@media (max-width: 1275px) { 

    .top-menu uL {
        float:right;
        width:400px;
        margin-right:20px;
    }

    .top-menu li {
        float: unset;
        background-color: #3d3c3c;
        color: white;
        padding: 10px;
    }

        .top-menu li > a {
            color: white;
        }

            .top-menu li > a.active, .top-menu li > a:hover {
                font-weight: bold;
                background: unset;
                border-bottom:none;
            }

    .top-menu-selected {
        float: right;
        background-color: #3d3c3c;
        color: white;
        padding: 10px;
        display: block;
    }

        .top-menu-selected span {
            text-transform: uppercase;
        } 
}


@media (max-width: 1023px) {
	.force_image {
           height:60px;
       }

   .Title {
      font-size: 1.1rem;
      padding-left:20px;
      padding-top:0;
   }

      .header {
         grid-template-columns: 8rem auto 100px;
      }

	.faq_heading ul li {
    list-style-type: none;
    border-right: none;
    border-radius: 0px;
    text-align: left;
    float:unset;
    width:unset;
    padding-bottom:10px;
    height:unset;
}


}

@media (max-width:820px) {
   .header { 
      grid-template-columns:6rem auto 75px;
   }

   .Title {
      padding-left:0px;
      font-size:1rem;
   }

.nav-main-wrapper-menu {
    grid-template-columns: 450px 99%;
    display: grid;
}

.process-grid { 
    grid-template-columns:100%;
    min-height: 10rem;
}

.process-grid-warning {
    grid-row:1;
    grid-column:1;
}

.process-grid-driver { 
   grid-row: 2;
    grid-column:1;
   min-height:10rem;
}

.process-grid-not { 
   grid-row: 3;
    grid-column:1;
   min-height:10rem;
}

.process-grid-never { 
   grid-row: 4;
    grid-column:1;
   min-height:10rem;
}

.process-grid-noresp { 
   grid-row: 5;
    grid-column:1;
   min-height:10rem;
}

.process-grid-footer { 
   grid-row: 6;
   grid-column: 1;
}

.top-menu UL { 
        margin-right:0;

}

}

@media (max-width:600px) { 
    .Title {
       font-size:0.7rem;
    }
}