@media only screen and (min-width:1500px) {

}
@media only screen and (min-width:1600px) {

}

@media only screen and (min-width:1700px) {

}

@media only screen and (min-width:1800px) {

}
@media only screen and (min-width:1920px) {
}

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

    .container {
        padding: 0px 15px;
      }

      .testimonial_items p {
        font-size: 43px;
      }

      .banner_slic::before {
        width: 230px;
        height: 230px;
        left: 11em;
      }

      .banner_contentsec p {
        padding-left: 16em;
      }

      .footer_section:before {
        right: -12px;
        width: 170px;
        height: 210px;
    }

    .facilities_slide button.slick-prev.slick-arrow{
        left: -58px;
    }
    .facilities_slide button.slick-next.slick-arrow {
        right: -53px;
    }
    .service_slide button.slick-prev.slick-arrow
    {
        left: -68px;
    }
    .service_slide button.slick-next.slick-arrow {
        right: -62px;
    }

    .header_menu ul li a {
        padding: 9px 17px;
    }
    .header_top p:before{
        content: unset;
    }
    a.head_call:before{
        content: unset;
    }
    .footer_rating {
        width: 30%;
        float: left;
        padding-left: 13px;
    }
    .header_menu {
        width: 100%;
    }


}

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

    .banner_contentsec h1 {
        font-size: 60px;
        line-height: 65px;
    }
    .banner_contentsec p {
        padding-left: 11em;
    }
    .banner_slic::before {
        width: 208px;
        height: 185px;
    }
    .inner_service_card {
        padding: 0 10px;
    }

    .vocation_section h3
    {
        font: 600 40px / 61px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
    }
    .vocation_image {
        margin-left: 25px;
    }
    .visitor_image {
        margin-right: 25px;
    }
    .visitor_section h3 {
        font: 600 40px / 50px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
    }
    .testimonial_items p {
        font-size: 35px;
        line-height: 45px;
    }

    .testimonial_wrapper {
        padding: 2em 0;
    }
    .team_section h3 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .inner_team_card {
        padding: 0 45px;
    }
  

    .inner_header_top {
        padding-left: 1em;
    }
    .header_section .column.logo-container {
        margin-top: 0;
    }
    .header_menu ul li {
        margin: 0px 0px;
    }
    .header_menu ul li a {
        padding: 9px 7px;
        font-size: 14px;
    }
    .footer_title p {
        font-size: 16px;
        padding-right: 2em;
    }
    .footer_title h4 {
        font-size: 16px;
    }
    .footer_title {
        width: 24%;
    }
    .footer_contact a.footer_phone, .footer_contact a.footer_email {
        font-size: 16px;
    }
    .footer_contact p, .footer_contact a.footer_policy {
        font-size: 17px;
        padding-right: 0em;
    }
    .footer_rating {
        width: 26%;
    }
    .inner_footer_rating {
        padding-left: 50px;
        margin-top: 27px;
    }

    header .banner-row .slideshow-container .banner-container .overlay blockquote{
        max-height: 38%;
    }

    a.head_call {
        padding: 0 12px;
    }
   
    
}
@media only screen and (max-width:992px) {

    .welcome_section h2 {
        font-size: 40px;
        line-height: 45px;
    }
    .vocation_section h3 {
        font: 600 34px / 61px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
        margin-bottom: 15px;
    }
    .vocation_wrapper {
        margin: 2em 0;
    }
    .service_card h3{
        font: 500 19px / 30px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
    }

    .inner_testimonial_items{
        max-width: 93%;
    }
    .team_section h3 {
        font-size: 35px;
        line-height: 45px;
    }
    .team_section {
        padding: 1em 0;
    }   
    .team_row {
        max-width: 86%;
    }
    .inner_team_card {
        padding: 0 35px;
    }
    .banner_imgsec{
        width:50%;
    }
    .banner_imgsec img{
        height:550px;
    }
    .banner_slic::before{
        content:unset;
    }
    .banner_contentsec h1{
        font-size:52px;
    }
        .banner_contentsec p {
            padding-left: 5em;
        }

        .footer_title {
            width: 50%;
        }
        .footer_contact {
            width: 50%;
            float: left;
            padding-left: 0px;
        }
        .footer_rating {
            width: 42%;
        }
        .footer_section:before {
            top: 120px;
            right: 0px;
        }


        .header_top {
            text-align: center;
        }

        .header_section a img {
            width: 95px;
            height: 95px;
        }

        .inner_header_top {
            padding-left: 0em;
        }
        .header_top {
            padding: 11px 0;
        }
        a.head_call {
            border-right: 0;
            border-left: 0;
            padding: 0 1px;
            padding-right: 15px;
        }
        .inner_header_top a {
            font-size: 14px;
            display: block;
        }


        .mobile-top-head {
            display: block;
        }
        .header_menu {
            display: none;
        }
        .inner_header_top {
            display: block;
        }

        /* .mob_navi.menu, .mobile-top-head, .mobile.header, .mobile.mobile-one {
            display: block;
        }
        .mob_navi.menu_open {
            transform: translate(0, 0);
        }
        .mob_navi {
            position: fixed;
            top: 0;
            width: 350px;
            height: 100%;
            padding-top: 10px;
            overflow-x: hidden;
            z-index: 999999;
            background-color: #fff;
        }
        .mobile-header {
            float: left;
            right: 10px;
            top: 25px;
            z-index: 99999;
        }
        .header-logo-mob, .mobile-header {
            display: block;
            position: absolute;
        }
        .mobile-header button.navbar-toggle {
            background-color: #00655f;
        }
        .mobile-header button.navbar-toggle {
            color: #fff;
            float: left;
            margin-left: 5px;
            margin-right: 5px;
            padding: 9px 8px;
            top: 0;
            left: 0;
            z-index: 999;
            background-color: #00655f;
            display: block;
            border-width: 0;
            cursor: pointer;
        }
        .mobile-header .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 4px;
        }
        .mob_navi, .submenu_open #mob_menu {
            transform: translate(-100%, 0);
            transition: .5s;
        }
      
        .mobile-logo {
            width: 100%;
            text-align: center;
            margin-bottom: 1em;
            padding: 10px 0;
        }

        .mob_navi #primary-nav {
            padding: 0;
            float: left;
            width: 100%;
            position: relative;
        }
        .mob_navi #primary-nav, .sub-menu {
            margin: 0;
            background-color: #fff;
        }
        .mob_navi #primary-nav li {
            list-style-type: none;
            border-bottom: 1px solid #eee;
        }
        .mob_navi #primary-nav li a {
            text-decoration: none;
            color: #272727;
            display: block;
            padding: 12px 15px;
            font-size: 16px;
            font-family: 'Montserrat-Regular';
        }
        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
        }

        .mobile-logo img {
            width: 140px;
            height: 140px;
            object-fit: contain;
        }
        .submenu_open #mob_menu {
            transform: translate(-100%, 0px);
            transition: .5s
          }
          .mob_navi ul.sub-menu.submenu_open {
        
            transform: translate(0%, 0px);
        
            transition: .5s;
        
            height: 100%
        
          }

          .mob_navi ul.sub-menu {
            position: absolute;
            z-index: 9999;
            width: 100%;
            top: 0;
            left: 0;
            transform: translate(100%, 0px);
            transition: .5s;
            padding-bottom: 15px;
            padding-left: 0;
            background-color: #fff;
            font-style: normal;
            font-weight: bold;
        }
        .mob_sub_navigate i.fa.fa-times {
            width: 45%;
            padding-right: 15px;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            text-align: right;
            cursor: pointer;
            color: #272727;
            float: right;
        }
    
        .mob_sub_navigate i.fa.fa-chevron-left {
            width: 46%;
            padding-left: 15px;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            cursor: pointer;
            opacity: 0;
            transition: .5s;
            color: #272727;
            /* display: none; */
        /* } */
        /* .mob_navi.menu.menu_open.submenu_open1 i.fa.fa-chevron-left
         {
                opacity: 1;
            }

        


        .mob_navi.menu.menu_open.submenu_open1 span {
            opacity: 1;
        } */

        /* .menu-item-has-children i.fa.fa-chevron-right {
            font-size: 16px;
            display: inline-block;
            width: 10px;
            text-align: center;
            right: 10px;
            line-height: 10px;
            cursor: pointer;
            float: right;
            margin-right: 5px;
            color: #272727;
            position: relative;
            top: -27px;
        }

        .header_menu i {
            display: block;
        }

        header .banner-row .slideshow-container .banner-container .overlay blockquote p {
            font-size: 16px;
        } 
         */


         .mob_navi.menu, .mobile-top-head, .mobile.header, .mobile.mobile-one {
            display: block;
        }
        .header-logo-mob, .mobile-header {
            display: block;
            position: absolute;
        }
        .mobile-header {
            float: left;
            right: 15px;
            top: 25px;
            z-index: 99999;
        }
        .mobile-header button.navbar-toggle {
            color: #fff;
            float: left;
            margin-left: 5px;
            margin-right: 5px;
            padding: 9px 8px;
            top: 0;
            left: 0;
            z-index: 999;
            background-color: #00655f;
            display: block;
            border-width: 0;
            cursor: pointer;
        }
        /* #mob_menu li:hover {
            background-color: #00655f;
          
            transition: .5s;
        } */
        /* #mob_menu li:hover a{
            color: #fff;
        } */
        #mob_menu li:hover span{
            /* color: #fff; */
            margin-top: -4px;
        }
        .mob_navi, .mobile-header .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 4px;
        }
        .mob_navi, .submenu_open #mob_menu {
            transform: translate(-100%, 0);
            transition: .5s;
        }
        .mob_navi {
            position: fixed;
            top: 0;
            width: 350px;
            height: 100%;
            overflow-x: hidden;
            overflow-y: unset;
            z-index: 999999;
            border-top-left-radius: 0;
        }
        .mob_navi.menu_open {
            transform: translate(0, 0);
        }
        .mob_navi.menu, .mobile-top-head, .mobile.header, .mobile.mobile-one {
            display: block;
        }
        .mob_sub_navigate i, .mob_sub_navigate span {
            height: 35px;
            line-height: 35px;
            font-size: 18px;
        }
        .mob_sub_navigate span {
            width: 50%;
            padding-left: 15px;
            cursor: pointer;
            opacity: 0;
            transition: .5s;
            color: #272727;
        }
        #mob_menu, .mob_sub_menu {
            padding: 0;
            margin: 0;
            background-color: #fff;
        }
        #mob_menu, .mob_sub_menu, .professionalwrap:before {
            width: 100%;
        }
        #mob_menu {
            float: left;
            position: relative;
        }
        #mob_menu li a {
            text-decoration: none;
            color: #272727;
            display: block;
            padding: 12px 15px;
            font-size: 16px;
            font-family: 'Montserrat-Regular';
        }
        #mob_menu li {
            list-style-type: none;
            border-bottom: 1px solid #eee;
        }

        .mob_navi, .submenu_open #mob_menu {
            transform: translate(-100%, 0);
            transition: .5s;
        }

        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
        }
        .mob_sub_link span {
            font-size: 16px;
            width: 10px;
            text-align: center;
            right: 10px;
            line-height: 10px;
            margin-right: 5px;
            top: -27px;
            float: right;
            position: relative;
            display: inline-block;
        }
        .mob_sub_navigate i {
            width: 98%;
            padding-right: 15px;
            text-align: right;
        }

        .mobile-logo img {
            width: 125px;
            height: 125px;
            margin: 0 auto;
            display: block;
        }
        .mobile-logo {
            margin: 16px 0;
        }
        .mob_sub_link.active span {
            transform: rotate(180deg);
            transition: 0.5s;
        }

        span.fa.fa-chevron-down {
            display: block;
        }


