/* media query */
@media only screen and (max-width: 1608px) {
}

@media only screen and (max-width: 1528px) {
    .profile {
        font-size: 11px;
    }
}

@media only screen and (max-width: 1390px) {
    #leftside {
        width: 5%;
    }

    #rightside {
        width: 5%;
    }
}

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

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


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

@media only screen and (max-width: 1215px) {
    .info1 {
        width: 35%;
    }

    .info2 {
        width: 25%;
    }

    .info3 {
        width: 40%;
    }

    /*.leftside-banner {
        display: none;
    }*/
}

@media only screen and (max-width: 1136px) {
    .phone {
        line-height: 18px;
    }

        .phone > span {
            font-size: 14px !important;
        }

    #content .flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    #leftside {
        order: 2;
        width: 100%;
        background: none;
        display: flex;
        justify-content: center;
        margin: 0 auto 30px;
    }

    #center {
        order: 1;
        width: 100%;
        margin: 0 0 20px;
    }

    #center-home {
        width: 0% !important;
    }

    #rightside {
        order: 3;
    }

    .marginLeft {
        margin-left: 0px;
    }

    .search_form input[type="text"],
    .category input[type="text"] {
        width: 200px;
    }

    #TopSellingCategories li {
        width: 25%;
    }
}

@media only screen and (max-width: 1080px) {
    .info1 {
        width: 30%;
    }

    .info2 {
        width: 28%;
    }

    .info3 {
        width: 42%;
    }

    .phone > span {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 1025px) {
    .info1 {
        display: none;
    }

    .info2 {
        width: 40%;
    }

    .info3 {
        width: 60%;
    }

     .firstbanner {
        content: url("../banners/firstbanner_tablet.jpg");
    }

    .secondbanner {
        content: url("../banners/secondbanner_tablet.jpg");
    }

    .thirdbanner {
        content: url("../banners/thirdbanner_tablet.jpg");
    }

    .fourthbanner {
        content: url("../banners/fourthbanner_tablet.jpg");
    }
}

@media only screen and (max-width: 1000px) {
    #main_nav {
        padding-left: 0px;
    }

    /*#header .phone {
        display: none;
    }*/



    #TopSellingCategories img {
        height: 120px;
    }
}

@media only screen and (max-width: 960px) {
    .banner-home img {
        width: 100%;
    }
}

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

    .search_btn_global {
        margin-left: 5px;
    }

    #main_nav li a {
        padding: 0 15px;
        font-size: 13px;
    }

    #content {
        padding: 0 10px;
    }

        #content .flex {
            flex-wrap: wrap;
            justify-content: center;
        }



    .aside-box.left {
        float: none;
    }

    .info3 {
        width: 55%;
    }

    .info2 {
        width: 45%;
    }

    /*.info1 {
        width: 25%;
    }*/

    #content .category.boxes, #content .search.boxes {
        background: none;
        border: .5px solid #ccc;
        margin-bottom: 10px;
    }

    .aside-box.left {
        float: none;
        border: .5px solid #ccc;
        margin-bottom: 10px;
    }

    form#search-by-car-form {
        background: none;
    }

    #search-by-car-title {
        padding-left: 10px;
    }

    #history {
        margin-bottom: 20px !important;
    }

    #leftside .box {
        display: none;
    }

    .jcarousel-wrapper {
        margin: 0 auto 30px;
    }

    .pager {
        display: flex;
        justify-content: center;
        align-items: center;
        float: none;
        max-width: auto;
        margin: 0 auto 30px;
    }

    div#see-all-container {
        text-align: center;
    }

    div.align {
        text-align: center;
    }

    #header .center-banner img {
        height: 150px;
    }

    #header .leftside-banner img {
        height: 150px;
        width: 150px;
    }

    #header .rightside-banner img {
        height: 150px;
        width: 150px;
    }
}

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

