/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){
    .divition .btn_style {
        float: none !important;
      }
      .divition .div_boxes {
        text-align: center;
      }
      .owl-stage-outer .owl-stage .btn_style {
        margin: 0 0 0 50px;
      }
 
}
 
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
    .owl-stage-outer .owl-stage .btn_style {
        margin: 0 0 0 25px;
    }
}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
      .owl-stage-outer .owl-stage .btn_style {
        margin:0px;
    }
 
}
 
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	
}
 
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
 
}
 
 
 
/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
 
}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
	.divition .div-text {
		width:100%;
	}
	.divition .div-img {
		margin:0 auto;
		float:none;
	}  
	.inner_body.option {
		max-width:none;
		width:auto;
		padding:0px 25px;
	}
        
        /*****************Add css 18 May 2016***********************/
        
        table.path-finder input.model {
                width: 96px !important;
        }
        
  
	
	table.path-finder, table.path-finder thead, table.path-finder tbody, table.path-finder th, table.path-finder td, table.path-finder tr { 
		display: block; 
	}
	
	
	table.path-finder thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.path-finder tr { border: 1px solid #ccc; float: left;width: 100%; }
        
        
	
	table.path-finder td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
                text-align: left !important;
                width: 99% !important;
	}
	
	table.path-finder td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
	table.path-finder td:nth-of-type(1):before { content: "Marque & Model"; }
	table.path-finder td:nth-of-type(2):before { content: "Part No"; }
	table.path-finder td:nth-of-type(3):before { content: "Description"; }
	table.path-finder td:nth-of-type(4):before { content: "Quantity"; }
	table.path-finder td:nth-of-type(5):before { content: "Car Chassis No"; }
	table.path-finder td:nth-of-type(6):before { content: "Year"; }
	table.path-finder td:nth-of-type(7):before { content: "Side?"; }
	table.path-finder td:nth-of-type(8):before { content: "Additional Notes"; }
        
        table.path-finder input.text {
            margin-top: 12px;
            width: 200px !important;
            text-align: left !important;
        }
        
        table.path-finder select {
            margin-top: 12px;
            width: 200px !important;
        }
        
        
                table.submitlist {
   width: 65% !important;
}
        
}
@media only screen and (max-width : 960px){
	.divition .div-img .div_boxes img {
		min-height:none;
	}
	ul.menu-listing li {
		margin-left:5px !important;
	}
	ul.menu-listing li a {
		font-size:12px !important;
	}
	.main-slider .item-wrapper .detail {
	    display: block;
	    float: none;
	    height: auto;
	    padding: 0;
	    vertical-align: top;
	    width: auto;
	}
	.main-slider .item-wrapper .theimage {
	    display: block;
	    float: none;
	    vertical-align: top;
	    width: auto;
	}
	.main-slider .item-wrapper .detail .detail-inner {
	    padding: 10px;
	    height:auto;
	}
	.browse-content .browse-marque a.marque-block{
		width: 190px;
	}
	.inner-body-res-option {
		max-width:none !important;
		width:auto  !important;
		padding:0px 25px  !important;
	}
	.footer_box_stl .add-text{
		display:none;
	}
	.work_txt h3 {
		margin-top:0px;
	}
	.work_btn {
		margin-top:5px;
		width:25%;
	}
	.pc-content {
		width:auto !important;
	}
	.about-top-content {
		width:100% !important;
	}
	.about-bot-content {
		margin-right:0px !important;
		width:auto !important;
	}
	#owl-demo  .owl-dots,
	#owl-demo5  .owl-dots,
	#owl-demo6  .owl-dots {
		bottom: 20px;
	    right: 10px;
	}
}
@media only screen and (max-width : 940px){
}
@media only screen and (max-width : 910px){
	.details-wrapper .product-details,
	.details-wrapper .product-gallery {
		display:block !important;
	}
	.details-wrapper .product-details .enquiry {
		display: block !important;
    width: 100% !important;
	}
}
@media only screen and (max-width : 820px){
	.browse-content .browse-marque a.marque-block,
	.browse-content .browse-marque a.marque-block:visited,
	.browse-featured .featured-block a.featured-image,
	.browse-featured .featured-block a.featured-image:visited {
		width:24vw !important;
	}
}
@media only screen and (max-width : 801px){
	.formNewsletter{
		max-width:790px;
	}
	.footer .formNewsletter .txt_news {
	    padding-left: 0;
	    padding-right: 0;
	    width: 100%;
	}
	.footer .formNewsletter .stb_btn{
		width:100%;
		margin-top:10px;
	}
	.single_modelgroup {
		width:25%  !important;
	}
}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
	.footer {
		width:auto;
		padding: 20px 10px 30px;
	}
	.contact-main-content .left-block{
		display:block;
	}
	.contact-main-content .left-block .spaced{
		display: block;
	    vertical-align: top;
	    width: auto;
	}
	.contact-main-content .right-block{
		display:block;
	}
	.customformleft{
		width: 100% !important;	
	}
	.customformRight{
		width: 100% !important;	
	}
	.custom-sub-btn{
		width:100% !important;
	}
	.contact-left{
		width: 100% !important;	
	}
	.contact-right{
		width: 100% !important;	
	}
	.contact-btn{
		width: 100% !important;	
	}
	.right_header {
		display:none;
	}
	.logo {
	    float: left !important;
            /********changes made at 3 aug **********************/
	 /*   height: 110px;*/
              height:auto;
           /********End changes made at 3 aug **********************/
	    text-align: center;
	    width: 100% !important;
	}
        .logo .mob-num {
            display: block !important;

  float: left;
  margin-top: 10px;
  width: 100%;

                     }
        .logo .mob-num a {
  /*float: left;
  text-align: center !important;
  width: 100%;
  padding-top: 10px;*/
}
	.browse-wrapper .left-sidebar {
		display:block !important;
	}
	.divition .div_boxes {
		display: block;
	    height: 160px;
	    vertical-align: top;
		margin-right: 0px !important;
	    width: 100%;
	}
	.divition .div-img {
		float: left;
	}
	.divition .div-text {
		float: left;
	    width: 50%;
	}
	.divition .seperator {
		display:none;		
	}
	.enquiry {
		width:100%;
	}
	.single_modelgroup {
		text-align:center !important;
		width: 100% !important;
		float:none !important;
	}

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 700px){
	#owl-demo .owl-buttons {
	    bottom: 35px;
	}
}
@media only screen and (min-device-width : 480px) and (max-device-width : 768px) {

.div_boxes img {
  height: 190px !important;
  
}
.divition .div_boxes {
  min-height: 190px !important;
}
}

