@media (min-width: 900px) and (max-width: 1500px)
{
    .pro-title
    {
            font-weight: 600;
            /*font-size: 10px;*/
    }
}

@media (max-width: 1400px)
{
    .left-menu
    {
        width: 100%;
        margin-right: 3%;
    }
    .focused
    {
        margin-left: 30px;
    }
    .prop_hover
    {
        width: 100%;
    }
    .abt_dyn
    {
        letter-spacing: 0px;
        line-height: 25px;
    }
    .abt_fix ul li a
    {
        font-size: 15px;
        padding: 10px 15px;
    }
    .cat_log
    {
        width: 60%;
    }
    .label img
    {
        margin-left: 30px;
    }
    .corp_id
    {
        font-size: 11px;
    }
    .prod_cat_try::before
    {
        transform: skewX(341deg);
    }
    .breadcrumb-area {
        top: 14% !important;
    }
}

@media only screen and (max-width:900px)
{
    .hidden-sm{
        display:none;
    }
    .pro-title
    {
            font-weight: 600;
            font-size: 10px;
    }
    .websection {
        padding: 40px 0px;
    }
    
    .heading {
        margin-bottom: 40px;
        text-align: center;
    }
    
    .product-wrapper .product-image {
        padding: 50px;
    }

    .client_say .owl-dots {
        bottom: 20px;
    }
    
} 
@media (max-width: 767px) {
    .hero-banner img
    {
        object-fit: cover;
        height: 100%;
    }
    .main-menu .left-menu .navbar-nav .nav-item
    {
        border-right: none;
    }
    .addvance_filter_home .nav-tabs .nav-item .nav-link, .addvance_filter_home .nav-tabs .nav-item .nav-link.active
    {
        padding: 5px 20px;
        font-size: 10px !important;
    }
    .feat_prod_padd
    {
        padding-left: 25px;
    }
    .footerlinks ul
    {
        margin-top: 20px;
    }
    .footer-bottom
    {
        padding: 15px 0;
    }
    .right-menu
    {
        width: 75%;
        justify-content: space-between !important;
    }
    .search-container
    {
        justify-content: end;
        width: 155px;
    }
    .search-box
    {
        display: none;
    }
    .category-head
    {
        overflow: hidden !important;
    }
    .prodt_drop
    {
        margin-left: -200px !important;
    }
    .mobl_view #search_tire_mobile_tmp
    {
        display: block;
        min-height: 50px;
        position: absolute;
        bottom: 5%;
    }
    .content p
    {
        text-align: justify !important;
        margin-bottom: 5px;
    }
    .mobl_view
    {
        justify-content: center;
        display: flex;
    }
    .mob_img_view
    {
        display: none;
    }
    .blog-holder
    {
        height: auto;
        margin-bottom: 30px;
    }
    .reg_form .select2-selection--multiple
    {
        width: 100%;
        justify-content: left;
    }
    .reg_form
    {
        display: block;
        margin-bottom: 10px;
    }
    .reg_form:last-nth
    {
        margin-bottom:0;
    }
    .searchbtn
    {
        width: 85% !important;
    }
    .timeline > li
    {
        margin: 0px;
        background: none;
    }
    .timeline:before
    {
        display: none;
    }
    .timeline > li > .timeline-panel:after
    {
        display: none;
    }
    .timeline > li > .timeline-panel:before
    {
        display: none;
    }
    .timeline > li > .timeline-badge{
        display: none;
    }
    .timeline > li.timeline-inverted {
        padding: 0px;
    }
    .timeline > li > .timeline-panel {
        width: 100%;
        margin-bottom: 30px;
    }
    .timeline-inverted .timeline-title {
        left: auto;
        position: inherit;
        float: none;
    }
    .timeline > li:not(.timeline-inverted) {
        padding: 0px;
    }
    .timeline-title {
        right: auto;
        position: inherit;
        float: none;
    }
    .btn_listgrid
    {
        display: none;
    }
    .filter_nav
    {
        padding-left: 0;
        text-align: center;
        margin-top: 25px;
        width: fit-content;
    }
    .bias_radddd
    {
        justify-content: center;
        display: flex;
    }
    .pro_img
    {
        height: auto !important;
    }
    /*.lapview*/
    /*{*/
    /*    display: none;*/
    /*}*/
    #container
    {
        display: block;
    }
    .copy_wirte
    {
        text-align: center;
    }
    .input-group .form-control
    {
        width: 86%;
    }
    .shadow-box
    {
        padding: 5px;
    }
    .mobil_img_tire {
        display: none !important;
    }
    .step-content-block {
        margin-bottom: 20px;
    }
    .customize_solution ul li
    {
        width: 100% !important;
    }
    .step
    {
        padding: 30px 10px 10px 10px !important;
    }
    .label img
    {
        margin-top:  30px;
    }
    .label
    {
        font-size: 45px !important;
    }
    .single-list-wrap
    {
        padding-left: 20px;
    }
    .float-left img
    {
        width: 100%;
    }
    .performance-metric, .prodataa-list
    {
        min-height: 0;
    }
    .pro_img img
    {
        height: 260px;
        object-fit: contain;
    }
    .standard-content
    {
        overflow: scroll;
    }
    .tab-content
    {
        padding: 0;
    }
    .segments.seven-column ul li:nth-child(odd) {
        margin-left: 0px !important;
    }
    .segments.seven-column ul li:nth-child(1) {
        margin: 0 15px 15px 15px;
    }
    .segments.seven-column ul li {
        width: calc(50% - 10px);
        margin: 0 15px 15px 15px;
        transform: rotateY(0deg) rotateX(0deg);
    }
    .segments.seven-column ul {
        text-align: left;
        padding-left: 0;
    }
    .segments.seven-column ul li:nth-child(even) {
        margin-left: 0px;
        margin-right: 0px;
    }
    .segments.seven-column ul li:nth-child(3) {
        margin: 0 15px 15px 15px;
    }
    .segments-box .segments-img img
    {
        height: auto !important;
    }
    .segments-footer h3 {
        font-size: 10px;
        transform: skewX(0deg);
    }
    .mrl-icon img
    {
        width: 100%;
    }
    .mb-10 {
        margin-bottom: 10px;
    }
    .segments-footer {
        position: inherit !important;
        right: inherit !important;
        left: inherit !important; 
        top: 0;
        background: #000 !important;
    }
    .segments-footer h3 {
        font-size: 14px !important;
        font-weight: 600;
    }
    .segments-indus ul
    {
        padding: 0;
    }
    .mobile_fetprod
    {
        display: -webkit-box;
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }
    .content p {
        text-align: start;
        font-size: 10px;
    }
    .mobile_prod
    {
        width: 50%;
    }
    .feat_ttit
    {
        font-size: 13px;
    }
    .product-wrapper .img-wrapper img
    {
        width: 100%;
        height: 190px;
    }
    .main-menu .left-menu .navbar-nav.second{
        display: block !important;
    }
    .main-menu .left-menu .navbar-nav.first 
    {
        /*display: -webkit-inline-box;*/
        display: none;
        overflow-x: auto !important;
        width: 240px;
        overflow: hidden;
    }
    .top-menu
    {
        width: 100%;
    }
    .top-menu .left-menu .navbar-nav
    {
        line-height: 14px;
        /*display: -webkit-inline-box;*/
        display: none;
        overflow-x: auto !important;
        width: 190px;
        overflow: hidden;
        line-height: 32px;
        padding: 10px 0;
    }
    .top-menu .left-menu
    {
        display: none !important;
    }
    .left-menu
    {
        width: 100%;
        margin-right: 0%;
    }
    .top-menu .left-menu .navbar-nav .nav-item
    {
        padding-right: 3px;
        padding-left: 3px;
    }
    .mr-15{
        margin-right: 5px;
    }
    .breadcrumb-area
    {
        padding: 115px 0 10px 0 !important;
    }
    .laptop_view 
    {
        display: none;
    }
    .mobile_view
    {
        display: block;
        margin-top: -45px;
        background: white;
    }
    .main-menu
    {
        padding: 5px 0 12px 0;
    }
    .main-menu .left-menu
    {
        margin-left: 0;
    }
    .main-menu .left-menu .navbar-nav .nav-item
    {
        padding: 15px 10px;
    }
    .head_language
    {
        font-size: 10px;
        padding: 5px 18px;
        margin-top: 8px
    }
    .mrl_header
    {
        background-position: top;
        height: 65px;
        background: #f4f4f4;
    }
    .main-menu .left-menu .navbar-nav .nav-item a
    {
        font-size: 11px;
    }
    .logo-wrap
    {
        justify-content: end;
        align-items: flex-start;
        padding-top: 10px;
    }
    .header_logo
    {
        width: 120px;
    }
    .addvance_filter_home
    {
        border-radius: 0;
        margin-top: 20px;
    }
    .selection-box .col-md-3
    {
        margin-bottom: 0px;
    }
    .search_home_tires label
    {
        margin-bottom: 5px;
    }
    .product-wrapper .product-image
    {
        padding: 10px;
    }
    .abt_dyn, .abt_headfin
    {
        padding-left: 0px;
    }
    .heading
    {
        margin-bottom: 25px;
    }
    .websection
    {
        padding: 40px 0px 0 0;
    }
    .abt_tyre_img
    {
        display: none;
    }
    .heading2 h2
    {
        font-size: 20px
    }
    .see_test
    {
        margin-top: 0px;
    }
    .heading-3 h2
    {
        font-size: 14px;
        line-height: 25px;
    }
    .heading-3 p
    {
        font-size: 10px;
    }
    #clientsay .owl-dots
    {
        display: none;
    }
    .client_say .heading-3
    {
        height: 170px;
        overflow-y: auto;
    }
    .websection3
    {
        padding-bottom: 20px;
    }
    .blog_list
    {
        border-bottom: none;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .title-4
    {
        letter-spacing: 2px !important;
    }
    .arrow-link .arrow
    {
        width: 14px;
    }
    .custom_review {
        width: 100%;
    }
    .grey-border
    {
        width: 100%;
    }
    .contact_page
    {
        margin: 25px 0 15px 0;
    }
    .news_section
    {
        padding: 0;
    }
    .card-press
    {
        margin-bottom: 30px;
    }
    .table_responsive
    {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
    }
    .tablebox {
        width: 100%;
        /* min-width: 400px; */
        border-collapse: collapse;
    }
    .abt_fix
    {
        height: 160px;
        border-radius: 0;
    }
    .abt_fix ul li a
    {
        font-size: 14px;
        padding: 10px 20px;
    }
    .abt_fix ul li
    {
        margin: 12px 2px;
    }
    .award_page h4
    {
        line-height: 35px;
    }
    .product_cat_img
    {
        transform:none;
        border-right: none;
        border-bottom: 10px solid #d42428;
        height: 100%;
    }
    .product_cat_img img
    {
        transform: none;
    }
    .prod_cat_try::before
    {
        transform: none;
        background: none
    }
    .prod_cat_try
    {
        clip-path: none;
        border-top: 10px solid #d42428;
        margin-top: 25px;
    }
    #load_index_size_header
    {
        margin-top: 25px;
        line-height: 40px;
    }
    .procerti-li
    {
        max-width: 110px;
    }
    .mobile_modal
    {
        margin-top: 95px;
    }
    .footer_continue .find_tires a
    {
        line-height: 25px;
        font-size: 17px;
    }
    .privacy_share
    {
        margin: 5px 0 !important;
        line-height: 20px;
    }
    .con_form_two input{
        min-height: 30px !important;
    }
    .find-tires
    {
        padding: 5px 18px;
    }
    .prod_list_bred h1
    {
        font-size: 25px;
    }
    .prod_list_bred
    {
        top: 74% !important;
        left: 20%;
    }
    .contact_form .modal-header
    {
        padding: 5px 20px;
    }
    .con_form_two label
    {
        margin-bottom: 1px;
    }
    .btn_certificate
    {
        height: 40px;
    }
    .contact_form .modal-body
    {
        padding: 0px 20px;
    }
    .con_form_two{
        margin-bottom: 5px;
    }
    .mrl_bradn img
    {
        margin: 15px 0 !important;
    }
    .product-card-wrap
    {
        margin-top: 90px;
    }  
    #business .owl-nav
    {
        margin-top: 40px;
    }
    .video-background2
    {
        height: 30vh;
    }
    .indus_brand
    {
        width: 100%;
        padding: 10px;
    }
    .indus-icons picture img
    {
        width: 100px;
        margin: 0 5px 0 0;
    }
    .segments-malhotra.segments.seven-column.eight ul li
    {
        margin: 0 5px 25px 0px;
    }
    .segments-malhotra .segments-footer h3
    {
        color: #fff;
    }
    .focused
    {
        margin-left: 15px;
    }
}

    .mobile_modal
    {
        margin-top: 55px;
    }
    .main-menu .left-menu .navbar-nav.second
    {
        display:none;
    }
    
    
    #container {
  position: relative;
  left: 0;
  transition: left 300ms ease;
  display: inline-block;
  width: 100%;
}
#container #content {
  position: relative;
  width: 100%;
  background: #404040;
  z-index: 1;
  float: left;
  overflow: hidden;
}
#container #content .left-burger {
  position: relative;
  width: 50%;
  float: left;
  background: transparent;
  z-index: 100;
}
#container #content .left-burger h2 {
  position: relative;
  z-index: auto;
}
#container #content .left-burger .triangle {
  width: 0;
  height: 0;
  border-top: solid #f1f1f1;
  border-right: solid transparent;
  border-left: none;
  border-bottom: none;
  position: absolute;
}
#container #content .right-slider {
  position: relative;
  width: 50%;
  float: left;
  background: transparent;
}
#container #content .right-slider h2 {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

