/* 
============================================== 
==================Large Display==============
*/

@media (min-width:1600px) {
    .community_slider .container {
        max-width: 1500px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1650px) {
    #map-container {
        height: 295px;
    }
    .mainmenu ul li a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .area_title {
        width: 65%;
    }
    .client_portal img {
        width: 131px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    #map-container {
        height: 292px;
    }
    .bnr_content {
        left: 19%;
        width: 28%;
    }
    .banner_total p {
        font-size: 58px;
    }
    .mainmenu ul li a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .area_title {
        width: 65%;
    }
    .Login {
        right: 10px;
    }
}


/* 
  ##Device = Desktops 
  ##Screen = 1281px to higher resolution desktops 
*/

@media (min-width: 1281px) {}


/* 
  ##Device = Laptops, Desktops 
  ##Screen = B/w 1025px to 1280px 
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .mainmenu ul li a {
        padding-left: 0;
        padding-right: 0;
    }
    #map-container {
        height: 257px;
    }
    .bnr_content {
        left: 19%;
        width: 27%;
    }
    .banner_total p {
        font-size: 50px;
    }
    .menu_text {
        margin-right: 10px;
    }
    .schedule_btn a {
        width: 170px;
    }
}

@media only screen and (max-width: 1200px) {
    .mobile-menu-open .js_body__overlay,
    .js_body__overlay,
    .mobile-menu-wrapper,
    .phone-menu-wrapper {
        display: block;
    }
    .mobile-menu-open .js_body__overlay,
    .js_body__overlay,
    .mobile-menu-wrapper,
    .phone-menu-wrapper {
        display: block;
    }
    .m_logo,
    .mobile_menu {
        height: 70px;
    }
    .padding_blank {
        padding-top: 107px
    }
    .phone-wrapper {
        padding: 0 15px;
    }
    .schedule_btn {
        float: none;
        margin: 25px 0 5px 0;
        padding: 0;
        height: auto;
    }
    .d_logo {
        height: 70px;
        z-index: 99999;
        position: relative;
    }
    .sticky-header .d_logo img,
    .d_logo img {
        width: 188px;
    }
    #sticky-header.sticky-header {
        top: 0;
    }
    .sticky-header .schedule_btn,
    .sticky-header .d_logo {
        height: 70px;
    }
    .mainmenu ul li.show_mobile {
        display: block;
    }
    .padding_blank {
        padding-top: 77px;
    }
    .m_logo,
    .mobile_menu {
        height: 70px;
    }
    .home .site-content {
        padding-top: 70px;
    }
    .area_title {
        width: 83%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .post_num_1,
    .post_num_2 {
        margin-top: 0px;
    }
    .login_box {
        display: none;
    }
    .service-area {
        height: 516px;
    }
    .services_area {
        position: relative;
        bottom: inherit;
        left: inherit;
        padding-top: 50px;
        display: block;
        clear: both;
    }
    .services_area::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-image: url('../../images/services_area.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 85%;
    }
    .single-service {
        width: 250px;
        height: 250px;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .we_are_blog {
        margin-top: 0;
    }
    .area_title {
        margin-top: 0px;
        width: 75%;
        float: right;
    }
    .area_title h1 {
        font-size: 28px;
    }
    .we_are_blog .blogtitle a {
        font-size: 20px;
    }
    .we_are_blog .owl-dots {
        position: absolute;
        bottom: 108px;
        width: 100px;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0 auto;
    }
    .we_are_blog .owl-dot {
        background: #6e6b6b;
    }
    .we_are_blog .owl-dot.active {
        background: #FFFFFF;
    }
    .we_are_blog .owl-next,
    .we_are_blog .owl-prev {
        position: absolute;
        top: calc(37% - 15px);
        width: 30px;
        font-size: 30px;
        line-height: 30px;
        color: #FFF;
        text-align: center;
    }
    .we_are_blog .owl-prev {
        left: 5px;
    }
    .we_are_blog .owl-next {
        right: 5px;
    }
    .owl-dot {
        width: 15px;
        height: 15px;
    }
    .area_title {
        padding: 10px;
    }
    .our_visions::before {
        width: 98%;
        left: 15px;
    }
    .ov_content_inner {
        padding: 30px 0px 15px 0;
    }
    .ov_content::after {
        width: 109%;
    }
    .single_services_box {
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
    }
    .single_services_box::after {
        opacity: 0.1;
    }
    h2.i_title {
        font-size: 21px;
    }
    .main-menu {
        display: none !important;
    }
    .login_box {
        display: none;
    }
    .client-portal_bn {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .area_title {
        width: 57%;
    }
    .ov_content::after {
        display: none;
    }
    .ov_content_inner {
        padding: 20px 30px;
        background-color: #f1f9ff;
    }
    .video-btn svg {
        width: 50px;
        top: calc(50% - 30px);
        left: calc(50% - 33px);
    }
    .it_content {
        width: 100%;
        margin: 0 auto;
    }
    .bfrc_image {
        width: 150px;
    }
    .bf_repeateable_item {
        width: calc(100% - 170px);
    }
    .bf_repeateable_content .accordion-button {
        height: auto;
    }
}


/* 
  ##Device = Tablets, Ipads (portrait) 
  ##Screen = B/w 768px to 1024px 
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .contact-address.text-center {
        padding: 0;
    }
    #map-container {
        height: 280px;
    }
    .bnr_content {
        left: 19%;
        width: 27%;
    }
    .banner_total p {
        font-size: 40px;
    }
    .banner_area .owl-dots {
        left: 30%;
    }
    .menu_text {
        margin-right: 10px;
    }
    .get_a_quoat_inner {
        width: 195px;
    }
    .site-content {
        padding-top: 146px;
    }
    .services_area_innar .col-md-3 {
        margin-bottom: 50px;
    }
    .site-content {
        padding-top: 70px;
    }
    header.header {
        position: inherit;
    }
    .site-content {
        padding-top: 70px;
    }
    .mobile-menu {
        height: 70px;
    }
    .mobile_logo a {
        height: 62px;
        display: flex;
        align-items: center;
    }
    .phone-wrapper {
        padding: 0 15px;
    }
    .mobile-wrapper {
        padding: 0 15px;
    }
    .mobile-menu-open .js_body__overlay,
    .js_body__overlay,
    .mobile-menu-wrapper,
    .phone-menu-wrapper {
        display: block;
    }
    #sticky-header.sticky-header {
        top: 0;
    }
    .sticky-header .schedule_btn,
    .sticky-header .d_logo {
        height: 70px;
    }
    .schedule_btn a::before {
        display: none;
    }
    .footer_s_icon {
        float: left;
    }
    .footer_widget {
        margin-bottom: 60px;
    }
    .footer_bottom_inner {
        text-align: center;
    }
    .post_num_1,
    .post_num_2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .service-area {
        height: 440px;
    }
    .single-post.col-xl-3.col-md-6 {
        width: 100%;
        padding: 0;
    }
}


/* 
  ##Device = Tablets, Ipads (landscape) 
  ##Screen = B/w 768px to 1024px 
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .text-resize {
        display: none;
    }
    .post_num_1 {
        padding-right: 15px;
        padding-left: 0;
    }
    .post_num_2 {
        padding-right: 0;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .home_blog_post .single-post {
        width: 100%;
        float: inherit;
    }
    .home_blog_post .single-post.post_num_1 {
        margin-right: inherit;
    }
    .home_blog_post .single-post.post_num_2 {
        margin-left: inherit;
    }
    .single_services_box {
        width: 80%;
    }
    .it_content {
        text-align: center;
    }
    .title_a_cuaa h2, .scp_head h2 {
        font-size: 28px;
    }
    .bfrc_image {
        width: 90px;
        margin-right: 15px;
    }
    .bf_repeateable_item {
        width: calc(100% - 105px);
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px 
*/

