<style>

@media only screen and (min-width: 768px) {
.imgres{ width: 100%;}

.course_bg .course_container .course_position .course_title_detail h1 {
    font: 500 30px/40px 'Rubik', sans-serif !important;}

.panel-body {
    height: 450px !important;}

.afterheader {
    background: #000000 none repeat scroll 0 0;  
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px;
margin-top: -8px;
}

.circle {
    left: 44% !important;
    margin: 0 auto;
    top: -26px !important;
    right: auto;
}


.shr7 {   
    font-size: 16px;
    padding: 4px 25px 4px 25px;
}


.bg-box{
    min-height: auto;}

ul {
   
    margin-bottom: 15px;
    padding-left: 3px ;
    font-size: 14px;}

}

@media only screen and (min-width: 600px) {
.imgres{ width: 100%;}
.course_bg .course_container .course_position .course_title_detail h1 {
    font: 500 30px/40px 'Rubik', sans-serif !important;}

.panel-body {
    height: 470px !important;}
    .afterheader {
    background: #000000 none repeat scroll 0 0;  
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px;
margin-top: -8px;
}



}

@media only screen and (max-width: 600px) {
.imgres{ width: 100%;}
.course_bg .course_container .course_position .course_title_detail h1 {
    font: 500 30px/40px 'Rubik', sans-serif !important;}

.panel-default {
    border-color: #007EB5 !important;
}
.panel-body {
    height: 470px !important;}

    .afterheader {
    background: #000000 none repeat scroll 0 0;  
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px;
margin-top: -8px;
}

.circle {
    left: 44% !important;
    margin: 0 auto;
    top: -26px !important;
    right: auto;
}

.shr7 {   
    font-size: 16px;
    padding: 4px 25px 4px 25px;
}

.para1 {
padding-left: 10px !important;
padding-right: 20px !important;
font-size: 14px !important;}


.bg-box{
    min-height: auto !important;}

ul {
   
    margin-bottom: 15px;
    padding-left: 3px ;
    font-size: 14px;}

    .circle {
    left: 44%;
    margin: 0 auto;
    top: -26px;
    right: auto;
}


}

@media only screen and (min-width: 992px) {
.imgres{ width: 80%;}

.afterheader {

    background: #000 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -400px;
    position: absolute;
    width: 800px;
    margin-top: -8px;

}
}

@media only screen and (min-width: 1200px) {
.imgres{ width: 80%;}

.afterheader {

    background: #000 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -400px;
    position: absolute;
    width: 800px;
    margin-top: -8px;

}
}

.panel-heading {
    color: #ffffff !important;
    background-color: #007EB5 !important;}


.logoheader{
font: 500 50px/100% 'Rubik', sans-serif; color: #36373E; text-align: center;
}

.download_group .download_panel .downloads_content {
    margin: 0px;
    padding: 0px 5px 5px 5px;
}

.prtners h2 {
    color: #007EB5!important; 
font-size: 24px;
}
.review-top{
padding-top:20px;
}

h2 {
text-align: center;
margin: 21px;
color: #394970;
font: 500 21px/28px 'Rubik',sans-serif;
padding: 15px;
    color: #007EB5;
}


p {
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 1.6em;

}

.client_slider {
    
    margin: 30px !important;

  }


.edu-advantage {
background-image:none;
    background-color: #007EB5;
}

.review_container .home_reviews
{
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0) 70px, #b5e2fc 70px, #b5e2fc 60%, #b5e2fc 100%);
}

.download_panel h4 .download_collapse{
color: #36373E !important;

}

.clients {
    width: 100%;
    background: #007EB5;
    float: left;

}

.patch2{
background-color: #007EB5;
padding: 20px;
}
.blue{
    color: #007EB5;
}


.circle {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    left: -5%;
    margin-left: 0px;
    top: 45%;
    background: #36373E;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    z-index: 1;
}

.col-lg-4 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.bg-box {
    background: #fff;
   min-height: 380px;
    padding: 0;
    font-size: 16px;
    text-align: left;
    border: 0px solid #d5d6da;
    border-radius: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

top.red {
    background: #007EB5;
}

.bicon
{
font-size: 50px !important;
text-align: center;
color: #ffffff;
flex: 0 0 auto;
min-width: 1px;
margin-right: 6px;
padding-top: 3px;

}
.wrap-top
{
margin-right: auto;
margin-left: auto;
display: block;
}

.wrap-top blue {
    background: #e92330;
}

.boxbg {
    background: #007EB5;
}
.fa{
padding: 10px;
}

.boxheading{
    text-align: center;
    padding-bottom: 10px;
    color: #ffffff;
margin-top: 5px !important;
}
.container
{
padding: 10px;
}

 .clas {
    position: relative;
    bord
    er: 0;
    padding: 0%;
    box-shadow: 0px 5px 2px rgba(0,0,0,0.3);
    background: #ADA996;
    background: -webkit-linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
    background: linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);
}

