@charset "utf-8";
/* Calender css*/

.calender_listing .cal_heading { background-color: #A6A8A7; padding: 1px 0px 1px 10px; text-transform: uppercase; color: #fff; font-size: 20px;}
.calender_listing ul.main { list-style: none; padding: 0 0 0 3px; margin: 0 0 30px 0; }
.calender_listing ul.main { display: inline-block; width: 100%;}
.calender_listing ul.main li { padding: 15px 0 15px 0; border-bottom: 1px solid #57595A; }
.cal_leftpart { width: 15%; line-height: 1; float:left; margin:0;}
.cal_leftpart p { margin: 0 0 3px; color: #555758; font-size: 20px; }
.cal_leftpart span { font-size: 60px; color: #525455; line-height: 1; }
.cal_rightpart { float: left; width: 85%; }
.cal_rightpart h1, .cal_rightpart h2, .cal_rightpart h3, .cal_rightpart h4, .cal_rightpart h5 { font-size: 40px; margin: 0; font-weight: normal; clear: both; color: #535556; padding-left: 5px; line-height: 1.1; margin: 0px; text-transform: none;}
.calender_listing .cal_clear, .cal_clearfix { clear: both; }
.cal_rightpart ul.sub-ul { margin: 0; padding: 0; list-style: none; }
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { list-style: none; padding: 0 10px; line-height: 1; border: none; color: #4D4F50; font-size: 18px; padding-right: 5px;}
.cal_rightpart p.location { margin: 0; }
.cal_rightpart ul.sub-ul li p { margin: 0;}
.cal_rightpart ul.sub-ul li:first-child { float: left; border-right: 1px solid #57595A; }
.cal_rightpart ul.sub-ul li:nth-child(2) { padding-right: 5px; }
.cal_rightpart .no_sideline { border: none !important; }

/* Task css */
.task_listing ul.main { display: inline-block; width: 100%;}
.task_listing ul.main { list-style: none; padding: 0 0 0 3px; margin: 0 0 30px 0; }
.task_listing ul.main { display: inline-block; width: 100%;}
.task_listing ul.main li { padding: 10px 0 10px 0; border-bottom: 1px solid #57595A; }
.task_fullpart h1, .task_fullpart h2, .task_fullpart h3, .task_fullpart h4, .task_fullpart h5 { font-size: 40px; margin: 0; font-weight: normal; clear: both; color: #535556; padding-left: 5px; line-height: 1.1; }
.task_listing .task_clear, .task_clearfix { clear: both; }
.task_listing p.note { margin: 0; list-style: none; padding: 5px 10px; line-height: 1; border: none; color: #4D4F50; font-size: 18px; padding-right: 5px;}

/* responsive css */
@media only screen and (max-width : 280px) {
.calender_listing .cal_rightpart h1, .cal_rightpart h2,.cal_rightpart h3, .cal_rightpart h4, .cal_rightpart h5 { font-size: 20px !important; }
.task_fullpart h1, .task_fullpart h2, .task_fullpart h3,.task_fullpart h4, .task_fullpart h5 { font-size: 20px !important; }
.calender_listing .cal_rightpart ul.sub-ul li, .cal_rightpart p.location { font-size: 14px !important; }
.calender_listing .cal_leftpart span { font-size: 22px !important; }
}

@media only screen and (max-width : 380px) {
/* calender css*/
/*.cal_leftpart { width: 100%; float: none; text-align: center; }
.cal_rightpart { float: none; width: 100%; padding-top: 15px; }*/
.cal_rightpart ul.sub-ul { padding: 5px 0; }
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { padding: 0 5px; }
.cal_leftpart p { font-size: 12px !important; }
.cal_leftpart span { font-size: 30px !important; }
.calender_listing .cal_rightpart h1, .calender_listing .cal_rightpart h2, .calender_listing .cal_rightpart h3, .calender_listing .cal_rightpart h4, .calender_listing .cal_rightpart h5 { font-size: 20px !important; }
/*.cal_leftpart span { border-bottom: 2px solid #535556; }*/
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { font-size: 14px !important; }
.calender_listing .cal_heading { font-size: 15px !important; }

/* task css*/
.task_fullpart h1, .task_fullpart h2, .task_fullpart h3,.task_fullpart h4, .task_fullpart h5 { font-size: 20px !important; }
.task_listing p.note { font-size: 14px !important; }
}

@media only screen and (min-width : 381px) and (max-width : 480px) {
/* calender css*/
.cal_leftpart p { font-size: 15px !important; }
.cal_leftpart span { font-size: 45px !important; }
.cal_rightpart h1, .cal_rightpart h2,.cal_rightpart h3, .cal_rightpart h4, .cal_rightpart h5 { font-size: 25px !important; }
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { padding: 0 5px; }
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { font-size: 18px !important; }

/* task css*/
.task_fullpart h1, .task_fullpart h2, .task_fullpart h3,.task_fullpart h4, .task_fullpart h5 { font-size: 30px !important; }
.task_listing p.note { font-size: 18px !important; }
}

@media only screen and (min-width : 481px) and (max-width: 560px){
/* calender css*/
.cal_rightpart h1, .cal_rightpart h2,.cal_rightpart h3, .cal_rightpart h4, .cal_rightpart h5 { font-size: 30px !important; }
.cal_leftpart span { font-size: 45px !important; }
.cal_rightpart ul.sub-ul { padding: 5px 0; }
.cal_rightpart ul.sub-ul li, .cal_rightpart p.location { font-size: 18px !important; }

/* task css*/
.task_fullpart h1, .task_fullpart h2, .task_fullpart h3,.task_fullpart h4, .task_fullpart h5 { font-size: 30px !important; }
.task_listing p.note { font-size: 18px !important; }
}