@charset "utf-8";
/*Responsive CSS Document */

@media only screen and (max-width:1024px)
{
	.detail-text.left-box { float:left; position:relative; width:100%;} 
	.detail-text.right-box { float:right; position:relative; width:100%;} 
	
	.detail-text .table.no-border > tbody.days > tr > td { font-size: 12px; }
}

@media only screen and (max-width:900px)
{
	.scroll-box-each { height:500px; margin-top: 20px;}
}

@media only screen and (max-width:768px)
{
	.table.table-bordered.calendar > tbody > tr > td .below-line p { font-size: 10px;}
	.today { float: right; margin: 10px;}
	
	.detail-text.left-box { float:left; position:relative; width:100%;} 
	.detail-text.right-box { float:right; position:relative; width:100%;} 
	
	.three-box.mobile { display:block;}
	.three-box.desktop { display:none;}
	.right-content {
    width: calc(100% - 50px);}
}

@media (min-width:600px)and (max-width:999px) {
.heide-d{display:block !important;}
.heide-t{display:none !important}
.heide-dt{display:none !important;}
.heide-m{display:block !important}
.heide-dm{display:block !important;}
.heide-tm{display:none !important}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~Home Page~~~~~~~~~~~~~~~~~~~~~~~~~~*/
section.login .login-part {background:rgba(255,255,255,.5);}

.btn.no-border { margin-bottom: 15px;}

.table.table-bordered.calendar > tbody > tr > td .below-line p { font-size: 10px;}
.btn-all{ margin:15px 0;display:flex; width:100%}
.btn-all .btn{flex:1 auto}
.btn-all .btn:last-child{margin-left:5px;}
}

@media only screen and (max-width:667px)
{
	.table.table-bordered.calendar > tbody > tr > td .left-panel, .table.table-bordered.calendar > tbody > tr > td .right-panel {width: 100%;}
	.table.table-bordered.calendar > thead > .blue-line > th {overflow: hidden; text-overflow: ellipsis;}
	.table.table-bordered.calendar > tbody > tr > td .below-line p { font-size: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.row.box-line { display:inherit;}
	
	.month-middle { font-size: 18px;}
	
	.btn.simple { padding: 5px 15px;margin-top: 10px;}
	
	.tab-ul li { width:32.33%; margin:0px; text-align: center;}
	.tab-ul li a { float: inherit;overflow: hidden;padding: 0px;
    margin: 5px 0px;
    display: block;}
	.tab-ul { width: 100%;}
	
	.width100,
.width150,
.width200,
.width250,
.width300{width:100%;}
.formob { display: none; }
.pop-up{width: 400px;}
.pop-content{width:100%; margin: 0 auto ; }
.btnm {width:100%; margin: 1px 0; background-color: #0071bc !important;}
.btn-default.print i { margin-right: 5px !important; font-size: 14px !important; min-width: auto !important; line-height: 22px !important; }
i { display: none ;}
}

@media (min-width:320px)and (max-width:599px) {
.heide-d{display:block !important;}
.heide-t{display:block !important}
.heide-dt{display:block !important;}
.heide-m{display:none !important}
.heide-dm{display:none !important;}
.heide-tm{display:none !important}	
.width100,
.width150,
.width200,
.width250,
.width300{width:100%;}
ul.top-sort li{width:100%; box-sizing:border-box;}

.top-sort .width100,.top-sort .width150,.top-sort .width200,.top-sort .width250,.top-sort .width300{width:100%;box-sizing:border-box;}


.text-left-xs{text-align:left !important;}
.log{padding: 0 15px;}
.btn-all{flex-wrap:wrap}
.btn-all .btn {margin:5px;}
.btn-all .btn:last-child{margin-left:5px;}
.addition .btn{margin: 3px 0;}
.right-nav.off-mobile { display:none;}
.nav-right.off-website { display:block;}

.page-title { margin: 10px 0px 10px; font-size: 20px;}

.navbar-header { min-width: 100%; margin-left: 0px !important;}
header {z-index: 999;}
.leftpanel { width:300px; z-index:1;}
.right-content { width: calc(100% - 50px);padding: 25px 5px 10px;}
.btn.addnew { float: right;}
.btn.no-border { margin-bottom: 14px;}
.btn-all{ margin:15px 0;display:flex; width:100%}
.btn-all .btn{flex:1 0}
.page-bar .breadcrumb > li > a { font-size: 13px;}

label { font-size: 14px;}
input, textarea, select { font-size: 14px;}

.middle-line { margin: 10px 0px;}

.nav-right.off-website > li > .nav-right.off-website { z-index:10;}

.nav-right > li > a { margin: 0px 0px 0px 10px;}
.new-enquiry{height: 400px;}
.addition .row > [class^="col-"], .addition .row > [class^=" col-"]{     padding-right: 5px;
    padding-left: 5px;}

 .other-left1 { margin: 0px 0px 0px 0px !important;}
 .pop-content{width:100%; margin: 0 auto; }
	.pop-up{width: 95%;}
	.btnm {width:100%;}
	.btn-default.print i { margin-right: 5px !important; font-size: 14px !important; min-width: auto !important; line-height: 22px !important; }
	i { display: none !important;}
}
/*
@media only screen and (max-width:480px)
{
	.btn.addnew { float: left;}
	.month-middle { font-size: 16px;}
}

@media only screen and (max-width:400px)
{
	.btn.addnew { float: left;}
	.page-title { font-size: 20px;}
}

@media only screen and (max-width:360px)
{
	.page-title { font-size: 16px;}
	.detail-text .table.no-border > tbody.days > tr > td { font-size: 11px;}
	.tab-ul li { width: 31.33%;}
}
*/