#main-nav {
  width: 100%;
  background: #333;
  position: fixed;
  z-index: 100;
  display: inline-block;
}
#main-nav .logo {
  padding: 20px 50px;
  margin: 0;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  transition: opacity 200ms ease;
  position: relative;
}
#main-nav #bun {
  position: fixed;
  cursor: pointer;
  right: 30px;
  top: 9%;
  width: 38px;
  height: 38px;
  overflow: hidden;
}
#main-nav #bun .mmm-burger {
  position: relative;
  width: 25px;
  margin: 18px 7px 0;
  height: 3px;
  background: #000;
}
#main-nav #bun .mmm-burger:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #000;
  right: 0;
  top: -8px;
}
#main-nav #bun .mmm-burger:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #000;
  right: 0;
  top: 8px;
}
#main-nav #bun:before {
  content: '';
  top: -10px;
  left: -45px;
  width: 30px;
  height: 75px;
  position: absolute;
  opacity: 0;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(25deg);
  transition: left 300ms linear 50ms, opacity 20ms linear;
}
#main-nav #bun:hover:before {
  opacity: 1;
  left: 100px;
}

#sidebar {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 300px;
  background: #f4f4f4;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0;
  left: -300px;
  top: 0;
  transition: left 300ms ease;
}
#sidebar #mobile-nav .mobile-logo {
  color: white;
  font-size: 2rem;
  width: 100%;
  text-align: center;
  padding: 25px 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1500ms ease;
}
#sidebar #mobile-nav ul {
  margin: 0;
  padding: 4px 0;
}
#sidebar #mobile-nav ul .nav-item {
  position: relative;
  border-top: 0px solid trandsparent;
  float: left;
  list-style: none;
  width: 100%;
  color: #000;
  font-size: 1.25rem;
  font-weight: 300;
  background: rgba(255, 255, 255, 0.05);
  border-top: 1px solid #5a5a5a;
  overflow: hidden;
  cursor: pointer;
  transform: scale(0.75, 0.75);
  opacity: 0;
  transition: left 300ms linear 2s, opacity 100ms ease-in 600ms;
  transition: transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75) 500ms;
  transition: border-top 40 ease 0ms, border-bottom 40 ease 0ms, box-shadow 150 ms ease-in;
}
#sidebar #mobile-nav ul .nav-item a
{
    font-size: 14px;
  font-weight: 400;
      color: black;
    text-decoration: none;
    padding: 0;
}
#sidebar #mobile-nav ul .nav-item:hover:after {
  color: #000;
}
#sidebar #mobile-nav ul .nav-item h3 {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 1px;
  margin: 0;
}
#sidebar #mobile-nav ul .nav-item:first-child {
  border-top: none;
  margin: 0;
}
#sidebar #mobile-nav ul .nav-item:last-child {
  border-bottom: 1px solid #333;
}
#sidebar #mobile-nav ul .sub-nav {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item {
  position: relative;
  float: left;
  list-style: none;
  width: 100%;
  overflow: hidden;
  padding: 10px 30px;
  cursor: pointer;
  border-top: 1px solid #4a4a4a !important;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item a
{
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item:hover {
  background: rgba(0, 0, 0, 0.1);
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item:hover h4 {
  color: #fff;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item h4 {
  position: relative;
  font-size: 1rem;
  font-weight: 300;
  color: #f1f1f1;
  padding: 11px 20px 10px 40px;
  margin: 0;
  text-shadow: 0px -2px #333;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item:first-child {
  border-top: none;
}
#sidebar #mobile-nav ul .sub-nav .sub-nav-item:last-child {
  border-bottom: none;
}

.nav-slide {
  left: 0 !important;
}
.nav-slide #mobile-nav .mobile-logo {
  opacity: 1 !important;
}

.body-slide {
  left: 300px !important;
}
.body-slide #main-nav .logo {
  opacity: 0 !important;
}

.item-slide {
  transform: scale(1, 1) !important;
  opacity: 1 !important;
}

.scroll-jam {
  height: 100%;
  overflow-y: hidden;
}

.arrowed:after {
  content: '+';
  width: 25px;
  height: 25px;
  position: absolute;
  color: #333;
  right: 6px;
  font-size: 26px;
  top: 9px;
}

.selected:after {
  content: "_";
  width: 25px;
  height: 25px;
  position: absolute;
  color: #f1f1f1;
  right: 4px;
  font-size: 20px;
  top: 4px;
}