/* Portrait and Landscape */
@media only screen and (min-width : 699px) and (max-width : 1024px) {

  .order-tlink {
       width: 35% !important; 
      padding-right: 0px !important;
      padding-top: 15px;
  }


  ._remove_order_box{
    display: none !important;
  }

  .if_mob_and_tablet{
    display: block !important;
  }


.col-sm-12 {
    width: 100% !important;
}

.col-xs-12{
  width: 100% !important;
}

.prcTire {
    font-size: 15px !important;
    font-weight: 800;
}

.set-width-1 {
    width: 100% !important;
}


.set-width-3 {
    width: 100% !important;
}


.search-query{
  margin-top: -3px !important;
}

.search-box .btn-search-cst {
    margin-top: -3px !important;
}

.result-header {
    float: left !important;
    padding-right: 23px;
}

.orderBox {
    padding-left: 0;
    float: right !important;
}

.orderBox label{
  color: #fff !important;
}

.resultHeaderData li{
  padding-left: 0px !important;
}

.fontBig {
    font-size: 15px !important;
    font-weight: 800;
}

   #searchOutput_search{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_search::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_search::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_search::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_search::-webkit-scrollbar:horizontal{ height:8px !important; }

.headerSection {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}












.headerRight li {
    display: inline-block;
     padding-left: 0px !important; 
}

  
 .resultHeaderData{
  min-width: unset !important; 
 } 

 .resultHeaderData li:nth-child(n+2):nth-child(-n+3) {
  padding-top: 12px !important;
 }

 .retail-brand-box{
      padding-top: 10px !important; 
 }

 .title-spacing {
    padding: 0px !important;
    display: block;
}

.spsl {
    display: inline-block !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}


.checkbox-items {
  list-style: none !important;
  padding-top: 5px !important;
}

.checkbox-items li{
  display: inline-block;
    padding-left: 2px !important;
    padding-top: 6px !important;
    color: <?php echo $navigation_text_color ?>;
}

.checkbox-items li label {
    font-weight: normal !important;
    margin-bottom: 0px !important;
}


/*.wholesale-brand{
  padding-left: 10px !important;
}
*/
.headerRight {
    text-align: left !important;
}


.rfn {
    border-radius: 3px;
    font-size: 14px !important;
    /* vertical-align: middle; */
    width: 131px !important;
    display: block !important;
    /*text-align: center !important;*/
    padding: 5px !important;
    text-align: center;
}

.resultHeaderData {
    padding-top: 0px !important;
    padding-bottom: 4px;
    /* min-width: 1020px; */
}


.search-box{
   margin-right: 0px !important;
    margin-left: 0px !important;
}

.sep {
    padding-left: 0px !important;
}

.btn-search-cst {
    padding: 5px 13px !important;
}
  

 .RetailViewMode {
    width: 95% !important;
} 

.retail-container {
    width: 95% !important;
}


.pNameBig {
    font-size: 19px;
    text-align: center !important;
}

.if_resize label{
    color: #000 !important;
}


.orderBox {
    padding-left: 0;
    float: none !important;
}








/* 
     tube page comman css   start here 

*/
  #searchOutput_tube{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_tube::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_tube::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_tube::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_tube::-webkit-scrollbar:horizontal{ height:8px !important; }

.searchOutput_tube {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}










}


/*     ------------    end here    -------------------------- */





