.mm-inner {
    display: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #c6c6c6;
    max-height: 300px;
    overflow-x: auto;
    z-index: 1;
   /* transition: display 0s, opacity 0.5s linear;*/
}
#categories.navbar-nav > li.dropdown:hover .mm-inner {
    opacity: 1;
    display: block;
    /*transition: display 0s, opacity 0.5s linear;*/
    animation: fade_in_show 0.5s;
}
@keyframes fade_in_show {
    0% {
         opacity: 0;
         transform: scale(0)
    }
    100% {
         opacity: 1;
         transform: scale(1)
    }
}
#categories.navbar-nav > li.dropdown:hover .mm-inner .dropdown-menu{
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    position: unset;
}
#categories.navbar-nav > li.dropdown .mm-inner .dropdown-menu li {
    border: 0;
    box-shadow: none;
}
#categories.navbar-nav > li.dropdown .mm-inner .dropdown-menu li a{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 18px;
}
#categories.navbar-nav > li > a{
    color: #ffffff;
}
.inner-common {
    width: 25%;
    float: left;
    position: relative;
}
.inner-common h3 {    
    padding: 0 18px 0 18px;
    line-height: 40px;
    margin: 0;
    text-align: left;
}
.inner-common {
    width: 25%;
    float: left;
}
.inner-common h3 a{
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #5b5b5b;
    text-transform: uppercase;
}
.product-item .name{
    height: auto;
    overflow: unset;
}
.cart-box div#shipping {
    margin-bottom: 15px;
    padding: 0;
}
.cart-box div#shipping h4{
    color: #ffffff;
    background: #c20000;
    padding: 15px;
    text-transform: uppercase;
}
.cart-box div#shipping .module-content{
    padding: 15px;
}
.cart-right .cart-box{
    padding: 0;
}
.cart-right .ShipQuote{
    padding: 0 15px;
}
.cart-right .cart-box-sticky{
    padding: 0 15px;
}
.cart-right .checkout-options.third-party-payment{
    padding-left: 15px;
    padding-right: 15px;
}
.cart-right .coupons-area.cart-detail-item{
    padding: 15px;
}
div#FRAME_SEARCH {
    float: left;
    padding-top: 3px;
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
}
.global-banner img{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    
}
.navbar-header .container{
    max-width: 1370px;
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-header .container .row{
    margin: 0;
    display: flex;
}
.global-banner {
    padding: 0 20px;
    background-color: #000000;
    text-align: center;
}

.mm-icon-parent{
    display: none;
}
.navbar-header{
    border-bottom: 0;
}
.categoriesNav.navbar-wrapper{
    border-top: 0 !important;
}
.contact-form input, .contact-form textarea{
    width: 100%;
} 
/*#categories.navbar-nav>li.dropdown.parts-menu:hover .new-common, #categories.navbar-nav>li.dropdown.brand-menu:hover .new-common{
    display: flex !important;
    flex-flow: column wrap;
}*/
/* below code is for removing scroll bar from main menu */


@media only screen and (min-width: 1340px)  {
    #categories.navbar-nav{
        position: unset;
    }
    .inner-one.inner-common {
        width: 32%;
    }
    .inner-two.inner-common {
        width: 30%;
    }
    .inner-common h3{
        border-bottom: 1px solid #000;
    }
    .inner-common h3 a{
        color: #000;
        text-decoration: none;
    }
    .inner-one.inner-common h3, .inner-two.inner-common h3{
        text-align: center;
    } 
    .inner-one.inner-common li, .inner-two.inner-common li{
        width: 50%;
    }
    .inner-three.inner-common, .inner-four.inner-common{
        width: 19%;
    }
    .inner-three.inner-common h3, .inner-four.inner-common h3{
        text-align: left;
        padding-left: 18px;
    }
    .inner-common{
        padding: 0 5px;
    }
    #categories.navbar-nav > li.dropdown .mm-inner .dropdown-menu li a{
        padding-top: 3px;
        padding-bottom: 4px;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common.parts-menu-inner li{
        width: calc(100% / 6);
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common.parts-menu-inner li a{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #categories.navbar-nav > li.new-dd-mm ul li{
        width: 50%;
    }
    #categories.navbar-nav > li.new-dd-mm ul{
        width: 420px;
        max-width: 100% !important;
    }
    #categories.navbar-nav > li.new-dd-mm ul.light-menu-inner{
        right: 100px;
        width: 550px;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common.brand-menu-inner li{
        width: calc(100% / 7);
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common.brand-menu-inner li a{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    #categories.navbar-nav>li.dropdown:hover .mm-inner{
        max-width: 1340px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common{
        max-width: 1340px !important;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}
/* below code is for removing scroll bar from main menu */
@media only screen and (min-width: 992px)  {
    #caTnaV.categoriesNav{
        background: #c20000;
    }
    #categories.navbar-nav>li.dropdown>a{
        color: #ffffff;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu{
        max-height: 500px;
        overflow: auto;
        overflow-x: hidden;
        max-width: 300px;
    }
    #categories.navbar-nav>li:hover>a, #categories.navbar-nav>li>a:focus{
        color: #c20000;
    }
    body:not(.has-stickymenu) .cart-box.fixed-cart-box .cart-box-sticky{
        margin: 0;
    }
    .site-header {
        display: none;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common{
        width: 100%;
        left: 0;
        max-width: 100%;
    }
    #caTnaV.categoriesNav .navbar-nav>li>.dropdown-menu.new-common li{ 
        width: 25%;
    }
    .mob-menu{
        display: none !important;
    }
    .mobile-menu-widget ul ul.mob-menu{
        display: none !important;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    div#FRAME_SEARCH {
        float: none;
        padding-top: 2px;
        padding-bottom: 3px;
    }
}
@media only screen and (max-width: 1280px)  {
    #menulinks-outer .navbar-nav > li > a{
        padding: 0 5px;
    }
    .top_links{
        margin: 0;
    }
}
@media only screen and (max-width: 1180px)  {
    #menulinks-outer .navbar-nav > li > a{
        padding: 0 3px;
    }
    div#FRAME_SEARCH{
        max-width: 100%;
        width: auto;
    }
}
@media only screen and (max-width: 1024px)  {
    #categories.navbar-nav > li.dropdown > a{
        padding-left: 19px;
        padding-right: 19px;
    }
}

