.converter-container {
    margin: auto;
    width: 100%;
    padding: 0px;
}

.conv-container {
    margin: auto;
    width: 80%;
    padding: 0px;
}
        .main-content {
            margin-top: 0px;
        }
        .form-group {
            width: 60%;
        }
        .form-control {
            display: block;
            width: 100%;
            height: calc(1.6em + .75rem + 2px);
            padding: .375rem .75rem;
            font-size: .9rem;
            font-weight: 400;
            line-height: 1.6;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }
        .left-input{
            display: inline-block;
            width: 37%;
            text-align: right;
        }
        .left-input .form-group {
            float: right;
        }

        .left-input div {
            display: block !important;
        }
        .operator-holder-inches-cm {
            cursor: pointer;
            display: inline-block;
            width: 20%;
            text-align: center;
            vertical-align: bottom;
            margin-bottom: 9px;
            color: #000;
        }
        .right-input{
            display: inline-block;
            width: 37%;
            text-align: left;
        }

        .right-input .form-group {
            float: left;
        }

        .common-table
        {
            margin-top: 35px;
        }

        .formula-block {
            margin: 18px 0px;
        }

        .formula-block table tr td {
            font-size: 17px;
        }

        .formula-title {
            text-align: center;
        }
        .invalid-feedback {
            display: inline;
            color: #e3342f !important;
            font-size : 12px;
        }

        .form-group {
            margin-bottom: 2px;
        }

        .swap {
            font-size: 12px;
        }

        .mr {
            text-align: center;
        }

        code {
            font-size: 87.5%;
            color: #f66d9b;
            word-break: break-word;
        }

        .c-title {
            width: 100%;
            float: right;
        }

        @media screen and (max-width: 768px) {
            .form-control {
                padding-left: 5px;
                padding-right: 3px;
            }

            .converter-container {
                width: 100%;
                padding: 0px;
            }
        }
        @media screen and (max-width: 600px) {
            .formula-block table tr td {
                font-size: 17px;
            }
        }

        .common-table .table {
            width: 100%;
            margin-bottom: 1rem;
            color: #212529;
            border-collapse: collapse;
        }

        .common-table .table-bordered, .common-table .table-bordered td,  .common-table .table-bordered th {
            border: 1px solid #dee2e6;
        }

        .common-table .table td, .table th {
            padding: .55rem;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
        }