@media(max-width:1199px) {
    .main_menu .navbar .nav.navbar-nav li {
        margin-right: 32px
    }
    .main_menu .navbar .nav.navbar-nav li a::before {
        right: -17px
    }
    .company_video_area .col-lg-6:nth-child(2) {
        display: flex;
        vertical-align: middle;
        align-self: center;
        text-align: right
    }
    .company_video_area .youtube_video {
        width: 100%
    }
    .contract_discount {
        padding-left: 15px;
        padding-right: 15px
    }
    .contract_discount h4 {
        margin-left: -15px;
        margin-right: -15px
    }
    .contract_discount h5 br,
    .menu_three .main_menu .navbar .navbar-brand::before,
    .menu_three .main_menu::after,
    .menu_three .main_menu::before,
    .service_raw_text h4 br {
        display: none
    }
    .new_blog_item .media-body {
        padding: 17px 12px 17px 15px
    }
    .dw_wd .download_btn,
    .new_blog_item .media-body h4 {
        font-size: 14px
    }
    .payment_widget h5 img {
        padding-left: 0;
        padding-top: 10px
    }
    .payment_widget h5 {
        margin-top: 35px
    }
    .list_wd .nav li.active a,
    .list_wd .nav li:hover a {
        padding-left: 20px
    }
    .list_wd .nav li a {
        padding-left: 20px;
        font-size: 14px
    }
    .list_wd .nav li a::before {
        left: 2px
    }
    .about_bar_text.d-flex,
    .repair_service_area .row {
        display: block !important
    }
    .about_bar_text .ab_bar_btn {
        margin-left: 0;
        margin-top: 20px
    }
    .menu_three .main_menu .navbar .nav.navbar-nav li {
        margin-right: 18px
    }
    .menu_four .main_menu .navbar .nav.navbar-nav.navbar-right li.search a::before,
    .menu_three .main_menu .navbar .nav.navbar-nav.navbar-right li.search a::before {
        left: -13px
    }
    .menu_three .contact_info .info_inner a:last-child {
        margin-right: 0;
        margin-left: 0
    }
    .menu_three .main_menu .navbar .navbar-brand img {
        margin-top: 0
    }
    .info_inner.d-flex.justify-content-end {
        justify-content: center !important
    }
    .menu_four .main_menu .navbar .nav.navbar-nav li {
        margin-right: 20px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_img img {
        width: 100% !important;
        height: auto !important
    }
    .emergency_call_area .right h5 {
        padding-left: 40px
    }
    .repair_service_area .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .repair_service_area .rp_text {
        margin: 50px auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .free_consultation .title_top::before {
        border-width: 25px 170.5px 0
    }
}

@media(max-width:991px) {
    .free_consultation {
        max-width: 421px;
        margin: 50px auto 0
    }
    .free_consultation .title_top::before {
        border-width: 25px 210.5px 0
    }
    .center_title_big h2 br,
    .experience_inner .experience_text .ex_item_inner .media::before,
    .logo_part .logo_inner .left,
    .main_menu .navbar .nav.navbar-nav li a::after,
    .main_menu .navbar .nav.navbar-nav li a::before,
    .main_menu .navbar .nav.navbar-nav.navbar-right li.request_btn a::before,
    .menu_four .main_menu .navbar .nav.navbar-nav.navbar-right li.search a::before,
    .menu_three .main_menu .navbar .nav.navbar-nav.navbar-right li.search a::before,
    .question_form_area h3::before,
    .service_raw_text p:before {
        display: none
    }
    .logo_part .logo_inner {
        justify-content: center !important
    }
    .main_menu .navbar .navbar-brand {
        display: inline-block;
        z-index: 2
    }
    .main_menu .navbar .navbar-brand img {
        /* max-width:180px; */
    }
    .header_area+div,
    .header_area+row,
    .header_area+section {
        margin-top: 149px
    }
    .navbar-light .navbar-toggler {
        cursor: pointer;
        position: relative;
        height: 20px;
        width: 30px;
        top: 0;
        border: none;
        padding: 0;
        margin-top: 25px;
        margin-bottom: 25px
    }
    .navbar-light .navbar-toggler span {
        height: 2px;
        width: 30px;
        display: block;
        background: #fff;
        cursor: pointer;
        transition: background .3s linear;
        position: absolute;
        left: 0;
        top: 50%
    }
    .award_box,
    .our_moto_area .left_side,
    .our_moto_area .left_side img,
    .team_item .team_img img {
        width: 100%
    }
    .menu_four .navbar-light .navbar-toggler[aria-expanded=true] span,
    .menu_three .navbar-light .navbar-toggler[aria-expanded=true] span,
    .navbar-light .navbar-toggler[aria-expanded=true] span {
        background: 0 0
    }
    .navbar-light .navbar-toggler.collapsed span {
        background: #fff
    }
    .navbar-light .navbar-toggler span:before {
        content: "";
        height: 2px;
        width: 30px;
        display: block;
        background: #fff;
        left: 0;
        top: -10px;
        position: absolute;
        transition: top .3s .3s, -webkit-transform .3s
    }
    .navbar-light .navbar-toggler span:after {
        content: "";
        height: 2px;
        width: 30px;
        display: block;
        background: #fff;
        left: 0;
        bottom: -10px;
        position: absolute;
        transition: bottom .2s .3s, -webkit-transform .3s
    }
    .navbar-light .navbar-toggler[aria-expanded=true] span:before {
        transform: rotate(45deg);
        top: 0;
        transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s
    }
    .navbar-light .navbar-toggler[aria-expanded=true] span:after {
        transform: rotate(-45deg);
        bottom: 0;
        transition: bottom .3s, transform .3s .3s, -webkit-transform .3s .3s
    }
    .dropdown .dropdown-menu {
        -webkit-transition: max-height .3s, opacity .2s .1s, visibility;
        -moz-transition: max-height .3s, opacity .2s .1s, visibility;
        -ms-transition: max-height .3s, opacity .2s .1s, visibility;
        -o-transition: max-height .3s, opacity .2s .1s, visibility;
        transition: max-height .3s, opacity .2s .1s, visibility;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden
    }
    .dropdown.show .dropdown-menu {
        -webkit-transition: max-height .3s, opacity .2s .1s, visibility;
        -moz-transition: max-height .3s, opacity .2s .1s, visibility;
        -ms-transition: max-height .3s, opacity .2s .1s, visibility;
        -o-transition: max-height .3s, opacity .2s .1s, visibility;
        transition: max-height .3s, opacity .2s .1s, visibility;
        max-height: 250px;
        overflow-y: scroll;
        display: block;
        opacity: 1;
        visibility: visible
    }
    .main_menu .navbar {
        padding: 0 15px;
        background: #000 !important
    }
    .dropdown .dropdown-menu {
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 0
    }
    .main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li a {
        padding: 0 30px;
        transition: padding .3s linear
    }
    .header_area.navbar_fixed .main_menu {
        box-shadow: 0 0 18px 0 rgba(0, 0, 0, .14);
        background: #0e59a9
    }
    .menu_three.navbar_fixed .main_menu {
        background-image: -moz-linear-gradient(90deg, #e5ebfd 0, #fff 100%);
        background-image: -webkit-linear-gradient(90deg, #e5ebfd 0, #fff 100%);
        background-image: -ms-linear-gradient(90deg, #e5ebfd 0, #fff 100%)
    }
    .main_menu .navbar .nav.navbar-nav li.submenu .dropdown-menu li a::before {
        display: inline-block
    }
    .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg {
        box-shadow: none
    }
    .menu_three .contact_info .info_inner a {
        margin-right: 22px
    }
    .menu_four .navbar-light .navbar-toggler span,
    .menu_four .navbar-light .navbar-toggler span:after,
    .menu_four .navbar-light .navbar-toggler span:before,
    .menu_three .navbar-light .navbar-toggler span,
    .menu_three .navbar-light .navbar-toggler span:after,
    .menu_three .navbar-light .navbar-toggler span:before {
        background: #000
    }
    .header_area.menu_three+div,
    .header_area.menu_three+row,
    .header_area.menu_three+section {
        margin-top: 120px
    }
    .main_menu .navbar .nav.navbar-nav li .mobile_dropdown {
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 12px;
        padding: 0;
        border-radius: 0;
        background: 0 0;
        color: #fff;
        font-size: 25px
    }
    .choose_contract_area .contract_part .contract_text,
    .main_menu .navbar .nav.navbar-nav li,
    .menu_four .main_menu .navbar .nav.navbar-nav li,
    .menu_three .main_menu .navbar .nav.navbar-nav li,
    .service_part .service_contract_text {
        margin-right: 0
    }
    .menu_four .main_menu .navbar .nav.navbar-nav li .mobile_dropdown,
    .menu_three .main_menu .navbar .nav.navbar-nav li .mobile_dropdown {
        color: #010101
    }
    .about_bar_area .about_bar_text,
    .emergency_call_area .d-flex,
    .gallery_area.blue_gallery .d-flex,
    .header_area.menu_four .top_bar .d-flex {
        display: block !important;
        text-align: center
    }
    .about_bar_area .about_bar_text .left {
        max-width: 600px;
        margin: 0 auto 25px
    }
    .footer_widgets .col-sm-6,
    .r_service_item,
    .repair_system_inner .col-sm-6 {
        margin-bottom: 30px
    }
    .footer_widgets .row,
    .new_blog_area .row,
    .repair_service_inner,
    .repair_system_inner {
        margin-bottom: -30px
    }
    .company_text,
    .experience_inner .experience_text {
        margin-right: 0;
        margin-bottom: 50px
    }
    .contact_form_area,
    .contract_discount,
    .left_s_widget,
    .right_sidebar_area {
        margin-top: 50px
    }
    .ab_list .ab_logo,
    .box_testi,
    .maintence_img {
        margin-top: 30px
    }
    .new_blog_item.media {
        background: #e2e9f2;
        margin-bottom: 30px
    }
    .new_blog_item .media-body {
        padding: 25px 40px 25px 30px;
        align-self: center
    }
    .new_blog_item .media-body h4 {
        font-size: 18px
    }
    .link_widget,
    .payment_widget {
        margin-left: 0
    }
    .maintence_text .nav,
    .our_moto_area {
        display: block
    }
    .our_moto_area .right_side {
        width: 100%;
        display: block;
        padding: 50px 0
    }
    .our_moto_area .right_side .moto_text {
        padding: 0 15px;
        margin: 0
    }
    .main_menu .navbar .nav.navbar-nav,
    .menu_four .main_menu .navbar .nav.navbar-nav.navbar-right,
    .payment_widget h5,
    .s_details_inner {
        padding-left: 0
    }
    .maintence_column .maintence_text {
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px
    }
    .award_box {
        margin: 0x auto 0 !important;
        display: block
    }
    .award_box .col-lg-4 {
        max-width: 280px;
        margin: 0 auto 30px
    }
    .list_wd .nav li.active a,
    .list_wd .nav li:hover a {
        padding-left: 50px
    }
    .list_wd .nav li a {
        padding-left: 22px;
        font-size: 16px
    }
    .list_wd .nav li a::before {
        left: 22px
    }
    .blog_list,
    .faq_inner #accordionExample {
        padding-right: 0
    }
    .faq_inner .col-lg-6,
    .gallery_area.blue_gallery .g_fillter {
        margin-bottom: 50px
    }
    .g_fillter .nav li {
        margin-right: 15px
    }
    .g_fillter .nav li a {
        font-size: 16px
    }
    .award_box.gray_box .col-lg-4 {
        border-left: 1px solid #e5e5e5
    }
    .contact_wd {
        max-width: 270px
    }
    .main_menu .navbar .nav.navbar-nav li a {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        line-height: 48px
    }
    .menu_three .main_menu .navbar .nav.navbar-nav li>a {
        line-height: 44px
    }
    .main_menu .navbar::before {
        height: 35px;
        display: none
    }
    .main_menu .navbar .nav.navbar-nav.navbar-right li.request_btn a {
        margin-bottom: 20px;
        margin-top: 20px;
        display: block;
        text-align: center;
        line-height: 48px
    }
    .about_bar_text .ab_bar_btn {
        margin-left: 0;
        margin-top: 0
    }
    .header_area.menu_four .top_bar .d-flex .right .nav {
        justify-content: center
    }
    .menu_four .top_bar .left h5 {
        margin-bottom: -10px
    }
    .menu_four .main_menu .navbar .nav.navbar-nav li>a {
        line-height: 48px
    }
    .service_raw_text p {
        padding-left: 0;
        margin-top: 20px
    }
    .emergency_call_area .right h5 {
        display: inline-block;
        margin-top: 25px
    }
    .menu_four.navbar_fixed .main_menu {
        background-image: -moz-linear-gradient(90deg, #e7e7e7 0, #faf6f3 100%);
        background-image: -webkit-linear-gradient(90deg, #e7e7e7 0, #faf6f3 100%);
        background-image: -ms-linear-gradient(90deg, #e7e7e7 0, #faf6f3 100%)
    }
    .repair_service_area.bg_shadow .row {
        display: flex !important
    }
    .experience_inner .experience_text .ex_item_inner .media {
        margin-bottom: 20px
    }
    .experience_inner .experience_text .ex_item_inner .col-lg-4:last-child .media {
        margin-bottom: 0
    }
    .s_details_inner {
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 0px!important;
}
.service-area-sec {
    padding: 0px 0 40px;
}
}

@media(max-width:767px) {
    .appointment_inner .appointment-form {
        padding: 60px 20px
    }
    .info_inner.d-flex.justify-content-end {
        justify-content: normal !important;
        display: block !important;
        text-align: center;
        padding: 15px 0
    }
    .main_menu .navbar .navbar-brand img {
        /* max-width:160px; */
    }
    .menu_three .contact_info .info_inner a {
        margin-right: 0;
        display: block;
        line-height: 40px
    }
    .logo_part .container,
    .main_menu .container {
        width: 100%;
        max-width: 100%
    }
    .logo_part {
        padding: 25px 0 40px
    }
    .header_area+div,
    .header_area+row,
    .header_area+section {
        margin-top: 0
    }
    .header_area.menu_three+div,
    .header_area.menu_three+row,
    .header_area.menu_three+section {
        margin-top: 219px
    }
    .new_blog_item.media {
        display: block;
        background: 0 0;
        max-width: 280px;
        margin: 0 auto 30px
    }
    .new_blog_item .d-flex img {
        width: 100%
    }
    .replacement_area .media {
        display: block;
        padding-bottom: 30px
    }
    .replacement_area .media .d-flex {
        padding: 0 0 20px
    }
    .payment_widget h5 img {
        display: block
    }
    .footer_copyright .d-flex {
        display: block !important;
        text-align: center
    }
    .breadcrumb_area .breadcrumb_inner img,
    .schedule_box::before {
        display: none
    }
    .free_es_item .media {
        display: block;
        text-align: center;
        padding: 0 15px
    }
    .free_es_item .media .d-flex {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .free_es_item:nth-child(odd) .media .d-flex img {
        margin-bottom: 0
    }
    .team_item .team_text {
        max-width: 100%
    }
    .text_item_box {
        max-width: 330px;
        margin: 0 auto 75px
    }
    .home_banner_inner .left_text {
        padding-bottom: 20px;
        text-align: center
    }
    .schedule_box {
        float: none;
        padding-top: 10px;
        margin: auto
    }
    .about_bar_text .ab_bar_btn {
        margin-left: 0;
        margin-top: 0
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box {
        padding: 30px 15px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box h6 {
        font-size: 18px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box h4 {
        font-size: 30px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box p {
        font-size: 18px;
        line-height: 28px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box h5 {
        font-size: 20px;
        margin-bottom: 25px
    }
    .header_area.menu_four+div,
    .header_area.menu_four+row,
    .header_area.menu_four+section {
        margin-top: 163px
    }
    .menu_four .top_bar .right .nav li {
        margin-right: 10px
    }
    .menu_four .top_bar .right .nav li a::before {
        left: -6px
    }
    .contact_wd {
        max-width: 270px;
        margin: 0 auto 50px
    }
    .tips_list_inner p {
        margin-top: 50px;
        padding-bottom: 50px
    }
    .s_details_inner {
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 0px!important;
}
}

@media(max-width:575px) {
    .p_100,
    .pad_top {
        padding-top: 70px
    }
    .p_100,
    .pad_btm {
        padding-bottom: 70px
    }
    .s_details_inner {
    padding-left: 0;
    padding-top: 40px;
    padding-bottom: 0px!important;
}
    .hide {
        display: none !important
    }
    .logo_part .logo_inner .right,
    .service_part .service_contract_text .nav li {
        display: block
    }
    .logo_part .logo_inner .right .media {
        display: flex;
        margin-right: 0
    }
    .logo_part .logo_inner .right .media .d-flex {
        vertical-align: middle;
        align-self: center;
        padding-right: 20px
    }
    .logo_part .logo_inner .right .media .d-flex img {
        margin: 0 auto 5px;
        max-width: 30px
    }
    .logo_part .logo_inner .right .media::before {
        display: none
    }
    .logo_part .logo_inner .right .media .media-body h3 {
        font-size: 15px;
        margin-bottom: 15px
    }
    .choose_contract_area .contract_part .contract_text .nav li:last-child,
    .logo_part .logo_inner .right .media .media-body h5 {
        margin-bottom: 0
    }
    .logo_part .logo_inner .right .media .media-body h4 {
        font-size: 15px
    }
    .logo_part {
        padding: 25px 0 50px
    }
    .main_menu {
        margin-top: -35px
    }
    .header_area+div,
    .header_area+row,
    .header_area+section {
        margin-top: 186px
    }
    .company_video_area {
        padding: 70px 0
    }
    .youtube_video iframe {
        min-height: 300px
    }
    .choose_contract_area .contract_part .contract_text .nav {
        max-width: 100;
        width: 100%;
        display: block;
        columns: 1;
        margin-left: 0;
        margin-top: 35px;
        margin-bottom: 0
    }
    .choose_contract_area .contract_part .contract_text .nav li {
        display: block;
        margin-bottom: 10px;
        margin-left: 0
    }
    .service_part .service_contract_text .nav {
        max-width: 100%;
        width: 100%;
        columns: 1
    }
    .youtube_video::before {
        width: 100%
    }
    .team_item {
        max-width: 270px;
        margin: 0 auto 60px
    }
    .main_title h2 {
        font-size: 26px;
        line-height: 36px
    }
    .breadcrumb_area h2 {
        font-size: 30px
    }
    .benefit_service .nav {
        columns: 1;
        width: 100%;
        display: block
    }
    .blog_item .blog_text h4 {
        font-size: 22px
    }
    .faq_inner .accordion .card .card-header button {
        font-size: 16px
    }
    .gallery_item {
        max-width: 370px;
        margin: 0 auto 30px
    }
    .g_fillter .nav li a {
        line-height: 30px;
        display: inline-block
    }
    .gallery_area .g_fillter {
        padding: 20px 10px
    }
    .m_service_item {
        max-width: 270px;
        margin: 0 auto 70px
    }
    .s_comment_list .s_comment_list_inner .media {
        padding-right: 20px
    }
    .s_comment_list .s_comment_list_inner .media .media-body .media {
        margin-left: -100px
    }
    .main_menu .navbar-collapse {
        max-height: 306px;
        overflow-y: scroll
    }
    .emergency_call_area .left h4 {
        font-size: 24px
    }
    .emergency_call_area .right h5 {
        font-size: 26px
    }
    .family_area .family_air_text h4 {
        font-size: 32px;
        line-height: 42px
    }
    .breadcrumb_area {
        padding-top: 85px;
        padding-bottom: 50px
    }
    .payment_widget h5 {
        padding-left: 0
    }
}

@media(max-width:480px) {
    .repair_service_area .rp_text h4 {
        font-size: 38px;
        margin-bottom: 22px
    }
    .appointment_inner .time_sl .nice_select,
    .maintence_img img {
        width: 100%
    }
    .contact_details_text .media {
        margin-bottom: 20px
    }
    .repair_service_area .rp_text h6 {
        margin-bottom: 10px
    }
    .family_area .family_air_text h4 {
        font-size: 30px
    }
    .about_bar_text h5 {
        font-size: 18px
    }
    .center_title_big h2 {
        line-height: 36px;
        font-size: 25px
    }
    .about_bar_text h4 {
        line-height: 34px
    }
    .replacement_area .media .media-body h4 {
        font-size: 22px
    }
    .replacement_area .media .media-body h5,
    .replacement_area .media .media-body h5 a {
        font-size: 20px
    }
    .payment_widget .media .d-flex {
        padding-right: 15px
    }
    .payment_widget .media .media-body h4 {
        font-size: 20px;
        line-height: 28px
    }
    .footer_copyright .left p,
    .footer_copyright .right a,
    .menu_four .top_bar .left h5,
    .menu_four .top_bar .left h5 a {
        font-size: 14px
    }
    .contact_form_area h3,
    .faq_inner .faq_title h3,
    .free_es_item .media .media-body h4,
    .single_title h2 {
        font-size: 26px
    }
    .question_form_area h3,
    .service_raw_text h4 {
        font-size: 28px
    }
    .header_area.menu_four .top_bar .d-flex .right .nav,
    .s_comment_list .s_comment_list_inner .media {
        display: block
    }
    .s_comment_list .s_comment_list_inner .media .d-flex {
        padding-right: 0;
        padding-bottom: 20px
    }
    .s_comment_list .s_comment_list_inner .media .media-body .media {
        margin-left: 0
    }
    .s_comment_area .s_comment_inner {
        padding: 50px 15px
    }
    .free_es_item .media .media-body p {
        line-height: 26px;
        font-size: 14px
    }
    .tips_artical .nav li a {
        font-size: 16px
    }
    .tips_list_inner p {
        font-size: 26px;
        line-height: 40px
    }
    .main_slider_area .rev_slider .slider_text_box .slider_box {
        padding: 20px 15px 15px
    }
    .experience_inner .experience_text h3 br,
    .menu_four .top_bar .right .nav li a::before,
    .service_slider_area .service_slider .service_arrow .owl-next::before,
    .service_slider_area .service_slider .service_arrow .owl-prev::before {
        display: none
    }
    .menu_four .top_bar .right .nav li a {
        line-height: 30px
    }
    .menu_four .top_bar .left h5 i {
        font-size: 14px;
        padding-right: 10px
    }
    .menu_four .top_bar .right .nav li:last-child {
        height: 50px;
        width: 50px;
        margin: auto
    }
    .header_area.menu_four+div,
    .header_area.menu_four+row,
    .header_area.menu_four+section {
        margin-top: 250px
    }
    .service_raw_text p {
        font-size: 18px;
        line-height: 28px
    }
    .free_consultation {
        max-width: 320px;
        margin: 50p auto 0
    }
    .free_consultation .title_top::before {
        border-width: 25px 155px 0
    }
    .experience_inner .experience_text h3 {
        font-size: 30px;
        line-height: 40px
    }
}

@media(max-width:360px) {
    .youtube_video iframe {
        min-height: 250px
    }
    .c_testi_slider {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
    .c_testi_slider .item {
        padding: 0
    }
}