@media(min-width:1024px){
body {
	max-width:100vw;
	max-height:100vh;
	overflow:hidden;
	}


    body.mainmenu-hidden .tbar_search {
        display: none !important;
    }
    body.mainmenu-hidden .breadcrumb_wrapper {
        width: calc(100% - 70px);
    }
}

@media(max-width:767px) {
html {
    overflow-x: hidden;
}
.pull-none-mob {
	float:none !important;
	}
.display-block-mob {
	display: block !important;
	}
.alert_wrapper {
	height: auto !important;
	}
.mob_width100 {
	width:100% !important;
	}
.mob-no-custom-scroll { overflow:visible !important; }
	
.mob_winFit { height: calc(100vh - 81px) !important; }
.mob_no_winFit { height:auto !important; }

.mob-mrg15-B {
    margin-bottom:15px !important;
}

    .page_container {
        height:auto !important;
    }

    .topbar {
        height: 100px;
        padding: 0px;
    }
.topbar .main_logo {
	width: 100px; height:48px;
	/*padding-left: 15px;
	padding-right: 15px;*/
	padding:7px 15px;
	}
.topbar .main_logo img {
    width: 40px;
	}
.topbar .school_name {
	padding-right: 15px;
	padding-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 100px);
	}

    .topbar_right {
        width: 100%;
        float: none;
        clear: both;
        /*border-bottom: 1px solid #45494c;*/
        position: absolute;
        right: 0px;
        top: 40px;
    }
.tbar_user_info .btn {
	padding:8px 7px !important;
	}
.academic_year_bx {
    padding: 13px 7px;
	}
	
.announcement_bx .dropdown-menu {
    width: 198px;
	}
.announcement_bx .btn {
    padding: 10px !important;
	}

.tbar_search {
	/*padding: 10px !important;
	width:50px; height:49px;*/
	}
.tbar_search.show {
	background:#FFFFFF;
	}
.tbar_search .searchbox {
	/*position:absolute; right:0px; top:100%;
	padding:8px;
	width:auto;
	background:#ffffff;
	border-radius: 0px !important;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    margin: 0px !important;
	border: 1px solid #bababa;
	z-index:9;
	display:none;*/
	}
.tbar_search.show .searchbox {
	display:block;
	}
/*.tbar_search .searchbox input {
	color:#333333 !important;
	outline:none !important;
	width: 120px !important;
	}
.tbar_search .search_icon { left: 18px; top: 15px; }*/
.tbar_search.show .search_icon svg * {
	fill:#333333;
	}
    .menu-tgl-btn {
        display: none !important;
    }

    .page_path {
        border-left: none;
    }
.page_path .date_time {
    display: none !important;
	}
.page_path .arrow {
    margin: 0 5px;
	}
    .content_area {
        height: auto;
        width: 100% !important;
        float: none;
        padding-top: 48px !important;
    }
.blade-block-inner { margin-bottom:0px; }
.blade-block-container.infinite .blade-block:first-child { padding-left: 4px; }

    body .sidemenu {
        min-height: calc(100vh - 160px) !important;
    }
    .academic_year_bx {
        padding: 0 !important;
        position: absolute;
        right: auto;
        left: 50px;
        top: 58px;
    }
    .verison-info,
    .tbar_search_ {
        display: none !important;
    }
    .dashboard_item_list {
        max-height: calc(100vh - 210px);
        overflow: hidden;
        overflow-y: auto;
    }
    .dashboard_itembox {
        width: 50% !important;
    }
    .leftbar_menu {
        position: absolute !important;
        left: 0 !important;
        top: 0px !important;
    }
        .leftbar_menu.collapsed {
            left: -200px !important;
        }
        .dashboard_search.mrg30-B {
            margin-bottom: 10px !important;
        }
    .academic_year_bx .k-widget.k-dropdown {
        width: 115px !important;
    }
    .page_path .page_title + .page_path_inner {
        margin-left: 0px !important;
        padding-left: 10px !important;
        border-left: none !important;
    }
    .page_path {
        padding-right: 10px !important;
    }
    .page_path .page_title {
        float: right;
        display:none !important;
    }
}


@media (min-width: 1400px) {
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media(min-width:768px) and (max-width:1023px) {
    .tab-mrg15-B {
        margin-bottom:15px !important;
    }
    /*.tbar_search_wrapper,
    .menu_bottom {
        width: 200px;
    }*/
    .sidemenubtn {
        display: none !important;
    }
}

@media(max-width:767px) {
    /*.tbar_search_wrapper,
    .menu_bottom {
        width: 200px;
    }*/
    .page_path {
        top: 102px;
        height: auto;
        padding: 5px;
        width: calc(100% - 30px);
        margin: auto;
    }
}