@font-face {
  font-family: 'GillSansMT-Bold';
  src: url('../webfonts/GillSansMT-Bold.eot') format('embedded-opentype');
  src: url('../webfonts/GillSansMT-Bold.woff')format('woff'),
       url('../webfonts/GillSansMT-Bold.ttf')  format('truetype'),
       url('../webfonts/GillSansMT-Bold.svg#GillSansMT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/GillSansMT-Bold.woff2')format('woff2'),*/
}

@font-face {
  font-family: 'GillSansMT';
  src: url('../webfonts/GillSansMT.eot') format('embedded-opentype');
  src: url('../webfonts/GillSansMT.woff')format('woff'),
       url('../webfonts/GillSansMT.ttf')  format('truetype'),
       url('../webfonts/GillSansMT.svg#GillSansMT') format('svg');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/GillSansMT.woff2')format('woff2'),*/
}

@font-face {
  font-family: 'SourceSansPro_Semibold';
  src: url('../webfonts/SourceSansPro-Semibold.eot');
  src: url('../webfonts/SourceSansPro-Semibold.woff') format('woff'),
       url('../webfonts/SourceSansPro-Semibold.ttf') format('truetype'),
       url('../webfonts/SourceSansPro-Semibold.svg#SourceSansPro-SemiboldIt') format('svg'),
       url('../webfonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  /*url('../webfonts/SourceSansPro-Semibold.woff2') format('woff2'),*/
}

@font-face {
    font-family: 'Roboto';
    src: url('../webfonts/Roboto-Regular.eot');
    src: url('../webfonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        
        url('../webfonts/Roboto-Regular.woff') format('woff'),
        url('../webfonts/Roboto-Regular.ttf') format('truetype'),
        url('../webfonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    /*url('../webfonts/Roboto-Regular.woff2') format('woff2'),*/
}

@font-face {
    font-family:'Roboto_bld';
    src: url('../webfonts/Roboto-Bold.eot');
    src: url('../webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        
        url('../webfonts/Roboto-Bold.woff') format('woff'),
        url('../webfonts/Roboto-Bold.ttf') format('truetype'),
        url('../webfonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    /*url('../webfonts/Roboto-Bold.woff2') format('woff2'),*/
}




/*******************************06-09-2019 after code here because mobile style also paste to same code ********************************************/
.kit_pop_qty_input_print .print_email_btn i,.kit_pop_qty_input_print .print_email_btn span {
    font-size:14px;
    margin:0 2px;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration:none;
}
table tr td a {
    text-decoration:underline;
    color:#1191f7;
}
table tr td a:hover {
    text-decoration:none;
}
/*img {
    max-width:100%;
}*/
body {
	line-height: 1;
    overflow-x:hidden;
    font-family:'Roboto';
    background:#fff;
    width: 100%;
    min-width: 1280px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    width:100%;
}
li{
    list-style-type:none;
}
/*label,input,textarea {
    width:100%;
    display:block;
    box-sizing:border-box;
}*/

::-webkit-scrollbar {
   -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
   width: 10px;
}

::-webkit-scrollbar:horizontal {
   height: 10px;
}

::-webkit-scrollbar-thumb {
   background-color: #ccc;
   border-radius: 10px;
   border: 2px solid #ddd;
}

::-webkit-scrollbar-track { 
   background-color: #eee; 
}
.inline { display:inline-block; vertical-align:top; }
.cursor_hover:hover{cursor:pointer; background:#e8d6d6;}
.cursor { cursor:pointer; }
.flt_right{ float:right; }
.flt_left{ float:left; }
.clr_red{ color:#ee1c24 !important;}
.clr_blue{ color:#0859b2 !important;}
.clr_gray{ color:#717171;}
.txt_center { text-align: center; }
.txt_right{ text-align: right; }
.clr_white{ color: #fff; }
.pipe_line{ color: #8a8a8a; font-size: 20px !important;}
.icon_clr{ color: #3b5a6b;}
.mrg_lft_5{ margin-left: 5px; }
.mrg_lft_20{ margin-left: 20px !important; }
.mrg_top_20{ margin-top: 20px !important; }
.mrg_top_10{ margin-top: 10px !important;  }
.mrg_rg_10{ margin-right: 10px !important; }
.mrg_top_5{ margin-top: 5px !important;  }
.mrg_bottom_10{ margin: 0px 0 10px 0}
.mrg_bottom_20{ margin: 0px 0 20px 0}
.mrg_lft_10{ margin-left: 10px !important; }
.mrg_top_btm_10 { margin:10px 0px; }
.mrg_top_btm_20 { margin:20px 0px; }
.mrg_top_btm_5 { margin:5px 0px; }
.pad_zero{ padding:0px !important; }
.pad_lr_20{ padding:0px 20px !important; }
.pad_rg_10{ padding-right:10px !important; }
.pad_tb_10 { padding:10px 0px; }
.pad_btm_20 { padding:0px 0px 20px 0px; }
.pad_l_5{ padding:0px 0 0 5px; }
.robo_bold { font-family:'Roboto_bld'; }
.bold { font-weight:bold; }
.bg_clr_white { background:#fff !important; }
.height_40 { height:40px; }
.min_hei_300 { height:300px; }
.min_hei_400 { height:400px; }
.min_hei_350{ height:350px; }
.min_hei_340{ height:340px; }
.mrg_zero{ margin: 0px; }
.bg_content_green{background:/*#fa4c4d*/ #3c8baf/* #109c7f*/;}
.bg_content_dg_blue{background:#3b5a6b;}
.bg_content_dg_red{background:#d05d54;}
.bg_btn_red_lg{ background: #ce5c61; color: #fff; }
.bg_btn_red_lg:hover,.bg_btn_red_lg:focus{ background: #e06065; }
.bg_btm_lt_blue{background: #039be5;}
.bg_btm_lt_blue:hover,.bg_btm_lt_blue:focus{background: #24a4e2;}
.clr_red{ color: #ce5b60; }
.width_40per{ width: 40%; }
h1,h2,h3,h4,h5,h6{ padding: 0px; margin: 0px; font-family:'Roboto_bld';}
.container{ margin: 0px auto; max-width: 1920px; min-width:1280px; width: 100%; padding: 0 10px;}
.display_inline{ display: inline-block; }
.display_blk{ display: inline-block; width: 100%; vertical-align: top; }
.display_block { display:block; }
.wrapper{ max-width: 1280px; width: 100%; min-width: 320px; margin: 0px auto; }
.txt_underline { text-decoration:underline; }
.txt_underline:hover { text-decoration:none; }
.col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;}
.col.m1 { width: 10%; margin-left: auto; left: auto; right: auto; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.75rem; min-height: 1px;}
.font_18 { font-size:18px; }
.font_16 { font-size:16px; }
.height_80 { height:80px; }
.pad_pop_input { padding: 20px 5px 20px 15px; }
.pad_login_input { padding: 20px 5px 20px 80px; }
.pad_become_input { padding: 15px 5px 15px 55px;}
.pad_request_quote_input { padding: 15px 5px 15px 10px;}
.pad_change_profile_input { padding: 10px 5px 10px 10px;}
.pad_change_profile_select { padding: 10px 5px 10px 10px; font-size:16px;}
.col.m4 { width: 32%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m4.last { width: 32%; margin-left: 0px; left: auto; right: auto; margin-right:0px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m6 { width: 48.5%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col.m6.last { width: 48.5%; margin-left: 0px; left: auto; right: auto; margin-right:0px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}

.col.m12 { width: 99%; margin-left: auto; left: auto; right: auto; margin-right:13px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.border_top_one { border-top:1px solid #ccc; margin:20px 0px; padding:10px 0px; box-sizing:border-box;  }
.border_line_red { padding-bottom: 7px;position: relative; border-bottom: 2px solid #ccc;}
.border_line_red:before { position: absolute; background: #ef2c34; height: 2px; content: ''; width: 100px; bottom: -2px; left: 0;}
table tr td{ font-size:15px; }




/****************************************************************************
                Image Popup Basic
*****************************************************************************/

.ui-dialog {
    min-width:700px;
    
}

#dialog_Cart_popupimage {
    text-align:center;
}

div#dialog_Cart_popupimage img {
    max-width: 590px;
    max-height: 590px;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.ui-front {
    z-index: 9999;
}


#trigger {
  background: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 3px;	
}

#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

#popup {
  max-width: 600px;
  width: 80%;
  max-height: 300px;
  height: 80%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 20px auto;
}

#close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
}
#kitpartoverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

/*#kitpartpopup {
  max-width: 600px;
  width: 80%;
  max-height: 500px;
  height: 80%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 20px auto;
  overflow:auto;
}*/


#kitpartclose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
}

.kit_pop_head {
    font-size:18px;
    text-align:left;
    color:#333;
    float:left;
}

.kit_pop_part_rg {
    font-size:18px;
    color:#ee1c25;
    /*float:right;*/
        /*margin: 0 0 0 15%;*/
}

.pop_kit_table {
    box-shadow:0 0 10px #ccc;
}
.pop_kit_table table thead td{
    padding:6px 6px;
    color:#fff;
    background:#404e5e;
}

.pop_kit_table table tbody td{
    padding:3px 6px;
}

.pop_kit_table table tbody td select{
    padding:3px 6px;
}

.pop_kit_table table,.pop_kit_table table th,.pop_kit_table table tr{
    border:1px solid #ccc;
}

.pop_kit_rate {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 5px;
    text-align:center;
}

#div_imagepopup_overlayoverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

#popuppanel_image {
  max-width: 600px;
  width: 80%;
  max-height: 300px;
  height: 80%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 20px auto;
}

#closepopup_image {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
}

/******************************************************************************
		     	Image Hover Zoom
******************************************************************************/


.zoom img {
    height: 300px;
    margin: 100px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.zoom img:hover {
    position: relative;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 1000;
}



/******************************************************************************
		     	Select Drop down look like grid
******************************************************************************/

.col_two {
    width:10%;
    float:left;
    margin:0 1% 0 0;
}

.col_four {
    width:23%;
    float:left;
    margin:0 1% 0 0;
}

.col_five {
    width:40%;
    float:left;
    margin:0 1% 0 0;
}

.box_shadow {
    box-shadow: 0 0 10px #ccc;
}



.sel_main {
    width: 100%;
    font-size: 13px;
    border: none;
    outline: none;
    color: #333030;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #d8d8d8;
    margin:5px 0 0px 0;
}

    .sel_main option {
        cursor:pointer;
        font-size:15px;
        word-wrap: break-word;      /* IE*/
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: pre-wrap;      /* other browsers */
        
        padding:5px 3px;
    
    }

.col_five .sel_main option {
        float:left;
        width:100%;
        text-align:justify;
        margin:0 0 0px 0;
}

.year_list_ul_li ul{

    border:none;
    background:none;
    }

.year_list_ul_li li{

    padding: 5px 20px;
    box-sizing: border-box;
    font-size: 15px;
    }



.height_sel_all {
    height: 330px!important;
}


/******************************************************************************
		     	Input Text box animation click to expand
******************************************************************************/
.search_ex input { outline: none;}
.search_ex input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%;}
.search_ex input::-webkit-search-decoration,
.search_ex input::-webkit-search-cancel-button { display: none;}
.search_ex input[type=search] { background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
border: solid 1px #ccc; padding: 9px 10px 9px 32px; width: 55px; -webkit-border-radius: 10em; -moz-border-radius: 10em;	border-radius: 10em; -webkit-transition: all .5s;
-moz-transition: all .5s; transition: all .5s;}
.search_ex input[type=search]:focus { width: 130px; background-color: #fff; border-color: #66CC75;	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);}
.search_ex input:-moz-placeholder { color: #999;}
.search_ex input::-webkit-input-placeholder { color: #999;}
.search_ex input[type=search]:focus { width: 98%; padding-left: 32px; color: #000; background-color: #fff; cursor: auto;}
.search_ex input[type=search] { width: 45px; padding-left: 10px; color: transparent; cursor: pointer;}
.search_ex input[type=search]:hover { background-color: #fff;}
.search_ex input:-moz-placeholder {	color: transparent;}
.search_ex input::-webkit-input-placeholder { color: transparent;}
/************************************************************************
	End
**************************************************************************/

/************************************************************************
	Icon animated left right
**************************************************************************/

.animated_main .fa-animate{ height: 16px; width: 16px; vertical-align: top; left: 0; overflow: hidden; display: inline-block; margin: 0px 4px 0 0;}
.animated_main .fa-animate i{ display: block; line-height: 18px; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.animated_main a:hover i{ color: #fff; margin: -17px 0 0 0px; opacity: 1;}

/***************************Top Menu**********************************/
.top_menu{ background:#323b45; /*width: 100%; display: inline-block;*/ padding: 15px 0px; font-family:'GillSansMT'; text-align:center;}
.top_menu a{ color: #efefef; padding: 0 5px; font-size: 16px; display: inline-block; vertical-align: top; }
.top_menu a:hover{ color: #ff8282; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.top_menu i{ padding: 0 5px 0 0; font-size: 14px; position:relative; top:-1px;}
.top_menu a i:hover{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color:none; }
i.fab.fa-twitter {  
    
    font-size:16px;
    background: #00aced;
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 4px;
    color: #fff;
}
i.fab.fa-instagram {
    font-size:16px;
}
i.fab.fa-instagram {
    background: #6262d2;
    background: -moz-linear-gradient(-45deg, #6262d2 0%, #7a39bb 26%, #fa801d 61%, #eb4a6b 100%);
    background: -webkit-linear-gradient(-45deg, #6262d2 0%,#7a39bb 26%,#fa801d 61%,#eb4a6b 100%);
    background: linear-gradient(135deg, #6262d2 0%,#7a39bb 26%,#fa801d 61%,#eb4a6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6262d2', endColorstr='#eb4a6b',GradientType=1 );
    padding: 2px;
    border-radius: 4px;
    vertical-align:top;
    color:#fff;
}
i.fab.fa-instagram:before {
    padding: 2px;
}
i.fab.fa-facebook-f {
    font-size:16px;
    background: #40a1ff;
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 4px;
    color: #fff;
}
i.fab.fa-google-plus-g {
    font-size:16px;
    background: #f5511e;
    color: #fff;
    border-radius: 4px;
    vertical-align: top;
    padding: 2px;
}

i.fab.fa-youtube {
    font-size:16px;
    background: #f5511e;
    color: #fff;
    border-radius: 4px;
    vertical-align: top;
    padding: 2px;
}

i.fas.fa-rss {
    font-size:16px;
    color: #fff;
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 4px;
    background: #fea501;
}

.header_icon img {
    width:46px;
}


.center_div_top {
    display:inline-block;
}

.center_div_top a {
    font-size: 16px;
    color: #fff;
    margin: 5px 0 0 0;
}

.center_div_top a:hover {
    text-decoration:underline;
}

.social_conversation,.social_media{     display: inline-block;
    padding: 3px 5px;
    vertical-align: top;}
.top_menu_right{ float: right; margin: 6px 0; }
.top_menu_right ul li{ padding: 0 5px; display: inline-block; }
/*.social_conversation a:hover i:before{ color: red; }*/

/***************************Second level Menu**********************************/
.sec_level_menu{ padding: 0px 0px; display: inline-block; width: 100%; vertical-align: top; }
.logo{ float: left; margin: 8px 1% 5px 0px;}
.logo img { max-width: 140px;}
.nav{ /*display:inline-block;*/ float:left; margin: 0px 0 0 20px; padding: 0px; /*position: relative;*/ }
.nav ul{ display: inline-block; width: 100%; vertical-align:top;  display: flex; display: -webkit-flex; /* Safari */ }
.nav li{ list-style: none; float: left; position: relative;      display: flex; display: -webkit-flex; /* Safari */}
.nav li a{ padding: 40px 15px 11px 15px; color: #333; font-family:'SourceSansPro_Semibold'; display: block; font-size: 16px; text-align: center; border-right: 1px solid #ccc;   -webkit-flex: 1;  /* Safari 6.1+ */
  -ms-flex: 1;  /* IE 10 */  
  flex: 1;}


.nav li a.engine_icon{ background: url('../img/engine_menu.png') no-repeat center 13px; display: block; border-left: 1px solid #ccc;}
.nav li a.engine_icon:hover{ background: url('../img/engine_menu_hover.png') #ee1c25 no-repeat center 13px; display: block; color: #fff; cursor: pointer;}
.nav li a.engine_icon.dropdown-is-active{background: url('../img/engine_menu_hover.png') #ee1c25 no-repeat center 13px; display: block; color: #fff;}

.nav li a.transmission_icon{ background: url('../img/transmission_menu.png') no-repeat center 13px; display: block; }
.nav li a.transmission_icon:hover{ background: url('../img/transmission_menu_hover.png') #ee1c25 no-repeat center 13px; display: block; color: #fff; cursor: pointer;}
.nav li a.transmission_icon.dropdown-is-active{background: url('../img/transmission_menu_hover.png') #ee1c25 no-repeat center 13px; display: block; color: #fff;}


.nav li a.year_icon{ background: url('../img/year_menu.png') no-repeat center 12px; display: block; }
.nav li a.year_icon:hover{ background: url('../img/year_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff; cursor: pointer;}
.nav li a.year_icon.dropdown-is-active{background: url('../img/year_menu.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}


.nav li a.application_icon{ background: url('../img/application_menu.png') no-repeat center 12px; display: block; }
.nav li a.application_icon:hover{ background: url('../img/application_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff; cursor: pointer;}
.nav li a.application_icon.dropdown-is-active{background: url('../img/application_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}

.nav li a.interchange_icon{ background: url('../img/part_interchange_menu.png') no-repeat center 12px; display: block; }
.nav li a.interchange_icon:hover{ background: url('../img/part_interchange_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;  cursor: pointer;}
.nav li a.interchange_icon.dropdown-is-active{background: url('../img/part_interchange_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}


.nav li a.shop_supply_icon{ background: url('../img/shop_supply_menu.png') no-repeat center 12px; display: block; }
.nav li a.shop_supply_icon:hover{ background: url('../img/shop_supply_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;  cursor: pointer;}
.nav li a.shop_supply_icon.dropdown-is-active{background: url('../img/shop_supply_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}

.nav li a.shop_supply_icon_spanish{ background: url('../img/shop_supply_menu.png') no-repeat center 12px; display: block; }
.nav li a.shop_supply_icon_spanish:hover{ background: url('../img/shop_supply_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;  cursor: pointer;}
.nav li a.shop_supply_icon_spanish.dropdown-is-active{background: url('../img/shop_supply_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}

.nav li a.gear_icon{ background: url('../img/gear_head_menu.png') no-repeat center 12px; display: block; }
.nav li a.gear_icon:hover{ background: url('../img/gear_head_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;  cursor: pointer;}
.nav li a.gear_icon.dropdown-is-active{background: url('../img/gear_head_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}


.nav li a.technical_icon{ background: url('../img/techical_resource_menu.png') no-repeat center 12px; display: block; }
.nav li a.technical_icon:hover{ background: url('../img/techical_resource_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;  cursor: pointer;}
.nav li a.technical_icon.dropdown-is-active{background: url('../img/techical_resource_menu_hover.png') #ee1c25 no-repeat center 12px; display: block; color: #fff;}


.nav li a.login_icon { display: block; padding: 15px 20px 26px 20px;}
.nav li a.shop_supply_icon{ padding: 40px 30px 11px 30px; }
.nav li a.login_icon i { display: block; padding: 0 0 10px 0;}
.nav li a.login_icon:hover{ background: #ee1c25; color: #fff;  cursor: pointer;}
.nav li a.login_icon:hover i{ color: #fff;  cursor: pointer;}



.nav_icon,.top_menu_right ul li.mobile_view{ display: none; }
.desc_none_mobile_view{ display:none !important; }
.mobile_hide{ display:block; }

/*.nav li a.technical_icon{ background: url('../img/techical_resource_menu.png') no-repeat 50% 20%; display: block;}*/


/***********************************************Banner style **********************************************************/
.banner_main{ width: 100%; display: inline-block; vertical-align: top; box-shadow:0 0 2px #e6e6e6;}
.grid { max-width: 100%; margin: 0px; width: 100%;  display: inline-block;}
.slider-box,
.slider__item { position: relative;}
.slider { overflow: hidden; }
.slider__canvas { transition: transform 0.5s; }
.slider__item { float: left; }
.slider__item__title { opacity: 0; position: absolute; top: 11%; left: 45%; width: 70%; margin: 0; color: #ec1d24; font-size: 2.5rem; line-height: 1;
text-align: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); transition: opacity 0.3s, transform 0.3s; transform: translate3d(-50%, -60%, 0);}
.active .slider__item__title { opacity: 1; transition-delay: 0.5s; transform: translate3d(-50%, -50%, 0);}
.slider img{ max-width:100%; }
	.slider__item a.pdf_left{
        position: absolute;
        left: 27.7%;
        bottom: 8%;
        z-index: 99999;
        background: red;
        box-shadow: 0 0 10px #ccc;
        color: #fff;
        padding: 10px 15px;
        font-size: 18px;
        transform: rotate(-5deg);
	}
	.slider__item a.pdf_right{
        position: absolute;
        right: 18%;
        bottom: 6%;
        z-index: 99999;
        background: red;
        box-shadow: 0 0 10px #ccc;
        color: #fff;
        padding: 10px 15px;
        font-size: 18px;
        transform: rotate(4deg);
	}
@media(min-width: 48rem) { .slider__item__title { font-size: 45px; }}

.slider-nav {color: #fff; font-size: 1rem; text-align: center;}
.slider-nav__dots { position: absolute; bottom: 30px; left: 20px; right: 20px;}
.slider-nav__prev,
.slider-nav__next,
.slider__dot {border-radius: 50%; box-shadow: inset 0 0 0 2px; cursor: pointer; backface-visibility: hidden; transition: transform 0.3s, box-shadow 0.3s; color: #323b45;}
.slider-nav__prev,
.slider-nav__next { position: absolute; top: 50%; width: 3rem; height: 3rem; margin-top: -1.5rem; line-height: 3rem;}
.slider-nav__prev { left: 2%; }
.slider-nav__next { right: 2%; }
.slider__dot { display: inline-block; width: 1rem; height: 1rem; margin: 0 1rem;}
.slider-nav__prev:hover,
.slider-nav__next:hover,
.slider__dot.active,
.slider__dot:hover { transform: scale3d(1.5, 1.5, 1); color: #ed1f21;}


/***********banner Inner page***********/
.banner_inner { display:inline-block; vertical-align:top; width:100%; }
.banner_img_inner{ background: url(../img/banner_inner.jpg) no-repeat; padding:0px 20px; display: inline-block; width: 100%; box-sizing: border-box; vertical-align: top; }
.banner_img_inner h1{ font-size: 20px; font-family: 'Gill Sans MT'; color: #fff; padding:20px 0px; float: left; }
.bread_cumbs{ float: right; padding: 25px 0px; }
.bread_cumbs li { display: inline-block; padding:0 10px;}
.bread_cumbs li a { font-size: 17px; color: #fff;}
.bread_cumbs li i{ font-size: 12px; color: #858688; }


/***********Banner Login and Become dealer page***********/
.login_banner { padding:20px 0px; background:#e7e7e7; text-align:center; }
.login_banner h1{ padding:10px 0px; color:#ee1c25; font-size:38px; text-transform:uppercase; font-family:'SourceSansPro_Semibold'; letter-spacing:1px;}
.login_banner p{ padding:20px 0px; color:#625a64; font-size:19px; font-family:'GillSansMT'; line-height:25px;}

/**************************About Us*************************************/
.about_us{ width: 100%; display: inline-block; vertical-align: top; padding: 20px 0px 0 0; }
.about_us p{ line-height: 25px; font-size: 18px; text-align: center; color: #4e4b4b; }
.heading_all{ text-align: center;  padding: 15px 0px;}
.heading_all h1{ font-size: 28px;  color: #2f2f2f; } 
.heading_all span{ color: #ef1c25; padding: 0 0 0 3px; } 
.read_more{background-color: #ef1c25; border-left: 5px solid #fff; color: #fff; font-size: 16px; padding: 10px 20px; box-shadow: 0px 1px 5px #e28f8f; background-size: 200% 100%;
  background-image: linear-gradient(to right, #fff 48%, #ef1c25 50%), linear-gradient(to right, #fff 48%, #ef1c25 48%);transition: background-position 1s; font-size: 16px;
  background-size: 200% 100%; background-repeat: no-repeat; background-position: 100% top, 100% top; -webkit-background-clip: text, border-box; background-clip: text, border-box;
  color: #fff; display: inline-block; border:none;
}
.read_more:hover { background-position: 0% top, 0% top; color: #ef1c25; cursor:pointer; }
.read_more:active { background-position: 0% top, 0% top; color: #ef1c25; background:#ef1c25; }
.read_more:focus{background-position: 0% top, 0% top; color: #fff; background:#ef1c25;}



.read_more_cart{background-color: #008000; border-left: 5px solid #fff; color: #fff; font-size: 16px; padding: 10px 20px; box-shadow: 0px 1px 5px #008000; background-size: 200% 100%;
  background-image: linear-gradient(to right, #fff 48%, #008000 50%), linear-gradient(to right, #fff 48%, #008000 48%);transition: background-position 1s; font-size: 16px;
  background-size: 200% 100%; background-repeat: no-repeat; background-position: 100% top, 100% top; -webkit-background-clip: text, border-box; background-clip: text, border-box;
  color: #fff; display: inline-block; border:none;
}
.read_more_cart:hover { background-position: 0% top, 0% top; color: #008000; cursor:pointer; }
.read_more_cart:active { background-position: 0% top, 0% top; color: #008000; background:#008000; }
.read_more_cart:focus{background-position: 0% top, 0% top; color: #fff; background:#008000;}

.update{background-color: green; border-left: 5px solid #fff; color: #fff; font-size: 16px; padding: 10px 20px; box-shadow: 0px 1px 1px green; background-size: 200% 100%;
  background-image: linear-gradient(to right, #fff 48%, green 50%), linear-gradient(to right, #fff 48%, green 48%);transition: background-position 1s; font-size: 16px;
  background-size: 200% 100%; background-repeat: no-repeat; background-position: 100% top, 100% top; -webkit-background-clip: text, border-box; background-clip: text, border-box;
  color: #fff; display: inline-block; border:none;
}
.update:hover { background-position: 0% top, 0% top; color: green; cursor:pointer; }
.update:active { background-position: 0% top, 0% top; color: #fff; background:green; }
.update:focus{background-position: 0% top, 0% top; color: #fff; background:#4caf50;}


.update input{background-color: green;}

.update_btn {  background:#1d8021; color:#fff; font-size:15px;  text-align:center; padding:5px 15px; border:none;  cursor:pointer; box-shadow: 2px 3px 4px #549257}
.reset_btn{ background:#ef1c25; color:#fff; font-size:15px;  text-align:center; padding:5px 15px; border:none; cursor:pointer;  box-shadow: 2px 3px 4px #f77b7b;}

.update_btn:hover { box-shadow: 0px 0px 0px #549257}
.reset_btn:hover{  box-shadow: 0px 0px #f77b7b;}

/**********************************New Product section****************************************/


/********************slider section for product *****************/
.new_product_main{ display: inline-block; width:100%; vertical-align: top; border-top:1px dashed #ccc; padding: 10px 0px 20px 0;}
.new_product{ width: 90%; margin: 0px auto; position: relative;}
.products {padding-top: 10px; padding-left: 0; list-style: none;}
.products li{ float: left; width: 23%;}
.project-item {margin-bottom: 30px;}

.lSSlideOuter .lSSlideWrapper .lSSlideOuter ul.lSPager{
    display:none;
}

@media (min-width: 406px) and (max-width: 767px) {
  .project-feed__4cols .project-item,
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .project-feed__4cols .project-item,
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.project-item .project-item-inner {
  /*background: #f7f7f7;*/
    background: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    /*padding: 6px;*/
    border: 10px solid #cecece;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    
    text-align: center;
}
.section-dark .project-item .project-item-inner {
  background: rgba(255, 255, 255, 0.08);
}
.project-item .project-img {
    position: relative;
    min-width: 250px;
    min-height: 150px;
  /*overflow: hidden;*/
    margin: 0;
}

.project-item .project-img > img {
  margin-bottom: 0;
  /*width: 100%;*/
      content:'';
    display:inline-block;
    /*height: 100%;*/
    vertical-align:middle;
    max-width: 230px;
    max-height: 140px;
    
}
.section-dark .project-item .project-img > img {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
}


/***************************Home slider with out desc design**************************************/

.project-item .project-img-desc-none {
    position: relative;
    min-width: 250px;
    min-height: 246px;
  /*overflow: hidden;*/
    margin: 0;
}

.project-item .project-img-desc-none > img {
  margin-bottom: 0;
  /*width: 100%;*/
      content:'';
    display:inline-block;
    /*height: 100%;*/
    vertical-align:middle;
    max-width: 230px;
    max-height: 246px;
    
}
.section-dark .project-item .project-img-desc-none > img {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
}

.project-item .overlay {
  position: absolute;
  top: 4px;
  left: 5px;
  overflow: hidden;
  right: 5px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.project-item .dlink,.project-item .zoom1 {
  border:none;  
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  color: #dc2a0b;
  background: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 30px;
  text-align: center;
  z-index: 2;
}
.project-item .dlink i, .project-item .zoom1 i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px;
}
.project-item .dlink:hover,
.project-item .zoom1:hover {
  background: #ee1c25;
  color: #fff;
  cursor:pointer;
}

.project-item .dlink {
  left: 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.project-item .zoom1 {
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.project-item .zoom1 .fa-file-text-o {
  margin-left: -13px;
}
.project-item:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.project-item:hover .dlink,
.project-item:hover .zoom1 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*  Portfolio Description  */
.project-desc {
  text-align: center;
    padding: 25px 20px 10px 20px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.project-desc .title {
  /*margin-bottom: 20px;*/
  height: 45px;
}
.project-desc .title > a {
  color: #323b45;
  font-size: 16px;
}
.section-dark .project-desc .title > a {
  color: #fff;
}
.project-desc .title > a:hover {
  color: #dc2a0b;
  text-decoration: none;
}
.project-desc .desc {
  color: #b4b8be;
  font-style: italic;
}
.project-desc .product_spec {
  float: left;
  color: #ef1c25;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}

.project-desc .price {
  float: right;
  color: #0c9047;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
}
.section-dark .project-desc .desc {
  color: #aeaeae;
}

.project-item .dlink .fa, .project-item .zoom1 .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px;
}
.project-item .zoom1 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
.info_icon {
    width:50px;
    height:45px;
}

/***********************Jquery Image Zooming with Slider*********************************/
    .piclist{
        margin: 40px  0px;
    }
    .piclist li{
        display: inline-block;
        width: 50px;
        height: 50px;
        cursor:pointer;
        margin:5px 5px;
        padding:5px;
        box-shadow:1px 0px 10px #a9a9a9;
        vertical-align:top;
    }
    .piclist li:hover{
        box-shadow:1px 0px 10px #f7a2a2;    
    }

    .piclist li:active,.piclist li:focus{
        box-shadow:1px 0px 10px #f35555;    
    }
    .piclist li.active{
        box-shadow:1px 0px 10px #f35555;    
    }

    .piclist li img{
        width: 100%;
        height: auto;
        max-height:100%;
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
        border: 1px solid #fff;
    }

.picZoomer{
    position: relative;
    /*max-width: 340px;
    max-height: 400px;
    min-height: 320px;
    width:100%;*/
    display: inline-block;
    vertical-align: middle;
    height: inherit !important;
    text-align:center;
    /*min-height:350px;*/
}
.picZoomer img{
    max-width: 290px;
    max-height: 290px;
    min-height: 180px;
    padding:15px 15px 10px 15px;
}

.picZoomer-zoom-wp {
    
    text-align:center;
    
}

.picZoomer-zoom-wp img {
    /*height: 100% !important;
    max-width: 800px;
    min-height: 650px;*/
    height: auto !important;
    max-width: 1000px;
    min-width: 500px;
    min-height: 100%;
    max-height: 1000px;
    width:auto !important;
}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
    /*height: 100%!important;
    width: auto!important;*/

}
.picZoomer-pic-wp:hover .picZoomer-cursor{
	display: block;
}
.picZoomer-zoom-pic{
	position: absolute;
	top: 0;
	left: 0;
}
.picZoomer-pic{
	/*width: 100%;*/
	/*height: 100%;*/
}
.picZoomer-zoom-wp{
	display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #333;
    background: #fff;
    /*height:450px !important;
    width:650px !important;*/
    
    
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.picZoomer-cursor{
	display: none;
	cursor: crosshair;
	width: 50%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	/*border-radius: 100%;*/
	border: 1px solid #eee;
	background-color: rgba(0,0,0,.1);
}
.picZoomCursor-ico{
	width: 23px;
	height: 23px;
	position: absolute;
	top: 100px;
	left: 100px;
	/*background: url(../img/zoom-ico.png) left top no-repeat;*/
}

.picZoomer-pic-wp:nth-child(3) {
    display:none;
}





/*********************Login Page ***************************/
.login_main,.become_main { width:95%; border:1px solid #ccc; margin:3% auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.left_login,.right_login,.left_become,.right_become { display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box;}

.left_login { background:url(../img/login_bg.png) no-repeat center center; padding: 20px; box-sizing: border-box;}
.left_login h2{ font-size:20px; color:#323b45; }
.left_login ul{ padding:4% 0px 7% 0; margin:0px; }
.left_login ul li{ color:#252424; font-size:17px; padding:5px 0px; font-family:'GillSansMT'; }
.left_login ul li span{ padding:0px 0px 0 10px; }
.left_login p { color:#323b45; font-size:18px; padding:5px 0px; font-family:'GillSansMT'; }
.right_login,.right_become { background:#e7e7e7; box-sizing: border-box; padding:35px 3%; float:right;}

.login_head {  border-left:10px solid red; }
.login_head h3{color:#1b1b1b; font-size:24px; text-transform:uppercase; border-bottom:1px solid #ccc; padding: 10px 10px 10px 0px;  margin: 0 0 0 15px;}
.login_page { width:100%; display:inline-block; vertical-align:top; margin:20px 0px 10px 0px;}
.input { position: relative; /*margin: 5px 0px; display: inline-block;  width: 100%;*/ }
/*.input .login_icon_user { position: absolute; display: block; left: 10px; top: 22px; font-size: 17px; }*/
.input .login_icon_user {position: absolute; display: block; left: 1px; top: 1px; font-size: 17px;     padding: 22px 20px; background:#dadada; color:#1b1b1b; border-right: 1px solid #cacaca;}
.input input { width: 100%; display: block; border: 1px solid #d4d4d4; border-radius: 4px; transition: 0.2s ease-out; box-sizing:border-box; font-family:'Roboto';
color: #1b1b1b; background:none; line-height:18px; }
.left_side_password .input input { width: 100%; display: block; border: 1px solid #d4d4d4; border-radius: 4px; transition: 0.2s ease-out; box-sizing:border-box; font-family:'Roboto';
color: #1b1b1b; background:none; line-height:18px;}
.company_info_one .input input { line-height:18px;}
.input select{ width: 100%; display: block; border: 1px solid #d4d4d4; border-radius: 4px; transition: 0.2s ease-out; box-sizing:border-box;  font-family:'Gill Sans MT'; color: #717171; background:none; }
.input textarea { width: 100%; display: block; border: 1px solid #d4d4d4; border-radius: 4px; transition: 0.2s ease-out; box-sizing:border-box;
color: #1b1b1b; background:none; resize:none; height:52px;}
.input input:focus,.input textarea:focus,.input select:focus { outline: 0; box-shadow:0 0 10px #b9b9b9;  background:#fff; }
.input .login_btn:focus,.input .login_btn:visited { color:#333; }
.input span.login_icon { position: absolute; display: block; left: 24px; top: 13px; font-size: 16px; }
.input .login_btn { display: inline-block;  width: auto; padding: 10px 40px;  color: #fff;  background: none; border: none; }
.input_clr{  display: inline-block; padding: 0px;} 
.input_clr:hover{ color:#333;}
.input .login_btn:hover { cursor:pointer; color:#333; }
/*.input .login_btn:active { cursor:pointer; color:#333;  }*/
.input .read_more .login_btn:focus { background-position: 0% top, 0% top; color: #ef1c25; border-radius:0px; box-shadow:none; }
.input .update .login_btn:focus { background-position: 0% top, 0% top; color: green; border-radius:0px; box-shadow:none; }
.forget_ps { float: right; margin: 10px 0px; }
.forget_ps a{ padding:0 10px; color:#323b45; font-size:17px; cursor:pointer; display:inline-block; }
.forget_ps span{ position:static; display:inline-block;}


/*********************************Become a Dealer***********************************************************/

.left_become { padding:20px; width:65%; }
.left_become h2{ color:#383838; font-size:24px; margin:10px 0px 30px 0px; text-align:center; text-transform:uppercase; }
.panel_box { display: inline-block; width:48%; margin:50px 5px 10px 5px; position:relative; box-shadow: 0 0 5px #a7a3a3; padding:40px 15px 10px 15px; box-sizing:border-box; min-height: 310px; vertical-align:top; }
.engine_icon_rd { position: absolute; left: 40%; top: -50px; z-index: 999; background: #ee1c25; border-radius: 50px; width: 90px; height: 90px; }
.engine_icon_rd img{  position: absolute; top: 32%; left: 28%; }
.engine_icon_rd i{  position: absolute; top: 33%; left: 31%; font-size: 30px; color:#fff; }
.engine_icon_rd i.dollar_icon{ left: 40%; }

.panel_box p{ font-size: 17px; font-family: 'Gill Sans MT'; line-height: 20px;  padding: 4px 0px;  color: #5f5e5e; }
.panel_box ul li{ font-size: 17px; font-family: 'Gill Sans MT'; line-height: 20px; padding: 4px 0px 4px 26px; list-style-type: disc; list-style-position: inside;  color: #5f5e5e; text-indent: -1.3em; }
.panel_box h4 { font-size: 20px; font-family: 'Gill Sans MT'; line-height: 25px;  padding: 20px 0px;  color: #333; text-align:center; }
.become_icon_user { position: absolute; display: block; left: 1px; top: 1px; font-size: 17px; padding: 16px 15px; border-right: 1px solid #cacaca;  /*background:#656262; color:#fff;*/ }
.required_icon_user { position: absolute; display: block; left: 5px; top: 5px; font-size: 7px; color: #f93636; }
.become_company_heading { color:#ee1c25; font-size:18px; font-family:'Gill Sans MT'; margin:40px 0 10px 0; }
.custom-combobox .ui-widget.ui-widget-content { height:53px;  padding: 0 0px 0 55px; border: 1px solid #ccc;}
.custom-combobox .ui-widget { position:absolute; right:0px; top:0px; height:53px;  margin:0px; border:none; box-shadow:none; border: 1px solid #ccc;}

#ui-id-1,#ui-id-2,#ui-id-3,#ui-id-4,#ui-id-5{ max-height:200px; min-height:20px; overflow-y:auto; overflow-x:hidden; }


/*************************************Search Page Started**************************************/
.engine_search_main{ width: 100%; float: left; margin: 1% 0; }
.recent_search_main{ width: 100%; float: left; margin: 1% 0; }
.left_search { float: left; width: 49%; margin: 0 5px 10px 0px; box-shadow: 0 0 10px #ccc; }
.right_search { float: right; width: 49%; margin: 0 0px 10px 10px; box-shadow: 0 0 10px #ccc;}
.left_search_recent { float: left; width: 32.5%; margin: 0 5px 0 0px; box-shadow: 0 0 10px #ccc; }
.right_search_recent { float: left; width: 32.5%; margin: 0 0px 0 10px; box-shadow: 0 0 10px #ccc;}
.right_search_recent_last { float: left; width: 32.5%; margin: 0 0px 0 10px; box-shadow: 0 0 10px #ccc;}
.left_search_recent .search_result, .right_search_recent .search_result, .right_search_recent_last .search_result{ max-height:300px;  min-height:300px; overflow:auto; }
.head_search{ box-shadow: 0 0 10px #ccc; padding: 10px 20px; box-sizing: border-box;  display:block; }

.head_search i{ font-size: 20px; padding: 0 15px 0 0; display: inline-block; vertical-align: middle; color:#545b64; }
.head_search h2{color: #323b45; display: inline-block; vertical-align: middle; font-size:14px;}   /*text-transform:uppercase;*/
.search_result{ margin: 0px;  padding: 10px 0px; position: relative; display: inline-block; width: 100%; vertical-align: top; }
.search_result li{ padding:5px 20px; box-sizing: border-box; color: #333333; font-size:15px;}
.search_result li a{ color: #0c85bb; font-size: 17px; }
.search_result li:hover{ cursor: pointer; background: #e0e0e0; }
.search_result li.active{ background: #d0d0d0; color: #333333; }

.fas.fa-cart-plus { color:green;  font-size:20px;}

.searched_details_show{ display:inline-block; padding:8px 10px; background:#dcdcdc; border-left:4px solid #008000; font-size:15px; margin:10px 0 0 0; }

.search_result_checkbox{ margin: 0px;  padding: 0px 0px; position: relative; display: inline-block; width: 100%; vertical-align: top;  }
.search_result_checkbox li{ padding:5px 20px; box-sizing: border-box; color: #333333; }
.search_result_checkbox li input{ vertical-align:top; margin:0 5px; }

.engine_icon{ display: inline-block; padding:0 15px 0 0; vertical-align: middle; }
.table_heading_show_hide{ display: inline-block; position: absolute; width: auto; top: 2%; z-index: 99;  }
.table_heading_show_hide span{ display: inline-block; vertical-align: bottom; padding:0 10px;}
.table_head_hints{ font-family: 'Roboto_bld'; font-size: 15px;  /*position: absolute; z-index:999;    top: 3%;*/ }
#nonAuthendicate_user_jobber{ position: absolute; z-index:999;    top: 3%; }
.table_heading_show_hide a{ display: inline-block; vertical-align: top;  padding:0 10px; color:#000;}
.dataTables_scrollHead .dataTable tr th.sorting_asc,.dataTables_scrollHead .dataTable tr th.sorting_disabled,.dataTables_scrollHead .dataTable tr th{ background: #404e5e; color:#fff; border:none !important; /*border-left:1px solid #ccc !important;*/ }
.dataTables_scrollHead{ border-left:1px solid #ccc !important; }
table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #ccc;}

/*table.dataTable tbody tr td:nth-child(3){ background: #fff; border-top: 1px solid #ccc !important;    }*/
#tbl_enginesearchdetail.dataTable tbody tr td:nth-child(2){   background: #fff; border-bottom: 1px solid #ccc !important;  }
#tbl_enginesearchdetail_tran.dataTable tbody tr td:nth-child(2) { background: #fff; border-bottom: 1px solid #ccc !important; }

.div_enginesearchdetail table tbody tr td img,.div_shopdetail table tbody tr td img,.div_partssearch table tbody tr td img{ max-width: 40px; height: 40px; text-align: center; }
.div_enginesearchdetail table tbody tr td:nth-child(1),.div_shopdetail table tbody tr td:nth-child(1),.div_partssearch table tbody tr td:nth-child(1){ text-align: center; position:relative;}

/*.div_enginesearchdetail table tr th:nth-child(1),.div_enginesearchdetail table thead tr th:nth-child(1){ max-width: 50px !important; min-width: 50px !important; width: 5% !important;}*/
/*.div_enginesearchdetail table tr th:nth-child(2),.div_enginesearchdetail table thead tr th:nth-child(2){ max-width: 150px !important; min-width: 150px !important; width: 6% !important;}*/
/*.div_enginesearchdetail table tr th:nth-child(3),.div_enginesearchdetail table thead tr th:nth-child(3){ max-width: 80px !important; min-width: 80px !important; width: 5% !important;}
.div_enginesearchdetail table tr th:nth-child(4),.div_enginesearchdetail table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(5),.div_enginesearchdetail table thead tr th:nth-child(5){ max-width: 400px !important; min-width: 400px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(6),.div_enginesearchdetail table thead tr th:nth-child(6){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(7),.div_enginesearchdetail table thead tr th:nth-child(7){ max-width: 50px !important; min-width: 50px !important; width: 4% !important; text-align: center;}
.div_enginesearchdetail table tr th:nth-child(8),.div_enginesearchdetail table thead tr th:nth-child(8){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(9),.div_enginesearchdetail table thead tr th:nth-child(9){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;}*/




.div_enginesearchdetail table tr th:nth-child(1),.div_enginesearchdetail table thead tr th:nth-child(1),.div_enginesearchdetail table tbody tr td:nth-child(1){ max-width: 35px !important; min-width: 35px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(2),.div_enginesearchdetail table thead tr th:nth-child(2),.div_enginesearchdetail table tbody tr td:nth-child(2){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(3),.div_enginesearchdetail table thead tr th:nth-child(3),.div_enginesearchdetail table tbody tr td:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(4),.div_enginesearchdetail table thead tr th:nth-child(4),.div_enginesearchdetail table tbody tr td:nth-child(4){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(5),.div_enginesearchdetail table thead tr th:nth-child(5),.div_enginesearchdetail table tbody tr td:nth-child(5){ max-width: 350px !important; min-width: 350px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(6),.div_enginesearchdetail table thead tr th:nth-child(6),.div_enginesearchdetail table tbody tr td:nth-child(6){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(7),.div_enginesearchdetail table thead tr th:nth-child(7),.div_enginesearchdetail table tbody tr td:nth-child(7){ max-width: 35px !important;min-width: 35px !important; width: 4% !important; text-align: center;}
.div_enginesearchdetail table tr th:nth-child(8),.div_enginesearchdetail table thead tr th:nth-child(8),.div_enginesearchdetail table tbody tr td:nth-child(8){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(9),.div_enginesearchdetail table thead tr th:nth-child(9),.div_enginesearchdetail table tbody tr td:nth-child(9){ max-width: 30px !important; min-width: 30px !important; width: 4% !important; border-right: 1px solid #ccc;}






.kitparts_main table tbody tr th:nth-child(1),.kitparts_main table tbody tr td:nth-child(1),.kitparts_main table thead tr th:nth-child(1){ max-width: 500px !important; min-width: 500px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(2),.kitparts_main table tbody tr td:nth-child(2),.kitparts_main table thead tr th:nth-child(2){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(3),.kitparts_main table tbody tr td:nth-child(3),.kitparts_main table thead tr th:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(4),.kitparts_main table tbody tr td:nth-child(4),.kitparts_main table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(5),.kitparts_main table tbody tr td:nth-child(5),.kitparts_main table thead tr th:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}

/*.kitparts_main table tbody tr td:nth-child(1){ max-width: 340px !important; min-width: 340px !important; width: 20% !important;}
.kitparts_main table tbody tr td:nth-child(2){ max-width: 60px !important; min-width: 60px !important; width: 5% !important;}
.kitparts_main table tbody tr td:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 5% !important;}
.kitparts_main table tbody tr td:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 5% !important;}
.kitparts_main table tbody tr td:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 5% !important;}*/



.div_shopdetail table tr th:nth-child(1),.div_shopdetail table thead tr th:nth-child(1){ max-width: 50px !important; min-width: 50px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(2),.div_shopdetail table thead tr th:nth-child(2){ max-width: 450px !important; min-width: 450px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(3),.div_shopdetail table thead tr th:nth-child(3){ max-width: 110px !important; min-width: 110px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(4),.div_shopdetail table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 3% !important;}
.div_shopdetail table tr th:nth-child(5),.div_shopdetail table thead tr th:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 1% !important;}
.div_shopdetail table tr th:nth-child(6),.div_shopdetail table thead tr th:nth-child(6){ max-width: 80px !important; min-width: 80px !important; width: 4% !important; text-align: center;}
.div_shopdetail table tr th:nth-child(7),.div_shopdetail table thead tr th:nth-child(7){ max-width: 40px !important; min-width: 40px !important; width: 1% !important; border-right:1px solid #ccc;}
.div_shopdetail table tr th:nth-child(9),.div_shopdetail table thead tr th:nth-child(9){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;} 





.div_partssearch table tr th:nth-child(1),.div_partssearch table thead tr th:nth-child(1){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.div_partssearch table tr th:nth-child(2),.div_partssearch table thead tr th:nth-child(2){ max-width: 250px !important; min-width: 250px !important; width: 4% !important;}
.div_partssearch table tr th:nth-child(3),.div_partssearch table thead tr th:nth-child(3){ max-width: 150px !important; min-width: 150px !important; width: 4% !important;}
.div_partssearch table tr th:nth-child(4),.div_partssearch table thead tr th:nth-child(4){ max-width: 100px !important; min-width: 100px !important; width: 3% !important;}
.div_partssearch table tr th:nth-child(5),.div_partssearch table thead tr th:nth-child(5){ max-width: 150px !important; min-width: 150px !important; width: 4% !important;}
.div_partssearch table tr th:nth-child(6),.div_partssearch table thead tr th:nth-child(6){ max-width: 60px !important; min-width: 60px !important; width: 4% !important; text-align: center;}
.div_partssearch table tr th:nth-child(7),.div_partssearch table thead tr th:nth-child(7){ max-width: 40px !important; min-width: 40px !important; width: 1% !important;}
.div_partssearch table tr th:nth-child(8),.div_partssearch table thead tr th:nth-child(8){ max-width: 40px !important; min-width: 40px !important; width: 1% !important;}
.div_partssearch table tr th:nth-child(9),.div_partssearch table thead tr th:nth-child(9){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;} 



.also_fits_main table tr th:nth-child(1),.also_fits_main table tr td:nth-child(1),.also_fits_main table thead tr th:nth-child(1){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(2),.also_fits_main table tr td:nth-child(2),.also_fits_main table thead tr th:nth-child(2){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(3),.also_fits_main table tr td:nth-child(3),.also_fits_main table thead tr th:nth-child(3),.also_fits_main table tbody tr td:nth-child(3){ max-width: 30px !important; min-width: 30px !important; width: 3% !important; text-align:center;} 
.also_fits_main table tr th:nth-child(4),.also_fits_main table tr td:nth-child(4),.also_fits_main table thead tr th:nth-child(4){ max-width: 400px !important; min-width: 400px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(5).also_fits_main table tr td:nth-child(5),.also_fits_main table thead tr th:nth-child(5){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(6),.also_fits_main table tr td:nth-child(6),.also_fits_main table thead tr th:nth-child(6){ max-width: 350px !important; min-width: 350px !important; width: 4% !important; border-right:1px solid #ccc;}


.div_technicalsearch table tr td{ padding:8px 6px !important;}
.div_technicalsearch table tfoot tr th:last-child,.div_technicalsearch table tr td:last-child { border-right:1px solid #ccc; }

.div_technicalsearch table tfoot tr th:nth-child(1),.div_technicalsearch table thead tr th:nth-child(1),.div_technicalsearch table tr td:nth-child(1){ max-width: 80px !important; min-width: 80px !important; width: 2% !important;}
.div_technicalsearch table tfoot tr th:nth-child(2),.div_technicalsearch table thead tr th:nth-child(2),.div_technicalsearch table tr td:nth-child(2){ max-width: 90px !important; min-width: 90px !important; width: 5% !important; }
.div_technicalsearch table tfoot tr th:nth-child(3),.div_technicalsearch table thead tr th:nth-child(3),.div_technicalsearch table tr td:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(4),.div_technicalsearch table thead tr th:nth-child(4),.div_technicalsearch table tr td:nth-child(4){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(5),.div_technicalsearch table thead tr th:nth-child(5),.div_technicalsearch table tr td:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(6),.div_technicalsearch table thead tr th:nth-child(6),.div_technicalsearch table tr td:nth-child(6){ max-width: 60px !important; min-width: 60px !important; width: 4% !important; text-align: center;}
.div_technicalsearch table tfoot tr th:nth-child(7),.div_technicalsearch table thead tr th:nth-child(7),.div_technicalsearch table tr td:nth-child(7){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(8),.div_technicalsearch table thead tr th:nth-child(8),.div_technicalsearch table tr td:nth-child(8){ max-width: 75px !important; min-width: 75px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(9),.div_technicalsearch table thead tr th:nth-child(9),.div_technicalsearch table tr td:nth-child(9){ max-width: 75px !important; min-width: 75px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(10),.div_technicalsearch table thead tr th:nth-child(10),.div_technicalsearch table tr td:nth-child(10){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(11),.div_technicalsearch table thead tr th:nth-child(11),.div_technicalsearch table tr td:nth-child(11){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(12),.div_technicalsearch table thead tr th:nth-child(12),.div_technicalsearch table tr td:nth-child(12){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(13),.div_technicalsearch table thead tr th:nth-child(13),.div_technicalsearch table tr td:nth-child(13){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(14),.div_technicalsearch table thead tr th:nth-child(14),.div_technicalsearch table tr td:nth-child(14){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(15),.div_technicalsearch table thead tr th:nth-child(15),.div_technicalsearch table tr td:nth-child(15){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(16),.div_technicalsearch table thead tr th:nth-child(16),.div_technicalsearch table tr td:nth-child(16){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table thead tr th {
    text-transform: capitalize;
}


/*.ui-widget.ui-widget-content {
    max-height:290px;
    overflow-y:scroll;
}*/


#img_warranty {
    margin:20px 0px;
    display:inline-block;
    border:2px solid #ccc;
}
.btn_download{
    padding: 7px 15px;
    border: none;
    background: #1f6cb7;
    color: #fff;
    font-size: 16px;
    margin: 10px 0 0 0;
    }
.word_file {
    display:inline-block;
    color:#fff;
    padding:0 10px 0 0px;
}

table.dataTable tfoot {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 15px;
    /*border-right: 1px solid #ccc;*/
    border-left: 1px solid #ccc;
}


table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    line-height:20px;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    max-height:400px;
    height:auto !important;
}

.kitparts_main .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    max-height:135px;
    height:auto !important;
}
/*.dataTables_scrollHead table tr th:nth-child(2),.dataTables_scrollBody table thead tr th:nth-child(2){ max-width: 240px !important; min-width: 240px !important; width: 8% !important;}
.dataTables_scrollHead table tr th:nth-child(5),.dataTables_scrollBody table thead tr th:nth-child(5){ max-width: 550px !important; min-width: 550px !important; width: 10% !important;}*/
table.dataTable thead th, table.dataTable tfoot th { font-weight:normal; font-size:15px; }
.div_enginesearchdetail,.div_shopdetail,.div_partssearch {  position:relative; }
.show_hide_main { display: inline-block;
    width: 100%;
    margin: 0px 0px 0px 0px; 
}
.product_search_hide {
    display:inline-block;
    padding:6px 10px;
    color:#fff;
    background:green;
    font-size:15px;
}
.product_search_hide:hover,.product_search_Show:hover{
    cursor:pointer;
}

.product_search_Show {
    display:inline-block;
    padding:4px 10px;
    color:#fff;
    background:red;
    font-size:15px;
}

.kitparts_main {display:inline-block; width:100%; padding:0 0 10px ; border-bottom:1px solid #ccc;}
.kitparts_main table tr td a{ color:#2da2ff; text-decoration:underline; }
.kitparts_main table tr td a:hover{ text-decoration:none; }
.dataTables_scrollHead table tr th input,.dataTables_scrollFootInner table tr th input{ width: 100%; padding:2px; border: 1px solid #ccc; }
table#tbl_kitpartdetail {
    border: 1px solid #CCC;
    WIDTH: 100%;
}
table#tbl_kitpartdetail tr th {
    background: #404e5e;
    padding: 6px;
    color: #fff;
    font-weight:normal; font-size:15px;
}
table#tbl_kitpartdetail tr td {
    padding: 6px;
    /*border: 1px solid #ccc;*/

}


/*******Data table styles*******/

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {     background-color: #ebebeb; }
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {     background-color: #fff; }

.dataTables_wrapper .dataTables_filter { float: right; text-align: right; margin: 10px 0px;}
.dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; line-height: 20px; height: 25px; padding: 0 4px; border: none; box-shadow: 0 0 1px #363636; border-radius: 4px; border:1px solid #ccc;}

table.dataTable thead th, table.dataTable thead td { padding: 8px 15px; /*border-left: 1px solid #666769;*/ text-align: left; vertical-align: middle;}
table.dataTable tbody th, table.dataTable tbody td { padding: 3px 8px; border-top: 1px solid #dadada;border-bottom: 1px solid #dadada; border-left: 1px solid #dadada;}
.dataTables_wrapper .dataTables_scroll {  border-bottom: 2px solid #404e5e; }
.search_icon_filter {
    padding: 2px 20px 2px 10px !important;
}
.search_icon_filter{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 100% 100% !important;
}

.dataTables_filter label input{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 2px 20px 2px 10px !important;background-position: 100% 100% !important;
}
/*#tbl_enginesearchdetail tfoot th { padding:0px !important; display:none; }*/

div#tbl_kitpartdetail_filter {
    display: none;
}

/************************************Parts Details *************************************/

.autoscroll_partdesc{
    max-height: 150px;
    overflow-y: auto;
}

 

.add_list_pop {
    display:inline-block;
    width:100%;
    text-align:center;
    margin:10px 0;
}

.pop_select_cart {
    float: left;
    margin: 0px 20px 0px 0px;
}

.pop_select_cart label{
    margin:0 5px 0 0;
}

.pop_select_cart select{
    min-width: 100px;
    padding: 3px;
}


.kit_pop_select_cart {
    float: left;
    margin: 0px 20px 0px 0px;
}

.kit_pop_select_cart label{
    margin: 0 5px 0 0;
    display: inline-block;
    /* float: left; */
    vertical-align: middle;
}

.kit_pop_select_cart select{
    min-width: 100px;
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    /* float: left; */
    max-width: 100px;
}

.pop_qty_input {
    margin: 0px 10px 5px 0px;
    display: inline-block;
    vertical-align: top;
    /*float:left;*/
}

.pop_qty_input input{
    padding: 3px 5px;
    width:90px;
}

.pop_qty_input select{
    padding: 3px 5px;
}

.kit_pop_qty_input {
    float:left;
    margin:0 10px;
}

.kit_pop_qty_input label{
    float:left;
    margin:6px 10px 0 0;
}

.kit_pop_qty_input input{
    padding: 3px 5px;
    width:60px;
    float:left;
}

#opener{ cursor:pointer; }
.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}
.Partdetal_left { width:99%; float:left; margin:2% 0; }
.product_main{ float: left;  width: 100%; padding:10px; box-sizing:border-box; border:1px solid #ccc;}
.part_id_sec { display:inline-block; width:100%; text-align:right; padding:10px 0px; }
.part_id_head { font-size:20px; color:#323b45; float:left;  }
.back_button{background-color: #fff; border-left: 5px solid #404e5e; color: #404e5e; font-size: 16px; padding: 8px 30px 8px 10px; box-shadow: 1px 0px 5px #949494; background-size: 200% 100%;
  background-image: linear-gradient(to right, #404e5e 48%, #fff 48%), linear-gradient(to right, #404e5e 48%, #fff 48%);transition: background-position 1s; font-size: 16px;
  background-size: 200% 100%; background-repeat: no-repeat; background-position: 100% top, 100% top; -webkit-background-clip: text, border-box; background-clip: text, border-box;
  display: inline-block; position:relative; border-radius:4px; margin:0 0px 0 10px;
}
.back_button i:before{ position:absolute; right:4px; top:8px; }
.back_button:hover { background-position: 0% top, 0% top;  color:#fff;}
.back_button:active { background-position: 0% top, 0% top;  color:#fff;}
.back_button:focus{background-position: 0% top, 0% top;  color:#fff; }
.product_image_zoom {/*float: left;*/ display:inline-block; text-align:center; width: 35%; padding: 20px; box-sizing: border-box; border-right:1px solid #ccc; }

.right_side_desc { width: 65%; float: right; padding:10px 20px; box-sizing: border-box; }
.details_heading { font-size:20px; color:#323b45; font-family:'roboto'; }
.details_list { padding:15px 0px; border-bottom:1px solid #dcdcdc; }
.details_list ul li{ float:left; padding:2px 5px; box-sizing: border-box;  font-size:15px;}
.details_list ul li.first_part_number{ width:40%; }
.details_list ul li:nth-child(3) {
    float: right;
}
.detail_list_head{ padding:0 10px 0 0px; display: inline-block; vertical-align: bottom; color:#6f7aab; font-size:17px; }

.dimension_main { margin:0 0 20px 0; }
.dimension_head { color: #323b45; font-size: 18px; font-family: 'Roboto'; padding: 15px 0px; }
.dimension_head_package { color: #323b45; font-size: 18px; font-family: 'Roboto'; padding: 15px 0px; }

.dimension_main ul {  }
.dimension_main ul#Dimensions{ overflow:auto; width:100%; padding:2px; }
.dimension_main ul li { width: 49%;  float: left; box-sizing: border-box; box-shadow: 0 0 2px #ccc; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.dimension_main ul li.dimension_bearingset{ width: initial; border: none; max-width: 100%;  min-width: 100%;   box-shadow: none; }
.dimension_main ul li.dimension_bearingset span.dimension_list_head{ width: 6%;   min-width:140px; position:absolute; z-index:9;  border-left:1px solid #ccc;   max-width:140px;  border-bottom: 1px solid #ccc;}
.dimension_main ul li.dimension_bearingset span.dimension_list_attrvalue{     width: 20%;
    border-left: 1px solid #ccc;
    min-width: 140px;
    position: relative;
    border-top: 1px solid #ccc;
     left: 140px;
         border-bottom: 1px solid #ccc;
}
.dimension_main ul li.dimension_bearingset span.dimension_list_attrvalue:last-child{ border-top:1px solid #ccc; border-right:1px solid #ccc; }

.dimension_list_head {  display: inline-block; background: #ededee; color:#4f5b92 !important; width: 57%; min-width:200px; float:left; }
.dimension_main ul li span { color:#36383b; font-size:15px; padding:10px; display:inline-block;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;*/ }

.add_to_cart_list { border-bottom:1px solid #ccc; padding:10px 0px; }
.add_list_col { display:inline-block; padding:0 4% 0 0; vertical-align:top; text-align:center;}
.add_list_col_first{display:inline-block; padding:0 0px 0 0; vertical-align:top; width:17%;}
.add_list_col_last{display:inline-block; float:right; padding:10px 0px 0 0; vertical-align:top;}
.add_list_head { display:inline-block; width:100%; vertical-align:top; padding:0 0 10px 0;  }
.add_list_head span{  font-size:15px; color:#5d6483; }
.sugg_rate { display:inline-block; width:100%; vertical-align:top; text-align:center; font-size:15px; font-style:italic; padding:7px 0 0 0; /*font-family:'GillSansMT';*/ font-weight:bold;}
/*.sugg_rate p{ }*/
.sugg,.sugg a{ color:#207a98; }
.net{ color:#10863f; }
.spec { color:#207a98; text-decoration:underline; }
.spec:hover { cursor:pointer; text-decoration:none; }

.para_tech_common{ color:#3a3a3c; font-size:15px; line-height:20px; text-align:justify;max-height: 150px;overflow-y: auto; }
.prop_65{ border-top:1px solid #ccc; padding:10px 0px; }
.prop_65 p{ color:#3a3a3c; font-size:15px; line-height:20px; text-align:justify; }
.prop_65 b{ font-size:16px; }
.prop_65 a{ color:#0461cc; text-decoration:underline; }
.prop_65 a:hover{ text-decoration:none; }

.competi_fits{ padding:10px; box-sizing:border-box; border:1px solid #ccc; margin:20px 0px; }
.heading_all_inner{ text-align: left; margin:10px 0 0 0;}
.heading_all_inner h1{ font-size: 18px;  color: #2f2f2f; } 
.heading_all_inner span{ color: #ef1c25; padding:0 0 0 3px; }

.dimension_main_also_fits { padding: 20px 0; border-bottom: 1px solid #ccc; }
.dimension_main_also_fits ul li { width: 30%;  float: left; box-sizing: border-box; box-shadow: 0 0 2px #ccc; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
/*.dimension_list_head {  display: inline-block; background: #ededee; color:#4f5b92 !important; width: 50%;   text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; float:left; }*/
.dimension_main_also_fits ul li span { color:#36383b; font-size:15px; padding:10px; display:inline-block; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }



/**************************Loader sections*****************************/
.loader_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    opacity: 0.8;
}

.loader {
    position:absolute;
    top:45%;
    left:45%;
    z-index:9999;
    text-align:center;
}

.loader i{
    font-size:60px;
    color:red;
    padding:10px;
}

    .loader p {
        background: #fff;
        padding: 10px 20px;
        color: #4a4a4a;
        box-shadow: 0 0 10px #797373;
    }



/**************************Part Number Search***************************************/
.parts_search_main {  margin: 3px 0px; box-shadow: 0 0 5px #c7c7c7; padding: 20px; }
.part_search_input_head { margin:0 10px 10px 0; display:inline-block; vertical-align:top; }
.part_search_input {  padding: 5px 10px; float: left; height: 40px; line-height: 40px; color: #333; border:1px solid #ccc; border-radius: 2px 2px 0 0; width:250px; }
.btn_search { background:#1b64ac; float: left; height: 40px; line-height: 40px; color:#fff; padding:0 15px; border:none; font-size:16px; cursor:pointer;}
.product_line_main { /*border-top:1px dotted #ccc;*/   }
.product_line_main h3{ font-family:'Roboto'; font-size:20px; }
.product_line_main p{ /*border-top:1px dotted #ccc;*/ color:#1b64ac; font-size:14px; }
.tbl_partslookupresult_height .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { max-height:280px !important; }

/**********************Technical Resource center*****************************/

.tech_form_main {
    width:100%;
    display:inline-block;
    vertical-align:top;
}

.technical_select_head {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 5% 0 0;
}

.set_price_value {
    font-size:15px;
    color:#ef1c25;
}

.special_select_head {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 0 0;
}

.special_select_head_last {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.special_select_head_last select{
    padding: 2px 10px;
    cursor:pointer;
    background: #1b64ac;
    color: #fff;
    margin: 0 0 0 10px;
}

.spl_priceselect_all {
    margin:20px 0px;
    
}


#tbl_techdetail tr td {
    word-break:break-all;
    line-height:20px;
   
}


/***********************Shopping Cart Section *************************************/

.check_out_cart {
    margin: 1% 0;
    width: 68%;
    float: left;
}

.check_out_return a{ 
    float: left;
    padding: 9px 1em;
    text-decoration: none;
    color: #454545;
    font-weight: 200;
}
.check_out_return a:hover {
    
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.return_heading{
font-size: 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    margin:0 0 10px 0;
    }

.btn_profile {
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin:0 0 20px 0;
}

.btn_profile a.btn_tab{
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px 20px;
    background: #f7f7f7;
    color: #404e5e;
    font-size: 15px;
    box-shadow: 0 0 10px #c1c1c1;
    font-weight: bold;


    /*display: inline-block;
    margin: 0 10px 0 0;
    padding: 10px 20px;
    background: #056f93;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 0 10px #c1c1c1;*/
}


.input .continue_shop {
    padding:10px 20px;
    border: none;
    color: #fff;
    font-size: 17px !important;
    float:left;
    cursor:pointer;
    color:#fff;
    
}

.input .payment_shop {
    
    cursor:pointer;
    float:right;
    border: none;
    color: #fff;
    font-size: 17px !important;
    padding:10px 20px;
    color:#fff;    
}

.input .continue_shop:hover,.input .payment_shop:hover{
    color:#333;
    font-weight:normal;
}

.btn_profile a.btn_tab:hover{
    background:#404e5e;
    color:#fff;
    font-weight:normal;
}

.box {
    background: #f7f7f7;
    padding: 15px 20px;
    box-shadow: 0 0 10px #ccc;
    
}

.box h3{
    padding: 5px 0 20px 0px;
    font-size: 18px;
    color: #404e5e;
    float: left;
}

/*table tr td.product-name a{
    color:#333;
}*/

#btnOrder {
    
    padding: 5px 10px;
    
    box-shadow: 0 0 10px #ccc;
    
    float:right;

}

.company_info_one .input input:focus, .company_info_one .input textarea:focus, .company_info_one .input select:focus {
        outline: 0;
    box-shadow: 0 0 10px #4CAF50;
    background: #fff;
}

.cart_head_lf {
    display:inline-block;
}

/*.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}*/

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

#tbl_returndetailbind.table{
    margin-bottom:0px !important;
    min-height:initial !important;
}

.table > thead > tr > th {
    padding: 14px;
    font-weight: normal;
    color: #2f2f2f;
    color: #fff;
    background: #404e5e;
    text-align:left;
    font-size:15px;
}

.cart-table .product-thumb {
    width: 8%;
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.cart-table tbody .product-thumb {
    padding-left: 0;
    padding-right: 0;
}

.cart-table .product-thumb {
    width: 8%;
}

.table > tbody > tr > td, .table > tbody > tr > th {
    padding: 14px;
}

.cart-table .product-description {
    width: 30%;
}

.cart-table .product-price {
    text-align: center;
}

.cart-table .product-quantity {
    text-align: center;
}

.cart-table .product-quantity input{
    width:40px;
}

.cart-table .product-subtotal {
    text-align: center;
}

.quantity input {
    width: 50px;
}

.cart-table .product-remove {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.balance_cart {
    vertical-align: middle;
    display: inline-block;
    margin: 10px 10px 0 0;
    font-size:15px;
    /*text-decoration:underline;
    cursor:pointer;*/
}

.cart_access_checkout {
    display:inline-block;
    vertical-align:top;
    margin:0 20px 0 0px;
}

.cart_access_checkout a {
    display:inline-block;
    vertical-align:top;
    padding:0 5px;
}

.cart_access_checkout a img{
    width: 20px;
    margin: 5px 0 0 0;
}

.cart_add_cls {
    background: #187b9a;
    padding: 3px 10px;
    border: none;
    color: #fff;
    margin: 3px 0px;
}

.cart_cancel_cls {
    background: #fe3a3a;
    padding: 3px 10px;
    border: none;
    color: #fff;
    margin: 3px 0px;
}

.checkout_left_ship {
        display: inline-block;
    vertical-align: top;
    /* width: 30%; */
    margin: 3px 3% 4px 0;
}

.check_right_ship {
    /*width: 60%;*/
    float: left;
}

.label_normal_cart {
    font-size: 15px;
    color: #343434;
    margin: 7px 5px 0 5px;
    /* display: inline-block; */
    float: left;
}
.check_out_add_rg {
    width:30%;
    float:right;
    margin:1% 0;
}

.label_request {
    font-size: 15px;
    color: #333;
    margin: 0 0 10px 0px;
    display: inline-block;
    width: 100%;
}


.display_none_desk { display:none; }

.update_address{
    background: no-repeat;
    color: green;
    margin: 6px 0px;
    border: none;
    font-size: 15px !important;
    cursor: pointer;
    /* border-bottom: 1px solid #333; */
    text-decoration: underline;
    display: inline-block;
}


.alternate_ship_address{
    background: no-repeat;
    color: red;
    margin: 6px 0px;
    border: none;
    font-size: 15px !important;
    cursor: pointer;
    /* border-bottom: 1px solid #333; */
    text-decoration: underline;
    display: inline-block;
}


/****************************Shopping cart popup***************************************/
.request_table_quote {
    padding: 5px 0px;
    box-sizing: border-box;
}

.request_table_quote tr td {
    border: 1px solid #ccc;
    padding: 3px 6px;
}

.print_email_btn{
    background: green;
    border: none;
    color: #fff;
    padding: 5px 10px;
    cursor:pointer;
}

/***************************Hunter design***********************************/

.table_main_container_hunter {
    box-shadow: 0 0 10px #ccc;
    padding: 20px 10px;
}

.wrapper_hunter {
    max-width: 1680px;
    width: 100%;
    min-width: 320px;
    margin: 0px auto;
}

.add_btn_hunder {
    text-align:center;
    background: green;
    padding: 4px 20px;
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 6%;
    z-index: 999;
    border-radius: 3px;
    box-shadow: 0 0 10px #88d688;
}


/*.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(1),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(1),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(1){
    width: 6% !important;
    min-width: 60px !important;
    max-width: 60px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(2),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(2),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(2){
    width: 5% !important;
    min-width: 50px !important;
    max-width: 50px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(3),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(3),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(3){
        width: 7% !important;
    min-width: 61px !important;
    max-width: 61px !important;
} 

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(4),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(4),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(4){
    width: 20% !important;
    min-width: 305px !important;
    max-width: 305px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(5),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(5),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(5){
    width: 25% !important;
        min-width: 305px !important;
    max-width: 305px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(6),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(6),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(6){
    width: 9% !important;
    min-width: 105px !important;
    max-width: 105px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(7),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(7),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(7){
    width: 4% !important;
    min-width: 38px !important;
    max-width: 38px !important;
}

.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(8),.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(8),
.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(8){
    width: 4% !important;
    min-width: 38px !important;
    max-width: 38px !important;
}*/


.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHeadInner,.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFootInner,.table_main_container_hunter #tbl_userentrydetail_wrapper #tbl_userentrydetail{
    width:100% !important;
}


/*.table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollHeadInner table.dataTable{
    width:100% !important;
}*/


.save_cancel_btn {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px;
}

.save_btn_hunter {
    background:green;
    color: #fff;
    font-size: 15px;
    padding: 4px 10px;
    border: none;
    border-radius: 2px;
    cursor:pointer;
}

.cancel_btn_hunter {
    background:red;
    color: #fff;
    font-size: 15px;
    padding: 4px 10px;
    border: none;
    border-radius: 2px;
    cursor:pointer;
}

.hunter_acc_crea {
    margin:10px 0px;
}

.hunter_acc_crea label{
    display:inline-block;
    max-width:150px;
    width:100%;
}

.hunter_acc_crea select,.hunter_acc_crea input{
    display: inline-block;
    max-width: 150px;
    width: 100%;
    line-height: 25px;
    padding: 2px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
}

#div_userentry label {
    
}

/*****************************Change Profile and password address****************************************/

.change_password_main{
    width: 80%;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
    margin: 20px 10px;
}

.left_side_password {
    float:left;
    width:48%;
    padding:0 15px 0 0;
    /*border-right:1px solid #eaeaea;*/
    box-sizing:border-box;
}

.right_side_password {
    float:left;
    width:48%;
    padding:8% 0px 0 15px;
    box-sizing:border-box;
}




/****************************Thumbnail image zoom image******************************************/

.div_enginesearchdetail table tr td {
    position:relative;
}

a.thumbnail
{
    cursor:pointer;
}

.thumbnail span {
    position: absolute;
    padding: 5px;
    visibility: hidden;
    color: black;
    text-decoration: none;
    left:10%;
    top:25%;
    transition: all .3s ease-out;
}

  .thumbnail span img {
    border-width: 0;
    width: 200%;
    height: auto !important;
    padding: 10px;
    max-width:100% !important;
    max-height:100% !important;
    display:none;
    transition: width 1s ease;
    top:25%;
    box-shadow:2px 2px 10px #333;    
    background:#fff;
}

/*When mouse over, the hidden image apear*/
  .thumbnail:hover span{ 
position:fixed;
visibility: visible;
    max-width:500px;
    max-height:500px;
z-index: 999;
    left:20%;
    top:25%;
}

.thumbnail:hover span img{ 
    width:100%;
    display:block;
    transition: all 0.3s ease-out;
    z-index:99;
}


/*******************************Footer Section******************************************/
/*.footer_height { display:inline-block; width:100%; height:300px; }*/
.footer{ background: #323b45; color: #fff; display: inline-block; width: 100%; vertical-align: top; padding: 10px; box-sizing: border-box; margin: 0px 0px 0 0; }
.footer h3{ text-align: left; font-size: 18px; padding: 10px 0px 10px 0; font-family: 'roboto'; font-weight: normal; }
.footer ul{ margin: 0px; padding:0px; }
.footer ul li{ font-size: 15px; line-height: 20px; margin: 10px 0px; }
.footer ul li a{ color:#fff; }
.footer ul li a.website_url{ color: #2196F3;  }
.footer ul li a:hover{ text-decoration: underline; }
.address_footer i,.phone_footer i{ display: inline-block; vertical-align: middle; padding:0 10px 0 0; font-size: 20px; }
.address_footer span,.phone_footer span{ display: inline-block; vertical-align: middle; }
.phone_footer a{ color: #fff; }
.footer_logo img{ max-width:70%; }
.aera_logo{ max-width:70%; }
.footer_copyright{ padding: 15px 0px; font-family: 'roboto';font-size: 15px; margin:0 0 0px 0; }
.social_media_footer{ float: right;  padding:0px 0; }
.social_media_footer i{color:#323b45; padding:0 5px;}

.suppot_version{ display: inline-block; margin: 0px 0px 5px 0px;  vertical-align:top;}
.suppot_version span{ display:inline-block; vertical-align:top; margin:0 5px; }
.suppot_version span i{ margin:0 2px; }
.suppot_version span i.blue_icon:before{ color:#1e77ce; }
.suppot_version span i.green_icon:before{ color:#fea501; }
.suppot_version span i.red_icon:before{ color:red; }
.suppot_version span i.blue_icon{ color:#1e77ce; }
.suppot_version span i.green_icon{ color:#fea501; }
.suppot_version span i.red_icon{ color:red; }
.suppot_version span a { text-decoration:underline; color:#252527; }
.suppot_version span a:hover { text-decoration:none; color:#1b64ad; }
.download_footer { font-size:14px; }
/********************** Murugan Design Css Start*********************/
.engine_cart_main_posi {
    float:right;
    position:relative;
    top:38px;
    /*right:23%;
    z-index:999;*/
}



.engine_cart_main{
    width: 23%;
    float: right;
    margin: 2% 0;
    background:#fff;
    position:relative;
    
    /*position:absolute;
     right:0px;*/
}

.cart_empty_main {
    display:inline-block;
    vertical-align:top;
    width:100%;
    text-align:center;
}

.cart_empty_main img{
    text-align:center;
    margin:20px 0px;
}
    .cart_empty_main p {
        /*color: #2e332e;*/
        color: #323b45;
    font-size: 24px;
    line-height: 30px;
    font-family: 'Gill Sans MT';
    font-weight: 500;
    }

.cart_tab{
    border-bottom: 1px solid #ddd;
    display:inline-block;
    width:100%;
    position:relative;
    vertical-align: top;
}


.arrow_left.hide, .arrow_right.hide {     
 
    display:none;
}
.arrow_left.show,.arrow_right.show
 { 
   
    display:block;
}

.arrow_left {     
    position: absolute;
    z-index: 99;
    left: -38px;
    top: 0px;
    background: #208000;
    padding: 10px 15px; 
    color:#fff;
    cursor:pointer;
    display:block;
}
.arrow_right{ 
    position: absolute;
    z-index: 99;
    left: -38px;
    top: 0px;
    background: #208000;
    padding: 10px 15px; 
    color:#fff;
    cursor:pointer;
    display:block;
}

.mini_moni_none { display:inline-block; }

    #overlaypopup {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        display: none;
        z-index:99999;
    }

    #popuppanel {
        max-width: 600px;
        width: 80%;
        max-height: 300px;
        height: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 20px auto;
        
    }

    #closepopup {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #000;
    }
.cart_tab:after{
    content: " ";
    display: table;
    clear: both;
}

.cart_tab li{
    float: left;
    display: block;
    position: relative;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    padding: 6px 12px;
    background: #fff;
}
.cart_tab li a {
    margin-right: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 800;
    color:#313a43;
}

.cart_total{
    background: #313a43;
    border-radius: 100%;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-transform: capitalize;
    width: 35px;
    /*padding: 9px 0px;*/
    position: absolute;
    right: -10px;
    top: -30px;
    /*padding:5px;*/
    box-sizing:border-box;
    /*padding:7px 10px;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cart_content {
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    padding:10px 0px 0;
}

.add_cart_mian {
    height:300px !important;
    /*overflow:auto;*/
}

#CartItems
{
     height:300px !important;
     overflow:auto;
}

/*.slimScrollDiv { height:550px !important; }*/

.cart_item{
    display:inline-block;
    width:100%;
    vertical-align:top;
    border-bottom: 1px solid #d0d0d0;
    padding: 20px 5px 30px 5px;
}
.left_cart_item{
    width:20%;
    display:inline-block;
    vertical-align:top;
    min-width: 100px;
}

.right_cart_item{
    width:70%;
     display:inline-block;
     vertical-align:top;
     float:right;
}

.right_cart_item a{
    color:#0c85bb;
}

.right_cart_item a:hover{
    text-decoration:underline;
}

.cart_item_img {
    width: 77px;
    height: 77px;
    border: 1px solid #323b45;
    border-radius: 100%;
    margin: 0 auto;
    position:relative;
    
}
.img_cart_small{
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    top: 30%;
    left: 25%;
}
.img_cart_small_lenght_small {
    left: 40% !important;
}
.cart_item_remove{
    padding:10px 15px;
    text-align:center;
    font-size:24px;
    color:#e02f37;
    cursor:pointer;
}

.cart_item_name{
      /*font-family:'GillSansMT-Bold';*/
      
      font-size:17px;
      color:#1c1c1e;
      margin-bottom:10px;
}
.cart_item_des{
    /*font-family: 'GillSansMT';*/
    font-size:15px;
    color:#383a3c;
    font-weight:500;
    line-height: 20px;
    margin-bottom:10px;
}

.cart_item_price{
    font-family: 'GillSansMT';
    font-size:16px;
    color:#323b45;
    font-weight:500;
    line-height: 20px;
    margin-bottom:10px;
}
.cart_item_price_value{
    color:#10863f;
    font-weight:600;
    font-style:italic;
    padding-left:5px;
    font-size:17px;

}

.cart_access a {
    padding: 0 10px 0 0px;
}
.cart_item_qty{
    display:inline-block;
    border: 1px solid #5d6677;
    color:#5d6677;
    
}

.cart_item_qty .sub{
    background: transparent;
    color: #5d6677;
    padding: 0px 7px;
    float: left;
    border:1px solid transparent;
    font-size: 20px;
    cursor:pointer;
    
}
.cart_item_qty_input {
    border: 1px solid #5d6677;
    border-top:0px solid transparent;
    border-bottom:0px solid transparent;
    max-width: 60px;
    padding: 5px 0;
    float: left;
    text-align: center;
}

.cart_item_qty .add{
    background: transparent;
    border:1px solid transparent;
    color: #5d6677;
    padding: 1px 7px;
    float: left;
    font-size: 18px;
    cursor:pointer;
}

.cart_item:last-child {
     border-bottom: none;
}

.cart_item_tot{
    font-family: 'GillSansMT-Bold';
    font-size:14px;
    color:#057093;
    font-weight:500;
    line-height: 20px;
    text-transform:uppercase;
    font-style:italic;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 10px 0 0 0;
}

.cart_item_tot_value{
    font-size: 19px;
    margin: 0 0 0 8px;
}

.cart_item_sub_tot{
    border-bottom:1px solid #d0d0d0;
    border-top:1px solid #d0d0d0;
    padding:12px 8px;
    font-family: 'Roboto', sans-serif;
    font-weight:800;
    font-size:16px;
    display: inline-block;
    width: 100%;
    vertical-align:middle;
}

.cart_item_sub_txt{
      color:#323b45;
      float:left;
}
.cart_item_sub_value{
      color:#2c8f51;
      font-family: 'GillSansMT';
      float:right;
}

.cart_item_ship_meth{
    display:inline-block;
    width:100%;
    vertical-align:top;
    padding:10px 15px;
    border-top: 2px solid #737373;
}

.cart_item_size {
    float:right;
    margin-right: 15px;
    margin-top:6px;
}

.cart_item_size label{
    margin:0 5px 0 0;
}

.cart_item_ship_tit{
     font-family: 'GillSansMT';
     color:#0f0f11;
     font-size:24px;
     text-align:center;
     margin-bottom:20px;
}
.cart_item_error{
    font-family: 'GillSansMT';
    font-size:16px;
     text-align:left;
     color:#e02f37;
     padding:10px 5px;
}


.in_stock {
    color: #fe3a3a;
    /* font-style: italic; */
    display: inline-block;
    margin: 6px 0 0 10px;
    vertical-align: top;
    font-weight: 600;
}

#cart_item_error_ship{
    font-family: 'GillSansMT';
    font-size:16px;
     text-align:left;
     color:#e02f37;
     padding:10px 5px;
}

.form_group {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.cart_item_left_ship{
    width:35%;
    float:left;

}

.cart_item_right_ship{
    width:60%;
    float:right;
}

.label_normal{
    /*font-family: 'GillSansMT';*/
    font-size:15px;
    color:#343434;
    margin: 5px 0;
}



.form_control_cart {
    display: block;
    position: relative;
    width: 130px;
    height: 28px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b5b5b5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.form_control {
    display: block;
    position: relative;
    width: 100%;
    height: 28px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b5b5b5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.input_small{
    min-width:60px;
    max-width:80px;
    padding: 8px 12px;
    display: inline-block;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 15px;
    height: 28px;
    color: #505050;
    background-color: #fff;
    margin:5px 0;
    margin: 5px 8px 5px 0px;
}

.button_ship {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1px 8px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 2.4px;
    color: #fff;
    font-family: 'GillSansMT';
    background:#3f67c2;
    margin-left:8px;
    vertical-align: top;
    margin:5px 0;
}

/*.add_cart_details{ display:inline-block; width:100%; padding:10px; box-sizing:border-box; border-top:1px solid #ccc; margin:20px 0 0 0; }*/
.add_cart_details {
    display: inline-block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    /*border-bottom: 1px solid #ccc;*/
    margin: 0px 0 10px 0;
}
#ShoppingCart_Add_cart {
        border-bottom: 1px solid #ccc;
}

.cart_item_shi_amt{
    display:inline-block;
    width:100%;
    padding:10px 0;
    font-family: 'GillSansMT';
    font-size:16px;
}

.cart_item_shi_amt_txt{
      color:#323b45;
      float:left;
      font-family:'Roboto';
}
.cart_item_shi_amt_value{
      color:#323b45;
      float:right;
      font-weight:600;
}

.cart_item_free_ship{
    font-family: 'GillSansMT';
    font-size:16px;
     text-align:left;
     color:#10863f;
     padding:10px 5px;
}


.cart_item_ship_tot{
    border-top:1px dashed #d0d0d0;
    border-bottom:1px dashed #d0d0d0;
    padding:12px 8px;
    font-family: 'Roboto', sans-serif;
    font-weight:800;
    font-size:16px;
    display: inline-block;
    width: 100%;
    vertical-align:middle;
    margin-top:10px;
    text-transform:uppercase;
}

.cart_item_ship_tot_txt{
      color:#323b45;
      float:left;
}
.cart_item_ship_tot_value{
      color:#2c8f51;
      font-family: 'GillSansMT';
      float:right;
}
.checkout_div{
    text-align:center;
    margin-top:20px;
}








/***************************Media Query start******************************/

@media only screen and (min-width: 1920px) {
    .slider img {
        width: 100%;
    }
    .banner_img_inner{ background: url(../img/banner_inner.jpg) no-repeat 100%/100%;}
}

@media only screen and (max-width: 1660px) {
    .forget_ps a{ font-size:14px; }
    .slider__item a.pdf_left {
    position: absolute;
    left: 27.3%;
    bottom: 8%;
    z-index: 99999;
    background: red;
    box-shadow: 0 0 10px #ccc;
    color: #fff;
    padding: 6px 9px;
    font-size: 16px;
    transform: rotate(-5deg);
}
   .slider__item a.pdf_right {
    position: absolute;
    right: 18%;
    bottom: 6%;
    z-index: 99999;
    background: red;
    box-shadow: 0 0 10px #ccc;
    color: #fff;
    padding: 6px 9px;
    font-size: 16px;
    transform: rotate(4deg);
}
   .nav li a{ padding: 40px 10px 11px 10px }

       .div_shopdetail table tr th:nth-child(4), .div_shopdetail table thead tr th:nth-child(4) {
    max-width: 50px !important;
    min-width: 50px !important;
    width: 3% !important;
}

}
@media only screen and (max-width: 1600px) {


    
.arrow_left {     
    position: absolute;
    z-index: 999;
    left: -33px;
    top: -8px;
    background: #208000;
    padding: 5px 8px; 
    color:#fff;
    cursor:pointer;
    display:block;
}
.arrow_right{ 
    position: absolute;
    z-index: 999;
    left: -33px;
    top: -8px;
    background: #208000;
    padding: 5px 8px; 
    color:#fff;
    cursor:pointer;
    display:block;
}


    .div_enginesearchdetail table tr th:nth-child(1),.div_enginesearchdetail table thead tr th:nth-child(1),.div_enginesearchdetail table tbody tr td:nth-child(1){max-width: 35px !important;min-width: 35px !important;width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(2),.div_enginesearchdetail table thead tr th:nth-child(2),.div_enginesearchdetail table tbody tr td:nth-child(2){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(3),.div_enginesearchdetail table thead tr th:nth-child(3),.div_enginesearchdetail table tbody tr td:nth-child(3){max-width: 60px !important;min-width: 60px !important;width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(4),.div_enginesearchdetail table thead tr th:nth-child(4),.div_enginesearchdetail table tbody tr td:nth-child(4){max-width: 50px !important;min-width: 50px !important;width: 1% !important;}
.div_enginesearchdetail table tr th:nth-child(5),.div_enginesearchdetail table thead tr th:nth-child(5),.div_enginesearchdetail table tbody tr td:nth-child(5){max-width: 350px !important;min-width: 350px !important;width: 4% !important; word-wrap: break-word;}
.div_enginesearchdetail table tr th:nth-child(6),.div_enginesearchdetail table thead tr th:nth-child(6),.div_enginesearchdetail table tbody tr td:nth-child(6){ max-width: 60px !important; min-width: 60px !important; width: 1% !important;}
.div_enginesearchdetail table tr th:nth-child(7),.div_enginesearchdetail table thead tr th:nth-child(7),.div_enginesearchdetail table tbody tr td:nth-child(7){max-width: 35px !important;min-width: 35px !important;width: 3% !important;text-align: center;}
.div_enginesearchdetail table tr th:nth-child(8),.div_enginesearchdetail table thead tr th:nth-child(8),.div_enginesearchdetail table tbody tr td:nth-child(8){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_enginesearchdetail table tr th:nth-child(9),.div_enginesearchdetail table thead tr th:nth-child(9),.div_enginesearchdetail table tbody tr td:nth-child(9){ max-width: 30px !important; min-width: 30px !important; width: 4% !important;}



    .nav li a{ padding: 40px 5px 11px 5px; font-size:14px; }
    .top_menu a { font-size:14px; }

    .picZoomer-pic-wp{
        width: 300px !important;
        height: 300px !important;
    }

    .slider__item a.pdf_left {
        left: 28%;
    }

    .slider__item a.pdf_right {
        right: 18%;
        bottom: 7%;
    }

.picZoomer img{
    max-width: 270px;
    max-height: 270px;
    min-height: 180px;
    padding:10px;
}

.product_image_zoom{
    padding:15px 0px;
}
.picZoomer-zoom-wp img {
    height: auto !important;
    max-width: 1000px;
    min-width: 400px;
    min-height: 100%;
    max-height: 1000px;
    width: auto !important;
}

  
  .col.m6 { width: 48%; }
.col.m6.last { width: 48%; }
.col.m4 { width: 32%;}
.col.m4.last { width: 31%;}
.panel_box {
    
    width: 47%;
    margin: 45px 5px 10px 5px;
    
}

.div_technicalsearch table tr td,.div_technicalsearch table tr th{ word-wrap:break-all; }

    .div_technicalsearch table tfoot tr th:nth-child(2), .div_technicalsearch table thead tr th:nth-child(2), .div_technicalsearch table tr td:nth-child(2) {
        width:5%;
        min-width:75px !important;
        max-width:75px !important;
    }


.div_technicalsearch table tfoot tr th:nth-child(1),.div_technicalsearch table thead tr th:nth-child(1),.div_technicalsearch table tr td:nth-child(1){ max-width: 90px !important; min-width: 90px !important; width: 2% !important;}
.div_technicalsearch table tfoot tr th:nth-child(2),.div_technicalsearch table thead tr th:nth-child(2),.div_technicalsearch table tr td:nth-child(2){ max-width: 80px !important; min-width: 80px !important; width: 5% !important; word-wrap:break-all;}
.div_technicalsearch table tfoot tr th:nth-child(3),.div_technicalsearch table thead tr th:nth-child(3),.div_technicalsearch table tr td:nth-child(3){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(4),.div_technicalsearch table thead tr th:nth-child(4),.div_technicalsearch table tr td:nth-child(4){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(5),.div_technicalsearch table thead tr th:nth-child(5),.div_technicalsearch table tr td:nth-child(5){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(6),.div_technicalsearch table thead tr th:nth-child(6),.div_technicalsearch table tr td:nth-child(6){ max-width: 100px !important; min-width: 100px !important; width: 4% !important; text-align: center;}
.div_technicalsearch table tfoot tr th:nth-child(7),.div_technicalsearch table thead tr th:nth-child(7),.div_technicalsearch table tr td:nth-child(7){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(8),.div_technicalsearch table thead tr th:nth-child(8),.div_technicalsearch table tr td:nth-child(8){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(9),.div_technicalsearch table thead tr th:nth-child(9),.div_technicalsearch table tr td:nth-child(9){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(10),.div_technicalsearch table thead tr th:nth-child(10),.div_technicalsearch table tr td:nth-child(10){ max-width: 100px !important; min-width: 100px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(11),.div_technicalsearch table thead tr th:nth-child(11),.div_technicalsearch table tr td:nth-child(11){ max-width: 80px !important; min-width: 80px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(12),.div_technicalsearch table thead tr th:nth-child(12),.div_technicalsearch table tr td:nth-child(12){ max-width: 70px !important; min-width: 70px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(13),.div_technicalsearch table thead tr th:nth-child(13),.div_technicalsearch table tr td:nth-child(13){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(14),.div_technicalsearch table thead tr th:nth-child(14),.div_technicalsearch table tr td:nth-child(14){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(15),.div_technicalsearch table thead tr th:nth-child(15),.div_technicalsearch table tr td:nth-child(15){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(16),.div_technicalsearch table thead tr th:nth-child(16),.div_technicalsearch table tr td:nth-child(16){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}


.add_list_col{ padding: 0; }

.kitparts_main table tbody tr th:nth-child(1),.kitparts_main table tbody tr td:nth-child(1),.kitparts_main table thead tr th:nth-child(1){ max-width: 400px !important; min-width: 400px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(2),.kitparts_main table tbody tr td:nth-child(2),.kitparts_main table thead tr th:nth-child(2){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(3),.kitparts_main table tbody tr td:nth-child(3),.kitparts_main table thead tr th:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(4),.kitparts_main table tbody tr td:nth-child(4),.kitparts_main table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(5),.kitparts_main table tbody tr td:nth-child(5),.kitparts_main table thead tr th:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
}


@media only screen and (max-width:1575px) {
    .display_flex {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
    }


    .nav li a{ padding: 40px 5px 22px 5px; }
    .nav li a.shop_supply_icon{ padding:40px 10px 18px 10px; }
    .nav li a.login_icon{ padding:15px 10px 38px 10px ; }
    .logo { float: left; margin: 14px 10px 12px 0px; }
    .right_cart_item { width:68%; }


.also_fits_main table tr th:nth-child(1),.also_fits_main table tr td:nth-child(1),.also_fits_main table thead tr th:nth-child(1){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(2),.also_fits_main table tr td:nth-child(2),.also_fits_main table thead tr th:nth-child(2){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(3),.also_fits_main table tr td:nth-child(3),.also_fits_main table thead tr th:nth-child(3){ max-width: 50px !important; min-width: 50px !important; width: 3% !important;}
.also_fits_main table tr th:nth-child(4),.also_fits_main table tr td:nth-child(4),.also_fits_main table thead tr th:nth-child(4){ max-width: 350px !important; min-width: 350px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(5),.also_fits_main table tr td:nth-child(5),.also_fits_main table thead tr th:nth-child(5){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(6),.also_fits_main table tr td:nth-child(6),.also_fits_main table thead tr th:nth-child(6){ max-width: 300px !important; min-width: 300px !important; width: 4% !important;}
.panel_box {
    min-height:330px;
}
}


@media only screen and (max-width: 1460px) {

    .arrow_left {     
    position: absolute;
    z-index: 999;
    left: -25px;
    top: -10px;
    background: #208000;
    padding: 5px 8px; 
    color:#fff;
    cursor:pointer;
    display:block;
}
.arrow_right{ 
    position: absolute;
    z-index: 999;
    left: -25px;
    top: -10px;
    background: #208000;
    padding: 5px 8px; 
    color:#fff;
    cursor:pointer;
    display:block;
}
    .nav li a{ padding: 40px 5px 22px 5px;  }
    .nav li a.shop_supply_icon{ padding:40px 5px 20px 5px; }
    

    .slider__item a.pdf_left {

        left: 28%;

        padding: 5px 8px;
        font-size: 14px;
}

    .slider__item a.pdf_right {
    
    right: 18%;
    bottom: 6%;
    
    padding: 5px 8px;
    font-size: 14px;
}

    .add_list_col_last {
        display: inline-block;
        float: none;
        padding: 10px 0px 0 0;
        vertical-align: top;
        width: 100%;
        text-align: center;
    }
    .add_list_col_first{
        width:auto;
    }

    .dimension_list_head {
        min-width:150px;
    }
    .panel_box {
        min-height:350px;
    }

    .logo img {
        max-width: 120px;
    }

    .div_enginesearchdetail table tr th:nth-child(8),.div_enginesearchdetail table thead tr th:nth-child(8),.div_enginesearchdetail table tbody tr td:nth-child(8){ max-width: 68px !important; min-width: 68px !important; width: 4% !important;}
    table.dataTable thead th, table.dataTable tfoot th,table tr td,.table_heading_show_hide a,.top_menu a{ font-size:14px;  }
    

}

@media only screen and (max-width: 1380px) {

    .logo img {
        max-width: 110px;
    }



.div_technicalsearch table tfoot tr th:nth-child(5),.div_technicalsearch table thead tr th:nth-child(5),.div_technicalsearch table tr td:nth-child(5){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.div_technicalsearch table tfoot tr th:nth-child(6),.div_technicalsearch table thead tr th:nth-child(6),.div_technicalsearch table tr td:nth-child(6){ max-width: 90px !important; min-width: 90px !important; width: 4% !important; text-align: center;}
.div_technicalsearch table tfoot tr th:nth-child(8),.div_technicalsearch table thead tr th:nth-child(8),.div_technicalsearch table tr td:nth-child(8){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}


    .slider__item a.pdf_left {
       left: 27.5%;
    }

    .slider__item a.pdf_right {
        right: 18%;
        bottom: 7%;
    }

    .engine_icon_rd {
        width: 70px;
        height: 70px;
    }
    .engine_icon_rd img {
        position: absolute;
        top: 29%;
        left: 23%;
    }
    .engine_icon_rd i {
        top: 33%;
        left: 30%;
        font-size:26px;
    }
    
.thumbnail:hover span{ 
    max-width:400px;
    max-height:400px;
    left:18%;
    top:20%;
}

.thumbnail span {
    left:10%;
    top:20%;
}

 .thumbnail span img {
    top:20%;
}

    .details_list ul li.first_part_number {
        width:35%;
    }


        .picZoomer-pic-wp{
    width: 280px !important;
    height: 380px !important;
}

.picZoomer img{
    max-width: 260px;
    max-height: 260px;
    min-height: 170px;
    padding:13px;
}

.product_image_zoom{
    padding:20px 0px;
}
.picZoomer-zoom-wp img {
    height: auto !important;
    max-width: 900px;
    min-width: 400px;
    min-height: 100%;
    max-height: 900px;
    width: auto !important;
}


.picZoomer-zoom-wp{
    left:350px !important;
    top:-10% !important;
}


/*#tbl_userentrydetail_wrapper .dataTables_scrollHead table thead tr th:nth-child(4), .table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollFoot table tfoot tr th:nth-child(4), .table_main_container_hunter #tbl_userentrydetail_wrapper .dataTables_scrollBody table tbody tr td:nth-child(4) {
    width: 16% !important;
    min-width: 305px !important;
    max-width: 305px !important;
}*/


.kitparts_main table tbody tr th:nth-child(1),.kitparts_main table tbody tr td:nth-child(1),.kitparts_main table thead tr th:nth-child(1){ max-width: 280px !important; min-width: 280px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(2),.kitparts_main table tbody tr td:nth-child(2),.kitparts_main table thead tr th:nth-child(2){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(3),.kitparts_main table tbody tr td:nth-child(3),.kitparts_main table thead tr th:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(4),.kitparts_main table tbody tr td:nth-child(4),.kitparts_main table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(5),.kitparts_main table tbody tr td:nth-child(5),.kitparts_main table thead tr th:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}

/*.picZoomer img{
    max-width: 250px;
    max-height: 250px;
}*/

/*.picZoomer-zoom-wp img{
    height: auto !important;
    max-width: 700px;
    min-width: 300px;
    min-height: 300px;
    max-height: 550px;
}*/

.also_fits_main table tr th:nth-child(1),.also_fits_main table tr td:nth-child(1),.also_fits_main table thead tr th:nth-child(1){ max-width: 90px !important; min-width: 90px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(2),.also_fits_main table tr td:nth-child(2),.also_fits_main table thead tr th:nth-child(2){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(3),.also_fits_main table tr td:nth-child(3),.also_fits_main table thead tr th:nth-child(3){ max-width: 50px !important; min-width: 50px !important; width: 1% !important;}
.also_fits_main table tr th:nth-child(4),.also_fits_main table tr td:nth-child(4),.also_fits_main table thead tr th:nth-child(4){ max-width: 300px !important; min-width: 300px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(5),.also_fits_main table tr td:nth-child(5),.also_fits_main table thead tr th:nth-child(5){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.also_fits_main table tr th:nth-child(6),.also_fits_main table tr td:nth-child(6),.also_fits_main table thead tr th:nth-child(6){ max-width: 250px !important; min-width: 250px !important; width: 4% !important;}

    /*.forget_ps {
        float:left;
    }*/

    .dimension_main_also_fits ul li {
        width:30%;
    }
    .dimension_list_head {
        width:50%;
    }
    .technical_select_head {
        width:42%;
    }
    .part_search_input{ width:200px; }
    .head_search { font-size:15px; }
    .col_two { width:13%; }
    
    /*.engine_search_main,.Partdetal_left{ width: 72%;}
    .engine_cart_main{ width:26%; }*/ /********For arrow left to right hide content***********/

    .search_result li { font-size:15px; }
    .panel_box {  width: 48%; margin: 45px 5px 10px 5px; padding:30px 15px 10px 15px; }
    .table_head_hints,.cart_item_des { font-size:15px; }



    table.dataTable tbody th, table.dataTable tbody td { font-size:14px; }
    .div_enginesearchdetail table tbody tr td img,.div_shopdetail table tbody tr td img{ max-width: 25px; max-height: 25px; text-align: center; }




.div_shopdetail table tr th:nth-child(1),.div_shopdetail table thead tr th:nth-child(1),.div_shopdetail table tbody tr td:nth-child(1){ max-width: 35px !important; min-width: 35px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(2),.div_shopdetail table thead tr th:nth-child(2),.div_shopdetail table tbody tr td:nth-child(2){ max-width: 120px !important; min-width: 120px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(3),.div_shopdetail table thead tr th:nth-child(3),.div_shopdetail table tbody tr td:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 5% !important;}
.div_shopdetail table tr th:nth-child(4),.div_shopdetail table thead tr th:nth-child(4),.div_shopdetail table tbody tr td:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 1% !important;}
.div_shopdetail table tr th:nth-child(5),.div_shopdetail table thead tr th:nth-child(5),.div_shopdetail table tbody tr td:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.div_shopdetail table tr th:nth-child(6),.div_shopdetail table thead tr th:nth-child(6),.div_shopdetail table tbody tr td:nth-child(6){ max-width: 60px !important; min-width: 60px !important; width: 1% !important;}
.div_shopdetail table tr th:nth-child(7),.div_shopdetail table thead tr th:nth-child(7),.div_shopdetail table tbody tr td:nth-child(7){ max-width: 35px !important;min-width: 35px !important; width: 1% !important; text-align: center;}
.div_shopdetail table tr th:nth-child(8),.div_shopdetail table thead tr th:nth-child(8),.div_shopdetail table tbody tr td:nth-child(8){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.div_shopdetail table tr th:nth-child(9),.div_shopdetail table thead tr th:nth-child(9),.div_shopdetail table tbody tr td:nth-child(9){ max-width: 30px !important; min-width: 30px !important; width: 4% !important;}



.project-item .project-img {
    min-width: 220px;
  }
  .col.m6 { width: 48%; }
.col.m6.last { width: 48%; }
.col.m4 { width: 31%;}
.col.m4.last { width: 31%;}
  .lSAction > .lSPrev {
    left: -44px;
}
.lSAction > .lSNext {
    right: -44px;
}
.logo{
      margin: 13px 10px 13px 0px;
}
.nav li a{ padding: 40px 5px 22px 5px; font-size:13px; }
.nav li a.shop_supply_icon{ padding:40px 5px 20px 5px; }
.left_search{ width:40%; }
.right_search{ width:55%; float:left; }


.cart_item_name{ font-size:16px; }
.col_five {
        width:37%;
    }
}

@media only screen and (max-width: 1321px) {
    .top_menu a {
        padding:0 4px;
    }

    .slider__item a.pdf_left {
    left: 27%;
    padding: 4px 6px;
}

    .product_image_zoom {
        border-right:none;
    }
     
  .logo{
      margin: 15px 10px 15px 0px;
  }
  
  .project-item .project-img > img{
     max-width: 200px;
  }

  .part_search_input {
    width: 180px;
}   

  .col.m6 {
    width: 47%;
}

  .add_list_head{
      display:block;
      width:auto;  
  }
  .add_list_col{
      padding:0 5% 0 0;
  }

  .details_list ul li.first_part_number {
        width:50%;
    }
    .details_list ul li {
        width:50%;
    }
    .nav li a{ padding: 40px 5px 22px 5px; font-size:13px; }
    .nav li a.shop_supply_icon{ padding:40px 5px 20px 5px; }
    
}



/*******************************Popup design**********************************/

 #overlaypopup_login {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        display: none;
        z-index:101;
    }

    #popuppanel_login {
        max-width: 600px;
        width: 80%;
        max-height: 300px;
        height: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 20px auto;
    }

    #closepopup_login {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #000;
    }

    
 #overlaypopup_login_reset {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        display: none;
        z-index:101;
    }

    #popuppanel_login_reset {
        max-width: 600px;
        width: 80%;
        max-height: 350px;
        height: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 20px auto;
    }

    #closepopup_login_reset {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #000;
    }

    
 #overlaypopup_splprice {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        display: none;
        z-index:101;
    }

    #popuppanel_splprice {
        max-width: 600px;
        width: 80%;
        max-height: 300px;
        height: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 20px auto;
    }

    #closepopup_splprice {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #000;
    }

     #overlaypopup_alternate_ship {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        display: none;
        z-index:101;
    }

    #popuppanel_alternate_ship {
        max-width: 600px;
        width: 80%;
        max-height: 460px;
        height: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 20px auto;
    }

    #closepopup_alternate_ship {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        color: #000;
    }

@media only screen and (max-width: 1300px) {    /***********This code below 1280 auto scroll come*****************/

    body {
 
        overflow-x: auto;
 
    }
    .logo img {
        max-width: 95px;
    }
}

/*@media only screen and (max-width: 1290px) {
    .cart_total {
    right: -1px;
    top: -14px;

    width: 25px;
    line-height:25px;
 
    height: 25px;
    vertical-align: middle;
}

    .mini_moni_none {
        display:none;
    }

    .cart_content{ border-top:1px solid #d0d0d0;}

    .desc_none_mobile_view{ display:inline-block !important; }
    
.cart_tab{  float:right;  border: none;  width: auto; margin:20px 2% 0 0;}
.cart_tab li{    border: none;  width: auto;}
    .nav_icon{ display: block; float: right; padding: 10px; margin:16px 0 0 0; cursor:pointer;  }
    .nav_icon i{ font-size: 24px; color:#333a44; }
.nav {     width: auto;
     display: none; 
    position: absolute;
    right: 0px;
    top: 100%;
    background: #fff;
    z-index: 99999;
    width:25%;

    box-shadow: 0 0 10px #333;
}
.nav ul{ display:block;}
.nav li{ width:100%; display:block; }
.nav ul li{ width:100%; display:block; }
.sec_level_menu{ position:relative; }
.nav li a{ display:inline-block; width:100%; }
.nav li a.engine_icon{ border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.transmission_icon{ border-bottom:1px solid #ccc; border-left:0px; }
.nav li a.year_icon{ border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.application_icon{ border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.interchange_icon{  border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.shop_supply_icon{  border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.gear_icon{  border-bottom:1px solid #ccc; border-left:0px;}
.nav li a.technical_icon{  border-bottom:1px solid #ccc; border-left:0px;}


.nav li a.login_icon { display: block; padding: 15px 30px 26px 30px;}
.nav li a.login_icon i { display: block; padding: 0 0 10px 0;}
.nav li a.login_icon:hover{ background: #ee1c25; color: #fff;  cursor: pointer;}
.nav li a.login_icon:hover i{ color: #fff;  cursor: pointer;}
    .slider__item a.pdf_left {
        left: 27%;
        padding: 3px 5px;
    }
    .panel_box {
    min-height: 270px;
}
    .left_become {
        width:50%;
    }

.thumbnail:hover span{ 
    max-width:300px;
    max-height:300px;
    
}
.pipe_line,.social_conversation{ display:none; }

    
    .change_password_main {
        width:98%;
    }

    .ui-tabs .ui-tabs-panel {
        padding:5px 10px;
    }
    .dimension_list_head {
        width:60%;
    }
    .dimension_main_also_fits ul li span {
        min-width:initial;
    }

    .dimension_main ul li {
        width:99%;
    }

    .part_search_input {
    width: 160px;
}   
    .col_two { width:15%; }
    .col_five { width:35%; }
        .right_cart_item { width:60%; }
  .logo{
      margin: 12px 10px 12px 0px;
  }
  .nav li a{ font-size: 14px; padding: 40px 8px 11px 8px ;}
  .nav{ float: right; margin: 0px; }
   .project-item .project-img > img{
     max-width: 170px;
  }

    .panel_box {
        width:98%;
    }
    .suppot_version{ margin:0px 3% 5px 2%; }
}

@media only screen and (max-width: 1154px) {

        .nav li a.shop_supply_icon {
        padding:40px 4px 27px 4px;
    }
    .slider__item a.pdf_left {
        left: 21%;
        padding: 9px 15px;
        font-size: 16px;
    }

    .slider__item a.pdf_right {
        right: 20%;
        bottom: 8%;
        padding: 9px 15px;
        font-size: 16px;
    }
    .nav li a{ font-size: 14px; padding: 36px 4px 11px 4px ;}
    .forget_ps a{ padding:0 2px; }
    .logo img{ max-width:100px; }
    .suppot_version{ display:inline-block; width:100%; text-align:center; margin:10px 0px; }
    .top_menu a{ font-size:14px; }
    i.fab.fa-twitter,i.fab.fa-instagram,i.fab.fa-facebook-f,i.fab.fa-google-plus-g,i.fab.fa-youtube,i.fas.fa-rss { font-size:14px; }
}

@media only screen and (max-width: 1053px) {
    .nav li a{ font-size: 14px; padding: 36px 5px 11px 5px ;}
    .dimension_main_also_fits ul li {
        width:45%;
    }
    .left_search_recent {  width: 33%; }
    .right_search_recent {  width: 33%;}
    .right_search_recent_last {  width: 33%;}
    .slider__item a.pdf_left {
        left: 19%;
        padding: 10px 20px;
        font-size: 17px;
    }
    .slider__item a.pdf_right {
        right: 19%;
        padding: 10px 20px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 1024px) {

#tblHeadachekit_wrapper .dataTables_scrollHead,#tblHeadachekit_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner,#tblHeadachekit_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .dataTable { width:100% !important; }
.dataTables_scrollBody #tblHeadachekit{ width:100% !important; }

#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(1),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(1){ min-width:70px !important; width:14% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(2),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(2){  min-width:60px !important; width:14% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(3),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(3){ min-width:90px !important; width:14% !important;}
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(4),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(4){ min-width:100px !important; width:15% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(5),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(5){  min-width:50px !important; width:9% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(6),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(6){  width:64px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(7),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(7){  width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(8),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(8){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(9),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(9){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(10),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(10){ width:58px !important;}

    


#tblHeadachekit_wrapper table thead tr th:nth-child(1),#tblHeadachekit_wrapper table tbody tr td:nth-child(1){ max-width: 90px !important; overflow-wrap: break-word; min-width: 90px !important; width:4% !important; }
#tblHeadachekit_wrapper table thead tr th:nth-child(2),#tblHeadachekit_wrapper table tbody tr td:nth-child(2){ max-width: 110px !important; overflow-wrap: break-word; min-width: 110px !important; width:4% !important; }
#tblHeadachekit_wrapper table thead tr th:nth-child(3),#tblHeadachekit_wrapper table tbody tr td:nth-child(3){ max-width: 50px !important; overflow-wrap: break-word; min-width: 50px !important; width:4% !important; }
    
    .nav li a{ font-size: 14px; padding: 36px 5px 11px 5px ;}

    .table_heading_show_hide {
        top: 10px;
        left: -14px;
    }
    .right_cart_item {
        width: 58%;
    }
    .col_two { width:17%; }
    .col_five { width:33%; }
     table.dataTable tbody tr td {
        border-color: none;
    }

    .width_10_per {
        width: auto;
    }

    .width_22_per {
        width: auto;
    }
    table.responsive-table tfoot {
        display: none;
    }
    .tbodyth {
        border-radius: 0;
        border-bottom: none;
        text-align: center !important;
    }

    .tbodytrtha {
        text-align: center;
        padding: 5px;
    }

  

.display img {
    width: 35px
}

#tbl_enginesearchdetail thead tr:nth-child(1){ display:none;}
.dataTables_scrollBody table thead{ display:none; }


        #tbl_userentrydetail_wrapper .dataTables_scrollBody table thead {
            display: contents;
        }


.dataTables_wrapper .dataTables_scroll {
    clear: both;
    margin: 0% 0 0 0;
    display: inline-block;
    width: 100%;
}





}
@media only screen and (max-width: 1048px) {

.kitparts_main table tbody tr th:nth-child(1),.kitparts_main table tbody tr td:nth-child(1),.kitparts_main table thead tr th:nth-child(1){ max-width: 180px !important; min-width: 180px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(2),.kitparts_main table tbody tr td:nth-child(2),.kitparts_main table thead tr th:nth-child(2){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(3),.kitparts_main table tbody tr td:nth-child(3),.kitparts_main table thead tr th:nth-child(3){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(4),.kitparts_main table tbody tr td:nth-child(4),.kitparts_main table thead tr th:nth-child(4){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}
.kitparts_main table tbody tr th:nth-child(5),.kitparts_main table tbody tr td:nth-child(5),.kitparts_main table thead tr th:nth-child(5){ max-width: 60px !important; min-width: 60px !important; width: 4% !important;}

    .check_out_cart,.check_out_add_rg {
        width:100%;
    }

    #nonAuthendicate_user_jobber {
    position: absolute;
    z-index: 999;
    top: 11px;
}

.engine_cart_main{
    display:none;
}

.engine_search_main, .Partdetal_left{ width:98%; }    
.project-item .project-img {
    min-width: 180px;
  }

.logo img { max-width: 100px;}

.top_menu_right ul li.mobile_view{ display:inline-block;}
.top_menu_right ul li{  padding:0 2px; }
.top_menu a{ padding:0 2px; }

.mobile_hide{ display:none; }



}

@media only screen and (max-width: 980px) {

        .slider__item a.pdf_left {
        left: 18%;
        padding: 10px 20px;
        font-size: 17px;
    }
    .slider__item a.pdf_right {
        right: 18%;
        padding: 10px 20px;
        font-size: 17px;
    }
    .company_info_one .col.m4,.company_info_one .col.m6 {
        width:48%;
    }
    .year_search_mobile_view .slimScrollDiv {
        height: auto !important;
    }

    .min_hei_340 {
        height:auto;
    }

    .sel_main {
        height: 120px !important;
    }

    .year_search_mobile_view.col_two {
        width: 35%;
        margin: 10px 5px;
    }

    .year_search_mobile_view.col_four {
        width: 45%;
        margin: 10px 5px;
    }

    .year_search_mobile_view.col_five {
        width: 45%;
        margin: 10px 5px;
    }
}
@media only screen and (max-width: 960px) {

    .pad_request_quote_input {
            padding: 5px;
    }
    .address_footer span, .phone_footer span,.footer ul li a {
        font-size:14px;
    }
            .slider__item a.pdf_left {
        left: 20%;
        padding: 5px 10px;
        font-size: 16px;
    }
    .slider__item a.pdf_right {
        right: 20%;
        padding: 5px 10px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 900px) {

    #tbl_shoppingcarttable_wrapper table thead tr th:nth-child(1),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(1){ min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(2),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(2){  min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(3),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(3){ min-width:90px !important; width:14% !important;}
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(4),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(4){ min-width:110px !important; width:16% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(5),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(5){  min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(6),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(6){  width:64px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(7),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(7){  width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(8),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(8){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(9),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(9){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(10),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(10){ width:58px !important;}


    .slider__item a.pdf_left {
        left: 19%;
        padding: 6px 10px;
        font-size: 16px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        bottom: 8%;
        padding: 6px 10px;
        font-size: 16px;
    }

    .top_menu a {
        font-size:13px;
    }

    .animated_main .fa-animate {
        margin:0px 2px 0 0;
    }
}

@media only screen and (max-width: 800px) {


#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(1),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(1){ min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(2),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(2){  min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(3),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(3){ min-width:90px !important; width:14% !important;}
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(4),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(4){ min-width:110px !important; width:16% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(5),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(5){  min-width:70px !important; width:12% !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(6),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(6){  width:64px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(7),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(7){  width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(8),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(8){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(9),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(9){ width:58px !important; }
#tbl_shoppingcarttable_wrapper table thead tr th:nth-child(10),#tbl_shoppingcarttable_wrapper table tbody tr td:nth-child(10){ width:58px !important;}

    .slider__item a.pdf_left {
        left: 19%;
        padding: 4px 5px;
        font-size: 14px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        bottom: 8%;
        padding: 4px 5px;
        font-size: 14px;
    }

    .top_menu {
        padding:5px 0px;
    }

    .top_menu i{
        font-size:16px;
    }

    .display_none_desk {
        display:block;
    }

    .col.m1 {
        width:24%;
    }
    .mobile_col_three_width .col.m3 {
       width:24%; 
    }

 

    .min_hei_340 {
        
        height:auto;
    }

    .mobile_profile_hide{
    display:none;
}
.animated_main .fa-animate{
    margin:0px;
}

    .left_side_password{
        width:98%;
        padding:0px;
    }

    
    .special_select_head {
        width:30%;
    }

    
    .dataTables_wrapper .dataTables_scroll {
        margin: 5% 0 0 0;
    }

    .table_heading_show_hide {
        top:50px;
    }

    #div_productlinesearch .col_four {
        width:48%;
    }

    #div_productlinesearch .col_five {
        width:100%;
        margin:15px 0 0 0;
    }

    .product_image_zoom {
        width:100%;
        padding:10px 0px;
    }
    .picZoomer img {
        max-width: 200px;
    }

    .right_side_desc {
        width:100%;
        padding:10px;
    }

    .piclist {
        margin: 20px 0px 0 0;
    }

    .piclist li{
        width:35px;
        height:35px;
    }

    .back_button i:before {
        font-size: 18px;
        color: #313943;
    }

    .back_button {
        background:none;
        border:none;
        box-shadow:none;
        padding:2px 10px 2px 10px;
        vertical-align: top;
        display: inline;
    }

    .back_button span{
        display:none;
    }


 

    .left_login,.left_become {
        display:none;
    }
    .right_login, .right_become {
        width:100%;    
    }
    .forget_ps {
    float: right;
    margin: 10px 0px;
    display: inline-block;
    text-align: center;
}
    .nav {
        width:60%;
    }
    .footer_logo_hide_mobile {
        display:none;
    }
    .col.m3 {
        width:33.33%;
    }
    .min_hei_350 {
        min-height:initial;
    }
        .right_side_password {
        width:98%;
        padding:8px 0 0 0;
    }

    .ui-dialog {
        min-width:620px;
    }
        .pop_qty_input {
        margin:5px 10px 5px 0;
        width:100%;
    }
.pop_select_cart label,.pop_qty_input label {
        font-size: 15px;
        margin: 2px 0 5px 0;
        display: inline-block;
        font-size: 14px;
        width:120px;
    }
.pop_qty_input input{
    width:200px;
}
    .pop_select_cart select {
        width:200px;
    }
    .pop_qty_input select {
        width:200px;
    }

}



@media only screen and (max-width: 700px) {
    .slider__item a.pdf_left {
        left: 19%;
        padding: 4px 5px;
        font-size: 13px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        
        padding: 4px 5px;
        font-size: 13px;
    }
    .sel_main {
        height: auto !important;
    }
}

@media only screen and (max-width: 641px) {

    
.left_search_recent { width: 100%;  margin:5px 0px;}
.right_search_recent { width: 100%;  margin:5px 0px; }
.right_search_recent_last { width: 100%;  margin:5px 0px;}


    .slider__item a.pdf_left {
        left: 19%;
        padding: 3px 4px;
        font-size: 12px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        
        padding: 3px 4px;
        font-size: 12px;
    }
        .mobile_col_three_width .col.m3 {
       width:100%; 
    }


    .add_btn_hunder {
        position:relative;
        top:0px;
        margin:0 0 0px 0;
    }

    .dimension_list_head {
        min-width:100px;
        width:50%;
    }
    .loader{
        left:40%;
    }
    .dataTables_wrapper .dataTables_length {
        float:left;
    }



     .head_search {
        padding:5px 3px;
        font-size:16px;
    }

    .head_search h2{
        font-size:13px;
    }
    .engine_icon {
        width:31px;
    }

    .head_search i{
        font-size:20px;
        font-size:14px;
        
    }




    .left_side_password .col.m6,.right_side_password .col.m6{
        width:98%;
    }

    .technical_select_head {
        width:100%;
    }

    .cart_item_left_ship {
        width: auto;
        float: left;
        margin: 0 10px 0 0;   
    }

    .left_search,.right_search {
        box-shadow:none;
    }
    .search_result {
        padding:10px 0px;
    }

    
    .ui-dialog {
        min-width:500px;
    }
    .dimension_main_also_fits ul li {
        width:95%;
    }
    .nav {
        width:80%;
    }
    .nav li a br {
        display: none;
    }
    .col.m3 {
        width:100%;
        text-align:center;
        display:inline-block;
        vertical-align:top;
    }
    .col.m1 {
        width:100%;
        text-align:center;
        display:inline-block;
        vertical-align:top;
    }

    .border_top_one {
        border:2px solid #ccc;
    }
    .footer h3 {
        text-align:center;
    }

    .table_heading_show_hide {
        top: 50px;
        left: -0px;
    }
    .lSAction > .lSPrev {
    left: -32px;
}
.lSAction > .lSNext {
    right: -32px;
}

}


.left_search,.right_search {
    width:48%;
}




@media only screen and (max-width: 600px) {

        .slider__item a.pdf_left {
        left: 19%;
        padding: 2px 3px;
        font-size: 11px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        
        padding: 2px 3px;
        font-size: 11px;
    }

            .pop_qty_input {
        margin:5px 10px 5px 0;
        width:100%;
    }
.pop_select_cart label,.pop_qty_input label {
        font-size: 15px;
        margin: 2px 0 5px 0;
        display: inline-block;
        font-size: 14px;
        width:100px;
    }
.pop_qty_input input{
    width:100px;
}
    .pop_select_cart select {
        width:100px;
    }
    .pop_qty_input select {
        width:100px;
    }

.kitparts_main table thead tr th:nth-child(1),.kitparts_main table thead tr th:nth-child(1){ max-width: 160px !important; min-width: 160px !important; width: 10% !important;}
.kitparts_main table thead tr th:nth-child(2),.kitparts_main table thead tr th:nth-child(2){ max-width: 50px !important; min-width: 50px !important; width: 5% !important;}
.kitparts_main table thead tr th:nth-child(3),.kitparts_main table thead tr th:nth-child(3){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.kitparts_main table thead tr th:nth-child(4),.kitparts_main table thead tr th:nth-child(4){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}
.kitparts_main table thead tr th:nth-child(5),.kitparts_main table thead tr th:nth-child(5){ max-width: 50px !important; min-width: 50px !important; width: 4% !important;}

.kitparts_main table tbody tr td:nth-child(1){ max-width: 176px !important; min-width: 176px !important; width: 10% !important;}
.kitparts_main table tbody tr td:nth-child(2){ max-width: 70px !important; min-width: 70px !important; width: 10% !important;}
.kitparts_main table tbody tr td:nth-child(3){ max-width: 70px !important; min-width: 70px !important; width: 10% !important;}
.kitparts_main table tbody tr td:nth-child(4){ max-width: 70px !important; min-width: 70px !important; width: 10% !important;}
.kitparts_main table tbody tr td:nth-child(5){ max-width: 70px !important; min-width: 70px !important; width: 10% !important;}

    .details_list ul li {
        margin: 5px 0px;
    }
    .details_list ul li.first_part_number {
        width: 100%;
    }
}

@media only screen and (max-width: 540px) {

    .center_div_top {
        display:block;
        width:100%;
        vertical-align:top;
        text-align:center;
        float:left;
    }

        .slider__item a.pdf_left {
        left: 19%;
        padding: 2px 2px;
        font-size: 10px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        
        padding: 2px 2px;
        font-size: 10px;
    }

    .dataTables_wrapper .dataTables_length {
        float:none;
    }

    .company_info_one .col.m4,.company_info_one .col.m6 {
        width:100%;
    }
    .dataTables_wrapper .dataTables_filter {
        width:100%;
        text-align:center;
    }

    .searched_details_show {
        font-size:13px;
    }

    

    .mobile_width55 {
        width:55%;    
    }

    .add_list_col_first {
        float: left;
        margin: 10px 0 0 0;
    }

    .add_list_col {
        padding: 0 5% 0 0;
        margin: 10px 0px;
        float: left;
    }

    .right_search {
        float:left;
    }
    .left_search, .right_search {
        width:46%;
        margin:20px 5px;
    }

    .table_heading_show_hide span {
        padding:0px 3px;
    }
    .table_head_hints, .cart_item_des {
        font-size:13px;
    }
    .dataTables_wrapper .dataTables_scroll {
        margin:7% 0 0 0;
    }
    .table_heading_show_hide a {
        padding:0 3px;
    }
    .ui-dialog {
        min-width: 400px;
    }

    .tbl_partslookupresult_height .dataTables_wrapper .dataTables_scroll {
        margin:2% 0 0 0;
    }
}

@media only screen and (max-width: 430px) {
        .slider__item a.pdf_left {
        left: 18%;
        padding: 2px 2px;
        font-size: 9px;
    }

    .slider__item a.pdf_right {
        right: 18%;
        
        padding: 2px 2px;
        font-size: 9px;
    }
    .new_product_main {
        width:96%;
        margin: 0 0 0 5px;
    }

    .social_conversation,.social_media{ padding: 3px 0px;}
    .top_menu a{ padding:0 3px; }
    .top_menu_right{ margin:3px 0px; }

    .company_info_one .input.col.m6 {
        width:98%;
    }

    .input .continue_shop,.input .payment_shop,.input .login_btn,.read_more .login_btn {
        font-size:14px !important;
        padding:5px 10px;
    }

    .pop_qty_input {
        width:100%;
    }

    .pop_select_cart{
        margin:10px 0;
        width:100%;
    }
    .pop_qty_input input,.pop_select_cart select,.pop_qty_input select {
            width: auto;
    min-width: 100%;
    margin: 2px 0 0 0;
    }

    .dataTables_wrapper .dataTables_filter input {
        width:50%;
    }

    .details_list ul li {
        width: 100%;
        margin: 5px 0px;
    }
    #nonAuthendicate_user_jobber {
        top: 50px;
        left: 38%;
    }

    .table_heading_show_hide span {
        padding:0px 1px;
    }
    .table_head_hints, .cart_item_des {
        font-size:13px;
    }
    .dataTables_wrapper .dataTables_scroll {
        margin:50px 0 0 0;
    }
    .table_heading_show_hide {
    
    left: -0px;
}
    .ui-dialog {
        min-width: 320px;
    }
    .tbl_partslookupresult_height .dataTables_wrapper .dataTables_scroll {
        margin:2% 0 0 0;
    }
    .left_search_recent {  width: 32%; }
    .right_search_recent {  width: 32%;}
    .right_search_recent_last {  width: 32%;}
}




@media only screen and (max-width: 390px) {

    .flt_left_mobile_none {
        float:none;
    }

    .social_media {
        display:inline-block;
        width:100%;
    }
    .top_menu {
        display:inline-block;
        text-align:center;
        width:100%;
    }

    .top_menu_right {
        box-shadow: inset 0 7px 11px -7px rgb(74, 81, 89);
        display: inline-block;
        text-align: center;
        width: 100%;
        padding: 5px 0 0 0;
        border-top: 1px solid #080808;
    }

            .slider__item a.pdf_left {
        left: 18%;
        padding: 2px 2px;
        font-size: 7px;
    }

    .slider__item a.pdf_right {
        right: 19%;
        
        padding: 2px 2px;
        font-size: 7px;
    }

    .mobile_right {
        float:right !important;
    }
    i.fab.fa-twitter, i.fab.fa-instagram, i.fab.fa-facebook-f, i.fab.fa-google-plus-g, i.fab.fa-youtube, i.fas.fa-rss {
        font-size:12px;
    }
    .top_menu i {
        font-size: 14px;
    }
    
}*/


@-moz-document url-prefix() {
    .slimScrollDiv {
        overflow:hidden !important;
        display:grid;
    }

    .sel_main option, .sel_main {
        margin: 2px -20px 0px 15px !important; 
        padding:5px 0px !important;
    }

    /*.slimScrollBarY,.slimScrollRailY {
        overflow-y:hidden !important;
    }

    select{
        overflow-y:hidden !important;
        overflow:hidden !important;
    }*/
}


/* portrait */


/*@media screen and (orientation: portrait) {
  #status
  {
      display:none;
  }

   #hidethis {
        display:block;
    }
}




@media screen and (orientation:landscape)  {
    #hidethis {
        display:none;
    }

    #status {
        position: fixed;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        background: green;
        text-align:center;
        display:block;
    }

   #status p{
        text-align: center;
        margin: 20px;
        color: #fff;
        font-size: 24px;

    }
      #status span{
        text-align: center;
        margin: 10px;
        color: #fff;
        font-size: 16px;
        display:block;
    }

   #status img{
        max-width:100%;
    }
}


@media screen and (min-width: 880px) and (max-width: 3800px) and (orientation:portrait) {
      #status
  {
      display:none;
  }
}

@media screen and (min-width: 880px) and (max-width: 3800px) and (orientation:landscape) {
      #status
  {
      display:none;
  }
          #hidethis {
        display:block;
    }
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) 
{ 
    #hidethis {
        display:none;
    }

    #status {
        position: fixed;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        background: green;
        text-align:center;
        display:block;
    }

   #status p{
        text-align: center;
        margin: 20px;
        color: #fff;
        font-size: 24px;

    }
      #status span{
        text-align: center;
        margin: 10px;
        color: #fff;
        font-size: 16px;
        display:block;
    }

   #status img{
        max-width:100%;
    }
}*/





/*@media only screen and (-webkit-min-device-pixel-ratio: 1.0) and (min-device-width : 320px) and (max-device-width : 879px) and (orientation :portrait) { 
      #status
  {
      display:none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.0) and (min-device-width : 320px) and (max-device-width : 879px) and (orientation :landscape) { 
   #hidethis {
        display:none;
    }

    #status {
        position: fixed;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        background: green;
        text-align:center;
        display:block;
    }

   #status p{
        text-align: center;
        margin: 20px;
        color: #fff;
        font-size: 24px;

    }
      #status span{
        text-align: center;
        margin: 10px;
        color: #fff;
        font-size: 16px;
        display:block;
    }

   #status img{
        max-width:100%;
    }
}

@media only screen and (min-device-width : 880px) and (max-device-width : 3800px) and (orientation :landscape) {
          #status
  {
      display:none;
  }
          #hidethis {
        display:block;
    }
}*/

























/******* Latest code command*********/


/*@media screen and (min-aspect-ratio: 13/9) {  
    #hidethis {
        display:none;
    }
    
    #status {
        position: fixed;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        background: #323b45;
        text-align:center;
        display:inline-block;
    }

   #status p{
        text-align: center;
        margin: 20px;
        color: #fff;
        font-size: 24px;

    }
      #status span{
        text-align: center;
        margin: 10px;
        color: #fff;
        font-size: 16px;
        display:block;
    }

   #status img{
        max-width:100%;
    }

}


@media screen and (max-aspect-ratio: 13/9) {      
#status
  {
      display:none;
  }


}

@media screen and (min-width: 880px) and (max-width: 3840px) and (orientation:landscape) {
      #status
  {
      display:none;
  }
          #hidethis {
            display:block;
         }

        
}*/



/******* Latest code command end*********/












@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    /*transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: fixed;
    margin:0px;
    padding:0px;
    top: 100%;
    left: 0;*/



    /*transform: rotate(-90deg);
    transform-origin: bottom left;
    width: 100%;
    overflow-x: hidden;
    position: fixed;
    margin: 0px;
    padding: 0px;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;*/

  }
}


@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape){

    /*html{
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
         -o-transform-origin: left top;
            transform-origin: left top;
    min-width: 320px; 
    max-width:420px;
    position: fixed;
    top: 100%;
    left: 0
    }*/

/** The rest of the CSS... **/ 

}





@supports (-ms-ime-align: auto) {

    .div_enginesearchdetail table tr th:nth-child(2), .div_enginesearchdetail table thead tr th:nth-child(2) {
        max-width: 150px !important;
        min-width: 150px !important;
        width: 6% !important;
    }

    .kitparts_main table tbody tr th:nth-child(1), .kitparts_main table tbody tr td:nth-child(1), .kitparts_main table thead tr th:nth-child(1) {
        max-width: 500px !important;
        min-width: 500px !important;
        width: 10% !important;
    }

    .nav li a {
        flex:none;
        -ms-flex:none;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .div_enginesearchdetail table tr th:nth-child(2),.div_enginesearchdetail table thead tr th:nth-child(2){ max-width: 150px !important; min-width: 150px !important; width: 6% !important;}
      .nav li a {
        flex:none;
        -ms-flex:none;
    }
}