/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	 .top-course-thumb .desc-box .title {
    font-size: 18px;
    top: 35%;
  }
  .top-course-thumb .desc-box .off {
    font-size: 35px;
    top: 46%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.top-course-thumb {
    max-width: 430px;
  }
  .top-course-thumb .desc-box .off {
    font-size: 46px;
    top: 46%;
  }
  .top-course-thumb .desc-box .title {
    font-size: 24px;
    top: 38%;
  }
  .top-course-thumb .desc-box .signup {
    top: 60%;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.divider .make-appointmen .container {
    padding-top: 5px;
    padding-bottom: 5px;
}
.divider .make-appointmen .app1 .container {
    padding-top: 100px;
    padding-bottom: 5px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}