/*-------------------------------------------------------------------------------------
Theme Name:	Dental Care
Author: OG Web Solutions
Author URL: https://www.ogwebsolutions.com/


[Table of contents]

1. General Style
	1.1 @import font
	1.2 Typography
	1.3 Page Loader
2. Header
3. Navigation
4. Home Page
	4.1 Banner
	4.2 About
	4.3 Make an Appointment
	4.4 Quality Service
	4.5 Cources
	4.6 Our Services
	4.7 Our Services Detail
	4.8 how study
	4.9 why choose
	4.10 Our Blog
	4.11 Caption Style
	4.12 Campus Tour
	4.13 Our Doctors Team
	4.14 testimonials
5. Footer
6. About Page
7. Service Listing Page
8. Service Detail Page
	8.1 Service Detail Tab
	8.2 How to Apply
	8.3 comments section
9. Contact Page
10. Blog Page
11. Blog Detail Page
12. 404 page
13. Testimonial Page
14. Privacy Page
15. Register Page
16. Apply Online Page
17. Generic UI Page
18. Appointment Form Page
19. Doctors Page
20. Doctors Profile Page
21. Our Services Page
22. My Account page
23. My Doctor Page
24. My Notifications Page
25. Responsive Style
-------------------------------------------------------------------*/


/* ================================================== */


/* 01. General Style */


/* ================================================== */


/*---1.1 @import font---*/

@import url('https://fonts.googleapis.com/css?family=Mada&display=swap');
#demonote { display: none !important;}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
    display: none !important;}
body {
    font-family: 'Mada', sans-serif;
    font-size: 18px;
    color: #3c3c3c;
    line-height: 30px;
    font-weight: 400;
    direction: rtl;
    overflow-x: hidden;
}

body,
html,
.fancybox-inner {
    direction: rtl;
    overflow-x: hidden !important;
}

img {
    max-width: 100%;
}


/*---1.2 Typography---*/

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
    font-family: 'Mada', sans-serif;
    text-transform: uppercase;
    color: #24353b;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

p {
    padding: 0px;
    margin: 0px;
}

ol,
ul {
    margin-bottom: 0px;
}

a {
    text-decoration: none !important;
    outline: none;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.clear {
    clear: both;
}

label {
    font-weight: normal;
}

::-webkit-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}

:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    text-transform: uppercase;
}

::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    opacity: 1;
    text-transform: uppercase;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}


/*---1.3 Page Loader---*/

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

#loading .element {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8ec341;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}


/* ================================================== */


/* 02. header */


/* ================================================== */

header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    top: 0;
    right: 0;
}

header.sticky {
    box-shadow: 1px 1px 10px #6c6c6c;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

header.sticky .header-middle,
.header-middle {}

header.sticky .header-middle {
    padding: 10px 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header-middle .left {
    float: left;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-top: 12px;
}

header.sticky .header-middle .left {
    padding-top: 6px;
}

.header-middle .logo {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

header.sticky .header-middle .logo {
    max-width: 210px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header-top {
    display: block;
    background: #211d1e;
}

.header-top ul.follow-us {
    display: block;
    padding-top: 8px;
    float: left;
}

.header-top ul.follow-us li {
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
}

.header-top ul.follow-us li a {
    color: #646162;
}

.header-top ul.follow-us li a:hover {
    color: #fff;
}

.header-top .right-block {
    display: block;
    float: right;
}

.header-top ul.top-nav {
    display: block;
    padding-top: 8px;
    padding-right: 10px;
    float: left;
}

.header-top ul.top-nav li {
    display: block;
    padding: 0 13px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-top ul.top-nav li a {
    color: #6c777d;
}

.header-top ul.top-nav li a:hover {
    color: #fff;
}

.header-top .lang-wrapper {
    display: block;
    float: right;
}

.header-top .select-lang,
.header-top .select-lang2 {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-top .select-lang {
    margin-left: 1px;
}

.header-top .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0px;
    background: #302c2d;
}

.header-top .select2.select2-container {
    width: 100px !important;
}

.header-top .select2-container .select2-selection--single {
    height: 42px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    color: #fff;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered img {
    margin-right: 4px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 42px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px 5px 0;
    border-color: #c1c0c0 transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 6px;
}

.select2-dropdown {
    border: 1px #dedddd solid;
}

.select2-results__option {
    padding: 0 6px;
    font-size: 13px;
}

.select2-results__option .img-flag {
    margin-right: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #8ec341;
}

.header-middle {
    padding: 15px 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    float: left;
    width: 100%;
}

.header-middle .logo {
    float: right;
    max-width: 260px;
}

.header-middle .contact {
    display: block;
    padding: 25px 0 0 0;
    float: right;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

header.sticky .header-middle .contact {
    padding: 10px 0 0 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.header-middle .contact ul {
    display: block;
    float: left;
}

.header-middle .contact ul li {
    display: block;
    padding: 0 20px;
    float: left;
    font-family: 'Mada', sans-serif;
    font-size: 18px;
    color: #4f4a4a;
    line-height: 18px;
}

.header-middle .contact ul li:last-child {
    padding-right: 0;
}

.header-middle .contact ul li span {
    display: block;
    font-family: 'Mada', sans-serif;
    font-size: 12px;
    color: #8f9ba1;
    text-transform: uppercase;
}

.header-middle .contact ul li a {
    color: #4f4a4a;
    padding: 5px 0 5px 45px;
    font-size: 18px;
    line-height: 35px;
    color: #3c3c3c;
}

.header-middle .contact .mail {
    background: url(../images/mail-icon.png) left center no-repeat;
}

.header-middle .contact .ph-number {
    background: url(../images/ph-icon.png) left center no-repeat;
    background-position: 0 0;
}

.header-middle a.login {
    display: inline-block;
    padding: 5px 20px;
    border: 2px #2c97ea solid;
    border-radius: 5px;
    font-size: 12px;
    color: #6f7a7f;
    font-weight: 700;
}

.header-middle a.login:hover {
    background: #2c97ea;
    color: #fff;
}

.header-middle a.login span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
    font-size: 14px;
    color: #00aaff;
}

.header-middle a.login:hover span {
    color: #fff;
}


/* Header Form */

.poppup-forms {
    float: left;
    width: auto;
}

.poppup-forms li {
    display: inline-block;
    padding: 8px 25px;
}

.poppup-forms li:last-child {
    border: none;
}

.poppup-forms li a {
    font-size: 15px;
    line-height: 20px;
    color: #3c3c3c;
    font-weight: 400;
    display: inline-block;
    padding: 5px 0 5px 40px;
}

.poppup-forms a.loginform {
    background: url(../images/login-icon.png) no-repeat left center;
}

.poppup-forms a.sign-upform {
    background: url(../images/signup-icon.png) no-repeat left center;
}

.header-middle .book-appointment {
    float: left;
    width: auto;
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
}

.fancybox-margin {
    margin: 0 !important;
}

.login_sign_up_popup {
    display: none;
    max-width: 480px;
}

.login_sign_up_popup .top-sec {
    padding: 30px 60px 80px 60px;
    background: #39b0d0;
    text-align: center;
    position: relative;
    border-radius: 15px 15px 0 0;
}

.login_sign_up_popup h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    line-height: 50px;
    text-transform: none;
    padding-bottom: 30px;
}

.login_sign_up_popup input {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 10px 15px;
    text-transform: none;
    float: left;
    width: 100%;
}

.login_sign_up_popup input:focus {
    background: none;
    box-shadow: none;
    border-color: #fff;
}

.login_sign_up_popup input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff;
    text-transform: none;
}

.login_sign_up_popup input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
    color: #fff;
    text-transform: none;
}

.login_sign_up_popup input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
    color: #fff;
    text-transform: none;
}

.login_sign_up_popup input:-ms-input-placeholder {
    opacity: 1;
    color: #fff;
    text-transform: none;
}

.login_sign_up_popup .top-sec .form-group {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.imageBased input[type="checkbox"]:not(old) {
    margin: 0;
    opacity: 0;
    padding: 0;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -100em;
}

.imageBased input[type="checkbox"]:not(old) + label {
    background: url(../images/check-box.png) no-repeat top left;
    display: inline-block;
    line-height: 24px;
    padding-left: 35px;
    float: right;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.imageBased input[type="checkbox"]:checked:not(old) + label {
    background-position: 0 -29px;
}

.login_sign_up_popup .top-sec .forgot-pswd {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    float: left;
}

.login_sign_up_popup .top-sec .submit-btn {
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.login_sign_up_popup .top-sec .submit-btn:hover {
    background: #8ec341;
    opacity: 0.9;
}

.login_sign_up_popup .top-sec .arrowDown {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    box-shadow: 0px 0px 9px 2px #515151;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    margin-bottom: -35px;
    background: #fff url(../images/downshape.png) no-repeat center center;
}

.login_sign_up_popup .top-sec .input-group {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.fancybox-skin,
.fancybox-outer {
    border-radius: 15px;
}

.login_sign_up_popup .bottom-sec {
    padding: 70px 60px 30px 60px;
    text-align: center;
}

.login_sign_up_popup .bottom-sec p {
    color: #7c7c7c;
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 500;
}

.login_sign_up_popup .bottom-sec p a {
    color: #8ec341;
}

.login_sign_up_popup .bottom-sec li {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.login_sign_up_popup .bottom-sec li .fa {
    font-size: 30px;
    padding-left: 10px;
    position: relative;
    top: 4px;
}

.login_sign_up_popup .bottom-sec li a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: #fff;
    background: #367cd4;
    display: block;
    padding: 10px 0 12px;
    border-radius: 5px;
    text-transform: uppercase;
}

.login_sign_up_popup .bottom-sec a.facebook {
    background: #367cd4;
}

.login_sign_up_popup .bottom-sec a.twitter {
    background: #32aaf6;
}


/* ================================================== */


/* 03. Navigation */


/* ================================================== */

.navbar {
    border-radius: 0px;
    margin: 0px;
    border: none;
    float: left;
}

.navbar-collapse {
    padding: 0px;
}

.navbar-inverse {
    padding-left: 0;
    padding-right: 0;
}

.navbar-inverse {
    max-width: 925px;
}

.navbar-inverse .navbar-brand {
    display: none;
}

.nav > li {
    padding: 0 15px;
}

.nav > li > a {
    padding: 8px 12px 8px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

header.sticky .nav > li > a {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.navbar-nav > li:last-child {
    border: none;
}

.navbar-nav > li.book-mobile {
    display: none;
}

.navbar-inverse .navbar-nav > li > a {
    font-family: 'Mada', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #3c3c3c;
    border-bottom: 2px solid transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a.active {
    border-bottom: 2px solid #8ec341;
}

.navbar-inverse .navbar-nav > li > a i {
    font-size: 20px;
    color: #8bd29d;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    border-bottom: 2px solid #8ec341;
}

.navbar-form {
    width: 26%;
    padding: 0 25px;
    margin: 0px;
    position: relative;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.navbar-form .form-control {
    width: 100%;
    margin: 7px 0;
    padding-left: 0px;
    height: 34px;
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    font-size: 14px;
    color: #a2a2a2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding-right: 30px;
}

header.sticky .navbar-form .form-control {
    margin: 6px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.navbar-form .form-control::-webkit-input-placeholder {
    color: #a2a2a2;
    opacity: 1;
    text-transform: none;
}

.navbar-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #a2a2a2;
    opacity: 1;
    text-transform: none;
}

.navbar-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #a2a2a2;
    opacity: 1;
    text-transform: none;
}

.navbar-form .form-control:-ms-input-placeholder {
    color: #a2a2a2;
    opacity: 1;
    text-transform: none;
}

.navbar-form .search-btn {
    display: block;
    border: none;
    position: absolute;
    right: 25px;
    top: 11px;
    background: none;
    font-size: 16px;
    color: #aaaaaa;
    cursor: pointer;
}

.navbar .dropdown-menu {
    min-width: 260px;
    padding: 0px;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    border-top: 4px #8ec341 solid;
	text-align:right;
}

.navbar .dropdown-menu:after {
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 150, 0, 0);
    border-bottom-color: #8ec341;
    border-width: 10px;
}

.navbar .dropdown-menu > li > a {
    padding: 8px 15px;
	color: #3c3c3c;
	text-transform: uppercase;
}

.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
    background: #8ec341;
    color: #fff;
}
ul.nav li li a{
	display:block;
}
ul.nav li:hover > ul.dropdown-menu{
	display:block;
}
ul.nav li:hover > ul.dropdown-menu li.dropdown:hover ul.dropdown-menu {
    display: block !important;
    right: 100%;
    top: 0;
}
ul.nav li:hover > ul.dropdown-menu li.dropdown ul.dropdown-menu {
    display: none !important;
}
ul.nav li:hover > ul.dropdown-menu {
    display: block;
}
ul.nav li:hover > ul.dropdown-menu li.dropdown:hover ul.dropdown-menu:after{
	display:none;
}
.dropdown-menu .dropdown .dropdown-toggle:after{
	position: absolute;
	left: 14px;
	top: 22px;
	transform: rotate(90deg); 
}

/* ================================================== */


/* 04. Home Page */


/* ================================================== */


/*---4.1 Banner---*/

.banner-outer {
    display: block;
    position: relative;
    overflow-x: hidden;
    margin-top: 101px;
}

.banner-slider .container {
    display: table;
    height: 100%;
}

.banner-outer .slide1,
.banner-outer .slide2,
.banner-outer .slide3,
.banner-outer .slide4 {
    display: block;
    height: 588px;
}

.banner-outer .slide1 {
    background: url(../images/slider1.jpg) no-repeat center top / cover;
    background-position: center center;
}

.banner-outer .slide2 {
    background: url(../images/slider2.jpg) no-repeat center top / cover;
    background-position: center center;
}

.banner-outer .slide3 {
    background: url(../images/slider3.jpg) no-repeat center top / cover;
    background-position: center center;
}

.banner-outer .content {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.banner-outer .content h1 {
    display: block;
    padding-bottom: 20px;
    font-family: 'Mada', sans-serif;
    font-size: 40px;
    color: #84bb50;
    line-height: 50px;
    text-transform: uppercase;
    -webkit-animation-delay: 0.2s;
    font-weight: 600;
}

.banner-outer .content h1 span {
    display: block;
    font-size: 89px;
    line-height: 80px;
    -webkit-animation-delay: 0.3s;
    color: #39b0d0;
    font-weight: 600;
}

.banner-outer .content p {
    display: block;
    padding-bottom: 25px;
    max-width: 640px;
    font-size: 18px;
    color: #3c3c3c;
    -webkit-animation-delay: 0.34s;
}

.banner-outer .content a.btn {
    -webkit-animation-delay: 0.36s;
}

.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    background: #8ec341;
    font-family: 'Mada', sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.btn span {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    content: "";
    opacity: 0.5;
}

.btn:hover,
.btn:focus {
    background: #39b0d0;
    color: #fff;
}

.btn.white {
    background: #fff;
    color: #595545;
}

.btn.white:hover {
    background: #2c97ea;
    color: #fff;
}

.btn.blue {
    background: #2c97ea;
    color: #fff;
}

.btn.blue:hover {
    background: #17a43b;
}

.banner-outer .bx-wrapper .bx-pager {
    bottom: 60px;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
}

.banner-outer .bx-wrapper .bx-pager a {
    background: #fff;
    border-radius: 2px;
    display: block;
    height: 5px;
    margin: 0 4px;
    outline: 0 none;
    text-indent: -9999px;
    width: 18px;
    opacity: 0.3;
}

.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
    background: #fff;
    opacity: 1;
}

.bx-controls-direction .bx-prev {
    position: absolute;
    top: 45%;
    left: 100px;
    z-index: 111;
    font-size: 0;
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/slider-left-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-controls-direction .bx-next {
    position: absolute;
    top: 45%;
    right: 100px;
    z-index: 111;
    font-size: 0;
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/slider-right-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background-color: rgba(0, 0, 0, 0.1);
}


/*--- 4.2 About---*/

.about {
    display: block;
    position: relative;
    padding: 200px 0 0;
    background-color: #fff;
}

.about h2 {
    font-size: 30px;
    color: #39b0d0;
    font-weight: 400;
    padding-bottom: 20px;
}

.about h2 span {
    font-weight: 500;
}

.about ul.our-links {
    margin: -270px 0 0 0;
    position: relative;
    z-index: 111;
}

.about ul.our-links li {
    position: relative;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 40px 20px;
    opacity: 1 !important;
}

.about ul.our-links li.apply-online {
    background: #39b0d0;
}

.about ul.our-links li.prospects .detail a.more {
    border: 2px #8ec341 solid;
    color: #8ec341;
}

.about ul.our-links li.prospects {
    background: #8bbf5b;
}

.about ul.our-links li.prospects .detail a.more {
    border: 2px #2c97ea solid;
    color: #2c97ea;
}

.about ul.our-links li.certification {
    background: #204f90;
}

.about ul.our-links li.certification p {
    padding-bottom: 5px;
}

.about ul.our-links li.certification .detail a.more {
    border: 2px #f0bc01 solid;
    color: #f0bc01;
}


/*.about ul.our-links li {
    display: block !important;
    padding: 44px 10px 44px 3%;
    opacity: 1 !important;
}*/

.about ul.our-links li p {
    padding-bottom: 0px;
}

.about ul.our-links li .icon {
    float: left;
    width: auto;
}

.about ul.our-links li .detail {
    width: calc(100% - 89px);
    width: -webkit-calc(100% - 89px);
    width: -moz-calc(100% - 89px);
    padding-right: 20px;
    text-align: right;
    color: #fff;
}

.about ul.our-links li .detail .time .content {
    display: inline-block;
    width: 45%;
}

.about ul.our-links li .detail h3 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Mada', sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
}

.about ul.our-links li .detail h3 span {
    display: block;
    font-size: 12px;
}

.about ul.our-links li .detail p {
    display: block;
    font-size: 16px;
    line-height: 18px;
}

.about .sm-head {
    display: block;
    font-family: 'Mada', sans-serif;
    font-size: 14px;
    color: #7d7c7c;
    line-height: 18px;
    text-transform: uppercase;
}

.about .left-block {
    display: block;
}

.about .left-image {
    padding-top: 30px;
}

.about .left-image img {
    width: 100%;
}

.video-block {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.video-block iframe,
.video-block object,
.video-block embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#thumbnail_container {
    overflow: hidden;
    width: 100%;
}

.about .video-block img {
    width: 100%;
}

.about .video-block a {
    width: 67px;
    display: block;
    position: absolute;
    margin: -34px auto 0;
    left: 0px;
    right: 0px;
    top: 50%;
    cursor: pointer;
}

.about p {
    display: block;
    padding-bottom: 25px;
    line-height: 30px;
}

.about .know-more-wrapper {
    display: block;
    position: relative;
}

.about .know-more-wrapper:after {
    width: calc(100% - 135px);
    height: 1px;
    background: #e8e8e8;
    content: "";
    position: absolute;
    right: 0px;
    top: 14px;
    z-index: 1;
}

.about a.know-more {
    display: inline-block;
    padding-right: 24px;
    position: relative;
    z-index: 2;
    font-family: 'Mada', sans-serif;
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}

.about a.know-more span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 4px;
    color: #8ec341;
}

.about a.know-more:hover span {
    color: #17a43b;
}

.about .quality-service {
    margin-top: 80px;
}


/*---4.3 Make an Appointment---*/

.make-appointment {
    display: block;
    background: #f4f4f4;
    background-size: cover;
    padding: 150px 0;
    position: relative;
}

.make-appointment .left-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../images/make-appointment-bg.jpg) top right no-repeat;
    background-size: cover;
}

.make-appointment .appointment-form {
    text-align: center;
    padding-left: 35px;
}

.make-appointment h3 {
    font-size: 44px;
    line-height: 100%;
    color: #204f90;
    text-transform: none;
    font-weight: 500;
    padding-bottom: 17px;
}

.make-appointment p {
    padding-bottom: 30px;
}

.make-appointment .appointment-form .row {
    padding-bottom: 40px;
}

.make-appointment .appointment-form .row:last-child {
    padding-bottom: 0;
}

.make-appointment input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    padding: 8px 10px 8px 15px;
    font-size: 14px;
    line-height: 24px;
    color: #949494;
    text-transform: none;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    background: none;
}

.make-appointment .appointment-form .btn {
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
}

.col-sm-6.calendar-row,
.col-sm-6.time-row {
    position: relative;
}

.col-sm-6.calendar-row .fa,
.col-sm-6.time-row .fa {
    position: absolute;
    top: 10px;
    left: 25px;
    color: #949494;
}

.make-appointment input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    text-transform: none;
}

.make-appointment input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none;
    opacity: 1;
}

.make-appointment input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none;
    opacity: 1;
}

