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

}

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

}

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

}

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

}

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

}

@media screen and (min-width:767px) and (max-width:991px){
    .container {
        max-width: 90%;
    }
    .product-table .table {
        width: 900px;
        overflow-y: scroll;
    }
    .product-table {
        overflow-y: scroll;
    }
    h1, h2, h3, h4, p, body, .contact-form .form-control, .contact-form label, .submit-btn, .product-table .table tr th, .product-table .table tr td {
        font-size: 14px !important;
    }
    .contact-form .form-control {
        font-size: 14px;
    }
    .contact-form .row.align-center {
        flex-direction: column;
    }
    .contact-form .row.align-center .col-md-9, .contact-form .row.align-center .col-md-3 {
        max-width: 100%;
    }
    p.error-msg {
        font-size: 11px !important;
    }
    .company-contact a {
        font-size: 20px;
        width: 159px;
    }
    .company-contact {
        margin-top: 10px;
    }
    .col-md-3.submit-field {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 0;
    }
    .form-custom-field ul li {
        margin-right: 7px;
    }
}

@media screen and (min-width:300px) and (max-width:766px){
    .container {
        max-width: inherit;
    }
    .product-table .table {
        width: 650px;
        overflow-y: scroll;
    }
    .product-table {
        overflow-y: scroll;
    }
    h1, h2, h3, h4, p, body, .contact-form .form-control, .contact-form label, .submit-btn, .product-table .table tr th, .product-table .table tr td {
        font-size: 13px !important;
    }
    .contact-form .form-control {
        font-size: 13px;
    }
    .description-field {
        max-width: 100%;
        padding: 10px 10px;
    }
    .contact-form .row.align-center {
        flex-direction: column;
    }
    .contact-form .row.align-center .col-md-9, .contact-form .row.align-center .col-md-3 {
        max-width: 100%;
    }
    p.error-msg {
        font-size: 11px !important;
    }
    .form-group.inline-label-group {
        justify-content: flex-start;
    }
    .captcha-input .form-control {
        width: 120px;
    }
    .company-contact a {
        font-size: 20px;
        width: 100%;
    }
    .custom-control.custom-checkbox {
        margin-bottom: 10px;
    }
    .company-contact {
        margin-top: 10px;
    }
    header {
        padding: 20px 0 20px;
    }
    .product-table .table tr td:nth-child(4), .product-table .table tr td:nth-child(5) {
        width: 85px;
    }
    .product-table .table tr td:nth-child(2) {
        width: 110px;
    }
    .company-details {
        flex-direction: column;
        align-items: center;
    }
    .col-md-3.submit-field {
        justify-content: flex-start;
        margin-top: 25px;
        padding-top: 0;
    }
    .logo {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
        max-width: 200px;
    }
    .about-company {
        width: 100%;
        text-align: center;
    }
    .company-contact {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pro-img img {
        /*width: 80px;*/
    }
    .form-custom-field ul {
        flex-direction: column;
    }
    label.custom-control-label {
        width: 50px;
    }	
    .form-custom-field ul li {
        width: 100%;
        margin-right: 0;
    }
}