
/******************************************************* 001 RESPONSIVE ********************************************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) }
    }

    @media (min-width:1921px) {
    .owl-carousel .owl-item img,  .inner-banner_img_main img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; }
    }


    @media (max-width:1440px) {
        .section_tbspace { padding: 60px 0; }

        .banner_caption_inner h2 { font-size: 60px; }
        .banner_caption_inner p { font-size: 26px; }

        header .navbar-nav > li > a,
        .h_call a,
        .h_support a { font-size: 14px; }

        .action_btn { height: 50px; font-size: 16px; line-height: normal; }
        .banner_caption_inner .action_btn { height: 50px; font-size: 16px; line-height: normal; }

        .our_location .container > p { font-size: 18px; }

        .section_title { font-size: 38px; margin-bottom: 20px; }

        .newsletter_left_content h3 { font-size: 38px; }
        .newsletter_left_content p { font-size: 18px; }
        .newsletter_right_input,
        .newsletter_right_input .email_input { height: 62px; margin: 0 auto; padding-right: 15px;}

    .footer_top .f_first { width: 35%; }
    .footer_top .f_two {  width: 20%; }
    .footer_top .f_three {  width: 25%; }
    .footer_top .f_four {  width: 20%; }

    .footer_bottom .fb_left p { font-size: 16px; }
    .footer_bottom .fb_right p a { font-size: 16px; }

    }



    @media (max-width:1199px) {
        .section_title { font-size: 34px; }

        .footer_main { margin-top: 300px; }
        .newsletter_content { flex-direction: column; align-items: center; }
        .newsletter_left_content { width: 100%; margin: 0 0 20px; text-align: center; display: none; }
        .newsletter_right_content { width: 100%; padding-left: 0; text-align: center; }

        .services_box_content { padding: 25px 15px; }
        .services_box_content h4 { font-size: 20px; }
        .services_box_content p { font-size: 14px; }
        .services_icon { margin-bottom: 15px; }

        .banner_caption_inner h2 { font-size: 40px; }

        .we_always_right { padding-left: 40px; }
        .we_always_right .we_info { font-size: 18px; line-height: normal; }
        .bullet_list li { width: 100%; margin: 0 0 10px; }

        .brand_list li { width: 33.3%; }

        .td_social_info .left { flex-direction: column; align-items: flex-start; }
        .td_social_info .left p { margin-left: 0; }

        .location_content .left_map { padding-right: 0; }
        .location_content .left_map iframe { height: 350px; } 
        .location_content .right_content { position: static; margin: 30px auto 0; width: 100%; transform: none; background-color: #f2f2f2; }
    }

    @media (min-width: 1081px) and (max-width: 1199px) {
    header .navbar-nav .megamenu>.sub { margin: -1px 0 0 -37px; width: 832px }
    header .navbar-nav > li:not(:last-child) { margin-right: 16px; }
    }

    @media (min-width: 1081px) {
    .menumobileview { height: auto !important; }
    header .navbar-nav .sub li + li {border-top: 1px dashed rgba(0, 0, 0, 0.2);}
    header .navbar-nav .sub li.selected a:after,
    header .navbar-nav .sub li a:hover:after { border-left: 5px solid var(--white); }
    header .navbar-nav>li.selected>a,
    header .navbar-nav>li.parent:hover>a,
    header .navbar-nav>li:hover>a  { color: #253246;}
    header .navbar-nav .sub li a:hover,
    header .navbar-nav .sub li a:focus { color: var(--white) !important;background: var(--primary-color); }

    }

    @media (max-width: 1080px) {
    .overly { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.95); width: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
    .overly:before {content: "";width: 20px;height: 20px;position: fixed;right: 510px;top: 25px;opacity: 0;pointer-events: none;display: block !important;font-size: 36px;color: var(--white);background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
    body.menuoverly .overly:before { right: 382px; opacity: 1; pointer-events: auto; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; }
    body.menuoverly { overflow: hidden; }
    body.menuoverly .overly { width: calc(100% - 360px); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webki-transition: all 0.5s ease 0s; }
    .menumobileview {height: 100vh;}
    .menumobileview .mCSB_inside > .mCSB_container { margin-right: 0; }
    header .navbar-nav .parent > a { position: relative }
    header .navbar-nav .open-sub span { position: absolute; left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    header .navbar-nav .open-sub span + span { left: 0; right: 0; margin: 0 auto !important; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    header .navbar-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important;padding-bottom: 0;visibility: visible !important;}
    header .navbar-collapse.collapse.show{transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-webkit-transform: translateX(0);}
    header .navbar-collapse {border: 0 none;box-shadow: none;left: auto;margin: 0;background: var(--white);max-height: inherit;max-width: 360px;overflow: hidden !important;padding: 0;position: fixed;right: 0;top: 0;height: auto !important;width: 100%;z-index: 919;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transform: translateX(360px);-moz-transform: translateX(360px);-ms-transform: translateX(360px);-o-transform: translateX(360px);-webkit-transform: translateX(360px);}
    .wrappermain > header, .wrappermain > section, .wrappermain > footer, .wrappermain > .cms-area {transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    body.menuoverly .wrappermain > header, body.menuoverly .wrappermain > section, body.menuoverly .wrappermain > footer, body.menuoverly .wrappermain > .cms-area {transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    header .navbar-collapse.collapsing {transition: none;}
    header .primary { padding: 0 60px 0 0; }
    header ul.navbar-nav > li { margin: 0 !important; }
    header ul.navbar-nav > li {border-bottom: 1px dashed rgb(0 0 0 / 10%);}
    header ul.navbar-nav > li:last-child { border-bottom: none; }
    header .mobile_black_menu .navbar-collapse {background: #333;}
    header .mobile_black_menu .navbar-nav>li>a {color: var(--white);}
    header .mobile_black_menu ul.navbar-nav > li {border-bottom: 1px dashed rgba(255, 255,255, 0.1);}
    header .mobile_black_menu .navbar-nav .sub, header .mobile_black_menu .parent .sub, header .mobile_black_menu .parent:hover>.sub { background: rgba(0,0,0,0.2);}
    header .mobile_black_menu .navbar-nav .sub li a {color: var(--white);}
    header .mobile_black_menu .navbar-nav .sub li:first-child {border-top: 1px dashed rgba(255, 255,255, 0.1);}
    header .mobile_black_menu .navbar-nav .sub li {border-bottom: 1px dashed rgba(255, 255,255, 0.1);}
    header .mobile_black_menu .navbar-nav .selected .open-sub span,
    header .mobile_black_menu .navbar-nav > .parent.selected.active > a .open-sub span,
    header .mobile_black_menu .navbar-nav .selected .selected .open-sub span,
    header .mobile_black_menu .navbar-nav .open-sub span,
    header .mobile_black_menu .navbar-nav > .parent.active > a .open-sub span,
    header .mobile_black_menu .navbar-nav .parent .parent>a .open-sub span,
    header .mobile_black_menu .navbar-nav .megamenu .title .open-sub span {background: var(--white) !important;}
    header .navbar-nav .selected .open-sub span, header .navbar-nav > .parent.selected.active > a .open-sub span, header .navbar-nav .selected .selected .open-sub span, header .navbar-nav .open-sub span, header .navbar-nav > .parent.active > a .open-sub span, header .navbar-nav .parent .parent>a .open-sub span, header .navbar-nav .megamenu .title .open-sub span {background: var(--content-color);}
    header .navbar-nav .selected .parent .open-sub span { background: var(--secondary-color) none repeat scroll 0 0 !important; }
    header .navbar-nav > li.selected > a::after { background: none; }
    header .navbar-nav > li.selected > a {border-bottom: none !important;border-radius: 0 !important;color: var(--primary-color) !important;}
    header .navbar-nav li > a:before {content: "";background: var(--primary-color);position: absolute;left: -30px;top: 20px;width: 20px;height: 10px;opacity: 0;}
    header .navbar-nav li.selected > a:before { opacity: 1;}
    header .navbar-nav .sub li.selected > a {color: var(--primary-color);background: transparent;}
    header .navbar { margin: 0; min-height: inherit; position: static }
    header .navbar-toggler { background:url(../images/menu-icon.svg) center center no-repeat; border: none; border-bottom: 0 none; border-radius: 0; box-shadow: none; height: 40px; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 99; width: 40px; right: 15px; top: 50%; transform: translateY(-50%); display: block !important }
    header .navbar-toggler:focus {outline: 0;box-shadow: none;}
    header .navbar-toggler:before { bottom: 8px; content: ""; display: none; left: -1px; position: absolute; top: 7px }
    header .navbar-toggler.collapsed:before { display: block }
    header .navbar-toggler .navbar-toggler-icon { display: none; }
    header .navbar-toggler .navbar-toggler-icon { width: 25px; height: 3px; position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 50; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    header .navbar-toggler .navbar-toggler-icon:before { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; top: -8px; }
    header .navbar-toggler .navbar-toggler-icon:after { content: ""; margin: 0 auto; width: 25px; height: 3px; position: absolute; left: 0; right: 0; bottom: -8px; }
    header .navbar-toggler .navbar-toggler-icon, header .navbar-toggler .navbar-toggler-icon:before, header .navbar-toggler .navbar-toggler-icon:after{background: var(--white);}
    header .navbar-nav {background: transparent;border: medium none;border-radius: 0 !important;float: none;padding: 30px 30px;display: block; margin: 0; }
    header .navbar-nav>li { float: none; margin: 0 0 3px; padding: 0 }
    header .navbar-nav>li>a {padding: 15px 50px 15px 0 !important;color: var(--content-color);}
    header .navbar-nav>li.parent .parent>a:after { display: none }
    header .navbar-nav .open-sub { bottom: 0; right: 0; position: absolute; top: 0; width: 50px }
    header .navbar-nav .open-sub span {display: block;height: 2px;margin: 17px 0 0 15px;position: absolute;width: 16px}
    header .navbar-nav .open-sub span + span { height: 16px; margin: 10px 0 0 22px; width: 2px }
    header .navbar-nav .parent .parent>a .open-sub span{height: 2px;margin: 14px 0 0 18px;position: absolute;width: 16px;}
    header .navbar-nav .parent .parent>a .open-sub span + span{height: 16px;margin: 9px 0 0 23px;width: 2px}
    header .navbar-nav>li.parent:hover>a:after { display: none }
    header .navbar-nav .sub,
    header .parent .sub,
    header .parent:hover>.sub {background: rgba(0,0,0,0.02);border: 0 none;border-radius: 0;box-shadow: none;display: none;font-size: 13px;left: 0;line-height: var(--line-height24);margin-top: 0;margin-bottom: 0;padding: 0;position: relative;margin-left: 0 !important}
    header .navbar-nav .parent.active>a .open-sub span + span{ display: none }
    header .navbar-nav .parent:hover>.sub { -webkit-animation: fadeIn 0; animation: fadeIn 0; display: none }
    header .navbar-nav .sub li {line-height: 22px;border-bottom: 1px dashed rgb(0 0 0 / 10%);}
    header .navbar-nav .sub li:first-child {border-top: 1px dashed rgb(0 0 0 / 10%);}
    header .navbar-nav .sub li:last-child { border-bottom: none; }
    header .navbar-nav .sub li a {background: none;color: var(--content-color);padding: 15px 50px 15px 15px;text-decoration: none;width: auto !important}
    header .navbar-nav .sub .sub li a {padding: 15px 50px 15px 30px;}
    header .navbar-nav li a>i { color: #1e1e1e }
    header .navbar-nav .sub .sub { left: 0; margin-left: 10px }
    header .navbar-nav .megamenu>.sub { left: 0; padding: 6px 0 5px; width: 100% }
    .overly-get-quote:before { content: ""; position: fixed; right: 510px; top: 10px; z-index: 999999; width: 31px; height: 31px; background-image: url(../images/closeicon.png) }
    header .navbar-nav .sub li:last-child{border-bottom: 0 !important;}

    .header_menu_wrap .enquire_now { display: none; }
    .header a.logobox img { max-width: 183px; height: auto; }
    .enquire_now_mobile { display: block; text-align: center; }

    }


    @media (max-width:1079px) {
        .footer_top { padding: 35px 0; }
        .footer_top .f_first { width: 100%; margin: 0 0 30px; padding-right: 0; text-align: center; }
        .footer_top .f_first p { max-width: 100%; }
        .footer_top .f_two {  width: 33.3%; }
        .footer_top .f_three {  width: 33.3%; }
        .footer_top .f_four {  width: 33.3%; }

        .services_grid_content .services_info { padding: 0; }

        .inner-main-banner { height: 240px; }
        .cms-title-breadcrumb .page-title { font-size: 34px; }

    }

    @media (max-width:1023px) {
        .ba_left { width: 100%; padding: 35px 0; }
        .ba_left .ba_left_inner { padding: 0 20px; text-align: center; }
        .ba_left_inner .section_title { text-align: center; }
        .ba_right { display: none; }
    }

    @media (max-width:991px) {
        .footer_bottom { flex-direction: column; justify-content: center; }
        .footer_bottom .fb_right { order: 1; margin: 0 0 20px; }
        .footer_bottom .fb_left { order: 2; }

        .our_location .container { padding-left: 0; padding-right: 0; }
        .location_content { flex-direction: column; }
        .location_content .right_content { width: 100%; }
        .location_content .left_map { order: 2; padding-right: 0; width: 100%; }

        .request_appointment_content { flex-direction: column; }
        .request_appointment_left { width: 100%; margin: 0 0 30px; text-align: center; padding: 0; }
        .request_appointment_right { width: 100%; padding: 30px 20px; text-align: center; }

        .request_appointment_right h3 { font-size: 34px; }
        .request_appointment_right .ceptcha_block { flex-direction: column; margin: 20px 0 0; }
        .request_appointment_right .ceptcha_block .google_ceptcha { margin: 0 0 20px; }

        .team_detail_main .request_appointment_left { width: 100%; padding-right: 0; }
        .team_detail_main .request_appointment_right { width: 100%; }
        .team_detail_main .rqform_content_inner { padding: 30px 15px; }

        .bottom_info > div { margin: 0 0 20px; }

        .contact_page .request_appointment_left h4 { font-size: 36px; }
        .contact_page .request_appointment_right { padding-top: 30px; padding-bottom: 30px; }

        .blog_detail_main { flex-direction: column; }
        .blog_detail_main .blog_detail_left { width: 100%; padding: 0; margin: 0 0 30px; }
        .blog_detail_main .blog_detail_right { width: 100%; }

        .our_services { text-align: center; }
        .our_premier_main { flex-direction: column; }
        .our_premier_main .premier_left_img { width: 100%; padding-right: 0; text-align: center; margin: 0 0 30px; }
        .our_premier_main .premier_right_content { width: 100%; text-align: center; }

        .about_us_top .section_title, .full_inner_content .section_title, .our_premier .section_title, .services_detail_top .section_title { text-align: center; }

    }

    @media (max-width:767px) {
        ul.nav-tabs {border: 0;}
        ul.nav-tabs > li.nav-item {margin-left: 0 !important;display: block;width: 100%;margin-top: 20px !important;}
        ul.nav-tabs > li.nav-item .tab-pane {display: none;padding: 15px 0;}
        ul.nav-tabs > li.nav-item .tab-pane.active {display: block;}
        ul.nav-tabs > li.nav-item > a.nav-link {border:1px solid #ddd;border-radius: 0;padding: 10px 20px;}
        ul.nav-tabs > li.nav-item > a.nav-link:before{display: none}
        ul.nav-tabs > li.nav-item > a.nav-link.active {border:1px solid #f23030 !important;}
        ul.nav-tabs > li.nav-item > a.nav-link > svg {display: block;width: 18px;position: absolute;right: 15px;top: 20px;}
        ul.nav-tabs > li.nav-item > a.nav-link > svg > path{fill:#ddd}
        ul.nav-tabs > li.nav-item > a.nav-link.active > svg {transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webki-transform: rotate(-180deg);}
        ul.nav-tabs > li.nav-item > a.nav-link.active > svg > path{fill:#f23030}

        .header_top { display: none; }
        .section_tbspace {  padding: 35px 0; }
        .section_title { font-size: 30px; }
        .desktop_banner { display: none !important; }
        .moible_banner { display: block !important; }

        .banner_caption_inner h2 { font-size: 34px; }
        .banner_caption_inner p { font-size: 22px; }

        .footer_top .f_two {  width: 100%; margin: 0 0 30px; }
        .footer_top .f_three {  width: 100%; margin: 0 0 30px; }
        .footer_top .f_four {  width: 100%; }

        .f_two .f_links { display: flex; justify-content:flex-start; flex-wrap: wrap; }
        .f_two .f_links li { width: 50%; }
        .newsletter_left_content h3 { font-size: 28px; }

        .we_always_left { width: 100%; margin: 0 0 20px; }
        .we_always_right { width: 100%; padding: 0; text-align: center; }
        .we_always_content { flex-direction: column; }
        .we_always_right .section_title { text-align: center; }
        .we_always_right .bullet_list { text-align: left; }

        .book_appointment .container  { padding-left: 0; padding-right: 0; }

        .two_col { display: block; }
        .two_col > .field_col { width: 100%; max-width: 100%; }

        .about_us_top .row { flex-direction: column; }
        .about_us_top .row > div { width: 100%; }
        .about_us_top .row > div.left_img  { text-align: center; margin: 0 0 30px; }
        .about_us_top .row > div.about_right_content  { text-align: center; }

        .td_social_info .left { margin: 0 0 20px; }
        .td_social_info { flex-direction: column; }

    }




    @media (max-width:639px) {
        .footer_main { padding-top: 240px; }
        .newsletter_right_content h3 { font-size: 38px; }
        .newsletter_right_content p { font-size: 16px; }
        .newsletter_right_input .action_btn { position: static; }
        .newsletter_right_input  { height: auto; background-color: transparent; padding: 0; border-radius: 0; text-align: center; }
        .newsletter_right_input .email_input { border-radius: 100px; margin: 0 0 15px; height: 50px; }
    }

    @media (max-width: 600px) {

    }

    @media (max-width: 599px) {
        .brand_list li { width: 50%; padding: 10px; }
    }

    @media (max-width:575px) {

    }

    @media (max-width: 480px) {
    body.menuoverly .overly { width: calc(100% - 290px) !important; }
    header .navbar-collapse { transform: translateX(290px);-moz-transform: translateX(290px);-ms-transform: translateX(290px);-o-transform: translateX(290px);-webkit-transform: translateX(290px);max-width: 290px; }
    body.menuoverly .overly:before { right: 295px !important;top: 8px !important; }
    }

    @media (max-width:479px) {

    }

    /*Responsive css*/