.make-appointment input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    text-transform: none;
}

.heading {
    text-align: center;
}

.heading h2 {
    color: #204f90;
    font-size: 44px;
    line-height: 100%;
    text-transform: none;
    padding-bottom: 25px;
}

.heading p {
    padding: 0 19% 50px 19%;
}


/*---4.4 Quality Service---*/

.quality-service h2 {
    color: #204f90;
    text-transform: none;
    padding-bottom: 20px;
    text-align: right;
}

.quality-service p {
    padding-bottom: 20px;
    text-align: right;
}

.quality-service p:last-child {
    padding-bottom: 0;
}


/*---4.5 Cources---*/

.padding-lg {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
}

.our-cources h2,
.how-study h2,
.why-choose h2,
.our-blog h2,
.campus-tour h2,
.testimonial h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
    display: block;
    padding-bottom: 44px;
    font-family: 'Mada', sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}

.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.our-blog h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
    display: block;
    font-family: 'Mada', sans-serif;
    font-size: 14px;
    opacity: 0.8;
}

.our-cources {
    display: block;
    background: #383838;
    position: relative;
}

.our-cources:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: url(../images/cources-bg.jpg) no-repeat center top / cover;
    opacity: 0.2;
}

.our-cources .container {
    position: relative;
    z-index: 2;
}

.our-cources h2 {
    color: #fff;
}

.our-cources h2 span {
    color: #d5d4d3;
}

.our-cources ul.course-list {
    display: block;
    padding-top: 20px;
}

.our-cources ul.course-list li {
    display: block;
    background: url(../images/book-bg.png) no-repeat center top;
    position: relative;
}

.our-cources ul.course-list li:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}

.our-cources ul.course-list li .inner {
    width: 198px;
    margin: 0 auto;
    height: 280px;
    padding: 54px 0 0 30px;
    position: relative;
}

.our-cources ul.course-list li .inner figure {
    position: absolute;
    left: 4px;
    top: 1px;
    opacity: 0.3;
}

.our-cources ul.course-list li h3 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Mada', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 22px;
    color: #fff;
    position: relative;
}

.our-cources ul.course-list li h3 span {
    display: block;
}

.our-cources ul.course-list li p {
    display: block;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    opacity: 0.8;
}

.our-cources ul.course-list li .fess-box {
    display: inline-block;
    padding: 0 12px;
    background: #8ec341;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    position: relative;
    text-transform: uppercase;
}

.our-cources ul.course-list li .fess-box span {
    font-family: 'Mada', sans-serif;
    font-size: 16px;
}

.our-cources ul.course-list li .bottom-txt {
    width: 100%;
    padding: 18px 30px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.our-cources ul.course-list li .duration {
    width: 81%;
    float: left;
}

.our-cources ul.course-list li .duration h4 {
    display: block;
    font-family: 'Mada', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

.our-cources ul.course-list li .duration span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 0.8;
}

.our-cources ul.course-list li a {
    display: block;
    position: absolute;
    right: 18px;
    top: 22px;
}

.our-cources ul.course-list li a .icon-more-icon {
    font-size: 23px;
    color: #fff;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}

.our-cources ul.course-list li a:hover .icon-more-icon {
    opacity: 1;
}


/*---4.6 Our Services---*/

.our-impotance {
    background: #fff;
    padding-top: 0;
}

.our-impotance ul {
    text-align: center;
}

.our-impotance ul li {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.our-impotance ul li .inner {
    display: block;
    padding: 25px 15px;
    box-shadow: 0px 0px 6px #c1c1c1;
}

.our-impotance ul li:hover .inner {
    background-color: #39b0d0;
}

.our-impotance ul li .inner span {
    height: 70px;
    width: 70px;
    display: inline-block;
    background: url(../images/root-treatment.png) no-repeat top center;
    background-size: 68px;
}

.our-impotance ul li .inner span.wisdom-icon {
    background-image: url(../images/wisdom-teeth.png);
}

.our-impotance ul li .inner span.bridge-icon {
    background-image: url(../images/dental-bridges.png);
}

.our-impotance ul li .inner span.family-dentistry-icon {
    background-image: url(../images/family-dentistry.png);
}

.our-impotance ul li .inner span.implant-icon {
    background-image: url(../images/dental-implant.png);
}

.our-impotance ul li .inner span.general-icon {
    background-image: url(../images/general-dentistry.png);
}

.our-impotance ul li:hover .inner span {
    background-position: 0 -75px;
}

.our-impotance ul li .inner img {
    border-radius: 3px;
}

.our-impotance ul li:nth-child(3n) {
    border-right: none;
}

.our-impotance ul li:nth-child(n+4):after {
    display: none;
}

.our-impotance ul li:nth-child(n+4) {
    margin-bottom: 0px;
}

.our-impotance ul li h3 {
    display: block;
    padding: 12px 0 8px 0;
    font-family: 'Mada', sans-serif;
    font-size: 24px;
    color: #284962;
    text-transform: uppercase;
    line-height: 35px;
}

.our-impotance ul li h3 a {
    color: #284962;
}

.our-impotance ul li:hover a,
.our-impotance ul li:hover p {
    color: #fff;
}

.our-impotance ul li h3 span {
    display: block;
}

.our-impotance ul li p {
    display: block;
    font-size: 16px;
    line-height: 26px;
}

.view-all {
    text-align: center;
    padding-top: 50px;
}

.view-all a.btn {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    border: 1px solid #8bbf5b;
    background: none;
    color: #8bbf5b;
}

.view-all a.btn:hover {
    background-color: #8bbf5b;
    color: #fff;
}

.our-blog .view-all {
    padding-top: 0;
}


/*---4.7 Our Services Detail---*/

.services_detail {
    display: block;
    padding: 80px 0;
}

.services_detail p {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 30px;
    text-align: right;
}

.services_detail .rightImg {
    float: right;
    margin: 6px 0 10px 30px;
}

.accordion .card-header::after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    background: #204f90;
    padding: 15px 20px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 25px;
    line-height: 27px;
}

.accordion .card-header.collapsed:after {
    content: "\f067";
}

#accordion {
    margin: 30px 0 0;
}

#accordion .card.m-b-0 {
    border: 0;
}

.card-header {
    background: #39b0d0;
    border-radius: 0;
    padding: 13px 20px;
    margin: 0 0 10px;
    position: relative;
    cursor: pointer;
    text-align: right;
}

.card-header:first-child {
    border-radius: 0;
}

.card-header .card-title {
    color: #fff !important;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
}

#accordion .card-block {
    background: #d5ebf3;
    padding: 20px;
    margin: -10px 0 10px;
}


/*---4.8 How study---*/

.how-study {
    background: #f3f6f8
}

.how-study h2 {
    color: #2d4256;
}

.how-study h2 span {
    color: #7d8792;
}

.how-study ul {
    display: block;
}

.how-study ul li img {
    width: 100%;
}

.how-study ul li:hover .overly {
    background: rgba(0, 0, 0, 0.9);
}

.how-study ul li .overly {
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    left: 15px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease 0s;
}

.how-study ul li .cnt-block {
    max-width: 220px;
    position: absolute;
    bottom: 30px;
    left: 11%;
    color: #fff;
}

.how-study ul li .cnt-block h3 {
    display: block;
    padding-bottom: 12px;
    font-family: 'Mada', sans-serif;
    font-size: 22px;
    color: #fff;
    line-height: 26px;
    position: relative;
    text-transform: none;
    font-weight: 400;
}

.how-study ul li .cnt-block h3:before {
    display: block;
    margin-bottom: 8px;
    width: 40%;
    height: 4px;
    content: " ";
    background: #8ec341;
}

.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
    background: #17a43b;
}

.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
    background: #1876bf;
}

.how-study ul li .cnt-block p {
    display: block;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.7;
}

.how-study ul li a.more {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
    line-height: 24px;
    background: #fff;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.how-study ul li a.more i {
    margin-left: 2px;
}

.how-study ul li a.more:hover {
    background: #8ec341;
    color: #fff;
}


/*---4.9 Why choose---*/

.why-choose {
    background: url(../images/choose-bg.jpg) top left no-repeat;
    background-size: cover;
    min-height: 335px;
    background-attachment: fixed;
}

.why-choose h2 {
    padding-bottom: 70px;
    color: #fff;
}

.why-choose h2 span {
    color: #fff;
}

ul.our-strength {
    display: block;
    text-align: center;
    width: 100%;
}

ul.our-strength li {
    float: left;
    width: 50%;
    color: #fff;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 30px;
}

ul.our-strength li:nth-child(3),
ul.our-strength li:nth-child(4) {
    margin-bottom: 0;
}

ul.our-strength li .inner {
    padding: 30px 10px;
    border: 2px solid #39b0d0;
}

ul.our-strength li:last-child {
    border: none;
}

ul.our-strength li .icon {
    display: block;
    padding-bottom: 20px;
}

ul.our-strength li .icon span {
    font-size: 44px;
    opacity: 0.7;
}

ul.our-strength li span {
    font-family: 'Mada', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #39b0d0;
    display: inline-block;
}

ul.our-strength li .couter-outer {
    display: block;
}

ul.our-strength li .title {
    display: block;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #3c3c3c;
}


/*---4.10 Our Blog---*/

.our-blog {
    background: #f1f1f1;
}

.our-blog h2 {
    padding-bottom: 25px;
}

.our-blog h2 span {
    color: #2d4256;
}

.our-blog ul {
    margin-bottom: 60px;
}

.our-blog ul li .inner {
    display: block;
    background: #fff;
    box-shadow: 0px 0px 3px #c4c6c8;
    position: relative;
}

.our-blog ul li .img-block {
    display: block;
}

.our-blog ul li .img-block img {
    width: 100%;
}

.our-blog ul li .cnt-block {
    display: block;
    padding: 0 30px 30px 30px;
    background: #fff;
    text-align: right;
}

.our-blog ul li .cnt-block .plus-icon {
    display: block;
    width: 64px;
    height: 64px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 20px;
    top: -32px;
    background: #2c97ea;
    border-radius: 50%;
    font-size: 34px;
    color: #fff;
    box-shadow: 0px 5px 5px #c0e0f9;
}

.our-blog ul li .cnt-block .plus-icon:hover {
    background: #8ec341;
}

.our-blog ul li .cnt-block h3 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #3c3c3c;
    line-height: 32px;
    text-transform: none;
}

.our-blog ul li .cnt-block h3 a {
    color: #3c3c3c;
}

.our-blog ul li .cnt-block p {
    font-size: 16px;
    line-height: 26px;
}

.our-blog figure {
    position: relative;
}

.our-blog figure img {
    width: 100%;
    display: block;
    position: relative;
}


/*---4.11 Caption Style---*/

.our-blog ul li .bottom-block {
    display: block;
    padding: 15px 0 20px 0;
    font-size: 12px;
    color: #96adba;
}

.our-blog ul li .author {
    float: right;
    color: #757575;
    font-size: 14px;
    line-height: 20px;
}

.our-blog ul li .date {
    display: block;
    float: left;
    color: #757575;
    font-size: 14px;
    line-height: 20px;
}

.our-blog ul li .icon {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #39b0d0;
}

.our-blog ul li .icon span {
    font-size: 20px !important;
    color: #c5d4da !important;
}

.our-blog ul li .comment {
    display: block;
    float: right;
}

.our-blog ul li .date span,
.our-blog ul li .comment span {
    font-weight: 700;
    color: #5c7e91;
}

.our-blog .know-more-wrapper {
    display: block;
    text-align: center;
    position: relative;
}

.our-blog .know-more {
    display: inline-block;
    padding: 0 30px;
    background: #f3f6f8;
    z-index: 2;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #645847;
    text-transform: uppercase;
}

.our-blog a.know-more span {
    margin-left: 4px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    color: #8ec341;
    transition: all 0.3s ease 0s;
}

.our-blog a.know-more:hover span {
    color: #17a43b;
}


/*---4.12 Campus Tour---*/

.campus-tour {
    background: #fff;
    padding-bottom: 0px;
}

.campus-tour h2 {
    color: #2a4356;
}

.campus-tour h2 span {
    color: #2d4256;
}

.campus-tour ul.gallery {
    display: block;
}

.campus-tour ul.gallery li {
    width: 20%;
    float: left;
    display: block;
    background: #000;
    position: relative;
}

.campus-tour ul.gallery li figure {
    transition: all 0.3s ease 0s;
}

.campus-tour ul.gallery li:hover figure {
    opacity: 0.2;
}

.campus-tour ul.gallery li .overlay {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -57px;
    z-index: 1;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.campus-tour ul.gallery li:hover .overlay {
    top: 44%;
    opacity: 1;
}

.campus-tour ul.gallery li h3 {
    display: block;
    padding-bottom: 4px;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.campus-tour ul.gallery li p {
    display: block;
    padding-bottom: 30px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.5;
}

.campus-tour ul.gallery li a {
    width: 56px;
    height: 56px;
    margin: 0 8px;
    display: inline-block;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background: #8ec341;
    font-size: 22px;
    color: #fff;
}

.campus-tour ul.gallery li a.more {
    background: #17a43b;
}

.campus-tour ul.gallery li a:hover {
    background: #2c97ea;
}

.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
    border: none;
}

.mfp-arrow-left:before,
.mfp-arrow-right:after {
    width: 20px;
    height: 38px;
    display: block;
    content: "";
    background: url(../images/popup-arrows.png) no-repeat center bottom;
}

.mfp-arrow-left:before {
    background-position: left top;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    width: 28px;
    height: 28px;
    right: 0px;
    padding-right: 0px;
    display: block;
    cursor: pointer;
    background: url(../images/popup-close.png) no-repeat center top;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}


/*---4.13 Our Doctors Team---*/

.doctors-team {
    display: block;
    background: #fff;
}

.doctors-team ul li {
    text-align: center;
    padding: 0 35px;
}

.doctors-team ul li img {
    display: inline-block;
}

.doctors-team ul li h3 {
    font-size: 20px;
    line-height: 24px;
    color: #39b0d0;
    text-transform: none;
    font-weight: 400;
    padding: 20px 0 5px 0;
}

.doctors-team ul li h4 {
    font-size: 16px;
    line-height: 24px;
    color: #3c3c3c;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 20px;
}

.doctors-team ul li p {
    font-size: 16px;
    line-height: 26px;
    color: #3c3c3c;
    font-weight: 400;
    padding-bottom: 25px;
}

.doctors-team ul li a.btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.doctors-team ul li .img-responsive {
    width: auto;
    display: inline-block;
    border-radius: 100%;
}

.doctors-team .owl-nav {
    display: block !important;
}

.doctors-team .owl-nav .owl-prev {
    position: absolute;
    top: 45%;
    left: -90px;
    height: 50px;
    width: 50px;
    color: #7e7e7e;
    background: #cdcdcd url(../images/slider-left-arrow.png) no-repeat center center;
}

.doctors-team .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    right: -90px;
    height: 50px;
    width: 50px;
    color: #7e7e7e;
    background: #cdcdcd url(../images/slider-right-arrow.png) no-repeat center center;
}

.doctors-team .owl-prev:hover,
.doctors-team .owl-next:hover {
    opacity: 0.8;
}


/*----4.14 Testimonials---*/

.testimonial {
    display: block;
    background: #39b0d0;
    text-align: center;
}

.testimonial .container {
    position: relative;
    z-index: 2;
}

