/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
/*    main menu area*/
    .main-menu li a {
        font-size: 15px;
        padding: 16px 6px;
    }
    
    .main-menu li li a {
        font-size: 17px;
        padding: 8px 20px;
    }
    
    .mega-menu-wrapper ul li a {
        font-size: 15px;
    }
    
    .main-menu li .dropdown {
        width: 200px;
    }
    
    .main-menu li li .submenu-1 {
        width: 200px;
    }
    
    
    
/*    service area*/
    .single-service1-text-area h4 {
        font-size: 22px;
    }
    
    
    
/*    service2 area*/
    .single-service2-text-area p.bold {
        font-size: 15px;
    }
    
    
    
/*    footer top area*/
    .social-icons li {
       margin-left: 10px;
    }
}



/*Medium devices - Tablet layout (tablets, less than 992px)*/
@media (max-width: 991.98px) {
/*    common css*/
    h1.title,
    .appointment-area h1,
    .bottom-slider-area h1 {
        font-size: 30px;
    }
    
    
    
/*    main menu area*/
    .main-menu-area {
        display: none;
    }

    
    
/*    slicknav area*/
    .slicknav_menu {
        display: block;
    }
    
    
    
/*    testimonial area*/
    .testimonial-area {
        padding: 40px 0;
    }
    
    
    
/*    service area*/
    .service1-area h1 {
        margin-bottom: 100px;
    }
    
    .service1-area .box-3,
    .service1-area .box-4 {
        margin-top: 100px;
    }
    
    
    
/*    appointment area*/
    .appointment-area {
        padding: 50px 0;
    }
    
    .appointment-area p.main {
        font-size: 15px;
    }
    
    .appointment-area .appointment-contact {
        font-size: 17px;
    }
    
    .appointment-contact .appointment-icon {
        font-size: 20px;
        margin-right: 15px;
    }
    
    .appointment-area a {
        font-size: 18px;
        padding: 10px 20px;
    }
    
    
    
/*    service2 area*/
    .service2-area .box-3,
    .service2-area .box-4 {
        margin-top: 50px;
    }
    
    
    
/*    blog area*/
    .single-blog .single-blog-text-area {
        padding: 15px;
    }
    
    .single-blog-text-area p {
        font-size: 13px;
        margin: 15px 0;
    }
    
    .single-blog-text-area a {
        font-size: 16px;
        padding: 10px 30px;
    }
    
    
    
/*    bottom slider area*/
    .bottom-slider-area {
        padding: 50px 0;
    }
    
    .bottom-slider-left p.main {
        font-size: 15px;
    }
    
    .bottom-slider-left p.main span {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    
    .bottom-slider-left h5 {
        font-size: 20px;
        margin-bottom: 0;
    }
    
    .bottom-slider-left p {
        font-size: 16px;
    }
    
    .bottom-slider .owl-dots button {
        margin-top: 20px;
    }
    
    
    
/*    footer top area*/
    .footer-top-submit button {
        font-size: 18px;
    }
    
    .footer-top-social-icons .social-icons {
        text-align: center;
    }
    
    .social-icons li {
       margin-left: 17px;
       margin-top: 20px;
    }
    
    
    
/*    footer area*/
    .footer-area .footer-area-left {
       text-align: center;
    }
    
    .footer-area .footer-area-right ul {
       text-align: center;
    }
}



/*Small devices - Mobile layout (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
/*    common css*/
    h1.title,
    .appointment-area h1,
    .bottom-slider-area h1 {
        font-size: 28px;
    }
    
    h1.title {
        margin-bottom: 30px;
    }
    
    
    
/*    header top area*/
    .header-top-area,
    .header-top-area a {
        padding: 6px 0;
        font-size: 13px;
    }
    
    
    
/*    header area*/
    .header-logo {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .header-area .search-bar {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    
    .search-bar input {
        width: 70%;
    }
    
    .header-area .mini-menu ul {
        text-align: center;
    }
    
    
    
/*    slider area*/
    .top-slides .owl-nav button i {
        /* width: 20px;
        height: 50px;
        line-height: 50px;
        font-size: 20px; */
        display: none;
    }
    
    
    
/*    testimonial area*/
    .testimonial-text {
        margin-top: 20px;
    }
    
    .testimonial-text p,
    .testimonial-area a {
        font-size: 15px;
    }
    
    
    
/*    service area*/
    .service1-area h1 {
        margin-bottom: 80px;
    }
    
    .service1-area .box-3,
    .service1-area .box-4 {
        margin-top: 80px;
    }
    
    .single-service1-text-area h4 {
        font-size: 20px;
    }
    
    .single-service1-text-area p {
        font-size: 14px;
        padding: 15px;
    }
    
    .single-service1-text-area a {
        font-size: 16px;
    }
    
    
    
/*    appointment area*/
    .appointment-area {
        background: #0170c1;
    }
    
    .appointment-area:before {
        display: none;
    }
    
    
    
/*    blog area*/
    .blog-area .box-2,
    .blog-area .box-3 {
        margin-top: 30px;
    }
    
    .single-blog-text-area a {
        font-size: 15px;
        padding: 10px 20px;
    }
    
    
    
/*    bottom slider area*/
    .bottom-slider-area {
        background: #0170c1;
    }
    
    .bottom-slider-area:after,
    .bottom-slider-area .bottom-slider-overlay {
        display: none;
    }
    
    .bottom-slides .bottom-slider-left {
        width: 60%;
    }
    
    .bottom-slides .bottom-slider-right {
        width: 40%;
    }
    
    .bottom-slider-left p.main {
        font-size: 14px;
    }
    
    .bottom-slider-right .bottom-slider-image img {
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }
    
    
    
/*    footer top area*/
    .footer-top-submit {
        margin: 20px 0 0;
    }
    
    .footer-top-submit button {
        font-size: 16px;
    }
    
    
    
/*    footer area*/
    .footer-area {
        font-size: 13px;
    }
}



/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
/*    common css*/
    h1.title,
    .appointment-area h1,
    .bottom-slider-area h1 {
        font-size: 25px;
    }
    
    
    
/*    testimonial area*/
    .testimonial-text p,
    .testimonial-area a {
        font-size: 14px;
    }
    
    
    
/*    service area*/
    .service1-area .box-2 {
        margin-top: 80px;
    }
    
    .single-service1-text-area a {
        padding: 8px 16px;
    }
    
    
    
/*    appointment area*/
    .appointment-area h1 {
        margin-bottom: 20px;
    }
    
    .appointment-area .appointment-contact {
        margin: 20px 0;
    }
    
    .appointment-area a {
        font-size: 16px;
        padding: 8px 16px;
    }
    
/*    service2 area*/
    .service2-area .box-2 {
        margin-top: 50px;
    }
    
    
    
/*    bottom slider area*/
    .bottom-slides .bottom-slider-left {
        width: 100%;
    }
    
    .bottom-slides .bottom-slider-right {
        width: 100%;
        margin-top: 20px;
    }
    
    .bottom-slides .bottom-slider-right {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .bottom-slider .owl-dots {
        text-align: center;
    }
}