
.course{border:1px solid #bebebe;border-radius:4px;width:460px;float:left;margin:5px;padding:5px}
.course_img {width:150px;float:left;margin-right:7px}
.course_name {font-size:16px !important;font-family:'fs_rufusbold'}
.special_offer_datetime{background:url(/wp-content/uploads/calendar_299092_26x22.png) top left no-repeat; min-height: 30px;padding:4px 0 0 30px}
.special_offer_datetime span{background-color:#ebf0f2;padding:5px 3px}
/* Page version: v2 */
.course{border:1px solid #bebebe;border-radius:4px;float:left;margin:5px;padding:5px}
.course_img{width:150px;float:left}
.course_img img{padding-right:5px}
.course_name{font-family:'fs_rufusbold'}
.special_offer_datetime{min-height:30px;}

.special_offer_datetime span{background-color:#ebf0f2;padding:5px 3px}
.special_offer_datetime  img{margin-bottom:-7px}
@media screen and (min-width: 1281px){
.course{width:100%} /*width:48%*/
.course_name{font-size:18px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}
@media screen and (max-width: 1280px){
.course{width:98%}
.course_name{font-size:18px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}
@media screen and (max-width: 1152px){
.course{width:98%}
.course_name{font-size:18px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
#p1{display:block} #p1_clone{display:none}
}@media screen and (max-width: 1100px){
.course{width:98%}
.course_name{font-size:18px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}
@media screen and (max-width: 990px){
.course{width:95%}
.course_name{font-size:16px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}
@media screen and (max-width: 767px){
.course{width:98%}
.course_name{font-size:16px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}@media screen and (max-width: 700px){
.course{width:98%}
.course_name{font-size:16px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left{width:49%;float:left}
#courses_page_1st_paragraph_right{width:49%;float:right}
#p1{display:block} #p1_clone{display:none}
}
@media screen and (max-width: 600px){
.course{width:98%}
.course_name{font-size:16px}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left, #courses_page_1st_paragraph_right{width:100%;float:left}
#p1{display:none} #p1_clone{display:block}
}
@media screen and (max-width: 540px){
.course{width:98%}
.course_name{font-size:14px !important}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left, #courses_page_1st_paragraph_right{width:100%;float:left}
#p1{display:none} #p1_clone{display:block}
.course{font-size:12px !important}
}
@media screen and (max-width: 480px){
.course{width:97%}
.course_name{font-size:16px !important}
.course_additional_text{display:inline}
#courses_page_1st_paragraph_left, #courses_page_1st_paragraph_right{width:100%;float:left}
#p1{display:none} #p1_clone{display:block}
.course{font-size:12px !important}
}
@media screen and (max-width: 400px){
.course{width:96%}
.course_name{font-size:13px !important}
.course_additional_text{display:none}
#courses_page_1st_paragraph_left, #courses_page_1st_paragraph_right{width:100%;float:left}
#p1{display:none} #p1_clone{display:block}
.course{font-size:12px !important}
}
@media screen and (max-width: 319px){
.course{width:96%}
.course_name{font-size:13px !important}
.course_additional_text{display:none}
#courses_page_1st_paragraph_left, #courses_page_1st_paragraph_right{width:100%;float:left}
#p1{display:none} #p1_clone{display:block}
.course{font-size:12px !important}
}