.testimonial h2 {
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    padding-bottom: 60px;
}

.testimonial .wrapper {
    display: block;
    max-width: 1012px;
    margin: 0 auto;
}

.testimonial .wrapper .bx-wrapper:before,
.testimonial .wrapper .bx-wrapper:after {
    display: block;
    position: absolute;
    font-family: 'icomoon';
    font-size: 15px;
    color: #3c3c3c;
}

.testimonial .wrapper .bx-wrapper {
    position: relative;
    display: block;
}

.testimonial .wrapper .bx-wrapper:before {
    left: -20px;
    top: -10px;
    content: "\e90d";
}

.testimonial .wrapper .bx-wrapper:after {
    right: 27%;
    bottom: 87px;
    content: "\e90c";
}

.testimonial ul {
    display: block;
}

.testimonial ul li {
    display: block;
    padding: 0 40px;
}

.testimonial ul li p a {
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #39b0d0;
}

.testimonial ul li p {
    padding-bottom: 30px;
    line-height: 30px;
    color: #fff;
}

.testimonial ul li span {
    color: #fff;
}

.testimonial ul li span span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.testimonial ul li img.img-circle {
    width: 91px !important;
    margin: 20px auto 0 auto;
    border: 3px solid #8ec341;
    border-radius: 100%;
}

.testimonial .owl-next {
    position: absolute;
    top: 0;
    right: -90px;
    height: 50px;
    width: 50px;
    color: #7e7e7e;
    background: #cdcdcd url(../images/slider-right-arrow.png) no-repeat center center;
    font-size: 0;
}

.testimonial .owl-prev {
    position: absolute;
    top: 0;
    left: -90px;
    height: 50px;
    width: 50px;
    color: #7e7e7e;
    background: #cdcdcd url(../images/slider-left-arrow.png) no-repeat center center;
    font-size: 0;
}

.testimonial .owl-prev:hover,
.testimonial .owl-next:hover {
    opacity: 0.8;
}

.testimonial .bx-wrapper {
    padding-bottom: 40px;
}

.testimonial #bx-pager a {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}

.testimonial #bx-pager a img {
    border: 3px solid transparent;
    border-radius: 100%;
}

.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
    border: 3px solid #8ec341;
}


/* ================================================== */


/* 05. Footer */


/* ================================================== */

.footer {
    display: block;
    background: #262f36;
}

.footer .row1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.footer h3 {
    display: block;
    padding: 27px 0 30px 0;
    font-family: 'Mada', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.footer .footer-logo {
    display: block !important;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px #fff solid;
}

.footer .logo-section {
    text-align: right;
}

.footer .footer-logo img {
    width: 100%;
}

.footer p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
}

.footer li a {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
}

.footer li a:hover {
    color: #8ec341;
}

.footer .contact {
    padding: 15px 0 10px 0;
}

.footer .contact li a {
    padding: 10px 45px 10px 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
}

.footer .contact li a.mail {
    background: url(../images/footer-mail-icon.png) right center no-repeat;
}

.footer .contact li a.ph-number {
    background: url(../images/footer-ph-icon.png) right center no-repeat;
}

.footer .connect-with p {
    float: right;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.footer .services {
    padding-right: 90px;
    text-align: right;
}

.footer .services li {
    padding-bottom: 18px;
}

.footer-blog {
    text-align: right;
}

.footer-blog h3 {
    padding-bottom: 40px;
}

.footer .blog-list {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

.footer .blog-list .blog-img {
    float: right;
}

.footer .blog-list .blog-detail {
    float: right;
    padding: 5px 15px 5px 5px;
}

.opening-hours {
    text-align: right;
}

.opening-hours .top .content {
    width: 45%;
    display: inline-block;
}

.opening-hours .top p {
    padding-bottom: 10px;
}

.opening-hours .top p span {
    float: right;
}

.footer ul.follow-us {
    display: block;
    float: right;
    margin-right: 10px;
}

.footer ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}

.footer ul.follow-us li:first-child {
    padding-left: 0px;
}

.footer ul.follow-us li a {
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 5px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #262f36;
    background: #fff;
    border: 1px solid #fff;
}

.footer ul.follow-us li .fa {
    position: relative;
    top: -5px;
}

.footer ul.follow-us li a:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.footer .subscribe {
    display: block;
    border-top: 1px solid #4c5a64;
    margin-top: 25px;
}

.footer .subscribe h3 {
    padding: 35px 0 15px 0;
}

.footer .subscribe #mc_embed_signup {
    background: #fff;
    position: relative;
}

.footer .subscribe input[type='email'] {
    width: 82%;
    height: 40px;
    padding: 0 15px;
    border: none;
    background: none;
    font-size: 14px;
    line-height: 24px;
    color: #a1a1a1;
    font-weight: 400;
}

.footer .hide-box {
    position: absolute;
    left: -5000px;
}

.footer .subscribe input[type='email']::-webkit-input-placeholder {
    text-transform: none;
    color: #a1a1a1;
}

.footer .subscribe input[type='email']:-moz-placeholder {
    /* Firefox 18- */
    text-transform: none;
    color: #a1a1a1;
}

.footer .subscribe input[type='email']::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: none;
    color: #a1a1a1;
}

.footer .subscribe input[type='email']:-ms-input-placeholder {
    text-transform: none;
    color: #a1a1a1;
}

.footer .subscribe .clear {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #2c97ea;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease 0s;
}

.footer .subscribe .clear:hover {
    background: #ff8500;
}

.footer .subscribe .clear .button {
    height: 40px;
    float: right;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #8bbf5b;
    padding: 0 15px;
    cursor: pointer;
}

.footer .bottom {
    display: block;
    padding: 20px 0;
    background: #171d22;
}

.footer .bottom .left p {
    opacity: 0.5;
}

.footer .bottom .terms {
    float: right;
}

.footer .bottom .terms li {
    display: inline-block;
    opacity: 0.5;
}

.footer .bottom .terms li a {
    padding: 0 10px;
    border-left: 1px solid;
    font-size: 14px;
    text-transform: uppercase;
}

.footer .bottom .terms li:last-child a {
    padding-left: 0;
    border-left: none;
}

a.scroll-top {
    width: 44px;
    height: 44px;
    line-height: 40px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: fixed;
    display: none;
    right: 20px;
    bottom: 20px;
    background-color: #39b0d0;
}

a.scroll-top:hover {
    opacity: 0.8;
}


/* ================================================== */


/* 06. About Page */


/* ================================================== */

.inner-banner.about-us-banner {
    background-image: url(../images/about-banner.jpg);
}

.your-teeth {
    display: block;
}

.your-teeth .left-block {
    text-align: right;
}

.your-teeth h2 {
    text-transform: none;
    padding-bottom: 15px;
    font-weight: 500;
}

.your-teeth h2 span {
    color: #204f90;
}

.your-teeth p {
    line-height: 30px;
}

.your-teeth ul {
    padding: 22px 0;
    float: left;
    width: 100%;
}

.your-teeth ul li {
    display: inline-block;
    padding-right: 40px;
}

.your-teeth ul li:last-child {
    padding-right: 0;
}

.your-teeth a.btn {
    font-size: 18px;
}

.our-impotance.padding-lg.our-services {
    background: #f1f1f1;
    padding-top: 80px;
}

.our-impotance.padding-lg.service-ourter {
    padding-top: 80px;
}

.our-impotance.padding-lg.our-services ul li {
    border-color: #d9d9d9;
}

.our-impotance.padding-lg.our-services ul li::after {
    background: #d9d9d9;
}

.doctors-team.padding-lg.about-doc-Bg {
    background: #fff;
}

.about-right {
    display: block;
}

.about-right img {
    width: 100%;
}

.why-choose.grey-bg {
    background: #f3f6f8;
}

.why-choose.grey-bg:after {
    display: none;
}

.why-choose.grey-bg h2 {
    color: #2a4356;
}

.why-choose.grey-bg h2 span {
    color: #808182;
}

ul.our-strength.opt2 li {
    border-color: #dde5e9;
}

ul.our-strength.opt2 li span {
    color: #3f5044;
}

ul.our-strength.opt2 li .icon span {
    color: #17a43b
}

ul.our-strength.opt2 li .title {
    color: #9099a0;
}

.about-video {
    width: 100%;
    background: #081d2d;
    text-align: center;
    position: relative;
    z-index: 99999;
}

.about-video:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    z-index: 1;
    content: "";
    background: url(../images/about-video-bg.jpg) no-repeat center top / cover;
    opacity: 0.4;
}

.about-video .container {
    display: table;
    height: 550px;
    position: relative;
    z-index: 2;
}

.about-video p {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #d1d3d4;
}

.about-video p a {
    color: #fff;
}

.about-video p a span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.about-video p a:hover {
    color: #17a43b;
}

.browse-teacher.grey-bg {
    background: #f3f6f8;
}

.modal-content {
    border-radius: 0px;
}

.about .close,
.about-video .close {
    position: absolute;
    opacity: 1;
    top: 0;
    right: 0;
    z-index: 2;
}

.about .close span,
.about-video .close span {
    width: 36px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    background: url(../images/popup-close-btn.jpg) no-repeat center top;
}

.modal {
    z-index: 99999;
}

.modal-backdrop {
    z-index: 9999;
}


/* ================================================== */


/* 07. Service Listing Page */


/* ================================================== */

.inner-banner {
    display: block;
    padding: 150px 0;
    min-height: 290px;
    background: url(../images/appointmentBg.jpg) no-repeat center top / cover;
    margin-top: 100px;
}

.inner-banner .content {
    max-width: 655px;
    margin: 0 auto;
    text-align: center;
}

.inner-banner h1 {
    display: block;
    padding-bottom: 10px;
    font-family: 'Mada', sans-serif;
    font-weight: 600;
    font-size: 48px;
    color: #39b0d0;
    text-transform: uppercase;
}

.inner-banner p {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #3c3c3c;
}

.inner-banner a.apply-online {
    max-width: 246px;
    display: block;
    margin-top: 16px;
    margin-bottom: 26px;
    background: #8ec341;
    text-transform: uppercase;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.inner-banner a.apply-online:hover {
    background: #ff8800;
}

.inner-banner a.apply-online .left {
    width: 80%;
    float: left;
    padding: 20px 0 20px 24px;
}

.inner-banner a.apply-online .icon {
    display: block;
    padding-right: 15px;
    float: left;
}

.inner-banner a.apply-online .txt {
    width: 36%;
    float: left;
    line-height: 20px;
}

.inner-banner a.apply-online .arrow {
    width: 20%;
    height: 100%;
    line-height: 78px;
    position: absolute;
    right: 0px;
    background: #e38600;
    font-size: 24px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.inner-banner a.apply-online:hover .arrow {
    background: #df7600;
}

a.download-prospects {
    display: block;
    padding: 0 10px 10px 0;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #43647d;
    text-transform: uppercase;
}

a.download-prospects .icon-brochure-icon {
    display: block;
    margin-right: 15px;
    float: left;
    font-size: 29px;
    color: #389ceb;
}

a.download-prospects.brochure {
    background-position: left 4px;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    color: #4f4a4a;
}

a.download-prospects .small {
    display: block;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #8f9ba1;
    line-height: 14px;
    text-transform: uppercase;
}

a.download-prospects:hover,
a.download-prospects:hover span {
    color: #2c97ea;
}

.about.inner {
    background: none;
}

.about.inner .video-block {
    margin-bottom: 12px;
}

.about.inner .modal-body .video-block {
    margin-bottom: 0px;
}

.about.inner p {
    padding-bottom: 20px;
}

.about .btn-wrapper {
    display: block;
}

a.download-pros,
a.download-cert {
    width: 50%;
    float: left;
    padding: 22px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
}

a.download-pros {
    background: #2c97ea;
    border-right: 1px #fff solid;
}

a.download-cert {
    background: #f0bc01;
    border-left: 1px #fff solid;
}

a.download-pros .ico-block,
a.download-cert .ico-block {
    display: block;
    padding-right: 15px;
    float: left;
}

a.download-pros .txt-block,
a.download-cert .txt-block {
    display: block;
    padding-top: 4px;
    float: left;
    text-transform: uppercase;
}

a.download-pros .sm-txt,
a.download-cert .sm-txt {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    opacity: 0.7;
}

a.download-pros:hover,
a.download-cert:hover {
    background-color: #17a43b;
}

.select-course {
    display: block;
    float: right;
    padding-right: 34px;
}

.select-course .select2.select2-container {
    width: 254px !important;
}

.select-course .select2-container .select2-selection--single {
    height: 48px;
}

.select-course .select2-container--default .select2-selection--single {
    background: rgba(0, 0, 0, 0.4);
}

.select-course .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    line-height: 48px;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.select-course .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 46px;
    height: 46px;
    border-left: 1px #aaa solid;
    background: rgba(255, 255, 255, 0.2);
}

.our-cources.sub:after {
    background: url(../images/cources-bg1.jpg) no-repeat center top / cover;
}

.our-cources.sub h2 {
    padding-left: 32px;
    text-align: left;
}

.our-cources ul.inner li {
    margin-bottom: 140px;
}

.our-cources ul.inner li:before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -70px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
}

.our-cources ul.course-list.inner li .inner {
    padding: 40px 0 0 30px;
}

.our-cources ul.inner li:nth-child(n+9) {
    margin-bottom: 80px;
}

.our-cources ul.inner li:nth-child(n+9):before,
.our-cources ul.inner li:nth-child(4n):after {
    display: none;
}

.pagination {
    margin: 0px;
}

.pagination > li > a,
.pagination > li > span {
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    color: #8faabe;
    margin: 0 4px;
    border: none;
    border-radius: 50%;
    padding: 0 8px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background: #8ec341;
    color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    padding: 7px 22px;
    border-radius: 25px;
    font-size: 12px;
    text-transform: uppercase;
}

.pagination li a i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 18px;
}

.pagination > li:first-child a i {
    margin-right: 10px;
}

.pagination > li:last-child a i {
    margin-left: 10px;
}


/* ================================================== */


/* 08. Service Detail Page */


/* ================================================== */

.enquire-wrapper {
    max-width: 438px;
}

.enquire-now {
    max-width: 405px;
    margin: -90px auto 0;
    position: relative;
    color: #fff;
}

.enquire-now .inner {
    padding: 40px 26px 30px 26px;
    background: #2c97ea;
}

.enquire-now .inner h3 {
    display: block;
    padding-bottom: 26px;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-transform: none;
}

.enquire-now .inner .row1 {
    display: block;
    margin-bottom: 14px;
}

.enquire-now .inner input::-webkit-input-placeholder {
    color: #fff;
}

.enquire-now .inner input:-moz-placeholder {
    color: #fff;
}

.enquire-now .inner input::-moz-placeholder {
    color: #fff;
}

.enquire-now .inner input:-ms-input-placeholder {
    color: #fff;
}

.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    background: #60b1f0;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px #fff solid;
}

.enquire-now .inner .row2 {
    display: block;
    margin: 0 -5px 14px -5px;
}

.enquire-now .inner .row2 input {
    width: calc(50% - 10px);
    margin: 0 5px;
    float: left;
}

.enquire-now .enquire-btn {
    width: 100%;
    padding: 13px 15px;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    background: #8ec341;
    border: none;
}

.enquire-now .enquire-btn span {
    margin-left: 4px;
    font-size: 14px;
    opacity: 0.5;
}

.enquire-now .enquire-btn:hover {
    background: #17a43b;
}

.cert-head {
    display: block;
    margin-top: 15px;
    padding-bottom: 10px;
    position: relative;
}

.cert-head:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0px;
    background: #d8d8d8;
    content: "";
}

.cert-head h3 {
    display: inline-block;
    padding-right: 14px;
    background: #fff;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #211d1e;
    z-index: 1;
    position: relative;
}

ul.cert-list {
    display: block;
}

ul.cert-list li {
    width: calc(50% - 30px);
    float: left;
    padding: 14px 0 14px 28px;
    margin-right: 30px;
    font-weight: 700;
    border-bottom: 1px #c0c4c6 dashed;
    position: relative;
}

ul.cert-list li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 13px;
    font-family: 'icomoon';
    font-size: 15px;
    color: #2c97ea;
    content: "\e91f";
}

ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
    border-bottom: none;
}

ul.cert-list li span {
    display: inline-block;
    margin-right: 6px;
    color: #2c97ea;
}

.course-detail {
    display: block;
    padding: 25px 40px;
    margin-top: 50px;
    border: 1px #dfe9f1 solid;
}

.course-detail .duration {
    width: 25%;
    min-height: 85px;
    padding-right: 40px;
    float: left;
    border-right: 1px #dfe9f1 solid;
}

.course-detail .duration.eligible {
    width: 34%;
    padding: 0 40px;
}

.course-detail .duration.eligible .icon {
    font-size: 34px;
}

.course-detail .duration.fee {
    width: 22%;
    padding: 0 40px;
}

.course-detail .duration.fee .detail {
    font-size: 36px;
    color: #17a43b;
}

.course-detail .duration.fee .detail span {
    padding-bottom: 10px;
}

.course-detail .duration .icon {
    width: 67px;
    height: 67px;
    display: table;
    float: left;
    background: #edf1f4;
    border-radius: 50%;
    font-size: 38px;
    color: #79a2c2;
    text-align: center;
}

.course-detail .duration .icon span {
    display: table-cell;
    vertical-align: middle;
}

.course-detail .duration .detail {
    display: block;
    padding: 10px 0 0 16px;
    float: left;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #4f4a4a;
    line-height: 22px;
}

.course-detail .duration .detail span {
    display: block;
    font-family: 'Mada', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #8f9ba1;
    text-transform: uppercase;
}

.course-detail .btn {
    margin: 18px 0 0 40px;
}


/*---8.1 Service Detail Tab---*/

.details-tab {
    display: block;
    padding: 50px 0 90px 0;
    background: #ebeff3;
}

#myTabs {
    padding: 0 30px;
    text-align: center;
}

.course-tab {
    margin-bottom: 50px;
    border-bottom: 2px #d8e0e7 solid;
}

