@media(max-width:1199px){
    .top-contact{
        font-size: 14px;
    }
    .top-contact li{
        padding-right: 15px;
    }
    .top-contact i {
        margin-right: 5px;
        font-size: 13px;
    }
    .site-header .site-header-menu .container-fluid{
        max-width: 970px;
    }
    .site-header .site-branding img{
        max-height: 75px;
    }
    .site-header .site-navigation ul.navigation > li > a{
        font-size: 14px;
        margin: 0px 11px
    }
    .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul{
        width: 210px;
    }
    .main-menu .navigation > li > ul.head-list {
        margin-left: -180px;
    }
    .main-menu .navigation > li > ul.head-list, .main-menu .navigation > li > ul .head-list2{
        width: 280px;
    }
    .menu-right-box{
        display: none !important;
    }
    .home-banner .carousel-item .tagline{
        font-size: 15px;
        width: auto;
        margin-bottom: 15px;
    }
    .home-banner .carousel-item .shapewrapper-inner{
        font-size: 14px;
    }
    .home-banner .carousel-item h1{
        font-size: 28px;
        line-height: 40px;
        margin: 8px 0 8px;
    }
    .home-banner .carousel-item h1 strong{
        font-size: 34px;
    }
    .home-banner .carousel-item .btn{
        padding: 10px 25px;
        font-size: 14px;
    }
    .intro-section .container > .row{
        margin-top: -40px;
    }
    .iconbox-style-3 {
        padding: 20px 20px;
    }
    .section-title h2{
        font-size: 34px;
    }
    .welcome-company p span{
        display: none;
    }
    .welcome-company .section-title h2{
        font-size: 36px;
        margin-bottom: 2px;
    }
    .section-title h4.subheading{
        font-size: 16px;
        line-height: 20px;
    }
    .welcome-company .section-title h3{
        font-size: 16px;
    }
    .welcome-company .row{
        align-items: flex-start !important;
    }
    .service-style-1 .service-inner .service-box-title.s-br {
        padding: 0 40px;
    }
    .counter-section .section-title h2{
        font-size: 30px;
        line-height: 40px;
    }
    .db-fidbox-style-2 .db-fid-title{
        font-size: 15px;
    }
    .our-blog .section-title {
        margin-bottom: 20px;
    }
    .blog-style-3 .blog-content .blog-box-title{
        font-size: 16px;
    }
    .blog-style-3 .blog-content .blog-desc{
        margin-top: 5px;
    }
    .blog-margin{
        margin: 15px;
    }
    .iconbox-style-6 .iconbox-icon{
        margin-top: 15px;
    }
    .widget-footer2 {
        padding-left: 0;
    }
    .footer .footer-top{
        padding: 30px 0;
    }
    .iconbox-title h2{
        margin: 0;
    }
    .contact-map{
        height: 380px;
    }
}

