/*********************
Medium START
*********************/
@media only screen and (min-width: 40.0625em) {

  h1 {
    font-size: 34px;
  }
  
  /*********************
  HEADER STYLES
  *********************/
  .hero .slider-item .caption-wrap {
    height: 31.6875rem;
  }
  .hero .slider-item .caption-wrap .inner {
    font-size: 2.125rem;
  }
  .hero .slider-item .caption-wrap a {
    font-size: 1.875rem;
  }

  .header {
    padding: 2rem 2rem 0 2rem;
    /*********************
    LOGO
    *********************/
  }
  .header .top-bar .title-area {
    float: none;
  }
  .header .brand a {
    font-size: 2rem;
    position: relative;
    padding-right: 0.5rem;
  }
  .header .brand a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .header .brand a .tag-line {
    font-size: 0.875rem;
    position: absolute;
    left: 31%;
    bottom: -8px;
  }
  .header .brand a:hover {
    color: #00BDF2;
  }
  .header .phone {
    font-size: 1.5rem;
  }

.services-nav-wrap {
margin:0px}

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .entry-content p {
    font-size: 1rem;
  }

  .content-feature-logo .qcse img {
    height: 6.875rem;
    width: 15.6875rem;
  }
  .content-feature-logo .tmaq img {
    height: 6.5rem;
    width: 4.625rem;
  }
  .content-feature-logo .tmaa img {
    height: 7.9375rem;
    width: 10.625rem;
  }

  /*********************
  services & cources menu style {}
  *********************/
  .menu-feature.columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .menu-feature h2 {
    font-size: 2rem;
  }
  .menu-feature.our-cources ul li a {
    font-size: 1.1875rem;
    padding: 0.625rem 1rem;
  }
  .menu-feature.our-cources ul li a .date {
    font-size: 0.875rem;
  }
  .menu-feature.our-services {
    margin-bottom: 1rem;
  }
  .menu-feature.our-services ul li a {
    font-size: 1.4375rem;
    padding: 1rem;
  }

  /*********************
  OUR COURSES SLIDE STYLES
  *********************/
  .our-services-slider {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/our-services-slider-bg.jpg);
    position: relative;
  }
  .our-services-slider:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: block;
    background-color: rgba(204, 204, 204, 0.7);
    z-index: 0;
  }
  .our-services-slider ul li {
    color: #FFF;
    font-size: 0.8125rem;
  }

  .slider-main-wrap {
    max-width: 69.375rem;
    margin: 0 auto;
    padding: 1.5rem 0;
    z-index: 2;
    position: relative;
  }
  .slider-main-wrap h2 {
    font-size: 2.125rem;
    font-weight: 400;
    padding: 0 1.25rem;
  }
  .slider-main-wrap .slick-slide {
    padding: 0 1.375rem;
  }
  .slider-main-wrap .slick-slide .inner {
    background-color: rgba(0, 16, 60, 0.8);
    padding: 0.25rem 1rem;
    min-height: 330px;
  }
  .slider-main-wrap .slick-slide .inner table, .slider-main-wrap .slick-slide .inner thead, .slider-main-wrap .slick-slide .inner tr {
    background-color: transparent;
  }
  .slider-main-wrap .slick-slide .inner table {
    border-top: 1px dashed #CCCCCC;
  }
  .slider-main-wrap .slick-slide .inner h3 {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
  .slider-main-wrap .slick-slide .inner p {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.4;
  }
  .slider-main-wrap .slick-slide h3, .slider-main-wrap .slick-slide p, .slider-main-wrap .slick-slide th {
    color: #FFFFFF;
  }
  .slider-main-wrap .slick-slide td {
    color: #CCCCCC;
  }

  .slick-next {
    right: -3px;
  }

  .slick-prev {
    left: -3px;
  }

  .slick-next, .slick-prev,
  .slick-prev:before, .slick-next:before {
    height: 2.0625rem;
    width: 1.0625rem;
    background-repeat: no-repeat;
  }

  .slick-next:before, .slick-prev:before {
    display: inline-block;
  }

  .slick-next:before {
    content: "";
    background-image: url("../images/nav-arrow-slider-right.png");
  }

  .slick-prev:before {
    content: "";
    background-image: url("../images/nav-arrow-slider-left.png");
  }

  .hero .slick-next {
    right: 9px;
  }
  .hero .slick-prev {
    left: 9px;
  }
  .hero .slick-next:before {
    background-image: url("../images/nav-arrow-slider-right-white.png");
  }
  .hero .slick-prev:before {
    background-image: url("../images/nav-arrow-slider-left-white.png");
  }

  /*********************
  Latest News  STYLES
  *********************/
  .blog-archive {
    margin-left: 0;
    margin-right: 0;
   margin-bottom: 30px
  }
  .blog-archive .inner h4 {
    font-size: 1.875rem;
  }
  .blog-archive li a {
    font-size: 1.125rem;
    font-weight: 300;
  }

  /*********************
  Contact Modal STYLES {}
  *********************/
  .contact-modal .modal-inner {
    padding: 1.25rem;
  }
  .contact-modal .modal-inner .text-center h4, .contact-modal .modal-inner .text-center p {
    font-size: 1.1875rem;
  }
  .contact-modal .modal-inner .contact-modal-gender label {
    display: inline-block;
  }
  .contact-modal .modal-inner .contact-modal-chk-usi label {
    font-size: 0.875rem;
  }
  .contact-modal .modal-inner .contact-modal-chk-usi {
    margin-bottom: 1.875rem;
  }

  /*********************
  BEFORE FOOTER STYLES
  *********************/
  .before-footer a {
    font-size: 1.375rem;
  }

  .footer #inner-footer {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .footer .brand a {
    font-size: 1.75rem;
  }
  .footer .brand a .tag-line {
    font-size: 1rem;
  }
  .footer .col-1 {
    margin-bottom: 2.5rem;
  }
  .footer .col-2 {
    margin-top: 0px;
  }
  .footer .phone,
  .footer .company-address,
  .footer .aatm-aatc-rto {
    margin-left: 5.125rem;
  }
}
/*********************
Medium END
*********************/