@media (min-width: 481px) and (max-width: 767px) {
    .footer_widget {
        margin-bottom: 50px;
    }
    .footer_bottom_inner {
        text-align: center;
    }
    .services_area_innar .col-md-3 {
        margin-bottom: 50px;
    }
    .banner_area .owl-dots {
        display: none;
    }
    .contact-address.text-center {
        padding: 0;
    }
    .breadcum-title {
        bottom: -18px;
    }
    h1.entry-title {
        font-size: 20px;
        line-height: 35px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .tp-bullets,
    .tp-tabs,
    .tp-thumbs {
        left: 50%!important;
    }
    .persephone .tp-bullet {
        height: 12px;
        width: 12px;
    }
    .menu_text {
        margin-right: 15px;
    }
    .get_a_quoat {
        position: relative;
    }
    .get_a_quoat_inner {
        width: 100%;
    }
    .get_a_quoat {
        right: -15px;
    }
    .get_a_quoat_inner a {
        width: 70%;
        float: left;
        margin: 0;
    }
    .schedule_btn {
        float: none;
        margin: 25px 0 5px 0;
        padding: 0;
        height: auto;
    }
    header.header {
        position: inherit;
    }
    .site-content {
        padding-top: 70px;
    }
    .mobile-menu {
        height: 70px;
    }
    .mobile_logo a {
        height: 62px;
        display: flex;
        align-items: center;
    }
    .phone-wrapper {
        padding: 0 15px;
    }
    .mobile-wrapper {
        padding: 0 15px;
    }
    .mobile-menu-open .js_body__overlay,
    .js_body__overlay,
    .mobile-menu-wrapper,
    .phone-menu-wrapper {
        display: block;
    }
    .d_logo {
        height: 70px;
        z-index: 99999;
        position: relative;
    }
    #sticky-header.sticky-header {
        top: 0;
    }
    .sticky-header .schedule_btn,
    .sticky-header .d_logo {
        height: 70px;
    }
    .schedule_btn a::before {
        display: none;
    }
    .entry-header.breadcum-padding {
        padding-top: 30px;
        padding-bottom: 30px;
        background: transparent;
    }
    .footer_s_icon {
        float: none;
    }
    .top-social {
        text-align: center;
    }
    .contact-form {
        width: 100%;
    }
    .content-area {
        padding-left: 0;
    }
    .text-resize {
        display: none;
    }
    .logo_image {
        padding: 0;
    }
    .modal-product {
        padding: 35px 15px;
    }
    #contactModal .modal-dialog {
        max-width: 100%;
        padding: 10px;
    }
    .commnuity-area .content-area {
        padding-left: 0px;
        padding-right: 0px;
    }
    .post_num_1,
    .post_num_2 {
        padding: 0;
        margin-top: 0px;
    }
    .login_box {
        display: none;
    }
    .service-area {
        height: 317px;
    }
    .services_area {
        position: inherit;
        bottom: inherit;
        left: inherit;
        padding-top: 50px;
        display: block;
        clear: both;
    }
    .single-service {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
        overflow: hidden;
    }
    .we_are_blog {
        margin-top: 0;
    }
    .area_title {
        margin-top: 0px;
        width: 90%;
        float: none;
    }
    .area_title h1 {
        font-size: 22px;
    }
    .we_are_blog .blogtitle a {
        font-size: 20px;
    }
    .we_are_blog .owl-dots {
        position: absolute;
        bottom: 108px;
        width: 100px;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0 auto;
    }
    .we_are_blog .owl-dot {
        background: #6e6b6b;
    }
    .we_are_blog .owl-dot.active {
        background: #FFFFFF;
    }
    .we_are_blog .owl-next,
    .we_are_blog .owl-prev {
        position: absolute;
        top: calc(37% - 15px);
        width: 30px;
        font-size: 30px;
        line-height: 30px;
        color: #FFF;
        text-align: center;
    }
    .we_are_blog .owl-prev {
        left: 5px;
    }
    .we_are_blog .owl-next {
        right: 5px;
    }
    .owl-dot {
        width: 15px;
        height: 15px;
    }
    .footer-top {
        text-align: center;
    }
    .post_num_1,
    .post_num_2 {
        padding: 0px;
    }
    .it_title {
        font-size: 32px;
    }
    .category-banner {
        padding-top: 300px;
    }
    .cat-heading h1 {
        font-size: 42px;
    }
    .b-n-b-div a {
        line-height: 55px;
        font-size: 28px;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 575px) {
    .single_services_box {
        width: 100%;
        padding: 15px;
    }
    .address_cuaa {
        display: block;
        text-align: center;
    }
    .cuaa_blink {
        display: inline-block;
        margin-top: 15px;
    }
}