@media only screen and (max-width: 991px)  {
    .inner-common {
        width: 100%;
    }
    #categories.navbar-nav > li.dropdown .mm-inner .inner-common.active .dropdown-menu {
        display: block !important;
        margin-top: 5px;
        border-bottom: 1px solid #ececec;
    }
    .mm-inner .mm-icon-inner{
        float: right;
    }
    .mm-inner h3 span:after{
        content: "\f107";
        font-family: "fontello";
        color: #5d5d5d;
        font-size: 14px;
        padding: 4px 0 0;
        font-weight: 600;
    }
    #categories.navbar-nav > li{
        position: relative;
    }
    #categories.navbar-nav > li.dropdown.addclassname .mm-inner{
        display: block !important;
    }
    #categories.navbar-nav > li.dropdown .mm-inner{
        display: none !important;
    }
    
    #categories.navbar-nav > li > a{
        position: unset;
    }
    #mobile-categories #categories.navbar-nav.custom-mega-menu > li.dropdown > a:after{
        display: inline;
        min-height: inherit;
        line-height: normal;
        color: #5d5d5d;
        font-size: 14px;
        padding: 4px 0 0;
        font-weight: 600;
        position: absolute;
        right: -40px;
        top: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        display: none;
    }
    #mobile-categories #categories.navbar-nav > li > a{
        display: inline-block;
    }
    .mm-inner{
        position: relative;
        opacity: 1;
        display: none;
    }
    #categories.navbar-nav > li.dropdown:hover .mm-inner{
        display: block;
        margin-top: 10px;
    }
    .mobile-menu-widget ul li a{
        display: inline-block;
    }
    span.mm-icon-parent{
        float: right;
        right: 0;
        width: 40px;
        text-align: center;
        height: 25px;
        z-index: 999999;
        display: block !important;
    }
    span.mm-icon-parent:after {
        content: "\f107";
        font-family: "fontello";
        color: #5d5d5d;
        font-size: 14px;
        padding: 4px 0 0;
        font-weight: 600;
    }
    #categories.navbar-nav > li.dropdown .mm-inner .dropdown-menu li a{
        padding-left: 5px;
    }
    .menu-open .mobile-menu-inner{
        width: 270px;
    }
    .inner-common.inner-four h3{
        border-bottom: 0;
    }
    div#FRAME_SEARCH{
        width: 100%;
    }
    .desk-menu, .mobile-menu-widget ul.desk-menu{
        display: none !important;
    }
    #categories.navbar-nav > li.dropdown .mm-inner .inner-common.active .dropdown-menu.desk-menu{
        display: none !important;
    }
}
.product-carousel.flexslider{
    margin-left: -300px;
    margin-right: -300px
}
.ppCheckout{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
   width: 100%
}
footer#site-footer {
    background-image: url(https://www.trailerandtruckparts.com/assets/images/global-top-banner/TTP_Footer_0000003.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   opacity: 100
}
.product-item .name {
  height: unset;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.btn-default {
    border-color: #C20000;
    background-color: #C20000;
    color: #ffffff;
    border-radius: 3px;
    display: grid;
}
.newsletter {
    background: transparent;
    color: #FFFFFF;
    padding: 30px;
    text-align: left;
}
.mailinglist-submit {
    border: 1px solid #fff;
    float: right;
    width: 18%;
    height: 40px;
    font-weight: 400;
    border-color: #d96462 !important;
    background-color: #d96462 !important;    
    color: #fff !important;
    border-radius: 0;
}
.btn-default.mailinglist-submit:hover, 
.btn-default.mailinglist-submit:focus {
    background-color: #c20000 !important;
    color: #fff !important;
    border-color: #c20000 !important;
}
.mailinglist-subscribed span,
.mailinglist-unsubscribed span {
    color: #ffffff;
}