.shr7-top-right {
    top: 146px !important;
    right: 0;
  }
.shr7 {
  position: fixed;
  border-radius: 4px;
  font-size: 22px;
  padding: 6px 25px 5px 25px;
  color: #fff;
  background-color: #FF7340;
  transform: rotate(-90deg) translateY(35px);
  transform-origin: bottom right;
  transition-duration: 1s;
  cursor: pointer;
  z-index: 1;
  font-weight: normal;
font-family:'Rubik', sans-serif;
}
.shr7-top-right{
  top: 0px;
  right: 0;
}
.shr7-top-left{
  top: 50px;
  left: 0;
 transform-origin: 0% 0%;
 -webkit-transform-origin: 0% 0%;
 transform: rotate(90deg) translateY(-35px) !important;
}
.shr7 a { color: #ffffff;}

.shr7 a:hover { text-decoration:none;
color: #007EB5;
}

.home_reviews {
    
    background: #ffffff !important;
}

</style>

<style>

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End 
*/
.wrapper { width: 980px; margin: 30px auto; position: relative;}
.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px; text-align: center;}
.count-title { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 24px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; color: #36373E; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }


.counter_icon {
    font-size: 50px !important;
color: #007EB5;
align-items: center;
}

</style>

<style>

.price{
font: 700 50px/100% 'Rubik', sans-serif !important;
font-size: 24px !important;
}

.month{
flex: 1;
text-align: right;
font-size: 14px;
white-space: nowrap;
}

.btn-warning
{
background-color: #FF7340 !important;
border-color: #D84915;
}

.course_struc_logo{
padding-left: 20px;
}

.description
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
padding:5px;
}
.download_links ul{margin-bottom: 5px !important;
padding-left: 2px !important;
}

.download_links ol{margin-bottom: 5px !important;
padding-left: 20px !important;
}

.download_links li {
padding: 5px 5px !important;
color: #6a7285;
font: 400 14px/23px 'Rubik',sans-serif;
padding: 8px 0;
}

.downloads_content .download_links ul li {margin: 5px;}


.glyphicon glyphicon-ok
{
color: #FE7340 !important;
}

.download_panel .downloads_content {
    margin: 0px;
    padding: 0px 10px 10px 10px;}

.heading3{
font-size: 24px;
line-height: 1.35em;
color: #007EB5 !important;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
box-sizing: border-box;
}

.para{
color: #313b3d;
font-weight: 400;
line-height: 1.62857;
line-height: 1.7em;
margin-bottom: 1.6em;
font-size: 16px;
}

.para1{
color: #313b3d;
font-weight: 400;
line-height: 1.62857;
margin: 20px;
padding-left: 50px;
padding-right: 50px;
text-align: justify;
margin-bottom: 1.6em;
font-size: 16px;
}

.fafont{
     
padding: 2px !important;
margin-right: 5px;
color: #007EB5!important;
    }

.panel-body {
   height: 400px !important;;
}

.panel-body p{
      margin: 0 0 5px !important;
}

.greybg{
background-color: #f2f3f5;
}

.bluebg{
background-color: #007EB5;
}
.panel-heading {
    padding: 2px 2px !important;

}


.client_slider {
    position: relative;
    max-height: 500px;
    margin-bottom: 30px !important;
}


.course_container .course_position .course_title_detail h1 {
  
    font: 500 45px/130% 'Rubik', sans-serif !important;}

.course_bg .course_container .course_position .course_title_detail p {
    font: 300 18px/100% 'Rubik', sans-serif !impostant;
    text-align: justify;
}



.review_container {
    background-color: #ffffff !important;
    margin: 0px auto 80px auto !important;
}

.home_reviews {
    background: #ffffff;
}

.review_text p {

    color: #394970;
    font: italic 200 16px/150% 'Rubik', sans-serif !important;
}

.review_quots { 
   
    display: inline-block;
    position: absolute;
    right: 0;
    top: 68px;
color: #007EB5;
}

.review_quots fa{
font-size: 36px;
}


.review_icon_position {
    background-color: #ffffff;
}

.review-top {
    background-color: #ffffff;
}


</style>