@charset "utf-8";

/****** MAX 992 ********/
@media only screen and (max-width: 991px) {
     #full-report {
         background-position:-190px 0;
         background-size: 636px 193px;
    }
     .elite-section{
         background-size: 373px 74px;
         background-position:209px -5px;
    }
     .main-header {
         font-size: 24px;
    }
     .odometer-margin {
         margin-left:2px;
         margin-right:2px;
    }
     #at-glance .card {
         margin-top:5px;
    }
    
    .dealer-name {
	  width:64%;
	}
    
   .elite-section .badge-outer {
	  width:25%;
	}
	
	#three-box-summary .box-title-owners {
		margin-top: 15px;
        display: block;
	}
	
		
	
	#three-box-summary .modal-dialog {
      max-width: 800px;
      width: 80%;
    
    }

    .prequal-banner .prequal-cta {
        width: 200px;
    }

    .prequal-banner .prequal-cta-wrapper {
        text-align: left;
        padding: 0;
    }

    .prequal-banner .prequal-bkg-2 {
        background-position: inherit;
    }

    .prequal-banner .prequal-bkg-2 {
        background-repeat: round;
    }
    
     .caroffer-banner .caroffer-cta {
        width: 175px;
    }

    .caroffer-banner .caroffer-cta-wrapper {
        text-align: left;
        padding: 0;
    }
    
    #history .badge-blue{
	  margin-top:4px;
	}
	
	
	#three-box-summary .score-area {
	  display:inline-block;
	  text-align:right;
    }
	
   
   #three-box-summary .mainScore {
        font-size: 50px;
        top: 53%;
        left: 39%;
    }
    
    #three-box-summary .high-score {
	  right:5%;
	  top:40%;
	}
	
	#three-box-summary .low-score {
	  left: 5%;
	  top:40%;
	}
   
   
    #three-box-summary .score-text {
	 padding-top: 20px;
	 padding-left: 24px;
     text-align: left;
    }
	
	#three-box-summary .box-title-score-md {
    font-weight: 500;
    font-size: 30px;
    color: #216fb8;
    width: 100%;
    line-height: 32px;
   }
   
   #decodeAndScore .extra-col{
	display:none;
   }
   
   #three-box-summary #decodeAndScore .score-text {
	 padding-top: 12px;
	 padding-left: 24px;
	 text-align:center;
    }
	
}


/****** MAX 850 ********/
 @media only screen and (max-width: 850px) {
	

}



/****** MAX 767 ********/
 @media only screen and (max-width: 767px) {
     #full-report {
         background-image:none;
         margin-top:0px;
        padding: 7px 3px 3px 3px;
    }
     .elite-section{
         background-image:none;
    }
      .logo-section {
	    text-align:center;
     }
     .logo-section img{
         margin: 20px;
         float:none;
    }
    .logo-section .logo {
		float:none;
	}
     .logo {
         text-align:center;
    }
    .ford-esp {
	  float:none;
	  text-align:center;
    }
    
    .no-logo-spacing {
         margin-top: 0px;
    }
     .dealer-label p {
         text-align: inherit;
    }
     .sections .img-col {
         padding-top: 7px;
         text-align: center;
         margin-bottom: 5px;
    }
    .sections .info-section-header {
         font-size: 17px;
    }
    .sections .info-section-text, #glossary .info-section-text {
     font-size: 14px;
    }
    .sections .unreported-events-text {
     font-size: 14px;
     font-weight: normal !important;
     display:block;
	}
    
     .elite-section .dealer-label {
	  text-align:unset;
	}
    
    .elite-section .badge-outer {
	  width:100%;
	  display:block;
	  margin-top: 5px;
	}
	
	
    
    #recall .recall-table-sm .rTableCell b {
         font-size: 15px;
     }

     #recall .recall-table-sm span {
         font-size: 14px;
     }

     #recall .recall-link {
         font-size: 16px;
     }

     #glossary #glossary-section-sm .rTableCell b {
         font-size: 15px;
     }

     #glossary #glossary-section-sm span {
         font-size: 14px;
     }

     #glossary .info-section {
         padding-bottom: 10px;
     }

     #glossary #glossary-section {
         padding: 20px;
     }

     .prequal-banner p {
        margin-bottom: 5px;
     }

     .prequal-banner .prequal-bkg {
         background-size: cover;
     }

     .prequal-banner .prequal-bkg-2 {
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
     }

     .prequal-banner .prequal-title {
         margin-top: 5px;
     }
     
     
      .caroffer-banner p {
        margin-bottom: 5px;
     }

     .prequal-banner .prequal-bkg {
         background-size: cover;
     }

     .prequal-banner .prequal-bkg-2 {
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
     }

     .prequal-banner .prequal-title {
         margin-top: 5px;
     }
     
     
     
     .caroffer-banner .med-textCenter {
	   text-align:center;
     }
     
     
      .caroffer-banner p {
        margin-bottom: 5px;
     }

     .caroffer-banner .caroffer-bkg {
         background-size: cover;
     }

     

     .caroffer-banner .caroffer-title {
         margin-top: 5px;
     }
     
     
      .caroffer-banner p {
        margin-bottom: 5px;
     }

     .caroffer-banner .caroffer-bkg {
         background-size: cover;
     }

     .caroffer-banner .caroffer-bkg-2 {
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
     }

     .caroffer-banner .caroffer-title {
         margin-top: 5px;
     }
     
    .caroffer-banner .caroffer-cta {
        width: 200px;
    } 
     

     #inspection .inspection-table-sm .rTableCell b {
         font-size: 15px;
     }

     #inspection .inspection-table-sm span {
         font-size: 14px;
     }

     #inspection .inspection-link {
         font-size: 15px;
     }
     
     #history .badge-blue{
	  margin-top:4px;
	}
	
	#nohistory{
		margin-top:2px;
	}
	
	#three-box-summary .owner img {
    max-width: 125px;
    }
	
	
	#three-box-summary .mainScore {
        font-size: 50px;
        top: 54%;
        left: 40%;
    }
    
    #three-box-summary .high-score {
	  right:5%;
	  top:40%;
	}
	
	#three-box-summary .low-score {
	  left: 5%;
	  top:40%;
	}
	#three-box-summary #decodeAndScore .mainScore {
       font-size: 45px;
    top: 51%;
    left: 40%;
    }
    
    #three-box-summary #decodeAndScore .high-score {
	  right: 4%;
	  top:45%;
	  font-size: 18px;
	}
	
	#three-box-summary #decodeAndScore .low-score {
	  left: 4%;
	  top:45%;
	  font-size: 18px;
	}

	
 }

