*{
    margin: 0px;
    padding: 0px;
}
.mn-dashboard .connection-info {
    max-width: 58% !important;
}

.mn-dashboard .nav-pills .nav-link {
    width: 96% !important;
    max-width: 96% !important;;
}
.mn-dashboard .syncContainer{
    margin: 0 auto;
}
.main-content.myConnectors .syncContainer{
    margin: 0 auto;
}
.main-content.myConnectors .lengthnew {
    flex: 0 0 48%;
    max-width: 48%;
}

@media only screen and (min-width: 1100px) and (max-width: 1200px){
    /* Start Dashboard */
    .mn-dashboard .connectortab.active .connector-active {
        width: 60px;
        margin: 8px 0;
    }
    .mn-dashboard .connector-inactive{
        width: 60px;
        margin: 8px 0;
    }
    .mn-dashboard .custom-h5 {
        font-size: 13px !important;
    }
    .mn-dashboard .erp-ecomm-dir-container,
    .mn-dashboard .ecomm-erp-dir-container {
        background-size: 100%;
        margin-bottom: 10px;
        background-position: center 4px;
    }
    .connectorExpired {
        line-height: 18px;
    }
    .mn-dashboard .erpCircle,
    .mn-dashboard .ecommCircle {
        width: 35px;
        height: 35px;
        background-size: 100%;
        margin-top: 10px;
    }
    .mn-dashboard .endtext {
        line-height: 35px;
        font-size: 12px;
    }
    .mn-dashboard .erp-ec-dir {
        min-width: 87px;
        margin-top: 3px;
    }
    .mn-dashboard .syncContainer{
        margin: 0 auto;
    }
    /* End Dashboard */
    /* Start MyConnectors */
    .main-content.myConnectors .erpCircle, 
    .main-content.myConnectors .ecommCircle {
        width: 35px;
        height: 35px;
        background-size: 100%;
        margin-top: 5px;
    }
    .main-content.myConnectors .erp-ec-dir {
        min-width: 107px;
    }
    .main-content.myConnectors .endtext {
        font-size: 12px;
        line-height: 35px;
    }
    /* Start Mappings */
    .myConnectors .mappin .mapping-tab-sec{
        padding: 10px;
    }
    .myConnectors .mappin .mapping-tab-sec .customstylenewway {
        font-size: 13px;
        line-height: 30px;
        font-weight: 600;
    }
    .paymentMappingtable tr td,
    .shippingMappingtable tr td {
        width: 15%;
    }
    .defaultmappingTable tr td:nth-child(1), .defaultmappingTable tr td:nth-child(2) {
        width: 30% !important;
        max-width: 30% !important;
    }
    .paymentMappingtable tr td.selecterptd,
    .shippingMappingtable tr td.selecterptd, 
    .shippingMappingtable tr td.selectecommercetd {
        width: 30% !important;
    }
    /* End Mappings */
    /* End MyConnectors */
    /* View Summary */
    .summary-card-radio .summaryTitle {
        font-size: 17px;
        width: 50%;
    }
    .pushandpullstatus {
        padding-left: 0px;
    }
    /* View Summary */
}

@media only screen and (min-width: 1201px) and (max-width: 1300px){
    .mn-dashboard .erpCircle, .mn-dashboard .ecommCircle {
        width: 40px;
        height: 40px;
        background-size: 100%;
        margin-top: 5px;
    }
    .mn-dashboard .erp-ec-dir {
        min-width: 105px;
        margin-top: 3px;
    }
    .mn-dashboard .endtext {
        font-size: 14px;
        line-height: 40px;
    }
    /* Start MyConnectors */
    .main-content.myConnectors .erpCircle, 
    .main-content.myConnectors .ecommCircle {
        width: 40px;
        height: 40px;
        background-size: 100%;
        margin-top: 5px;
    }
    .main-content.myConnectors .erp-ec-dir {
        min-width: 130px;
        margin-top: 3px;
    }
    .main-content.myConnectors .endtext {
        font-size: 14px;
        line-height: 40px;
    }
    /* End MyConnectors */
}
@media only screen and (min-width: 1301px) and (max-width: 1400px){
    .mn-dashboard .erpCircle, .mn-dashboard .ecommCircle {
        width: 40px;
        height: 40px;
        background-size: 100%;
        margin-top: 5px;
    }
    .mn-dashboard .erp-ec-dir {
        min-width: 135px;
        margin-top: 3px;
    }
    .mn-dashboard .endtext {
        font-size: 14px;
        line-height: 40px;
    }
    /* Start MyConnectors */
    .main-content.myConnectors .erp-ec-dir {
        min-width: 140px;
    }
    /* End MyConnectors */
}
@media only screen and (min-width: 1401px) and (max-width: 1479px){
    .mn-dashboard .erpCircle, .mn-dashboard .ecommCircle {
        width: 40px;
        height: 40px;
        background-size: 100%;
        margin-top: 5px;
    }
    .mn-dashboard .erp-ec-dir {
        min-width: 164px;
        margin-top: 3px;
    }
    .mn-dashboard .endtext {
        font-size: 14px;
        line-height: 40px;
    }
}