.course-tab > li {
    width: 25%;
}

.course-tab > li > a {
    padding: 0 0 26px 0;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #909aa1;
    text-transform: uppercase;
    border: none !important;
}

.course-tab > li > a span {
    display: block;
    padding-bottom: 18px;
    font-size: 50px;
    color: #a4b1bc;
}

.course-tab > li > a .block {
    display: inline;
}

.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
    background: none;
    border-bottom: 2px #17a43b solid !important;
    color: #17a43b;
}

.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
    color: #17a43b;
}

.details-tab #curriculam,
.details-tab #schedule {
    background: #fff;
    box-shadow: 0 0 14px #d4d9de;
}

#curriculam .lecture-txt {
    display: block;
    padding-bottom: 2px;
    font-size: 12px;
    color: #a5b1a8;
    text-transform: uppercase;
}

#curriculam .lecture-txt span {
    color: #4f5c53;
}

#curriculam .lecture-txt a.preview {
    display: inline-block;
    padding: 0 12px;
    background: #2c97ea;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
}

#curriculam .lecture-txt a.preview:hover {
    background: #8ec341;
}

.details-tab .course-table {
    border: 1px #d8e0e7 solid;
    margin: 0px;
}

.details-tab .course-table > thead > tr > th {
    padding: 11px 30px;
    background: #e9f4fd;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #4e5d52;
    border-color: #c3e1f9;
}

.course-table > tbody > tr > td,
.course-table > tfoot > tr > td,
.course-table > thead > tr > td {
    padding: 28px 30px;
}

.course-table > thead > tr,
.course-table > thead > tr > td,
.course-table > thead > tr > th {
    border: 1px #c3e1f9 solid;
}

.course-table > tbody > tr > td,
.course-table > tbody > tr > th,
.course-table > tfoot > tr > td,
.course-table > tfoot > tr > th {
    border: 1px solid #eee;
    font-weight: 700;
    color: #707c82;
}

.table-col1 {
    display: block;
    padding-left: 20px;
    position: relative;
}

.table-col1:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -4px;
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #8ec341;
    content: "\f105";
}

#schedule .course-table > thead > tr > th:first-child {
    width: 55%;
}

#schedule .fee-amt {
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #585d60;
}

#schedule ul.fee-details {
    display: block;
    padding: 5px 0 0 22px;
}

#schedule ul.fee-details li {
    display: block;
    padding: 8px 0;
    border-bottom: 1px #c9cdce dashed;
    font-weight: normal;
    position: relative;
}

#schedule ul.fee-details li:last-child {
    border-bottom: none;
}

#schedule ul.fee-details li:before {
    display: block;
    position: absolute;
    left: -22px;
    top: 8px;
    font-family: 'icomoon';
    font-size: 14px;
    color: #2c97ea;
    content: "\e908";
}

#semester ul.content {
    display: block;
}

#semester ul.content > li {
    display: block;
    padding: 0 0 24px 24px;
    margin-bottom: 24px;
    border-bottom: 1px #c9cdce dashed;
    position: relative;
}

#semester ul.content > li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#semester ul.content > li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-family: 'icomoon';
    font-size: 16px;
    color: #2c97ea;
    content: "\e908";
}

#semester ul.content > li:last-child {
    border-bottom: none;
}

#semester ul.content > li h4 {
    display: block;
    padding-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
    color: #4c5357;
}

#semester ul.content > li p {
    display: block;
    line-height: 22px;
}

#semester ul.content > li > ul {
    max-width: 430px;
    padding: 10px 0 0 0;
}

#semester ul.content > li > ul > li {
    padding: 6px 0 6px 20px;
    font-size: 12px;
    line-height: 18px;
    position: relative;
}

#semester ul.content > li > ul > li:before {
    display: block;
    position: absolute;
    left: 0px;
    top: 8px;
    font-family: 'icomoon';
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}

#teachers ul.browse-teachers-list > li {
    border-color: #dbdedf;
}


/*---8.2 How to Apply---*/

.how-apply {
    display: block;
}

.how-apply h2 {
    color: #2a4356;
}

.how-apply ul {
    display: block;
    padding-top: 20px;
    padding-bottom: 70px;
}

.how-apply ul li {
    display: block;
    text-align: center;
}

.how-apply ul li:nth-child(1):after {
    width: 214px;
    height: 77px;
    display: block;
    content: "";
    position: absolute;
    right: -120px;
    top: 86px;
    background: url(../images/dotted-arrow.png) no-repeat left top;
    z-index: -1;
}

.how-apply ul li:nth-child(2):after {
    width: 221px;
    height: 84px;
    display: block;
    content: "";
    position: absolute;
    right: -122px;
    top: 32px;
    background: url(../images/dotted-arrow1.png) no-repeat left top;
    z-index: -1;
}

.how-apply ul li .icon-block {
    width: 175px;
    height: 175px;
    line-height: 175px;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #8ec341;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.how-apply ul li .icon-block .num {
    width: 44px;
    height: 44px;
    position: absolute;
    right: -20px;
    top: 45px;
    display: block;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    background: #2c97ea;
    border-radius: 50%;
}

.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
    background: #3eb25c;
}

.how-apply ul li:hover .num,
.how-apply ul li.active .num {
    background: #8ec341;
}

.how-apply ul li h3 {
    display: block;
    padding: 34px 0 25px 0;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #211d1e;
    text-transform: uppercase;
}

.how-apply ul li p {
    display: block;
    padding: 0 40px 0;
}

.how-apply .button-wrapper {
    display: block;
    text-align: center;
    position: relative;
}

.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
    width: calc(50% - 110px);
    height: 1px;
    background: #d8d8d8;
    content: "";
    position: absolute;
    top: 50%
}

.how-apply .button-wrapper:before {
    left: 0;
}

.how-apply .button-wrapper:after {
    right: 0;
}


/*---8.3 comments section---*/

.comments-wrapper {
    display: block;
    background: #f3f6f8;
}

.comments-wrapper h2 {
    display: block;
    padding-bottom: 22px;
    font-family: 'Mada', sans-serif;
    font-weight: 700;
    text-align: right;
    font-size: 24px;
    color: #606d87;
    text-transform: uppercase;
    border-bottom: 1px #d5d7d9 solid;
    position: relative;
}

.comments-wrapper h2:after {
    display: block;
    width: 166px;
    height: 1px;
    background: #4181b9;
    position: absolute;
    bottom: -1px;
    content: "";
    background: #4181b9;
}

.comments-wrapper ul.comments {
    display: block;
    padding-top: 56px;
    padding-bottom: 40px;
}

.comments-wrapper ul.comments li {
    margin-bottom: 30px;
}

.comments-wrapper ul.comments li .com-img {
    width: 68px;
    height: 68px;
    float: right;
}

.comments-wrapper ul.comments li .com-img img {
    border-radius: 100%;
}

.comments-wrapper ul.comments li .com-txt {
    width: calc(100% - 92px);
    padding: 30px 60px 30px 30px;
    float: left;
    border: 1px #d1dadf solid;
    position: relative;
    text-align: right;
}

.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
    position: absolute;
    left: 100%;
    top: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
}

.comments-wrapper ul.comments li .com-txt:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 9px;
    margin-top: -9px;
}

.comments-wrapper ul.comments li .com-txt:before {
    border-color: rgba(209, 218, 223, 0);
    border-left-color: #d1dadf;
    border-width: 10px;
    margin-top: -10px;
}

.comments-wrapper ul.comments li .com-txt h3 {
    display: block;
    padding-bottom: 13px;
    font-family: 'Mada', sans-serif;
    font-size: 16px;
    color: #4b5761;
    text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt h3 span {
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #96adba;
    line-height: 1;
    vertical-align: middle;
}

.comments-wrapper ul.comments li .com-txt p {
    padding-bottom: 10px;
    line-height: 24px;
    font-weight: 300;
    font-size: 16px;
}

.comments-wrapper ul.comments li .com-txt a {
    font-size: 12px;
    font-weight: 700;
    color: #4181b9;
    text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt a span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    font-size: 16px;
    opacity: 0.5;
    transition: all 0.3s ease 0s;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.comments-wrapper ul.comments li .com-txt a:hover {
    color: #8ec341;
}

.comments-wrapper ul.comments li .com-txt a:hover span {
    opacity: 1;
}

.comments-wrapper hr {
    margin: 0px;
    border-color: #d5d7d9;
}

.leave-comment h4 {
    display: block;
    padding: 50px 0;
    font-family: 'Mada', sans-serif;
    font-size: 20px;
    color: #606d87;
    text-transform: uppercase;
    text-align: right;
}

.leave-comment .row1 {
    display: block;
    margin-bottom: 30px;
}

.leave-comment input {
    width: calc(50% - 25px);
    height: 46px;
    padding: 0 20px;
    float: left;
    background: none;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #808080;
}

.leave-comment input:last-child {
    float: right;
}

.leave-comment textarea {
    width: 100%;
    height: 130px;
    margin-bottom: 40px;
    padding: 10px 20px;
    float: left;
    background: none;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #808080;
    resize: none;
}


/* ================================================== */


/* 09. Contact Page */


/* ================================================== */

#ContactForm {
    padding: 0 90px;
}

.inner-banner.contact {
    min-height: 240px;
    background: url(../images/appointmentBg.jpg) no-repeat center top / cover;
}

.form-wrapper {
    display: block;
}

.form-wrapper .row {
    margin-bottom: 32px;
}

.form-wrapper input {
    width: 100%;
    padding: 0 12px;
    height: 46px;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
}

.form-wrapper textarea {
    width: 100%;
    padding: 12px;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    resize: none;
    height: 75px;
}

.form-wrapper input[type="submit"] {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 10px 0 0;
    border-bottom: none;
}

.form-wrapper .button {
    margin-bottom: 0;
}

.contact-info {
    padding-right: 50px;
    padding-top: 18px;
    text-align: right;
}

.contact-info h2 {
    color: #3c3c3c;
    font-size: 25px;
    text-transform: uppercase;
    padding: 0 0 35px;
    font-weight: 400;
}

.contact-info p {
    color: #3c3c3c;
    font-size: 18px;
    line-height: 38px;
    font-weight: 400;
    margin: 0 0 30px;
}

.contact-info a {
    color: #3c3c3c;
    display: inline;
    padding: 0;
}

.contact-info p .fa {
    width: 50px;
    height: 50px;
    border: 2px #3b99ba solid;
    border-radius: 100%;
    color: #3b99ba;
    text-align: center;
    padding: 11px 0 0;
    margin-left: 15px;
    font-size: 25px;
}

.connect-with-us {
    border-top: 1px solid #ccc;
    padding: 40px 0 0;
}

.contact-info .connect-with-us h2 {
    float: right;
    margin-left: 8px;
}

.connect-with-us li {
    margin: -5px 8px 0;
    float: right;
}

.contact-us .connect-with-us li .fa {
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    background: #3c5a9a;
    padding: 5px 0 0;
    font-size: 28px;
}

.contact-us .connect-with-us li .fa:hover {
    opacity: 0.5;
}

.contact-us .connect-with-us li .fa.fa-facebook {
    padding: 6px 0px 0 6px;
    font-size: 38px;
}

.contact-us .connect-with-us li .fa.fa-twitter {
    background: #28a9e2;
}

.contact-us .connect-with-us li .fa.fa-linkedin {
    background: #007bb7;
}

.form-wrapper select {
    background: url(../images/select-arrow.png) no-repeat 98% center;
    width: 100%;
    padding: 0 30px;
    height: 46px;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 14px;
    color: #808080;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form-wrapper select option {
    font-size: 14px;
    color: #808080;
}

.form-wrapper .col-sm-12.book-btn {
    text-align: center;
}

.form-wrapper .col-sm-12.book-btn .btn {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 55px;
}

.google-map {
    display: block;
    position: relative;
}

.google-map .container {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 0px;
}

.google-map #map {
    height: 550px;
    z-index: 1;
}

.google-map #map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.google-map #map .gmnoprint {
    display: none;
}

.contact-detail {
    max-width: 360px;
    margin: 96px 0;
    float: right;
    background: #17a43b;
    color: #fff;
    box-shadow: 0 0 30px #bfcdbf;
    position: relative;
    z-index: 2;
}

.contact-detail .address {
    display: block;
    padding: 18px 40px 12px 70px;
}

.contact-detail .inner {
    display: block;
    padding: 18px 0;
    border-bottom: 1px #45b662 solid;
    position: relative;
}

.contact-detail .inner:before {
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;
    left: -30px;
    font-family: 'icomoon' !important;
    font-size: 22px;
    content: "\e918";
    color: #a4dbb2;
}

.contact-detail .inner:nth-child(2):before {
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: -30px;
    font-size: 18px;
    content: "\e91a";
}

.contact-detail .inner:nth-child(3) {
    border-bottom: none;
}

.contact-detail .inner:nth-child(3):before {
    width: 21px;
    height: 15px;
    display: block;
    position: absolute;
    left: -30px;
    top: 20px;
    font-size: 16px;
    content: "\e919";
}

.contact-detail .inner h3 {
    padding-bottom: 6px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.contact-detail .inner p {
    color: #9be5ad;
    line-height: 20px;
}

.contact-detail .inner a {
    padding-bottom: 6px;
    font-size: 18px;
    font-family: 'Yeseva One', cursive;
    color: #fff;
}

.contact-bottom {
    display: block;
    padding: 27px 0 23px 0;
    background: #8ec341;
    text-align: center;
}

.contact-bottom ul.follow-us {
    display: block;
}

.contact-bottom ul.follow-us li {
    display: inline-block;
    padding: 0 20px;
    font-size: 24px;
}

.contact-bottom ul.follow-us li a {
    color: #fff;
    opacity: 0.7;
}

.contact-bottom ul.follow-us li a:hover {
    color: #fff;
    opacity: 1;
}

.have-question h2 {
    color: #2d4256;
}

.have-question ul li {
    margin-bottom: 0px;
}

.have-question ul li:after {
    display: none;
}

.error {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #cb0101;
}

.msg {
    display: none;
}

.msg-error {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: #c70202;
    border-radius: 4px;
}

.msg-error:after {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f071";
    float: right;
}

.msg-success {
    display: block;
    padding: 6px 20px;
    margin: 30px 0 0 0;
    font-size: 13px;
    color: #fff;
    background: #17a43b;
    border-radius: 4px;
}

.msg-success:after {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f00c";
    float: right;
}


/* ================================================== */


/* 10. Blog Page */


/* ================================================== */

.inner-banner.blog {
    min-height: 240px;
    background: url(../images/blog-banner-bg.jpg) center top no-repeat;
    background-size: cover;
}

.inner-banner.blog .content {
    margin: 0 auto;
    text-align: center;
}

.blog-wrapper {
    display: block;
}

.blog-right {
    display: block;
    position: relative;
}

.blog-right:before {
    width: 1px;
    height: 100%;
    display: block;
    background: #e5e5e5;
    position: absolute;
    top: 0px;
    left: -50px;
    content: "";
}

ul.blog-listing {
    display: block;
}

ul.blog-listing > li {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px #e9e9e9 solid;
}

ul.blog-listing > li h2 {
    padding: 30px 0 20px 0;
    font-family: 'Mada', sans-serif;
    font-size: 22px;
    color: #343a3c;
    line-height: 30px;
    text-transform: none;
    text-align: right;
}

ul.blog-listing > li p {
    padding-bottom: 26px;
    color: #3c3c3c;
    text-align: right;
}

ul.blog-listing > li .read-more {
    font-family: 'Mada', sans-serif;
    font-size: 14px;
    color: #606d87;
    text-transform: uppercase;
    float: right;
}

ul.blog-listing > li .read-more span {
    vertical-align: middle;
    margin-left: 7px;
    font-size: 18px;
    color: #39b0d0;
    transition: all 0.3s ease 0s;
}

ul.blog-listing > li .read-more:hover span {
    color: #39b0d0;
}

ul.post-detail {
    display: block;
    padding-bottom: 17px;
    text-align: right;
}

ul.post-detail li {
    display: inline-block;
    padding-right: 20px;
    font-size: 12px;
    color: #96adba;
}

ul.post-detail li .ico {
    display: inline-block;
    vertical-align: middle;
    padding-left: 6px;
    font-size: 17px;
    color: #afc0c9;
}

ul.post-detail li .bold {
    font-weight: 700;
    color: #5c7e91;
    text-transform: uppercase;
}

ul.post-detail li .label {
    display: inline-block;
    padding: 5px 10px;
    background: #39b0d0 scroll;
    border-radius: 2px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.blog-wrapper .pagination > li > a,
.blog-wrapper .pagination > li > span {
    background: #ecf4fa;
}

.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
    background: #39b0d0;
}

.blog-left {
    display: block;
    padding-right: 100px;
}

.search-block {
    display: block;
    margin-bottom: 40px;
    background: #e9e9e9;
}

.search-block input {
    width: calc(100% - 58px);
    height: 42px;
    float: right;
    padding: 0 20px;
    border: none;
    background: none;
}

.search-block .search {
    width: 40px;
    height: 42px;
    border: none;
    background: #39b0d0;
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.search-block .search:hover {
    background: #39b0d0;
}

.blog-right h3 {
    padding-bottom: 16px;
    font-size: 17px;
    color: #606d87;
    text-transform: uppercase;
}

.category {
    display: block;
    padding-bottom: 70px;
    text-align: right;
}

.category h3 {
    border-bottom: 1px #eee solid;
}

.category ul {
    display: block;
}

.category ul li {
    display: block;
    border-bottom: 1px #eee solid;
}

.category ul li:last-child {
    border-bottom: none;
}

.category ul li a {
    display: block;
    padding: 10px 0;
    font-size: 13px;
    color: #899eaa;
}

.category ul li a:hover {
    color: #8ec341;
}

.category ul li a span {
    display: inline-block;
    margin-top: 5px;
    background: #bed1db;
    float: right;
    padding: 1.5px 5px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    transition: all 0.3s ease 0s;
}

.category ul li a:hover span {
    background: #2c97ea;
}

.recent-post {
    display: block;
    padding-bottom: 60px;
    text-align: right;
}

.recent-post ul {
    display: block;
}

.recent-post ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px #eee solid;
}

.recent-post ul li:last-child {
    border: none;
}

.recent-post ul li .img-block {
    width: 22%;
    float: right;
}

.recent-post ul li .detail {
    width: 78%;
    padding-right: 15px;
    float: left;
}

.recent-post ul li .detail h4 {
    padding-bottom: 4px;
    font-family: 'Mada', sans-serif;
    font-size: 12px;
    color: #5f6f77;
    text-transform: uppercase;
}

.recent-post ul li .detail p {
    font-size: 12px;
    color: #b9c8d0;
}

.recent-post ul li .detail .ico {
    padding-left: 7px;
    font-size: 15px;
    color: #adbec8;
}

.recent-post ul li .detail p span {
    font-weight: 700;
    text-transform: uppercase;
    color: #98abb6;
}

.archives {
    display: block;
    padding-bottom: 60px;
    text-align: right;
}

.archives h3 {
    border-bottom: 1px #eee solid;
}

.archives ul {
    display: block;
}

.archives ul li {
    display: block;
    border-bottom: 1px #eee solid;
}

.archives ul li:last-child {
    border: none;
}

.archives ul li a {
    display: block;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 700;
    color: #899eaa;
    text-transform: uppercase;
}

.archives ul li a:hover,
.archives ul li:hover span {
    color: #8ec341;
}

.archives ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 20px;
    color: #adbec8;
}