/* Portrait and Landscape */
@media screen and (min-width: 601px) and (max-width:  906px) {




   ._remove_order_box{
    display: none !important;
  }

  .if_mob_and_tablet{
    display: block !important;
  }



  .removePadd {
    /* padding-right: 0px; */
    /*float: none !important;*/
    text-align: center !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}



.set-width-1 {
    width: 100% !important;
}


.set-width-3 {
    width: 100% !important;
}

 
.col-sm-12 {
    width: 100% !important;
}

.col-xs-12{
  width: 100% !important;
}

.prcTire {
    font-size: 15px !important;
    font-weight: 800;
}


.search-query{
  margin-top: -3px !important;
}

.search-box .btn-search-cst {
    margin-top: -3px !important;
}

.result-header {
    float: left !important;
    padding-right: 23px;
}

.orderBox {
    padding-left: 0;
    float: right !important;
}

.orderBox label{
  color: #fff !important;
}

.resultHeaderData li{
  padding-left: 0px !important;
}

.fontBig {
    font-size: 15px !important;
    font-weight: 800;
}

   #searchOutput_search{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_search::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_search::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_search::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_search::-webkit-scrollbar:horizontal{ height:8px !important; }

.headerSection {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}

.headerRight li {
    display: inline-block;
     padding-left: 0px !important; 
}

  
 .resultHeaderData{
  min-width: unset !important; 
 } 

 .resultHeaderData li:nth-child(n+2):nth-child(-n+3) {
  padding-top: 12px !important;
 }

 .retail-brand-box{
      padding-top: 10px !important; 
 }

 .title-spacing {
    padding: 0px !important;
    display: block;
}

.spsl {
    display: inline-block !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}


.checkbox-items {
  list-style: none !important;
  padding-top: 5px !important;
}

.checkbox-items li{
  display: inline-block;
    padding-left: 2px !important;
    padding-top: 6px !important;
    color: <?php echo $navigation_text_color ?>;
}

.checkbox-items li label {
    font-weight: normal !important;
    margin-bottom: 0px !important;
}


/*.wholesale-brand{
  padding-left: 10px !important;
}
*/
.headerRight {
    text-align: left !important;
}


.rfn {
    border-radius: 3px;
    font-size: 14px !important;
    /* vertical-align: middle; */
    width: 131px !important;
    display: block !important;
    /*text-align: center !important;*/
    padding: 5px !important;
    text-align: center;
}

.resultHeaderData {
    padding-top: 0px !important;
    padding-bottom: 4px;
    /* min-width: 1020px; */
}


.search-box{
   margin-right: 0px !important;
    margin-left: 0px !important;
}

.sep {
    padding-left: 0px !important;
}

.btn-search-cst {
    padding: 5px 13px !important;
}
  

 .RetailViewMode {
    width: 95% !important;
} 

.retail-container {
    width: 95% !important;
}


.pNameBig {
    font-size: 19px;
    text-align: center !important;
}

.if_resize label{
    color: #000 !important;
}


.orderBox {
    padding-left: 0;
    float: none !important;
}


/* 
     tube page comman css   start here 

*/
  #searchOutput_tube{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_tube::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_tube::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_tube::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_tube::-webkit-scrollbar:horizontal{ height:8px !important; }

.searchOutput_tube {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}




}


@media screen and (min-width: 680px) and (max-width:  767px) {


    .order-tlink {
    width: 100% !important;
}


}