@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {

.divition .div_boxes {
  min-height: 365px !important;
}
}
@media only screen and (max-width : 600px){
    
    .partfinderbox h2{
        color: red;
	  margin: 8px 0 28px !important ;
	  width: auto;
	}
	  .partfinderbox a{
	  margin-bottom: 12px;
	  margin-right: 5px;
	  margin-top: -30px;
	}
	#owl-demo  .owl-dots,
	#owl-demo5  .owl-dots,
	#owl-demo6  .owl-dots {
		bottom: 45px;
	}
	.contact-main-content .left-block .spaced{
	    width: 32%;
		font-size:12px;
	}
        table.path-finder td { 
                width: 98% !important;
	}
}
@media only screen and (max-width : 545px){
	.footer_box_stl {
		height:auto;
		background-size:100% 100%;
		padding: 30px 10px 10px;
	}
	.work_txt {
		width:100%;
		float:none;
	}
	.work_btn {
		width:100%;
		float:none;
	}
                .footer_box_stl {
                padding: 10px 3px 10px !important;
}
}
@media only screen and (max-width : 510px){
	.divition .div_boxes {
	    height: 350px;
    }
	.divition .div-img {
	    float: none;
	}
	.divition .div-text {
		float: left;
    	width: 100%;
		text-align:center;
	}
         .div_boxes.banner_mob_browse {
            display: block !important;
          }
          .div_boxes.banner_desktop_view {
            display: none;
          }
          .div_boxes.banner_mob_browse .col5.f_left.div-img {
            width: 100% !important;
          }
        .div_boxes.banner_mob_browse .col5.f_left.div-img .img-responsive {
          height: auto !important;
          width: 100% !important;
        }
}
@media only screen and (max-width : 480px){
	.dev-show-480 {
		display:block;	
	}
	.browse-content .browse-marque a.marque-block, .browse-content .browse-marque a.marque-block:visited, .browse-featured .featured-block a.featured-image, .browse-featured .featured-block a.featured-image:visited {
	    max-width: none !important;
	    width: 199px !important;
	}
	#owl-demo2 .item {
		text-align:center;
	}
	#owl-demo2 .item img {
		margin:0 auto;
	}
	.browse-wrapper .browse-content {
		display:block !important;
	}
	.browse-wrapper .left-sidebar {
		width:auto !important;
	}
	.br-arrow-down {
		display: inline-block;
	}
	.div_boxes img {
		min-height: auto !important;
	}
        .footer_box_stl {
                padding: 10px 3px 10px !important;
}
.detail.homepage_banners {
  height: 331px !important;

}
	.divition .div_boxes {
	    height: 400px;
    }
}
@media only screen and (max-width : 400px){
	#owl-demo .owl-buttons {
	    bottom: 45px;
	}
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 371px){
	.tab_panel .tab_pane {
		display:block;
		text-align:center;
	}
        table.path-finder td { 
                width: 96% !important;
	}
}
@media only screen and (max-width : 360px){
 .inner_body.inner-body-res-option .content_text {
  width: 75%;
}
.menu_in_parts {
  margin-left: 7px;
  width: 94% !important;
}
.mobile-view-menu {
 width: 100%;
}
table.path-finder input.text {
  width: 95% !important;
}
table.path-finder select {
  width: 95% !important;
}
.divition .div_boxes {
  height: 355px;
}
}
@media only screen and (max-width : 320px){
.contactform form.contactform input.text {
  width: 155px !important;
}
}