.blog-right .tags {
    display: block;
    padding-bottom: 70px;
}

.blog-right .tags h3 {
    border-bottom: 1px #eee solid;
}

ul.tags-list {
    display: block;
    padding-top: 24px;
}

ul.tags-list li {
    display: block;
    margin-right: 8px;
    float: left;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: bold;
}

ul.tags-list li a {
    padding: 4px 10px;
    color: #fff;
    background: #39b0d0;
    text-transform: uppercase;
    border-radius: 2px;
}

ul.tags-list li a:hover {
    background: #8ec341;
}


/* ================================================== */


/* 11. Blog Detail Page */


/* ================================================== */

.imp-quote {
    display: block;
    padding: 25px 20px 0 66px;
    margin-bottom: 30px;
    border-radius: 4px;
    background: #eef2f4;
    position: relative;
}

.imp-quote:before {
    position: absolute;
    left: 26px;
    top: 30px;
    font-family: 'icomoon';
    font-size: 20px;
    content: "\e90d";
    color: #4181b9;
}

.imp-quote > p {
    display: block;
    font-size: 14px;
    font-style: italic;
    color: #79929f !important;
    line-height: 24px;
}

ul.blog-listing.detail > li {
    margin-bottom: 0px;
    padding-bottom: 70px;
}

.blog-right ul.follow-us {
    position: relative;
    top: -17px;
    display: inline-block;
    background: #fff;
    float: right;
    padding-left: 15px;
}

.blog-right ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;
}

.blog-right ul.follow-us li:first-child {
    padding-left: 0px;
}

.blog-right ul.follow-us li a {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    background: #c6d9ea;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.blog-right ul.follow-us li a:hover {
    background: #8ec341;
    border-color: #1c7bc3;
}

.blog-right .comments-wrapper {
    background: none;
    padding: 50px 0 0 0;
    border-bottom: 1px #dfdfdf solid;
}

.blog-right .comments-wrapper ul.comments li .com-txt {
    background: none;
}



/* ================================================== */


/* 12. 404 page */


/* ================================================== */

.not-found-wrapper {
    max-width: 660px;
    margin: 0 auto;
    padding: 250px 0 0 0;
    text-align: center;
    width: 100%;
}

.not-found-wrapper h1 {
    font-size: 186px;
    color: #bcbfc1
}

.not-found-wrapper h1 img {
    -webkit-animation: 2s ease 0s normal none infinite running bounce;
    animation: 2s ease 0s normal none infinite running bounce;
}

.not-found-wrapper h2 {
    color: #2a2a2a;
    font-size: 30px;
    line-height: 90px;
    padding: 40px 0 20px;
    font-weight: 500;
    font-family: 'Mada', sans-serif;
}

.not-found-wrapper p {
    padding-bottom: 60px;
    font-size: 18px;
    color: #2a2a2a;
    line-height: 26px;
    font-weight: 400;
}

.not-found-wrapper a {
    color: #39b0d0;
}

.not-found-wrapper a:hover {
    color: #8ec341;
}


/* ================================================== */


/* 13. Testimonial Page */


/* ================================================== */

.testimonial-outer {
    display: block;
}

ul.testimonials {
    text-align: center;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}

ul.testimonials:after {
    width: 5px;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
}

ul.testimonials li {
    display: block;
    border-right: 1px #dfe5e1 solid;
    border-bottom: 1px #dfe5e1 solid;
    position: relative;
}

ul.testimonials li .quotblock {
    display: block;
    padding: 50px 20px;
}

ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
    border-bottom: none;
}

ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
    display: none !important;
}

ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    width: 5px;
    height: 7px;
    display: block;
    content: "";
    background: url(../images/testi-clip.png) no-repeat left top;
    position: absolute;
    bottom: -4px;
}

ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
    padding-top: 0px;
}

ul.testimonials li:after {
    right: -1px;
}

ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
    left: -1px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

ul.testimonials li img {
    margin: 0 auto 22px;
}

ul.testimonials li .icon-quote-left-icon {
    font-size: 20px;
    color: #ffac34;
}

ul.testimonials li h3 {
    padding: 14px 0 2px 0;
    font-size: 18px;
    color: #464f53;
    text-transform: none;
}

ul.testimonials li .desig {
    display: block;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 700;
}

ul.testimonials li p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 36px;
}


/* ================================================== */


/* 14. Privacy Page */


/* ================================================== */

.privacy-wrapper {
    background: #f1f4f6;
    text-align: right;
}

.privacy-wrapper h2 {
    display: block;
    padding-bottom: 25px;
    font-size: 30px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}

.privacy-wrapper p {
    padding-bottom: 25px;
    color: #7d8081;
}

ul.privacy-listing {
    padding: 10px 0;
}

ul.privacy-listing > li {
    border-bottom: 1px dashed #c9cdce;
    color: #707c82;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0 24px 15px 0;
    position: relative;
}

ul.privacy-listing > li:last-child {
    border-bottom: none;
}

ul.privacy-listing > li:before {
    display: block;
    position: absolute;
    right: 0px;
    top: 4px;
    font-family: 'icomoon';
    font-size: 12px;
    color: #79a2c2;
    content: "\e917";
}

ul.privacy-listing > li > ul {
    padding: 4px 0;
}

ul.privacy-listing > li > ul > li {
    font-size: 12px;
    font-weight: normal;
}

ul.privacy-listing > li > ul > li:before {
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    width: 5px;
    height: 5px;
    margin-left: 12px;
    border-radius: 50%;
    content: "";
    background: #98b4cb;
}

.privacy-wrapper hr {
    border-color: #daddde;
}

.privacy-wrapper h3 {
    display: block;
    padding-bottom: 25px;
    font-size: 24px;
    color: #343a3c;
    line-height: 32px;
    text-transform: none;
}

.privacy-wrapper .padding-top {
    padding-top: 30px;
}

.imp-note {
    display: block;
    margin: 10px 0 38px 0;
    box-shadow: 0 0 8px #e4e7e9;
    padding: 24px 40px 5px 22px;
    background: #fdfdfe;
}

.imp-note span {
    width: 72px;
    height: 72px;
    line-height: 52px;
    margin-right: 25px;
    display: block;
    float: left;
    border-radius: 50%;
    background: #fec472;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border: 12px #fdf2e4 solid;
}

.imp-note p {
    padding-bottom: 25px;
    font-size: 13px;
    color: #94a6af;
    line-height: 22px;
    overflow: hidden;
}

ol.ord-listing {
    padding-right: 68px;
    counter-reset: li;
    list-style: none;
}

ol.ord-listing li {
    position: relative;
    min-height: 60px;
    margin-top: 15px;
    padding-bottom: 20px;
    color: #7d8081;
    border-bottom: 1px #daddde solid;
}

ol.ord-listing li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #8ec341;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    top: 7px;
    right: -50px;
}

ol.ord-listing li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}


/* ================================================== */


/* 15. Register Page */


/* ================================================== */

.form-outer input.country-code {
    float: left;
    width: 16%;
}

.form-outer input.phone-no {
    float: right;
    width: calc(84% - 18px);
}

.register .cnt-block textarea {
    width: 100%;
    height: 122px;
    margin-bottom: 30px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    resize: none;
}

.datepicker {
    min-width: 260px;
    border: 1px #dae4e8 solid;
    box-shadow: none;
}

.form-outer .date {
    position: relative;
}

.form-outer .date .icon-calander-icon {
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 19px;
    color: #aab8be;
}

.register .cnt-block {
    padding: 70px 80px;
}

.register .regiter-inner {
    max-width: 1000px;
    padding: 0 15px;
    margin: 30px auto;
}

.form-outer h2 {
    padding-bottom: 14px;
    font-size: 13px;
    text-transform: uppercase;
    color: #353434;
}

.form-outer ul.select-opt {
    list-style: none;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 0 40px 0;
}

ul.select-opt li {
    color: #aaa;
    display: block;
    position: relative;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}

.login-wrapper .cnt-block ul.select-opt li input {
    height: auto;
    margin: 0px;
}

ul.select-opt li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

ul.select-opt li label {
    display: block;
    position: relative;
    padding: 0px 30px 0 26px;
    margin: 0px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

ul.select-opt li .check {
    display: block;
    position: absolute;
    background: #dae4e8;
    border-radius: 2px;
    height: 17px;
    width: 17px;
    top: 4px;
    left: 0px;
    z-index: 5;
}

ul.select-opt li:hover .check {
    border: 3px solid #dae4e8;
}

ul.select-opt li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 2px;
    height: 11px;
    width: 11px;
    top: 0px;
    left: 0px;
    margin: auto;
}

.form-outer input[type=radio]:checked ~ .check {
    border: 3px solid #dae4e8;
}

.form-outer input[type=radio]:checked ~ .check::before {
    background: #ef5b34;
}

.form-outer input[type="radio"]:checked ~ label {
    color: #343a3c;
}


/* ================================================== */


/* 16. Apply Online Page */


/* ================================================== */

.form-outer .select2.select2-container {
    width: 100% !important;
}

.form-outer .select2-container--default .select2-selection--single {
    width: 100%;
    height: 46px;
    margin-bottom: 1px;
    padding: 0 20px;
    background: none;
    border: none;
    border-left: 1px #dae4e8 solid;
    border-bottom: 1px #dae4e8 solid;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7f8385;
    border-radius: 0px;
}

.form-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    color: #7f8385;
    line-height: 43px;
}

.form-outer .col-left {
    float: left;
}

.form-outer .col-left:first-child {
    padding-right: 10%;
}


/* ================================================== */


/* 17. Generic UI Page */


/* ================================================== */

.generic-wrapper {
    display: block;
}

.generic-wrapper .head-block {
    display: block;
    padding-bottom: 50px;
}

.generic-wrapper .head-block h2 {
    padding-bottom: 10px;
}

.generic-wrapper .head-block p {
    color: #7d8081;
}

.generic-wrapper hr {
    margin: 0;
    border-color: #dde5e9;
}

.generic-wrapper .heading-group {
    display: block;
}

.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
    padding-bottom: 30px;
}

.heading-right {
    display: block;
}

.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.heading-right p {
    padding-bottom: 20px;
}

ul.our-spec {
    display: block;
}

ul.our-spec li {
    width: 33.3%;
    padding-bottom: 50px;
    float: left;
    font-weight: 700;
    color: #284962;
    text-align: center;
    line-height: 20px;
}

ul.our-spec li .icon {
    display: block;
    padding-bottom: 15px;
}

ul.our-spec li .icon img {
    border-radius: 3px;
}

ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
    padding-bottom: 0px;
}

.button-group {
    margin-bottom: 70px;
}

.button-group a {
    display: inline-block;
    vertical-align: middle;
}

a.btn-circle {
    width: 60px;
    height: 60px;
    margin: 0 8px;
    display: inline-block;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    background: #8ec341;
    font-size: 22px;
    color: #fff;
}

a.btn-circle.more {
    background: #17a43b;
}

a.btn-circle.plus {
    background: #2c97ea;
}

a.btn-circle.plus:hover {
    background: #8ec341;
}

a.btn-circle:hover {
    background: #2c97ea;
}

.button-group a.btn {
    margin: 0 8px;
}

.generic-wrapper .imp-note {
    margin: 0px;
}

.button-group1 {
    margin: 0;
}

.button-group1 a.download-pros,
.button-group1 a.download-cert {
    width: calc(50% - 20px);
    margin: 0 10px;
}

.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
    padding-top: 0px;
    margin-bottom: 40px;
}

.generic-wrapper .enquire-now {
    margin: inherit;
}


/* ================================================== */


/* 18. Appointment Form Page */


/* ================================================== */

.inner-banner.appointment-banner {
    background: url(../images/appointmentBg.jpg) no-repeat center top / cover;
}


/* ================================================== */


/* 19. Doctors Page */


/* ================================================== */

.inner-banner.doctors-banner,
.inner-banner.profile-banner {
    background: url(../images/doctors-banner.jpg) no-repeat center top / cover;
}

.all-doctors li {
    display: block;
    text-align: center;
    position: relative;
    border-left: 1px #d9d9d9 solid;
    margin-bottom: 75px;
}

.all-doctors li:nth-child(3n) {
    border-left: none;
}

.all-doctors li::after {
    width: 80%;
    height: 1px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    display: block;
    position: absolute;
    bottom: -35px;
    content: "";
    background: #d9d9d9;
}

.all-doctors li:nth-child(n+7) {
    margin-bottom: 0;
}

.all-doctors li:nth-child(n+7):after {
    display: none;
}

.all-doctors li .inner {
    padding: 0 20px 10px 20px;
}

.all-doctors li img {
    display: inline-block;
    border-radius: 50%;
}

.all-doctors li h3 {
    font-size: 20px;
    line-height: 24px;
    color: #39b0d0;
    text-transform: none;
    font-weight: 400;
    padding: 20px 0 5px 0;
}

.all-doctors li h4 {
    font-size: 16px;
    line-height: 24px;
    color: #3c3c3c;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 20px;
}

.all-doctors li p {
    font-size: 16px;
    line-height: 26px;
    color: #3c3c3c;
    font-weight: 400;
    padding-bottom: 25px;
}

.all-doctors li a.btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #8ec341;
    background: none;
    color: #8ec341;
}

.all-doctors li a.btn:hover {
    background: #8ec341;
    color: #fff;
}


/* ================================================== */


/* 20. Doctors Profile Page */


/* ================================================== */


.doctor-profile .right-block {
    text-align: right;
}

.doctor-profile .doctor-info {
    background: #39b0d0;
    text-align: center;
    padding: 20px 0;
}

.doctor-profile .doctor-info h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}

.doctor-profile .doctor-info h4 {
    font-size: 22px;
    color: #fff;
    text-transform: none;
    font-weight: 400;
    padding: 5px 0 15px;
}

.doctor-profile .doctor-info li {
    display: inline-block;
}

.doctor-profile .doctor-info li .fa {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #fff;
    padding: 4px 0 0;
    font-size: 24px;
    color: #39b0d0;
    margin: 0 4px;
}

.doctor-profile .doctor-info li .fa:hover {
    opacity: 0.6
}

.doctor-profile .subTitle {
    color: #39b0d0;
    font-size: 18px;
    line-height: 24px;
    padding: 3px 0 20px;
    border-bottom: 1px solid #a5a5a5;
    margin: 0 0 25px;
}

.doctor-profile p {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding: 0 0 30px;
}



/* ================================================== */


/* 21. Our Services Page */


/* ================================================== */

.our-service-banner {
    background: url(../images/service-banner.jpg) center top no-repeat;
    background-size: cover;
}


/* ================================================== */


/* 22. My Account Page */


/* ================================================== */

.my-account {
    float: left;
}

.my-account figure {
    float: left;
    margin: 0;
}

.my-account .name {
    float: left;
    line-height: 15px;
    padding: 3px 20px 0 10px;
}

.my-account .name span {
    font-size: 10px;
    font-weight: 500;
    font-weight: 500;
    color: #3c3c3c;
}

.my-account .name h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-weight: 500;
    color: #3c3c3c;
}

.account-sec {
    margin-top: 101px;
    border-top: 3px solid #f7f7f7;
}

.account-sec .left {
    border: 1px solid #d3d3d3;
}

.account-sec .left .top {
    text-align: center;
    background: #daf5ff;
    padding: 30px 5px 25px 5px;
    line-height: 0;
}

.account-sec .left .top h3 {
    color: #39b0d0;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.account-sec .left .top a {
    color: #39b0d0;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    display: block;
}

.account-sec .left .top a.mail {
    margin-bottom: 4px;
}

.account-sec .left .bottom li {
    display: block;
    width: 100%;
}

.account-sec .left .bottom a {
    display: block;
    padding: 25px;
    border-top: 1px solid #d3d3d3;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}

.account-sec .left .bottom a:hover,
.account-sec .left .bottom a.active {
    color: #8ec341;
}

.account-sec .right {
    padding-right: 35px;
}

.account-sec .right li {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #cdcdcd;
}

.account-sec .right li:first-child {
    padding-top: 10px;
}

.account-sec .right li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.account-sec .right .treatment {
    float: right;
    width: 48%;
    text-align: right;
}

.account-sec .right .treatment img {
    display: inline-block;
}

.account-sec .right .treatment h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    color: #3c3c3c;
    text-transform: uppercase;
    margin-right: 13px;
}

.account-sec .right .date-time {
    float: right;
    width: 30%;
    margin-top: 20px;
    text-align: right;
}

.account-sec .right .date-time p {
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
    font-weight: 400;
    padding: 0;
}

.account-sec .right .button {
    text-align: center;
}

