<style type="text/css">

p, li, a, span {  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: arial;}

h1, h2, h3, h4, h5,{ text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: arial;}

li{ list-style-type: none;}

a{ text-decoration: none;}

.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both;}

html{background-color: black; width: 100%;}
body { width: 100%; float: left; position: relative; margin:0;}
.top_section_holder{ width: 100%; float: left;  position: fixed; z-index: 3}
.upper_section{width: 100%; background-color: #0f4b7c; float: left;}

.top_social_media { width: 200px; float: left;}
.phone_free_class_section{ width: 500px; float:right; color: white;}
.free_class{ background-color: #517fa4; float:right;}
.free_class p {  font-weight: bold; padding: 10px; margin: 0; color: white; font-family: arial; padding-top: 11px; position: relative; top: 0px !important;}
.free_class p span { float: right; position: relative; top: -2px;}
.phone_mail_icon { margin: 0; float: left; color: white; padding-top: 8px; position: relative;}
.phone_icon { float: left; padding: 8px 14px 4px 14px; margin-top: 0px; width: 147px;}
.phone_icon p { float: right; margin: 0; padding-top: 5px; font-weight: bold;}
.phone_number { position: absolute; bottom: -37px; background-color: #0f4b7c; padding: 10px; right: 140px; display: none;}
.top_social_media a { display: block; width: 24px; float: left; margin: 4px; padding-top: 3px;}
.mail-icon { padding-top: 4px;}
.mail-icon span {
    margin-right: 10px;
}
.phone_free_class_section a { color: white; display: block; float: left;}
.phone_free_class_section a p { margin: 0; position: relative; top: 7px; float: right;  font-weight: bold;}

.lower_section_holder{width: 100%; float: left; background-color: rgba(0,0,0,0.8); }
.logo-secton{     float: left; width: 16%; padding-top: 10px;}
.alpha-logo { width: 20%; padding-left: 10px;}
.alpha-icon {     width: 60%;; position: relative; bottom: 6px; left: 5px;}
.desktop-menu { float: right; width: 80%; color: white; padding: 0; margin: 0; font-size: 12px; }
.desktop-menu li { float: left; font-weight: bold; width: 12%;}
.desktop-menu li a { display: block; padding: 25px 0; cursor: pointer; color: white; text-align: center;}
.desktop-menu li a:hover {  background: #333; cursor: pointer;  outline: 1px solid #444;}

.location_menu { position: relative;}
.location_list { position: absolute;}
.location_menu ul { margin: 0; padding: 0; background: black; display: none; width: 100%;}
.location_menu ul li { width: 100%; text-align: center; overflow: hidden;}

.about_menu { position: relative;}
.about_list { position: absolute;}
.about_menu ul { margin: 0; padding: 0; background: black; display: none;     width: 100%;}
.about_menu ul li { width: 100%; text-align: center; overflow: hidden;}

.selected{ background: #333; cursor: pointer; outline: 1px solid #444;}

.mobile_menu_button{ display: none; position: relative;}
.mobile-menu{display: none}
.mobile_menu_button { display: none; width: 50%; float: left;}
.mobile_menu_button p { color: white; text-align: center; padding: 0; margin: 0; line-height: 40px; width: 100%; font-weight: bold;}

.contact_menu { position: relative;}
.contact_list { position: absolute;}
.contact_menu ul { margin: 0; padding: 0; background: black; display: none;}
.contact_menu ul li { width: 100%; text-align: center; overflow: hidden;}

.header { float: left; width: 100%; color: white; background-image: url(/header-background-image.jpg);
    background-repeat: no-repeat;  background-size: 100% 100%; padding: 140px 0; margin-top: 100px;}

.header h1 { margin: 0 auto; display: block; text-align: center; width: 100%; padding: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-family: arial; line-height: 17px; position: relative; bottom: 30px; left:30px;}

.header h1 span{    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -o-linear-gradient(right, rrgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    width: 310px; height: 1px; display: block;  margin: 0 auto; position: relative; top: 7px;}
    
.practice-imgs { float: left; padding-right: 20px; padding-bottom: 10px;}
.practice-img2 { float: right; padding-left: 20px; padding-bottom: 10px;}

.mid-section-background { width: 100%; float: left;
    background-image: url(/new-background.jpg); background-size: 100%; margin-bottom: -68px}
.mid-section-holder { display: block; margin: 0 auto; width: 940px;}
.side-logo { float: left;  width: 5%; z-index: 2; position: relative; bottom: 270px;}

.mid-section { float: left; background: white; width: 95%;  z-index: 2; position: relative; bottom: 70px;
    box-shadow: 0px 4px 15px rgba(2, 2, 2, 0.7);}

.mid-section h2 { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
    font-family: arial;  margin: 30px auto 0 auto; text-align: center; font-weight: 500; font-size: 1.2em; width: 80%;}

.mid-section p{     display: block; margin: 20px auto; width: 90%; font-size: 1em; line-height: 1.375em}
.mid-section ul{ padding: 0; margin: 0;}
.mid-section ul li { float: left; width: 48%;}
.what_is_image { float: right !important;  width: 449px !important;}
.what_is_copy { padding: 60px 0 125px 23px; width: 421px !important; }
.what_is_copy p{ margin: 0; }

.tech_image {  width: 449px !important;}
.tech_copy { padding: 60px 0 104px 23px; width: 421px !important; }
.tech_copy p{ margin:0; }
.tech_copy p span { font-size: 1.2em; color: #0f4b7c; font-weight: bold;}

.profile-img img { width: 80%;}
.profile-img { float: left;}
.profile_copy { float: left; width: 66%;}
.profile_copy p { margin: 20px auto !important;}
.profile_copy h2 { text-align: left; margin: 30px auto 0 30px;}

.mid-section ul li img { width: 100%; margin-bottom: -4px;}

.what_is_copy p span { font-size: 1.2em; color: #0f4b7c; font-weight: bold;}

.read_more_button{display: block}
  .mobile_read_more_button{display: none}



/*------------------------------- video slider -----------------------------*/

.video-header-copy { width: 100%;}
.video-header-copy p { text-align: center; color: white;}
.video-header-copy p span{ color: #0f4b7c; font-size: 1.2em; font-weight: bold;}


.video_slider_holder{ width: 100%; background-color: black; float: left; padding: 20px 0 50px 0;}

.row { display: block; margin: 0 auto; width: 80%; position: relative; left: 30px;}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .prev { left: -41px;}

.row .next { right: -30px;}

.column {
  float: left;
  width: 22%;
  position: relative;
}

.column:hover .material-icons { cursor: pointer; opacity: 1; transition: all ease-in 0.4s; top: 40px;}
.column span { cursor: pointer; position: absolute; z-index: 2; color: white; display: block; width: 54px;
    margin: 0 auto; left: 0; right: 0; font-size: 3em; opacity: 0; transition: all ease-in 0.4s;
    top: 0;}



.column img { display: block; margin: 0 auto; width: 100%; }

.column img:hover {
    opacity: 1;
    transition: all ease-in 0.4s;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 2;
  padding-top: 130px;
  left: 0;
  top: 5%;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #000;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 150px !important;
  right: 200px;
  font-size: 35px;
  font-weight: bold;
  z-index: 99;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
  margin: 0 auto;
  width: 50%;
}

.cursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 60%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(15, 75, 124, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
    opacity: 0.3;
    transition: all ease-in 0.4s;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.lightbox_thumb_nail { display: block; margin: 0 auto; width: 50%;}
.lightbox_thumb_nail .column { width: 22%; padding: 1%;}


.footer_holder { width: 100%; float: left; background-color: #0f4b7c; padding-top: 20px;}
.footer_holder ul { margin: 0 auto; padding: 0; width: 80%;}
.footer_holder ul li { float: left; width: 25%; color: white}
.footer_holder ul li a{ color: white;}
.footer_holder ul li img { width: 50%;}
.two_columns{-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}

.footer {
    width: 100%;
    padding: 0px 0;
    float: left;
    background: -moz-linear-gradient(left, #ffffff 1%, #0f4b7c 100%);
    background: -webkit-linear-gradient(left, #ffffff 1%,#0f4b7c 100%);
    background: linear-gradient(to right, #ffffff 1%,#0f4b7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e569ad',GradientType=1 );
}


.footer .underline{ background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -o-linear-gradient(right, rrgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    width: 90%; height: 1px; display: block;  margin: 0 auto; position: relative; }

.designer { color: black; float: left; position: relative; left: 10px; bottom: 24px;}
.designer img { width: 18%; margin: 0px 10px; position: relative; top: 20px;}

.lower_social_media { float: right; position: relative; right: 30px; padding-top: 10px;}

.mobile-menu-holder{ display: none}

.mid-section ul { padding: 0 50px 0 30px;}

.mid-section ul li {
    float: left;
    width: 100%;
    padding: 9px 0;
    list-style-type: disc;
}

.read_more_button {
    width: 29%;
    display: block;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.32em;
    text-align: center;
    background-color: #0f4b7c;
    color: white;
    padding: 5px 0;
    outline: 3px solid #0f4b7c;
}

.about_sub {
    width: 100%;
    float: left;
    background-color: rgba(0,0,0,0.05);
    margin-top: 10px;
}

.about_sub ul {
    margin: 0;
    padding: 0;
}

.about_sub ul li {
    width: 45%;
    list-style-type: none;
    background: white;
    margin: 2%;
    border-top: 4px solid #0f4b7c;
    text-align: center;
}

.mid-section p {
    display: block;
    margin: 10px auto;
    width: 90%;
    font-size: 1em;
    line-height: 1.375em;
}

.about_sub p span {
    font-size: 1.4em;
}

.about_sub .cta {
    width: 29%;
    display: block;
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.32em;
    text-align: center;
    background-color: #0f4b7c;
    color: white;
    padding: 5px 0;
    outline: 3px solid #0f4b7c;
    margin-top: 30px;
}

.copy_holder {
    width: 100%;
    overflow: hidden;
}



/*------------------------------- video slider -----------------------------*/

.mobile-logo{display: none;}

.hideme{ opacity:0;}

/*------------------------------- accordian -----------------------------*/


.accordian {
  width: 100%;
  box-shadow: 0 1px 5px rgba(0,0,0,.10);
  margin: 5% auto;
  color: #555
}

.accordian .title {
  background-color: #fff;
  color: #555;
  padding: 1rem;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  border-top: 1px solid rgba(0, 0, 0, .1);
  font-weight: 300;
  transition: all .25s ease;
  
}

.accordian .title:hover {
    background-color: rgba(0,0,0,0.1);
}



.accordian ul ul li a {
  display: block;
  background-color: #eee;
  padding: 1rem;
  color: #777;
  border-bottom: 1px solid rgba(0, 0, 0, .05);}
.accordian ul ul li a:hover {
    background-color: #55acee;
    color: #fff;
  }


.accordian ul ul {
  display: none;
  padding: 10px 0;
  background-color: rgba(0,0,0,0.04);
}

.accordian ul ul li {
    width: 95%;
    float: right;
    list-style-type: disc;
    margin: 7px 0;

}

.open {
  transform: rotate(45deg);
  transition: all .25s ease;
}

.accordian ul ul li:last-child a {
  border-bottom: 0;
}

.fa {
  transition: all .25s ease;
  float: right;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-plus:before {
    content: "\f067";
}

.accordian h3 {
  cursor: pointer;
}

/*------------------------------- accordian -----------------------------*/

.form_holder { width: 100%; display: block; float: left;}

.message_me_section { width: 80%; margin: 0 auto;}

.message_me_section h2{ margin: 20px auto; }

.left_section_holder { width: 100%; float: left;}

.left_section_holder p { width: 96%;}

input[type="text"], input[type="email"] { width: 31%; padding: 9px 0; padding-left: 10px; 
  margin-bottom: 10px; border: 1px solid grey;}

/*input[type="email"] { width: 31%; padding: 9px 0; padding-left: 10px; margin-bottom: 10px; border: 1px solid grey;}*/

textarea.subject { width: 31%; padding: 0 0 4px 10px;; margin: 0px 0 0 0; border: 1px solid grey; 
  resize: none; position: relative; top: 12px; height: 27px; line-height: 25px;}
  
  

textarea.message-box { width: 97%;
    height: 200px;
    resize: none;
    border-color: grey;}

.message_send_button input[type="submit"] { background-color: #0f4b7c; padding: 10px;
    width: 20%; color: white; font-size: 1em; font-family: "Gotham"; border: 2px solid white;
    text-align: center; display: block; float: right; cursor: pointer;}

.message_send_button input[type="submit"]:hover{ background-color: #002a4d; cursor: pointer; }

.right_section_holder { float: right; width: 60%;}

.right_section_holder textarea { width: 100%; padding-bottom: 31%;
    resize: none; border: 1px solid grey;}


/*------------------------------- Contact form -----------------------------*/

/*------------------------------- Message board -----------------------------*/


form#cmnt { float: left; width: 100%;}

.commentBox{
  
}
fieldset{
  padding:10px; border: 0;
}
.form_grp{
  margin-bottom:10px;
}

.form_grp textarea {
    width: 90%;
}

label{
  width:80%;
  height:32px;
  line-height:32px;
  display:block;
  margin-bottom:10px;
  font-size:18px;
  color:#fff;
 padding-left:34px; background:url(https://cdn3.iconfinder.com/data/icons/glypho-free/64/pen-checkbox-32.png) no-repeat left center;
}
textarea{
  width:100%;
  height:100px;
  padding:10px;
  border:1px solid #eee;
  resize:none;
}
button {
    padding: 15px 50px;
    background-color: #0f4b7c;
    color: #fff;
    float: right;
    border: 0;
    margin-right: 40px;
    cursor: pointer;
}
button:hover{ background-color: #002a4d; cursor: pointer; }

.viewCmnt{
  clear:both;
  overflow:hidden;
  position:relative;
  background:#c8e7fb;
  border-bottom:1px solid #A6DAFC;
}
.viewCmnt p {
  width:100%;
  float:left;
  padding:10px;
  font-size:14px;
  line-height:20px;
  }
.edit, .delete{
  position:absolute;
  width:20px;
  height:20px;
  display:none;
  cursor:pointer;
  bottom:5px;
  padding:2px;
   }
.viewCmnt:hover .edit, .viewCmnt:hover .delete{
  display:block;
}
.edit{
  right:26px;  background:url(https://cdn4.iconfinder.com/data/icons/miu/22/editor_pencil_pen_edit_write_-16.png) no-repeat center #0e7ec7;
}
.delete{
  right:5px;
  background:url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/cross-24-16.png) no-repeat center #0e7ec7;
  z-index:2;
}

@media only screen and (max-width : 1000px) {

.side-logo {
    display: none;
}

.mid-section{ width: 100%; }

.alpha-logo { width: 25%;}

.alpha-icon{ width: 64%;}

.column { float: left; width: 22%; position: relative;}

.row { left:0; }

.mid-section-holder{ width: 100%; }

  }


  @media only screen and (max-width : 768px) {

.top_social_media {
    width: 65px;
    float: left;
}

}


@media only screen and (min-device-width : 0px) and (max-device-width : 568px)  {

/*------------------------------- hamberger menu -----------------------------*/

.phone_icon{ display:none; }

.mail-icon {
    padding-top: 8px;
}

.mail-icon span { display: none;}
.mail-icon p { display: none;}

    .mobile_menu_button{ display: block}

    #mobile_menu_button{display: block;}

    .mobile-menu-holder { display: none; position: fixed; width: 100%; float: left; padding: 0;
    margin: 0; top: 150px; background-color: rgba(0,0,0,0.8); height: 100%;}
    .mobile-menu{ border-right: 2px solid rgba(255,255,255,0.2); display: block; padding: 30px 0 0 0px; background-color: #0f4b7c; margin: 0; width: 70%; min-height: 45%; padding-top: 50px;}
    .mobile-menu a { color: rgba(255,255,255,0.3); font-size: 1.2em; display: block; padding: 5px 0; padding-left: 20px;}
    .mobile-menu a:hover{ color: rgba(255,255,255,1); background-color: rgba(255,255,255,0.1); 
        border-bottom: rgba(255,255,255,0.3) 1px solid;}
    .mobile_selected{ color: rgba(255,255,255,1) !important; background-color: rgba(255,255,255,0.1); 
        border-bottom: rgba(255,255,255,0.3) 1px solid;}

        .mobile_location_list{display: none;}
        .mobile_location_list { padding: 0; margin: 0;}
        .mobile_location_list li a { padding-left: 40px;}
        .mobile_location_menu .material-icons { float: right; padding-right: 10px;}

        .mobile_about_list{display: none;}
        .mobile_about_list { padding: 0; margin: 0;}
        .mobile_about_list li a { padding-left: 40px;}
        .mobile_about_menu .material-icons { float: right; padding-right: 10px;}


    .mobile_social_media { width: 70%; background-color: #0f4b7c; border-right: 2px solid rgba(255,255,255,0.2);}
    .mobile_social_media ul { padding: 0; margin: 0; padding-bottom: 300px;}
    .mobile_social_media ul li { float: left; width: 50%;}
    .mobile_social_media ul li a { display: block; padding: 10px 0;}
    .mobile_social_media ul li a img { display: block; margin: 0 auto;}

    .video-header-copy p {padding: 0 20px;}

 #nav-icon3 { width: 30px;  height: 23px; position: relative; -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;
    cursor: pointer;  float: left; margin-top: 5%; margin-left: 11%;}

 #nav-icon3 span {
      display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

#nav-icon3 span:nth-child(4) {
  top: 16px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


.mobile_contact_list{display: none;}
      .mobile_contact_list { padding: 0; margin: 0;}
      .mobile_contact_list li a { padding-left: 40px;}
      .mobile_contact_menu .material-icons { float: right; padding-right: 10px;}



/*------------------------------- hamberger menu -----------------------------*/

    .top_section_holder { position: fixed;}
    .mobile-logo{ display: block; width: 100%; float: left; background: black; padding: 15px 0 40px 0; position: relative;}
    .mobile-alpha-logo { width: 20%; float: left; margin-left: 8px;}
    .mobile-alpha-icon { float: left; width: 70%; margin-top: 14px; margin-left: 10px;  margin-bottom: 10px;}
    .mobile-phone_icon { float: left; width: 41%; margin: 2%;}
    .mobile-phone_icon .material-icons { font-size: 16px; margin-left: 0; float: left;}
    .mobile-phone_icon p { float: right; width: 80%; margin: 0 0; font-size: 12px; font-weight: bold;}
    .mobile-mail-icon p { font-size: 12px; width: 80%; padding-left: 0;}
    .mobile-mail-icon { float: left; width: 49%; margin: 0 0 0 10px;}
    .mobile-mail-icon .material-icons {font-size: 16px;}

    
    .side-logo { display: none;}
    .top_social_media { display: none;}
    .lower_section_holder { display: none;}
    .mid-section-holder{ width: 100%;}
    .what_is_image { width: 100% !important;}
    .what_is_copy{width: 100% !important;padding: 50px 0 50px 0px;}
    .tech_copy { width: 100% !important; padding: 49px 0 49px 0px;}
    .tech_image{width: 100% !important;}
    .row{ width: 100%; left:0;}
    .free_class { width: 50%; position: absolute; right: 0; bottom: 0; z-index:2;}
    .mobile_menu_button{ display: block; width: 50%; position: absolute; bottom: 0; background-color: #0f4b7c; z-index:2;}
    .phone_free_class_section { width: 100%; padding-bottom: 10px;}
    .header{ margin-top: 180px; padding: 60px 0; margin-bottom: 0px;}
    .header h1 { width: 100%; left: 0; font-size: 1.2em;}
    .header h1 span { width: 100%;}
    .mid-section{width: 100%}
    .mid-section h2 { font-size: 1em;  width: 90%;}
    .footer_holder ul li { float: none; width: 100%;}
    .footer_holder ul li img {  display: block;  margin: 0 auto;}
    .footer_holder ul li { text-align: center; font-size: 1.2em;}
    .designer {  float: none; width: 100%; text-align: center; display: block; padding: 20px 0; left: 0}
    .mySlides iframe { width: 100%; margin: 0 auto; display: block;}
    .row .next{ display:none;}
    .row .prev{ display: none;}
    .modal-content { width: 100%; margin-top: 30px;}
    .mySlides { width: 100%;}
    .close{ z-index: 2; top: 15%; right: 25px;}
    .numbertext { position: relative;}
    .lower_social_media{display: none}
    .column { float: left; width: 45%;  position: relative; margin-bottom: 10px;}
    .mid-section p{padding-bottom: 10px;}
    .footer_holder ul li span { font-weight: bold;}
    .caption-container { display: none;}
    .lightbox_thumb_nail { display: block; margin: 0 auto; width: 100%;}
    .lightbox_thumb_nail .column { width: 22%; padding: 1%;}

.practice-imgs{ padding-right:0px; width:100%;}
.practice-imgs img{ width:100%;}
.practice-imgs2{ padding-left:0px;width:100%;}
.practice-imgs2 img{ width:100%;}

.read_more_button{display: none !important}
  .mobile_read_more_button{display: block !important}

  .mobile_read_more_button { width: 29%; display: block; margin: 0 auto; font-size: 1em; line-height: 1.32em;
    text-align: center; background-color: #0f4b7c; color: white; padding: 5px 0; outline: 3px solid #0f4b7c;}
  .mobile_read_more_button:hover { background-color: #fff; color: #0f4b7c;}

  .about_sub ul li{ width: 96% !important; }

    .copy_holder{}

.read_more_button {
    display: none !important;
}

.accordian .title { width: 90%;}
  .fa.fa-plus { width: 6%; position: relative; display: block; top: 5px;}
  .accordian ul ul li { width: 80%; margin: 10px auto; float: none;}
  
  
  input[type="text"], input[type="email"], textarea.subject{ width: 97%; }
  textarea.subject{top: 0}

  textarea.message-box { width: 94%; border: 1px solid grey;}
  .message_send_button input[type="submit"]{ width: 100%; }
  
  .free_class p {  padding: 10px 10px 6px 10px !important;}
 .free_class a { width: 100%;}
 
 .profile_copy { float: left;  width: 100%;}
 .profile_copy h2 {  text-align: center;}
 .profile-img { float: left; width: 100%;}
 .profile-img img { width: 50%; display: block; margin: 20px auto 0 auto;}

 .phone_free_class_section a p{ padding-left: 0px }



}

</style>