@font-face {
    font-family: 'Manrope-regular';
    src: url('../css/Manrope/Manrope-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Manrope-bold';
    src: url('../css/Manrope/Manrope-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Manrope-Medium';
    src: url('../css/Manrope/Manrope-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
    src: url('../css/Poppins/Poppins-Regular.ttf') format('truetype');
}

/* ============ mobile view ============ */
@media all and (max-width: 991px) {

    .container-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
    .login-logo,
    .img {
        margin-top: -150px !important;
    }

    .tab-padding-left {
        padding: 15px 1.5rem;
    }

    .offcanvas-header {
        display: block;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 80%;
        z-index: 1200;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }

    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }

    .mobile-offcanvas .container,
    .mobile-offcanvas .container-fluid {
        display: block;
    }

}

/* ============ mobile view .end// ============ */

/* Media Query for Mobile Devices */
@media (max-width: 480px) {

    .container-padding{
        padding-left: 0px;
        padding-right: 0px;
    }

    .login-logo,
    .img {
        margin-top: -250px;
    }

    .form-input {
        margin-left: 0px !important;
    }

    .dashboard-card-display {
        display: block !important;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {

    .container-padding{
        padding-left: 0px;
        padding-right: 0px;
    }

    .login-logo,
    .img {
        margin-top: -250px;
    }

    .dashboard-card-display {
        display: block !important;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    .container-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
    .login-logo,
    .img {
        margin-top: 0px !important;
        margin-bottom: 4rem !important;
    }

    .dashboard-card-display {
        display: block;
    }

    
    .tab-content .heading-lebel {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500 !important;
        font-size: 11px;
        line-height: 25px;
        color: #616161;
        text-align: left;
    }

    
    .tab-content .export-btn {
        background: #FFFFFF;
        border: 1px solid #EC934C;
        border-radius: 6px;
        color: #EC934C;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 8px;
    }

    .tab-content .save-btn {
        background: #EC934C;
        border: 1px solid #fff;
        border-radius: 6px;
        color: #fff;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 8px;
        line-height: 20px;
    }

    .modal-btn-deactivate-margin {
        margin-right: -50px;        
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    .container-padding{
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .login-logo,
    .img {
        margin-top: 0px !important;
    }

    .modal-btn-deactivate-margin {
        margin-right: -50px;        
    }
}

/* Media Query for Large screens */
@media (min-width: 1281px) {

    .container-padding{
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .login-logo,
    .img {
        margin-top: -10px !important;
        margin-bottom: 3.2rem !important;
    }


    .tab-content .heading-lebel {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500 !important;
        font-size: 12px;
        line-height: 25px;
        color: #616161;
        text-align: left;
    }

    .tab-content .text {
        box-sizing: border-box;
        background: #FAFAFA;
        border: 1px solid #D8D8D8;
        border-radius: 6px;
    }

    .tab-content .export-btn {
        background: #FFFFFF;
        border: 1px solid #EC934C;
        border-radius: 6px;
        color: #EC934C;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
    }

    .tab-content .save-btn {
        background: #EC934C;
        border: 1px solid #fff;
        border-radius: 6px;
        color: #fff;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 20px;
    }

    .tab-content .form-control {
        background-color: #FAFAFA;
        font-size: 12px;
    }
    .tab .tab-icons{
        margin-right:5px;
    }
        
    .modal-btn-deactivate-margin {
        margin-right: -99px;        
    }
}

@media only screen and (max-width: 479px) {
    .container-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
    }

    .tab .nav-tabs li a {
        margin: 0 0 10px;
    }

    .quotation-page-1 .sidebar-text {
        top: 0px !important;
    }

    .quotation-page-1 .right-side {
        padding-left: 0px !important;
    }

    .tab-content .heading-lebel {
        width: 100%;
        text-align: left;
    }

    .add-sub-section-area {
        margin: 10px 0px 20px 0px !important;
    }

    .quantity-box {
        display: inline-grid;
    }

    .form-input {
        margin-left: 0px;
    }

    .form-client-details-text-area {
        margin-bottom: 20px;
        margin-left: 0px !important;
        background: #FAFAFA !important;
    }

    .form-client-details-input {
        margin-bottom: 20px;
        margin-left: 0px !important;
        background: #FAFAFA !important;
    }

    .form-client-details-label {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 35px;
        color: #616161;
        text-align: left;
        margin-left: 10px !important;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .tab-content .heading-lebel {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500 !important;
        font-size: 11px;
        line-height: 25px;
        color: #616161;
        text-align: left;
    }

    
    .tab-content .export-btn {
        background: #FFFFFF;
        border: 1px solid #EC934C;
        border-radius: 6px;
        color: #EC934C;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 8px;
    }

    .tab-content .save-btn {
        background: #EC934C;
        border: 1px solid #fff;
        border-radius: 6px;
        color: #fff;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 8px;
        line-height: 20px;
    }

    .modal-btn-deactivate-margin {
        margin-right: -50px !important;        
    }

}