@media screen and (max-width:1024px){
    .col-3,
	.col-2_3,
    .col-2 {
	width: 49% !important;
	display: block !important;
	flex: 0 0 49% !important;
	max-width: 49% !important;
	}
	.pdr-40{
	padding-right: 0px;
	}
        
    .bg-login .height-space {
        height: 1366px;
    }
    .slot1-left{
        width: 98%;
        max-width: 98%;
        margin-bottom: 10px;
        padding-right: 2%;
    }
}
@media screen and (max-width:764px){
    
}
@media screen and (max-width: 550px){

    #grvInformes{
        width: 800px !important;
        max-width: 800px !important;
    }
    #grvInformes .btn-inline-opt a{
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }

    #modal_crop_photo .owp-qv-container:before{
        height: auto !important;
        vertical-align: top !important;
    }
    #modal_crop_photo .modal-footer.d-block{
        height: auto;
        overflow: hidden;
    }
    #modal_crop_photo .modal-footer.d-block .float-left{
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }
    #modal_crop_photo .modal-footer.d-block [type="button"]{
        margin: 0 2px 0 2px;
    }
    #modal_crop_photo .modal-footer.d-block .float-right{
        float: left;
        width: 100%;
    }
    #modal_crop_photo .modal-footer.d-block .float-right [type="button"]{
        font-size: 20px !important;
    }

    .left-button-right{
        margin-top: 5px !important;
    }
    .coline-2{
        width: calc(100% - 80px) !important;
        max-height: calc(100% - 80px) !important;
        vertical-align: top !important;
    }
    .stylelinedel{
        margin: auto !important;
    }
    #zone-fotos .cols{
        border-bottom: 1px solid #c1c1c1;
        margin-bottom: 8px;
        padding-bottom: 5px;
    }

    .slot1-left{
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        padding-right: 0%;
    }
    .title-center{
        text-align: center;
    }
    .title-center .text-center-m,
    .title-center .btn-add{
        display: inline-block;
        float: initial;
    }
    .inline-social .link{
        margin: 10px 10px 10px 10px;
    }
    .title-page{
        font-size: 20px;
    }
    .product-list-header{
        display: block !important;
        margin-bottom: 12px !important;
    }
    .product-list-header .title-col{
        margin: 14px 0 12px 0 !important;
        text-align: center !important;
    }
    .product-actions{
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        justify-content: center !important;
        width: 100% !important;
    }
    .product-action-button{
        height: 34px !important;
        min-width: 112px !important;
    }
    .product-action-popover{
        right: 50% !important;
        transform: translateX(50%) !important;
    }
    .product-filter-popover{
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 88px !important;
        width: auto !important;
        min-height: 462px !important;
        box-sizing: border-box !important;
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        transform: none !important;
    }
    .informes-filter-popover{
        min-height: 244px !important;
        max-height: calc(100vh - 110px) !important;
    }
    #zone-documents .replacement-document-row{
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .page-replacement-maintenance .content-white{
        width: 100% !important;
    }
    #zone-documents .replacement-document-actions{
        justify-content: stretch !important;
        width: 100% !important;
        justify-self: stretch !important;
    }
    #zone-documents .replacement-document-upload{
        width: 100% !important;
        flex: 1 1 auto !important;
    }
    #zone-documents .replacement-document-row .btn-fix-col-1{
        justify-self: end !important;
    }
    .btn-add{
        margin-left: 5px;
    }
    .user-avatar{
        margin: 0 auto !important;
        display: block !important;
    }
    .page-login{
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
    .box-login{
        width: 100%;
        padding: 0;
        margin: 0;
            box-shadow: none !important;
    }
    .page-login:not(.place-web-public) .box-login{
        width: min(340px, calc(100vw - 32px));
        padding: 32px 24px;
        margin: 0 auto;
        box-shadow: 0 25px 50px -12px rgba(0,0,0,.25)!important;
    }
    .box-login .style-form{
        max-width: 86% !important;
        width: 86% !important;
        margin: 0 auto !important;
        padding-bottom: 30px !important;
    }
    .page-login:not(.place-web-public) .box-login .style-form{
        max-width: 100% !important;
        width: 100% !important;
        padding-bottom: 0 !important;
    }
    .logo-center img {
        max-width: 200px;
        width: 200px;
        margin-top: 30px;
    }
    .page-login:not(.place-web-public) .logo-center img {
        max-width: 100%;
        width: 260px;
        margin-top: 0;
    }
    .bg-login .height-space {
        display: none !important;
    }
    #sidebar-left .menu-list li a{
        padding: 15px 30px;
    }
    #sidebar-left .menu-list li i, #sidebar-left .menu-list li span{
        font-size: 20px;
        font-weight: 300;
    }
    #sidebar-left > .nav-bar > .info-dash{
        display: none;
    }
    #btn-sidebar-toggle{
        display: none;
    }
    .sidebar-collapsed #content{
        padding-left: 0 !important;
    }
    .sidebar-collapsed .wrapper-top{
        left: auto !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
    .sidebar-collapsed #sidebar-left > .nav-bar{
        width: 290px !important;
    }
    .sidebar-collapsed #sidebar-left .menu-list li a{
        justify-content: flex-start !important;
    }
    .sidebar-collapsed #sidebar-left .menu-list li i{
        margin-right: 18px !important;
    }
    .sidebar-collapsed #sidebar-left .menu-list li span,
    .sidebar-collapsed #sidebar-left .menu-footer #close-session span{
        display: inline-block !important;
    }
    .sidebar-collapsed #sidebar-left .menu-footer #close-session{
        padding: 12px 20px !important;
    }
    .sidebar-collapsed #sidebar-left .menu-footer #close-session i{
        margin-right: 10px !important;
    }
	#sidebar-left:not(.open) {
        background-color: transparent;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: background-color .4s,-webkit-transform 0s .4s;
        transition: background-color .4s,-webkit-transform 0s .4s;
        -o-transition: background-color .4s,transform 0s .4s;
        transition: background-color .4s,transform 0s .4s;
        transition: background-color .4s,transform 0s .4s,-webkit-transform 0s .4s;
    }
    #sidebar-left {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        overflow: hidden;
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;
        margin-top: 50px;
        width: 100vw;
        height: 100vh;
        height: calc(100vh - 30px);
        background-color: rgba(0,0,0,.25);
        -webkit-transition: background-color .4s,-webkit-transform 0s;
        transition: background-color .4s,-webkit-transform 0s;
        -o-transition: background-color .4s,transform 0s;
        transition: background-color .4s,transform 0s;
        transition: background-color .4s,transform 0s,-webkit-transform 0s;
    }

    #sidebar-left:not(.open) > .nav-bar {
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    #sidebar-left > .nav-bar {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        position: fixed;
        top: 0;
        width: 290px;
        max-width: 100%;
        left: 0;
        bottom: 0;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
        box-shadow: 0 0 20px rgba(0,0,0,.2);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        overflow: auto;
        padding: 0px;
        margin: 0;
        border-radius: 0;
    }
    #sidebar-left .elementor-menu-cart__close-button {
        width: 25px;
        height: 25px;
        position: relative;
        margin: 20px 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
        cursor: pointer;    
    }
    #sidebar-left .elementor-menu-cart__close-button:after,
    #sidebar-left .elementor-menu-cart__close-button:before {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #818a91;
        border-radius: 1px;
    }
    #sidebar-left .elementor-menu-cart__close-button:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #sidebar-left .elementor-menu-cart__close-button:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    /* general */

	.header-mobile{
		display: block;
	}
	main#content{
		padding-left: 0px;
	}
    .col-5,
	.col-4,
    .col-3,
	.col-2_3,
	.col-2 {
	width: 100% !important;
	display: block !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	}
	.style-form label{
	width: 83% !important;
	}	
	.wpcf7-submit, 
	.style-form.module_import input[type="submit"], 
	.style-form.module_import button{
	width: 100% !important;
	display: inline-block !important;
	font-size: 15px !important;	
	line-height: 30px !important;	
	text-align: center !important;	
	}
    .btn-fix-col-1{
        width: 34px !important;
        height: 34px !important;
    }
	.modal-popup-ext{
	width: 75% !important;
	padding: 15px 15px 30px 15px !important;
	}
	.style-form.module_import select,
	.style-form.module_import textarea,
	.style-form.module_import input[type="text"],
    .style-form.module_import input[type="password"],
	.style-form.module_import input[type="email"] {
	margin-bottom: 2px !important;
	height: 32px !important;
	font-size: 14px !important;
	min-height: 32px !important;
	}

    .page-login .style-form.module_import select,
    .page-login .style-form.module_import textarea,
    .page-login .style-form.module_import input[type="text"],
    .page-login .style-form.module_import input[type="password"],
    .page-login .style-form.module_import input[type="email"]{
        height: 38px !important;
        min-height: 38px !important;
    }

    .style-form.module_import textarea{
        height: 160px !important;
        min-height: 160px !important;        
    }

    #page-content.wrapper-list{
    padding: 80px 20px 40px 20px;
    }
    #page-content.wrapper-list .title-col,
    #page-content.wrapper-list .content-wrap    {
        margin-right: 0;
    }
    #page-content.wrapper-list .wrapper-top,
    #page-content.wrapper-list .finder-content{
        width: 100%;
        position: relative;
    }
    .user-role-grid{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
    .page-list-user .wrapper-body{
        padding-right: 0 !important;
    }
    .user-role-grid .user-role-column{
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    .user-role-card{
        height: auto !important;
        min-height: 420px !important;
    }
    .customer-management-title{
        justify-content: flex-start !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
    .customer-export{
        right: auto !important;
        top: auto !important;
    }
    .customer-export-popover{
        left: 0 !important;
        right: auto !important;
        width: 210px !important;
    }
    .customer-list-layout{
        display: block !important;
    }
    .customer-list-column{
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
    .customer-list-card{
        height: auto !important;
        min-height: 720px !important;
        margin-top: 10px !important;
    }
    .style-form.module_import label.icon-right{
        width: 32px !important;
    }
    #modal-add-user .body-modal.single-product, 
    #modal-edit-user .body-modal.single-product,
    #modal-add-product .body-modal.single-product, 
    #modal-edit-product .body-modal.single-product,
    #modal-view-product .body-modal.single-product,
    #modal-add-listing .body-modal.single-product, 
    #modal-edit-listing .body-modal.single-product{
        width: 100% !important;
    }
    .modal-style .owp-qv-container{
        width: 95%;
        left: 2.5%;
    }
    .body-modal.single-product .form-title{
        font-size: 20px;
        margin: 0 20px 10px 20px;
    }
    .popup-intro-2 .owp-qv-content-inner{
        padding: 15px 0 0 0;
    }
    .control-field-upload{
        margin-bottom: 2px !important;
    }
    .btn-group-right{
        position: relative;
        margin: 0;
        right: initial;
        width: 100%;
        overflow: hidden;
    }
    .btn-group-right a.btn-primary:nth-child(1){
        margin-bottom: 5px;
    }
    .btn-group-right a.btn-primary{
        text-align: center;
        display: block;
    }
    .wrap-res{
            flex-wrap: initial;
    display: block;
    }
    .scroller-table-mobile{
        overflow-x: auto;
    }
    .hidden-mobile{
        display: none !important;
    }
    .content-white{
        padding: 10px;
    }
    #grvAdmin tr td:nth-child(2){width: 62%;}
    #grvUser tr td:nth-child(2){width: 62%;}
    #grvTech tr td:nth-child(2){width: 62%;}
    #grvCustomer tr td:nth-child(2){width: 62%;}

    .indicator-model .icon-box{
        width: 40%;
    }
    .indicator-model .icon-description{
        width: 58%;
    }
    .text-center-m{
        text-align: center;
        display: block;
    }
    .fix-col-1 {
        width: calc(100% - 48px);
        width: 82%;
        float: left;
    }
    .option.custom-menu .colspan.col1{
        width: 100%;
        text-overflow: ellipsis;
        display: block;
        white-space: pre;
    }
    .option.custom-menu .colspan.col2,
    .option.custom-menu .colspan.col3,
    .option.custom-menu .colspan.col4{
        display: none !important;
    }
    .dropdown-notice{
        min-width: 240px !important;
        padding: 11px !important;
        margin: 14px -5px 0px 0px !important;
    }

    .place-web-public{
        background: #eeeff6 !important;
        border-color: #eeeff6 !important;        
    }
    .box-login{
        margin-top: 50px;
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }    
}
@media screen and (max-width:400px){

}
.customer-selector-modal .owp-qv-content-wrap{
    max-width: calc(100% - 30px);
}

@media screen and (max-width:700px){
    #form-informes{
        width: 100%;
    }
    .report-step-tabs{
        padding-right: 14px;
    }
    .report-step-tabs .report-step-tab{
        flex-basis: 145px;
        font-size: 12px;
    }
    .report-step-actions{
        justify-content: stretch;
    }
    #form-informes .report-step-actions .report-step-button{
        flex: 1;
        min-width: 0;
        padding: 8px 10px;
    }
}