@media only screen and (max-width: 768px) {
    #main_nav {
        display: none;
        height: auto !important;
        padding: 10px 0;
    }

    #menu_btn {
        display: block;
        padding: 10px;
        color: #797979;
        font-size: 18px;
        text-align: left;
        text-indent: 5px;
    }

    #main_nav li {
        display: block;
        margin: 0 auto 5px;
        height: auto;
        border: none;
        text-align: left;
        padding-left: 20px;
    }

        #main_nav li a {
            line-height: auto;
            padding: 0;
            height: auto;
            line-height: 22px;
            text-transform: none;
        }

        #main_nav li:hover a {
            color: #;
        }

        #main_nav li > ul,
        #main_nav li:hover > ul {
            display: block !important;
            position: static !important;
            padding: 5px 0;
            box-shadow: none !important;
            width: auto;
            background: none;
        }

            #main_nav li > ul li,
            #main_nav li:hover > ul li {
                width: 100%;
                height: auto;
            }

                #main_nav li > ul li a,
                #main_nav li:hover > ul li a {
                    opacity: .8;
                    border-left: none;
                    border-right: none;
                    font-size: 13px;
                    font-weight: normal;
                    text-transform: none !important;
                    text-align: left;
                    padding: 5px 0;
                    height: auto !important;
                    line-height: 15px !important;
                    background: none !important;
                }

    #main_nav ul li a:before {
        display: none;
    }

    #left {
        margin: 0px;
    }

    /*.info1 {
        display: none;
    }*/

    .info2 {
        width: 40%;
    }

    .info3 {
        width: 60%;
    }

    .table_wrapper {
        max-width: 900px;
        overflow-x: visible;
        margin-bottom: 30px;
    }

    /*.table_wrapper table {
            min-width: 800px;
        }*/

    .filterbydesc {
        float: left;
    }

    .model.left a.loaderLink,
    .year-from-to.left a.loaderLink {
        font-size: 11px;
    }

    #content .outer {
        width: 100%;
    }

    .banner-home {
        display: block;
        width: 100%;
        height: 350px;
        padding: 10px 0px 0px 0px;
    }

    #TopSellingCategories {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #header .center-banner img {
        height: 130px;
    }

    #header .leftside-banner img {
        height: 130px;
        width: 130px;
    }

    #header .rightside-banner img {
        height: 130px;
        width: 130px;
    }

     .firstbanner {
        content: url("../banners/firstbanner_mobile.jpg");
    }

    .secondbanner {
        content: url("../banners/secondbanner_mobile.jpg");
    }

    .thirdbanner {
        content: url("../banners/thirdbanner_mobile.jpg");
    }

    .fourthbanner {
        content: url("../banners/fourthbanner_mobile.jpg");
    }
}

@media only screen and (max-width: 750px) {
    .preview_order_table th {
        text-transform: lowercase;
        font-size: 11px;
        padding: 5px 2px;
    }
}

@media only screen and (max-width: 720px) {
    /*.info1 {
        width: 50px;
    }*/

    #header .top {
        height: 100px;
    }

    .header-info {
        flex-wrap: wrap;
    }

    .search_form #num_search {
        float: left;
        display: block;
        position: static;
    }

    .search_btn_global {
        float: none;
        display: flex;
        justify-content: center;
    }

    .info2 {
        order: 2;
        width: 100%;
    }

    .info3 {
        order: 1;
        width: 100%;
        margin: 0 auto;
    }

    /*.info2 .boxes form {
        padding: 0;
        overflow: visible;
    }*/

    /*.search_form #num_search {
        float: right;
        display: none;
        position: absolute;
        top: 0;
        left: 30px;
        white-space: nowrap;
    }*/

    .search_form div {
        position: relative;
    }

    /*.search_form #directSearch {
        display: none;
    }*/

    /*.search_form #mobiledirectSearch {
        display: block;
    }*/

    .ui-dialog {
        width: 98% !important;
    }

        .ui-dialog .messagetext {
            width: 100% !important;
        }

    table.main td.order button.basket {
        width: 60px;
        height: 30px;
    }
}

