/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
.forcefullwidth_wrapper_tp_banner{
  margin-top: 85px !important;
}
.sl-content p {
  font-size: 2.0em;

}
.none-mobile{
  display: none !important;
}
.module_text{
	font-size:15px !important;
 }
  #nav-logo .img-fluid{
    width: 240px;
  }
  #header{
  	margin-top: 50px !important;
  }
 .no-padding-mobile{
	 padding-left: 0 !important;
	 padding-right: 0 !important;
 }
.b_heading1{

  /*top: 30px;*/position: absolute;
  top: 40px !important;
  left: 10px !important;
  font-weight: bold;color: rgb(16,16,16);
  font-size: 30px !important;
}
.b_heading2{

  /*top: 30px;*/position: absolute;
  top: 80px !important;
  left: 10px !important;
  font-weight: bold;
    font-size: 30px !important;
}
.b_button{
  position: absolute;
  top: 200px !important;
  left: 10px !important;
  background-color: #0085d3;color: rgb(255,255,255);
}

.m_num_box{

 max-width: 100px;
 border: 1px solid #0085d3;

 border-radius: 20px !important;
 margin-top: 0px !important;
 display:table;
}
.block_feature1{
  padding: 50px 15px;
  text-align: center;
}
.block_feature1>h4{
  text-align: center !important;
}
.feature_course_wrapper{
  background: #fff !important;

}

.feature_course:last-child{
      margin-bottom: 20px;
}
.info_block1{
  background: #fff !important;
}
.course_intro{
  color: #000 !important;
  font-size: 1em !important;
}
.course_wrapper{
  padding: 20px !important;
}
#block_courses{
  background: #fff !important;
}
.course-desc1{
  text-align: left !important;
}

.vmoocs_icon_img{
  float: none !important;
  text-align: center !important;
  margin-bottom: 10px;
}
.value_block{
  text-align: center !important;
  min-height: 170px;
  margin-left: 18px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
#value_group1{
  margin-top: 0 !important;
}
.vmoocs_value_title{
  font-size: 16px !important;; 
}
.vmoocs_value_heading{
  font-size: 30px !important;
  margin-top: 20px !important;
}
.count-number{
  font-size: 30px !important;
}
.counter-text{
  font-size: 20px !important;
}
.info_1st_box{
  font-size: 30px !important;
}
.info_1st_box{
  text-align: center !important;
  font-size: 30px !important;
}
#course_wrapper{
  background: #232323;
}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 640px) {
/* STYLES GO HERE */

.b_heading1{

  /*top: 30px;*/position: absolute;
  top: 40px;
  left: 10px;
  font-weight: bold;color: rgb(16,16,16);
  font-size: 30px;
}
.b_heading2{

  /*top: 30px;*/position: absolute;
  top: 80px;
  left: 10px;
  font-weight: bold;
    font-size: 30px;
}
.b_button{
  position: absolute;
  top: 200px;
  left: 10px;
  background-color: #0085d3;color: rgb(255,255,255);
}

.m_num_box{

 border: 1px solid #0085d3;
 margin-right: 10px;
 margin-left: -20px;
 border-radius: 20px !important;
 margin-top: 0px !important;
 display:table;
}


.info_block1{
  background: #fff !important;
}
.course_intro{
  color: #000 !important;
}
.course_wrapper{
  padding: 20px !important;
}
#block_courses{
  background: #fff !important;
}
#course_wrapper{
  background: #232323;
}
.course-desc1{
  text-align: left !important;
}

.vmoocs_icon_img{
  float: none !important;
  text-align: center !important;
  margin-bottom: 10px;
}
.value_block{
  text-align: center !important;
  min-height: 170px;
  margin-left: 18px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
#value_group1{
  margin-top: 0 !important;
}
.vmoocs_value_title{
  font-size: 16px !important;; 
}
.vmoocs_value_heading{
  font-size: 30px !important;
  margin-top: 20px !important;
}
.count-number{
  font-size: 30px !important;
}
.counter-text{
  font-size: 20px !important;
}
.info_1st_box{
  font-size: 30px !important;
}
.info_1st_box{
  text-align: center !important;
  font-size: 30px !important;
}
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
  .forcefullwidth_wrapper_tp_banner{
  margin-top: 85px !important;
}
/* STYLES GO HERE */
 .no-padding-mobile{
	 padding-left: 0 !important;
	 padding-right: 0 !important;
 }
.module_text{
	font-size:12px !important;
 }
 .sl-content p {
  font-size: 2.0em;
}
.m_num_box{

 border: 1px solid #0085d3;
 margin-right: 10px;
 margin-left: -20px;
 border-radius: 20px !important;
 margin-top: 0px !important;
 display:table;
}

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
.course_intro{
	font-size: 12px !important;
}
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}