@media only screen and (max-width:1200px){
	.user-daily-update h5{
		font-size:14px;	
	}
	
	.user-daily-update h4{
		font-size:13px;	
	}
	
	.user-daily-update{
		margin-top:0;	
	}
}

@media only screen and (max-width:1130px){
	.sortable .card-data{
		width:71%;
	}	
}

@media only screen and (max-width:1080px){
	.user-daily-update .punch, .user-daily-update .leaves{
		width:50%;
	}
	
	.user-daily-update .leaves{
		border-right:none;	
	}
	
	.user-daily-update .holiday{
		width:100%;	
		margin-top:5px;
	}
	
	.user-daily-update{
		margin-top:-20px;	
		padding-left:20px;
		width:68%;
	}
	
	.nav-tabs > li{
		margin-bottom:5px;	
	}
}

@media only screen and (max-width:1030px){
	.height-410 {
		height: 440px;
	}
	
	
}


@media only screen and (max-width:991px){
	.dashboard-btm .col-3{
		width:50%;	
	}
	
	.employee-dtl h3{
		font-size:16px;	
	}
	
	.user-daily-update{
		width:63%;
	}
	
	.pic-large{
		width:60px;
		height:60px;	
	}
	
	.user-detail::before{
		width:130%;
		height:1500px;	
		right:-130px;
	}
	
	#wrapsearch{
		width:250px;	
	}
	
	.search-part input[type="text"], .search-top-box .dxeButtonEditSys{
		width:100%;	
	}
	
	.sortable .card-data{
		width:68%;
	}
	
	.sidebar-nav{
		padding:0;
		margin-bottom:0;
	}
	.theme-text{
		display:none;
	}
	
	.popup-large, .popup-medium{
		width:90%;
	}
}

@media only screen and (max-width:900px){
	.sortable .card-data{
		width:70%;
	}
	.col-4{
		width:50%;
		margin-bottom:15px;	
	}
	
	.col-7, .col-5{
		width:100%;
		float:left;	
	}
	
	.col-7{
		margin-bottom:15px;
	}
	
	.tab-content{
		height:100% !important;		
	}
	.all-module-search{
		height:90% !important;
		display:none;
	}
	
	.close-modules{
		width:40px;
		height:40px;
		line-height:40px;	
	}
	
	.back-btn{
		display:block;	
	}
	
	#all-modules .tab-content{
		width:95%;	
	}
	
	.inner-list-links li{
		width:48.6%;	
	}
	
	.search-big-box input{
		height:45px !important;
		line-height:45px !important;	
	}
	
	.search-big-box input[type="submit"]{
		top:-5px;	
	}
	.search-top-box input.btnSearch{
		margin-left:250px;
	}
	
	.search-top-box input[type="text"]{
		width:240px;
	}
}

@media only screen and (max-width:850px){
	.user-daily-update{
		width:60%;	
	}
	
	.srch-student-table {
		width: 600px !important;
	}
	
	.emp-stndnt-table{
          width:490px !important;
          overflow:auto !important;
    }
    
    .srch-student-table {
        width: 600px !important;
        overflow:auto;
    }

    .emp-stndnt-table li div{
        white-space:nowrap;
    }

     .emp-stndnt-table li{
         width:auto !important; 
     }

    .srch-first{
        width:60px;
    }

    .srch-stdnt-nm {
        width: 230px;
    }

    .srch-roll-no, .srch-enroll-no{
        width:120px;
    }

    .srch-stdnt-dprtmnt{
        width:180px;
    }

    .srch-emp-nm{
           width:250px;
    }

    .srch-emp-dprtmnt{
        width:250px;
    }

}

@media only screen and (max-width:800px){
	.user-detail{
		display:none;	
	}
	
	.user-daily-update{
		padding:0;
		margin:0;
		width:100%;
		float:left;
	}
	
	#wrapsearch {
		width: 180px;
	}

    .search-top-box input.btnSearch{
        margin-left:200px;
    }

    .search-top-box input[type="text"]{
        width:190px;
    }

    .emp-stndnt-table{
        right:-135px !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
	.box-header h2{
		font-size:13px !important;
	}
	.box-header h3{
		font-size:11px !important;
	}
	.main-menu-span{
		width:6.2% !important;
		margin-right:4%;
	}
}

@media only screen and (max-width:680px){
	.dashboard-btm .col-3{
		width:100%;	
	}
	
	.col-4{
		width:100%;	
	}
	
	#main-content .main-padding{
		padding:0;	
	}

    .srch-student-table {
        width: 550px !important;
      
    }

    .emp-stndnt-table {
        right: -65px !important;
    }
}

