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

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

@media all and (max-width: 1367px) {
    
    .row-1 div{height:204px;}
    .row-1 td, .row-1 th{font-size:14px;}
    
}

@media all and (max-width: 1285px) {
    .home ul li {
        width: 33.333%;
    }
    .w-25 {
        width: 25%!important;
    }
    .setacc {
        width: 33.33%;
    }
    ul.tab-menu li{width:33.33%;}
}

@media all and (max-width: 1100px) {
    .master .side-menu {
        width: 17%;
    }
    .master .wrapper {
        width: 83%;
    }
    .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%;}
	
	 #emer_result li, #result li{width:100%;}

     .mob-search{width:900px;}
     .mob-search .data .ip-group{margin-bottom:15px;}
     .mob-search .data h3{font-size:35px;}
     
}

@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;
    }
    .wrapper h1 {
        margin: -10px 0 0 30px;
    }
    .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%;
    }
    .mob-search{width:800px;}
    .mob-search .welcome img{width:112%;}
}

@media all and (max-width: 850px) {
    .mob-search{width:80%;}
    .mob-search .welcome img{width:100%;}
    .mob-search .welcome, .mob-search .data{width:100%;}
    .search-customer{display:block;padding-top:100px-;}
}

@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;
    }
    .dropdown{height:350px;overflow-y: scroll;}
}

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

    .earning p.mob{display: inline;}
    .earning p.cmp{display: none;}

}


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

    .form-column-25{width:50%;padding:0 5px;}

}

@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;*/
    }
    .w-25 {
        width: 50%;
    }
    .chat {
        width: 100%;
    }
    .share .reply {
        width: 100%;
    }
	
    .home-graph{display: none;}
    
    .mob-search{width:98%}
}

@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%;
    }
    .wrapper h1 {
        margin: -2px 0 25px 30px;
    }
    .toast div {
        width: 95%;
    }

    .home h1{padding-left:2px;font-size:16px;}
    
     #emer_result, #result{width:100%;}

     ul.tab-menu li{width:50%;}
}

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

    .online-status{width:70px!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) {
    .form-column-25{width:100%;}
    .wrapper li {
        width: 100%;
    }
    .w-25 {
        width: 100%;
    }
    ul.tab-menu li{width:100%;}
}

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