@media(max-width:991px){
    .site-header .site-header-menu .container-fluid{
        max-width: 730px;
    }
    .site-header .site-header-menu {
        padding: 12px 0;
    }
    .top-contact .mail{
        display: none;
    }
    .top-contact {
        font-size: 15px;
    }
    /** Main menu resoposive **/
    .navbar-toggler { border: none; font-size: 23px; padding: 0; outline: none; }
    .sticky-header .navbar-toggler { top: 10px; }
    .navbar-toggler:hover, .navbar-toggler:focus { outline: none; }
    .main-menu .navbar-collapse { position: absolute; width: 100%; left: 0; background-color: #f7f8fa; z-index: 99; top: 70px; border-top: 3px solid #7fc540; }
    .sticky-header .navbar-collapse { top: 60px; }
    .main-menu .navigation > li { float: none; }
    .site-header .site-navigation ul.navigation > li > a { height: auto; line-height: inherit; padding: 10px 15px; margin: 0; border-bottom: 1px solid rgba(9, 22, 42, 0.15); }
    .site-header .site-navigation ul.navigation > li.active > a, .site-header .site-navigation .dropdown ul li.active > a { background-color: #ffffff; }
    .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul { border-top: none; box-shadow: inherit; width: 100%; display: none; position: inherit; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    .main-menu .navigation > li > ul > li > ul { left: 0; top: 100%; }
    .main-menu .navigation > li.dropdown > ul.open, .main-menu .navigation > li.dropdown > ul.open li.dropdown > ul.open { display: block; opacity: 1; visibility: visible; }
    .menu-right-box { position: relative; right: 30px; top: 10px; }
    .site-header .site-navigation ul.navigation .righticon { font-size: 22px; display: block; position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 45px; width: 45px; cursor: pointer; text-align: center; line-height: 45px; }
    .site-header .menu-right-box { display: none !important; }
    .main-menu .navigation > li > ul.head-list{
        width: 100%;
        left: 0;
        margin: 0;
    }
    .home-banner .carousel-item h1{
        font-size: 20px;
        line-height: 32px;
    }
    .home-banner .carousel-item h1 strong{
        font-size: 27px;
    }
    .home-banner .carousel-item .tagline{
        font-size: 14px;
        line-height: 24px;
    }
    .home-banner .carousel-item .btn{
        padding: 8px 20px;
    }
    .intro-section{
        padding-top: 40px;
    }
    .intro-section .container > .row{
        margin-top: 0;
    }
    .welcome-company{
        text-align: center;
    }
    .welcome-company img{
        margin: 0;
    }
    .welcome-company img, .welcome-company img{
        width: 400px;
        margin-bottom: 35px;
        float: none;
    }
    .welcome-company p span{
        display: block;
    }
    .welcome-company .btn{
        padding: 10px 15px;
    }
    .counter-section{
        text-align: center;
    }
    .counter-section .play-video{
        justify-content: center;
    }
    .play-video a{
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .play-video a i{
        line-height: 70px;
        font-size: 32px;
    }
    .db-circle-w img{
        width: 200px;
    }
    .db-fidbox-style-2 .db-fid-title{
        font-size: 16px;
    }
    .counter-section .section-title{
        margin-bottom: 30px;
    }
    .blog-img img{
        display: none;
    }
    .testimonial-box{
        margin-bottom: 0;
        margin-top: 30px;
    }
    .footer .footer-top{
        text-align: center;
    }
    .footer .footer-top .iconbox-inner{
        display: block !important;
    }
    .iconbox-style-6 .iconbox-icon{
        margin: 0 auto 15px;
    }
    .footer .footer-top .btn{
        margin-top: 10px;
    }
    .btn{
        padding: 10px 25px;
    }
    .footer .social-icons{
        margin-bottom: 25px;
    }
    .footer .social-icons li{
        float: none;
    }
    .footer .social-icons li>a{
        margin-right: 0;
    }
    .bottom-footer{
        text-align: center !important;
    }
    .contact-area .iconbox-inner{
        display: block !important;
    }
    .contact-map{
        height: 320px;
    }
}

@media(max-width:767px){
    .site-header .site-header-menu .container-fluid{
        max-width: 540px;
    }
    .top-contact .time{
        display: none;
    }
    .home-banner .carousel-control-prev, .home-banner .carousel-control-next{
        width: 30px;
        height: 30px;
        line-height: 32px;
        font-size: 16px;
    }
    .home-banner .carousel-item h1{
        font-size: 18px;
        line-height: 26px;
    }
    .home-banner .carousel-item h1 strong{
        font-size: 23px;
    }
    .home-banner .carousel-item .btn{
        padding: 8px 15px;
        font-size: 13px;
    }
    .welcome-company img, .welcome-company img{
        width: 350px;
    }
    .welcome-company .section-title h2{
        font-size: 30px;
        margin-bottom: 6px;
    }
    .welcome-company .btn, .btn{
        padding: 8px 15px;
        font-size: 14px;
    }
    .space {
        padding: 60px 0;
    }
    .service-area{
        padding: 60px 0 30px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .db-fidbox-style-2 .db-fid-title {
        font-size: 15px;
        line-height: 22px;
    }
    .blog-style-3 .blog-content .blog-category a, .blog-style-3 .blog-content .blog-date{
        font-size: 14px;
    }
    .blog-box .blog-desc p{
        font-size: 15px;
    }
    .iconbox-style-6 .iconbox-icon{
        width: 70px;
        height: 70px;
        line-height: 70px;
        min-width: 70px;
    }
    .iconbox-style-6 .iconbox-icon i{
        font-size: 30px;
        line-height: 70px;
    }
    .iconbox-style-6 h2{
        font-size: 19px;
        line-height: 32px;
    }
    .footer .footer-widget-title{
        font-size: 20px;
    }
    .inner-banner {
        height: 170px !important;
    }
    .inner-banner .inner-page-title{
        font-size: 28px !important;
        line-height: 32px;
    }
    .service-main .service-sidebar, .service-main .sidebar{
        display: none;
    }
    .service-main h4{
        font-size: 24px;
    }
    .service-main {
        padding: 50px 0;
    }
    .reviews{
        padding: 30px 0 60px;
    }
    .contact-area .iconbox-border{
        border-right: none;
    }
    .contact-area .iconbox{
        padding: 15px 0;
    }
    .appointment-inner .section-title h2{
        font-size: 30px;
        line-height: 26px;
    }
    .appointment-inner{
        padding: 35px 35px 20px;
    }
    .contact-map {
        height: 280px;
    }
}

@media(max-width:575px){
    .site-header .site-header-menu .container-fluid{
        max-width: 100%;
        width: 100%;
    }
    .top-contact .loc{
        display: none;
    }
    .top-contact li{
        padding-right: 0;
        line-height: 40px;
    }
    .main-menu .navbar-collapse{
        top: 55px;
        height: 450px;
        background: #fff;
        z-index: 9999;
        overflow-y: scroll;
    }
    .navbar-light .navbar-toggler{
        padding: 5px 7px;
    }
    .home-banner .carousel-item .shapewrapper-inner{
        font-size: 9px !important;
    }
    .home-banner .carousel-item h1{
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .home-banner .carousel-item h1 strong {
        font-size: 16px;
    }
    .home-banner .carousel-control-prev, .home-banner .carousel-control-next{
        width: 25px;
        height: 25px;
        line-height: 27px;
        font-size: 13px;
    }
    .home-banner .carousel-control-prev{
        left: 0;
    }
    .home-banner .carousel-control-next{
        right: 30px;
    }
    .space {
        padding: 50px 0;
    }
    .welcome-company img, .welcome-company img {
        width: 260px;
    }
    .welcome-company .section-title h2{
        font-size: 25px;
        margin-bottom: 3px;
    }
    .welcome-company .section-title h3{
        font-size: 15px;
        line-height: 24px;
    }
    .welcome-company p{
        font-size: 15px;
        line-height: 25px;
    }
    .welcome-company .btn, .btn {
        padding: 6px 11px;
        font-size: 13px;
    }
    .service-area {
        padding: 50px 0 25px;
    }
    .section-title h2 {
        font-size: 26px;
        line-height: 34px;
    }
    .link-btn a{
        font-size: 14px;
    }
    .service-style-1 .service-inner .service-box-title.s-br{
        padding: 0;
    }
    .play-video a {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .play-video a i {
        line-height: 60px;
        font-size: 26px;
    }
    .play-video h4 {
        font-size: 15px;
    }
    .counter-section .section-title h2{
        font-size: 24px;
        line-height: 34px;
    }
    .db-circle-w img {
        width: 150px;
    }
    .db-fidbox-style-2 .db-fid-title{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .blog-style-3 .blog-content .blog-category a, .blog-style-3 .blog-content .blog-date{
        font-size: 13px;
    }
    .blog-style-3 .blog-content .blog-category a:after{
        display: none;
    }
    .blog-style-3 .blog-content .blog-date{
        padding-left: 0;
    }
    .blog-box .blog-entry-meta{
        letter-spacing: 0;
    }
    .accordion.accordion-02 .card-body{
        font-size: 15px;
    }
    .testimonialbox-style-2 .testimonialbox-thumbnail{
        height: 60px;
        width: 60px;
    }
    .testimonialbox-style-2 .testimonialbox-desc blockquote{
        font-size: 15px;
        line-height: 25px;
    }
    .iconbox-style-6 h2{
        font-size: 17px;
        line-height: 28px;
    }
    .footerpara, .footer .footer-link-list li, .footer-contact ul li, 
    .copyright-text, .bottom-footer .list-inline li{
        font-size: 15px;
        line-height: 25px;
    }
    .widget-footer{
        margin-bottom: 20px;
    }
    .inner-banner {
        height: 130px !important;
        background-position: center;
    }
    .inner-banner .inner-page-title{
        font-size: 24px !important;
        margin-bottom: 3px;
    }
    .inner-banner .breadcrumb li{
        font-size: 15px;
    }
    .service-main h4{
        font-size: 19px;
        line-height: 26px;
    }
    .service-main p, .service-main .list li{
        font-size: 15px;
    }
    .ser-img img{
        width: 100%;
    }
    .service-main h5{
        font-size: 17px;
        margin-bottom: 4px;
    }
    .service-main .list li+li{
        margin-top: 5px;
    }
    .service-main .list{
        margin-bottom: 10px;
    }
    .testimonials1 .card i{
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 38px;
        margin-left: -40px;
        top: -32px;
    }
    .testimonials1 .card{
        padding: 15px;
        padding-top: 40px;
    }
    .testimonials1 .card p{
        font-size: 15px;
    }
    .blockquote-footer h4{
        font-size: 18px;
    }
    .gallery{
        padding: 45px 0;
    }
    .section-title p{
        font-size: 14px;
        line-height: 24px;
    }
    .contact-area .iconbox-inner{
        text-align: center;
    }
    .iconbox-style-7 .iconbox-icon{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .iconbox .iconbox-desc p{
        font-size: 15px;
    }
    .appointment-inner {
        padding: 28px 28px 18px;
    }
    .appointment-inner .section-title h2 {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: -8px;
        text-align: center;
    }
    .contact-form form .form-group{
        text-align: center;
    }
    .contact-map {
        height: 250px;
    }
    .iconbox-style-6 .iconbox-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        min-width: 60px;
    }
    .iconbox-style-6 .iconbox-icon i {
        font-size: 24px;
        line-height: 60px;
    }
    .bottom-footer .list-inline li{
        padding-right: 12px;
    }
    #scroll-button{
        right: 15px;
        width: 40px;
        height: 40px;
    }
    #scroll-button::after{
        line-height: 40px;
        font-size: 16px;
    }
    .btn-whatsapp-pulse{
        font-size: 32px;
        padding: 26px;
    }
    .counter-section{
        background-position: right;
    }
    .main-menu .navigation > li > ul.head-list, .main-menu .navigation > li > ul .head-list2{
        width: 100%;
    }
}