/* Portrait and Landscape */
@media screen and (min-width: 500px) and (max-width:  679px) {



  .order-tlink {
    width: 100% !important;
}


 ._remove_order_box{
    display: none !important;
  }

  .if_mob_and_tablet{
    display: block !important;
  }



.set-width-1 {
    width: 100% !important;
}


.set-width-3 {
    width: 100% !important;
}

.removePadd {
    /* padding-right: 0px; */
    float: none !important;
    text-align: center !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

 

.col-sm-12 {
    width: 100% !important;
}

.col-xs-12{
  width: 100% !important;
}

.prcTire {
    font-size: 15px !important;
    font-weight: 800;
}


.search-query{
  margin-top: -3px !important;
}

.search-box .btn-search-cst {
    margin-top: -3px !important;
}

.result-header {
    float: left !important;
    padding-right: 23px;
}

.orderBox {
    padding-left: 0;
    float: right !important;
}

.orderBox label{
  color: #fff !important;
}

.resultHeaderData li{
  padding-left: 0px !important;
}

.fontBig {
    font-size: 15px !important;
    font-weight: 800;
}

   #searchOutput_search{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_search::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_search::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_search::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_search::-webkit-scrollbar:horizontal{ height:8px !important; }

.headerSection {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}

.headerRight li {
    display: inline-block;
     padding-left: 0px !important; 
}

  
 .resultHeaderData{
  min-width: unset !important; 
 } 

 .resultHeaderData li:nth-child(n+2):nth-child(-n+3) {
  padding-top: 12px !important;
 }

 .retail-brand-box{
      padding-top: 10px !important; 
 }

 .title-spacing {
    padding: 0px !important;
    display: block;
}

.spsl {
    display: inline-block !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}


.checkbox-items {
  list-style: none !important;
  padding-top: 5px !important;
}

.checkbox-items li{
  display: inline-block;
    padding-left: 2px !important;
    padding-top: 6px !important;
    color: <?php echo $navigation_text_color ?>;
}

.checkbox-items li label {
    font-weight: normal !important;
    margin-bottom: 0px !important;
}


/*.wholesale-brand{
  padding-left: 10px !important;
}
*/
.headerRight {
    text-align: left !important;
}


.rfn {
    border-radius: 3px;
    font-size: 14px !important;
    /* vertical-align: middle; */
    width: 131px !important;
    display: block !important;
    /*text-align: center !important;*/
    padding: 5px !important;
    text-align: center;
}

.resultHeaderData {
    padding-top: 0px !important;
    padding-bottom: 4px;
    /* min-width: 1020px; */
}


.search-box{
   margin-right: 0px !important;
    margin-left: 0px !important;
}

.sep {
    padding-left: 0px !important;
}

.btn-search-cst {
    padding: 5px 13px !important;
}
  

 .RetailViewMode {
    width: 95% !important;
} 

.retail-container {
    width: 95% !important;
}

.pNameBig {
    font-size: 19px;
    text-align: center !important;
}


.if_resize label{
    color: #000 !important;
}


.orderBox {
    padding-left: 0;
    float: none !important;
}



/* 
     tube page comman css   start here 

*/
  #searchOutput_tube{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_tube::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_tube::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_tube::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_tube::-webkit-scrollbar:horizontal{ height:8px !important; }

.searchOutput_tube {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}












}












@media only screen and (min-width: 768px) and (max-width: 1112px) {


   .titleBar {
     height: auto !important; 
}


.removePadd {
    /* padding-right: 0px; */
        float: right !important;
     text-align: unset !important; 
     margin-top: 15px !important; 
    margin-bottom: 15px !important;
}


   .col-sm-12 {
    width: 100% !important;
}

.col-xs-12{
  width: 100% !important;
}

.prcTire {
    font-size: 15px !important;
    font-weight: 800;
}

.set-width-1 {
    width: 100% !important;
}


.set-width-3 {
    width: 100% !important;
}


.search-query{
  margin-top: -3px !important;
}

.search-box .btn-search-cst {
    margin-top: -3px !important;
}

.result-header {
    float: left !important;
    padding-right: 23px;
}

.orderBox {
    padding-left: 0;
    float: right !important;
}

.orderBox label{
  color: #fff !important;
}

.resultHeaderData li{
  padding-left: 0px !important;
}

.fontBig {
    font-size: 15px !important;
    font-weight: 800;
}

   #searchOutput_search{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_search::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_search::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_search::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_search::-webkit-scrollbar:horizontal{ height:8px !important; }

.headerSection {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}












.headerRight li {
    display: inline-block;
     padding-left: 0px !important; 
}

  
 .resultHeaderData{
  min-width: unset !important; 
 } 

 .resultHeaderData li:nth-child(n+2):nth-child(-n+3) {
  padding-top: 12px !important;
 }

 .retail-brand-box{
      padding-top: 10px !important; 
 }

 .title-spacing {
    padding: 0px !important;
    display: block;
}

.spsl {
    display: inline-block !important;
    margin-top: 12px !important;
    margin-bottom: 10px !important;
}


.checkbox-items {
  list-style: none !important;
  padding-top: 5px !important;
}

.checkbox-items li{
  display: inline-block;
    padding-left: 2px !important;
    padding-top: 6px !important;
    color: <?php echo $navigation_text_color ?>;
}

.checkbox-items li label {
    font-weight: normal !important;
    margin-bottom: 0px !important;
}


/*.wholesale-brand{
  padding-left: 10px !important;
}
*/
.headerRight {
    text-align: left !important;
}


.rfn {
    border-radius: 3px;
    font-size: 14px !important;
    /* vertical-align: middle; */
    width: 131px !important;
    display: block !important;
    /*text-align: center !important;*/
    padding: 5px !important;
    text-align: center;
}

.resultHeaderData {
    padding-top: 0px !important;
    padding-bottom: 4px;
    /* min-width: 1020px; */
}


.search-box{
   margin-right: 0px !important;
    margin-left: 0px !important;
}

.sep {
    padding-left: 0px !important;
}

.btn-search-cst {
    padding: 5px 13px !important;
}
  

 .RetailViewMode {
    width: 95% !important;
} 

.retail-container {
    width: 95% !important;
}


.pNameBig {
    font-size: 19px;
    text-align: center !important;
}

.if_resize label{
    color: #000 !important;
}


/*.orderBox {
    padding-left: 0;
    float: none !important;
}*/








/* 
     tube page comman css   start here 

*/
  #searchOutput_tube{
        width: 100% !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
   }


   #searchOutput_tube::-webkit-scrollbar {
    width: 8px;
}

#searchOutput_tube::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
#searchOutput_tube::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
#searchOutput_tube::-webkit-scrollbar:horizontal{ height:8px !important; }

.searchOutput_tube {
    width: 95% !important;
    margin: 0 auto;
   background: <?php echo $navigation_background_color; ?>;
   padding-left: 17px;
    border-radius: 5px;
}




}ss