@media all and (max-width: 1600px) {}

@media all and (max-width: 1450px) {
	
	.tables-list li{width:7%;}
	
}

@media all and (max-width: 1366px) {
    input, select{height: 42px;}
    button, .more{height: 41px;}
    textarea{height: 75px;}
}

@media all and (max-width: 1280px) {
    .home ul li {
        width: 33.333%;
    }
    .w-25 {
        width: 25%!important;
    }
	
	.four{width:50% !important;}
    .tables-list li{width:8%;}
    

	
}

@media all and (max-width: 1100px) {

    .side-menu li,
    .side-menu p {
        padding: 10px 0 10px 15px;
        font-size: 15px;
    }
    .w-25 {
        width: 33.333%;
        margin-bottom: 15px;
    }
    .home-graph {
        width: 100%;
    }
	
    .tables-list li{width:14.285%;}
    
    .emp-list .client{width:33.333%;}
	
}

@media all and (max-width: 1024px) {
    .wrapper li {
        width: 25%;
    }
    .wrapper li a {
        font: 600 20px/29px 'Open Sans', sans-serif;
    }
}

@media all and (max-width:950px) {
    .login .img,
    .login .login-form {
        width: 50%;
    }
    .login .login-logo {
        left: 38%;
    }
    .home ul li {
        width: 50%;
    }
    .wrapper li a {
        /*        height: 100px;*/
        font: 600 19px/11px 'Open Sans', sans-serif;
    }
    .w-25 {
        width: 50%;
        padding: 10px 0;
    }
    .docs {
        left: 20%;
    }
    .master .side-menu {
        width: 250px;
        position: fixed;
        bottom: 0;
        z-index: 9;
        left: -500px;
        top: 62px;
    }
    .side-menu li span {
        top: 14px;
    }
    .master .wrapper {
        width: 100%;
        padding: 12px;
    }
    .menu-open {
        display: block;
    }
    .menu-close {
        display: block;
    }
    /*	.h1{text-align:center;}*/
    .setacc {
        width: 50%;
    }
	
	.tables-list li{width:14.285%;}
	
}

@media all and (max-width: 800px) {
    .wrapper li a {
        font: 600 18px/2px 'Open Sans', sans-serif;
        /*        height: 80px;*/
    }
    .w-25 {
        width: 33.333%!important;
    }
    .checker form {
        width: 95%;
        margin-top: 50px;
    }
	
    ol.event-list li{width:50%;}
    
    .col{width:100%;}

    .invoice{pad:0px!important;box-sizing:border-box;}
    .invoice table{width:800px;}

    .bar-menu{display:none;}
    .slicknav_menu{display:block;}

}

@media all and (max-width: 768px) {
    h1 {
        font: 600 23px/40px 'Open Sans', sans-serif;
    }
    .wrapper li {
        width: 33.333%;
    }
	.tables-list li{width:14.285%;}
    .half {
        width: 50%;
    }
    .w-25 {
        width: 50%;
    }
    .docs {
        left: 3%;
        width: 94%;
    }
    .display {
        width: 33.333%;
    }
}



@media all and (max-width: 640px) {
    .home ul li {
        width: 100%;
    }
    .side-menu li,
    .side-menu p {
        font-size: 13px;
    }
    .wrapper li {
        padding: 5px;
    }
    .wrapper li a {
        /*        padding: 40px 0;*/
        font-size: 17px;
    }
    .wrapper li a p {
        margin: 6px 0 0 0;
    }
    .w-25 {
        width: 50%!important;
    }
    .half {
        width: 100%;
        /*border-bottom:1px solid #b0aeae;*/
        padding:0;
        padding-right: 5px;
    }
	.half br{display:none;}
    .w-25 {
        width: 50%;
    }
    .chat {
        width: 100%;
    }
    .share .reply {
        width: 100%;
    }
    .home-graph {
        display: none;
    }
	
    .tables-list li{width:16.666%;}
    
    table.no-border{width:800px;}
    input, select{height: 41px;}
	
}

@media all and (max-width:550px) {
    .login .img {
        display: none;
    }
    .login .login-form {
        width: 100%;
        background: url(../images/bg.jpg) no-repeat;
        height: 100vh;
        color: #fff;
    }
    /*	input{color: #fff;}*/
    h1 {
        font: 600 21px/28px 'Open Sans', sans-serif;
    }
    .title .user .logout {
        top: 30px;
    }
    .wrapper li a {
        font-size: 15px;
        /*        padding: 30px 0;*/
        /*        height: 55px;*/
    }
    .wrapper li a span {
        font-size: 18px;
        height: 40px;
        width: 40px;
    }
    .wrapper li a span i {
        line-height: 40px;
    }
    .side-menu li,
    .side-menu p {
        padding: 7px 0 7px 15px;
    }
    .wrapper li {
        width: 50%;
    }
    .display {
        width: 50%;
        height: 100px;
    }
    .setacc,
    .wrapper input {
        width: 100%;
    }
    .toast div {
        width: 95%;
    }
	
	.h1 a.more{font-size:13px;padding:5px 10px;}
	
	.four{padding:0 10px 0 0;}
	
	.tables-list li{width:20%;}
	
	ol.event-list li{width:100%;}
	
}

@media all and (max-width: 480px) {
    .title .user .logout {
        font-size: 13px;
        padding: 4px;
    }
    .wrapper ul {
        margin-top: 10px;
    }
    .w-25 {
        width: 100%!important;
    }
	
	.four{width:100%!important;}
	
}

@media all and (max-width: 440px) {
    h1 {
        font: 600 19px/28px 'Open Sans', sans-serif;
    }
    #date {
        font-size: 13px;
    }
    .w-25 {
        width: 100%;
    }
    .display {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
    .master .side-menu {
        width: 95%;
    }
}

@media all and (max-width: 390px) {
    .wrapper li {
        width: 100%;
    }
    .w-25 {
        width: 100%;
    }
	.h1 a.more{margin-top:5px;}
	.tables-list li{width:25%;}
}

@media all and (max-width: 320px) {
	
	.tables-list li{width:33.333%;}
	
}