/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .single-lab {
        margin-bottom: 60px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .padding-top {
        padding-top: 60px;
    }
    .section-padding {
        padding: 60px 0;
    }
    .single-lab {
        margin-bottom: 60px;
    }
    .department-icon {
        font-size: 60px;
    }
    .department-details {
        padding-left: 90px;
    }
    .left-gallery {
        width: 100%;
    }
    .right-gallery {
        display: none;
    }
    .left.slide-control {
        left: 5px;
        right: auto;
    }
    .right.slide-control {
        right: 5px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.header-bg-one {
    	background-image: url("http://www.gastroinflorida.com/newgastro/wp-content/uploads/2018/03/slide-doctor.jpg");
		background-position:0%;
    }
	.about-doctor .container img{
		width: 100%;
        margin-bottom: 50px;
	}
    .top-area {
        margin-bottom: 0;
    }
    .header-top {
        text-align: center;
    }
    .mainmenu .navbar-header button {
        border: 1px solid #666666;
        margin-top: 15px;
    }
    .mainmenu .navbar-header button .icon-bar {
        background-color: #666666;
    }
    .mainmenu ul.nav.navbar-nav {
        height: 300px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .mainmenu ul.nav.navbar-nav li {
        display: block;
        text-align: left;
    }
    .mainmenu ul.nav.navbar-nav li a {
        padding: 10px 15px;
    }
    .mainmenu .navbar-collapse {
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }
    .header-top .text-right {
        text-align: center;
    }
    .header-top .col-xs-6 {
        width: 100%;
    }
    .header-top a {
        margin: 5px 0;
    }
    .header-text {
        padding: 70px 0;
    }
    .header-form-area {
        position: static;
    }
    .header-form {
        margin-top: 60px;
    }
    .header-form-icon {
        margin-top: 30px;
        overflow: hidden;
        position: relative;
    }
    .header-text h2 {
        font-size: 48px;
    }
    .header-text h3 {
        font-size: 25px;
    }
    .left.slide-control {
        left: 0;
    }
    .right.slide-control {
        right: 0;
    }
    .single-lab,
    .single-news {
        margin-bottom: 60px;
    }
    .page-title,
    .single-specialities {
        margin-bottom: 40px;
    }
    .checkup-area h2 {
        font-size: 24px;
    }
    .btn-lg {
        padding: 15px 24px;
    }
    .left-gallery {
        width: 100%;
    }
    .right-gallery .single-gallery {
    width: 94%;
    margin: 2% 3%;
	}
	.top-area.home-page {
    margin-bottom: 0px;
	}
    .md-gallery,
    .lg-gallery {
        width: 100%;
    }
    .single-department {
        margin-bottom: 60px;
    }
    .department-icon {
        font-size: 40px;
    }
    .department-details {
        padding: 20px;
    }
    .single-footer {
        margin-bottom: 60px;
        overflow: hidden;
    }
    .footer-area {
        padding-bottom: 0;
    }
    .footer-area .col-xs-4 {
        width: 100%;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .header-top .col-xs-6 {
        width: 50%;
    }
    .footer-area .col-xs-4 {
        width: 33.33%;
    }
    .left-gallery {
        width: 100%;
    }
    .right-gallery {
        display: none;
    }
    .md-gallery {
        width: 39.68%;
    }
    .lg-gallery {
        width: 60.32%;
    }
}