@media (max-width: 1500px) {
    .dashboardHolder, .contentHolder {
        padding: 0 60px 60px 60px;
    }
    .contentWidth {
        padding-left: 60px;
        padding-right: 60px;
    }

}
@media (max-width: 1430px) {
    p.headerTitle.content {
        font-size: 40px;
    }
    .dashboardContent {
        font-size: 15px;
    }
}
@media (max-width: 1312px) {
    .esubeText {
        display: none;
    }

    .menuItemRoundIcon {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background-size: 29px 35px;
    }

/*    a.menuItemRoundLink {
        display: flex;
        flex-direction: column;
        align-items: center;
    }*/
}
@media (max-width: 1300px) {
    .contentWidth {
        padding-left: 30px;
        padding-right: 30px;
    }

    .innerContent {
        margin-left: 0;
    }

    a.innerMenuHolder {
        width: 100%;
    }

    .dashboardHolder, .contentHolder {
        padding: 0 30px 60px 30px;
    }

    #gmap_canvas {
        width: 400px !important;
    }
}

@media (max-width: 1140px) {

        p.headerTitle.main {
            font-size: 50px;
        }

        p.headerText.main {
            font-size: 14px;
        }

        .menuBottom {
            width: 490px;
        }

            .menuBottom.commercialMenuBottom {
                width: 405px;
            }

        .headerBottom {
            column-gap: 30px;
        }

        .headerBottomLeft.main {
            padding-top: 8px;
        }
    }
@media (max-width:1100px) {
        .hideMap {
            display: none;
        }
    }
@media (max-width: 1024px) {
        .footerSectionTopPart {
            flex-direction: column;
            align-items: center;
        }

        .footerColumn {
            width: 100%;
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;
        }

        .hideSm {
            display: none;
        }

        .firstFooterMenu {
            margin-top: 1.5rem;
        }

        .footerSectionBottomPart {
            justify-content: center;
        }
    }
@media (max-width: 990px) {
        .headerBottom.content {
            display: flex;
        }

        .navbar {
            display: flex !important;
        }

        .menuBottom {
            width: 100%;
        }

        .headerTop {
            display: none;
        }

        .headerBottomLeft {
            display: none;
        }

        .menuItems {
            display: none;
        }

        .header {
            padding: 20px;
        }

            .header.main, .header.main.content {
                height: auto;
            }
    }
@media screen and (min-device-width: 768px) and (max-device-width: 851px) {
    .innerMenuUyeliksiz {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .contentWidth {
        max-width: 640px;
    }
}
@media (max-width:767px) {
        .dashboardHolder, .contentHolder {
            padding: 0 20px 30px 20px;
        }

        .innerContentHolder {
            border-left: none;
        }
    }
@media (max-width:700px) {

        .xsMobileIcon {
            display: flex !important;
            justify-content: space-evenly;
        }

        .hideSm {
            display: none !important;
        }

        .footerLogoHolder {
            row-gap: 20px;
            flex-direction: column !important;
            align-items: center;
            padding-right: 10px !important;
        }

        .container {
            padding: 0
        }

        .imgResponsive {
            width: 80%;
        }
    }
@media (max-width: 640px) {
    .contentWidth {
        max-width: 100%;
    }
}
@media (max-width:632px) {
        .receiptModalBody {
            max-height: 470px !important;
        }

        .invoiceModalBody {
            max-height: 470px !important;
        }
        /*    .invoiceModalContent {
        min-width: 500px !important;
    }*/
    }
@media (max-height:625px) {
        .loginBoxHolder {
            height: auto !important;
        }
    }
@media (max-width:615px) {
        #canvasImg {
            width: 100% !important;
        }
    }
@media(max-width: 576px) {
        #bordroDialog {
            max-width: 500px;
        }
    }