/****** MAX 650 ********/
@media only screen and (max-width: 650px) {
	#three-box-summary .mainScore {
        font-size: 40px;
        top: 54%;
        left: 41%;
    }
    
    #three-box-summary .high-score {
	  right:5%;
	  top:40%;
	}
	
	#three-box-summary .low-score {
	  left: 5%;
	  top:40%;
	}
	
}




/****** MAX 576 ********/
@media only screen and (max-width: 575px) {
     .main-header {
         font-size: 21px;
    }
    .sections .info-section-header {
         font-size: 15px;
    }
    .sections .info-section-text, #glossary .info-section-text {
         font-size: 13px;
    }
    .sections .unreported-events-text {
     font-size: 13px;
     font-weight: normal !important;
     display:block;
	}
    .sections .info-section{
         display:block;
    }
    .sections img.icon-img{
         display: block;
         margin-left: auto;
         margin-right: auto;
         margin-bottom:5px;
    }
    
    
    #three-box-summary .box-title-owners,#three-box-summary .box-title-score {
	font-size: 22px;
    
    }
    
  
    
    #three-box-summary .modal-dialog {
      max-width: 96%;
      width: 96%;
    
    }
    
 
    #recall .recall-table-sm .rTableCell b {
        font-size: 14px;
    }

    #recall .recall-table-sm span {
        font-size: 13px;
    }

    #recall .recall-link {
        font-size: 15px;
    }

    #glossary #glossary-section-sm .rTableCell b {
        font-size: 14px;
    }

    #glossary #glossary-section-sm span {
        font-size: 13px;
    }

    .prequal-banner .prequal-title {
        font-size: 24px;
        margin-bottom: 8px;
        line-height: 1.1;
    }

    .prequal-banner .prequal-subtitle {
        font-size: 13px;
        margin-bottom: 8px;
        line-height: 1.1;
    }

    #inspection .inspection-table-sm .rTableCell b {
        font-size: 14px;
    }

    #inspection .inspection-table-sm span {
        font-size: 13px;
    }

    #inspection .inspection-link {
        font-size: 14px;
    }
    
    
     #three-box-summary .mainScore {
        font-size: 14vw;
        top: 54%;
        left: 41%;
    }
    
    #three-box-summary .high-score {
	  right:5%;
	  top:50%;
	  font-size: 24px;
	}
	
	#three-box-summary .low-score {
	  left: 5%;
	  top:50%;
	  font-size: 24px;
	}
	
	#three-box-summary .score-text {
    text-align: center;
   }
   
   #three-box-summary #decodeAndScore .score-area img {
     padding-left: 20px;
     padding-right: 20px;
     padding-top:0px;
     padding-top:0px;
   }
   
    #three-box-summary #decodeAndScore .mainScore {
        font-size: 14vw;
        top: 50%;
        left: 40%;
    }
    
    #three-box-summary #decodeAndScore .low-score {
	  left: 8%;
	  top:40%;
	  font-size:24px;
	}

	
	#three-box-summary #decodeAndScore .high-score {
	  right: 8%;
	  top:40%;
	  font-size:24px;
	}
	
	#three-box-summary #decodeAndScore .score-text {
      padding-top: 0;
      padding-left: 5px;
      padding-right:5px;
    }
  
}


/****** MAX 400 ********/
@media only screen and (max-width: 400px) {
	
   #three-box-summary .high-score {
	  right:5%;
	  top:40%;
	 font-size: 20px;
	}
	
	#three-box-summary .low-score {
	  left: 5%;
	  top:40%;
	  font-size: 20px;
	}
	
	#three-box-summary .singleDigitScore {
    font-size: 14vw;
    position: absolute;
    top: 35%;
    left: 45%;
    
}

#three-box-summary .singleDigitScoreNoOwner {
    font-size: 14vw;
    position: absolute;
    top: 35%;
    left: 45%;
    
}

 #three-box-summary #decodeAndScore .low-score {
	  left: 8%;
	  top:30%;
	  font-size:20px;
	}

	
	#three-box-summary #decodeAndScore .high-score {
	  right: 8%;
	  top:30%;
	  font-size:20px;
	}

}



/****** MAX 375 ********/
@media only screen and (max-width: 375px) {
   
}



/****** MIN 992 ********/
@media only screen and (min-width: 992px) {
	
	#three-box-summary .modal-dialog {
      max-width: 1000px;
      width: 80%;
    
    }
	
}