/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  
    
  
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
}
/* Extra large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) {
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .blog_details_comment .blog_comment_items .reply_comment {
        padding-left: 0;
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
        color: #fff;
    }
    nav.navbar.bootsnav .navbar-nav{
        background: #4b4a4a;
    }
    nav.navbar.bootsnav .navbar-toggle i{
        color: #fff;
        margin-top: 22px;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .single_form .btn-theme.border{
        font-size: 14px;
        margin: 5px 0 24px 0;
    }
    .single_sidebar_post .post_content h6.title {
        line-height: 21px;
    }
    .sidebar_title {
        margin-bottom: 20px;
    }
    .sidebar_tag, .sidebar_list, .sidebar_post {
        padding: 18px 14px 15px;
    }
    .sidebar_search form input {
        font-size: 13px;
    }
    .single_form textarea {
        font-size: 13px;
    }
    .single_form input {
        height: 40px;
        font-size: 13px;
    }
    .single_form {
        margin-top: 16px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li + li{
        margin-left: 5px;
    }
    .blog_details_page .blog_details h4{
        font-size: 15px;
        margin-bottom: 7px;
    }
    .blog_details .details_content .date span{
        font-size: 16px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li i {
        margin-right: 6px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content p {
        font-size: 13px;
        line-height: 23px;
        margin: 2px 0 5px 0;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content .author_name {
        font-size: 15px;
        margin-bottom: 7px;
        font-weight: 600;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content {
        margin-left: 0;
        padding: 14px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_author img {
        width: 53px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_author {
        margin-bottom: 12px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment {
        margin-top: 21px;
    }
    .blog_details_comment {
        padding-top: 6px;
    }
    .blog_details_share .social li a {
        font-size: 17px;
    }
    .blog_details_share .social li {
        margin-left: 7px;
    }
    .blog_details_share {
        margin-top: 10px;
        padding-bottom: 9px;
    }
    .blog_details .details_content .blog_content_wrapper {
        padding: 10px 16px;
        margin-bottom: 19px;
    }   
    .blog_details_page{
        padding: 30px 0;
    }
    .faq-area .accordion .card .card-header{
        font-size: 14px;
    }
    .faq-area{
        padding: 30px 0;
    }
    .contact-us-area form button{
        font-size: 15px;
        font-weight: 600;
    }
    .contact-us-area .contact-form-box input, .contact-us-area .contact-form-box textarea{
        font-size: 14px;
    }
    .contact-us-area .contact-form-box h2{
        font-size: 19px;
    }
    .contact-us-area .contact-items .address-box ul li span{
        font-size: 15px;
    }
    .contact-us-area .contact-items .address-box ul li h5 i{
        top: 0;
        font-size: 16px;
    }
    .google-maps iframe {
        height: 350px;
    }
    .contact-us-area .contact-form-box {
        padding: 0;
        margin-top: 60px;
        text-align: center;
    }
    .contact-us-area .contact-items .address-box ul li:first-child {
        margin-top: 0;
    }
    .contact-us-area .contact-items .address-box ul li {
        margin: 0;
        margin-top: 30px;
    }
    .contact-us-area .contact-items .address-box ul {
        display: block;
        text-align: center;
    }
    .contact-us-area .contact-items .address-box .address-info {
        padding: 20px;
        bottom: -30px;
        box-shadow: 0 0 10px #e7e7e7;
    }
    .contact-us-area .contact-items .address-box {
        min-height: 400px;
    }
    .about-area .thumb-box img{
        height: 256px;
    }
    .about-area .info p{
        font-size: 15px;
        line-height: 26px;
    }
    .about-area .info{
        padding-left: 17px;
    }
    .about-area ul li h5{
        font-size: 17px;
    }
    .about-area .content h5 a{
        font-weight: 700;
    }
    .about-area .info h2{
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 12px;
    }
    .about-area .info > h5{
        font-size: 16px;
        margin-bottom: 14px;
    }
    .about-area .thumb-box .intro-video h5{
        font-size: 17px;
    }
    .about-area ul li {
        justify-content: center;
    }
    .about-area .video-play-button.relative {
        left: 0;
        text-align: center;
        top: 0;
        margin-bottom: 35px;
        transform: inherit;
    }
    .about-area .thumb-box .intro-video .video {
        padding-right: 0;
        text-align: center;
    }
    .about-area .thumb-box img {
        clip-path: inherit;
    }
    .about-area .thumb-box {
        position: relative;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li{
        font-size: 13px;
    }
    .breadcrumb-area h1{
        font-size: 19px;
    }
    .about-area .thumb-box .intro-video {
        position: relative;
        right: 0;
        bottom: 0;
        display: block;
        left: 0;
        text-align: center;
        margin-top: 30px;
        padding: 26px 16px;
    }
    footer .item .f-item.logo-top-gap{
        margin-top: 0;
    }
    .footer-bottom a{
        font-size: 14px;
    }
    footer .footer-bottom p{
        text-align: center;
        margin-bottom: 17px;
    }
    footer .footer-bottom li{
        margin-left: 0;
        margin-right: 7px;
    }
    footer .footer-bottom .text-right{
        text-align: center !important;
    }
    footer .branches li{
        font-size: 14px;
    }
    footer .f-item.branches{
        padding: 16px;
    }
    footer .f-item.link li::after{
        top: 9px;
    }
    footer .widget-title{
        font-size: 17px;    
        margin-bottom: 14px;
    }
    footer .item .f-item{
        margin-top: 27px;
    }
    footer .f-item a{
        font-size: 14px;
    }
    footer .address h5{
        font-size: 15px;
        margin-bottom: 6px;
    }
    footer .address li i{
        font-size: 16px;
        min-width: 32px;
    }
    footer .address li{
        margin-top: 23px;
    }
    footer .f-item p{
        font-size: 14px;
    }
    footer img{
        width: 100px;
        margin-bottom: 21px;
    }
    footer .f-items.default-padding {
        padding-top: 54px;
    }
    footer .item{
        margin-top: 0;
    }
    .blog-area .meta li a{
        font-size: 13px;
    }
    .blog-area .item .info .meta{
        margin-top: 14px;
        padding-top: 14px;
    }
    .blog-area .single-item .info h4 a{
        font-size: 15px;
        line-height: 23px;
    }
    .blog-area .info .tags ul li{
        font-size: 14px;
    }
    .blog-area .info .tags {
        margin-bottom: 3px;
    }
    .blog-area .item .info{
        padding: 17px;
    }
    .blog-area .blog-items .thumb .post-date{
    width: 51px;
    height: 51px;
    font-size: 13px;
    padding: 0 13px;
    line-height: 18px;
    padding-top: 7px;
    }
    .blog-area .container .blog-items{
        margin-top: 25px;
    }
   .default-padding.bottom-less{
        padding-top: 48px;
    padding-bottom: 50px;
    }
    .department-area .item-box .department-carousel.owl-carousel .owl-dots .owl-dot span{
        width: 17px;
        height: 17px;
    }
    .testimonials-area .testimonials-carousel.owl-carousel .owl-dots .owl-dot span{
        width: 17px;
        height: 17px;
    }
    .testimonials-area .item p{
        line-height: 24px;
    }
    .testimonials-area .item .provider h5{
        font-size: 17px;
    }
    .testimonials-area .item .provider img{
        margin: auto auto 22px;
    }
    .testimonials-area .item{
        padding: 28px 20px;
    }
    .testimonials-area .heading h2{
        line-height: 29px;
        font-size: 19px;
    }
    .testimonials-area .heading h5{
        font-size: 17px;
    }
    .testimonials-area .heading{
        top: unset;
        text-align: center;
    }
    .testimonials-area::after {
        position: absolute;
        right: 0;
        top: -200%;
        height: 500%;
        width: 500%;
        background: #1ebeb6;
        z-index: -1;
        content: "";
    }
    .testimonials-area .testimonials-carousel {
        padding-left: 0;
        margin-top: 30px;
    }
    .testimonials-area .heading::before {
        left: 50%;
        top: -35%;
        margin-left: -60px;
    }
    .testimonials-area {
        position: relative;
        z-index: 1;
    }
    .gallery-area .effect-box img.height-add{
        height: 100%;
    }
    .gallery-area .effect-box .info h4 a{
        font-size: 14px;
    }
    .gallery-area .effect-box .info > a i{
        font-size: 13px;
    }
    .gallery-area .effect-box .info > a{
        padding: 9px 15px;
    }
    .gallery-area .magnific-mix-gallery{
        padding: 0 14px;
    }
    /* .gallery-area .gallery-items.colums-3 .pf-item{
        margin-bottom: 12px;
    } */
    .gallery-area .gallery-items.colums-2 .pf-item, .gallery-area .gallery-items.colums-3 .pf-item, .gallery-area .gallery-items.colums-4 .pf-item {
        width: 100%;
    }
    .mix-item-menu button {
        font-size: 13px;
        background: #fafafa;
        padding: 8px 25px;
        border: 1px solid #e7e7e7 !important;
        margin: 0 3px;
        margin-bottom: 10px;
    }
    .mix-item-menu {
        margin-top: 27px;
        border: none;
        padding: 0;
    }
    .department-area .owl-next i{
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }
    .department-area .owl-prev i{
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }
    .fun-factor-area .fun-fact-items .fun-fact{
        margin-bottom: 13px;
    }
    .fun-factor-area .fun-fact-items .medium{
        font-size: 15px;
    }
    .fun-factor-area .fun-fact-items .timer::after{
        right: -18px;
        top: 21%;
        font-size: 13px;
    }
    .fun-factor-area .fun-fact-items .timer{
        font-size: 23px;
    }
    .fun-factor-area .fun-fact-items{
        padding: 38px 25px;
    }
    .department-area .item-box .item a{
        margin-top: 9px;
        padding: 7px 21px;
        font-size: 15px;
    }
    .department-area .item-box .item .info p{
        margin: 19px 0 10px;
        font-size: 14px;
        line-height: 23px;
        padding: 0 4px;
    }
    .department-area .item-box .item h4{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .department-area .item-box .item{
        padding: 30px 20px 30px;
    }
    .department-area .item-box .department-carousel{
        margin-top: 20px;
    }
    .site-heading{
        margin-bottom: 0;
    }
    .site-heading h2{
        letter-spacing: 0px;
        font-size: 20px;
    }
    .site-heading h4{
        font-size: 17px;
    }
    .department-area{
        padding-top: 40px;
        padding-bottom: 43px;
    }
    .default-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .btn i{
        width: 24px;
        height: 24px;
        font-size: 13px;
        line-height: 25px;
    }
    .choose-us-area.inc-list .info a {
        margin-top: 18px;
        font-size: 14px;
        padding: 11px 17px;
    }
    .choose-us-area ul li p{
        font-size: 14px;
    }
    .choose-us-area ul li h5{
        font-size: 16px;
        margin-bottom: 9px;
    }
    .choose-us-area ul li::after{
        font-size: 11px;
        top: 0%;
    }
    .choose-us-area.inc-list .info h2{
        line-height: 25px;
        font-size: 16px;
    }
    .choose-us-area .about-inner-banner .pic-area img{
        height: 100%;
    }
    .choose-us-area .info .info-box > h5{
        font-size: 16px;
        margin-bottom: 12px;
        
    }
    .choose-us-area ul li {
        width: 100%;
        padding-right: 0;
        padding-left: 25px;
        margin-top: 16px;
    }
    .choose-us-area .info .info-box {
        position: inherit;
        padding: 25px 17px;
        left: 0;
    }
    .choose-us-area {
        max-width: 540px;
        width: 100%;
        margin: auto;
        padding: 0 15px;
        padding-bottom: 50px;
        padding-top: 43px;
    }
    .banner-area .appoinment-box button{
        font-size: 14px;
        font-weight: 500;
    }
 .banner-area .appoinment-box h4 {
    margin-bottom: 21px;
    font-size: 17px;
 }
    .banner-area .appoinment-box{
        margin-top: 20px;
        padding: 24px 15px;
    }
    .banner-area ul li h5{
        font-size: 15px;
        margin-bottom: 9px;
    }
    .banner-area ul li i{
        font-size: 30px;
        margin-bottom: 12px;
    }
    .banner-area p {
        padding: 0;
        font-size: 15px;
        line-height: 25px;
    }
    .banner-area.text-default h2 {
        font-size: 27px;
        line-height: 39px;
        margin-bottom: 15px;
    }
    .banner-area .content, .banner-area .double-items {
        overflow: hidden;
        padding: 50px 0;
    }
    .banner-area {
        text-align: center;
    }
    body, .banner-area, .banner-area div {
        height: auto;
    }
    nav.navbar .navbar-brand img.logo{
        height: 81px !important;
        object-fit: contain;
    }
    nav.navbar.bootsnav{
        padding: 0 4px;
    }
    nav .attr-nav > ul > li.contact {
        display: none;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .archives_tag li a {
        font-size: 12px;
    }
    .archives_list li a {
        font-size: 13px;
    }
    .single_sidebar_post .post_content .date {
        font-size: 12px;
        margin: 0;
    }
    .single_sidebar_post .post_content .title a {
        font-weight: 500;
        line-height: 21px;
    }
    .sidebar_title {
        font-size: 14px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content .author_name{
        font-size: 14px;
    }
    .blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li {
        font-size: 12px;
    }
    .blog_details_comment .blog_details_comment_title {
        font-size: 14px;
    }
    .blog_details_share .social li a {
        font-size: 16px;
    }
    .blog_details_share span {
        font-size: 13px;
    }
    .contact-wrapper span .call-no {
        font-size: 13px;
    }
    .contact-wrapper span {
        font-size: 13px;
    }
    .blog_details_page .blog_details p {
        font-size: 13px;
        line-height: 24px;
    }
    .blog_details_page .blog_details h4 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 3px;
    }
    .blog_details .details_content .blog_content_wrapper .blog_title {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .blog_details .details_content .date {
        font-size: 12px;
    }
    .blog_details .details_image img {
        height: 180px;
    }
    .faq-area .accordion .card .card-header.collapsed:after{
        font-size: 14px;
    }
    .contact-us-area .contact-form-box h2 {
        font-size: 16px;
        line-height: 20px;
    }
    .about-area .thumb-box img{
        height: 200px;
    }
    .video-play-button.relative i{
        font-size: 18px;
    }
    .video-play-button.relative::before, .video-play-button.relative::after{
        height: 56px;
        width: 56px;
    }
    .blog-area .item .info .meta ul li img{
        width: 40px;
        height: 40px;
    }
    .department-area .item-box .item .icon .small-icon img{
        width: 173px;
    }
}
@media(max-width: 320px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-area .contact-items .address-box {
        min-height: 400px;
    }
    .about-area .thumb-box {
        padding-right: 0;
    }
    .testimonials-area::after {
        position: absolute;
        right: 0;
        top: -200%;
        height: 500%;
        width: 500%;
        background: #1ebeb6;
        z-index: -1;
        content: "";
    }
    .testimonials-area .heading::before {
        left: 50%;
        top: 0;
        margin-left: -60px;
    }
    .gallery-area .gallery-items.colums-2 .pf-item, .gallery-area .gallery-items.colums-3 .pf-item, .gallery-area .gallery-items.colums-4 .pf-item {
        width: 50%;
    }
    .choose-us-area .info .info-box {
        position: inherit;
        padding: 50px 30px;
        left: 0;
    }
    .choose-us-area .info {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding: 0 15px;
    }
    .choose-us-area {
        max-width: 720px;
        width: 100%;
        margin: auto;
        padding: 0 15px;
        padding-bottom: 120px;
    }
}


@media only screen and (max-width: 600px) {
    .about-area ul li:first-child {
        margin-top: 15px;
    }
    .about-area ul li {
        width: 100%;
        margin-top: 25px;
    }
}