/**
*****************************************
	Theme Name: Laboratory
	Author: SyncZer Inc
	Author URL: https://www.synczersolutions.com/
	Version: 1.0
******************************************
**/
@media (min-width: 1400px){
	.toxicology-area{
		height: 100vh;
	}
}

@media (max-width: 1366px){
    .counter-text {
        padding: 70px 32px;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}
@media (max-width: 1199px){
}

@media (max-width: 1024px){
	.slider-area .carousel-inner .carousel-item img {
        height: 500px!important;
    }
    .s-title-1 h1{
        width: 100% !important;
    }
}
@media (min-width: 991px){
    .close-btn{
        display: none;
    }
    
    .con-area {
        margin-top: -10%;
    }
}
@media (max-width: 991px){
    .carousel-caption {
        width: 65%;
    }
    .social-icon li.social-list,
    .counter-area .counter-bg,
    .top-header .d-view {
        display: none;
    }
    .con-area {
        margin-top: -11%;
    }
    .faq .card .card-header .faq-title {
        line-height: 25px;
        padding: 15px;
        font-size: 14px;
        letter-spacing: 0;
    }
    .faq .card .card-body {
        padding: 15px;
    }
    .faq .card .card-body p{
        font-size: 14px;
    }
    .appoinment-menu-icon img {
        width: 20px;
    }
    .appoinment-menu-title {
        font-size: 0.8rem;
        padding: 0 0 0 6px;
    }
    .appoinment-menu-icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 768px){
    .slider-area .carousel-indicators,
    .top-header ul li span {
        display: none;
    }
    .slider-area .carousel-inner .carousel-item img {
        height: 400px!important;
    }
    .con-area {
        margin-top: 0;
    }
    .slider-area .carousel-control-next,
    .slider-area .carousel-control-prev {
        display: none;
    }
    .carousel-caption h1 {
        text-transform: capitalize;
        line-height: 35px;
        font-size: 2rem;
    }
    .breadcrumb-area .page-banner h1,
    .s-title-1 h1, .s-title-1 h2{
        font-size: 1.8rem;
    }
    .s-title-1.w-75{
        width: 100% !important;
    }
    .what-wedo-area .main-img img {
        border-radius: 10px;
        padding: 0 !important;
    }
    .package-price-inner {
        position: static;
        padding: 12px;
        border-radius: 0;
        margin: 10px 0 27px 0;
    }
}
@media (min-width: 576px){
    .appoinment-popup .modal-dialog {
        max-width: 700px;
    }
}
@media (max-width: 575px){
    .carousel-caption {
        width: 80%;
        left: 0;
        right: 0;
        margin: auto;
        top: 25%;
    }
    .carousel-caption h1 {
        font-size: 1.6rem;
    }
    .breadcrumb-area .page-banner h1{
        font-size: 1.4rem;
    }
    .appoinment-price-inner {
        position: static;
        padding: 12px;
        border-radius: 0;
        margin: 10px 0 27px 0;
    }
    .appoinment-summery-bg .detail-width1,
    .appoinment-summery-bg .detail-width2{
        width: 100%;
    }
    .s-title-1 h3{
        font-size: 1.4rem;
    }
    .fs-title {
        font-size: 20px !important;
    }
}

@media (max-width: 425px){
    .slider-area .carousel-inner .carousel-item img {
        height: 280px!important;
        object-fit: fill;
    }
    .slider-area .carousel-caption{
        top: 20%;
    }
    .slider-area .carousel-caption h4{
        font-size: 14px;
    }
    .what-wedo-area .inner-img img.back-img,
    #progressbar li strong {
        display: none;
    }
    #progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 17px;
    }
}