/* ##Device = Most of the Smartphones Mobiles (Portrait) 
  ##Screen = B/w 320px to 479px */

@media only screen and (max-width: 480px) {
    #contactModal .modal-dialog {
        max-width: 100%;
        padding: 10px;
    }
    .modal-product {
        padding: 35px 15px;
    }
    .footer_widget {
        margin-bottom: 50px;
    }
    .footer_bottom_inner {
        text-align: center;
    }
    .services_area_innar .col-md-3 {
        margin-bottom: 50px;
    }
    .banner_area .owl-dots {
        display: none;
    }
    .contact-address.text-center {
        padding: 0;
    }
    .breadcum-title {
        bottom: -18px;
    }
    h1.entry-title {
        font-size: 20px;
        line-height: 35px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .tp-bullets,
    .tp-tabs,
    .tp-thumbs {
        left: 50%!important;
    }
    .persephone .tp-bullet {
        height: 12px;
        width: 12px;
    }
    .menu_text {
        margin-right: 15px;
    }
    .get_a_quoat {
        position: relative;
    }
    .get_a_quoat_inner {
        width: 100%;
    }
    .get_a_quoat {
        right: -15px;
    }
    .get_a_quoat_inner a {
        width: 70%;
        float: left;
        margin: 0;
    }
    .schedule_btn {
        float: none;
        margin: 25px 0 5px 0;
        padding: 0;
        height: auto;
    }
    header.header {
        position: inherit;
    }
    .home .site-content,
    .site-content {
        padding-top: 70px;
    }
    .mobile-menu {
        height: 70px;
    }
    .mobile_logo a {
        height: 62px;
        display: flex;
        align-items: center;
    }
    .phone-wrapper {
        padding: 0 15px;
    }
    .mobile-wrapper {
        padding: 0 15px;
    }
    .mobile-menu-open .js_body__overlay,
    .js_body__overlay,
    .mobile-menu-wrapper,
    .phone-menu-wrapper {
        display: block;
    }
    .d_logo {
        height: 70px;
        z-index: 99999;
        position: relative;
    }
    #sticky-header.sticky-header {
        top: 0;
    }
    .sticky-header .schedule_btn,
    .sticky-header .d_logo {
        height: 70px;
    }
    .schedule_btn a::before {
        display: none;
    }
    .entry-header.breadcum-padding {
        padding-top: 30px;
        padding-bottom: 30px;
        background: transparent;
    }
    .footer_s_icon {
        float: none;
    }
    .top-social {
        text-align: center;
    }
    .contact-form {
        width: 100%;
    }
    .content-area {
        padding-left: 0;
    }
    .text-resize {
        display: none;
    }
    .logo_image {
        padding: 0;
    }
    .commnuity-area .content-area {
        padding-left: 0px;
        padding-right: 0px;
    }
    .area_title {
        margin-top: 0px;
        width: 100%;
    }
    .area_title h1 {
        font-size: 21px;
    }
    .service-area {
        height: 220px;
    }
    .post_num_1,
    .post_num_2 {
        padding: 0;
    }
    .login_box {
        display: none;
    }
    .services_area {
        position: inherit;
        bottom: inherit;
        left: inherit;
        padding-top: 50px;
        display: block;
        clear: both;
    }
    .single-service {
        width: 100%;
        height: auto;
        padding-bottom: 25px;
        overflow: hidden;
    }
    .we_are_blog {
        margin-top: 0;
    }
    .service_img {
        margin: 10px auto 0;
        width: 90px;
    }
    .single-title {
        font-size: 21px;
        margin-bottom: 5px;
    }
    .we_are_blog .blogtitle a {
        font-size: 20px;
    }
    .we_are_blog .owl-dots {
        position: absolute;
        bottom: 108px;
        width: 100px;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0 auto;
    }
    .we_are_blog .owl-dot {
        background: #6e6b6b;
    }
    .we_are_blog .owl-dot.active {
        background: #FFFFFF;
    }
    .we_are_blog .owl-next,
    .we_are_blog .owl-prev {
        position: absolute;
        top: calc(37% - 15px);
        width: 30px;
        font-size: 30px;
        line-height: 30px;
        color: #FFF;
        text-align: center;
    }
    .we_are_blog .owl-prev {
        left: 5px;
    }
    .we_are_blog .owl-next {
        right: 5px;
    }
    .footer-top {
        text-align: center;
    }
    .category-banner {
        padding-top: 175px;
    }
    .cat-heading h1 {
        font-size: 32px;
        margin-bottom: 0;
    }
    .cat-heading h2 {
        font-size: 24px;
    }
    .free_quote {
        margin-top: 15px;
    }
    .b-n-b-div a {
        line-height: 40px;
        font-size: 24px;
        margin-top: 0;
    }
    .cta-contant-area a {
        font-size: 28px;
        padding-left: 45px;
        padding-right: 45px;
    }
    h2.ctach,
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 21px;
    }
    .bfrc_image {
        width: 60px;
        margin-right: 10px;
    }
    .bf_repeateable_item {
        width: calc(100% - 70px);
    }
    .bf_repeateable_content .accordion-button {
        height: auto;
    }
}