@media (max-width: 1199px){
     .page-content .width-1-3{
         max-width: 50%;
    }
	.page-content .width-1-3.job-detail-row{
	max-width: 33.33%;
	}
	.page-content .width-2-3.job-detail-row{
	max-width: 66.66%;
	}
	.page-content .width-2-3.job-detail-row   .width-2-3,
	.page-content .width-2-3.job-detail-row   .width-1-3{
		max-width: 50%;
	}
}

@media (max-width: 991px){
	.theme-wizard-group .theme-wizard-body .width-1-2,
	.page-content .width-2-3.job-detail-row,
	.page-content .width-1-3.job-detail-row,
	.page-content .width-1-3	{
		max-width: 100%;
	}
	
}

 @media (min-width: 768px){
     .theme-header .header-search{
         display: block;
    }
     .navbar-menu .header-search{
         display: none;
    }
     .mobile-shadow{
         display: none;
    }
     .navbar-menu .mobile-menu-close{
         display: none;
    }
}
 @media (max-width: 767px){
	 
	 
	 
	  table.table-theme-mobile-active tr:hover td:before,
    table.table-theme-mobile-active tr:hover .mobile-dotts{
    }
    table.table-theme-mobile-active{

width: 100%;

float: none;

position: relative;

display: inline-block;

vertical-align: top;

}

table.table-theme-mobile-active thead{
    display: none;

}
    table.table-theme-mobile-active tr{

display: flex;

width: 100%;

flex-direction: column;

margin: 0px 0px 10px 0px;

box-shadow: none;

border-radius: 10px;

overflow: hidden;

float: left;
}
table.table-theme-mobile-active tr td:first-child{
    padding: 16px 10px 6px 135px;
}
table.table-theme-mobile-active tr td:last-child{
}
    table.table-theme-mobile-active tr td{

width: 100%;

max-width: initial!important;

min-width: initial!important;

font-weight: 600;

text-align: left!important;

line-height: 20px;

border-top: none!important;

border: none;

border-radius: 0px !important;

padding: 6px 10px 6px 135px;
}
    table.table-theme-mobile-active tr td:before {
        content: attr(name);
        position: absolute;
        text-align: left;
        left: 0;
        width: 110px;
        padding-left: 15px;
        color: gray;
        font-weight: normal;
        font-size: 14px;
    }

    table.table-theme-mobile-active .mobile-dotts{

padding: 0px 10px;

color: gray;

margin-left: -24px;
}



	 .navbar-menu .navbar-ul .nav-item.nav-dropdown .main-menu:after{
		 right: 15px;
		 position: absolute;
		}
	 .page-content .width-2-3.job-detail-row .width-2-3, .page-content .width-2-3.job-detail-row .width-1-3{
	 max-width: 100%;
	 }
     .navbar-menu .mobile-menu-close{
         display: none;
    }
     .wrapper-page.right-menu-active .navbar-menu .mobile-menu-close {
         width: 45px;
         height: 45px;
         border-bottom: 0;
         background-color: transparent;
         font-weight: 400;
         color: #ffffff;
         cursor: pointer;
         z-index: 6;
         top: 0px;
         right: 0px;
         position: fixed;
         display: block;
         line-height: 45px;
         text-align: center;
         font-size: 30px;
    }
     .navbar-menu .navbar-ul .nav-item.nav-dropdown.nav-dropdown-active .main-menu:before{
        border-top: 8px solid transparent;
        border-right: 0;
        border-bottom: 8px solid transparent;
        border-left: 6px solid white;
        left: 0px;
        height: 0px;
        margin: 0px;
        margin-top: -8px;
        top: 50%;
    }
     .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu.active:before{
        border-top: 8px solid transparent;
        border-right: 0;
        border-bottom: 8px solid transparent;
        border-left: 6px solid #353686;
        left: 0px;
        height: 0px;
        margin: 0px;
        margin-top: -8px;
        top: 50%;
    }
     .navbar-menu .navbar-ul .nav-item.nav-dropdown-active .submenu-theme{
         display: inline-block !important;
    }
     .navbar-menu .navbar-ul .submenu-theme{
         position: relative;
         width: calc(100% - 40px);
         float: left;
         background: #ffffff;
         height: initial;
         top: initial;
         padding: 0px;
         border-radius: 5px;
         display: none !important;
         margin: 0px 20px;
    }
     .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu, .navbar-menu .navbar-ul .nav-item .main-menu{
         padding: 0px 20px;
    }
     .navbar-menu .navbar-ul .nav-item .main-menu, .navbar-menu .navbar-ul .submenu-theme .submenu-item, .navbar-menu .navbar-ul .submenu-theme .submenu-item .main-submenu, .navbar-menu .navbar-ul .nav-item{
         width: 100%;
         float: left;
         position: relative;
    }
     .wrapper-page.right-menu-active .theme-header{
         z-index: 0;
    }
     .mobile-shadow{
         display: none;
    }
     .wrapper-page.right-menu-active .mobile-shadow{
         position: fixed;
         top: 0px;
         left: 0px;
         background: rgb(0 0 0 / 70%);
         width: 100%;
         height: 100%;
         display: block;
         z-index: 2;
    }
     .wrapper-page.right-menu-active .navbar-menu .navbar-ul{
         right: 0px;
    }
     .navbar-menu .navbar-ul{
         right: -280px;
         opacity: 0;
         position: fixed;
         display: block;
         position: fixed;
         width: 280px;
         height: 100%;
         background: #353686;
         right: -280px;
         top: 0px;
         z-index: 5;
         opacity: 1;
         padding: 45px 0px 15px 0px;
         bottom: 0px;
         max-width: 100%;
         -webkit-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
    }
     .navbar-menu .header-search{
         display: block;
         margin: 3px 0px;
    }
     .theme-header .header-search{
         display: none;
    }
     .nav-user-dropdown .nav-user .user-name{
         display: none;
    }
     .page-content .width-1-3{
         max-width: 100%;
    }
     .login-popup{
         display: flex;
         display: inline-flex;
         flex-flow: column;
         max-width: 500px;
    }
     .login-popup-left{
         width: 100%;
         padding: 30px;
    }
     .login-popup-right{
         width: 100%;
         display: none;
    }
}
 @media (max-width: 575px){
	 .record-processing-group, .status-processing-group{
	 display: inline-block;
	 }
	 .status-processing-group .status-processing-single,
	 .record-processing-group .record-processing-single{
		     margin-bottom: 25px;
	 }
	 
	 .white-box .width-1-2{
		     max-width: 100%;
	 }
     .theme-header .theme-header-center{
         display: none;
    }
	.job-processing-information{
		    column-count: 1;
	}
}
 