/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1730px) {
  .form-contact-us {
    padding-right: 100px;
  }

  #site-header #header-search {
    left: 0;
  }

  .top-header .contact-header {
    padding-left: 60px;
  }

  .box-img-ct img {
    width: 100%;
    height: 100%;
  }

  .box-os .box-wrap-os {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1565px) {
  .contact .top-bar-right,
  .top-header .mainnav.fl-st-2 {
    padding-left: 0;
  }

  #site-header .contact {
    width: 22%;
  }

  .nav-wrap {
    width: 60%;
  }

  .nav-wrap.fl-st-2 {
    width: 68%;
  }

  .top-header .contact-header {
    width: 32%;
  }

  .form-contact-us .title-heading {
    padding-right: 10%;
  }

  .item-tt,
  .box-os {
    width: 100%;
  }

  .contact .top-bar-right .call-us {
    display: none;
  }

  .tparrows {
    display: none;
  }

  .box-os .box-os-feature img {
    height: auto;
  }

  .box-os {
    margin-bottom: 30px;
  }

  .box-wrap-os .row-os {
    height: 50%;
  }

  .box-wrap-os .row-os {
    padding-top: 15px !important;
  }
}

@media only screen and (max-width: 1200px) {
  #site-header .contact {
    width: 25%;
  }
}

