@media (min-width:1200px) {
  .tw-hero-slider .owl-nav button {
    left: 40px
  }
  .tw-hero-slider .owl-nav button.owl-next {
    right: 40px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .tw-top-bar-angle .top-contact-info span {
    padding-right: 10px
  }
  ul.navbar-nav li {
    padding: 0 0
  }
  ul.tw-dropdown-menu li,
  .tw-mega-menu ul li {
    padding: 7px 2px
  }
  .tw-service-box-list {
    max-width: 100%
  }
  .tw-service-list .section-heading p {
    margin-top: -15px
  }
  .tw-service-list .section-heading .animate-border {
    margin-top: 15px!important
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 12px;
    margin-right: 2px;
    padding: 14px 8px!important
  }
  .contact-inline span,
  .top-contact span {
    padding-right: 15px
  }
  .top-links-inline a {
    padding-left: 15px
  }
  .mobile-app-features-screen {
    text-align: center
  }
  .mobile-app-features-screen img {
    max-width: 100%
  }
  .tw-nav-brand {
    width: 180px
  }
  .tw-nav-brand img {
    max-width: 100%
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 10px
  }
  .tw-head {
    width: 100%;
    padding: 5px 0
  }
  .owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    height: auto
  }
  .slider-items {
    height: 458px;
    padding-top: 0
  }
  .core_features_tab a {
    font-size: 13px
  }
  .heading-titel {
    font-size: 22px
  }
  .titel-sub-text {
    font-size: 14px
  }
  .section-heading {
    margin-bottom: 10px
  }
  p {
    font-size: 13px;
    line-height: 24px
  }
  .benefit_point {
    font-size: 13px
  }
  .tab-con-item .view p {
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px 10px
  }
  .facts-title {
    font-size: 26px
  }
  .facts-content .counter {
    font-size: 28px
  }
  .facts-content .pluse {
    font-size: 28px
  }
  .casestudy-content h4 {
    font-size: 16px;
    line-height: 28px
  }
  .casestudy-content p {
    font-size: 14px;
    line-height: 22px
  }
  .mobile-app-features-row .titel-text {
    font-size: 18px;
    margin: 8px 0 10px 0
  }
  .mobile-app-features-row .details-text {
    font-size: 14px
  }
  .mobile-app-features-row {
    margin: 0 0 15px 0
  }
  .footer-contact-info li .info-wrapper .info-subtitle {
    font-size: 11px
  }
  .tw-top-bar .col-md-8 {
    max-width: 50%;
    width: 50%;
    flex: 50%
  }
  .tw-top-bar .col-md-4 {
    max-width: 50%;
    width: 50%;
    flex: 50%
  }
  .top-menu-tab-row a .top-menu-tab-icon {
    margin: 0 auto 12px auto;
    display: block;
    position: relative;
    left: 0;
    top: 0
  }
  .top-menu-tab-row a {
    float: left;
    margin: 0;
    padding: 10px 16px;
    position: relative;
    text-align: center
  }
  .top-menu-tab-row a.current .active {
    left: 41%
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li {
    width: 290px
  }
  .mkdf-grid {
    width: auto;
    margin: 0 auto;
    text-align: center
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-breadcrumbs-info {
    white-space: normal
  }
  .mkdf-title-holder .mkdf-title-image img {
    display: block;
    width: 100%;
    min-height: 200px
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-page-title {
    font-size: 20px;
    font-weight: 400
  }
  .tw-right-btn-div a {
    padding: 8px 12px;
    line-height: 20px;
    font-size: 13px
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li a {
    font-size: 13px;
    line-height: 24px
  }
  ul.tw-dropdown-menu li a {
    font-size: 13px;
    line-height: 24px
  }
  .column-title {
    font-size: 20px;
    margin-bottom: 32px
  }
  .column-title::after {
    bottom: -20px
  }
  .tw-about-bin p {
    font-size: 13px;
    line-height: 24px;
    margin: 0
  }
  .smp-box li {
    list-style: none;
    padding: 0;
    margin: 1%;
    display: inline-block;
    border: 1px solid #d6d6d6
  }
  .smp-box {
    margin: 0
  }
  .smp-box .casestudy-content h4 {
    font-size: 13px
  }
  .middle-tabs-out ul.nav-tabs li a {
    padding: 13px 12px 8px 12px;
    margin: 0;
    font-size: 13px;
    line-height: 22px
  }
  .middle-tabs-out ul.nav-tabs li a.active {
    padding-bottom: 8px
  }
  .middle-tabs-out ul.nav-tabs li a:hover {
    padding-bottom: 8px
  }
  .features_item li {
    font-size: 13px;
    line-height: 24px
  }
  .slider-content h1 {
    font-size: 30px;
    margin-bottom: 15px;
    padding: 0;
    line-height: 46px
  }
  .slider-content h2 {
    font-size: 18px;
    margin-bottom: 0;
    padding: 0
  }
  .slider-items .slide-text-right {
    padding-left: 0
  }
  .slider-content .slider-hd-two {
    font-size: 24px;
    margin-top: 12px;
    padding: 0;
    line-height: 36px;
    margin-bottom: 8px
  }
  .slider-content .slider-sd-two {
    font-size: 24px;
    margin-bottom: 13px;
    padding: 0;
    letter-spacing: 1px
  }
  .slider-content .slider-sd-three {
    font-size: 22px;
    line-height: 34px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .top-contact {
    margin-bottom: 30px
  }
  .top-contact li {
    padding-left: 0
  }
  .top-bar-angle-info span {
    font-size: 10px
  }
  .tw-top-bar-angle:after {
    border-top: 0
  }
  .tw-top-bar-angle:before {
    width: 55%
  }
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    background: none
  }
  .top-info {
    float: none
  }
  .top-info .info-wrapper {
    margin-right: 30px
  }
  .tw-head {
    width: 100%;
    padding: 10px 0
  }
  ul.navbar-nav li {
    padding: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 15px 0
  }
  .tw-dropdown-menu {
    padding-top: 0
  }
  ul.tw-dropdown-menu:after {
    display: none
  }
  ul.tw-dropdown-menu {
    padding-bottom: 0
  }
  .tw-mega-menu {
    padding-top: 15px
  }
  .tw-mega-menu ul li:not(:first-child) {
    padding-left: 15px
  }
  li.dropdown:hover ul.tw-dropdown-menu,
  li.dropdown:hover .tw-mega-menu {
    display: none
  }
  ul.navbar-nav>li.nav-item>a.nav-link.active:before,
  ul.navbar-nav>li.nav-item>a.nav-link.active:after,
  ul.navbar-nav>li.nav-item>a.nav-link:before,
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    opacity: 0;
    -webkit-animation: none;
    animation: none
  }
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    background: none
  }
  li.dropdown:hover ul.tw-dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  ul.tw-dropdown-menu li {
    padding: 7px 0
  }
  ul.tw-dropdown-menu {
    padding-top: 0
  }
  .tw-mega-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .tw-mega-menu:after {
    display: none
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 0
  }
  span.tw-indicator {
    float: right;
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid #28b05f;
    line-height: 30px;
    position: relative;
    top: -3px
  }
  .footer-widget {
    margin-top: 30px
  }
  .contact-info h3 {
    font-size: 18px
  }
  .contact-info p {
    font-size: 14px
  }
  .copyright a {
    font-size: 13px
  }
  .copyright span {
    font-size: 13px;
    text-align: center;
    display: block
  }
  .tw-footer .contact-us {
    margin-top: 50px;
    margin-bottom: 30px;
    padding-left: 0
  }
  .copyright-menu ul {
    text-align: center;
    padding-left: 0
  }
  .copyright-menu li {
    padding: 0 10px
  }
  .tw-offcanvas-menu {
    width: 100%;
    text-align: right;
    padding: 15px 0;
    position: relative;
    right: -25px
  }
  .tw-nav-brand {
    width: 180px
  }
  .tw-nav-brand img {
    max-width: 100%
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 10px
  }
  .tw-head {
    width: 100%;
    padding: 5px 0
  }
  .top-contact-info .call-details-clo {
    font-size: 12px
  }
  .owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    height: auto
  }
  .slider-items {
    height: 336px;
    padding-top: 0
  }
  .heading-titel {
    font-size: 22px
  }
  .titel-sub-text {
    font-size: 14px
  }
  p {
    font-size: 14px;
    line-height: 26px
  }
  .section-heading {
    margin-bottom: 15px
  }
  .core_features_tab a {
    font-size: 10px
  }
  .facts-title {
    font-size: 26px
  }
  .count_box_in {
    width: 190px;
    height: 190px;
    border: 2px solid #fff
  }
  .facts-content .counter {
    font-size: 24px
  }
  .facts-content .pluse {
    font-size: 24px
  }
  .mobile-app-features-screen {
    text-align: center
  }
  .mobile-app-features-screen img {
    max-width: 100%
  }
  .footer-contact-info li span {
    width: 32px
  }
  .footer-contact-info li .info-wrapper .info-subtitle {
    font-size: 14px
  }
  .footer-contact-info li .info-wrapper .info-title {
    font-size: 18px
  }
  .footer-contact-info {
    list-style: none;
    margin: 5px 0;
    padding: 0
  }
  .footer-contact {
    padding-bottom: 20px;
    margin-bottom: 20px
  }
  .footer-info-text {
    font-size: 13px;
    line-height: 26px;
    margin: 10px 0;
    text-align: justify
  }
  .footer-social-link {
    margin-bottom: 10px
  }
  .tw-footer-info-box .footer-social-link h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px
  }
  .footer-widget h3 {
    font-size: 20px;
    margin-bottom: 40px
  }
  .footer-widget p {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 24px;
    text-align: justify
  }
  .copyright {
    padding: 10px 0;
    margin-top: 22px;
    font-size: 14px;
    text-align: center
  }
  .tw-footer-form input[type="email"] {
    padding: 10px 28px
  }
  .tw-footer-form button[type="submit"] {
    padding: 8px 24px 8px 17px
  }
  .navbar-fixed {
    position: relative
  }
  .top-menu-tab-row {
    border-bottom: none
  }
  .top-menu-tab {
    padding: 0
  }
  .top-menu-tab-row a {
    float: none;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    padding: 24px 12px 24px 66px!important
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li {
    padding: 5px 0;
    margin: 0 0;
    width: auto;
    float: none
  }
  .navbar-light .navbar-nav .nav-link {
    margin-right: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 12px 0px!important;
    border-bottom: 1px solid #d3d3d3
  }
  .mkdf-grid {
    width: auto;
    margin: 0 auto;
    text-align: center
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-breadcrumbs-info {
    white-space: normal
  }
  .mkdf-title-holder .mkdf-title-image img {
    display: block;
    width: 100%;
    min-height: 200px
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-page-title {
    font-size: 20px;
    font-weight: 400
  }
  .tw-about-bin p {
    padding-left: 0;
    padding-right: 0
  }
  .column-title {
    font-size: 20px;
    margin-bottom: 36px
  }
  .col-img-div {
    margin: 10px 0
  }
  .benefits-online-admission-img {
    margin: 15px 10px 0 10px
  }
  .mkdf-grid {
    width: auto;
    margin: 0 auto;
    text-align: center
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-breadcrumbs-info {
    white-space: normal
  }
  .mkdf-title-holder .mkdf-title-image img {
    display: block;
    width: 100%;
    min-height: 200px
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-page-title {
    font-size: 20px;
    font-weight: 400
  }
  .tw-about-bin p {
    padding-left: 0;
    padding-right: 0
  }
  .column-title {
    font-size: 20px;
    margin-bottom: 36px
  }
  .col-img-div {
    margin: 10px 0
  }
  .benefits-online-admission-img {
    margin: 15px 10px 0 10px
  }
  #inner-menu-bar {
    display: inline-block;
    width: 100%
  }
  .smp-box li {
    list-style: none;
    padding: 0;
    margin: 1%;
    display: block;
    float: left;
    width: 48%
  }
  .smp-box {
    margin: 0
  }
  .smp-box .casestudy-content h4 {
    font-size: 13px
  }
  .smp-img img {
    display: block;
    min-width: 100%;
    height: 220px
  }
  .inner-contain-list-r ul li {
    line-height: 24px;
    font-size: 13px
  }
  .middle-tabs-out ul.nav-tabs li {
    padding: 0;
    margin: 0 2px;
    float: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccccc8
  }
  .middle-tabs-out ul.nav-tabs li a {
    padding: 13px 18px 8px 18px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100%
  }
  .middle-tabs-out .tab-content .benefit_point .tab-point-img-div {
    float: none;
    width: 250px;
    margin: 0 auto 10px auto
  }
  .middle-tabs-out .tab-content .benefit_point .point-titel-green {
    font-size: 14px
  }
  .slider-content h1 {
    font-size: 26px;
    margin-bottom: 10px;
    padding: 0;
    line-height: 40px
  }
  .slider-content h2 {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0
  }
  .slider-items .slide-text-right {
    padding-left: 0
  }
  .slider-content .slider-hd-two {
    font-size: 18px;
    margin-top: 5px;
    padding: 0;
    line-height: 36px;
    margin-bottom: 0
  }
  .slider-content .slider-sd-two {
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0;
    letter-spacing: 1px
  }
  .banner-top-app-store-row .btn-clo-div {
    width: 150px
  }
  .banner-tow-btn-clo-div {
    width: 150px
  }
  .btn-row-div .btn-clo-div {
    width: 130px
  }
  .slider-content .slider-sd-three {
    font-size: 22px;
    line-height: 34px
  }
  .footer-map-div a {
    text-align: center
  }
}

@media (min-width:480px) and (max-width:767px) {
  .top-info {
    float: none;
    margin: 0
  }
  .top-contact ul {
    text-align: left
  }
  .top-contact li {
    display: block;
    padding-left: 0
  }
  .top-contact li p {
    margin-bottom: 10px
  }
  .top-contact-info span i {
    margin-left: 0;
    display: none
  }
  .tw-top-bar-angle:before,
  .tw-top-bar-angle:after {
    display: none
  }
  .top-bar-angle-info span,
  .top-bar-angle-info i {
    color: #2e2c2d
  }
  .tw-top-bar-angle .top-contact-info span {
    color: #2e2c2d;
    padding-left: 0;
    padding-right: 0;
    text-align: center
  }
  .tw-top-bar-angle .top-bar-angle-info {
    text-align: center
  }
  .tw-head {
    width: 100%;
    padding: 10px 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 15px 0
  }
  ul.tw-dropdown-menu {
    padding-top: 0
  }
  .tw-mega-menu {
    padding: 0 15px;
    width: 100%
  }
  ul.tw-dropdown-menu:after {
    display: none
  }
  ul.tw-dropdown-menu {
    padding-bottom: 0;
    width: 100%
  }
  .tw-mega-menu ul li:not(:first-child) {
    padding-left: 15px
  }
  li.dropdown:hover ul.tw-dropdown-menu,
  li.dropdown:hover .tw-mega-menu {
    display: none
  }
  ul.navbar-nav>li.nav-item>a.nav-link.active:before,
  ul.navbar-nav>li.nav-item>a.nav-link.active:after,
  ul.navbar-nav>li.nav-item>a.nav-link:before,
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    opacity: 0;
    -webkit-animation: none;
    animation: none
  }
  li.dropdown:hover ul.tw-dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .tw-mega-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .tw-mega-menu:after {
    display: none
  }
  ul.navbar-nav a {
    padding: 0
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 0
  }
  span.tw-indicator {
    float: right;
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid #28b05f;
    line-height: 30px;
    position: relative;
    top: -3px
  }
  .tw-footer-info-box {
    position: relative;
    top: 0
  }
  .footer-left-widget {
    padding-left: 0;
    margin-top: 30px
  }
  .contact-us {
    margin-top: 40px
  }
  .contact-info h3 {
    font-size: 18px
  }
  .contact-info p {
    font-size: 14px
  }
  .copyright a {
    font-size: 13px
  }
  .copyright span {
    font-size: 13px
  }
  .copyright {
    text-align: center
  }
  .copyright-menu li {
    padding-left: 0;
    padding: 10px
  }
  .copyright-menu ul {
    text-align: center;
    padding-left: 0
  }
  .footer-awarad {
    margin-top: 40px;
    margin-bottom: 40px
  }
  .tw-footer .contact-us.contact-us-last {
    margin-left: 0;
    margin-bottom: 0
  }
  .tw-footer .contact-us {
    padding-left: 0
  }
  .post-meta span {
    margin-right: 5px
  }
  .tw-offcanvas-menu {
    width: 100%;
    text-align: right;
    padding-bottom: 15px;
    position: relative;
    right: -25px
  }
  .top-contact-info {
    text-align: center
  }
  .tw-nav-brand {
    width: 180px
  }
  .tw-nav-brand img {
    max-width: 100%
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 10px
  }
  .tw-head {
    width: 100%;
    padding: 5px 0
  }
  .owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    height: auto
  }
  .slider-items {
    height: 256px;
    padding-top: 0
  }
  .heading-titel {
    margin: 0 0 8px 0;
    padding: 0 0 12px 0;
    font-size: 22px;
    line-height: 30px
  }
  .titel-sub-text {
    font-size: 14px
  }
  .section-heading {
    margin-bottom: 10px
  }
  p {
    font-size: 14px;
    line-height: 28px
  }
  .core_features_tab a {
    padding: 5px 0;
    font-size: 13px;
    line-height: 18px;
    word-wrap: break-word
  }
  .tw-case-study-box {
    margin-bottom: 15px
  }
  .mobile-app-features-screen {
    text-align: center
  }
  .mobile-app-features-screen img {
    max-width: 100%
  }
  .footer-contact-info li span {
    width: 32px
  }
  .footer-contact-info li .info-wrapper .info-subtitle {
    font-size: 14px
  }
  .footer-contact-info li .info-wrapper .info-title {
    font-size: 18px
  }
  .footer-contact-info {
    list-style: none;
    margin: 5px 0;
    padding: 0
  }
  .footer-contact {
    padding-bottom: 20px;
    margin-bottom: 20px
  }
  .footer-info-text {
    font-size: 13px;
    line-height: 26px;
    margin: 10px 0;
    text-align: justify
  }
  .footer-social-link {
    margin-bottom: 10px
  }
  .tw-footer-info-box .footer-social-link h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px
  }
  .footer-widget h3 {
    font-size: 20px;
    margin-bottom: 40px
  }
  .footer-widget ul {
    width: 100%;
    float: none;
    list-style: none
  }
  .footer-widget p {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 24px;
    text-align: justify
  }
  .copyright {
    padding: 10px 0;
    margin-top: 22px;
    font-size: 14px
  }
  .tw-footer-form input[type="email"] {
    padding: 10px 28px
  }
  .tw-footer-form button[type="submit"] {
    padding: 8px 24px 8px 17px
  }
  .navbar-fixed {
    position: relative
  }
  .top-menu-tab-row {
    border-bottom: none
  }
  .top-menu-tab {
    padding: 0
  }
  .top-menu-tab-row a {
    float: none;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    padding: 24px 12px 24px 66px!important
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li {
    padding: 5px 0;
    margin: 0 0;
    width: auto;
    float: none
  }
  .navbar-light .navbar-nav .nav-link {
    margin-right: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 12px 0px!important;
    border-bottom: 1px solid #d3d3d3
  }
  .mkdf-grid {
    width: auto;
    margin: 0 auto;
    text-align: center
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-breadcrumbs-info {
    white-space: normal
  }
  .mkdf-title-holder .mkdf-title-image img {
    display: block;
    width: 100%;
    min-height: 200px
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-page-title {
    font-size: 20px;
    font-weight: 400
  }
  .tw-about-bin p {
    padding-left: 0;
    padding-right: 0
  }
  .column-title {
    font-size: 20px;
    margin-bottom: 36px
  }
  .col-img-div {
    margin: 10px 0
  }
  .benefits-online-admission-img {
    margin: 15px 10px 0 10px
  }
  .main-point-titel-blue {
    font-size: 18px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0
  }
  #inner-menu-bar {
    display: inline-block;
    width: 100%
  }
  .smp-box li {
    list-style: none;
    padding: 0;
    margin: 1%;
    display: block;
    float: left;
    width: 48%
  }
  .smp-box {
    margin: 0
  }
  .smp-box .casestudy-content h4 {
    font-size: 13px
  }
  .panel-title>a,
  .panel-title>a:active {
    padding: 8px 10px;
    line-height: 20px;
    font-size: 14px
  }
  .inner-contain-list-r ul li {
    line-height: 24px;
    font-size: 13px
  }
  .middle-tabs-out ul.nav-tabs li {
    padding: 0;
    margin: 0 2px;
    float: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccccc8
  }
  .middle-tabs-out ul.nav-tabs li a {
    padding: 13px 18px 8px 18px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100%
  }
  .middle-tabs-out .tab-content .benefit_point .tab-point-img-div {
    float: none;
    width: 250px;
    margin: 0 auto 10px auto
  }
  .middle-tabs-out .tab-content .benefit_point .point-titel-green {
    font-size: 14px
  }
  .slider-items.bennar-one .col-md-6,
  .slider-items.bennar-three .col-md-6 {
    float: left;
    width: 50%
  }
  .slider-content h1 {
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 12px;
    line-height: 24px
  }
  .slider-content h2 {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 16px
  }
  .slider-items .slide-text-right {
    padding-left: 0
  }
  .slider-content .slider-hd-two {
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px;
    margin-bottom: 8px
  }
  .slider-content .slider-sd-two {
    font-size: 13px;
    margin-bottom: 8px;
    letter-spacing: 1px;
    line-height: 16px
  }
  .top-contact-info .call-details-clo {
    width: 50%;
    margin: 3px 0;
    padding: 0 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    float: left;
    text-align: left
  }
  .banner-top-app-store-row {
    margin: 0 0 0 0;
    display: none
  }
  .banner-tow-btn-clo-div {
    display: none
  }
  .slider-content .slider-sd-three {
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase
  }
  .btn-row-div {
    display: none
  }
  .copyright-bottom-link {
    text-align: center
  }
  .top-contact-info .call-details-clo {
    width: 49%;
    margin: 3px 0;
    padding: 0 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    float: left;
    text-align: left
  }
  .footer-map-div,
  .footer-map-div a {
    text-align: center
  }
}

@media (max-width:480px) {
  .top-contact li i {
    top: 15px
  }
  .top-contact-info span {
    display: block
  }
  .slider-3 .slider-content {
    padding-left: 0
  }
  .tw-features-area .column-title {
    margin-right: 0
  }
  .post-info {
    margin-left: 0;
    text-align: center
  }
  .tw-off-search {
    right: -10px
  }
  .tw-social-links li {
    padding-right: 10px
  }
  .post-body {
    padding-left: 0
  }
  .post-item-date {
    position: relative
  }
  .post-date {
    margin: 0 auto
  }
  .post-item-date:before,
  .post-item-date:after {
    display: none
  }
  .entry-header,
  .tw-news-post .entry-content,
  .post-footer {
    margin-left: 0
  }
  .pagination li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px
  }
  .author-box .author-img {
    float: none;
    margin: 0 auto 20px
  }
  .author-box .author-info {
    margin-left: 0;
    text-align: center
  }
  .author-box .author-img {
    float: none;
    margin: 0 auto 20px
  }
  .author-box .author-info {
    margin-left: 0;
    text-align: center
  }
  .comment .comment-avatar {
    float: none;
    margin: 0 auto 15px;
    display: block
  }
  .comments-list {
    margin: 0;
    padding: 0
  }
  .comment-body {
    margin-left: 0
  }
  img.comment-avatar {
    float: none!important
  }
  .timeline-tab ul li a {
    font-size: 16px
  }
  .result-bg img {
    display: none
  }
  .top-contact span {
    display: block;
    max-width: 100%;
    margin-bottom: 25px
  }
  .top-contact i {
    position: relative;
    float: left;
    vertical-align: top;
    top: 5px
  }
  .top-links {
    padding-top: 0;
    text-align: left
  }
  .navbar-fixed {
    position: relative
  }
  .top-menu-tab-row {
    border-bottom: none
  }
  .top-menu-tab {
    padding: 0
  }
  .top-menu-tab-row a {
    float: none;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    padding: 24px 12px 24px 66px!important
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li {
    padding: 5px 0;
    margin: 0 0;
    width: auto;
    float: none
  }
  .navbar-light .navbar-nav .nav-link {
    margin-right: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 12px 0px!important;
    border-bottom: 1px solid #d3d3d3
  }
  .banner-top-app-store-row {
    margin: 0 0 0 0;
    display: none
  }
  .banner-tow-btn-clo-div {
    display: none
  }
  .slider-content .slider-sd-three {
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase
  }
  .btn-row-div {
    display: none
  }
  .copyright-bottom-link {
    text-align: center
  }
}

@media (min-width:320px) and (max-width:479px) {
  .tw-nav-brand {
    width: 180px
  }
  .tw-nav-brand img {
    max-width: 100%
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 10px
  }
  .tw-head {
    width: 100%;
    padding: 5px 0
  }
  .top-contact-info span {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    display: none
  }
  .owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    height: auto
  }
  .slider-items {
    height: 178px;
    padding-top: 0
  }
  .heading-titel {
    margin: 0 0 8px 0;
    padding: 0 0 12px 0;
    font-size: 16px;
    line-height: 24px
  }
  .titel-sub-text {
    font-size: 12px;
    line-height: 18px
  }
  .section-heading {
    margin-bottom: 15px
  }
  p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 10px
  }
  #welcome-to .welcome-img-div {
    margin: 5px 0 0 0
  }
  .core_features_tab a {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 5px 0;
    float: left
  }
  .tab-con-item .view p {
    line-height: 20px;
    font-size: 13px;
    padding: 0 10px 0;
    text-align: center
  }
  .facts-title {
    margin: 0 0 12px;
    font-size: 26px
  }
  .facts-content .counter {
    font-size: 28px
  }
  .facts-content .pluse {
    font-size: 28px
  }
  .facts-content {
    margin-bottom: 20px
  }
  .casestudy-content h4 {
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 24px
  }
  .casestudy-content p {
    font-size: 14px;
    line-height: 24px
  }
  .casestudy-content .readmore {
    font-size: 14px;
    margin: 0;
    padding: 5px 0 0 0
  }
  .tw-case-study-box {
    margin-bottom: 20px
  }
  .casestudy-content {
    margin: 20px 0 0 0
  }
  .mobile-app-features-row .details-text {
    font-size: 14px;
    line-height: 22px
  }
  .mobile-app-features-row .titel-text {
    font-size: 18px;
    margin: 12px 0 10px 0;
    padding: 0;
    line-height: 50px
  }
  .mobile-app-features-row {
    margin: 0 0 20px 0
  }
  .mobile-app-features-screen {
    text-align: center
  }
  .mobile-app-features-screen img {
    max-width: 100%
  }
  .app_features_button {
    margin-top: 10px;
    padding: 0 15px
  }
  .app_features_button a {
    font-size: 16px;
    padding: 10px 24px
  }
  .footer-contact-info li span {
    width: 32px
  }
  .footer-contact-info li .info-wrapper .info-subtitle {
    font-size: 11px
  }
  .footer-contact-info li .info-wrapper .info-title {
    font-size: 18px
  }
  .footer-contact-info {
    list-style: none;
    margin: 5px 0;
    padding: 0
  }
  .footer-contact {
    padding-bottom: 20px;
    margin-bottom: 20px
  }
  .footer-info-text {
    font-size: 13px;
    line-height: 26px;
    margin: 10px 0;
    text-align: justify
  }
  .footer-social-link {
    margin-bottom: 10px
  }
  .tw-footer-info-box .footer-social-link h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px
  }
  .footer-widget h3 {
    font-size: 20px;
    margin-bottom: 40px
  }
  .footer-widget ul {
    width: 100%;
    float: none;
    list-style: none
  }
  .footer-widget p {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 24px;
    text-align: justify
  }
  .copyright {
    padding: 10px 0;
    margin-top: 22px;
    font-size: 14px;
    text-align: center
  }
  .copyright-bottom-link {
    text-align: center
  }
  .tw-footer-form input[type="email"] {
    padding: 10px 28px
  }
  .tw-footer-form button[type="submit"] {
    padding: 8px 24px 8px 17px
  }
     .tw-top-bar{
         display: none;
    }
    
  .tw-top-bar .text-left {
    text-align: center!important
  }
  .tw-top-bar .text-right {
    text-align: center!important
  }
  ul.navbar-nav li {
    padding: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 15px 0
  }
  .tw-dropdown-menu {
    padding-top: 0
  }
  ul.tw-dropdown-menu:after {
    display: none
  }
  ul.tw-dropdown-menu {
    padding-bottom: 0
  }
  .tw-mega-menu {
    padding-top: 15px
  }
  .tw-mega-menu ul li:not(:first-child) {
    padding-left: 15px
  }
  li.dropdown:hover ul.tw-dropdown-menu,
  li.dropdown:hover .tw-mega-menu {
    display: none
  }
  ul.navbar-nav>li.nav-item>a.nav-link.active:before,
  ul.navbar-nav>li.nav-item>a.nav-link.active:after,
  ul.navbar-nav>li.nav-item>a.nav-link:before,
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    opacity: 0;
    -webkit-animation: none;
    animation: none
  }
  ul.navbar-nav>li.nav-item>a.nav-link:after {
    background: none
  }
  li.dropdown:hover ul.tw-dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  ul.tw-dropdown-menu li {
    padding: 7px 0
  }
  ul.tw-dropdown-menu {
    padding-top: 0
  }
  .tw-mega-menu {
    -webkit-box-shadow: none;
    box-shadow: none
  }
  .tw-mega-menu:after {
    display: none
  }
  .navbar-toggler {
    position: absolute;
    right: 0;
    top: 0
  }
  span.tw-indicator {
    float: right;
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid #28b05f;
    line-height: 30px;
    position: relative;
    top: -5px
  }
  .navbar-fixed {
    position: relative
  }
  .top-menu-tab-row {
    border-bottom: none
  }
  .top-menu-tab {
    padding: 0
  }
  .top-menu-tab-row a {
    float: none;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px
  }
  .top-menu-tab-con-item .tab-menu-list-div ul li {
    padding: 5px 0;
    margin: 0 0;
    width: auto;
    float: none
  }
  .navbar-light .navbar-nav .nav-link {
    margin-right: 0
  }
  ul.navbar-nav li.nav-item>a {
    padding: 12px 0px!important;
    border-bottom: 1px solid #d3d3d3
  }
  .mkdf-grid {
    width: auto;
    margin: 0 auto;
    text-align: center
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-breadcrumbs-info {
    white-space: normal
  }
  .mkdf-title-holder .mkdf-title-image img {
    display: block;
    width: 100%;
    min-height: 200px
  }
  .mkdf-title-holder.mkdf-standard-with-breadcrumbs-type .mkdf-page-title {
    font-size: 20px;
    font-weight: 400
  }
  .tw-about-bin p {
    padding-left: 0;
    padding-right: 0
  }
  .column-title {
    font-size: 20px;
    margin-bottom: 36px
  }
  .col-img-div {
    margin: 10px 0
  }
  .benefits-online-admission-img {
    margin: 15px 10px 0 10px
  }
  .main-point-titel-blue {
    font-size: 16px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0
  }
  #inner-menu-bar {
    display: inline-block;
    width: 100%
  }
  .smp-box li {
    margin: 10px 10px
  }
  .smp-box {
    margin: 0
  }
  .policy_points p {
    margin: 0;
    line-height: 24px
  }
  .benefit_point {
    color: #434343;
    font-size: 13px;
    line-height: 24px
  }
  .panel-title>a,
  .panel-title>a:active {
    padding: 8px 10px;
    line-height: 20px;
    font-size: 13px
  }
  .inner-contain-list-r ul li {
    line-height: 24px;
    font-size: 13px
  }
  .middle-tabs-out ul.nav-tabs li {
    padding: 0;
    margin: 0 2px;
    float: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccccc8
  }
  .middle-tabs-out ul.nav-tabs li a {
    padding: 13px 18px 8px 18px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100%
  }
  .middle-tabs-out .tab-content .benefit_point .tab-point-img-div {
    float: none;
    width: 250px;
    margin: 0 auto 10px auto
  }
  .middle-tabs-out .tab-content .benefit_point .point-titel-green {
    font-size: 14px
  }
  .features_item li {
    font-size: 13px;
    line-height: 24px
  }
  .slider-items.bennar-one .col-md-6,
  .slider-items.bennar-three .col-md-6 {
    float: left;
    width: 50%
  }
  .slider-content h1 {
    font-size: 11px;
    margin-bottom: 12px;
    margin-top: 12px;
    line-height: 22px
  }
  .slider-content h2 {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 16px
  }
  .slider-items .slide-text-right {
    padding-left: 0
  }
  .slider-content .slider-hd-two {
    font-size: 12px;
    margin-top: 6px;
    line-height: 18px;
    margin-bottom: 5px
  }
  .slider-content .slider-sd-two {
    font-size: 11px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    line-height: 16px
  }
  .top-contact-info .call-details-clo {
    width: 50%;
    margin: 3px 0;
    padding: 0 10px 0 0;
    font-size: 10px;
    line-height: 16px;
    float: left;
    text-align: left
  }
  .banner-top-app-store-row {
    margin: 0 0 0 0;
    display: none
  }
  .banner-tow-btn-clo-div {
    display: none
  }
  .slider-content .slider-sd-three {
    font-size: 8px;
    line-height: 18px;
    text-transform: uppercase
  }
  .btn-row-div {
    display: none
  }
  .app-store-row .btn-clo-div {
    width: 42%;
    height: auto;
    margin: 0 5px;
    display: inline-block
  }
  .footer-contact-info li .info-wrapper {
    display: inline-block;
    padding-left: 13px
  }
}