.dropdown-focus {
    display: block;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*----------  2.4. Navigation / Menu  ----------*/
.navigation {
    padding: 0;
}
.navigation .nav-links .main-menu {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    line-height: 57px;
    padding: 0;
    margin: 0 15px;
    color: #7e878d;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

    padding-top: 10px;
    padding-bottom: 10px;
}
.navigation .nav-links .main-menu .icons-dropdown {
    position: absolute;
    right: 0;
    line-height: 60px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.navigation .nav-links li.dropdown .main-menu,
.navigation .nav-links li.mega-menu .main-menu {
    padding-right: 15px;
}
.navigation .nav-links li.active .main-menu,
.navigation .nav-links li:hover .main-menu {
    color: #222d34;
}
.navigation .nav-links li:hover .main-menu .icons-dropdown {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.navigation .button-search {
    cursor: pointer;
    float: right;
    margin-left: 20px;
}
.navigation .button-search a{
    line-height: 96px;
    font-size: 20px;
}
.navigation .button-search .main-menu {
    margin: 0;
}
.nav-search {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
    top: 85px;
}
.nav-search form {
    display: table;
    width: 100%;
    height: 40px;
    border: 1px solid #f1f1f1;
}
.nav-search form input[type='text'] {
    border: none;
    display: table-cell;
    width: 225px;
    height: 40px;
    padding: 0 20px;
}
.nav-search form .searchbutton {
    width: 40px;
    height: 40px;
    padding: 0;
    display: table-cell;
    border: none;
    box-shadow: none;
    background-color: transparent;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.dropdown-menu-1,
.dropdown-menu-2,
.mega-menu-content {
    animation: fadeIn 0.5s;
    -webkit-animation: fadeIn 0.5s;
    top: 85px;
    min-width: 240px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    padding: 0;
    border-bottom: 2px solid #0f77ad;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.dropdown-menu-1 li,
.dropdown-menu-2 li,
.mega-menu-content li {
    border-top: 1px solid #d9e7ee;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.dropdown-menu-1 li .link-page,
.dropdown-menu-2 li .link-page,
.mega-menu-content li .link-page {
    text-transform: capitalize;
    color: #63727b;
    font-weight: normal;
    line-height: 40px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.dropdown-menu-1 li .link-page .text,
.dropdown-menu-2 li .link-page .text,
.mega-menu-content li .link-page .text {
    display: inline-block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.dropdown-menu-1 li .link-page .icons-dropdown,
.dropdown-menu-2 li .link-page .icons-dropdown,
.mega-menu-content li .link-page .icons-dropdown {
    position: absolute;
    right: 20px;
    line-height: 40px;
    height: 40px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.dropdown-menu-1 li:last-child > .link-page,
.dropdown-menu-2 li:last-child > .link-page,
.mega-menu-content li:last-child > .link-page {
    border-bottom: none;
}
.dropdown-menu-1 li:hover,
.dropdown-menu-2 li:hover,
.mega-menu-content li:hover {
    background-color: #f5f5f5;
}
.dropdown-menu-1 li:hover > .link-page,
.dropdown-menu-2 li:hover > .link-page,
.mega-menu-content li:hover > .link-page {
    background-color: transparent;
}
.dropdown-menu-1 li:hover > .link-page > .text,
.dropdown-menu-2 li:hover > .link-page > .text,
.mega-menu-content li:hover > .link-page > .text {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
}
.dropdown-menu-1 li:hover > .link-page > .icons-dropdown,
.dropdown-menu-2 li:hover > .link-page > .icons-dropdown,
.mega-menu-content li:hover > .link-page > .icons-dropdown {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.dropdown-menu-2 {
    top: 0;
    margin-top: -1px;
}
.dropdown-menu-2.right {
    left: 100%;
}
.dropdown-menu-2.left {
    left: -100%;
}
.navbar-nav > li.mega-menu {
    position: inherit;
}
.mega-menu-content {
    display: none;
    position: absolute;
    width: 1140px;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 10px;
    border-top: 1px solid #d9e7ee;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.mega-menu-content .mega-menu-title {
    border: 0;
}
.mega-menu-content .mega-menu-title:hover {
    background-color: transparent;
}
.mega-menu-content .mega-menu-column {
    padding: 30px 20px;
    list-style-type: none;
}
.mega-menu-content .mega-menu-column > .mega-menu-title {
    margin-top: 13px;
}
.mega-menu-content .mega-menu-column > .mega-menu-title:first-child {
    margin-top: 0;
}
.mega-menu-content .mega-menu-column > .mega-menu-title > .sf-with-ul {
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #444;
    padding: 0;
    line-height: 1.3;
}
.mega-menu-content .dropdown-menu {
    float: none;
    list-style-type: none;
    position: relative;
    display: block;
    top: auto !important;
    left: auto !important;
    box-shadow: none;
    border: 0 !important;
    min-width: 1px;
    width: 100%;
    padding: 0;
}
.mega-menu-content .dropdown-menu .link-page {
    padding: 3px 15px 3px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*----------  2.5. Hamburger menu  ----------*/
.show-nav .wrapper-mobile-nav {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    box-shadow: 5px 0 8px rgba(0, 0, 0, 0.2);
}
.show-nav .wrapper-content {
    transform: translate3d(85%, 0, 0);
    -webkit-transform: translate3d(85%, 0, 0);
    -moz-transform: translate3d(85%, 0, 0);
    -ms-transform: translate3d(85%, 0, 0);
    -o-transform: translate3d(85%, 0, 0);
}
.wrapper-content,
.wrapper-mobile-nav {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.wrapper-mobile-nav {
    background: #222d34;
    color: #d3dfd3;
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 85%;
    transform: translate3d(-101%, 0, 0);
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -o-transform: translate3d(-101%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wrapper-mobile-nav .header-topbar {
    background-color: #3c3c3c;
    padding: 20px 0;
    border: none;
}
.wrapper-mobile-nav .header-topbar .search-mobile {
    display: block;
    margin: 0 20px;
}
.wrapper-mobile-nav .header-topbar .search-mobile .search-form {
    position: relative;
}
.wrapper-mobile-nav .header-topbar .search-mobile .search-form .form-control {
    width: 100%;
    padding-right: 30px;
    background-color: #fff;
}
.wrapper-mobile-nav .header-topbar .search-mobile .btn-search {
    cursor: pointer;
    position: absolute;
    right: 10px;
    line-height: 35px;
}
.wrapper-mobile-nav .header-main {
    display: inline-block;
    padding: 0;
    box-shadow: none;
}
.wrapper-mobile-nav .header-main .login-widget {
    border-bottom: none;
    margin-top: 20px;
    display: none;
}
.wrapper-mobile-nav .header-main .login-widget .item {
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    border-radius: 50px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    padding: 4px 15px;
    width: 100px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.wrapper-mobile-nav .header-main .login-widget .item:hover {
    background-color: #0f77ad;
}
.menu-mobile {
    width: 100%;
    text-align: left;
    background-color: #fff;
}
.menu-mobile .nav-links {
    width: 100%;
    text-align: left;
}
.menu-mobile li {
    display: inline-block;
    width: 100%;
    position: relative !important;
    border-bottom: 1px solid #565656;
    border-top: 0;
}
.menu-mobile .main-menu {
    color: #d3dfd3;
    font-size: 16px;
    font-weight: 500;
    background-color: #222d34;
    text-transform: uppercase;
}
.menu-mobile .main-menu:active,
.menu-mobile .main-menu:hover {
    background-color: #10171B;
}
.menu-mobile .icons-dropdown {
    position: absolute;
    padding: 0;
    top: 0;
    right: 0;
    line-height: 50px;
    width: 80px;
    z-index: 2;
    text-align: center;
    border-left: 1px solid #565656;
}
.menu-mobile .icons-dropdown i {
    font-weight: 700;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.menu-mobile .icons-dropdown.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.menu-mobile .dropdown-menu {
    width: 100%;
    padding: 0;
    border-top: 1px solid #565656;
    border-bottom: none;
    transition: none;
    box-shadow: none;
}
.menu-mobile .dropdown-menu li:last-child {
    border-bottom: none;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 {
    background-color: #313D44;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .link-page {
    padding-left: 30px;
    color: #d3dfd3;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .link-page:hover {
    background-color: transparent;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .dropdown-menu-2 {
    background-color: #3B464E;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .dropdown-menu-2 li {
    padding-left: 25px;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .dropdown-menu-2 li .link {
    border: none;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 .dropdown-menu-2 li .dropdown-menu-2 li {
    border-bottom: none;
    border-top: 1px solid #565656;
}
.menu-mobile .dropdown-menu.dropdown-menu-1 li:hover,
.menu-mobile .dropdown-menu.dropdown-menu-2 li:hover {
    background-color: transparent;
}
.hamburger-menu {
    display: none;
    color: #000;
}
.hamburger-menu-wrapper {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: transparent;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.hamburger-menu-wrapper .icons {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    height: 4px;
    width: 30px;
    top: 18px;
    left: 5px;
    background-color: #000000;
    transition-delay: .5s;
}
.hamburger-menu-wrapper .icons:after,
.hamburger-menu-wrapper .icons:before {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    width: 30px;
    height: 4px;
    background-color: #000000;
    content: '';
    top: -10px;
    left: 0;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}
.hamburger-menu-wrapper .icons:after {
    top: 10px;
}
.hamburger-menu-wrapper.open .icons {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.hamburger-menu-wrapper.open .icons:before {
    -webkit-transform: rotateZ(-45deg) scaleX(0.6) translate(-18px, -4px);
    transform: rotateZ(-45deg) scaleX(0.6) translate(-18px, -4px);
}
.hamburger-menu-wrapper.open .icons:after {
    -webkit-transform: rotateZ(45deg) scaleX(0.6) translate(-18px, 4px);
    transform: rotateZ(45deg) scaleX(0.6) translate(-18px, 4px);
}
/*----------  2.6. More style  ----------*/
.header-pediatric .ticker-news .ticker-inner .ticker-color:hover {
    color: #93c524;
}
.header-pediatric .information-toppar .icons {
    margin-right: 10px;
    color: #93c524;
}
.header-pediatric .dropdown-menu-1,
.header-pediatric .dropdown-menu-2,
.header-pediatric .mega-menu-content {
    border-bottom: 2px solid #93c524;
}
.header-vet-clinic .dropdown-menu-1,
.header-vet-clinic .dropdown-menu-2,
.header-vet-clinic .mega-menu-content {
    border-bottom: 2px solid #523855;
}
.header-dental-care .ticker-news .ticker-inner .ticker-color:hover {
    color: #f1622a;
}
.header-dental-care .information-toppar .icons {
    margin-right: 10px;
    color: #f1622a;
}
.header-dental-care .dropdown-menu-1,
.header-dental-care .dropdown-menu-2,
.header-dental-care .mega-menu-content {
    border-bottom: 2px solid #f1622a;
}
.header-heart-center .ticker-news .ticker-inner .ticker-color {
    color: #0f77ad !important;
}
.header-heart-center .ticker-news .ticker-inner .ticker-color:hover {
    color: #f04e4e !important;
}
.header-heart-center .social-topbar li .link {
    color: #829099;
}
.header-heart-center .social-topbar li .link:hover {
    color: #f04e4e;
}
.header-heart-center .information-toppar .icons {
    margin-right: 10px;
    color: #f04e4e;
}
.header-heart-center .dropdown-menu-1,
.header-heart-center .dropdown-menu-2,
.header-heart-center .mega-menu-content {
    border-bottom: 2px solid #f04e4e;
}
.header-cancer-center.header-topbar {
    padding: 0;
    border: 0;
}
.header-cancer-center .topbar-left {
    width: 20%;
    overflow: hidden;
    float: none;
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 0;
}
.header-cancer-center .topbar-right {
    float: none;
    position: absolute;
    left: auto;
    right: 50%;
    margin-right: -570px;
    top: 0;
}
.header-cancer-center .ticker-news {
    width: 40%;
    margin: 12px auto;
    text-align: center;
}
.header-cancer-center .ticker-news > ul {
    width: 100%;
}
.header-cancer-center .ticker-news .ticker-inner .ticker-color {
    color: #0f77ad !important;
}
.header-cancer-center .ticker-news .ticker-inner .ticker-color:hover {
    color: #ee5e5e !important;
}
.header-cancer-center .social-topbar {
    margin: 0;
    line-height: 48px;
}
.header-cancer-center .social-topbar li .link {
    color: #829099;
}
.header-cancer-center .social-topbar li .link:hover {
    color: #ee5e5e;
}
.header-cancer-center .information-toppar .icons {
    margin-right: 10px;
    color: #ee5e5e;
}
.header-cancer-center .dropdown-menu-1,
.header-cancer-center .dropdown-menu-2 {
    border-bottom: 2px solid #ee5e5e;
}
.header-cancer-center .btn-wrapper .btn {
    padding: 0 25px;
    line-height: 44px;
    background-color: #ee5e5e;
    border-color: #ee5e5e;
}
.header-cancer-center .btn-wrapper .btn:hover {
    color: #ee5e5e;
}
.header-topbar.bgcol-top-nav .ticker-news .ticker-inner .ticker-color:hover,
.header-topbar.bgcol-top-nav .social-topbar li .link:hover {
    color: #ec3460;
}
.header-dental-care .navigation .button-search {
    margin-right: 15px;
}
.header-dental-care .navigation .btn-wrapper {
    float: right;
    line-height: 85px;
    margin-left: 15px;
}
.header-dental-care .navigation .btn-wrapper .btn {
    background-color: #f1622a;
    border-color: #f1622a;
    padding: 0 15px;
    vertical-align: baseline;
}
.header-dental-care .navigation .btn-wrapper .btn:hover {
    background-color: #ffffff;
    color: #f1622a;
}
.header-dental-care .navigation .nav-links .button-search .main-menu {
    margin-right: 15px;
}
.header-dental-care.header-fixed .navigation .btn-wrapper {
    line-height: 50px;
}
.header-dermatology.absolute {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.header-dermatology .header-topbar {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.header-dermatology .header-topbar.border-bottom {
    border-color: rgba(0, 0, 0, 0.05);
}
.header-dermatology .header-main {
    background-color: transparent;
}
.header-dermatology .header-main.header-fixed {
    background-color: #ffffff;
}
.header-dermatology .header-main-wrapper {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.header-dermatology .dropdown-menu-1,
.header-dermatology .dropdown-menu-2,
.header-dermatology .mega-menu-content {
    border-bottom: 2px solid #ff85be;
}
.header-psychology.absolute {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.header-psychology .ticker-news .ticker-inner {
    color: #e1e0fc;
}
.header-psychology .ticker-news .ticker-inner .ticker-color {
    color: #ffffff;
}
.header-psychology .ticker-news .ticker-inner .ticker-color:hover {
    color: #eff5f7;
}
.header-psychology .information-toppar .text {
    color: #e1e0fc;
}
.header-psychology .information-toppar .icons,
.header-psychology .information-toppar .text .info-inner {
    color: #ffffff;
}
.header-psychology .header-topbar {
    background-color: #6c69de;
    padding-left: 30px;
    padding-right: 30px;
}
.header-psychology .header-main {
    background-color: transparent;
}
.header-psychology .header-main.header-fixed {
    background-color: #ffffff;
}
.header-psychology .header-main-wrapper {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.header-psychology .dropdown-menu-1,
.header-psychology .dropdown-menu-2,
.header-psychology .mega-menu-content {
    border-bottom: 2px solid #6c69de;
}
.header-prenancy.header-topbar.bg-gray .ticker-news .ticker-inner .ticker-color {
    color: #2781b3;
}
.header-prenancy.header-topbar.bg-gray .ticker-news .ticker-inner .ticker-color:hover {
    color: #46c9d9;
}
.header-prenancy .information-toppar .icons {
    margin-right: 10px;
    color: #46c9d9;
}
.header-prenancy .dropdown-menu-1,
.header-prenancy .dropdown-menu-2,
.header-prenancy .mega-menu-content {
    border-bottom: 2px solid #46c9d9;
}
.header-ent-center.absolute {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.header-ent-center .information-toppar .icons {
    color: #22adf9;
}
.header-ent-center .header-banner {
    background-color: transparent;
}
.header-ent-center .header-banner-wrapper {
    background-color: #fbfdfe;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    display: table;
    box-shadow: 0 -2px 0 0 #f1622a;
}
.header-ent-center .header-main {
    background-color: transparent;
}
.header-ent-center .header-main.header-fixed {
    background-color: #ffffff;
}
.header-ent-center .header-main.header-fixed .header-main-wrapper {
    background-color: #ffffff;
    padding-left: 0;
}
.header-ent-center .header-main-wrapper {
    background-color: #252f36;
    padding-left: 30px;
    padding-right: 0;
}
.header-ent-center .dropdown-menu-1,
.header-ent-center .dropdown-menu-2,
.header-ent-center .mega-menu-content {
    border-bottom: 2px solid #f1622a;
}
.header-nutrition.absolute {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.header-nutrition .ticker-news .ticker-inner {
    color: #829099;
}
.header-nutrition .ticker-news .ticker-inner .ticker-color {
    color: #7fc241;
}
.header-nutrition .ticker-news .ticker-inner .ticker-color:hover {
    color: #eff5f7;
}
.header-nutrition .information-toppar .text {
    color: #829099;
}
.header-nutrition .information-toppar .icons,
.header-nutrition .information-toppar .text .info-inner {
    color: #51616b;
}
.header-nutrition .header-topbar {
    background-color: #0e181d;
    padding-left: 30px;
    padding-right: 30px;
}
.header-nutrition .header-main {
    background-color: transparent;
}
.header-nutrition .header-main.header-fixed {
    background-color: #ffffff;
}
.header-nutrition .header-main-wrapper {
    background-color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.header-nutrition .dropdown-menu-1,
.header-nutrition .dropdown-menu-2,
.header-nutrition .mega-menu-content {
    border-bottom: 2px solid #7fc241;
}
.header-ophthalmology .ticker-news .ticker-inner .ticker-color {
    color: #d3dfd3;
}
.header-ophthalmology .ticker-news .ticker-inner .ticker-color:hover {
    color: #9bb7cd;
}
.header-ophthalmology .information-toppar .icons {
    color: #9bb7cd;
}
.header-ophthalmology .dropdown-menu-1,
.header-ophthalmology .dropdown-menu-2,
.header-ophthalmology .mega-menu-content {
    border-bottom: 2px solid #9bb7cd;
}
.header-orthopedic.header-main {
    background-color: #fbfdfe;
}
.header-orthopedic.header-main.header-fixed {
    background-color: #ffffff;
}
.header-orthopedic .ticker-news .ticker-inner .ticker-color {
    color: #d3dfd3;
}
.header-orthopedic .ticker-news .ticker-inner .ticker-color:hover {
    color: #e68a59;
}
.header-orthopedic .information-toppar .icons {
    color: #e68a59;
}
.header-orthopedic .information-toppar .text .info-inner {
    color: #51616b;
}
.header-orthopedic .dropdown-menu-1,
.header-orthopedic .dropdown-menu-2,
.header-orthopedic .mega-menu-content {
    border-bottom: 2px solid #e68a59;
}
.header-landing-page.absolute {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.header-landing-page .ticker-news .ticker-inner .ticker-color {
    color: #7fc241;
}
.header-landing-page .ticker-news .ticker-inner .ticker-color:hover {
    color: #ffffff;
}
.header-landing-page .information-toppar .icons {
    color: #7fc241;
}
.header-landing-page .information-toppar .text .info-inner {
    color: #51616b;
}
.header-landing-page .header-logo {
    font-size: 18px;
    font-weight: bold;
    color: #52a5db;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.header-landing-page .header-topbar {
    background-color: #0e181d;
    padding-left: 30px;
    padding-right: 30px;
}
.header-landing-page .header-main {
    background-color: transparent;
}
.header-landing-page .header-main.header-fixed {
    background-color: #ffffff;
}
.header-landing-page .header-main.header-fixed .header-main-wrapper {
    background-color: transparent;
    border: 0;
}
.header-landing-page .header-main.header-fixed .logo {
    line-height: 50px;
}
.header-landing-page .header-main-wrapper {
    background-color: #f9fbfc;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 2px solid #7fc241;
}
.header-landing-page .dropdown-menu-1,
.header-landing-page .dropdown-menu-2,
.header-landing-page .mega-menu-content {
    border-bottom: 2px solid #7fc241;
}
/*===============================
 =======  End of HEADER  ========
 ===============================*/

/*----------  1.6. Media screen max width 1199px  ----------*/
@media screen and (max-width:1199px) {
    .mega-menu-content {
        width: 940px
    }
    .mega-menu-content .dropdown-menu .link-page .text {
        display: inline
    }
    .header-main.header-3 .nav-search-2 form input[type='text'] {
        width: 205px
    }
    .header-topbar .topbar-left.ticker-news {
        display: none
    }
    .header-cancer-center .topbar-left {
        margin-left: -470px
    }
    .header-cancer-center .topbar-right {
        margin-right: -470px
    }
    .header-dental-care .navigation .btn-wrapper {
        display: none
    }
    .header-dental-care .navigation .nav-links .button-search .main-menu {
        margin-right: 0
    }
    .header-ent-center .header-banner-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
    .header-ent-center .header-main-wrapper {
        padding-left: 15px
    }
    .slider-medic .sub-header {
        font-size: 20px
    }
    .slider-medic .header {
        font-size: 44px;
        margin: 5px 0
    }
    .slider-medic .description {
        width: 48%;
        margin-bottom: 25px
    }
    .slider-medic .owl-nav .owl-prev,
    .slider-medic .owl-nav .owl-next {
        width: 35px;
        height: 35px;
        line-height: 31px;
        font-size: 20px
    }
    .slider-medic:hover .owl-nav .owl-prev {
        left: 5px
    }
    .slider-medic:hover .owl-nav .owl-next {
        right: 5px
    }
    .slider-medic .slide-2 .typo-adds-on,
    .slider-medic .slide-10 .typo-adds-on {
        margin-right: -485px
    }
    .slider-medic .slide-1,
    .slider-medic .slide-1 .item,
    .slider-medic .slide-4,
    .slider-medic .slide-4 .item,
    .slider-medic .slide-5,
    .slider-medic .slide-5 .item,
    .slider-medic .slide-6,
    .slider-medic .slide-6 .item,
    .slider-medic .slide-7,
    .slider-medic .slide-7 .item,
    .slider-medic .slide-8,
    .slider-medic .slide-8 .item,
    .slider-medic .slide-14,
    .slider-medic .slide-14 .item,
    .slider-medic .slide-15,
    .slider-medic .slide-15 .item {
        max-width: 100%;
        width: 100%;
        height: 400px
    }
    .slider-medic .slide-9 .typo-adds-on,
    .slider-medic .slide-11 .typo-adds-on,
    .slider-medic .slide-12 .typo-adds-on,
    .slider-medic .slide-13 .typo-adds-on,
    .slider-medic .slide-14 .typo-adds-on,
    .slider-medic .slide-15 .typo-adds-on,
    .slider-medic .slide-16 .typo-adds-on {
        width: 970px
    }
    .with-appointment-board .make-app-inner {
        margin-left: -470px
    }
    .howwedo {
        min-height: 0;
        padding: 100px 0;
        /*background-image: url(../images/common/background/background-pattern.jpg);*/
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: 0.8%
    }
    .howwedo:before {
        display: none
    }
    .department-wrapper .department-inner {
        border: 2px solid #d9e7ee
    }
    .department-wrapper .department-inner.text-right .department-body {
        border: 0
    }
    .department-wrapper .department-inner.text-right .department-body:before,
    .department-wrapper .department-inner.text-right .department-body:after {
        content: initial
    }
    .department-wrapper .department-inner.text-right .department-body > .btn-wrapper {
        padding-right: 0;
        padding-left: 0
    }
    .department-wrapper .department-inner .department-body {
        border: 0;
        padding: 20px 15px
    }
    .department-wrapper .department-inner .department-body:before,
    .department-wrapper .department-inner .department-body:after {
        content: initial
    }
    .department-wrapper .typo-line {
        background: transparent;
        position: relative
    }
    .department-wrapper .btn-wrapper {
        position: static;
        padding-left: 0;
        padding-right: 0;
        margin-top: 10px
    }
    .department-detail-wrapper .howwedo-left-wrapper,
    .howwedo-left-wrapper {
        padding: 0 0 60px
    }
    .department-detail-wrapper .howwedo {
        margin: 0;
        background-image: none
    }
    .post-single-content .list-blog-inner {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .post-single-content ul {
        font-size: 0
    }
    .post-single-content ul li {
        width: 100%
    }
    .post-single-content .tag-post-list li {
        width: auto
    }
    .doctor-wrapper .doctor-img {
        width: 41.6667%
    }
    .doctor-wrapper .doctor-body {
        left: 28%;
        width: 72%
    }
    .doctor-wrapper .doctor-head-inner {
        padding-top: 30px
    }
    .doctor-wrapper.of-find-doctor .doctor-body {
        padding-left: 30px;
        padding-top: 20px
    }
    .doctor-wrapper.of-find-doctor .doctor-body:before,
    .doctor-wrapper.of-find-doctor .doctor-body:after {
        left: -15px
    }
    .doctor-wrapper.of-find-doctor .doctor-title:before,
    .doctor-wrapper.of-find-doctor .doctor-title:after {
        left: -45px;
        top: -20px
    }
    .slider-howwedo {
        max-height: none;
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        width: 970px;
        padding: 0 15px;
        margin: 0 auto
    }
    .slider-howwedo .slider-howwedo-wrapper,
    .slider-howwedo .thumbs-howwedo {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
        padding-left: 0;
        padding-right: 0
    }
    .slider-howwedo .slider-howwedo-wrapper .item,
    .slider-howwedo .thumbs-howwedo .thumb-item {
        padding-bottom: 56.25%
    }
    .slider-howwedo .nav-howwedo {
        left: 15px;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        margin-top: -24px;
        right: 15px
    }
    .slider-howwedo .nav-howwedo .nav-howwedo-right {
        left: auto;
        right: 12.5px
    }
    .slider-howwedo .nav-howwedo i {
        opacity: 1
    }
    .testimonials.testimonials-style-2 .nav-testimonial {
        display: none
    }
    .testimonials.testimonials-style-2 .owl-dots {
        display: block
    }
    .testimonials.testimonials-style-2 .owl-dots span:before {
        display: block;
        font-family: 'slick';
        font-size: 12px;
        line-height: 10px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
        height: 10px;
        content: '•';
        text-align: center;
        opacity: .25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        opacity: 0.3;
        color: #fff
    }
    .testimonials.testimonials-style-2 .owl-dots .owl-dot.active span:before {
        opacity: 1
    }
    .home-ent-center.testimonials .owl-dots span:before {
        color: #a8bbc7
    }
    .heart-center.howwedo {
        background-image: none
    }
    .heart-center.howwedo:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.14;
        /*background-image: url(../images/common/background/background-testimonials.jpg);*/
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-attachment: scroll
    }
    .heart-center.howwedo .howwedo-left-wrapper {
        margin-top: 60px
    }
    .dermatology.about-us-wrapper .about-us-content img {
        margin-left: auto;
        height: 385px
    }
    .dermatology.why-choose-us-wrapper-new .video-thumbnails {
        margin-top: 60px
    }
    .pediatric.whatwehelp .header ~ .description {
        width: 100%
    }
    .vet-clinic.howwedo .list-features {
        display: block
    }
    .vet-clinic.howwedo .video-thumbnails {
        margin-top: 60px
    }
    .dental-care.howwedo .howwedo-left-wrapper {
        padding-top: 60px
    }
    .dental-care.why-choose-us-wrapper-new .header,
    .dental-care.why-choose-us-wrapper-new .header ~ .description {
        width: 100%
    }
    .our-team .nav-doctor {
        display: none
    }
    .footer-map.new-footer-map .contact-form-wrapper .contact-form-content .img-wrapper {
        display: none
    }
    .footer-map.footer-content-style-8.new-footer-map .contact-form-wrapper .contact-form-content.right,
    .footer-map.footer-content-style-12.new-footer-map .contact-form-wrapper .contact-form-content.right,
    .footer-map.footer-content-style-13.new-footer-map .contact-form-wrapper .contact-form-content.right,
    .footer-map.footer-content-style-15.new-footer-map .contact-form-wrapper .contact-form-content.right {
        padding: 78px 45px 75px 45px
    }
    .pricing-main .text-chooose-department {
        width: 26%
    }
    .pricing-main .form-select {
        width: 40%
    }
    .location-address-with-highlight .location-info-with-icon {
        width: 50%
    }
    .blog-2col-non-sidebar .post-image {
        height: 380px
    }
    .blog-2col-non-sidebar .post-meta .list-meta {
        padding-top: 15px
    }
    .feature-1.style-3,
    .feature-2.style-3,
    .feature-3.style-3,
    .feature-4.style-3 {
        padding: 40px 25px
    }
    .feature-1.style-3:before,
    .feature-2.style-3:before,
    .feature-3.style-3:before,
    .feature-4.style-3:before {
        width: 260px;
        height: 260px
    }
    .feature-1.style-3.big:before,
    .feature-2.style-3.big:before,
    .feature-3.style-3.big:before,
    .feature-4.style-3.big:before {
        width: 290px;
        height: 290px
    }
    .header-slider-options-wrapper .list-feature-prenancy {
        margin-bottom: 165px
    }
    .coming-soon-1 .coming-soon-content {
        padding: 80px 180px
    }
    .coming-soon-2 .coming-soon-content {
        width: 68%;
        padding-right: 0
    }
    .nutrition-services-content {
        padding: 40px 30px
    }
    .nutrition-services-content img {
        opacity: 0.3
    }
    .home-nutrition.howwedo .howwedo-left-wrapper {
        margin-top: 60px
    }
}
/*----------  1.7. Media screen max width 1024px  ----------*/
@media screen and (max-width:1024px) {
    .whatwedo .services-wrapper,
    .whatwedo-cancer-center .services-wrapper,
    .whatwedo-ent-center .services-wrapper,
    .whatwedo-landing-page .services-wrapper {
        width: 100%;
        margin-bottom: 0
    }
    .whatwedo .services-content {
        margin-bottom: 0
    }
    .landing-page.whatwedo-landing-page .services-wrapper {
        margin-top: 40px;
        margin-bottom: 0
    }
    .our-team .nav-doctor {
        display: none
    }
    .why-choose-us-wrapper {
        background-attachment: scroll
    }
    .why-choose-us-wrapper .img-wcu {
        display: none
    }
    .why-choose-us-wrapper .description {
        width: 100%
    }
    .recent-post-wrapper .post-list .media-heading {
        height: 46px;
        overflow: hidden
    }
    .recent-news .slick-dots {
        margin-top: 10px
    }
    .contact-form-wrapper .map-contact-style {
        margin-right: -18px
    }
    .guide-main .why-choose-us-wrapper {
        margin-top: 0
    }
    .intro-block .video-thumbnails {
        margin-right: 0
    }
    .featured-job-block {
        background-color: #fafdff
    }
    .featured-job-block > div {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-left: auto
    }
    .featured-job-block .row > div {
        margin-left: 0;
        width: 66%
    }
    .featured-job-block .img-wrapper {
        display: none
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment {
        height: 240px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment.height-gallery-2x,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment.height-gallery-2x {
        height: 480px
    }
    .gallery-wrapper.gallery-4col .galleryContainer .alldepartment {
        height: 160px
    }
    .home-prenancy .feature-wrapper .slick-list {
        overflow: visible
    }
    .recent-news-2 .post-meta .list-meta {
        margin-top: 15px
    }
}
/*----------  1.8. Media screen min width 992px  ----------*/
@media (min-width:992px) {
    .dropdown:hover .dropdown-menu-1 {
        display: block
    }
    .dropdown:hover .dropdown-menu-1 li:hover > .dropdown-menu-2 {
        display: block
    }
    .mega-menu:hover .mega-menu-content {
        display: block
    }
}
/*----------  1.9. Media screen max width 991px  ----------*/
@media screen and (max-width:991px) {
    .content-with-sidebar-left,
    .content-with-sidebar-right {
        float: none
    }
    .header-topbar .topbar-left {
        display: none
    }
    .header-topbar .topbar-right {
        width: 100%;
        text-align: center
    }
    .header-main {
        text-align: center
    }
    .header-main .navbar-header {
        float: none!important
    }
    .wrapper-mobile-nav {
        display: block
    }
    .wrapper-mobile-nav .header-topbar {
        padding: 19px 0
    }
    .hamburger-menu {
        display: table;
        position: absolute;
        left: 30px;
        top: 17px;
        margin-top: 0
    }
    .header-2 .nav-search-2,
    .header-3 .nav-search-2,
    .header-heart-center .nav-search-2,
    .header-cancer-center .nav-search-2 {
        display: none
    }
    .header-2 .hamburger-menu,
    .header-3 .hamburger-menu,
    .header-heart-center .hamburger-menu,
    .header-cancer-center .hamburger-menu {
        margin-top: 0
    }
    .header-2 .navbar-header,
    .header-3 .navbar-header,
    .header-heart-center .navbar-header,
    .header-cancer-center .navbar-header {
        float: none!important;
        text-align: center
    }
    .header-2 .navbar-header .logo,
    .header-3 .navbar-header .logo,
    .header-heart-center .navbar-header .logo,
    .header-cancer-center .navbar-header .logo {
        line-height: 80px
    }
    .header-2 .banner-header,
    .header-3 .banner-header,
    .header-heart-center .banner-header,
    .header-cancer-center .banner-header {
        display: none
    }
    .header-cancer-center .ticker-news {
        width: 100%
    }
    .header-cancer-center .btn-wrapper .btn {
        display: none
    }
    .header-landing-page .header-main-wrapper {
        background-color: transparent;
        border: 0
    }
    .navigation,
    .header-main.header-2 .navigation {
        display: none
    }

    .logo .logo-title{
        display: none;

    }

    .header-main .logo {
        margin-right: -30px;
    }

    .padding-top-100 {
        padding-top: 60px
    }
    .padding-bottom-100 {
        padding-bottom: 60px
    }
    .margin-bottom-100 {
        margin-bottom: 60px
    }

    .with-appointment-board .make-app-inner {
        margin: auto;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        z-index: 1
    }
    .with-appointment-board .make-app-btn {
        background-color: rgba(28, 144, 205, 0.9)
    }
    .with-appointment-board .appointment-form {
        background-color: rgba(15, 119, 173, 0.9)
    }
    .make-app-btn,
    .appointment-form {
        top: auto
    }
    .home-appointment.index-1,
    .home-prenancy.index-1 {
        padding-top: 60px
    }
    .home-appointment.index-1 .make-app-inner,
    .home-prenancy.index-1 .make-app-inner {
        margin-bottom: 60px
    }
    .home-appointment .feature-wrapper,
    .home-prenancy .feature-wrapper {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 60px
    }
    .home-appointment .appointment-content:before,
    .home-prenancy .appointment-content:before,
    .home-appointment .appointment-content:after,
    .home-prenancy .appointment-content:after {
        width: 38%
    }
    .appointment-form {
        padding-bottom: 40px
    }
    .appointment-form .btn-wrapper {
        margin-top: 30px
    }
    .appointment-form .btn-make-app {
        width: auto
    }
    .about-us-wrapper .about-us-content img {
        position: static;
        padding-top: 50px;
        padding-left: 0;
        padding-bottom: 0;
        margin: 0 auto
    }
    .fun-fact {
        padding: 45px 0 58px
    }
    .fun-fact .progress-container {
        margin-bottom: -38px;
        display: inline-block
    }
    .fun-fact .progress-container .progress-counter {
        margin-bottom: 30px
    }
    .department-detail-wrapper .doctor-wrapper .doctor-body {
        margin-left: 0;
        padding-top: 60px
    }
    .department-detail-wrapper .doctor-wrapper .doctor-body > .description {
        margin-top: 10px
    }
    .department-detail-wrapper .our-team .header ~ .description {
        width: 90%
    }
    .slider-howwedo {
        width: 750px
    }
    .post-inner + .post-inner,
    .department-wrapper .department-inner + .department-inner {
        margin-top: 60px
    }
    .department-detail-wrapper .howwedo,
    .howwedo {
        padding: 60px 0
    }
    .doctor-wrapper .new-container {
        width: 100%
    }
    .doctor-wrapper .doctor-head-wrapper {
        background-color: #f5f9fb
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-head-inner {
        padding-top: 20px
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-body {
        width: 100%;
        position: relative;
        left: auto;
        padding-bottom: 85px;
        padding-left: 15px;
        padding-right: 15px;
        border: 0
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-body > .description {
        margin-top: 10px
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-body .doctor-title:before,
    .doctor-wrapper .doctor-head-wrapper .doctor-body .doctor-title:after {
        content: initial
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-body:before,
    .doctor-wrapper .doctor-head-wrapper .doctor-body:after {
        content: initial
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-img {
        float: left;
        position: relative;
        width: 41.6667%;
        padding-left: 15px;
        padding-right: 30px
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-img img {
        height: auto;
        margin-left: auto;
        margin-right: auto
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-img:before {
        content: initial
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-sign {
        background-color: transparent
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-info .info-inner {
        display: block;
        padding: 2px 0;
        margin-right: 0
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-info .info-inner + .info-inner {
        margin-left: 0
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-info .list-socials li {
        padding-left: 0
    }
    .widget-sidebar:first-child {
        margin-top: 60px
    }
    .widget-other-services .howwedoit-content {
        margin: 0 -15px
    }
    .widget-other-services .howwedoit-inner {
        width: 46%;
        float: left;
        margin-left: 2%;
        margin-right: 2%
    }
    .department-wrapper .container {
        max-width: 970px;
        width: 100%
    }
    .our-team .team-wrapper-2 .team-inner {
        margin-bottom: 0
    }
    .why-choose-us-wrapper,
    .cancer-center.why-choose-us-wrapper {
        padding: 60px 0
    }
    .faq-wrapper .first-col {
        margin-bottom: 30px
    }
    .gallery-wrapper .galleryContainer {
        margin-top: 30px
    }
    .cancer-center.why-choose-us-wrapper img {
        display: none
    }
    .footer-content {
        padding: 110px 0 60px
    }
    .footer-content .col-md-6:first-child .info-footer {
        margin-bottom: 80px
    }
    .footer-map .contact-form-wrapper .contact-form-content.right {
        padding: 58px 0 55px 45px
    }
    .footer-map .contact-form-wrapper .contact-form-inner .time-working {
        margin-left: 143px
    }
    .footer-map.footer-content-style-8.new-footer-map .contact-form-wrapper .contact-form-content.right,
    .footer-map.footer-content-style-12.new-footer-map .contact-form-wrapper .contact-form-content.right {
        padding: 58px 30px 55px 30px
    }
    .footer-base {
        padding: 25px 0;
        text-align: center
    }
    .footer-base .footer-base-left {
        float: none;
        margin-top: 10px
    }
    .footer-base .footer-base-right {
        float: none
    }
    .cancer-center.why-choose-us-wrapper .panel-title {
        width: 88%
    }
    .cancer-center.why-choose-us-wrapper-new,
    .dermatology.why-choose-us-wrapper-new {
        padding: 60px 0
    }
    .cancer-center.why-choose-us-wrapper-new img,
    .dermatology.why-choose-us-wrapper-new img {
        display: none
    }
    .cancer-center.why-choose-us-wrapper-new .video-thumbnails .video-bg img,
    .dermatology.why-choose-us-wrapper-new .video-thumbnails .video-bg img {
        display: block
    }
    .dermatology.about-us-wrapper .about-us-content img {
        margin-top: 30px
    }
    .whatwedo-dermatology .services-content {
        text-align: left
    }
    .whatwedo-dermatology img {
        margin-top: -30px
    }

    .whatwedo-dermatology .whatwedo-dermatology-before-img {
        float: left
    }
    .fun-fact.style-3 .progress-container {
        width: 100%;
        margin-bottom: -7px
    }
    .fun-fact.style-3 .progress-container .progress-inner {
        width: 50%;
        padding: 45px 0 58px
    }
    .fun-fact.style-3 .progress-container .progress-counter {
        margin-bottom: 0
    }
    .pediatric.whatwehelp {
        text-align: center
    }
    .pediatric.whatwehelp .header ~ img {
        margin-left: auto;
        margin-right: auto;
        left: auto
    }
    .pediatric.whatwehelp .video-thumbnails {
        margin-top: 60px;
        padding-bottom: 38.25%
    }
    .pediatric.whatwehelp .services-content {
        text-align: left
    }
    .pediatric.why-choose-us-wrapper-new {
        padding: 60px 0
    }
    .pediatric.why-choose-us-wrapper-new img {
        display: none
    }
    .pediatric.why-choose-us-wrapper-new .faq-panel > .panel-heading + .panel-collapse > .panel-body {
        padding-right: 30px
    }
    .vet-clinic.howwedo .list-features {
        top: auto;
        margin-bottom: 60px
    }
    .vet-clinic.howwedo .list-features .slick-dots li button:before {
        color: #fff
    }
    .vet-clinic.whatwedo-dermatology img {
        width: 40%;
        margin-left: 0;
        margin-top: 0
    }
    .dental-care.whatwedo .services-wrapper {
        margin-top: 0;
        padding-top: 60px
    }
    .dental-care.why-choose-us-wrapper-new {
        text-align: center
    }
    .dental-care.why-choose-us-wrapper-new img {
        display: none
    }
    .dental-care.why-choose-us-wrapper-new .list-features {
        margin-top: 30px
    }
    .intro-block {
        max-width: 750px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .intro-block .video-thumbnails {
        margin: 40px 15px 10px
    }
    .intro-block .mission-block {
        margin: 0 15px
    }
    .intro-block .row > div:first-child {
        display: table-footer-group
    }
    .intro-block .row > div:last-child {
        display: table-header-group
    }
    .intro-block .btn-wrapper {
        padding-top: 30px
    }
    .featured-job-block .row > div {
        width: 100%
    }
    .intro-block-2 .section-1 {
        width: 100%
    }
    .doctor-block .contact-wrapper {
        width: 50%;
        margin: 0 auto
    }
    .visit-doctor-wrapper {
        padding-top: 60px
    }
    .visit-doctor-wrapper .title {
        text-align: center
    }
    .visit-doctor-wrapper .doctor-wrapper {
        width: 50%;
        display: inline-block;
        padding: 0
    }
    .visit-doctor-wrapper .doctor-wrapper:nth-child(odd) {
        padding-left: 15px
    }
    .visit-doctor-wrapper .doctor-wrapper:nth-child(even) {
        padding-right: 15px
    }
    .search-block.of-search-result {
        margin-bottom: 50px
    }
    .doctor-result .title {
        margin-bottom: 27px
    }
    .doctor-wrapper.of-search-result .doctor-head-wrapper {
        margin-bottom: 40px;
        background-color: transparent;
        border: 2px solid #d9e7ee
    }
    .doctor-wrapper.of-search-result .doctor-head-wrapper:last-child {
        margin-bottom: 0
    }
    .doctor-wrapper.of-search-result .doctor-head-wrapper .doctor-body {
        padding-bottom: 60px
    }
    .doctor-body-wrapper {
        padding-top: 60px
    }
    .doctor-body-wrapper > div {
        padding-bottom: 30px
    }
    .doctor-body-wrapper > div:last-child {
        padding-bottom: 0
    }
    .doctor-body-wrapper .title {
        margin-bottom: 20px
    }
    .education-block,
    .experience-block {
        width: 100%;
        padding: 0
    }
    .experience-block span {
        padding-bottom: 6px
    }
    .certification-block {
        padding-top: 10px
    }
    .blog-2col .recent-news-list {
        margin-bottom: 10px
    }
    .blog-2col .recent-news-item {
        margin-bottom: 60px
    }
    .blog-2col .recent-news-item .recent-news-image {
        display: block;
        height: 220px;
        width: 100%
    }
    .blog-2col .recent-news-item .recent-news-content {
        display: block;
        width: 100%;
        border-top: 0;
        border-left: 2px solid #d9e7ee
    }
    .blog-2col .recent-news-item .recent-news-content .post-date {
        position: relative;
        top: -5px;
        left: auto;
        margin-left: -58px
    }
    .blog-2col .recent-news-item .recent-news-content .post-date .date {
        background-color: #fff
    }
    .blog-2col .recent-news-item .recent-news-content:before,
    .blog-2col .recent-news-item .recent-news-content:after {
        display: none
    }
    .blog-2col .recent-news-item .recent-news-content:hover {
        border-color: #0f77ad
    }
    .blog-2col-sidebar .recent-news-list {
        margin-bottom: 10px
    }
    .blog-2col-sidebar .recent-news-item {
        margin-bottom: 60px
    }
    .blog-2col-non-sidebar .post-wrapper {
        margin-bottom: -60px
    }
    .blog-2col-non-sidebar .grid-item {
        padding-bottom: 60px
    }
    .blog-2col-non-sidebar .post-image {
        height: 220px
    }
    .blog-3col .recent-news-list {
        margin-bottom: 10px
    }
    .blog-3col .recent-news-item {
        margin-bottom: 60px
    }
    .blog-3col .grid-item {
        width: 50%
    }
    .gallery-wrapper .galleryContainer .alldepartment {
        height: 250px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment {
        width: 50%
    }
    .gallery-wrapper.gallery-4col .galleryContainer .alldepartment {
        width: 33.3333%
    }
    .pricing-main .make-apppointment {
        margin-top: 60px
    }
    .pricing-main .text-chooose-department {
        width: 100%;
        top: auto;
        margin-bottom: 5px
    }
    .pricing-main .form-select,
    .pricing-main .form-search {
        width: 50%
    }
    .table-order-medic-wrapper {
        padding-top: 60px
    }
    .form-choose-wrapper {
        padding-bottom: 10px
    }
    .pricing-header {
        margin-bottom: 20px
    }
    .location-entry {
        padding-top: 55px
    }
    .location-address-with-border {
        padding-top: 0
    }
    .location-address-with-border .location-text {
        position: relative;
        top: -17px;
        left: -13px;
        padding: 0 15px
    }
    .location-address-with-highlight .location-info-with-icon {
        width: 100%
    }
    .recent-news-2 .post-meta .list-meta {
        margin-top: 0
    }
    .header-dermatology,
    .header-psychology {
        background-color: #fff
    }
    .home-prenancy .bg-curve-back {
        display: none
    }
    .wedo-psychology-wrapper {
        padding-bottom: 0
    }
    .wedo-psychology-wrapper img,
    .wedo-psychology-wrapper .wedo-psychology-inner {
        display: none
    }
    .wedo-psychology-wrapper .howwedo-left-wrapper {
        padding: 0 15px
    }
    .wedo-psychology-left {
        width: 100%;
        float: none;
        padding-bottom: 60px
    }
    .wedo-psychology-right {
        width: 100%;
        float: none;
        padding: 60px 0;
        background-color: #6c69de
    }
    .coming-soon-1 .coming-soon-content {
        padding: 80px 80px
    }
    .coming-soon-2 {
        background-color: rgba(37, 45, 52, 0.8)
    }
    .coming-soon-2 .img-coming-soon-right {
        left: 0;
        z-index: -1
    }
    .coming-soon-2 .coming-soon-content {
        width: 100%;
        text-align: center;
        padding: 0 60px
    }
    .coming-soon-2 .coming-soon-content a img {
        margin: auto
    }
    .coming-soon-2 .description {
        width: 100%
    }
    .coming-soon-2 .list-socials {
        position: relative;
        margin: 30px auto 0;
        text-align: center;
        right: auto
    }
    .header-ent-center .header-banner {
        background-color: #fbfdfe
    }
    .header-ent-center .header-banner-wrapper {
        box-shadow: none;
        padding: 0;
        background-color: transparent
    }
    .home-ent-center .about-us-initial .description {
        width: 100%
    }
    .home-orthopedic.why-choose-us-wrapper-new {
        padding: 60px 0
    }
    .home-orthopedic.why-choose-us-wrapper-new img {
        display: none
    }
    .home-orthopedic.why-choose-us-wrapper-new .faq-panel > .panel-heading + .panel-collapse > .panel-body {
        padding-right: 30px
    }
}
/*----------  1.10. Media screen max width 768px  ----------*/
@media screen and (max-width:768px) {
    .about-us-wrapper .about-us-content img,
    .home-ent-center.about-us-wrapper .about-us-content img {
        width: 80%
    }
    .department-detail-wrapper .doctor-wrapper .doctor-sign {
        right: 15px
    }
    .department-detail-wrapper .our-team {
        padding-bottom: 60px
    }
    .how-we-do-it-wrapper .howwedoit-inner:hover:before {
        right: 0
    }
    .pagination-wrapper .pagination {
        margin-top: 40px
    }
    .blog-wrapper .post-title {
        font-size: 28px
    }
    .services-main .whatwedo .header ~ .description {
        width: 75%
    }
    .header-topbar .topbar-right ul {
        width: 100%
    }
    .header-topbar .topbar-right ul.social-topbar li {
        display: inline-block
    }
    .header-topbar .topbar-right ul li {
        display: block
    }
    .recent-news-2 .grid-item {
        width: 88%;
        float: none;
        margin: 0 auto 30px;
        padding-left: 0
    }
    .recent-news-2 .grid-item:last-child {
        margin-bottom: 0
    }
    .recent-news-2 .grid-item.height-2x {
        padding-right: 0;
        margin-bottom: 30px
    }
    .landing-page.about-us-wrapper img {
        width: auto
    }
}
/*----------  1.11. Media screen max width 767px  ----------*/
@media screen and (max-width:767px) {
    .career-main .job-content .btn-wrapper a {
        width: auto;
    }
    .menu-mobile .nav-links {
        margin: 0
    }
    .menu-mobile .main-menu {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .testimonials {
        position: relative
    }

    .testimonials .nav-testimonial {
        display: block;
        position: absolute;
        top: 38%;
        left: 0;
        width: 100%;
        z-index: 9
    }
    .testimonials .nav-testimonial .nav-testimonial-inner-left,
    .testimonials .nav-testimonial .nav-testimonial-inner-right {
        text-align: center;
        font-size: 24px;
        width: 25px;
        line-height: 24px;
        border: 2px solid #fff;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        opacity: 0.3
    }
    .testimonials .nav-testimonial .nav-testimonial-inner-left:hover,
    .testimonials .nav-testimonial .nav-testimonial-inner-right:hover {
        opacity: 1
    }
    .testimonials .nav-testimonial .nav-testimonial-inner-right {
        left: auto;
        right: 0;
        margin-left: 0
    }
    .contact-form-wrapper {
        padding: 0;
        margin-top: 75px
    }
    .contact-form-wrapper .contact-form-content {
        width: 100%
    }
    .contact-form-wrapper .contact-form-content.left {
        padding: 0
    }
    .contact-form-wrapper .contact-form-content.right {
        padding: 0 15px;
        margin-right: 0;
        margin-bottom: 60px
    }
    .contact-form-wrapper .map-contact-style {
        position: relative;
        margin-right: 0
    }
    .department-detail-wrapper .our-team {
        text-align: center
    }
    .department-detail-wrapper .our-team .header ~ .description {
        width: 100%
    }
    .services-main .whatwedo {
        text-align: center
    }
    .services-main .whatwedo .header ~ .description {
        width: 100%
    }
    .wrapper-mobile-nav .header-topbar {
        padding: 14px 0
    }

    .with-appointment-board .make-app-inner {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        padding: 60px 15px 0;
        width: 100%
    }
    .btn-wrapper .btn {
        width: auto;
        padding: 0 30px;
        font-weight: bold
    }

    .btn-wrapper.back-to-top {
        bottom: 10px;
        right: 10px
    }
    .btn-wrapper.back-to-top .btn {
        width: 40px;
        height: 40px;
        line-height: 36px
    }
    .gallery-wrapper .filter-button-group {
        margin: 0
    }
    .gallery-wrapper .filter-button-group .btn {
        margin: 25px 25px 12.5px
    }
    .gallery-wrapper .filter-button-group .btn.active:after,
    .gallery-wrapper .filter-button-group .btn:hover:after {
        bottom: -7px
    }
    .gallery-wrapper .galleryContainer {
        margin-left: -7.5px;
        margin-right: -7.5px
    }
    .gallery-wrapper .galleryContainer .alldepartment {
        border: 7.5px solid #fff;
        height: 230px
    }
    .gallery-wrapper .galleryContainer .bg-overlay .title-hover {
        height: auto
    }
    .gallery-wrapper .galleryContainer .bg-overlay .title-hover .link-gallery {
        width: 30px;
        height: 30px;
        margin-bottom: 15px
    }
    .gallery-wrapper .galleryContainer .bg-overlay .title-hover .icon-bar {
        height: 30px
    }
    .gallery-wrapper .galleryContainer .bg-overlay .title-hover .icon-bar + .icon-bar {
        width: 30px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment {
        height: 230px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment.height-gallery-2x,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment.height-gallery-2x {
        height: 460px
    }
    .gallery-inner .btn-primary {
        background-color: #0f77ad;
        border-color: #0f77ad;
        position: relative;
        text-align: left;
        padding: 15px;
        width: 100%;
        line-height: 1;
        border: 0;
        border-radius: 0;
        -webkit-border-radius: 0
    }
    .gallery-inner .btn-primary span {
        text-transform: uppercase;
        font-weight: bold
    }
    .gallery-inner .btn-primary i {
        font-size: 18px;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        line-height: 44px;
        text-align: center
    }
    .post-inner + .post-inner,
    .department-wrapper .department-inner + .department-inner {
        margin-top: 30px
    }
    .footer-map .contact-form-wrapper .contact-form-content.left {
        float: none;
        width: 100%;
        overflow: hidden;
        padding-bottom: 0
    }
    .footer-map .contact-form-wrapper .contact-form-content.right {
        float: none;
        width: 100%;
        padding: 58px 0 0
    }
    .footer-map .contact-form-wrapper .map-contact-style {
        margin-right: -15px
    }
    .footer-map.footer-map-style-2 {
        background-size: 1.3%
    }
    .footer-map.footer-map-style-2 .contact-form-wrapper .contact-form-content.right {
        background-image: none
    }
    .footer-map.footer-content-style-8.new-footer-map {
        background-image: url(../images/common/background/background-pattern-3.jpg);
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: 150%;
        background-color: transparent
    }
    .footer-map.footer-content-style-8.new-footer-map .contact-form-wrapper .contact-form-content.right {
        background-image: none;
        padding: 58px 0 0
    }
    .footer-map.footer-content-style-12.new-footer-map {
        background-color: #22adf9
    }
    .footer-map.footer-content-style-12.new-footer-map .contact-form-wrapper .contact-form-content.right {
        padding: 58px 0 0
    }
    .footer-map.footer-content-style-13.new-footer-map {
        /*background-image: url(../images/common/background/background-pattern.jpg);*/
        background-repeat: repeat;
        background-attachment: scroll;
        background-size: 1.4%;
        background-color: transparent
    }
    .footer-map.footer-content-style-13.new-footer-map .contact-form-wrapper .contact-form-content.right {
        background-image: none;
        padding: 58px 0 0
    }
    .footer-map.footer-content-style-15.new-footer-map {
        background-color: #0f77ad
    }
    .footer-map.footer-content-style-15.new-footer-map .contact-form-wrapper .contact-form-content.right {
        padding: 58px 0 0
    }
    .text-below-slider .text-left {
        font-size: 24px;
        line-height: 28px
    }
    .dermatology.about-us-wrapper .about-us-content img,
    .home-ent-center.about-us-wrapper .about-us-content img,
    .whatwedo-dermatology img {
        display: none
    }
    .pediatric.whatwehelp .services-wrapper,
    .whatwedo-dermatology .services-wrapper {
        width: 100%
    }
    .fun-fact.style-3 .progress-container .progress-inner {
        width: 100%
    }
    .pediatric.whatwehelp .header ~ img {
        display: none
    }
    .intro-block-2 .image-col {
        margin-top: 30px
    }
    .intro-block-2 .image-col img {
        margin: 0 auto
    }
    .featured-job-block .job-list {
        width: 80%;
        padding-top: 20px
    }
    .intro-block-2 .section-2 {
        padding-top: 15px
    }
    .intro-block-2 .intro-list li {
        padding-bottom: 10px
    }
    .visit-doctor-wrapper {
        padding-top: 30px
    }
    .table-order-medic {
        border: 0
    }
    .location-main .map-contact-style {
        height: 300px
    }
    .blog-2col-non-sidebar .grid-item {
        width: 100%
    }
    .coming-soon-wrapper {
        height: auto
    }
    .coming-soon-1 .coming-soon-inner {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        -webkit-transform: none;
        transform: none;
        padding: 15px 0;
        position: relative
    }
    .coming-soon-1 .coming-soon-content {
        padding: 60px 40px
    }
    .coming-soon-2 .coming-soon-inner {
        position: relative;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        padding: 60px 15px
    }
    .coming-soon-2 .coming-soon-content {
        padding: 0
    }
    .pricing-main .form-select,
    .pricing-main .form-search {
        width: 100%;
        padding-right: 0
    }
    .pricing-main .form-select i {
        right: 0
    }
    .pricing-main .form-choose-wrapper {
        padding-bottom: 25px
    }
    .timetable-main .form-choose-wrapper {
        padding-bottom: 40px
    }
    .fc th {
        line-height: 40px
    }
    .fc-ltr .fc-basic-view .fc-day-number {
        padding: 15px 10px 10px
    }
    .fc-ltr .fc-basic-view .fc-day-number {
        font-size: 14px
    }
    .fc-event,
    .fc-event:hover {
        padding: 5px
    }
    .fc-day-grid-event .fc-content {
        font-size: 13px;
        white-space: normal
    }
    .calendar .popover {
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        border: 0;
        padding: 0;
        border-radius: 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
    }
    .calendar .popover-title {
        margin: 0;
        font-size: 13px;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0
    }
    .calendar .popover.top {
        margin-top: -5px
    }
    .calendar .popover.top > .arrow {
        display: none
    }
}
/*----------  1.12. Media screen max width 667px  ----------*/
@media screen and (max-width:667px) {
    .contact-wrapper .contact-content {
        width: 60%;
        margin: 0 auto
    }
    .contact-wrapper .contact-content .item {
        width: 100%;
        padding-bottom: 30px
    }
    .contact-wrapper .contact-content .item:last-child {
        padding-bottom: 0
    }
    .widget-other-services .howwedoit-inner {
        width: 45.5%;
        margin-left: 15px;
        margin-right: 15px
    }
    .blog-detail-wrapper .post-single .share {
        padding-top: 10px;
        float: none
    }
    .blog-detail-wrapper .post-single .post-title {
        margin-bottom: 12px
    }
    .featured-job-block > div {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .gallery-wrapper.gallery-4col .galleryContainer .alldepartment {
        height: 150px
    }
    .feature-wrapper.style-3 .feature-1,
    .feature-wrapper.style-3 .feature-2,
    .feature-wrapper.style-3 .feature-3,
    .feature-wrapper.style-3 .feature-4 {
        padding: 40px
    }
    .feature-wrapper.style-3 .feature-1:before,
    .feature-wrapper.style-3 .feature-2:before,
    .feature-wrapper.style-3 .feature-3:before,
    .feature-wrapper.style-3 .feature-4:before {
        width: 287px;
        height: 287px
    }
}
/*----------  1.13. Media screen max width 600px  ----------*/
@media screen and (max-width:600px) {
    .menu-mobile .main-menu {
        font-size: 14px
    }
    .hamburger-menu {
        left: 20px
    }
    .breadcrumb .breadcrumb-text {
        font-size: 55px
    }
    .breadcrumb .breadcrumb-content {
        padding: 40px 0
    }
    .slider-medic .description {
        width: 93%
    }
    .home-appointment .appointment-content:before,
    .home-appointment .appointment-content:after {
        width: 35%
    }
    .about-us-wrapper .about-us-content img {
        width: 100%
    }
    .services-wrapper .whatwedo .header ~ .description {
        width: 95%
    }
    .how-we-do-it-wrapper .item {
        width: 100%;
        padding-bottom: 30px
    }
    .how-we-do-it-wrapper .item:last-child {
        padding-bottom: 0
    }
    .how-we-do-it-wrapper .howwedoit-content {
        margin-top: 30px;
        margin-bottom: 0
    }
    .how-we-do-it-wrapper .howwedoit-inner {
        width: 60%;
        margin: 0 auto
    }
    .how-we-do-it-wrapper .howwedoit-inner:before {
        right: 0
    }
    .how-we-do-it-wrapper .howwedoit-inner:hover:before {
        right: 0
    }
    .widget-other-services .howwedoit-content {
        width: 60%;
        margin: 0 auto
    }
    .widget-other-services .howwedoit-inner {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .our-team .team-wrapper,
    .our-team .team-wrapper-2 {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }
    .gallery-wrapper .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment {
        width: 100%
    }
    .gallery-wrapper .filter-button-group,
    .gallery-wrapper.gallery-3col .filter-button-group,
    .gallery-wrapper.gallery-3col-masonry .filter-button-group {
        margin: 0
    }
    .gallery-wrapper .filter-button-group .btn,
    .gallery-wrapper.gallery-3col .filter-button-group .btn,
    .gallery-wrapper.gallery-3col-masonry .filter-button-group .btn {
        margin: 25px 25px 12.5px
    }
    .gallery-wrapper .filter-button-group .btn.active:after,
    .gallery-wrapper.gallery-3col .filter-button-group .btn.active:after,
    .gallery-wrapper.gallery-3col-masonry .filter-button-group .btn.active:after,
    .gallery-wrapper .filter-button-group .btn:hover:after,
    .gallery-wrapper.gallery-3col .filter-button-group .btn:hover:after,
    .gallery-wrapper.gallery-3col-masonry .filter-button-group .btn:hover:after {
        bottom: -7px
    }
    .gallery-wrapper.gallery-4col .galleryContainer .alldepartment {
        width: 50%
    }
    .post-single-content blockquote {
        padding-left: 30px;
        padding-right: 30px
    }
    .department-wrapper .department-inner .department-body {
        width: 100%;
        float: none
    }
    .department-wrapper .department-inner.text-right {
        text-align: left
    }
    .department-wrapper .department-inner.text-right .department-body > .btn-wrapper {
        padding-left: 0
    }
    .department-wrapper .department-inner.text-right .typo-line {
        padding-left: 0
    }
    .department-wrapper .department-inner.text-right .typo-line:before,
    .department-wrapper .department-inner.text-right .typo-line:after {
        left: 0
    }
    .department-wrapper .department-img-left .department-img,
    .department-wrapper .department-img-right .department-img {
        width: 100%;
        padding: 0;
        float: none
    }
    .department-wrapper .head-avatar-left .head-avatar,
    .department-wrapper .head-avatar-right .head-avatar {
        float: left;
        padding-right: 15px;
        padding-left: 0
    }
    .blog-wrapper .audio-block .post-content {
        padding-top: 30px
    }
    .blog-wrapper .video-block .post-content {
        padding-top: 30px
    }
    .blog-wrapper .post-title {
        font-size: 24px
    }
    .footer-content .title-footer {
        font-size: 40px
    }
    .footer-base .footer-base-left {
        margin-top: 0
    }
    .footer-base .footer-base-right {
        display: none
    }
    .cancer-center.why-choose-us-wrapper .panel-title {
        width: 85%
    }
    .doctor-block .contact-wrapper {
        width: 100%
    }
    .doctor-wrapper.of-find-doctor {
        width: 100%;
        display: block;
        padding: 0 0 30px 0
    }
    .doctor-wrapper.of-find-doctor:nth-child(even) {
        padding-right: 0
    }
    .doctor-wrapper.of-find-doctor:nth-child(odd) {
        padding-left: 0
    }
    .doctor-wrapper.of-find-doctor:last-child {
        padding-bottom: 0
    }
    .doctor-wrapper.of-find-doctor .doctor-img {
        width: 28%
    }
    .doctor-wrapper.of-find-doctor .doctor-img img {
        height: 180px
    }
    .doctor-wrapper.of-find-doctor .doctor-body {
        padding-top: 50px;
        padding-left: 30px;
        width: 78%
    }
    .doctor-wrapper.of-find-doctor .doctor-body:before,
    .doctor-wrapper.of-find-doctor .doctor-body:after {
        left: -15px
    }
    .doctor-wrapper.of-find-doctor .doctor-title:before,
    .doctor-wrapper.of-find-doctor .doctor-title:after {
        top: -50px
    }
    .location-address-content {
        width: 100%
    }
    .location-wrapper {
        margin-bottom: -30px
    }
    .location-wrapper + .location-wrapper {
        padding-top: 30px;
        margin-top: 30px
    }
    .location-address-content,
    .location-wrapper.location-address-no-border-inner .location-address-content {
        padding-bottom: 30px
    }
    .location-header {
        margin-bottom: 20px
    }
    .recent-news-2 .post-meta .list-meta {
        margin-top: 15px
    }
    .landing-page.about-us-wrapper img {
        width: auto
    }
}
/*----------  1.14. Media screen max width 480px  ----------*/
@media screen and (max-width:480px) {
    .hamburger-menu {
        left: 15px
    }
    .wrapper-mobile-nav .header-topbar {
        padding: 15px 0
    }
    .menu-mobile .icons-dropdown {
        width: 50px
    }
    .slider-medic .header {
        font-size: 30px
    }
    .feature-1,
    .feature-2,
    .feature-3,
    .feature-4 {
        padding: 30px 15px
    }
    .feature-1.style-3,
    .feature-2.style-3,
    .feature-3.style-3,
    .feature-4.style-3 {
        padding: 40px 20px
    }
    .feature-1.style-3:before,
    .feature-2.style-3:before,
    .feature-3.style-3:before,
    .feature-4.style-3:before {
        width: 260px;
        height: 260px
    }
    .how-we-do-it-wrapper .howwedoit-inner {
        width: 80%
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-img {
        width: 45%;
        padding-bottom: 10px
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-info .info-inner {
        width: 100%
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-title {
        margin-top: 30px
    }
    .widget-other-services .howwedoit-content {
        width: 80%;
        margin: 0 auto
    }
    .widget-other-services .howwedoit-inner {
        width: 100%;
        float: none
    }
    .breadcrumb .breadcrumb-text {
        font-size: 50px
    }
    .pagination-wrapper .pagination {
        margin-top: 40px
    }
    .blog-wrapper .post-meta .list-meta,
    .blog-detail-wrapper .post-meta .list-meta {
        padding-top: 15px
    }
    .blog-detail-wrapper .post-single .share {
        padding-top: 0
    }
    .page-404-wrapper {
        padding: 50px 0 70px
    }
    .page-404-wrapper .page-not-found {
        text-align: center;
        left: 0
    }
    .page-404-wrapper .img-doctor {
        display: none
    }
    .page-404-wrapper .page-not-found .description-404 {
        left: 0;
        width: 100%
    }
    .page-404-wrapper .whoops {
        margin-bottom: 20px
    }
    .contact-wrapper .contact-content {
        width: 80%
    }
    .why-choose-us-wrapper .description {
        width: 100%
    }
    .footer-content .title-footer {
        font-size: 36px
    }
    .table-order-medic thead tr th {
        width: 60%
    }
    .table-order-medic .checkbox,
    .table-order-medic .radio {
        display: block
    }
    .table-order-medic .checkbox + .checkbox,
    .table-order-medic .radio + .checkbox,
    .table-order-medic .checkbox + .radio,
    .table-order-medic .radio + .radio {
        margin-left: 0
    }
    .blog-2col-non-sidebar .post-wrapper {
        margin-bottom: -30px
    }
    .blog-2col-non-sidebar .grid-item {
        padding-bottom: 30px
    }
    .coming-soon-wrapper .countdown-section + .countdown-section {
        margin-left: 30px
    }
    .coming-soon-1 .coming-soon-content {
        padding: 40px 15px
    }
    .coming-soon-2 .countdown-section + .countdown-section .countdown-amount:after {
        left: -20px
    }
}
/*----------  1.15. Media screen max width 479px  ----------*/
@media screen and (max-width:479px) {
    .slider-medic .typo-adds-on,
    .slider-medic .slide-2 .typo-adds-on,
    .slider-medic .slide-10 .typo-adds-on,
    .slider-medic .slide-13 .typo-adds-on,
    .slider-medic .slide-14 .typo-adds-on,
    .slider-medic .slide-16 .typo-adds-on {
        text-align: center
    }
    .slider-medic .sub-header {
        font-size: 16px
    }
    .slider-medic .Header {
        font-size: 28px;
        margin: 0 0 5px
    }
    .slider-medic .description {
        width: 100%;
        height: 45px;
        overflow: hidden
    }
    .home-appointment .appointment-content:before,
    .home-appointment .appointment-content:after {
        width: 30%
    }
    .home-appointment .list-features .header-feature {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
    .make-app-btn {
        display: block;
        text-align: center
    }
    .recent-news .recent-news-item {
        padding-top: 33px
    }
    .recent-news-2 .grid-item {
        width: auto;
        float: none;
        margin: 0 15px;
        padding-left: 0
    }
    .recent-news-2 .grid-item:last-child .recent-news-item {
        margin-bottom: 0
    }
    .recent-news-2 .grid-item.height-2x {
        padding-right: 0
    }
    .recent-news-2 .recent-news-item {
        padding-top: 0;
        margin-bottom: 30px;
        float: left;
        width: 100%
    }
    .recent-news-item .recent-news-image {
        display: block;
        height: 220px;
        width: 100%
    }
    .recent-news-item .recent-news-content {
        display: block;
        width: 100%;
        border-top: 0;
        border-left: 2px solid #d9e7ee
    }
    .recent-news-item .recent-news-content .post-date {
        position: relative;
        top: -5px;
        left: auto;
        margin-left: -58px
    }
    .recent-news-item .recent-news-content .post-date .date {
        background-color: #fff
    }
    .recent-news-item .recent-news-content:before,
    .recent-news-item .recent-news-content:after {
        display: none
    }
    .recent-news-item .recent-news-content:hover {
        border-color: #0f77ad
    }
    .our-team .team-wrapper,
    .our-team .team-wrapper-2 {
        width: 100%
    }
    .testimonials .slider-testimonials .testimonial-graph {
        height: 170px;
        overflow: hidden
    }
    .about-us-wrapper .slider-testimonials .owl-dot {
        box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.5)
    }
    .about-us-wrapper .nav-testimonial .nav-testimonial-inner-left,
    .about-us-wrapper .nav-testimonial .nav-testimonial-inner-right {
        border-color: #FFF;
        color: #FFF;
        opacity: 0.7
    }
    .department-detail-wrapper .howwedo-left-wrapper,
    .howwedo-left-wrapper {
        padding: 0 0 30px
    }
    .doctor-wrapper .doctor-head-wrapper .doctor-img {
        width: 100%;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
    .doctor-wrapper.of-find-doctor .doctor-img {
        width: 35%
    }
    .doctor-wrapper.of-find-doctor .doctor-body {
        width: 73%
    }
    .widget-make-appointment .appointment-form {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px
    }
    .blog-wrapper .post-title {
        font-size: 22px
    }
    .blog-detail-wrapper .post-single .post-title {
        font-size: 22px
    }
    .faq-wrapper .faq-panel > .panel-heading + .panel-collapse > .panel-body {
        padding: 15px 5px
    }
    .page-404-wrapper .page-not-found .title-404 {
        font-size: 180px
    }
    .contact-wrapper .contact-content {
        width: 100%
    }
    .heart-center.howwedo .howwedo-left-wrapper {
        margin-top: 30px
    }
    .footer-map .contact-form-wrapper .contact-form-inner .time-working {
        margin-left: 100px
    }
    .footer-map .contact-form-wrapper .contact-form-inner .info-right {
        margin-left: 130px
    }
    .cancer-center.why-choose-us-wrapper .panel-title {
        width: 80%
    }
    .dental-care.why-choose-us-wrapper-new .list-features .feature-1,
    .dental-care.why-choose-us-wrapper-new .list-features .feature-2,
    .dental-care.why-choose-us-wrapper-new .list-features .feature-3,
    .dental-care.why-choose-us-wrapper-new .list-features .feature-4 {
        width: 100%;
        background-color: #f6fafc
    }
    .featured-job-block .job-list {
        width: 90%
    }
    .featured-job-block .job-list .mCSB_container {
        margin-left: 30px;
        margin-right: 15px
    }
    .search-block .btn-wrapper .view-all {
        padding: 0;
        margin-top: 10px
    }
    .search-block.of-search-result .search-form .btn-wrapper {
        bottom: -60px
    }
    .search-block.of-search-result .search-form .btn-wrapper .view-all {
        padding: 0;
        margin-top: 0
    }
    .blog-2col .recent-news-list,
    .blog-2col-sidebar .recent-news-list,
    .blog-3col .recent-news-list {
        margin-bottom: 0
    }
    .blog-2col .recent-news-item,
    .blog-2col-sidebar .recent-news-item,
    .blog-3col .recent-news-item {
        margin-bottom: 30px
    }
    .blog-2col .recent-news-item:last-child,
    .blog-2col-sidebar .recent-news-item:last-child,
    .blog-3col .recent-news-item:last-child {
        margin-bottom: 0
    }
    .blog-2col .grid-item,
    .blog-2col-sidebar .grid-item,
    .blog-3col .grid-item {
        width: 100%
    }
    .blog-2col .pagination-wrapper,
    .blog-2col-sidebar .pagination-wrapper,
    .blog-3col .pagination-wrapper {
        margin-top: 0
    }
    .gallery-wrapper.gallery-4col .galleryContainer .alldepartment {
        width: 100%
    }
    .home-prenancy .feature-wrapper .slick-list {
        overflow: hidden
    }
    .feature-1 .style-3,
    .feature-2 .style-3,
    .feature-3 .style-3,
    .feature-4 .style-3 {
        padding: 40px 5%
    }
    .feature-1 .style-3:before,
    .feature-2 .style-3:before,
    .feature-3 .style-3:before,
    .feature-4 .style-3:before {
        width: 275px;
        height: 275px
    }
    .coming-soon-wrapper {
        height: 100vh
    }
    .coming-soon-1 .coming-soon-inner {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .coming-soon-2 .coming-soon-inner {
        padding: 40px 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }
    .coming-soon-2 .countdown-amount:before {
        width: 30px
    }
    .fc-event,
    .fc-event:hover {
        padding: 2px
    }
}
/*----------  1.16. Media screen max width 414px  ----------*/
@media screen and (max-width:414px) {
    .menu-mobile {
        background-color: #222d34;
        text-align: center
    }
    .wrapper-mobile-nav .header-main .login-widget {
        display: inline-block
    }
    .wrapper-mobile-nav .header-main .login-widget li {
        width: auto;
        border-bottom: none
    }
    .doctor-wrapper.of-find-doctor {
        overflow: hidden;
        padding-bottom: 0
    }
    .doctor-wrapper.of-find-doctor .doctor-img {
        width: 100%;
        padding: 0;
        margin: auto;
        position: relative
    }
    .doctor-wrapper.of-find-doctor .doctor-img:before,
    .doctor-wrapper.of-find-doctor .doctor-img:after {
        content: '';
        position: absolute;
        bottom: 47px;
        left: -39px;
        width: 25%;
        height: 2px;
        background-color: #d9e7ee;
        z-index: -1
    }
    .doctor-wrapper.of-find-doctor .doctor-img:after {
        left: auto;
        right: -39px
    }
    .doctor-wrapper.of-find-doctor .doctor-img img {
        height: 240px;
        margin: auto
    }
    .doctor-wrapper.of-find-doctor .doctor-body {
        position: static;
        margin: auto;
        border-left: 2px solid #d9e7ee;
        text-align: center;
        padding-top: 10px;
        width: 100%
    }
    .doctor-wrapper.of-find-doctor .doctor-body:before,
    .doctor-wrapper.of-find-doctor .doctor-body:after {
        content: initial
    }
    .doctor-wrapper.of-find-doctor .doctor-title:before,
    .doctor-wrapper.of-find-doctor .doctor-title:after {
        top: -58px;
        z-index: 2;
        left: -32px;
        border-top: 0;
        border-right: 2px solid #d9e7ee;
        border-color: #d9e7ee;
        right: -32px;
        height: 50px
    }
    .doctor-wrapper.of-find-doctor .doctor-head-inner {
        padding-top: 0
    }
    .doctor-wrapper.of-find-doctor + .doctor-wrapper.of-find-doctor .doctor-head-inner {
        padding-top: 30px
    }
    .search-block .search-type > li a {
        padding: 16px 0;
        text-align: center
    }
    .coming-soon-wrapper {
        height: 100vh
    }
    .coming-soon-wrapper .coming-soon-header {
        font-size: 28px;
        line-height: 36px;
        margin: 22px 0
    }
    .coming-soon-wrapper .countdown-amount {
        font-size: 30px;
        margin-bottom: 25px
    }
    .coming-soon-wrapper .countdown-amount:before {
        bottom: -16px
    }
    .coming-soon-wrapper .countdown-section {
        margin: 30px 0
    }
    .coming-soon-wrapper .countdown-period {
        font-size: 14px
    }
}
/*----------  1.17. Media screen max width 380px  ----------*/
@media screen and (max-width:380px) {
    .show-nav .wrapper-content {
        transform: translate3d(82%, 0, 0);
        -webkit-transform: translate3d(82%, 0, 0);
        -moz-transform: translate3d(82%, 0, 0);
        -ms-transform: translate3d(82%, 0, 0);
        -o-transform: translate3d(82%, 0, 0)
    }
    .home-appointment .appointment-content:before,
    .home-appointment .appointment-content:after {
        width: 28%
    }
    .breadcrumb .breadcrumb-content {
        padding: 30px 0
    }
    .breadcrumb .breadcrumb-text {
        font-size: 45px
    }
    .ticker-news {
        width: 100%
    }
    .header-topbar .topbar-right ul li {
        margin-right: 15px
    }
    .why-choose-us-wrapper .description {
        width: 100%
    }
    .how-we-do-it-wrapper .howwedoit-inner {
        width: 100%
    }
    .widget-other-services .howwedoit-content {
        width: 100%
    }
    .post-single-content blockquote {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 17px
    }
    .post-single-content blockquote p {
        font-size: 20px
    }
    .blog-detail-wrapper .comments .commentlist .children {
        padding-left: 15px
    }
    .page-404-wrapper {
        padding: 30px 0 50px
    }
    .page-404-wrapper .page-not-found {
        left: 0
    }
    .page-404-wrapper .page-not-found .title-404 {
        font-size: 160px
    }
    .contact-wrapper .contact-content {
        width: 100%
    }
    .footer-content .title-footer {
        font-size: 30px
    }
    .footer-content .footer-description {
        font-size: 14px
    }
    .search-block .search-form {
        padding: 15px
    }
    .search-block.of-search-result .second-form {
        padding: 10px 15px 30px
    }
    .doctor-block .contact-wrapper {
        padding: 15px 10px
    }
    .certification-block .certificate-wrapper .award img {
        width: 80%
    }
    .gallery-wrapper .galleryContainer .alldepartment {
        height: 200px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment {
        height: 200px
    }
    .gallery-wrapper.gallery-3col .galleryContainer .alldepartment.height-gallery-2x,
    .gallery-wrapper.gallery-3col-masonry .galleryContainer .alldepartment.height-gallery-2x {
        height: 400px
    }
    .coming-soon-wrapper .countdown-section + .countdown-section {
        margin-left: 20px
    }
    .coming-soon-2 .countdown-section + .countdown-section .countdown-amount:after {
        left: -12.5px
    }
}
/*----------  1.18. Media screen max width 320px  ----------*/
@media screen and (max-width:320px) {

    .slider-medic .header {
        font-size: 26px
    }
    .slider-medic .slide-9 .header {
        margin: 0 0 20px
    }

}



.sidenav {
    height: 100%;
    width: 290px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    overflow-x: hidden;
    /*padding-top: 60px;*/
    /*transition: 0.5s; */
    z-index: 9999;
    margin-left: -290px;
}

.nav-header {
    padding: 20px;
    color: #fff;
    font-size: 24px;
    text-align: left;
    border-bottom: 1px solid #6f6f6f;
}

.closebtn{
    position: absolute;
    right: 20px;
    top: 21px;
    cursor: pointer;
}

.closebtn:hover{
     opacity: 0.8;
 }



.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn h2{
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 0;
    height: 60px;
    margin: 0;
}

.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn h2 a{
    color: #fff;
}

.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn{
    text-align: left;
}

.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn h2 span{
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-content{
    display: none;
}

.nav-slide-body ul li a{
    color: #fff;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    padding-left: 20px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 0;
    height: 60px;
    text-transform: uppercase;
}

.nav-slide-body .dropdown-list{
    margin: 0;
    padding: 0;
}

.nav-slide-body .dropdown-list li a{
    color: #cbcbcb;
    padding-left: 40px;
    font-size: 15px;
    height: 45px;
    border-bottom: 1px solid #6f6f6f;
}

.topbar-left-nav li{
    display: inline-block;
    margin: 0px 7px;
}

.topbar-left-nav li a{
    color: rgb(163, 163, 163);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.topbar-left-nav li a:hover{
    color: #fff;
}

.right-topbar-log li{
    display: inline-block!important;
}

.right-topbar-log li a{
    color: rgb(163, 163, 163);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.right-topbar-log li a:hover{
    color: #fff;
}

.logo{
    position: relative;
}

.logo .logo-title{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2.5px;
    padding-top: 3px;
    text-transform: uppercase;
    position: absolute;
    top: 4px;
    right: -172px;

}

.right-topbar-log .link.lang-link{
    position: relative;
}

.right-topbar-log .link.lang-link img{
    position: absolute;
    left: -22px;
    top: 0px;
}


.div_smoll-cart{
    float: right;
    line-height: 54px;
    padding: 10px 0;
}

.div_smoll-cart .show_cart{
    font-size: 22px;
    margin-left: 22px;
}

.button-search p i {
    font-size: 21px;
}


.smol_cart_prod{
    height: 300px;
    width: 300px;
    background: #000;
    position: absolute;
    right: 93px;
    top: 65px;
    display: none;
}

.hover-div-block{
    background-color: yellow;
    height: 24px;
    margin-top: -13px;
}

/*.show_cart:hover~.smol_cart_prod{*/
    /*display: block;*/
/*}*/






/* The container <div> - needed to position the dropdown content */
.dropdown_cart_smoll {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.smol-cart-content {
    /*display: none;*/
    position: absolute;
    background-color: #fff;
    width: 320px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: -19px;
    border: 2px solid #000;
    line-height: 30px;
    top: 4px;
    /*top: 58px;*/

    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    /*transition: transform 0.3s ease 0s;*/
    /*-webkit-transition: transform 0.3s ease-in-out 0s;*/
    /*-ms-transition: transform 0.3s ease 0s;*/
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease 0s;
}

@media (min-width: 992px) {
    .can-show-mini-cart:hover .smol-cart-content {
        /*display: block;*/
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }
}

/* Show the dropdown menu on hover */
/*.dropdown_cart_smoll:hover .smol-cart-content {*/
    /*display: block;*/
    /*visibility:visible;*/
    /*opacity:1;*/
    /*transition-delay:0s;*/
/*}*/

/* Links inside the dropdown */
.smol-cart-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 15px;
    line-height: 19px;

}



.dropdown_cart_smoll .show_cart{
    cursor: pointer;
}


.dropdown_cart_smoll .smoll-cart_header{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    padding: 15px 25px;
    border-bottom: 2px solid #000;
}

.dropdown_cart_smoll .smoll-cart_header .cart-header_count{
    float: right;
    font-size: 22px;
}

.dropdown_cart_smoll .smoll-cart_header .cart-header_count .badge{
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    top: 13px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.dropdown_cart_smoll .badge{
    top: 4px;
    position: absolute;
    right: -9px;
    font-size: 9px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.dropdown_cart_smoll .smoll-cart_body{*/
    /*padding: 10px;*/
/*}*/

.smoll-cart_products{
    border-bottom: 2px solid #000;
    max-height: 320px;
    overflow-y: scroll;
    overflow: auto;
}

.smoll-cart_products .cart-product-item{
    display: flex;
    padding: 10px 0 6px;
    border-bottom: 1px solid #f2f0f0;
}

.smoll-cart_products .cart-product-item a{
    padding: 0;
}


.smoll-cart_products .cart-product-item .prod-item_detail{
    margin-left: 15px;
}

.smoll-cart_products .cart-product-item .prod-item_img{
    width: 117px;
    height: 117px;
    position: relative;
    /*overflow: hidden;*/
}

.smoll-cart_products .cart-product-item .prod-item_img a{
    width: 117px;
    height: 117px;
}

.lable_smoll{
    overflow: hidden;
}

.smoll-cart_products .cart-product-item .prod-item_img img{
    min-width: 117px;
    min-height: 117px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.position_lable{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.smoll-cart_products .cart-product-item .prod-item_detail a{
    padding: 0;
    border-bottom: 2px solid #000;
    padding-bottom: 4px;
    font-size: 14px;
}


.smoll-cart_products .cart-product-item .prod-item_detail .old-price{
    display: block;
    font-weight: 300;
    position: relative;
    color: #a3a3a3;
}

.smoll-cart_body .smoll-cart_products{
    padding: 25px;
}

.smoll-cart_body .smoll-cart_totalInfo{
    padding: 20px 25px;
    /*border-top: 2px solid #000;*/
}

.smoll-cart_body .smoll-cart_totalInfo p{
    margin: 0;
    font-size: 17px;
}

.smoll-cart_body .smoll-cart_btn{
    padding: 0 25px;
    padding-bottom: 15px;
}

.smoll-cart_body .smoll-cart_btn a{
    margin-bottom: 10px;
}


/* -----  SCROLL SMOLL CART    ----- */

.smoll-cart_products::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:5px;
    height:0;
}

.smoll-cart_products::-webkit-scrollbar-track {
    background-color:#ecedee
}

.smoll-cart_products::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color:#6dc0c8;
}

.smoll-cart_products::-webkit-scrollbar-thumb:hover{
    background-color:#56999f;
}

.smoll-cart_products::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:4px;
    height:0px
}

.smoll-cart_products::-webkit-scrollbar{
    width: 10px;
}


/* -----  SCROLL LEFT MOB NAV     ----- */

.nav-slide-body::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:5px;
    height:0px
}

.nav-slide-body::-webkit-scrollbar-track {
    background-color:#ecedee
}

.nav-slide-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color:#6dc0c8;
}

.nav-slide-body::-webkit-scrollbar-thumb:hover{
    background-color:#56999f;
}

.nav-slide-body::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:4px;
    height:0;
}

.nav-slide-body::-webkit-scrollbar{
    width: 10px;
}

@media screen and (max-width:991px){
    .div_smoll-cart {
        float: right;
        line-height: 54px;
    }
    .div_smoll-cart .show_cart {
        font-size: 36px;
        margin-left: 0;
    }
}


.dropdown-menu-1, .dropdown-menu-2, .mega-menu-content{
    top: 77px;
}

.topWindow .dropdown-menu-1, .topWindow .dropdown-menu-2, .topWindow .mega-menu-content{
    top: 58px;
}

.cart-product-item .smoll-delete_prod{
    float: right;
    border: none;
    padding: 0!important;
    border-bottom: none!important;
    font-size: 21px!important;
    margin-top: 4px;
}

.general-leng{
    position: relative;
    cursor: pointer;
}



.ather-lang{
    display: none;
    position: absolute;
    z-index: 8888;
    top: 29px;
    border-top: 1px solid #fff;
    background: #000;
    padding: 6px 10px;
    left: -31px;
    width: 112px;
}

.ather-lang a span{
    margin-left: 3px;
}

/*.general-leng:hover~..ather-lang{*/
    /*display: block;*/
/*}*/

.topWindow{
    position: fixed;
    /*top: 0;*/
    /*-o-transition: 0.3s;*/
    /*-webkit-transition: 0.3s;*/
    /*-moz-transition: 0.3s;*/
    /*box-shadow: 0 0 15px rgba(0,0,0,.09);*/
    /*z-index: 66;*/
    /*transition-delay: 2s;*/
}

.header-main .navbar-header{
    padding: 10px 0;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}


.topWindow.header-main .navbar-header {
    padding: 0!important;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;

}

.topWindow .navigation .nav-links .main-menu{
    padding-top: 0;
    padding-bottom: 0;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.topWindow .navigation .button-search{
    padding: 0;
    padding-top: 2px;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.topWindow .div_smoll-cart {
    float: right;
    line-height: 54px;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}


.topWindow.header-main{
    height: 59px;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.topWindow .div_smoll-cart {
    float: right;
    line-height: 54px;
    padding: 0;
    padding-top: 2px;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.topWindow .hamburger-menu{
    top: 10px;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}


.topWindow  .logo .header-logo img {
    max-width: 100px;
}

/*.topWindow .logo .logo-title {*/
    /*color: #000;*/
    /*font-size: 18px;*/
/*}*/

.prof-block{
    position: relative;
}

.lang_login {
    position: relative;
}

.drop-nav-profile{
    background-color: #000;
    position: absolute;
    z-index: 100;
    /*right: 0;*/
    padding: 10px;
    border: 2px solid #000;
    top: 45px;
    top: 35px;
    display: none;
    min-width: 200px;
}

.drop-nav-profile li{
    display: block!important;
    margin-right: 0!important;
}

.drop-nav-profile li a{
    font-size: 14px;
    height: 40px;
    line-height: 36px;
    font-weight: 300;
    margin: 6px 0;
    min-width: 100%;
}




.open-search{
    height: 49px;
    width: 49px;
    border: none;
    background: inherit;
    outline: none;
}

.open-search:focus{
    outline: none;
}

.serch-button-open{
    float: right;
    margin-top: 2px;
}

.profile-search{
    float: right;
    position: relative;
    margin-top: 2px;
    margin-right: 20px;
}

.profile-search input{
    background-color: #fff;
    border: 2px solid #000;
    outline: none;
    padding: 0px 15px;
    height: 49px;
    color: #000;
    width: 250px;
    border-radius: 2px;
}

.profile-search .profile-search-btn{
    color: #c4c4c4;
    background-color: #fff;
    border: 2px solid #000;
    padding: 0px 15px;
    position: absolute;
    height: 49px;
    line-height: 46px;
    top: 0;
    right: 0;
}

.profile-search .profile-search-btn:focus {
    outline: 0;
}

.profile-search input:focus {
    outline: 0;
    /*  border: 1px solid #a5a5a5;*/
}

.profile-search input:focus + .profile-search .form-serch{
    width: 100%;
}
.profile-search input:focus + .profile-search .form-serch input{
    width: 100%;
}


.profile-search-smoll{
    width: 0;
    display: none;
}

.profile-search-smoll .form-serch-btn{
    float: right;
    width: 100%;
}

.profile-search-smoll .form-serch-btn input{
    width: 100%;
}

.search-result-true{
    position: absolute;
    background: #fff;
    width: 100%;
    top: 57px;
    border: 2px solid #000;
    padding: 15px;
}

.search-result-false{
    position: absolute;
    background: #fff;
    width: 100%;
    top: 57px;
    border: 2px solid #000;
    padding: 15px;
    text-align: center;
    padding: 20px 0;
}

/*.search-result-item{*/
/*display: flex;*/
/*justify-content: space-between;*/
/*align-items: center;*/
/*}*/

.search-result-item .product-img {
    height:  100%;
}

.search-result-item .product-img img{
    /*height: 100%;*/
    object-fit:  cover;
    width:  100%;
}

.search-result-item .col-md-3.col-lg-2 {
    padding-right: 0;
}

.search-result-true .result-item-link{
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}

.search-result-true .resuil-item-img{
    /*width: 20%;*/
    /*display: inline-block;*/
}

.search-result-true .resuil-item-img img{
    width: 70px;
}

.search-result-true .resuil-item-title{
    display: inline-block;
}

.resuil-item-title-price{
    /*display: inline-block;*/
    /*margin-left: 30px;*/
    /*width: 70%;*/
}

.resuil-item-title-price .result-title{
    font-size: 16px;
    color: #555;
}

.resuil-item-title-price .result-price{
    margin-top: 8px;
}

.resuil-item-title-price span{
    display: block;
}

/*.search-result-true  .resuil-item-price{*/
/*display: flex;*/
/*}*/

.view-all-result a{
    width: 100%;
}

.navigation .button-search{
    /*margin-top: 10px;*/
    padding: 12px 0;
}

.search-result-true .result-title{
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    /*padding-top: 18px;*/
}

.search-result-true .result-title:hover{
    color: #a3a3a3;
}



.search-result-true .result-price{
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}


.navigation .button-search a {
    font-size: 15px;
    line-height: 51px;
}


.dropdown-div_second  .dropdown-div-btn h2 {
    height: 50px;
    border-bottom: none;
}

.dropdown-div_second .dropdown-div-content .dropdown-list li a{
    padding-left: 60px;
}

.sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn h2 a{
    border-bottom: none;
}

.margin-after-header{
    padding-top: 119px;
}

@media screen and (max-width:1200px){
    .navigation .nav-links .main-menu {
        font-size: 13px;
    }

    .item-smoll {
        margin-top: -283px!important;
        margin-right: 311px!important;
    }

    .single-prod-thumb.nav-2 .owl-nav > .owl-prev{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .prod-attributes .choose-clr a{
        margin-bottom: 14px;
    }

    .product_section .prod-btns.prod-meta{
        margin-top: 0;
    }

     .product_section .prod-btns.prod-meta li{
        display: block;
         margin-bottom: 7px;
    }

   .product_section .prod-details .prod-title{
        padding: 0;
       margin-top: 23px;
    }

    .product_section .prod-details .prod-price {
        margin-top: 3px;
    }

    .product_section .prod-attributes ul {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 991px) {
    .item-smoll {
        margin-top: -315px !important;
        margin-right: 435px !important;
    }

    .prod-details {
        margin-left: 0!important;
    }

    .order-save-btn{
        margin-bottom: 20px;
    }

    .search-result-item > .row > div:first-child{
        width: 100px;
    }

    .search-result-item .product-img img{
        max-height: 100px;
        object-fit:  cover;
        width:  100%;
    }
    .search-result-true{
        top: 60px;
        overflow-x: scroll;
        max-height: calc(100vh - 75px);
    }
}

@media screen and (max-width: 764px) {
    .item-smoll{
        display: none!important;
    }

    .big-slider {
        width: 100%!important;
        float: right;
    }

    .prod-content .prod-meta li:last-child {
         float: left;
    }
}

@media (max-width: 479px){
    header .main-nav .flex-container .main-nav_btn ul .smoll-cart .smoll-cart-products {
        width: 300px;
        padding: 15px 15px 0 15px;
        top: 62px;
    }
    .product_section .prod-btns.prod-meta li{
        display: block!important;
        margin-bottom: 5px;
        padding-bottom: 0!important;
    }

    .product_section .prod-btns .theme-btn {
        min-width: 250px!important;
    }
}



.btn_class {
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    width: 230px;
    background-color: #f7d62a;
    color: #111111;
}

.incorrect-field label {
    border: 1px solid #ff402f !important;
}

label.incorrect-field {
    /*border: 1px solid #ff402f !important;*/
    color: #ff402f;
}

.incorrect-field input {
    border: 1px solid #ff402f !important;
}

input.incorrect-field {
    border: 1px solid #ff402f !important;
}

.incorrect-field textarea {
    border: 1px solid #ff402f !important;
}

textarea.incorrect-field {
    border: 1px solid #ff402f !important;
}

.incorrect-field select {
    border: 1px solid #ff402f !important;
    color: #ff402f !important;
}

select.incorrect-field {
    border: 1px solid #ff402f !important;
    color: #ff402f !important;
}

.incorrect-field input::-webkit-input-placeholder,
input.incorrect-field::-webkit-input-placeholder,
.incorrect-field textarea::-webkit-input-placeholder,
textarea.incorrect-field::-webkit-input-placeholder {
    color: #ff402f !important;
}

.incorrect-field input:-moz-placeholder,
input.incorrect-field:-moz-placeholder,
.incorrect-field textarea:-moz-placeholder,
textarea.incorrect-field:-moz-placeholder {
    color: #ff402f !important;
}

.incorrect-field input::-moz-placeholder,
input.incorrect-field::-moz-placeholder,
.incorrect-field textarea::-moz-placeholder,
textarea.incorrect-field::-moz-placeholder {
    color: #ff402f !important;
}

.incorrect-field input:-ms-input-placeholder,
input.incorrect-field:-ms-input-placeholder,
.incorrect-field textarea:-ms-input-placeholder,
textarea.incorrect-field:-ms-input-placeholder {
    color: #ff402f !important;
}

.search-result>div {
    z-index: 1010;
}

.social_btn {
    width: 49%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.social_btn:first-child {
    margin-right: 2%;
}

.btn-oneClick {
    background-color: transparent;
    border: 2px solid #111;
    color: #111 !important;
    font-weight: 500;
    width: 270px;
}

.tab-content .tab-description p {
    margin-bottom: 15px;
}

.tab-content .tab-description ul {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 15px;
}

.tab-content .tab-description li {
    font-size: 13px;
    color: #222222;
    margin-left: 4px;
    font-size: 14px;
    /*color: #000;*/
    font-weight: 500;
}

.prod-item .prod-img {
    height: auto;
}

.prod-item .prod-img img {
    height: 170px;
}

.categ-block .categ-item a .categ-img img {
    height: 140px;
}

.product-page .product-big-photo .prod-big-img,
.product-page .product-big-photo .prod-big-img img {
    /*height: 405px;*/
}

.product-page .product-big-photo-dots .photo-dots,
.product-page .product-big-photo-dots .photo-dots img {
    /*height: 45px;*/
    height: auto;
}


/*--------------------------------------------------------------------------------*/

.show-result {
    float: right;
    text-align: right;
}

.show-result .search-selectpicker {
    margin: 0 10px;
    width: 200px;
}

@media (min-width:768px)and (max-width:991px) {
    .banner-content .theme-btn {
        margin-top: 15px;
    }
    .show-result {
        display: block;
        width: 100%;
        text-align: left;
        margin-top: 7px;
    }
}

@media (max-width:567px) {
    .show-result {
        float: left;
        margin-top: 10px;
    }

    .comments .comment-avatar {
        float: none !important;
    }
}

@media (max-width: 340px) {
    .big-cart .modal-footer .theme-btn {
        width: 100%;
    }
    .show-result {
        text-align: left;
    }
    .kab-margin-mob button {
        width: 232px;
        ;
    }
    .show-result .search-selectpicker {
        margin: 0;
    }
}





/*LOADER*/

.spinner-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #000;
    opacity: 0.5;
}

.spinner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #fff;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/*/LOADER*/

.title-list-header {
    background: #f7d62a;
    text-transform: uppercase;
    padding: 15px 0 15px 15px;
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
}

.title-list-header svg {
    margin-right: 10px;
}

.sidebar-img-block {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    -ms-flex-pack: justify;
    color: #444;
    -ms-flex-align: center;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.sidebar-block {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.sidebar-img-block img {
    margin: 10px auto 15px;
    padding: 0px;
    max-width: 100%;
    border: 1px solid #111;
}

.sidebar-img-block span {
    display: block;
    width: 100%;
}

.sidebar-img-block:hover {
    color: #f7d62a;
}

.sidebar-img-block:hover img {
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
    -o-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 2px;
}





.product-page .product-big-photo .item {
    position: relative;
}

.product-page .product-big-photo .item img {
    border: 1px solid #eee;
}

.product-page .product-big-photo .item:not(.no-photo):after {
    pointer-events: none;
    content: "";
    position: absolute;
    color: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #33333370;
    background-image: url(/img/plus-zoom.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.product-page .product-big-photo .item:hover::after {
    opacity: 1;
}

footer {
    background-color: #f5f5f5;
}

.sub-footer {
    background-color: #000;
    padding: 25px 0;
    color: #fff8
}

.sub-footer p {
    margin: 0;
    font-size: 0.9em;
}

.sub-footer-nav {
    text-align: right;
}

.footer-column {
    /*background-color: #fff;*/
    padding: 30px 0 25px;
}

.footer-column p {
    margin: 0;
    font-size: 0.7em;
}

.footer-contacts {
    padding-top: 10px;
}

.footer-items {
    font-size: 16px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

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

.footer-items h4 {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.footer-items ul {
    list-style: disc;
    color: #333;
    padding-left: 20px;
}

.footer-items ul a {
    color: #333;
}

.footer-items ul a:hover {
    color: #3338;
}

.footer-items ul li {
    font-size: 0.85em;
    color: #333;
    padding-bottom: 5px;
}

.footer-items ul.address-list {
    list-style: none;
    padding-left: 0;
}

.footer-items ul.address-list li {
    position: relative;
    padding-left: 20px;
}

.footer-items ul.address-list svg {
    position: absolute;
    top: 4px;
    left: 0;
    margin-right: 8px;
    width: 10px;
}

.footer-items .footer-work-list .work-day {
    min-width: 80px;
    float: left;
}

.footer-items ul.footer-work-list {
    list-style: none;
    padding-left: 0;
}

.abount-home {
    /*box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);*/
}

.category-section,
.product-page,
.search-section,
.content-section {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
}

.home-brand-slider {
    /* background-color: #fdfdfd; */
    /*border-top: 1px solid #eee;*/
    /* border-bottom: 1px solid #eee; */
    /*padding: 20px 0 0;*/
    margin: 40px 0px 0px 0px;
}

.category-description {
    padding-top: 20px
}

.left-navbar li .dropdown-div .dropdown-div-content ul li:last-child a {
    border-bottom: none;
}

footer .sub-footer-nav a {
    color: #fff8;
    margin: 0;
    font-size: 0.9em;
}

footer .sub-footer-nav a:hover {
    text-decoration: underline;
}






/* - - - - parse_page - - - - - */

.parse_page {
    position: relative;
    overflow: hidden;
    padding-bottom: 35px;
}

.parse_page h1 {
    font-size: 1.5em;
    margin-bottom: 20px;
}

.parse_page p {
    font-size: 0.85em;
    margin-bottom: 1rem;
}

.parse_page p:last-child {
    margin: 0;
}

.parse_page ul {
    list-style: disc;
    padding-left: 30px;
    margin-bottom: 20px;
}

.parse_page ul li {
    margin: 0;
    font-size: 0.85em;
}

.parse_page ul li p {
    font-size: 1em;
    margin: 0;
}

.parse_page ol {
    margin-bottom: 20px;
}

.parse_page ol li {
    margin: 0;
    padding-left: 5px;
    font-size: 0.85em;
}

.parse_page ol li p {
    font-size: 1em;
    margin: 0;
}

.parse_page a {
    color: #007bff;
    text-decoration: underline;
    border: none;
}

.parse_page a:hover {
    color: #0056b3;
    border: none;
}

.view-more {
    text-align: center;
    z-index: 9999;
    color: #727272;
    font-size: 14px;
}

.view-more a {
    cursor: pointer;
    text-decoration: none;
    border-bottom: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.view-more a:hover {
    color: #000 !important;
}

.view-more a i {
    margin-left: 6px
}

.container-shadow {
    padding: 30px 0 10px;
    position: relative;
    margin-top: 0px;
}

.div-shadow {
    height: 80px;
    position: absolute;
    width: 100%;
    bottom: 50px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
}


/* - - - - parse_page END - - - - - */

section.contact-info>p {
    margin-bottom: 5px;
    font-size: 1em;
}

.content-section h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

.contact-info p {
    margin-bottom: 0;
}

.contact-container .contact-info li {
    margin-bottom: 8px;
    font-size: 14px;
}

.contact-container {
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}

.contact-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-container .contact-info {
    padding-bottom: 25px;
}

.callback_container .input-group-default input {
    font-size: 13px;
}

.callback_container .input-group-default label {
    font-size: 11px;
    min-height: 25px;
}

#sort-select {
    border-radius: 3px;
    height: 30px;
    padding: 2px 5px;
    color: #9a9a9a;
    outline: none !important;
    cursor: pointer;
    background-color: transparent;
}

.brands-slider {
    margin-bottom: 25px;
}

.brands-slider .home-slider-img img {
    -webkit-transition: -webkit-filter .5s ease;
    transition: -webkit-filter .5s ease;
    transition: filter .5s ease;
    transition: filter .5s ease, -webkit-filter .5s ease;
    -webkit-filter: invert(0.5);
            filter: invert(0.5);
}

.brands-slider .home-slider-img:hover img {
    -webkit-filter: invert(0);
            filter: invert(0);
}

.cartModal .modal-dialog .modal-body .cart-item {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
}

.cartModal .modal-dialog .modal-body .cart-item .img_info {
    display: inline-block;
    width: 110px;
}

.cartModal .modal-dialog .modal-body .cart-item .cart-item_description {
    display: inline-block;
    width: calc(100% - 110px - 25px);
    padding-left: 10px;
    padding-right: 10px;
}

.cartModal .modal-dialog .modal-body .cart-item .info {
    display: block;
    width: 100%;
}

.cartModal .modal-dialog .modal-body .cart-item .delete_prod {
    text-align: center;
    width: 25px;
    display: block;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_title {
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_title a {
    font-size: 15px;
    min-height: 55px;
    color: #000;
    font-weight: 400;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_title a:hover {
    opacity: 0.8;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_price_container {
    display: inline-block;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.default-modal .modal-content .modal-header {
    padding: 20px 30px 20px;
}

.cartModal .modal-dialog .modal-body {
    padding: 20px 30px;
}

.cartModal .modal-dialog .modal-body .cart-item .prod-price {
    margin-top: 8px;
    font-weight: 600;
    display: block;
    width: calc(100%/3);
    text-align: left;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_count {
    display: block;
    width: calc(100%/3);
    text-align: center;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_total-price {
    margin-top: 8px;
    display: block;
    width: calc(100%/3);
    text-align: right;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_total-price span {
    font-weight: 600;
}

.cartModal .modal-dialog .modal-body .cart-item .img_info .img img {
    width: 110px;
    height: 110px;
}

.wishlist-prod-item .wishlist-prod-img-info .wishlist-prod-info .prod-price {
    font-weight: 600;
}

.prod-item .prod-price .old-price {
    font-weight: 400;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_price_container {
    display: table;
    padding-left: 10px;
}

.cartModal .modal-dialog .modal-body .cart-item .prod_price_container>div {
    display: table-cell;
    float: none;
    /*width: auto;*/
}

.search-result-item .title {
    font-size: 14px;
}

.search-result-item .price {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}






.product-big-photo-dots .item {
    border: 1px solid #eee;
    background: #0c83e7;
}

.product-big-photo-dots .current .item {
    border: 3px solid #ddd;
    background: #0c83e7;
}

.product-big-photo-dots .owl-stage-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.profile-section .profile-item .profile-body table tbody td .order-total-count {
    text-align: center;
}






@media (min-width: 1200px) {
    .hidden-lg {
        display: none;
    }
}

@media (max-width: 1199px) {
    .hidden-md {
        display: none;
    }
    .profile-section .profile-item .profile-body .profile-btn-submit {
        width: 196px;
        margin-top: 10px;
    }
    .profile-section .profile-nav ul li a {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .hidden-sm {
        display: none;
    }
    .footer-items ul li {
        font-size: 13px;
    }
    .sub-footer p,
    footer .sub-footer-nav a {
        font-size: 12px;
    }
    .pagination {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

@media (max-width: 767px) {
    .profile-section .profile-item .profile-body table {
        min-width: 466px;
    }

    .profile-section .profile-item .profile-body table td {
        padding: 10px;
        font-size: 13px;
    }


    .footer-contacts {
        padding-top: 5px;
    }
    .hidden-xs {
        display: none;
    }
    .sub-footer-nav {
        text-align: center;
    }
    .footer-items .logo img {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
        width: 200px;
        max-width: 50%;
    }
    .prod-item .prod-img img,
    .categ-block .categ-item a .categ-img,
    .categ-block .categ-item a .categ-img img {
        height: auto;
    }
    header .main-nav .flex-container .mobile_nav .sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-btn a {
        padding-left: 0;
    }
    header .main-nav .flex-container .mobile_nav .sidenav .nav-slide-body ul li .dropdown-div .dropdown-div-content ul li a {
        padding-left: 35px;
    }
    .prod-item .prod-btn .btn-addToCart .btn {
        width: 100%;
    }
    .prod-item .prod-img img {
        max-height: 40vh;
    }
    .product-page .prodDescription-Comments .nav-tabs a {
        display: block;
        width: 100%;
        border: none !important;
        padding-left: 0;
    }
    .product-page .prodDescription-Comments .nav-tabs {
        border-bottom: 1px solid #999 !important;
        padding-bottom: 10px;
    }
    .sub-footer {
        padding: 15px 0;
    }
    .product-page .product-big-photo .item:not(.no-photo):after {
        display: none;
    }
    .owl-products .prod-item .prod-img,
    .owl-products .prod-item .prod-img img {
        height: auto;
    }
    .cartModal .modal-dialog .modal-body .cart-item .img_info .img,
    .cartModal .modal-dialog .modal-body .cart-item .img_info .img img {}
}

@media (max-width: 640px) {
    .cartModal .modal-dialog .modal-body .cart-item {
        position: relative;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .cartModal .modal-dialog .modal-body .cart-item .img_info {
        margin: 0 0 20px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .cartModal .modal-dialog .modal-body .cart-item .cart-item_description {
        width: 100%;
    }

    .cartModal .modal-dialog .modal-body .cart-item .delete_prod {
        width: 45px;
        padding: 10px 15px;
        position: absolute;
        top: -5px;
        right: 10px;
        background-color: #eee;
        text-align: center;
        border-radius: 3px;
    }
    .product-page .product-info .product-btns {
        margin: 15px 0;
    }
}

@media (max-width: 576px) {
    .default-modal .modal-dialog {
        max-width: 100%;
        width: calc(100% - 6px);
        margin: 3px;
    }
    .orderModal .modal-dialog {
        max-width: 100%!important;
    }
    .cartModal .modal-dialog {
        max-width: 100%!important;
    }
    .grid-header {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
    }
    .cartModal .modal-dialog .modal-body .cart-item .prod_price_container {
        display: block;
        padding: 0;
    }
    .cartModal .modal-dialog .modal-body .cart-item .prod_price_container>div {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 9px;
    }
    .cartModal .modal-dialog .modal-body .cart-item {
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .cartModal .modal-dialog .modal-body {
        padding: 15px 25px;
    }
    .cartModal .modal-dialog .modal-body .cart-footer .cart_btn .btn_class {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .footer-column .col-6 {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        max-width: 100%;
    }
    .pagination-default .pagination li a.page-link.previous,
    .pagination-default .pagination li a.page-link.next {
        display: none;
    }
}

@media (max-width: 360px) {}

@media (max-width: 320px) {}

.update_info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto;
}