@media only screen and (max-width: 1366px) {
  #mainnav .menu li {
    padding-right: 5px !important;
  }

  .contact .button-header {
    padding-left: 15px;
  }

  .fl-row .flat-read-more {
    text-align: center;
  }

  .themesflat-button.small {
    padding: 5px 60px 5px 60px;
    border-radius: 5px;
  }

  .megamenu {
    display: none;
  }
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
  .icon-wrap {
    margin: 0 35% !important;
  }

  .themesflat-button.btn-header {
    padding: 14px 15px 14px 15px;
  }

  .dowload-btn {
    padding: 12px 50px 12px 95px;
  }

  .widget_popular ul li .block-inside {
    padding: 6px 15px 6px 15px;
  }

  .list-icon-bottom li {
    margin-left: 5px;
    margin-right: 0px;
  }

  .wrapper-counter .box-wrap-ct {
    padding-left: 0;
    padding-right: 0;
  }

  .box-content-ct {
    padding-bottom: 15px;
  }

  .box-features {
    top: -100px;
  }

  .form-contact-us .title-heading {
    padding-right: 0;
  }

  .form-contact-us {
    padding-left: 130px;
    padding-right: 30px;
  }

  .contact .button-header,
  .top-header .contact-header {
    padding-left: 0;
  }

  #site-header .contact .call-us,
  #site-header #header-search {
    display: none;
  }

  #mainnav .menu li {
    padding-left: 5px;
  }

  .box-process-2 {
    padding-top: 20px;
  }

  .box-counter-img img {
    height: 331px;
    object-fit: cover;
    width: 100%;
  }

  .text-subscribe {
    padding-left: 30px !important;
  }

  .box-sr .form-contact {
    padding: 0 30px 0 70px !important;
  }

  .col-counter.fl-h1 .box h4 {
    font-size: 16px;
  }

  .box-wrap-ab ul li a {
    font-size: 12px;
  }

  .box-content-doctor .btn-doctor,
  .booking-summary .box-btn {
    text-align: center;
  }

  .box-content-doctor .btn-doctor,
  .box-content-intro {
    padding: 0 0;
  }

  .btn-booking-doctor {
    padding: 15px 60px 15px 60px;
  }

  .featured-doctor .social-doctor {
    margin: -25px 60px 0px 60px;
  }

  .box-doctor-services {
    width: 47%;
  }

  #site-header .logo {
    padding-left: 15px !important;
  }

  .box-list-footer .box-list {
    width: 48%;
    padding: 20px 15px 0px 15px;
  }

  .cl-tab-right {
    margin-right: 15px;
  }

  ul.list-pricing {
    padding-left: 80px;
  }

  .widget_lastest,
  .box-social-footer {
    height: auto;
  }

  .booking-summary .box-btn,
  .box-wpr,
  .box-recent ul li.in a {
    margin: 0 0 !important;
  }

  .btn-booking {
    padding: 6px 72px 8px 54px;
  }

  .tf-gl {
    width: 50%;
  }

  .nav-wrap.fl-st-2 {
    width: 70%;
  }

  .top-header .contact-header {
    width: 30%;
  }

  .cl-social ul {
    padding: 0 0 0 10px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .box-wrap-os .row-os {
    padding-top: 5px !important;
  }

  .contact .button-header,
  .contact-header .button-header {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: 50px;
  }

  .cl-tab-right {
    padding-top: 100px;
  }

  .col-counter.fl-h1 {
    margin-bottom: 10px;
  }

  .box-features-intro {
    padding: 0 20px !important;
  }

  .btn-booking {
    padding: 6px 75px 8px 50px;
  }

  .dowload-btn {
    padding: 15px 65px 15px 65px;
  }

  ul.list-check-sd li.check-sd-right {
    padding-left: 86px;
  }

  ul.list-check-sd li.check-sd-right::before {
    left: 2px !important;
  }

  .boder-top-widget::before {
    width: 250px;
  }

  .themesflat-button.small {
    padding: 5px 49px 5px 39px;
  }

  .page-content .title-heading {
    font-size: 40px !important;
  }

  .page-content .title-heading:lang(ar) {
    font-size: 30px !important;
  }

  .box-counter-img,
  .form-contact-us,
  .copyright,
  .box-counter-wrap,
  .box-img-ab,
  .box-wrap-ab,
  .box-doctor img,
  .map,
  #site-header .contact,
  .top-header .contact-header,
  #site-header .logo {
    width: 100%;
  }

  .contact .top-bar-right {
    padding-top: 0;
  }

  .owl-theme .owl-nav.disabled + .owl-dots,
  .box-img-contact,
  .list-icon-bottom,
  .logo-bottom,
  .owl-theme .owl-nav.disabled + .owl-dots,
  .img-box-1,
  .img-box-2 {
    display: none !important;
  }

  .btn-menu,
  .box-ab,
  .box-our-t,
  .fl-box-contact {
    display: block;
  }

  #site-header,
  .box-img,
  .box-list-footer,
  .check-mark::before,
  .x-mark::before,
  #site-header .contact,
  .top-header .contact-header {
    position: relative;
  }

  .box-wrap h2 {
    font-size: 15px;
  }

  .box-features .col-box .box-icon {
    margin: 0 0 !important;
  }

  .wrap-portfolio .title-heading,
  .form-contact-us,
  .box-img-ab .img-medal,
  .box-wrap-title .title-heading,
  .box-features-bot .flat-img-intro,
  .page-content .box-content-ct .title-heading {
    padding: 0 0 !important;
  }

  .cl-our-t {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .box-content-intro,
  .box-heading-intro .title-heading,
  .box-wrap-title,
  .box-heading-process .title-heading,
  .form-contact-us .title-heading,
  .box-counter-img,
  .widget.widget_lastest .text,
  .box-content-doctor .btn-doctor,
  .box-awards-honours,
  .box-content-intro {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .col-ft {
    padding: 0 15px;
  }

  .form-contact-us .content-form,
  .latest-box {
    padding: 0 20px !important;
  }

  .box-item-carousel {
    padding-bottom: 5% !important;
  }

  .owl-carousel .owl-nav.disabled {
    left: 74.5%;
  }

  .box-img-ab .img-ab-2 {
    top: -5%;
    right: 42%;
  }

  .box-item-carousel,
  .portfolio,
  .counter,
  .contact-us,
  .articles,
  #footer {
    height: auto;
  }

  .box-portfolio .overlay {
    width: 270px;
  }

  .col-counter .box h4 {
    font-size: 16px;
  }

  .form-contact-us,
  .copyright,
  .button-download {
    text-align: center;
  }

  .form-check {
    float: left;
  }

  .box-list-footer {
    top: -30px;
  }

  .check-mark::before,
  .x-mark::before {
    left: -5px;
  }

  ul.list-pricing {
    padding: 0 50px !important;
  }

  .icon-wrap {
    margin: 0 36% !important;
  }

  .fl-icon-box .sub-box {
    padding: 0 5% !important;
  }

  .box-doctor-services {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }

  .features-bot-inner {
    bottom: -60px !important;
  }

  .row-content-intro .cl-content-intro {
    padding-right: 5px;
  }

  .item-tt p.box-post {
    padding: 0 15px !important;
  }

  .wrapper-counter a {
    font-size: 14px;
  }

  .owl-carousel.art .owl-nav.disabled {
    right: 0;
  }
}