@media only screen and (max-width:679px){
	.top-notify-srch{
		width:100% !important;
		float:left !important;
		padding:0 5px ;
		position:relative;
	}
	
	.top-notify-srch li.search-top-box, .top-notify-srch ul{
		width:100%;	
	}
	
	.top-notify-srch li.search-top-box{
		text-align:center;	
		margin:7px 0;
	}
	
	.top-search{
		float:none;
		display:inline-block;	
	}
	
	.top-notify-srch .notification, .top-notify-srch .modules{
		position:absolute;
		top:0;
		right:0;	
	}
	
	.top-notify-srch .modules{
		right:70px;	
		top:-50px;
	}
	
	.top-notify-srch .notification{
		right:100px;
		top:-50px;	
	}
	
	.top-user{
		position:absolute;
		top:0;
		right:0;	
		top:-50px;
	}
	#main-content{
		padding-top:110px;	
	}
	
	#wrapsearch{
		width:400px;	
	}

    .search-top-box input.btnSearch{
        margin-left:300px;
    }

    .search-top-box input[type="text"]{
        width:280px;
        right:26%;
    }

    .emp-stndnt-table{
        right:0 !important;
        left:0 !important;
        margin:auto;
        text-align:left;

    }
}

@media only screen and (max-width:640px){
	.modules-lists{
		padding:10px 0;	
	}
	
	.icon-sm{
		width:45px;
		height:45px;
		line-height:46px;	
	}
	
	.icon-main{
		font-size:20px;	
	}
	.modules-lists li{
		width:70px;	
		padding:10px 7px;
	}
	
	.modules-lists li a:hover .icon-main, .modules-lists li.active a .icon-main{
		font-size:25px;	
	}
	.modules-lists h4{
		font-size:11px;	
	}	
	
	.modules-lists{
		padding:20px 0;
		
	}
	
	.modules-lists li{
		width:32%;	
		max-width:none;
	}
	.modules-lists h4{
		width:65%;
		float:none;
		display:inline-block;
		vertical-align:middle;
		margin:0;
		text-align:left;
		padding-left:7px;
	}
	
	.modules-lists .icon-main{
		vertical-align:middle;	
	}
	
	.modules-lists{
		text-align:left;	
	}

    .search-top-box input[type="text"] {
        right: 25%;
    }
}

@media only screen and (max-width:600px){
	.user-daily-update .punch, .user-daily-update .leaves{
		width:100%;
		float:left;
		border:0;		
	}
	
	.user-daily-update .leaves{	
		padding-top:15px;
		padding-bottom:15px;
		border-top:#ccc solid thin;
		border-bottom:#ccc solid thin;		
	}
    .search-top-box input[type="text"] {
        right: 23%;
    }
}

@media only screen and (max-width:550px){
	#wrapsearch{
		width:300px;	
	}

    .search-top-box input[type="text"] {
        right: 20%;
    }

    .emp-stndnt-table {
        width: 450px !important;
      
    }

    .emp-stndnt-table {
        right: 0 !important;
        left:0 !important;
        margin:auto;
    }
}

@media only screen and (max-width:480px){
	.inner-list-links li{
		width:99%;	
	}	
	
	.modules-lists li{
		width:48%;
	}
	
	.back-btn span{
		display:none;	
	}
	.back-btn{
		padding-right:0;	
	}
	
	.search-box-inr{
		width:80%;	
	}

    .search-top-box input[type="text"] {
        right: 16%;
    }
	
	.emp-stndnt-table, .srch-student-table {
		width: 90% !important;
	}
}

@media only screen and (max-width:440px){
	#wrapsearch{
		width:250px;	
	}
	
	.top-notify-srch .modules {
		right: 60px;
		top:-40px;
	}
	
	.top-notify-srch .notification {
		right: 90px;
		top: -40px;
	}
	
	.logo-name h3{
		font-size:12px;	
	}
	
	.top-user{
		top:-40px;	
	}
	
	.logo-name .logo {
		width: 25px;
	}
	
	.logo-name h3{
		margin-top:5px;	
	}
	
	.quicklinks{
		width:40px;
		height:40px;	
	}
	
	.bars-main{
		top:-4px;	
	}
       .search-top-box input.btnSearch {
        margin-left: 200px;
    }

       .search-top-box input[type="text"] {
            right: 23%;
            width: 190px;
        }

       .emp-stndnt-table {
            width: 380px !important; 
        }
}

@media only screen and (max-width:400px){
    .search-top-box input[type="text"] {
        right: 21%;

    }
}

@media only screen and (max-width:380px){
	#wrapsearch{
		width:200px;	
	}
	.modules-lists li{
		width:99%;
		text-align:left;
		padding: 0 5px 10px;
	}
	.modules-lists .icon-main{
		text-align:center;
	}

    .search-top-box input[type="text"] {
        right: 19%;
    }
    .emp-stndnt-table {
        width: 320px !important; 
    }
}

@media only screen and (max-width:340px){
	#wrapsearch{
		width:150px;	
	}

    .search-top-box input[type="text"] {
        right: 15%;
    }
}

@media only screen and (max-width:320px) {
    .search-top-box input.btnSearch {
        margin-left: 190px;
    }

    .search-top-box input[type="text"] {
        width: 180px;
    }
    .emp-stndnt-table {
        width: 300px !important; 
    }
}