.account-sec .right .button a {
    color: #39b0d0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    float: left;
    margin-top: 23px;
    width: 15%;
}

.account-sec .right .button a.cancel {
    color: #8ec341;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid #8ec341;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 10px 25px 8px 25px;
    margin-top: 15px;
}

.account-sec .right .button a.cancel:hover {
    background: #8ec341;
    color: #fff;
}

.account-sec .right .button a.canceled {
    color: #8ec341;
}


/* ================================================== */


/* 23. My Doctor Page */


/* ================================================== */

.doctor-details li {
    float: left;
    width: 33.33%;
    text-align: center;
    margin-bottom: 50px;
}

.doctor-details li img {
    border: 1px solid #fcdcc7;
    border-radius: 100%;
}

.doctor-details li h3 {
    font-size: 20px;
    line-height: 24px;
    color: #39b0d0;
    text-transform: none;
    font-weight: 400;
    padding: 20px 0 5px 0;
}

.doctor-details li h4 {
    font-size: 16px;
    line-height: 24px;
    color: #3c3c3c;
    text-transform: none;
    font-weight: 400;
}


/* ================================================== */


/* 24. My Notifications Page */


/* ================================================== */
.my-notifications {
    text-align: right;
}

.my-notifications li {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0px 25px 20px;
    border-bottom: 1px solid #cdcdcd;
}

.my-notifications li:first-child {
    margin-top: -25px;
}

.my-notifications li h3 {
    font-size: 22px;
    color: #3c3c3c;
    font-weight: 500;
    line-height: 28px;
    text-transform: none;
    padding-bottom: 10px;
}

.my-notifications li p {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 0;
}

.my-notifications li .cross {
    position: absolute;
    left: 0;
    top: 25px;
    color: #555555;
}


/* ================================================== */


/* 25. Responsive Style */


/* ================================================== */

@media (max-width:1920px) {
    .why-choose {
        background-position: -140px 0;
    }
}

@media (max-width:1800px) {
    .header-middle .logo {
        max-width: 200px;
    }

    header.sticky .header-middle .logo {
        max-width: 190px;
    }

    .header-middle .left {
        padding-top: 9px;
    }

    header.sticky .header-middle .left {
        padding-top: 5px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
        padding: 8px 10px 8px;
    }

    .nav > li {
        padding: 0 5px;
    }

    .navbar-inverse {
        max-width: 690px;
    }

    .navbar-form {
        width: 26%;
        padding: 0 15px;
    }

    .poppup-forms li {
        padding: 8px 10px;
    }

    .header-middle .book-appointment a.btn {
        font-size: 12px;
    }

    .poppup-forms li a {
        font-size: 14px;
    }

    .navbar-form .search-btn {
        right: 5px;
    }

    .banner-outer {
        margin-top: 90px;
    }

    .poppup-forms ul {
        padding-right: 10px;
    }

    .make-appointment {
        padding: 100px 0;
    }

    .account-sec {
        margin-top: 90px;
    }
	.navbar .dropdown-menu::after{
		left:24px;
	}
}

@media (max-width:1366px) {
    .logos {
        padding: 40px 0;
    }

    .bx-controls-direction .bx-prev {
        left: 15px;
    }

    .bx-controls-direction .bx-next {
        right: 15px;
    }

    .doctors-team .owl-nav .owl-prev, .testimonial .owl-nav .owl-prev{
        left: -50px;
    }

    .doctors-team .owl-nav .owl-next, .testimonial .owl-nav .owl-next {
        right: -50px;
    }
	.navbar .dropdown-menu::after{
		left:20px;
	}
}

@media (max-width:1279px) {
    .poppup-forms li a {
        font-size: 13px;
        padding: 5px 0 5px 35px;
    }

    .navbar-inverse .container {
        padding-right: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 13px;
        padding: 8px 4px 8px;
    }
	.navbar .dropdown-menu > li > a{
		font-size:13px;
		padding:6px 15px;
	}
    .nav > li {
        padding: 0 3px;
    }

    .header-middle .logo,
    header.sticky .header-middle .logo {
        max-width: 175px;
    }

    .header-middle,
    header.sticky .header-middle {
        padding: 15px 20px;
    }

    .nav > li > a {
        padding: 20px 20px 18px;
    }

    .navbar-form .form-control,
    header.sticky .navbar-form .form-control {
        margin: 8px 0 5px 0;
    }

    .header-middle .contact ul li a {
        font-size: 14px;
        background-size: 25px !important;
        padding: 5px 0 5px 35px;
    }

    .header-middle .contact ul li {
        padding: 0 10px;
    }

    .header-middle .contact {
        padding: 10px 0 0;
    }

    .navbar-form {
        width: 100%;
        border: none;
    }

    .navbar-form .form-control {
        color: #fff;
    }

    .navbar-form .form-control::-webkit-input-placeholder {
        opacity: 1;
        color: #fff;
    }

    .navbar-form .form-control:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1;
        color: #fff;
    }

    .navbar-form .form-control::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1;
        color: #fff;
    }

    .navbar-form .form-control:-ms-input-placeholder {
        opacity: 1;
        color: #fff;
    }

    .navbar-form .search-btn {
        color: #fff;
        top: 5px;
    }

    .banner-outer .content {
        padding-left: 50px;
    }

    .make-appointment {
        padding: 60px 0;
    }

    .testimonial .wrapper .bx-wrapper::after {
        right: 15%;
    }

    .footer h3 {
        font-size: 16px;
    }

    .footer p {
        font-size: 12px;
    }

    .footer li a {
        font-size: 14px;
    }

    .footer .connect-with p {
        font-size: 14px;
    }

    .footer .contact li a {
        font-size: 14px;
    }

    .col-sm-3.logo-section {
        width: 30%;
    }

    .footer .services {
        width: 20%;
        padding-left: 30px;
    }

    .footer ul.follow-us li .fa {
        position: static;
    }

    #ContactForm {
        padding: 0 40px;
    }

    .your-teeth h2 {
        font-size: 28px;
    }

    .your-teeth p {
        font-size: 16px;
        line-height: 26px;
    }

    .your-teeth ul li {
        padding-right: 15px;
        width: 62px;
    }

    .footer ul.follow-us {
        margin-top: 10px;
    }

    .banner-outer {
        margin-top: 80px;
    }

    .inner-banner {
        margin-top: 115px;
        padding: 80px 0 60px;
        min-height: auto;
    }

    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3,
    .banner-outer .slide4 {
        height: 360px;
    }

    .about ul.our-links {
        margin: -250px 0 0 0;
    }

    .about ul.our-links li .detail h3 {
        font-size: 28px;
    }

    .about {
        padding: 180px 0 0;
    }

    .about h2 {
        font-size: 24px;
    }

    .about p,
    p {
        padding-bottom: 15px;
        line-height: 24px;
        font-size: 16px;
    }

    .make-appointment h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .make-appointment .appointment-form .btn {
        font-size: 16px;
    }

    .heading h2 {
        font-size: 30px;
    }

    .our-impotance ul li h3 {
        padding: 15px 0 12px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .our-blog h2,
    .campus-tour h2,
    .testimonial h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        font-size: 30px;
    }

    .our-blog ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 24px;
    }

    ul.our-strength li .title {
        font-size: 16px;
    }

    .inner-banner h1 {
        font-size: 30px;
    }

    .inner-banner p {
        font-size: 16px;
    }

    .contact-info {
        padding-left: 20px;
        padding-top: 15px;
    }

    .contact-info h2 {
        font-size: 18px;
    }

    .contact-info p .fa {
        width: 40px;
        height: 40px;
        padding: 6px 0 0;
    }

    .contact-info p {
        font-size: 14px;
        line-height: 25px;
    }

    .contact-info span.numbers {
        width: calc(100% - 60px);
        margin: -5px 0 0;
    }

    .google-map #map {
        height: 290px;
    }

    .all-doctors li a.btn {
        font-size: 15px;
        padding: 10px 20px;
    }

    h2 {
        font-size: 26px;
    }

    .why-choose {
        min-height: 275px;
    }

    .contact-info p {
        margin-bottom: 24px;
    }

    .footer .blog-list .blog-detail {
        padding: 5px 15px 5px 5px;
    }

    .footer .blog-list .blog-detail p {
        padding-bottom: 5px;
    }

    .footer .bottom {
        padding: 20px 0 5px 0;
    }

    /* Header Popup form */
    .header-middle .left,
    header.sticky .header-middle .left {
        padding-top: 2px;
    }

    /* My Account */
    .account-sec {
        margin-top: 80px;
    }

    /* My Notifications */
    .my-notifications li {
        padding: 20px 20px 20px 0;
    }

    .my-notifications li h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .my-notifications li p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width:1023px) {

    .header-middle .left,
    header.sticky .header-middle .left {
        padding-top: 4px;
    }

    .navbar-toggler:not([disabled]):not(.disabled) {
        outline: none;
    }

    .heading p {
        padding: 0 10% 50px 10%;
    }

    ..header-middle,
    header.sticky .header-middle {
        padding: 10px;
    }

    .header-middle .contact {
        padding: 7px 0 0;
    }

    .nav > li > a {
        padding: 19px 10px;
    }

    .banner-outer .content h1 span {
        line-height: 65px;
    }

    .banner-outer .content h1 span {
        font-size: 50px;
    }

    .banner-outer .slide2 .content h1,
    .banner-outer .slide3 .content h1,
    .banner-outer .content h1 {
        font-size: 23px;
        line-height: 26px;
    }

    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        height: 35px;
        width: 35px;
        background-size: 10px;
    }

    .about ul.our-links li:last-child .detail p {
        text-align: left;
        width: 100%;
    }

    .make-appointment .left-image {
        display: none;
    }

    .make-appointment .col-md-6.appointment-outer {
        width: 100%;
        max-width: 100% !important;
        flex: 100%;
    }

    .make-appointment .appointment-form {
        padding-right: 0;
    }

    .col-sm-8.appointment-outer {
        width: 100%;
        max-width: 100% !important;
        flex: 100%;
    }

    ul.our-strength li span {
        font-size: 25px;
    }

    ul.our-strength li .title {
        font-size: 16px;
        padding-top: 10px;
    }

    .doctors-team ul li {
        padding: 0 15px;
    }

    .col-sm-3.logo-section img {
        width: auto;
    }

    .col-sm-3.logo-section,
    .col-sm-3.footer-blog,
    .col-sm-3.opening-hours {
        max-width: 50%;
        width: 50%;
        flex: auto;
        float: left;
    }

    .footer .services {
        max-width: 50%;
        width: 50%;
        padding-left: 15px;
        flex: auto;
        padding-right: 15px;
    }

    .footer .subscribe .clear .button {
        height: 34px;
    }

    .all-doctors li .inner {
        padding: 0 0 10px 0;
    }

    .banner-outer {
        margin-top: 70px;
    }

    .banner-outer .content {
        padding-left: 30px;
    }

    .about ul.our-links li {
        padding: 25px;
    }

    .about p {
        font-size: 16px;
        line-height: 24px;
    }

    .about ul.our-links li .detail h3 {
        font-size: 18px;
    }

    .our-blog ul li .cnt-block {
        padding: 0 15px 15px 15px;
    }

    .our-blog ul li .cnt-block h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .our-blog ul li .cnt-block p {
        font-size: 14px;
        line-height: 22px;
    }

    .view-all a.btn {
        font-size: 18px;
        line-height: 22px;
    }

    .testimonial .wrapper .bx-wrapper::after {
        right: 11%;
    }

    .make-appointment h3 {
        font-size: 24px;
    }

    .heading h2 {
        font-size: 24px;
    }

    .our-impotance ul li h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .footer ul.follow-us {
        margin-top: -4px;
        margin-left: 5px;
    }

    .doctors-team ul li h3 {
        font-size: 16px;
    }

    .doctors-team ul li h4 {
        padding-bottom: 5px;
    }

    .inner-banner {
        margin-top: 78px;
        padding: 60px 0 40px;
        min-height: auto;
    }

    .your-teeth {
        padding: 40px 0;
    }

    .your-teeth ul li {
        padding: 0 9px;
        width: auto;
    }

    .your-teeth .left-block {
        max-width: 100%;
        flex: auto;
        text-align: center;
    }

    .your-teeth .right-block {
        max-width: 100%;
        flex: auto;
        padding-top: 20px;
        text-align: center;
    }

    .your-teeth a.btn {
        margin-top: 20px;
    }

    .connect-with-us li {
        margin: -8px 2px 0;
    }

    .navbar-form .form-control {
        border: 0;
    }

    .navbar-inverse {
        padding: 2px 0 0;
    }

    .all-doctors li p {
        font-size: 16px;
    }

    .all-doctors li h3 {
        font-size: 18px;
    }

    .card-header .card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .accordion .card-header::after {
        padding: 14px 20px;
    }

    /* My Account */
    .account-sec .right {
        padding-left: 15px;
    }

    .account-sec .left .top h3 {
        font-size: 16px;
    }

    .account-sec .left .bottom a {
        padding: 15px;
        font-size: 14px;
    }

    .account-sec .right .treatment img {
        max-width: 50px;
    }

    .account-sec .right .treatment h3 {
        font-size: 17px;
        margin-left: 5px;
    }

    .account-sec .right .date-time {
        margin-top: 14px;
    }

    .account-sec .right .date-time p {
        font-size: 12px;
    }

    .account-sec .right .button a.cancel {
        font-size: 13px;
        padding: 8px 20px 8px 20px;
        margin-top: 6px;
    }

    .account-sec .right .button a {
        margin-top: 14px;
        font-size: 12px;
    }

    /* My Doctors */
    .doctor-details li img {
        max-width: 90px;
    }

    .doctor-details li h3 {
        font-size: 16px;
    }

    .doctor-details li h4 {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    .navbar-nav > li.book-mobile {
        display: block;
    }
    .blog-right:before {
        left: 2px;
    }
	.navbar .dropdown-menu > li > a{
		padding:3px 15px;
	}
	.navbar .dropdown-menu{ 
		border-top:none;
	}
	.navbar .dropdown-menu::after{
		display:none;
	}
	.dropdown-menu .dropdown .dropdown-toggle::after{
		top:17px;
	}
}


/* Portrait tablet to landscape and desktop */

