/*responsive */
@media only screen and (max-width: 1199px) {
  .top-footer h3{font-size: 15px;}
}
@media only screen and (max-width: 991px) {
.list-step li{font-size: 16px;}
.list-step li span{width: 50px;font-size: 27px;height: 50px;}
.course-detial{padding: 20px;}
.course-detial h2 {font-size: 23px;}
.online-boking{padding: 70px 6px 60px;}
.online-boking h3{font-size: 22px;}
.online-boking h4{font-size: 16px;margin: 0 0 10px;}
.booking-plugin h1 {font-size: 28px;}
.booking-plugin .online-boking p{padding: 0 6px 20px;}
.selection-far h5{font-size: 20px;}
.booking-plugin .online-boking p{font-size:15px;}
.price-cal tbody tr td, .price-cal tfoot tr td{font-size: 16px;}
.booking-plugin {padding: 10px 0;}
.black-heading{font-size: 28px;}
.booking-title{padding: 0;}
.booking-list h2{padding: 0 0 14px;font-size: 24px;}
.booking-list table tr td:first-child{width: 38%;}
.total-gross table tr td{font-size: 20px;}

}

@media only screen and (max-width: 767px) {  
.list-step li span {width: 40px;font-size: 22px;height: 40px;}
.list-step li::after{top: 20px;}
.booking-plugin h1 { font-size: 20px;}
.booking-plugin p{font-size: 16px;}
.course-detial h2 { font-size: 20px;}
.course-detial label{font-size: 16px;}
.online-boking{padding: 50px 6px 60px;min-height: inherit;}
.black-heading{font-size: 24px;padding: 0;}
 .accordion_head{font-size: 16px;}
}
	
@media only screen and (max-width: 575px){
.list-step li {  font-size: 12px;}
 
}


@media(max-width: 400px){
/*29-4-2019*/
button#prevstep4{margin-bottom:10px;}
.booking-list table tr td:first-child{font-size:14px; width:64%;}
.booking-list table tr td{font-size:14px;}
button#contact_form_btn{margin-top:7px;}


}