﻿/*Small devices (landscape phones, 576px and up)*/
/*Bootstrap col-sm*/
@media screen and (min-width: 576px) and (max-width: 767px){
	/*custom*/
	.divAcctNewSection{
                width: 100%;
                float: left;
            }
	.proudlySupportsHeader h2 {
		padding-top: 25px;
	}
	.alternateColor img {
		margin-top: 20px;
	}
	.YourBenefitsSpacingAbout {
		margin-top: 5px !important;
		padding-bottom: 20px !important;
	}
	.alternateColor {
		color: white !important;
		background-color: #185e9c;
		padding: 15px;
		margin-bottom: 15px;
	}
	.alternateColor p , .alternateColor h2 {
		color: white !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: 25px !important;
	}
	.Img88 img {
		display: none!important;
	}
	.alternateColorAbout p , .alternateColorAbout h2 {
		color: white !important;
		margin-top: 0px;
		margin-bottom: 0px !important;
	}
	.prontoFlyer {
		padding-bottom: 0px !important;
	}
	/******/
	/**************************************** GLOBALS *******************************************************************************************/
	.atdAd h2 {
    		    font-size: 12pt !important;
	}
	.atdHome {
		padding-top: 5px;
	}
	h2 {
		font-size: 16pt !important;
	}
	h3 {
		font-size: 12pt !important;
		font-family: Arial;
	}
	p {
		text-align: left !important;
	}
	p, li, .divQAContainer, .divQAContainer .accordionBtn {
		font-size: 12pt;
	}
	li {
		text-align: left;
	}
	.attribute_style{
		font-size: 9pt !important;
		font-family: Arial;
	}
	.supLogo img {
		padding-top: 10px;
	}
	.textbox_padding_rebates {
		padding-top: 5px !important;
	}
	.image_position {
		padding-top: 15px !important;
	}
	.hamburger_toggle {
		display: block;
	}
	.succeed_header_toggle {
		display: block;
	}
	.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;
	}
	.generalInfo h2 {
		text-align: center;
	}
	.geninfoimg {
		text-align: center;
		margin-bottom: 10px;
	}
	.geninfotabletext {
		font-size: 10pt;
		width: 20%;
	}
	.geninfotabledata {
		width: 80%;
		font-size: 10pt;
	}
	.geninfocontact {
		font-size: 10pt;
		text-align: center;
	}
	.geninfocontact a, .geninfocontact a:hover {
		font-size: 10pt;
	}
	.categoryDropdown {
		display: none;
	}
	.button_private {
		height: 45px;
		font-size: 11pt;
		padding-top: 13px;
	}
	.button_private:hover {
		color: white;
	}
	#RewardsChartTable, #RebatesChartTable {
		margin-top: 20px;
	}
	.divvideocontainer {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	.rebatedetailstext, .geninfocontact {
		margin-top: 10px;
	}
	.divfsinputs2, .divfsinputs3 {
		margin-top: 10px;
	}
	.divfsinput {
		margin-right: 19px;
	}
	.fs_sup_grid_hdr_txt {
		width: 135px;
	}
	.av_helpdesk_button {
		text-align: center;
		margin-top: 0px !important;
	}
	.AV_commercebutton_position {
		text-align: center;
		margin-top: 0px !important;
	}
	.center_p_title_quarterly {
		margin-bottom: 15px !important;
		font-size: 30px;
		text-align: center !important;
		color: white;
	}
	.divrebateschart {
		float: left;
		margin-top: 20px;
	}
	.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;
	}
	.margin_right_supplier {
		margin-right: 0px;
	}
	/**supplier search mobile drop down spacer*/
	.map_label {
		margin-bottom: 10px ;
	}
	.attribute_style {
		margin-bottom: 5px;
	}
	.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;
	}
	.btmFooterRow, .btmFooterRow a {
		font-size: 9pt !important;
		font-family: arial;
		white-space: nowrap;
	}
	.center_p_title {
		text-align: center !important;
	}
	.divbuildstyle10717 {
		text-align: center !important;
	}
	.imgboxesplugin {
		text-align: center;
	}
	.mobile_partnerimg_width {
		width: 100%;
	}
	.imgCtrlDiv span{
		font-size: 12pt;
	}
	.footerCol {
		display: block;
		width: initial;
	}
	.footerCol li {
		text-align: center;
		font-size: 11pt !important;
	}
	.footerCol a{
		font-size: 11pt !important;
	}
	.footerContent {
		display: block;
		width: initial;
		text-align: center;
	}
	/******************************CUSTOM ROW***************/
	.row_custom {
		margin-left: 0px !important;
		margin-right: 0px !important;
		clear: both;
		overflow: auto;
	}
	/******************** MAIN IMAGE Under NAVBAR TOGGLE *****************************/
	.mainbody_img_suppliers {
		display: none ;
		width: 95%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.about_mainbody_img {
		display: none;
	}
	.about_mobile_mainbody_img {
		display: block;
	}
	.about_margintopm {
		margin-top: 5px !important;
	}
	.about_margintopm_10 {
		margin-top: 10px !important;
	}
	.about_marginbottomm {
		margin-bottom: 5px !important;
	}
	/************************************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;
	}
	.button_percent_width_about {
		width: 100% !important;
		margin-top: 0px !important;
	}
	.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;
	}
	/******************************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: 93%;
		display: none;
		padding-left: 15px;
		padding-right: 15px;
		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;
	}
	/**************************************************Press Release*************************************************************************/
	#content{
		text-align: center;
	}
	.atdHome{
		text-align: center;
	}
	.lblRebatedetails {
		text-align: left;
	}
	.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;
	}
	/*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;
	}
	/*************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;
	}
	.i_class {
		display: none;
		margin-top: 7px !important;
	}
	/***submission return message*/
	.sc_return_message {
		text-align: center !important;
	}
	/*****************************************ANOTHER NAV BAR ADJUSTMENT************/
	.margin-top_about {
		margin-top: 150% !important;
		display: block !important;
	}
	/*********************************MOBILE NAV PART 2 *******************************/
	#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;
	}
	.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;
	}
	#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;
	}
	.login .ff {
		width: auto;
		float: left;
	}
	.login .btnblkxsm {
		color: #fff;
		background-color: #019cfc;
	}
	.login .btnblkxsm:hover {
		background-color: #AAD9FF;
	}
	.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;
	}
	.txtforgotpass {
		margin-left: 5px;
	}
	.footerRow {
		height: 560px;
	}
	.bodyContent{
		padding-bottom: 560px;
	}
	.divcategoryddl{
		text-align: center;
	}
	/***************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: 100px;
		font-weight: bold;
	}
	.activateDivTb {
		float: left;
		width: 75%;
		margin-right: 15px;
	}
	.activateDivNote {
		float: left;
		width: 100%;
		color: darkred;
	}
	.activateDivError {
		color: red;
		width: 100%;
		margin-top: -15px;
	}
	.activateDivErrorPw{
		color: red;
		width: 100%;
		float: left;
	}
	.activateDivLblExt {
		float: left;
		width: 25px;
		font-weight: bold;
	}
	.activateDivTbExt {
		float: left;
		width: 50px;
		margin-right: 15px;
	}
	.activateDivTbPhone {
		float: left;
		width: 100px;
		margin-right: 15px;
	}
	.activateDivTbUser {
		float: left;
		width: 125px;
		margin-right: 10px;
	}
	.activateDivTbPw {
		float: left;
		width: 125px;
		margin-right: 15px;
	}
	.activateDivTbRecover {
		float: left;
		width: 120px;
		margin-right: 10px;
	}
	.activateDivTbRecoverDdl {
		float: left;
		width: 145px;
		margin-right: 15px;
	}
	.partsStoreTb {
		width: 300px;
		margin-bottom: 10px;
	}
	.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: 288px;
	}
}