@media (min-width: 992px) and (max-width:1199px) {
    .nav > li > a {
        padding: 20px 20px 18px;
    }

    .banner-outer .content h1 {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .banner-outer .content h1 span {
        font-size: 44px;
        line-height: 50px;
    }

    .banner-outer .content p {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .our-blog ul li .cnt-block h3 {
        font-size: 18px;
    }

    .campus-tour {
        padding: 60px 0 0 0;
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 20px;
    }

    .campus-tour ul.gallery li a {
        margin: 0 2px;
    }

    .campus-tour ul.gallery li .overlay {
        margin-top: -55px;
    }

    .our-impotance.padding-lg {
        padding-top: 0;
    }

    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .our-impotance.padding-lg.our-services,
    .our-impotance.padding-lg.service-ourter {
        padding-top: 60px;
    }

    a.download-pros,
    a.download-cert {
        padding: 20px 16px;
    }

    a.download-pros .txt-block,
    a.download-cert .txt-block {
        text-transform: none;
    }

    a.download-pros .ico-block,
    a.download-cert .ico-block {
        padding-right: 10px;
    }

    .logos {
        padding: 40px 0;
    }

    .footer ul.follow-us li a {
        width: 36px;
        height: 36px;
        line-height: 34px;
    }

    .footer .connect-us {
        width: 100%;
    }

    .footer .instagram {
        padding-right: 0px;
    }

    .about-video .container {
        height: 450px;
    }

    .about-video p {
        font-size: 55px;
    }

    .about ul.our-links li {
        padding: 44px 0 40px 3%;
    }

    .course-detail {
        padding: 20px 30px;
        margin: 30px 0 0 0;
    }

    .course-detail .duration {
        width: 23%;
        padding-right: 20px;
    }

    .course-detail .duration.eligible {
        padding: 0 20px;
    }

    .course-detail .duration.fee {
        width: 21%;
        padding: 0 20px;
    }

    .course-detail .btn {
        margin: 10px 0 0 32px;
    }

    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        top: 54px;
    }

    .how-apply ul li p {
        padding: 34px 0 25px;
    }


    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .not-found-wrapper {
        width: 60%;
    }

    .not-found-wrapper h1 {
        font-size: 186px;
    }

    .login-wrapper .login {
        max-width: 460px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 22px 0;
    }

    .login-wrapper .head-block h1 {
        font-size: 30px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .or {
        width: 20%;
    }

    .login-wrapper .btn {
        padding: 10px 20px;
    }

    ul.testimonials li p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width:991px) {
    .navbar-toggler {
        background: url(../images/menu-icon1.png) no-repeat center center;
    }

    .navbar-inverse {
        float: right;
        padding: 0;
    }

    .navbar-collapse {
        position: absolute;
        right: 0;
        top: 50px;
        width: 300px;
        background: #8bbf5b;
        z-index: 1212;
    }

    .nav > li {
        padding: 0;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a.active {
        border: none;
        background: #6fa93a;
    }

    .navbar-inverse .navbar-nav > li > a {
        display: block;
        border-bottom: none;
        color: #fff;
        padding: 15px;
        text-align: right;
    }
}


/* Portrait tablet */

@media (min-width: 768px) and (max-width: 991px) {
    .header-top ul.follow-us li {
        padding-right: 12px;
    }

    .header-middle .contact ul {
        padding-right: 28px;
    }

    .header-middle .contact ul li {
        padding: 0 20px;
        font-size: 16px;
    }

    .header-middle a.login {
        padding: 5px 14px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
    }

    .navbar-inverse .container {
        padding: 0px;
    }

    .navbar-form {
        width: 100%;
        padding: 0 15px;
    }

    .navbar-form .form-control {
        height: 40px;
    }

    .navbar-form .search-btn {
        top: 10px;
    }

    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3 {
        height: 450px;
    }

    .banner-outer .content p {
        font-size: 14px;
        max-width: 400px;
    }

    .about {
        padding-bottom: 20px;
    }

    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }

    .about ul.our-links li {
        padding: 25px 10px;
        text-align: center;
    }

    .about ul.our-links li .icon {
        float: none;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .about ul.our-links li .detail {
        width: 100%;
        padding-left: 0px;
    }

    .about .btn-wrapper {
        margin-bottom: 30px;
    }

    .our-impotance ul li .inner {
        padding: 30px 10px;
    }

    .details-tab,
    .padding-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .our-impotance.padding-lg {
        padding-top: 0;
    }

    .our-impotance.padding-lg.our-services,
    .our-impotance.padding-lg.service-ourter {
        padding-top: 60px;
    }

    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .our-blog h2,
    .campus-tour h2,
    .testimonial h2,
    .about h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2 {
        font-size: 24px;
    }

    .our-cources ul.inner li:nth-child(9) {
        margin-bottom: 160px;
    }

    .our-cources ul.inner li:nth-child(3n):after,
    .our-cources ul.inner li:nth-child(n+10):before {
        display: none;
    }

    .our-cources ul.inner li:nth-child(9):before {
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0px;
        bottom: -70px;
        display: block;
        background: #fff;
        content: " ";
        opacity: 0.3;
    }

    .our-blog ul li .cnt-block h3 {
        padding-bottom: 26px;
        font-size: 16px;
        line-height: 22px;
    }

    .our-blog ul li .icon {
        margin-right: 4px;
    }

    .our-blog ul li .icon span {
        font-size: 14px !important;
    }

    .our-blog ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }

    .our-blog ul li .date span,
    .our-blog ul li .comment span {
        font-size: 11px;
    }

    .how-study ul li .cnt-block {
        max-width: 152px;
    }

    .how-study ul li a.more {
        right: 10px;
    }

    .how-study ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .campus-tour {
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 14px;
    }

    .campus-tour ul.gallery li a {
        width: 34px;
        height: 34px;
        margin: 0 2px;
        line-height: 34px;
        font-size: 14px;
    }

    .campus-tour ul.gallery li .overlay {
        margin-top: -58px;
    }

    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }

    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }

    .logos {
        padding: 30px 0;
    }

    .testimonial ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .testimonial ul li span {
        font-size: 16px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }

    .footer .footer-logo {
        padding-bottom: 20px;
    }

    .footer p {
        line-height: 20px;
    }

    .footer .connect-us {
        width: 100%;
    }

    .footer .subscribe {
        width: 100%;
    }

    .footer .subscribe input[type='email'] {
        width: 75%;
    }

    .footer .subscribe .clear:before {
        font-size: 18px;
        top: 3px;
    }

    .footer ul.follow-us li {
        padding: 0 2px;
    }

    .footer ul.follow-us li a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
    }

    .footer .instagram {
        padding: 14px 15px 18px 0;
    }

    .footer .subscribe input[type='email'] {
        width: 78%;
        height: 34px;
    }

    ul.browse-teachers-list p {
        padding: 0 0 20px 0;
    }

    .about-video .container {
        height: 400px;
    }

    .about-video p {
        font-size: 50px;
    }

    .inner-banner a.apply-online {
        width: 100%;
    }

    .enquire-wrapper {
        max-width: none;
        margin-top: 30px;
    }

    .enquire-now {
        margin-top: 20px;
        max-width: none;
    }

    .course-detail {
        padding: 20px;
        margin: 30px 0 0 0;
    }

    .course-detail .duration {
        width: 33.3%;
        padding-right: 20px;
    }

    .course-detail .duration .icon {
        float: none;
        margin: 0 auto;
    }

    .course-detail .duration .detail {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .course-detail .duration.eligible {
        width: 33.3%;
        padding: 0 20px;
    }

    .course-detail .duration.fee {
        width: 33.3%;
        border-right: none;
        padding: 0 20px;
    }

    .course-detail .btn {
        margin: 10px 0 0 32px;
    }

    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }

    .how-apply ul li .icon-block img {
        width: 60px;
    }

    .how-apply ul li p {
        padding: 34px 0 25px;
    }

    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }

    .how-apply ul li:nth-child(1):after {
        top: 10px;
    }

    #myTabs {
        padding: 0px;
    }

    .course-tab > li > a {
        padding: 18px 0px;
        font-size: 16px;
    }

    .course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
        padding: 18px 20px;
    }

    #schedule .fee-amt {
        font-size: 20px;
    }

    #semester ul.content > li h4 {
        font-size: 16px;
    }

    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    ul.blog-listing > li h2 {
        padding: 20px 0 10px;
        font-size: 20px;
    }

    .blog-left:after {
        right: -20px;
    }

    .blog-right {
        padding-left: 20px;
    }

    .search-block input {
        width: 78%;
    }

    ul.post-detail li {
        padding-right: 15px;
    }

    .category ul li a {
        font-size: 12px;
    }

    .not-found-wrapper {
        width: 60%;
        margin: 80px auto;
        padding-top: 198px;
    }

    .not-found-wrapper h1 {
        font-size: 166px;
    }

    .faq-wrapper .search-block input {
        height: 48px;
    }

    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }

    ul.faq-listing li .inner {
        padding: 20px 20px 20px 68px;
    }

    ul.faq-listing li .inner:before {
        top: 36px;
    }

    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }

    .login-wrapper .login {
        max-width: 460px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 40px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 250px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 22px 0;
    }

    .login-wrapper .head-block h1 {
        font-size: 30px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .or {
        width: 20%;
    }

    .login-wrapper .btn {
        padding: 10px 20px;
    }

    ul.testimonials li p {
        font-size: 15px;
        line-height: 26px;
    }

    ul.testimonials li .quotblock {
        padding: 40px 10px;
    }

    ul.gallery-filter li {
        width: auto;
        font-size: 17px;
        padding: 0 16px;
    }

    ul.gallery-filter li a {
        padding-bottom: 20px;
    }

    .campus-tour .pagination {
        margin: 50px 0;
    }

    .news-wrapper .text-center {
        margin-top: 10px;
    }

    ul.news-listing > li h2 {
        font-size: 18px;
        line-height: 26px;
    }

    ul.news-listing > li p {
        line-height: 24px;
    }

    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }

    ul.news-listing > li .cnt-block {
        padding: 20px;
    }

    .form-outer .cnt-block {
        padding: 50px 20px;
    }

    .form-outer ul.select-opt {
        padding-bottom: 30px;
    }

    .form-outer .col-left:first-child {
        padding-right: 0;
    }

    .col-left ul.select-opt li label {
        padding-right: 21px;
    }

    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }

    .generic-wrapper .button-group {
        text-align: center;
    }

    .services_detail .rightImg {
        width: 100%;
    }
}


/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    .heading {
        padding: 0 5px;
    }

    header {
        position: static;
    }

    .header-middle .logo,
    header.sticky .header-middle .logo {
        float: left;
        max-width: 150px;
    }

    .header-middle .left,
    header.sticky .header-middle .contact,
    .header-middle .contact ul,
    .header-middle .contact {
        float: right;
        width: auto;
        text-align: center;
    }

    .header-middle .contact ul li a {
        font-size: 0;
        height: 30px;
        width: 30px;
        display: inline-block;
        padding: 0;
    }

    header.sticky .header-middle .contact {
        padding: 7px 0 0 0;
    }

    .header-middle .contact ul li {
        float: none;
        display: inline-block;
    }

    .poppup-forms ul {
        padding-right: 0;
    }

    .navbar-inverse .navbar-toggle {
        border: none;
    }

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background: none;
    }

    .navbar-form {
        border: none;
        box-shadow: none;
    }

    .navbar-form .search-btn {
        top: 4px;
    }

    .form-control {
        padding: 6px 30px;
    }

    .navbar-toggle .icon-bar {
        width: 26px;
        height: 3px;
    }

    .navbar-form {
        width: auto;
    }

    .navbar-form .search-btn {
        right: 5px;
    }

    .nav > li > a {
        padding: 12px 20px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
    }

    .navbar-nav .open .dropdown-menu {
        background: #fff;
        border-radius: 0px;
    }

    .navbar .dropdown-menu {
        padding: 10px 0;
    }

    .navbar .dropdown-menu:after {
        display: none;
    }

    .header-top ul.top-nav li {
        padding: 0 7px;
    }

    .header-top .right-block {
        float: none;
    }

    .header-top .lang-wrapper {
        margin-right: -15px;
    }

    .header-middle a.login {
        padding: 5px 14px;
    }

    .banner-outer {
        margin-top: 0;
    }

    .banner-outer .content {
        float: none;
        padding: 50px 0px;
    }

    .banner-outer .content h1 span {
        font-size: 60px;
    }

    .banner-outer .content p {
        font-size: 14px;
        line-height: 24px;
    }

    .banner-outer .bx-wrapper .bx-pager {
        bottom: 10px;
    }

    .banner-outer .slide1,
    .banner-outer .slide2,
    .banner-outer .slide3,
    .banner-outer .slide4 {
        height: 350px;
        background: #e3e4e7;
    }

    .bx-controls-direction .bx-prev,
    .bx-controls-direction .bx-next {
        height: 35px;
        width: 35px;
        background-size: 10px;
    }

    .about {
        padding: 226px 0 30px;
    }

    .about .quality-service {
        margin-top: 0;
    }

    .about ul.our-links li {
        max-width: 100%;
        flex: auto;
    }

    .about .video-block a {
        width: 50px;
        margin-top: -25px;
    }

    .modal-open .modal {
        padding-right: 0px !important;
    }

    .about .left-image {
        max-width: 100%;
        flex: auto;
        text-align: center;
    }

    .about .left-image img {
        max-width: 270px;
    }

    .about .left-block {
        max-width: 100%;
        flex: auto;
        padding-top: 30px;
    }

    .about ul.our-links {
        margin: -226px -15px 30px -15px;
    }

    .about ul.our-links li {
        padding: 20px 20px 30px 20px;
    }

    .about ul.our-links li .detail a.more {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 16px;
        position: relative;
    }

    .about .left-block {
        padding-bottom: 10px;
    }

    .details-tab,
    .padding-lg,
    .our-impotance.padding-lg.our-services,
    .our-impotance.padding-lg.service-ourter {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .our-impotance.padding-lg {
        padding-top: 0;
    }

    .about h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .about p {
        font-size: 16px;
        line-height: 25px;
    }

    .your-teeth .left-block {
        max-width: 100%;
        flex: auto;
    }

    .your-teeth .left-block img {
        width: 100%;
    }

    .your-teeth .right-block {
        max-width: 100%;
        flex: auto;
    }

    .your-teeth a.btn {
        margin-top: 5px;
    }

    .our-cources h2,
    .how-study h2,
    .why-choose h2,
    .our-blog h2,
    .campus-tour h2,
    .testimonial h2,
    .browse-teacher h2,
    .how-apply h2,
    .have-question h2,
    .heading h2 {
        padding-bottom: 30px;
        font-size: 26px;
    }

    .our-impotance ul li .inner {
        padding: 30px 10px 15px 10px;
        border-bottom: 1px #e9e9e9 solid;
    }

    .our-impotance ul li:last-child {
        margin-bottom: 0px !important;
    }

    .our-impotance ul li {
        border-right: none;
        margin-bottom: 30px !important;
    }

    .our-impotance ul li:after {
        display: none;
    }

    .our-impotance ul li h3 span {
        display: inline;
    }

    .our-impotance ul li h3 {
        min-height: 77px;
    }

    .why-choose {
        min-height: 235px;
    }

    .make-appointment h3 {
        font-size: 28xp;
        line-height: 32px;
    }

    .make-appointment .appointment-form {
        padding: 0 15px 0 15px;
    }

    .make-appointment .appointment-form .row {
        padding-bottom: 0;
    }

    .make-appointment .appointment-form .row .col-sm-6 {
        padding-bottom: 20px;
    }

    .make-appointment .appointment-form .btn {
        font-size: 16px;
    }

    .our-impotance ul {
        padding-top: 20px;
    }

    .our-impotance ul li h3 {
        min-height: auto;
    }

    .our-impotance .col-sm-4.equal-hight {
        max-width: 100%;
        flex: auto;
    }

    .our-impotance li:last-child .inner {
        border-bottom: none;
    }

    .our-blog ul li {
        max-width: 100%;
        flex: auto;
    }

    .how-study ul li {
        margin-bottom: 20px;
    }

    .how-study ul li .cnt-block {
        left: 20px;
    }

    .quality-service.padding-lg .col-sm-6 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .quality-service.padding-lg .col-sm-6:nth-child(2) {
        padding-top: 30px;
    }

    ul.our-strength li span {
        font-size: 26px;
    }

    ul.our-strength li .title {
        line-height: 20px;
    }

    .our-blog ul {
        margin-bottom: 15px;
    }

    .our-blog ul li {
        margin-bottom: 30px;
    }

    .our-blog ul li .cnt-block h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .our-blog ul li .cnt-block .plus-icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 30px;
        top: -27px;
    }

    .our-blog ul li .bottom-block {
        padding-top: 0px;
    }

    .blog-right .tags {
        padding-bottom: 0;
    }

    .campus-tour {
        padding-bottom: 0px;
    }

    .campus-tour ul.gallery li {
        width: 50%;
    }

    .campus-tour ul.gallery li h3 {
        font-size: 18px;
    }

    .campus-tour ul.gallery li a {
        width: 44px;
        height: 44px;
        margin: 0 4px;
        line-height: 44px;
        font-size: 18px;
    }

    .campus-tour ul.gallery li:hover .overlay {
        top: 60%;
    }

    .campus-tour ul.gallery li p {
        padding-bottom: 10px;
    }

    .logos {
        padding: 30px 0;
    }

    .view-all {
        padding-top: 20px;
    }

    ul.our-strength li .icon img {
        max-width: 45px;
    }

    ul.our-strength li .title {
        font-size: 12px;
    }

    .testimonial .wrapper .bx-wrapper::before {
        left: 7px;
        top: 15px;
    }

    .testimonial #bx-pager a {
        width: 65px;
    }

    .testimonial ul li {
        padding: 0;
    }

    .testimonial ul li p {
        font-size: 18px;
        line-height: 28px;
    }

    .testimonial ul li span {
        font-size: 16px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 38px;
    }

    .testimonial .wrapper .bx-wrapper::after {
        bottom: 80px;
    }

    .testimonial .owl-prev,
    .testimonial .owl-next {
        display: none;
    }

    .col-sm-3.logo-section,
    .col-sm-3.footer-blog,
    .col-sm-3.opening-hours,
    .footer .services {
        width: 100%;
        max-width: 100%;
    }

    .footer .subscribe input[type="email"] {
        height: 34px;
    }

    .footer .row1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer .row1 .col-sm-9 {
        padding-bottom: 15px;
    }

    .footer .foot-nav {
        width: 100%;
        border-bottom: 1px #2e5f85 solid;
        padding: 10px 0 12px 0;
    }

    .footer .foot-nav h3 {
        padding-bottom: 0px;
        cursor: pointer;
    }

    .footer .foot-nav h3:after {
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
        float: right;
        content: " + ";
    }

    .footer .foot-nav h3.open:after {
        content: " - ";
    }

    .footer .foot-nav ul {
        padding: 15px 0 10px 0;
    }

    .footer .bottom {
        padding: 20px 0px;
        text-align: center;
    }

    .footer .bottom .terms li a {
        font-size: 12px;
    }

    .footer .connect-us,
    .footer .subscribe,
    .footer .instagram {
        width: 100%;
        border-right: none;
        padding-right: 0px;
    }

    .footer .instagram ul li a img {
        width: 100%;
    }

    ul.browse-teachers-list > li {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px #e5e5e5 solid;
    }

    ul.browse-teachers-list > li:nth-child(2n) {
        border-right: none;
    }

    ul.browse-teachers-list > li:nth-last-child(2) {
        border-bottom: none;
    }

    .about-video .container {
        height: 300px;
    }

    .about-video p {
        font-size: 36px;
    }

    .inner-banner {
        padding: 30px 0 20px;
        margin: 0;
    }

    .inner-banner h1 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .inner-banner p {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 24px;
    }

    .inner-banner a.apply-online .left {
        padding: 12px 0 12px 24px;
    }

    .inner-banner a.apply-online .arrow {
        line-height: 64px;
    }

    .about .btn-wrapper {
        margin-bottom: 20px;
    }

    .select-course {
        float: left;
        margin-bottom: 30px;
    }

    .our-cources.sub h2 {
        padding-left: 0px;
    }

    .our-cources ul.inner li {
        margin-bottom: 70px;
    }

    .our-cources ul.inner li:before {
        bottom: -35px;
        display: none;
    }

    .our-cources ul.inner li:nth-child(2n):after {
        display: none;
    }

    ul.cert-list li {
        width: 100%;
        float: none;
    }

    ul.cert-list li:nth-last-child(2) {
        border-bottom: 1px dashed #c0c4c6;
    }

    .enquire-now {
        max-width: none;
        margin-top: 0;
    }

    .enquire-wrapper {
        max-width: none;
    }

    .course-detail {
        padding: 0 20px;
        margin: 20px 0 0 0;
    }

    .course-detail .duration {
        width: auto;
        padding: 20px 0;
        border: none;
        float: none;
        border-bottom: 1px solid #dfe9f1;
    }

    .course-detail .duration.eligible {
        width: auto;
        padding: 20px 0px;
    }

    .course-detail .duration.fee {
        width: auto;
        float: none;
        padding: 20px 0px;
        border: none;
    }

    .course-detail .duration.fee .detail {
        padding: 0px;
    }

    .course-detail .btn {
        position: absolute;
        right: 36px;
        bottom: 22px;
        float: none;
        margin: 10px 0 0 0;
    }

    .how-apply ul,
    .how-apply ul li {
        padding-bottom: 30px;
    }

    .how-apply ul li .icon-block {
        width: 135px;
        height: 135px;
        line-height: 135px;
    }

    .how-apply ul li .icon-block img {
        width: 60px;
    }

    .how-apply ul li .icon-block .num {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        top: 20px;
        right: -8px;
    }

    .how-apply ul li:nth-child(1):after,
    .how-apply ul li:nth-child(2):after {
        display: none;
    }

    .comments-wrapper ul.comments {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .comments-wrapper ul.comments li .com-txt {
        padding: 20px;
    }

    .leave-comment {
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }

    .leave-comment h4 {
        padding: 30px 0;
    }

    .leave-comment textarea {
        height: 100px;
    }

    #myTabs {
        padding: 0px;
    }

    .course-tab {
        margin-bottom: 30px;
    }

    .course-tab > li > a {
        font-size: 14px;
        padding-bottom: 16px;
    }

    .course-tab > li > a span {
        font-size: 44px;
        padding-bottom: 14px;
    }

    .course-tab > li > a .block {
        display: block;
    }

    .course-table > tbody > tr > td,
    .course-table > tfoot > tr > td,
    .course-table > thead > tr > td {
        padding: 18px 20px;
    }

    #schedule .fee-amt {
        font-size: 18px;
    }

    #semester ul.content {
        border-bottom: 1px dashed #c9cdce;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    #semester .col-sm-6:last-child ul.content {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #semester ul.content > li h4 {
        font-size: 16px;
    }

    .inner-banner.contact,
    .inner-banner.blog {
        padding: 30px 0;
        min-height: 200px;
    }

    .inner-banner.contact p,
    .inner-banner.blog p {
        padding-bottom: 0px;
    }

    .form-wrapper .row .col-sm-6 {
        margin-bottom: 20px;
    }

    .contact-detail .address {
        padding: 18px 40px 12px 60px;
    }

    .contact-bottom {
        padding: 18px 0 14px 0;
    }

    .blog-left {
        padding-bottom: 30px;
    }


    .blog-right {
        padding-left: 15px;
        margin-bottom: 40px;
    }
    .blog-right:before {
        display: none;
    }

    ul.blog-listing > li {
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    ul.blog-listing > li h2 {
        padding: 20px 0 15px;
        font-size: 18px;
        line-height: 26px;
    }

    ul.post-detail li {
        padding-bottom: 4px;
        padding-right: 18px;
        width: 49%;
    }

    .inner-banner.blog {
        min-height: 160px;
    }

    .recent-post,
    .archives {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #e9e9e9 solid;
    }

    .category {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px #e9e9e9 solid;
    }

    .not-found-wrapper {
        width: 80%;
        margin: 50px auto;
        padding-top: 20px;
    }

    .not-found-wrapper h1 {
        font-size: 116px;
    }

    .not-found-wrapper p {
        font-size: 26px;
        padding-bottom: 40px;
    }

    .faq-wrapper .search-block input {
        height: 48px;
    }

    .faq-wrapper .search-block .search {
        width: 48px;
        height: 48px;
    }

    ul.faq-listing li .inner {
        padding: 10px 20px 30px 48px;
    }

    ul.faq-listing li .inner:before {
        top: 26px;
        font-size: 36px;
    }

    ul.faq-listing li:nth-last-child(2) .inner {
        border-bottom: 1px #e2e4e6 solid;
    }

    ul.faq-listing li:nth-child(2n) .inner {
        padding-left: 48px;
    }

    ul.faq-listing li .inner:before {
        left: 0px !important;
        top: 22px;
    }

    .faq-wrapper .text-center,
    .testimonial-outer .text-center {
        margin-top: 40px;
    }

    .login-wrapper .login {
        max-width: 360px;
    }

    .login-wrapper .login-logo {
        margin-bottom: 30px;
        text-align: center;
    }

    .login-wrapper .login-logo a {
        width: 220px;
        display: inline-block;
    }

    .login-wrapper .head-block {
        padding: 18px 15px;
    }

    .login-wrapper .head-block h1 {
        font-size: 26px;
    }

    .login-wrapper .cnt-block {
        padding: 30px;
    }

    .login-wrapper .btn {
        padding: 8px 14px;
    }

    .login-wrapper .login-footer {
        padding: 12px 15px;
    }

    .login-wrapper ul.follow-us li {
        padding: 0 12px;
    }

    ul.testimonials:after {
        display: none;
    }

    ul.testimonials li h3 {
        padding-top: 8px;
    }

    ul.testimonials li p {
        font-size: 15px;
        line-height: 28px;
    }

    ul.testimonials li .quotblock {
        padding: 30px 10px 15px 10px;
    }

    ul.testimonials li:nth-child(3) .quotblock {
        padding-top: 30px;
    }

    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1 !important;
    }

    ul.testimonials li:nth-child(odd):before,
    ul.testimonials li:nth-child(even):after {
        display: none;
    }

    ul.testimonials li:nth-child(even) {
        border-right: none;
    }

    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: block !important;
    }

    ul.gallery-filter {
        padding: 0px;
    }

    ul.gallery-filter li {
        width: auto;
        float: none;
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
    }

    ul.gallery-filter li a {
        padding-bottom: 20px;
    }

    .campus-tour .pagination {
        margin: 40px 0;
    }

    .news-wrapper .text-center {
        margin-top: 10px;
    }

    ul.news-listing > li h2 {
        font-size: 18px;
        line-height: 26px;
    }

    ul.news-listing > li p {
        line-height: 24px;
    }

    .news-wrapper ul.post-detail li {
        padding-right: 10px;
        padding-bottom: 2px;
    }

    ul.news-listing > li .cnt-block {
        padding: 20px;
    }

    .privacy-wrapper h2 {
        font-size: 24px;
    }

    .privacy-wrapper h3 {
        font-size: 20px;
    }

    ul.privacy-listing {
        padding: 0px;
    }

    ul.privacy-listing > li {
        padding-bottom: 10px;
    }

    ul.privacy-listing > li:last-child {
        border-bottom: 1px dashed #c9cdce;
    }

    ul.privacy-listing > li.last {
        border-bottom: none;
    }

    .privacy-wrapper .padding-top {
        padding-top: 10px;
    }

    .imp-note {
        padding: 20px;
    }

    .imp-note span {
        float: none;
        margin: 0px auto 20px;
    }

    .imp-note p {
        text-align: center;
    }

    .form-outer ul.select-opt {
        padding-bottom: 20px;
    }

    .form-outer .cnt-block textarea {
        height: 100px;
    }

    .form-outer .col-left {
        float: none;
    }

    .form-outer .select2.select2-container {
        margin-bottom: 30px;
    }

    .modal-body {
        padding: 10px;
    }

    .generic-wrapper ul.our-spec {
        padding-bottom: 40px;
    }

    .generic-wrapper .button-group {
        margin-bottom: 40px;
        text-align: center;
    }

    .generic-wrapper .pagination {
        padding-bottom: 30px;
    }

    .generic-wrapper ul.privacy-listing > li:last-child {
        border-bottom: none;
    }

    .footer ul.follow-us li a {
        line-height: 28px;
    }

    #ContactForm {
        padding: 0;
    }

    .form-wrapper .col-sm-12.book-btn .btn {
        font-size: 16px;
    }

    .heading p {
        padding: 0 0 30px 0;
    }

    .your-teeth h2 {
        font-size: 24px;
        margin-top: 20px;
    }

    .your-teeth {
        padding: 30px 0;
    }

    .your-teeth a.btn {
        font-size: 14px;
    }

    .all-doctors li:nth-child(n+7) {
        margin-bottom: 75px;
    }

    .all-doctors li:nth-child(n+7):after {
        display: block;
    }

    .all-doctors li:last-child {
        margin-bottom: 0;
    }

    .all-doctors li:last-child:after {
        display: none;
    }

    .bx-controls-direction {
        display: none;
    }

    .owl-nav.disabled {
        display: none !important;
    }

    .opening-hours .top p {
        width: 100%;
    }

    .footer .bottom .terms {
        width: 100%;
    }

    .about .left-image img {
        width: 92%;
        margin-bottom: 15px;
    }

    .form-wrapper .row .col-sm-6 {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .all-doctors li {
        border: 0;
    }

    .col-md-7.right-block {
        padding-top: 25px;
        text-align: center;
    }

    .contact-us .form-wrapper,
    .contact-us .contact-info {
        max-width: 100%;
        flex: auto;
    }

    .contact-us .form-wrapper .row .col-sm-12 {
        margin-top: 15px;
    }

    .contact-us .form-wrapper .row .col-sm-12 .btn-send {
        margin: 30px 0;
    }

    .doctor-profile p {
        font-size: 15px;
        line-height: 24px;
        padding: 0 0 15px;
    }

    .doctor-profile {
        text-align: center;
    }

    .services_detail {
        padding: 30px 0;
    }

    .services_detail .rightImg {
        float: none;
        margin: 6px 0 15px 0;
        display: inline-block;
    }

    .services_detail p {
        font-size: 15px;
        line-height: 24px;
        padding: 0 0 15px;
    }

    #accordion {
        text-align: left;
    }

    .card-header .card-title {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion .card-header::after {
        font-size: 16px;
        line-height: 31px;
    }

    .card-header {
        padding: 14px 60px 14px 20px;
    }

    .not-found-wrapper h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .not-found-wrapper p {
        font-size: 15px;
        line-height: 24px;
    }

    .blog-wrapper .blog-left {
        max-width: 100%;
        flex: auto;
    }

    .blog-wrapper .blog-sidebar {
        max-width: 100%;
        flex: auto;
    }

    .recent-post ul li .img-block {
        max-width: 65px;
    }

    /* Popup Form */
    .login_sign_up_popup .top-sec {
        padding: 30px 15px 70px 15px;
    }

    .login_sign_up_popup .bottom-sec {
        padding: 60px 15px 30px 15px;
    }

    .header-middle {
        padding: 10px !important;
    }

    .header-middle .container {
        padding: 0;
    }

    .header-middle .book-appointment {
        display: none;
    }

    .poppup-forms li {
        padding: 0 10px 0 6px;
    }

    .poppup-forms li a {
        font-size: 14px;
        padding-left: 0;
        background-image: none !important;
    }

    /* My Account */
    .my-account .name {
        padding: 3px 0 0 5px;
        text-align: left;
    }

    .my-account figure {
        max-width: 35px;
    }

    .my-account .name h4 {
        font-size: 12px;
    }

    .account-sec {
        margin-top: 0;
    }

    .account-sec .right {
        margin-top: 30px;
    }

    .account-sec .right .treatment {
        width: 100%;
    }

    .account-sec .right .date-time {
        width: 50%;
    }

    .account-sec .right .button a.cancel {
        margin-top: 0;
    }

    /* My Doctors */
    .doctor-details {
        margin-top: 40px;
    }

    /* My Notifications */
    .my-notifications ul {
        margin-top: 40px;
        float: left;
        width: 100%;
    }
}