/**/

@media only screen and (max-width: 992px) {
  .icon-wrap {
    margin: 0 30% !important;
  }

  .widget_popular ul li {
    width: auto !important;
  }

  .box-features-bot,
  .row-list-ct.fl-couter .col-counter .box,
  ul.list-pricing {
    text-align: center;
  }

  .features-bot-inner {
    left: 50%;
    margin-left: -270px !important;
  }

  .box-wrap-ab {
    padding-top: 50px;
  }

  .row-list-ct.fl-couter .col-counter .box,
  .box-pricing-plans,
  .box-list-footer {
    display: block;
  }

  .row-list-ct.fl-couter .col-counter .box h4 {
    font-size: 18px;
  }

  .row-list-ct.fl-couter .col-counter {
    padding-top: 15px;
  }

  .cl-ct1,
  .cl-ct2,
  .cl-ct3,
  .cl-ct4,
  .row-list-ct.fl-couter .title-heading {
    padding-left: 0 !important;
  }

  .page-content .box-wrap .title a,
  .page-content .box-wrap .title a:hover {
    font-size: 16px;
  }

  .box-sr .text-subscribe h1 {
    font-size: 40px;
  }

  .box-pricing,
  #sidebar .widget.widget_search input,
  .box-map-contact iframe,
  .top-header {
    width: 100%;
  }

  ul.list-pricing {
    padding: 0 0 !important;
  }

  .box-pricing img {
    left: 50% !important;
    margin-left: -195px;
  }

  .widget-open-hours,
  .widget_popular,
  .widget_lastest,
  .widget_tags,
  .widget-company-profile {
    padding: 0 30px !important;
  }

  .box-map-contact {
    margin-top: 50px;
  }

  .button-download {
    text-align: left;
  }

  .tf-gl,
  .box-list-footer .box-list {
    width: 50%;
  }

  .top-infor,
  .box-sr .form-group > input {
    padding-left: 15px;
  }

  .logo-h2 {
    position: absolute;
    z-index: 1;
    left: 15px;
  }

  .top-bar {
    z-index: 2;
    position: absolute;
  }

  .box-wpr .container {
    width: auto;
  }

  .cl-social {
    border-right: none;
  }

  .cl-social a {
    font-size: 14px;
  }

  .list-social li {
    padding-right: 2px;
  }

  .box-list-footer .box-list {
    float: left;
  }

  .box-list-footer .box-list {
    height: 270px;
  }

  .box-list-footer .box-list {
    margin-bottom: 10px;
  }

  .logo-h2 img {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .page-content .box-wrap .title a,
  .page-content .box-wrap .title a:hover {
    font-size: 20px;
  }

  #header-banner {
    height: 300px;
  }

  #header-banner .text-banner {
    top: 100px;
  }

  .box-features-intro {
    padding: 0 120px !important;
  }

  .box-doctor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .col-counter .box h4 {
    font-size: 14px !important;
  }

  .col-counter::after,
  .feature-medal .feature-medal-inner,
  .owl-nav.disabled {
    display: none;
  }

  .box-sr .text-subscribe h1 {
    font-size: 35px;
  }

  .box-sr .form-contact {
    padding: 0 30px 0 0px !important;
  }

  .box-intro-top,
  .row-list-ct.fl-couter .box,
  .row-ct,
  .box-content-wp {
    display: block;
  }

  .row-list-ct.fl-couter .col-counter .box .title-heading,
  .row-list-ct.fl-couter .col-counter .box-icon,
  .box-wrap-tt .title-heading,
  .box-wrap-tt h3.heading,
  .fl-icon-box .sub-box,
  .contact .box-wrap-contact .title-heading,
  .box-counter-wrap,
  .box-wrap-ab,
  .cl-tab-right {
    padding: 0 0 !important;
  }

  .row-list-ct.fl-couter .col-counter {
    padding-top: 15px !important;
  }

  .row-list-ct.fl-couter .col-counter .box,
  .col-counter.fl-h1 .box,
  .col-process .flat-read-more {
    text-align: center !important;
  }

  .row-list-ct.fl-couter .col-counter {
    height: auto !important;
  }

  .box-button,
  .col-process,
  .box-map-contact iframe,
  .box-features-intro,
  .box-content-intro,
  .feature-medal img,
  .feature-medal .medal,
  .features-intro-top img,
  .features-intro-top .features-inner,
  .box-img-ct,
  .box-content-ct,
  .cl-content-wp {
    width: 100% !important;
  }

  .featured-doctor,
  .box-content-doctor {
    width: 50% !important;
  }

  .tab-link {
    margin-right: 5px !important;
  }

  .tab-title {
    font-size: 15px;
  }

  .box-content-intro,
  .box-wrap-ab ul li {
    padding-left: 10px !important;
  }

  .box-wrap-ab ul li {
    width: 48% !important;
  }

  .box-item .box-wrap {
    padding-right: 0 !important;
  }

  .box-wrap-article h3.heading,
  .cl-ct1,
  .cl-ct1,
  .cl-ct2,
  .cl-ct3,
  .cl-ct4 {
    padding: 0 0 !important;
  }

  .widget_tags {
    background: #f8f8f8;
  }

  .direction ul.share-direction {
    padding-left: 130px !important;
  }

  .box-img-ab .img-ab-2 {
    right: 25% !important;
  }

  .box-contact-top .box-icon-contact {
    top: 127% !important;
  }

  .icon-wrap {
    margin: 0 32% !important;
  }

  li.sub-box {
    font-size: 14px !important;
  }

  .box-wrap-ab ul li a {
    font-size: 16px;
  }

  .featured-doctor .social-doctor {
    margin: -44px 60px 0px 60px;
  }

  .col-counter.fl-h1 {
    margin-bottom: 30px;
  }

  .feature-medal .medal {
    bottom: -1px;
    top: auto;
  }

  .fl-row .flat-read-more {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  form .row-info,
  .box-gender,
  .box-ft {
    display: block;
  }

  .nav-wrap {
    width: 0;
  }

  ul.list-payment li i {
    font-size: 25px;
  }

  .widget_tags {
    background: #fff;
  }

  .direction,
  .tab-nav ul,
  .row-tab-content,
  .row-list-ct,
  .flat-filter-isotope,
  .row-service-details,
  .box-contact-top .box-icon-contact,
  .box-doctor,
  .row-awards-honours,
  .row-content-intro,
  .row-counter,
  .box-sr,
  .box-features,
  .top-infor ul,
  .box-list-footer-2,
  .box-social-footer,
  .cl-social,
  .box-os {
    display: block !important;
  }

  .box-portfolio img,
  .box-features .col-box,
  .box-counter-img,
  .box-counter-wrap,
  .box-sr .text-subscribe,
  .box-sr .form-contact,
  .box-wrap-ab ul li,
  .tab-link,
  .cl-tab-left,
  .cl-tab-right,
  .cl-tab-right img,
  .row-list-ct.fl-couter .col-counter,
  .item-tt,
  .flat-filter-isotope li,
  .tf-gl,
  .col-counter,
  .col-counter .box,
  .col-xl-4.col-lg-12.col-md-12.col-sm-12,
  .row-service-details .cl-featured,
  .row-service-details .cl-content,
  ul.list-check-sd li,
  .col-lg-3.col-md-6.col-sm-12,
  .col-lg-4.col-md-6.col-sm-12,
  .col-lg-6.col-md-12.col-sm-12,
  .col-lg-4.col-md-12.col-sm-12,
  .col-lg-8.col-md-12.col-sm-12,
  .col-xl-4.col-lg-4.col-md-4.col-sm-12,
  .fl-icon-box,
  .featured-doctor,
  .box-content-doctor,
  .box-doctor-services,
  .box-awards-honours,
  .row-content-intro .cl-content-intro,
  .top-infor,
  .col-ft,
  .widget-list-social,
  .widget-form-sub,
  .cl-social,
  .coppy.fl-left,
  ul.fl-right,
  .box-os .box-wrap-os,
  .box-os .box-os-feature,
  .box-list-footer .box-list {
    width: 100% !important;
  }

  .widget-list-services,
  .widget-list-useful {
    width: 50%;
  }

  #site-header .logo {
    width: 80% !important;
  }

  .feature-box-services-fqa,
  .logo-h2 {
    width: 40%;
  }

  .box-counter-wrap .wrap-counter,
  .box-content-intro,
  .box-sr .text-subscribe,
  .box-sr .form-contact form,
  .box-awards-honours,
  .widget-open-hours,
  .widget_popular,
  .widget_lastest,
  .widget_tags,
  .widget-company-profile,
  .form-contact-us .content-form,
  .latest-box {
    padding: 0 15px !important;
  }

  .direction ul.share-direction,
  ul.list-post li,
  .box-wrap-op,
  .box-wrap-tt p,
  .col-counter.fl-h1 .box,
  .row-service-details .cl-content,
  .box-sr .form-contact,
  .box-content-intro .title-heading {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #site-header .logo,
  .form-contact-us .title-heading,
  .box-services-faq .title-heading-faq,
  .box-item .box-wrap {
    padding-left: 15px !important;
  }

  .box-item .box-wrap,
  .form-contact-us .title-heading {
    padding-right: 15px !important;
  }

  .owl-carousel.owl-theme.none.pdt-48,
  .box-heading-ot,
  .box-counter-wrap .wrap-counter .title-heading,
  .box-heading-process .title-heading,
  .top-infor,
  .cl-social {
    padding: 0 0 !important;
  }

  .your-information {
    padding: 0 10px !important;
  }

  .box-counter-img,
  .counter .box-counter-wrap .box-sr,
  .col-counter .box-icon,
  .box-intro-top,
  .col-counter.fl-h1 .box,
  .col-ft,
  .cl-content-wp .box-wrap {
    margin: 0 0 !important;
  }

  .tab-link,
  .box-doctor-services,
  .box-awards-honours,
  .row-content-intro .cl-content-intro {
    margin-bottom: 30px !important;
  }

  .flat-filter-isotope li {
    margin-bottom: 10px !important;
  }

  ul.list-check-sd li:last-child {
    margin-bottom: 60px !important;
  }

  .tab-link,
  .item-tt,
  .flat-filter-isotope li,
  ul.list-hours li,
  .booking-summary .box-btn,
  .box-doctor-services,
  .box-awards-honours {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .wrap-portfolio {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wrap-portfolio {
    padding-bottom: 5% !important;
  }

  .direction ul.button-direction,
  .direction ul.share-direction {
    padding-top: 30px !important;
  }

  .intro-bot,
  .box-features .col-box,
  .box-counter-img,
  .box-counter-wrap,
  .row-list-ct.fl-couter .col-counter .box,
  .col-counter .box,
  .box-counter-img img,
  .cl-content-wp {
    height: auto !important;
  }

  .border-before::after,
  .border-middle::after,
  .border-after::after,
  .owl-carousel .owl-nav.disabled,
  .comment-list .children,
  .feature-medal .medal,
  .top-social,
  .cl-content-wp .number-wp {
    display: none;
  }

  .box-list-footer {
    top: 0;
  }

  .box-sr .text-subscribe h1 {
    font-size: 26px;
  }

  .copyright {
    line-height: 18px !important;
  }

  .direction {
    height: 180px !important;
  }

  .ct-120 {
    top: 70px !important;
  }

  .item-faq .title-heading-faq p {
    padding-right: 70px !important;
  }

  .box-pricing img {
    margin-left: -170px !important;
  }

  .box-services-faq .title-heading-faq h4 {
    font-size: 18px !important;
  }

  .box-services-faq .item-faq .title-heading-faq::before {
    right: 10px;
  }

  .booking-summary .box-btn,
  .top-infor ul,
  .cl-social,
  .coppy.fl-left {
    text-align: center;
  }

  ul.fl-right {
    justify-content: center;
  }

  .your-information textarea:focus {
    line-height: 16px;
  }

  .icon-wrap {
    margin: 0 43% !important;
  }

  .fl-icon-box {
    border-right: none;
  }

  .featured-doctor .social-doctor {
    margin: -25px 60px 0px 60px;
  }

  .curriculum-vitae li .sub-details {
    width: 35%;
  }

  .curriculum-vitae li p {
    width: 65%;
  }

  .title-heading.title-details {
    font-size: 30px !important;
  }

  .box-sr {
    margin-top: -40px !important;
  }

  .box-sr .form-group > input,
  .box-sr .form-group > input:focus {
    height: 50px;
    padding: 0 0 0 15px;
  }

  .box-sr .form-group .themesflat-button,
  .box-sr .form-group .themesflat-button:hover {
    font-size: 15px !important;
    padding: 8px 10px 8px 15px !important;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
  }

  .box-features-intro {
    padding: 0 45px !important;
  }

  .box-features .col-box {
    border-right: none;
  }

  .box-list-footer .box-list .title-footer::before {
    top: 30px;
  }

  .social-doctor .grid-item {
    padding: 2px;
  }

  .item-name {
    padding-left: 0 !important;
  }

  .item-name h3 {
    font-size: 14px;
  }

  .img-item {
    padding-left: 5px !important;
  }

  form .row-info .col-info-6 {
    width: 100%;
  }

  .top-infor {
    line-height: 23px;
    padding-top: 8px !important;
  }

  .cl-content-wp .box-wrap {
    padding: 30px 0 !important;
  }

  .widget-footer {
    float: left;
    padding: 0 15px !important;
  }

  .title-list-footer {
    padding-top: 30px;
  }

  .coppy p {
    line-height: 0px;
  }

  .top-bar {
    height: 66px;
  }
}
/**/

@media screen and (max-width: 991px) {
  .contact .button-header,
  .contact-header .button-header {
    display: none;
  }
}

@media only screen and (max-width: 580px) {
  .box-list-footer .box-list,
  ul.list-post li,
  .direction ul.button-direction,
  .direction ul.share-direction,
  .portfolio .col-xl-4.col-lg-6.col-md-6.col-sm-12 {
    width: 100%;
  }

  .text-subscribe {
    text-align: center;
  }

  .comments-area {
    border-top: none;
    padding-top: 170px;
  }

  .contact .button-header,
  .contact-header .button-header {
    display: none;
  }

  .form-contact-us .box-submit {
    float: unset;
  }

  .box-list-footer .box-list ul {
    padding-top: 10px !important;
  }

  .box-list-footer .box-list {
    height: auto !important;
  }

  .box-list-footer .box-list {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .form-contact-us .box-submit {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 414px) {
  .box-features-intro {
    padding: 0 0 !important;
  }

  .features-bot-inner {
    left: 0;
    margin: 0 0 !important;
  }

  .cl-tab-right {
    padding-top: 0% !important;
  }

  .col-xl-4.col-lg-4.col-md-4.col-sm-12 {
    width: 100%;
  }

  .icon-wrap {
    margin: 0 36% !important;
  }

  .bottom a,
  .bottom p {
    font-size: 14px !important;
  }
}