@media only screen and (max-width: 640px) {
    #container-certificats .card {
        width: 31%;
        margin-bottom: 20px;
    }

    #preview {
        max-height: 180px !important;
        max-width: 180px !important;
    }

    .preview_order_table th:nth-child(4),
    .preview_order_table td:nth-child(4),
    .preview_order_table th:nth-child(5),
    .preview_order_table td:nth-child(5),
    .preview_order_table th:nth-child(8),
    .preview_order_table td:nth-child(8) {
        display: none;
    }

    .boxes form {
        padding: 10px 0;
    }

    .form_elements {
        width: 100%;
        min-width: 340px;
    }

    #header .center-banner img {
        height: 110px;
    }

    #header .leftside-banner img {
        height: 110px;
        width: 110px;
    }

    #header .rightside-banner img {
        height: 110px;
        width: 110px;
    }

    .banner-home {
        height: 320px;
    }
}

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

    #content .login {
        width: 80%;
        margin: 10px auto;
    }

        #content .login input[type="text"],
        input[type="password"],
        #logBox {
            width: 98%;
            margin: 0 auto;
            padding: 2px 1%;
        }

    #header .banner {
        flex-wrap: wrap;
    }

        #header .banner .leftside-banner,
        #header .banner .center-banner,
        #header .banner .rightside-banner {
            width: 80%;
            margin: 0 auto 15px;
            float: none;
            text-align: center;
            display: flex;
            justify-content: space-evenly;
        }

        #header .banner .leftside-banner {
            padding-top: 10px;
        }

        #header .banner .leftside-banner {
            order: 2;
        }

        #header .banner .center-banner {
            order: 1;
        }

        #header .banner .rightside-banner {
            order: 3;
        }

    #header .center-banner img {
        height: 130px;
    }

    #header .leftside-banner img {
        height: 130px;
        width: 280px;
    }

    #header .rightside-banner img {
        height: 130px;
        width: 280px;
        float: none;
        padding: 0px;
    }

    .blueBox .t-header {
        font-size: 12px;
    }

    .basket_form td,
    .basket_form th {
        text-transform: lowercase;
        font-size: 11px;
    }

    .basket_form th {
        padding: 5px 2px;
    }

    .basket_form td.img img {
        max-width: 50px !important;
    }

    #TopSellingCategories img {
        max-height: 100px;
    }

    .banner-home {
        height: 300px;
    }

   

    .fifthbanner {
        content: url("../banners/fifthbanner_tablet.jpg");
    }

    .sixthbanner {
        content: url("../banners/sixthbanner_tablet.jpg");
    }
}

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


    .payment_nav {
        padding: 0 0 0 10px;
    }

    #header .top a.enter {
        padding: 0 5px;
    }

    #container-certificats .card {
        width: 48%;
        margin-bottom: 20px;
    }

    table.main {
        width: 98%;
        margin: 0 auto 10px;
    }

        table.main th {
            display: none;
        }

        table.main td {
            display: block;
        }

            table.main td.img,
            table.main td.brand,
            table.main td.name,
            table.main td.code,
            table.main td.freeqty,
            table.main td.price,
            table.main td.order,
            table.main td.description {
                width: 100% !important;
                padding: 10px 0;
                margin: 0 auto;
                border-left: 1px solid #e0e0e0;
                position: relative;
            }

            table.main td.description {
                padding: 10px;
            }

    .catalog-box {
        width: 100%;
        border-bottom: 10px solid #EEE;
    }

    table.main td.img img {
        max-width: 75%;
        max-height: 130px;
    }

    table.main td.brand img {
        max-width: 45%;
        max-height: 90px;
    }

    .banner-home {
        height: 280px;
    }
}

@media only screen and (max-width: 480px) {
    #content .login input[type="submit"] {
        float: none;
        margin: 10px auto;
        display: block;
        width: 50%;
    }

    .new-to-website {
        float: none;
        text-align: center;
    }

    #launcher {
        right: -10px !important;
        bottom: 50px !important;
    }

    #footer a {
        display: block;
        margin: 5px 0;
    }

    #header .top a.enter {
        font-size: 12px;
    }

        #header .top a.enter .fas,
        #basket_btn .fas {
            font-size: 13px;
        }

    /*.search_form #mobiledirectSearch {
        display: none;
    }*/

    /*.search_form #directSearch {
        display: block;
    }*/



    .preview_order_table th:nth-child(9),
    .preview_order_table td:nth-child(9) {
        display: none;
    }

    .preview_order_table .center_text img.downloadImage {
        width: 15px;
    }

    .basket_form td,
    .basket_form th {
        font-size: 10px;
    }

        .basket_form th:nth-child(1),
        .basket_form td:nth-child(1) {
            display: none;
        }

    #content .boxes {
        border: none;
    }

    #TopSellingCategories li {
        width: 41%;
        float: left;
    }

    .banner-home {
        height: 260px;
    }
}

@media only screen and (max-width: 445px) {
    #TopSellingCategories li {
        width: 86%;
    }

    .banner-home {
        height: 240px;
    }
}

@media only screen and (max-width: 414px) {
    .payment_nav {
        display: none;
    }

    .basket_form th {
        text-transform: none;
        font-size: 8px;
    }

    .basket_form td {
        font-size: 10px;
    }

    .basket_form .removeQtyField input {
        float: none;
        margin: 0 auto 5px;
        display: block;
    }
}

@media only screen and (max-width: 375px) {
    /*#container-certificats .card {
        width: 100%;
        margin-bottom: 20px;
    }

    .basket_form tr {
        display: block;
        margin-bottom: 10px;
    }

    .basket_form th {
        display: none;
    }

    .basket_form td {
        display: block;
        float: none;
        width: 100%;
        border-top: none;
        border-left: none !important;
        border-right: none !important;
        font-size: 14px;
    }

        .basket_form td.right {
            text-align: center;
        }

        .basket_form td.img {
            border-top: 4px solid #dfdfdf !important;
        }

        .basket_form td:last-child {
            border-bottom: none !important;
        }*/
    .form_elements {
        min-width: 200px;
        width: 98%;
    }

        .form_elements .box {
            overflow: visible;
        }

    .banner-home {
        height: 220px;
    }
}



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

    .fifthbanner {
        content: url("../banners/fifthbanner_mobile.jpg");
    }

    .sixthbanner {
        content: url("../banners/sixthbanner_mobile.jpg");
    }
}


@media only screen and (max-width: 320px) {
    #TopSellingCategories li {
        width: 83%;
    }
}