/* Landscape phones and down */

@media (max-width: 640px) {
    .banner-outer .content h1 span {
        font-size: 45px;
        line-height: 45px;
    }

    .banner-outer .content h1 {
        padding-bottom: 5px;
    }

    .banner-outer .content p {
        padding-bottom: 15px;
    }

    .why-choose ul li {
        width: 50%;
        padding-bottom: 30px;
    }

    .why-choose ul li:nth-child(n+3) {
        padding-bottom: 0px;
    }

    ul.our-strength.opt2 li {
        border-right: none;
    }

    ul.testimonials li {
        width: 100%;
    }

    ul.testimonials li:before,
    ul.testimonials li:nth-last-child(2):before,
    ul.testimonials li:nth-last-child(3):before,
    ul.testimonials li:after,
    ul.testimonials li:nth-last-child(2):after,
    ul.testimonials li:nth-last-child(3):after {
        display: none !important;
    }

    ul.testimonials li:nth-last-child(2),
    ul.testimonials li:nth-last-child(3) {
        border-bottom: 1px solid #dfe5e1;
    }

    ul.testimonials li:first-child .quotblock {
        padding-top: 0px;
    }

    ul.testimonials li:nth-child(2) .quotblock {
        padding-top: 30px;
    }

    ul.gallery-filter li {
        margin-bottom: 10px;
        font-size: 15px;
        padding: 0 6px;
    }

    ul.gallery-filter li a {
        padding-bottom: 8px;
    }

    ul.news-listing > li {
        width: 100%;
    }

    ul.select-opt li {
        width: 100%;
        margin-bottom: 8px;
        float: none;
    }

    .generic-wrapper ul.our-spec li {
        width: 50%;
        min-height: 142px;
    }

    .generic-wrapper a.btn-circle {
        margin-bottom: 20px;
    }

    .button-group1 a.download-pros,
    .button-group1 a.download-cert {
        width: 100%;
        margin: 0 0 2px 0;
    }

    .why-choose {
        min-height: 410px;
    }

    .card-header .card-title {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .form-wrapper .row {
        margin-bottom: 0;
    }

    .form-wrapper .book-btn {
        margin-top: 40px;
    }

    .form-wrapper .row.textarea {
        margin-top: 12px;
    }

    .your-teeth ul li {
        width: 24%;
    }

    .contact-info p {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .contact-info h2 {
        font-size: 15px;
    }

    .contact-us .connect-with-us li .fa {
        height: 35px;
        width: 35px;
    }

    .contact-us .connect-with-us li .fa.fa-facebook {
        font-size: 25px;
    }

    .our-impotance ul li:last-child .inner {
        border-bottom: none;
    }

    /* My Doctors */
    .doctor-details li {
        width: 50%;
        margin-bottom: 30px;
    }

    .doctor-details li:last-child {
        margin-bottom: 0;
    }
}


/* Landscape phones and down */

@media (max-width: 480px) {
    .banner-outer .content h1 {
        font-size: 26px;
        line-height: 38px;
    }

    .banner-outer .content h1 span {
        font-size: 50px;
    }

    .our-impotance ul li {
        width: 100%;
    }

    .our-impotance ul li:after {
        width: 94%;
    }

    .our-impotance ul li h3 span {
        display: inline;
    }

    .testimonial ul li p {
        font-size: 16px;
        line-height: 26px;
    }

    .testimonial .wrapper:before,
    .testimonial .wrapper:after {
        font-size: 28px;
    }

    .about-video .container {
        height: 300px;
    }

    .about-video p {
        font-size: 32px;
    }

    a.download-pros {
        margin-bottom: 1px;
    }

    a.download-pros,
    a.download-cert {
        width: 100%;
        border: none;
    }

    .our-cources ul.inner li {
        width: 100%;
        margin-bottom: 40px;
    }

    .our-cources ul.inner li:nth-child(n+9) {
        margin-bottom: 40px;
    }

    .our-cources ul.course-list li:after {
        display: none;
    }

    .enquire-now .inner .row2 input {
        width: 100%;
        margin: 0 0 14px 0;
    }

    ul.browse-teachers-list > li {
        width: 100%;
        border: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .leave-comment input {
        width: 100%;
    }

    .leave-comment input:first-child {
        margin-bottom: 30px;
    }

    .course-detail .duration .icon {
        width: 57px;
        height: 57px;
        font-size: 34px;
    }

    .form-outer input {
        height: 40px;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .login-wrapper .remember {
        margin-top: 20px;
    }

    .register .cnt-block textarea {
        margin-bottom: 20px;
    }

    .form-outer input.country-code {
        width: 20%;
    }

    .form-outer input.phone-no {
        width: calc(80% - 18px);
    }

    .why-choose {
        min-height: 360px;
    }
}


/* iPhone 6 Plus and down */

@media (max-width: 414px) {
    .about-video p {
        font-size: 26px;
    }

    .pagination > li > a,
    .pagination > li > span {
        margin: 0 2px;
        padding: 4px 10px;
        font-size: 13px;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        padding: 5px 14px;
    }

    .pagination > li:first-child a i {
        margin-right: 4px;
    }

    .pagination > li:last-child a i {
        margin-left: 4px;
    }

    .course-tab > li > a {
        font-size: 13px;
    }

    .not-found-wrapper {
        padding-top: 20px;
    }

    .not-found-wrapper h1 {
        font-size: 96px;
    }

    .not-found-wrapper p {
        font-size: 22px;
        padding-bottom: 30px;
    }

    ul.post-detail li {
        width: 100%;
    }
}


/* iPhone 6 and down */

@media (max-width: 375px) {
    .header-middle a.login {
        padding: 2px 8px;
    }

    .banner-outer .content h1 {
        font-size: 22px;
        line-height: 34px;
    }

    .banner-outer .content h1 span {
        font-size: 38px;
        line-height: 40px;
    }

    .btn {
        padding: 8px 16px;
    }

    .testimonial #bx-pager a {
        margin: 0 2px;
    }

    .testimonial .wrapper:before {
        top: 44px;
    }

    .testimonial .wrapper:after {
        bottom: -26px;
    }

    .course-tab > li > a span {
        font-size: 40px;
    }

    .course-tab > li > a {
        font-size: 12px;
    }

    .not-found-wrapper {
        padding-top: 138px;
    }

    .not-found-wrapper h1 {
        font-size: 86px;
    }

    .login-wrapper .head-block h1 {
        font-size: 20px;
    }

    .login-wrapper .login {
        max-width: 320px;
    }

    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }

    .login-wrapper .btn {
        padding: 6px 12px;
    }

    .privacy-wrapper h2 {
        font-size: 20px;
    }

    ul.our-strength li {
        width: 100%;
    }

    ul.our-strength li:nth-child(3) {
        margin-bottom: 30px;
    }
}


/* iPhone 4 */

@media (max-width: 320px) {

    .header-middle .logo,
    header.sticky .header-middle .logo {
        max-width: 130px;
    }

    .poppup-forms li {
        padding: 0 3px 0 4px;
    }

    .poppup-forms li a {
        font-size: 12px;
    }

    .about-video p {
        font-size: 24px;
    }

    .course-detail .btn {
        position: inherit;
        margin: 10px 0 20px 0;
        right: auto;
    }

    .not-found-wrapper {
        padding-top: 30px;
    }

    .not-found-wrapper h1 {
        font-size: 66px;
    }

    .not-found-wrapper p {
        font-size: 18px;
    }

    ul.faq-listing li h2 {
        font-size: 16px;
    }

    .login-wrapper .login {
        max-width: 300px;
    }

    .login-wrapper .cnt-block {
        padding: 20px 15px;
    }

    .login-wrapper .btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}