/*Extra Small devices (phones, below 576px)*/
/*Bootstrap col-xs*/
@media screen and (min-width: 0px) and (max-width: 575px){
	/*custom*/
	.divAcctNewSection{
                width: 100%;
                float: left;
            }
	.proudlySupportsHeader h2 {
		margin-top: 0px;
	}
	.alternateColor img {
		margin-top: 20px;
	}
	.YourBenefitsSpacingAbout {
		margin-top: 5px !important;
		padding-bottom: 20px !important;
	}
	.alternateColor {
		color: white !important;
		background-color: #1862ae;
		padding: 15px;
		margin-bottom: 15px;
	}
	.alternateColor p, .alternateColor h2 {
		color: white !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.IPGAboutCustom {
		color: white !important;
		background-color: #1862ae;
		padding-left: 15px;
		padding-right: 15px;
	}
	.IPGAboutCustom p , .IPGAboutCustom h2 {
		color: white !important;
		margin-top: 0px;
		margin-bottom: 45px !important;
		padding-top: 0px;
	}
	.atdLogoMAP {
		float: none;
		text-align: center;
	}
	.atdStoreMAP {
		margin-left: 0px;
	}
	.approvedHeaderMAP h2 {
		text-align: center;
		color: white !important;
	}
	.featuredHeaderMall h2 {
		text-align: center;
	}
	.alternateColorMap {
		color: white !important;
		background-color: #1862ae;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 35px !important;
		padding-bottom: 15px !important;
	}
	/****************************GLOBAL*******************************************/
	.attribute_style {
		font-size: 8pt !important;
		font-family: Arial;
	}
	h2 {
		font-size: 14.5pt !important;
	}
	h3 {
		font-size: 10pt !important;
		font-family: Arial;
	}
	p, .divQAContainer, .divQAContainer .accordionBtn {
		padding-top: 10px;
		font-size: 10pt;
		text-align: left !important;
	}
	li {
		font-size: 10pt !important;
	}
	.supLogo img {
		padding-top: 10px;
	}
	.atdAd h2 {
		text-align: center;
		padding-top: 15px;
	}
	.hamburger_toggle {
		display: block;
	}
	.succeed_private_homebanner_mobile_placement {
		height: auto;
		text-align: center;
		width: 100%;
	}
	.succeed_Private_homebanner_mobile {
		text-align: center;
		vertical-align: middle;
		min-width: 40%;
		text-align: center;
		height: 51px;
		font-family: ariel;
		color: white;
		font-size: 20px;
		background-color: rgb(32, 32, 32);
		background-image: linear-gradient(45deg, DarkSlateGrey 25%, transparent 25%, transparent 75%, DarkSlateGrey 75%, DarkSlateGrey ), linear-gradient(45deg, DarkSlateGrey 25%, transparent 25%, transparent 75%,DarkSlateGrey 75%, DarkSlateGrey ), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
		background-size: 10px 10px, 10px 10px, 10px 5px;
		background-position: 0px 0px, 5px 5px, 0px 0px;
	}
	.droptoggle_placement {
		height: auto;
		text-align: left;
		width: 100%;
	}
	.droptoggle_style {
		margin-top: 15px;
		position: relative;
		z-index: 100000;
		font-size: 4em;
		line-height: .8em;
		color: black;
		display: block;
		background-color: Transparent;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
		overflow: hidden;
		outline: none;
		pointer-events: all;
	}
	.divcategoryddl{
		text-align: center;
	}
	.succeed_private_home_headerplacementarea {
		display: none;
	}
	.succeed_private_home_header {
		display: none;
	}
	.button_private {
		height: 45px;
		font-size: 11pt;
		padding-top: 13px;
	}
	.button_private:hover{
		color: white;
	}
	/*.pronto_img_position {
		text-align: center;
		margin-bottom: 20px;
	}
	.radiator_img_position {
		text-align: center;
		margin-bottom: 20px;
	}
	.Autovb2b_img_position {
		text-align: center;
		margin-bottom: 20px;
	}
	.federated_img_position {
		text-align: center;
		margin-bottom: 20px;
	}
	*/
	.center_p_title_quarterly {
		margin-bottom: 15px !important;
		font-size: 30px;
		text-align: center;
		color: white;
	}
	.float_click_point {
		width: 90%;
		height: 140px;
		position: absolute;
		z-index: 20000000;
	}
	.float_img_left_all_suppliers {
		float: none;
		vertical-align: middle;
		background-color: transparent;
		text-align: center;
		width: auto;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.imgCtrlDiv span{
		font-size: 10pt;
		width: 100%;
		float: left;
	}
	.margin_right_supplier {
		margin-right: 0px;
	}
	.auto_suppler_marg {
		margin-top: 7px;
		margin-bottom: 0px;
		padding-right: 0px;
	}
	.supply_pront_margin {
		margin-top: 6px;
		padding-right: 0px;
	}
	.Federated_suppliers_marg {
		margin-top: 9px;
		padding-right: 0px;
	}
	.radiator_supplier_margin {
		margin-top: 7px;
		margin-bottom: 0px;
		padding-right: 0px;
	}
	.divspacerstyle11864 {
		height: 5px !important;
	}
	.PageWrapper_ContentAndSidebar_Content_ctl04_ctl00_img1 {
		margin-bottom: 10px;
	}
	.map_label {
		margin-bottom: 10px ;
	}
	.attribute_style {
		margin-bottom: 5px;
	}
	/*rewards*/
	.divspacerstyle10395 {
		height: 5px !important;
	}
	.submitforreport_button {
		background-color: #FFFFFF;
		border-radius: 8px;
		border-style:Outset;
		font-family:Arial;
		font-size:Small;
		font-weight:bold;
		height:25px;
		width: 25%;
		float: left;
	}
	.divfsinputs{
		margin-top: 10px;
		width: 100%;
	}
	.divfslbl{
		width: 110px;
	}
	.divfsinput {
		margin: 0;
	}
	.ddlfsddl {
		width: 110px;
	}
	.fs_sup_grid_hdr_txt {
		width: auto;
	}
	/** custom **/
	.Img88 img {
		display: none!important;
	}
	/************************LOG-IN***************************/
	.login, .login .main {
		width: 100%;
	}
	.logon span, #divLogin a {
		color: white;
		font-weight: bold;
		font-size: 10pt;
		letter-spacing: 1px;
		font-family: "Helvetica Neue", Helvetica,Arial, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}
	#divLogin a:hover {
		color: #7dd2fa;
	}
	.topMenuBar tbody, .topMenuBar tr {
		width: 100%;
		display: inline-block;
	}
	/*******************JASON REQUEST ***********/
	.footerCol a, .footer-nav li, .footer-nav a, .footerCol li {
		font-size: 9pt !important;
	}
	.btmFooterRow {
		width: 100%;
		background-color: #fff;
		font-size: 7pt;
		position: absolute;
		bottom: -60px;
		left: 0;
	}
	.btmFooterRow a {
		font-size: 7pt;
	}
	.btmFooter .col-sm-3 {
		padding-left: 0;
	}
	.center_p_title {
		text-align: center !important;
	}
	.divbuildstyle10717 {
		text-align: center !important;
	}
	.imgboxesplugin {
		text-align: center;
	}
	.mobile_partnerimg_width_pronto {
		width: 20%;
	}
	.chartRewards{
		height: 300px !important;
	}
	.generalInfo h2 {
		text-align: center;
	}
	.geninfoimg {
		text-align: center;
		margin-bottom: 10px;
	}
	.geninfotabletext {
		font-size: 7pt;
		width: 25%;
	}
	.geninfotabledata {
		width: 75%;
		font-size: 7pt;
	}
	.geninfocontact {
		font-size: 7pt;
		text-align: center;
	}
	.geninfocontact a, .geninfocontact a:hover {
		font-size: 7pt;
	}
	.row_custom {
		margin-left: 0px !important;
		margin-right: 0px !important;
		clear: both;
		overflow: auto;
	}
	/*******************************************Press Release *********************************************/
	
	.atdHome {
		text-align: center;
	}
	.lblRebatedetails {
		text-align: left;
	}
	.categoryDropdown {
		display: none;
	}
	.prIpgLogo {
		text-align: center;
	}
	.prReleaseInstruction {
		margin-top: 5px;
		margin-bottom: 0px !important;
		padding-top: 0px !important;
		text-align: center !important;
	}
	.prDate {
		text-align: center !important;
	}
	.prContact {
		margin-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.divvideocontainer {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	/*PR Spacers*/
	.prSpacerShortBtm {
		padding-bottom: 5px;
	}
	.prSpacerMediumBtm {
		padding-bottom: 20px;
	}
	.prSpacermediumtop {
		padding-top: 20px
}
	.prSpacerTallBtm {
		padding-bottom: 10px;
	}
	.prSpacerXTallBtm {
		padding-bottom: 25px;
	}
	.prIpgLogo {
		text-align: center;
	}
	/************************************SIGN-UP BUTTON ****************/
	.float_img_right_all {
		float: left !important;
	}
	.float_img_right_all_about {
		float: none !important;
		text-align: center !important;
	}
	.button_percent_width {
		width: 35% !important;
		margin-top: 0px !important;
	}
	.button_percent_width_about {
		width: 100% !important;
		margin-top: -10px;
	}
	.btn_image_position_home {
		margin-right: 10px !important;
		text-align: center;
	}
	.btn_image_position_rebates {
		margin-right: 20px !important;
		text-align: center;
	}
	.display_button_desktop {
		display: none !important;
	}
	.display_button_mobile {
		display: block !important;
	}
	li {
		text-align: left !important;
	}
	/******************** MAIN IMAGE Under NAVBAR TOGGLE *****************************/
	.about_mainbody_img {
		display: none !important;
	}
	.mainbody_img_suppliers {
		display: none !important;
		width: 95%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.about_mobile_mainbody_img {
		display: block !important;
	}
	.about_margintopm {
		margin-top:5px !important;
	}
	.about_margintopm_10 {
		margin-top: 10px !important;
	}
	.about_marginbottomm {
		margin-bottom: 5px !important;
	}
	.border_radius_top {
		border-top-left-radius: 5px !important;
		border-top-right-radius: 5px !important;
	}
	.list_li_styling {
		font-family: calibri;
		text-align: justify;
		font-size: 13.5px;
		font-style: normal;
		font-variant: normal;
		font-weight: 200;
		line-height: 21pt;
		margin-left: 30px;
		margin-right: 30px;
		color: #fff !important;
		padding-left: 30px;
		padding-right: 30px;
		color: #fff !important;
	}
	ul hover {
		width: 100% !important;
		margin-left: 0px !important;
	}
	/******************************MOBILE NAV BAR *********************/
	a > .sf-sub-indicator {
		margin-top: -11px;
		margin-left: -15px;
	}
	.navbarbackground {
		display: none;
	}
	#menu_atd {
		margin-top: 0px;
	}
	#divMenuBar {
		position: relative;
		float: left;
		width: 90%;
		display: none;
		padding-left: 5%;
		padding-right: 5%;
		left: 10px;
		top: 10px;
	}
	.sf-menu, .sf-menu * {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sf-menu {
		width: 100%;
		text-align: center;
		position: relative;
		box-shadow: 0 0 20px rgba(0,0,0,.3);
		border-top: 1px solid rgba(0,0,0,.1);
		border-left: 1px solid rgba(0,0,0,.1);
		border-right: 1px solid rgba(0,0,0,.1);
		box-shadow: 2px 0px 14px rgba(0,0,0,.5);
	}
	.sf-menu li {
		width: 100%;
		background-color: #EEF9F7;
		color: black;
		border: none;
		border-bottom: 1px solid rgba(0,0,0,.1);
		position: absolute;
	}
	.sf-menu li a {
		margin: 5px 5px 5px 5px;
		text-align: left;
		max-height: 35px;
		padding: 10px 5px 5px 15px;
		color: #666;
	}
	.sf-menu li a:hover {
		margin: 5px 5px 5px 5px;
		max-height: 35px;
		padding: 10px 5px 5px 15px;
		background-color: #2da5da;
		color: #fff;
	}
	.sf-menu ul {
		width: 85%;
		margin-left: 15%;
		position: absolute;
		top: 15px;
		float: left;
		background-color: #FDFEFE;
		padding-left: 0px;
		padding-right: 0px;
		border-right: none;
		border-left: none;
		box-shadow: 0 0 8px rgba(0,0,0,.3);
		z-index: 1;
	}
	.sf-menu ul li{
		background-color: #FDFEFE;
	}
	.sf-menu li li a{
		margin: 5px;
		padding: 10px 5px 5px 15px;
		border-right: none;
		border-left: none;
	}
	.sf-menu li li a:hover{
		margin: 5px;
		padding: 10px 5px 5px 15px;
		border-right: none;
		border-left: none;
		background-color: #2da5da;
		color: #fff;
	}
	/*********************************MOBILE NAV CONT. *******************************/
	#mobile-navigation {
		background: linear-gradient(30deg, #949699 0%, #d6d7d8 11%, #d6d7d8 20%, #949699 40%, #949699 40%, #d6d7d8 60%, #d6d7d8 90%, #949699 100%);
		border: 1px solid #777;
		box-shadow: 4px 4px 4px -4px #777;
		height: 43px;
		position: relative;
		float: left;
		text-align: left;
		width: 100%;
		color: white;
		z-index: 999;
	}
	#divMobLog {
		padding: 10px;
		cursor: pointer;
		height: 23px;
		float: left;
		width: auto;
		border-right: 1px solid #999;
	}
	#divMobNav, #divMobLog {
		padding-left:10px;
		padding-right: 10px;
		padding-bottom: 15px;
		padding-top: 5px;
		cursor: pointer;
		height: 41px;
		float: left;
		width: auto;
		border-right: 1px solid #999;
	}
	#lblMobNav, #lblMobLog {
		color: white;
		display: inline;
	}
	/**************************** IPG PLATE ****************************************/
	.mainbanner {
		width: 100%;
		background: transparent url('/upload/images/fed_header_banner2.png') no-repeat scroll 0 0;
		background-repeat: no-repeat;
		background-position-y: center;
		background-position-x: center;
	}
	.mainbannertdtext{
		display: none;
	}
	.bannertop {
		width: 100%;
		top: 0 !important;
		background-color: #1862ae;
		display: block;
	}
	.top_width {
		width: 100%;
		height: 140px;
		background: transparent url("/upload/images/ipgplate438px_513hcanvis.png") no-repeat scroll 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	/********************TEXTBOX STYLING ***********************************/
	.p_styling {
		padding: 10px !important;
		border-radius: 5px !important;
	}
	.i_class {
		display: none;
		margin-top: 7px !important;
	}
	/***** submission return message ************************/
	.sc_return_message {
		text-align: center !important;
	}
	/****************REMOVE BANNER TOP**********************/
	#PageWrapper_ContentAndSidebar_Content_ctl03_ctl00_img1 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.divbuildstyle11302 {
		text-align: center !important;
	}
	/*********************MOBILE MENU *****************/
	.topMenuBar {
		background-color: transparent;
		z-index: 1000;
		width: 100%;
		position: relative;
		float: left;
		border-collapse: collapse;
	}
	.topMenuBar td {
		padding-left: 0px;
		float: left;
		width: 100%;
	}
	.login {
		float: left;
	}
	.login .ff {
		width: auto;
		float: left;
	}
	.ff .username {
		padding-bottom: 0px;
	}
	#divLogin {
		background: rgba(0,105,170,0.75);
		float: left;
		height: 150px;
		left: 53px;
		padding: 15px;
		position: absolute;
		top: 213px;
		width: 185px;
		z-index: 1000;
		border: 1px solid #aad9ff;
		box-shadow: 0px 4px 8px 2px #0069aa;
		border-top: transparent;
		display: none;
	}
	/*****************************************last style cross over*/
	body {
		width: 100%;
		margin: 0;
	}
	#wrap {
		width: auto;
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
	}
	#Top_ctl01_ctl01_LoginBox {
		width: 225px;
		height: 50px;
		margin: auto;
	}
	.divUserPw {
		width: 150px;
		float: left;
		margin-right: 0px;
	}
	.password {
		float: left;
	}
	.txtforgotpass {
		margin-left: 5px;
	}
	.forgot {
		float: right;
		text-align: center;
	}
	.failmsgtxt {
		width: 100%;
		float: left;
		text-align: right;
		position: absolute;
		bottom: 0;
	}
	.login .btnblkxsm {
		color: #fff;
		background-color: #019cfc;
	}
	.login .btnblkxsm:hover {
		background-color: #AAD9FF;
	}
	.mainbanner table {
		height: 70px;
	}
	.logon {
		position: relative;
		width: 100% !important;
	}
	#header {
		height: auto;
		width: 100%;
	}
	.footerRow {
		height: 500px;
	}
	.bodyContent{
		padding-bottom: 500px;
	}
	/***************FOOTER CENTER MOBILE**********************/
	.list-unstyled {
		text-align: center;
	}
	/**********FONT AWESOME*******/
	.footer-heading {
		text-align: center !important;
	}
	.fa-caret-txt {
		text-align: center !important;
	}
	.fa-caret-right {
		display: none;
	}
	.text-align_center {
		text-align: center;
	}
	.fa {
		display: block !important;
	}
	/***************CONTENT SLIDER***********************/
	.bx-prev {
		vertical-align: middle;
	}
	.bx-prev {
		vertical-align: middle;
	}
	.activateDivLbl {
		float: left;
		width: 100%;
		font-weight: bold;
	}
	.activateDivTb {
		float: left;
		width: 100%;
	}
	.activateDivNote {
		float: left;
		width: 100%;
		color: darkred;
		display: none;
	}
	.activateDivError {
		color: red;
		width: 100%;
		float: left;
		margin-top: -15px;
	}
	.activateDivErrorPw {
		color: red;
		width: 100%;
		float: left;
	}
	.activateDivLblExt {
		float: left;
		width: 25px;
		font-weight: bold;
	}
	.activateDivTbExt {
		float: left;
		width: 100%;
	}
	.activateDivTbPhone {
		float: left;
		width: 100%;
	}
	.activateDivTbUser {
		float: left;
		width: 100%;
		margin-bottom: 10px
}
	.activateDivTbPw {
		float: left;
		width: 100%;
	}
	.activateDivTbRecover {
		float: left;
		width: 100%;
	}
	.activateDivTbRecoverDdl {
		float: left;
		width: 100%;
	}
	.partsStoreTb {
		width: 175px;
		margin-bottom: 10px;
	}
	.partsStore .activateDivLbl {
		float: left;
		width: 100%;
	}
	.partsStoreSection {
		margin-bottom: 10px;
	}
	.logStatus{
		top: 0px;
	}
	.divnewsfilter span, .tbtitlefilter, .btntitlefilter{
		text-align: center;
	}
	.spnewsor{
		width: 100%;
		float: left;
	}
	.divnewsdates{
		margin-bottom: 10px;
	}
	.spnewsto{
		padding: 3px 10px 0px 40px;
	}
	.tbtitlefilter{
		width: 180px;
	}
    .activateSectionLbl{
        font-size: 10pt;
    }
    .activateForm .accordion h3{
        font-size: 10pt !important;
    }
}