/*============================================
	Project Name : MedLine
	Company Name : G-Projects
	Company URL: https://themeforest.net/user/g-projects
    Project Description: Medical Care is a Modern HTML template
============================================*/

/*============================================
    START TABLE OF CONTENT
==============================================
    1.  Large Devices Styles
    2.  Medium Devices Styles
    3.  Small Devices Styles
    4.  Extra Small Devices Styles
    5.  Extremely Small Devices Styles
/*============================================
    END TABLE OF CONTENT
==============================================

/*--------------------------------------------
1. Large Devices Styles
--------------------------------------------*/
@media (min-width: 1200px) {
    .side-heading1.top { margin-top: 0; }
    #nav .dropdown:hover .dropdown-menu { display: block; }
    .welcome-area p:last-of-type { margin-bottom: 0; }
    .progress-bar-list h6 { line-height: 35px; text-align: right; }
    .progress-bar-list li .progress .progress-bar { padding-right: 20px; text-align: right; }
    .progress-bar-list > li.row > .col-md-8 { border-left: 1px solid #e0e0e0; }
    .progress-bar-list > li.row > .col-md-4,
    .progress-bar-list > li.row > .col-md-8 { padding-top: 15px; padding-bottom: 15px; }
    .progress-bar-list > li:first-of-type.row > .col-md-4,
    .progress-bar-list > li:first-of-type.row > .col-md-8 { padding-top: 10px; }
    .progress-bar-list > li:last-of-type.row > .col-md-4,
    .progress-bar-list > li:last-of-type.row > .col-md-8 { padding-bottom: 10px; }
    .contact-info-box { margin-top: 160px; }
    .contact-info-box .box-img { position: absolute; right: 40px; bottom: -342px; }
}

/*--------------------------------------------
2. Medium Devices Styles
--------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .side-heading1.top { margin-top: 0; }
    #nav .dropdown:hover .dropdown-menu { display: block; }
    .welcome-area p:last-of-type { margin-bottom: 0; }
    ul#doctors-grid.grid > li > .bio-box { min-height: 466px; height: auto !important; height: 466px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links { margin-top: 30%; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links li { width: 40px; height: 40px; line-height: 48px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links li + li { margin-left: 15px; }
    .doctors-grid .bio-box .profile-img .overlay ul.sm-links { margin-top: 25%; }
    .panel-profile > .panel-footer .btn { margin-top: 15px; }
    #accordion .panel-title,
    #accordion .panel-title .fa { font-size: 16px; }
    .book-appointment-box .box-img { right: 5px; bottom: -119px; }
    .book-app.text-right { text-align: center; }
    .book-app.text-right .btn { margin-right: 0px; }
    .book-appointment-box h3 { font-size: 32px; }
    .book-appointment-box h4 { font-size: 20px; }
    .book-appointment-box .btn-main { margin-top: 25px; padding: 8px 16px; }
    .tabs-wrap .nav-tabs > li > a { padding: 0 10px 10px; }
    .tabs-wrap .nav li .icon { margin: 0 auto; width: 110px; height: 110px; line-height: 110px; background-color: #009bdb; }
    .tabs-wrap-2 .nav-tabs > li > a { padding: 10px 18px; font-size: 16px; }
    .progress-bar-list h6 { line-height: 35px; text-align: right; }
    .progress-bar-list li .progress .progress-bar { padding-right: 20px; text-align: right; }
    .progress-bar-list > li.row > .col-md-8 { border-left: 1px solid #e0e0e0; }
    .progress-bar-list > li.row > .col-md-4,
    .progress-bar-list > li.row > .col-md-8 { padding-top: 15px; padding-bottom: 15px; }
    .progress-bar-list > li:first-of-type.row > .col-md-4,
    .progress-bar-list > li:first-of-type.row > .col-md-8 { padding-top: 10px; }
    .progress-bar-list > li:last-of-type.row > .col-md-4,
    .progress-bar-list > li:last-of-type.row > .col-md-8 { padding-bottom: 10px; }
    .contact-info-box { margin-top: 100px; }
    .contact-info-box .box-img { position: absolute; right: 0; bottom: -436px; }
    .text-center-md { text-align: center; }
    .img-center-md { margin-left: auto; margin-right: auto; }
}

/*--------------------------------------------
3. Small Devices Styles
--------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .side-heading1.top { margin-top: 0; }
    .top-bar li { padding-right: 0; border: none; }
    #nav .navbar-header { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; }
    #nav .navbar-header,
    #nav .navbar-brand,
    #nav .navbar-nav,
    #nav .navbar-right { float: none !important; }
    #nav .navbar-brand .logo { float: none !important; margin-right: 0px; display: inline-block; }
    #nav .navbar-header,
    #nav .nav { text-align: center; }
    #nav .nav { margin-top: 7px; margin-bottom: 7px; }
    #nav .dropdown:hover .dropdown-menu { display: block; }
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px !important; }
    .welcome-area.about { background: none; }
    ul#doctors-grid.grid > li > .bio-box { min-height: 498px; height: auto !important; height: 498px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links { margin-top: 26%; }
    .doctors-grid .bio-box .profile-img .overlay ul.sm-links { margin-top: 25%; }
    .panel-profile > .panel-footer .btn { margin-top: 15px; }
    .book-appointment-box { margin-top: 30px; }
    .book-appointment-box .btn-main { margin-top: 20px; }
    .tabs-wrap ul.nav-tabs { padding-bottom: 10px; border-bottom: 1px solid #cecece; }
    .tabs-wrap .nav-tabs > li > a { padding: 0 7px; }
    .tabs-wrap .nav li h5 { margin-top: 0; margin-bottom: 0; font-size: 16px; }
    .tabs-wrap .tab-content { padding-left: 5px; padding-right: 5px; }
    .tabs-wrap-2 .nav-tabs > li > a { padding: 10px 5px; font-size: 14px; }
    .news-post { margin-right: 0; }
    .blog-author-bio { margin-right: 0; }
    .comments-area .media { margin-right: 0; }
    .comment-form { margin-bottom: 50px; }
    .pagination-wrap { margin-right: 0; }
    .footer-top-bar .pull-left,
    .footer-top-bar .pull-right { float: none !important; }
    .footer-top-bar h3 { margin-top: 0; margin-bottom: 30px; }
    .footer-area .newsletter-block { margin-top: 40px; }
    .text-center-sm { text-align: center; }
    .img-center-sm { margin-left: auto; margin-right: auto; }
}

@media (max-width: 991px) {
    header { min-height: 125px; }
    #nav.affix-top { top: 0; }
    .navbar-nav > li { float: none; display: inline-block; }
    .nav > li.dropdown > a { padding: 10px; }
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand { margin-left: 0; }
    .navbar-right { margin-right: 0; }
}

/*--------------------------------------------
4. Extra Small Devices Styles
--------------------------------------------*/
@media (max-width: 767px) {
    header { min-height: 67px; }
    #nav.navbar { min-height: auto; height: auto; }
    #nav .navbar-brand,
    #nav.affix .navbar-brand { padding: 15px 0 10px; margin-left: 15px; }
    #nav .nav { margin-top: 7px; }
    #nav .navbar-collapse { margin-top: 0; }
    .navbar-nav > li { display: block; }
    .welcome-area.about { background: none; }
    ul#doctors-grid.grid > li > .bio-box { min-height: 471px; height: auto !important; height: 471px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links { margin-top: 13%; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links li { width: 40px; height: 40px; line-height: 48px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links li + li { margin-left: 15px; }
    #doctors-filter { text-align: center; }
    .doctors-grid .bio-box .profile-img .overlay ul.sm-links { margin-top: 15%; }
    .panel-profile { margin-bottom: 50px; }
    .panel-profile > .panel-footer .btn { margin-top: 15px; }
    .news-carousel .news-post { margin-top: 20px; }
    .book-appointment-box { margin-top: 30px; }
    .tabs-wrap ul.nav-tabs { padding-bottom: 10px; border-bottom: 1px solid #cecece; }
    .tabs-wrap .nav-tabs > li > a { padding: 0 10px 10px; }
    .tabs-wrap .nav li h5 { margin-top: 0; margin-bottom: 0; font-size: 16px; }
    .tabs-wrap .tab-content { padding-left: 5px; padding-right: 5px; }
    .tabs-wrap-2 .nav-tabs > li,
    .tabs-wrap-2 .nav-tabs > li:last-of-type { width: 100%; }
    .tabs-wrap-2 .nav-tabs > li,
    .tabs-wrap-2 .nav-tabs > li > a { display: block; float: none !important; }
    .tabs-wrap-2 .nav-tabs > li > a { border: 1px solid #e2e2e2; }
    .tabs-wrap-2 .nav-tabs > li > a:after { display: none; }
    .news-post { margin-right: 0; }
    .blog-author-bio { margin-right: 0; }
    .comments-area .media { margin-right: 0; }
    .pagination-wrap { margin-right: 0; }
    #main-contact-form { margin-bottom: 50px; }
    .footer-top-bar .pull-left,
    .footer-top-bar .pull-right { float: none !important; }
    .footer-top-bar h3 { margin-top: 0; margin-bottom: 30px; }
    .footer-area .col-xs-12 h4 { margin-top: 30px; margin-bottom: 20px; }
    .footer-area .col-xs-12:first-of-type h4 { margin-top: 0; }
    .footer-area .tweets-list { margin-left: 15px; }
    .copyright { text-align: center; }
    .copyright .pull-left,
    .copyright .pull-right { float: none !important; }
    .copyright ul { margin-top: 15px; }
    .text-center-xs { text-align: center; }
    .img-center-xs { margin-left: auto; margin-right: auto; }
}

/*--------------------------------------------
5. Extremely Small Devices Styles
--------------------------------------------*/
@media (max-width: 478px) {
    .col-xs-6 { width: 100%; }
    #nav .navbar-brand { font-size: 24px; }
    #nav .navbar-brand .fa { margin-right: 3px; font-size: 30px; }
    #nav .navbar-collapse { margin-top: 0; }
    .main-banner h2 { font-size: 24px; }
    .main-banner h2 span { padding: 13px 20px 16px 20px; }
    .about-featured .btn-transparent { margin-top: 20px; padding: 10px 20px; font-size: 16px; }
    .about-featured .btn-transparent .fa { margin-left: 10px; }
    ul#doctors-grid.grid > li > .bio-box { min-height: 465px; height: auto !important; height: 465px; }
    .featured-doctors .bio-box .profile-img .overlay ul.sm-links { margin-top: 30%; }
    .doctors-grid .bio-box .profile-img .overlay ul.sm-links { margin-top: 24%; }
    .news-carousel .news-post { margin-top: 40px; }
    .news-carousel .carousel-control { top: -7px; }
    .news-carousel .carousel-control.left { left: 0; right: auto; }
    #accordion .panel-heading { padding: 10px 15px; }
    #accordion .panel-title a,
    #accordion .panel-title span.fa.pull-right { padding: 0; }
    #accordion .panel-title,
    #accordion .panel-title .fa { font-size: 16px; }
    #accordion .panel-title .icon { display: none; }
    #accordion .panel-body { padding: 15px; }
    .book-appointment-box { margin-top: 20px; padding: 20px 15px; }
    .book-appointment-box h3 { margin-top: 15px; font-size: 26px; }
    .book-appointment-box h4 { font-size: 22px; }
    .book-appointment-box .btn-main { margin-top: 15px; padding: 8px 14px; font-size: 15px; }
    .tabs-wrap .nav-tabs > li,
    .tabs-wrap .nav-tabs > li a { display: block !important; }
    .contact-info-box .info-box { padding: 50px 30px 30px; }
    .contact-info-box .info-box h3 { font-size: 32px; }
    .contact-info-box .info-box h5 { font-size: 16px; line-height: 26px; }
    .contact-info-box .info-box h4 { font-size: 20px; }
}