/* width */
.mob_navi::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .mob_navi::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  .mob_navi::-webkit-scrollbar-thumb {
    background: #00655f; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  .mob_navi::-webkit-scrollbar-thumb:hover {
    background: #00655f; 
  }


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

    .welcome_section h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .welcome_section p {
        font-size: 16px;
        line-height: 30px;
    }
    a.link_btn {
        font-size: 20px;
    }
    .facilities_wrapper {
        margin: 1em 0;
    }
    .facilities_section {
        padding: 25px 20px;
    }
    .facilities_section h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .service_section h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .vocation_image {
        width: 100%;
        float: left;
        margin-left: 0;
    }
    .vocation_section h3 {
        font: 600 30px / 45px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
    }
    .vocation_section p {
        font-size: 16px;
    }
    .vocation_image img {
        height: 350px;
    }
    .vocation_wrapper {
        padding: 30px 0;
    }
    .visitor_image {
        width: 100%;
    }
    .visitor_image img {
        height: 350px;
    }
    .visitor_section h3 {
        font: 600 30px / 40px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
        margin-bottom: 10px;
    }
    .visitor_section p {
        font-size: 16px;
        line-height: 30px;
    }
    .testimonial_items p {
        font-size: 25px;
        line-height: 40px;
    }
    .testimonial_items span {
        font-size: 20px;
        margin-top: 13px;
    }
    .team_section h3 {
        font-size: 25px;
    }
    .team_row {
        max-width: 100%;
    }
    .inner_team_card {
        padding: 0 10px;
    }
    .team_card p {
        font-size: 20px;
    }
    .team_card h4 {
        font-size: 23px;
        margin-top: 10px;
    }
    .team_card img {
        height: 250px;
    }

    .banner_imgsec {
        width: 100%;
        margin-bottom: 10px;
    }
    .banner_contentsec {
    position: unset;
    float: left;
    width: 100%;
    text-align: unset;
    align-content: unset;
    height: auto;
}
    .banner_contentsec p {
        padding-left: 0em;
    }
        .banner_contentsec h1 {
        font-size: 48px;
        line-height: 56px;
    }
    .sliderwrapper{
        padding:0;
    }
    .banner_imgsec img{
        height:500px;
    }
    .row{
        overflow: visible; 
    }

    header .menu-row .primary-nav .center-container .logo-container {
        left: 20px;
        top: -25px;
    }

    .footer_title {
        width: 100%;
        margin-bottom: 15px;
    }
    .inner_footer_rating {
        margin-top: 16px;
    }
    .footer_contact {
        width: 100%;
    }
    .footer_rating {
        width: 100%;
        padding-left: 0;
    }

    .footer_section:before{
        content: unset;
    }

    header .banner-row .slideshow-container .banner-container img {
        height: 350px;
        object-fit: cover;
    }
    
    header .banner-row .slideshow-container .banner-container .overlay blockquote {
        max-width: 93%;
    }


}

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

    .welcome_section h2 {
        font-size: 25px;
        line-height: 30px;
    }
    a.link_btn {
        font-size: 18px;
        padding: 5px 25px;
        margin-top: 15px;
    }
    .facility_card h3
    {
        margin-top: 15px;
        font: 400 20px / 30px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
    }
    .service_section {
        padding: 15px 20px;
    }

    .service_card h3
    {
        margin-top: 20px;
    }

    a.meet_team{
        font-size: 20px;
        margin-top: 15px;
        padding: 5px 30px;
    }
    .vocation_wrapper {
        margin: 1em 0;
    }
    .visitor_wrapper {
        margin: 1em 0;
    }
    .visitor_section h3 {
        font: 600 23px / 40px droid_serifregular, "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
    }
    .inner_testimonial_items {
        max-width: 100%;
    }
    .team_section h3 {
        line-height: 35px;
    }
    .team_card
    {
        width: 100%;
    }
    .inner_team_card {
        padding: 0 22px;
        margin-bottom: 20px;
    }
    .testimonial_items p {
        font-size: 21px;
        line-height: 38px;
    }

    .banner_imgsec img {
        height: 350px;
    }
    .banner_contentsec span{
        font-size:18px;
    }
    .banner_contentsec h1 {
        font-size: 38px;
        line-height: 48px;
        /* filter: blur(1px); */
    }
    .banner_contentsec p{
        font-size: 16px;
        line-height:30px;
    }
    .banner_slic .slick-list.draggable {
    padding: 1em 0em;
}

header .menu-row{
    padding: 0;
}
header .menu-row .primary-nav .center-container .logo-container{
    top: -8px;
}
.facilities_section {
    padding: 25px 0px;
}
.service_section {
    padding: 15px 0px;
}

.inner_footer_rating {
    padding-left: 20px;
}

header .banner-row .slideshow-container .banner-container img{

    height:300px;
    }

    .banner_slic button.slick-prev.slick-arrow {
        top: 170px;
        left: -5px;
        bottom: auto;
    }    
    .banner_slic button.slick-prev.slick-arrow:before {
        width: 30px;
        height: 30px;
    }

    .banner_slic button.slick-next.slick-arrow{
        top: 170px;
        right: -5px;
        bottom: auto;
        left: auto;
    }
    .banner_slic button.slick-next.slick-arrow:before{
        width: 30px;
        height: 30px;
    }


}