/*------------------------------
| Start 2560px Media Screen Design 
------------------------------*/
@media (max-width: 2560px) {
    .right_banner img {
        width: 460px;
    }
}

/*------------------------------
| End 2560px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 2200px Media Screen Design 
------------------------------*/
@media (max-width: 2200px) {}

/*------------------------------
| End 2200px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1920px Media Screen Design 
------------------------------*/
@media (max-width: 1920px) {}

/*------------------------------
| End 1920px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1500px Media Screen Design 
------------------------------*/
@media (max-width: 1500px) {
    .right_banner img {
        width: 380px;
    }
}

/*------------------------------
| End 1500px Media Screen Design 
------------------------------*/





/*------------------------------
| Start 1660px Media Screen Design 
------------------------------*/
@media (max-width: 1660px) {}

/*------------------------------
| End 1660px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1600px Media Screen Design 
------------------------------*/
@media (max-width: 1600px) {}

/*------------------------------
| End 1600px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1499px Media Screen Design 
------------------------------*/
@media (max-width : 1499px) {
    .left_banner h1 {
        padding-left: 10px;
    }
    .left_banner h6 {
        padding-left: 10px;
    }
    .left_banner button {
        margin-left: 12px;
    }
    .left_banner {
        padding: 120px 0;
        height: 100%;
    }
    .social_follow ul li a {
        padding: 5px 10px;
    }
}

/*------------------------------
| End 1499px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1400px Media Screen Design 
------------------------------*/
@media (max-width : 1440px) {}

/*------------------------------
| End 1400px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 1399px Media Screen Design 
------------------------------*/
@media (max-width: 1399px) {

    .bespoke_title_heading h3 {
        font-size: 16px;
    }
    .schedule_box h3 {
        font-size: 2.5em;
        padding: 70px 0;
    }

    .schedule_box h3 span {
        font-size: 1em;
    }

    .schedule_box h3::before {
        right: -600px;
    }
    .blog_box .blog_like a {
        padding: 17px 7px;
        font-size: 12px;
    }
    .blog_box .blog_like a:hover {
        padding: 17px 7px;
    }
    .footer_menu ul li a{
        font-size: 14px;
    }
    h4.f_size {
        font-size: 12px;
    }
    .content_t_areas p {
        font-size: 16px;
        text-align: justify;
    }
    .left_banner h6 {
        padding-right: 45px;
    }
    section.get_in_touch {
        padding: 100px 0;
    }
    .inner_center_text p {
        padding: 0 20%;
    }
    .sustaible_logo img {
        width: 85%;
    }
    .sustaible_click {
        font-size: 16px;
    }
    .upcoming_address h3 {
        font-size: 12px;
    }

    
}

/*------------------------------
| End 1399px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1366px Media Screen Design 
------------------------------*/
@media (max-width: 1366px) {

}

/*------------------------------
| End 1366px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 1299px Media Screen Design 
------------------------------*/
@media (max-width: 1299px) {
    .left_banner h1 {
        padding-left: 8px;
    }
    .left_banner h6 {
        padding-left: 8px;
    }
    .left_banner button {
        margin-left: 8px;
    }
    .left_banner {
        padding: 100px 0;
        height: 100%;
    }

    .left_banner img {
        width: 150px;
    }

    .right_banner img {
        width: 320px;
    }

}

/*------------------------------
| End 1299px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 1200px Media Screen Design 
------------------------------*/
@media (max-width: 1200px) {
    .custom_header li.nav-item a {
        padding: 30px 10px !important;
    }

    .team_member_info ul li {
        font-size: 16px;
    }

    .bespoke_title_heading {
        padding: 25px 0 0 15px;
    }

    .bespoke_title_heading h3 {
        font-size: 16px;
    }

    .schedule_box h3::before {
        right: -520px;
    }

}

/*------------------------------
| End 1200px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 1199px Media Screen Design 
------------------------------*/
@media (max-width: 1199px) {
    .left_banner h1 {
        padding-left: 6px;
    }
    .left_banner h6 {
        padding-left: 6px;
    }
    .left_banner button {
        margin-left: 6px;
    }

    .banner_areas {
        background-size: initial;
    }

    .our_mission_areas {
        padding: 150px 0 0px;
    }

    .our_mission_areas {
        padding: 130px 0px 200px;
    }
    .left_our_mission:before {
        top: -9%;
        left: 10%;
        display: none;
    }
    .right_our_mission h2 {
        font-size: 34px;
    }
    .right_our_mission p {
        font-size: 16px;
        padding-right: 0px;
    }
    section.counter_areas {
        transform: translate(0px, 30%);
    }
    .founders_say_heading h2 {
        font-size: 34px;
    }
    .counter_heading h2 {
        font-size: 34px;
    }
    .podcast_heading h2 span {
        font-size: 34px;
    }
    .podcast_heading h2 {
        font-size: 34px;
    }

    .counter_zone {
        padding: 0px 0 0px;
    }

    .witr_counter_single {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    section.our_founders_say_areas {
        padding: 100px 0 100px;
    }

    .founders_say_heading {
        padding: 0px 0 50px;
    }

    .tlients_details p {
        font-size: 16px;
        line-height: 20px;
        word-spacing: 0px;
        letter-spacing: 0px;
        text-align: left;

    }

    section.podcast_areas {
        padding: 70px 0;
    }

    .pod_title_details p {
        padding-right: 0px;
    }

    .podcast_box .owl-dots {
        margin-top: 50px !important;
    }

    .form_areas {
        padding: 50px 20px;
    }

    .log_mid_areas {
        width: 100%;
    }

    .mission_video img {
        width: 100%;
    }

    .left_virtual:before {
        top: -50px;
        left: -46px;
    }

    .right_bespoke:before {
        top: -47px;
        left: -50px;
    }

    .left_bespoke p {
        padding-right: 0px;
    }
    section.bespoke_development {
        padding: 100px 0;
    }
    .footer_rev {
        flex-direction: column;
    }
    .left_banner h1 {
        font-size: 34px;
    }
    .left_banner h6 {
        padding-right: 45px;
        font-size: 16px;
    }
    .footer_map_areas {
        width: 50%;
        height: 450px;
        text-align: center;
        margin: 0 auto;
    }
    section.get_in_touch {
        padding: 70px 0 150px;
    }
    .left_address {
        width: 60%;
    }
    .right_map_areas {
        width: 40%;
        padding: 15px;
    }
    section.contact_page_areas {
        padding: 100px 0;
    }
    .upcoming_address h3 {
        font-size: 10px;
    }
    .sustaible_logo img {
        width: 70%;
    }
    .upcoming_map_areas img {
        width: 100%;
        height: auto;
    }
    section.hard_consul_bg{
        padding: 70px 0;
    }
    section.soft_consul_bg{
        padding: 70px 0;
    }


}

/*------------------------------
| End 1199px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 1024px Media Screen Design 
------------------------------*/
@media (max-width:1024px) {}

/*------------------------------
| End 1024px Media Screen Design 
------------------------------*/




/*------------------------------
| Start 991px Media Screen Design 
------------------------------*/
@media (max-width: 991px) {
    .m_b_20{
        margin-bottom: 20px;
    }
    .m_b{
        margin-bottom: 20px !important;
    }
    .custom_header {
        padding: 15px 0;
    }

    .custom_header .offcanvas-body li.nav-item {
        padding: 0px 0;
    }

    .custom_header #offcanvasNavbar {
        display: block;
        background-color: #323232;
    }

    .custom_header button.navbar-toggler {
        background-color: #fff;
    }

    button.btn-close {
        background-color: #fff;
        opacity: 1;
        border-radius: 0;
    }

    .custom_header div#sidebarContainer li.nav-item a {
        padding: 15px 10px !important;
    }

    .custom_header div#sidebarContainer .mob_signin {
        background-color: #1c1c1c;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        padding: 30px 15px;
        margin-bottom: 15px;
    }

    .custom_header div#sidebarContainer .mob_signup {
        background-color: #1485eb;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        padding: 30px 15px;
    }

    .left_banner h1 {
        font-size: 28px;
    }

    .mission_video video {
        height: 310px;
    }

    .left_our_mission:before {
        display: none;
    }

    .right_our_mission h2 {
        font-size: 1.5em;
    }

    .right_our_mission p {
        font-size: 16px;
    }

    .left_get {
        width: 100%;
    }

    .mid_line {
        display: none;
    }

    .right_get {
        width: 100%;
    }

    section.counter_areas {
        transform: translate(0px, 10%);
    }

    .our_mission_areas {
        padding: 100px 0px 130px;
    }

    .witr_counter_single {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .counter_heading h2 {
        font-size: 1.8em;
    }

    .founders_say_heading h2 {
        font-size: 1.8em;
    }

    .team_bg {
        padding: 80px 0px;
    }

    section.partner_brand_areas {
        padding: 80px 0;
    }

    .partner_box .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 80px;
    }

    section.virtual_cto {
        padding: 80px 0;
    }

    section.bespoke_bg {
        padding: 80px 0px;
    }

    .left_virtual:before {
        display: none;
    }

    .right_bespoke:before {
        display: none;
    }

    .right_virtual p {
        padding-right: 0px;
        font-size: 16px;
    }
    .left_bespoke p {
        padding-right: 0px;
        font-size: 16px;
    }

    .share_btn {
        width: 100%;
    }

    .bespoke_heading h2 {
        font-size: 1.8em;
    }

    .bespoke_heading h2 span {
        font-size: 30px;
    }

    .schedule_box h3::before {
        display: none;
    }

    section.Schedule_consult_area:before {
        width: 90vw;
    }

    .schedule_box {
        text-align: center;
    }

    .schedule_box h3 {
        color: #323232;
        padding: 50px 0 0;
    }

    .schedule_box h3 span {
        color: #323232;
    }
    .appo_btn {
        line-height: 0;
        margin-bottom: 70px;
        margin-top: 30px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .right_virtual h2 {
        font-size: 34px;
    }
    .left_bespoke h2 {
        font-size: 34px;
    }
    section.bespoke_development {
        padding: 70px 0;
    }
    section.banner_section_divider_black:before {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #292929;
        border-bottom: 40px solid transparent;
        left: 50%;
    }
    section.banner_section_divider_white:before {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #f5f5f5;
        border-bottom: 40px solid transparent;
        left: 50%;
    }
    .newslatter_head h4 {
        font-size: 16px;
    }
    .test_client_box {
        width: 250px;
        height: auto;
    }
    .left_banner h6 {
        padding-right: 0;
        font-size: 16px;
    }
    .footer_map_areas {
        width: 80%;
        height: 450px;
    }
    section.our_founders_say_areas {
        padding: 60px 0 70px;
    }

    section.get_in_touch {
        padding: 50px 0 120px;
    }
    .right_virtual img {
        width: 75px;
        margin-left: 15px;
    }
    .address_one_box {
        flex-direction: column-reverse;
    }
    .left_address {
        width: 100%;
    }
    .right_map_areas {
        width: 100%;
        padding: 15px;
        text-align: center;
    }
    section.contact_page_areas {
        padding: 70px 0;
    }
    .right_con_panel {
        height: auto;
    }
    .inner_center_text nav ol.breadcrumb li.breadcrumb-item.active {
        font-size: 3.3em;
    }
    .partner_slide_box img {
        object-fit: contain;
        height: 100%;
    }
    .sustaible_logo img {
        width: 100%;
    }
    .upcoming_address h3 {
        font-size: 16px;
    }
    .mb_20 {
        margin-bottom: 20px;
    }
    .upcoming_map_areas img {
        max-height: max-content;
    }
    .left_contact {
        height: auto;
    }
    section.hard_consul_bg{
        padding: 50px 0;
    }
    section.soft_consul_bg{
        padding: 50px 0;
    }



}

/*------------------------------
| End 991px Media Screen Design 
------------------------------*/

/*------------------------------
| Start 880px Media Screen Design 
------------------------------*/
@media (max-width: 880px) {}

/*------------------------------
| End 880px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 768px Media Screen Design 
------------------------------*/
@media (max-width: 768px) {}

/*------------------------------
| End 768px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 767px Media Screen Design 
------------------------------*/
@media (max-width: 767px) {
    .left_banner h1 {
        padding-left: 0px;
    }
    .left_banner h6 {
        padding-left: 0px;
    }
    .left_banner button {
        margin-left: 0px;
    }
    .d_str {
        display: flex;
        align-items: center;
    }
    .p_less{
        padding: 0 15px !important;
    }

    .left_banner {
        padding: 150px 0 40px;
        height: 100%;
        text-align: center;
    }

    .right_banner {
        position: relative;
        height: auto;
        width: 100%;
        text-align: center;
    }

    .right_banner img {
        position: relative;
        width: 50%;
        bottom: 0;
        margin-top: 0;
        right: 0px;
    }

    .our_mission_areas {
        padding: 50px 0px 100px;
    }

    .right_our_mission {
        transform: translate(0px, 30px);
        text-align: center;
    }
    .right_our_mission p {
        font-size: 16px;
        text-align: center;
    }

    section.counter_areas {
        transform: translate(0px, 50px);
    }

    .tlients_details {
        margin-top: 40px;
    }

    .right_our_mission h2 {
        font-size: 1.8em;
    }

    .tlients_details {
        margin-top: 20px;
        flex-direction: column;
    }
    .t_clients_mob_logo {
        display: block !important;
    }
    .t_clients_mob_logo img{
        width: 100px !important;
        height: 100px !important;
        object-fit: contain;
    }
    .t_heading_brief {
        text-align: center;
        margin-top: 20px;
    }
    .content_t_areas p {
        font-size: 16px;
        text-align: center;
    }

    .right_our_mission h2 {
        font-size: 1.8em;
    }

    .podcast_heading h2 span {
        font-size: 1.8rem;
    }

    .podcast_heading h2 {
        font-size: 1.8em;
        padding-bottom: 30px;
    }

    .pod_title_details h3 {
        font-size: 1em;
    }

    .get_in_heading h2 {
        font-size: 1.8em;
    }

    section.get_in_touch {
        padding: 50px 0;
    }

    .social_follow ul {
        display: block;
    }

    .social_follow ul li {
        margin-right: 0;
        display: inline-block;
        margin-bottom: 10px;
    }

    section.our_founders_say_areas {
        padding: 50px 0 50px;
    }

    section.podcast_areas {
        padding: 50px 0 50px;
    }

    .podcast_box .owl-dots {
        margin-top: 40px !important;
    }

    .m_b_15 {
        margin-bottom: 15px;
    }

    .m_b {
        margin-bottom: 20px !important;
    }

    .inner_banner_areas {
        height: 300px;
    }

    .right_virtual {
        margin-top: 40px;
    }

    .left_bespoke {
        margin-top: 40px;
    }

    .flex_d {
        display: flex;
        flex-direction: column-reverse;
    }

    .team_left_modal {
        text-align: center;
    }

    .team_right_modal {
        text-align: center;
        margin-bottom: 40px;
    }

    .team_right_modal img {
        width: 100%;
    }

    section.virtual_cto {
        padding: 80px 0;
    }

    section.bespoke_bg {
        padding: 50px 0px;
    }

    .team_bg {
        padding: 50px 0px;
    }

    section.log_bg {
        padding: 50px 0;
    }

    footer {
        padding: 50px 0px;
    }
    section.bespoke_development {
        padding: 50px 0;
    }
    section.partner_brand_areas {
        padding: 50px 0;
    }
    .partner_box .owl-dots {
        margin-top: 50px;
    }
    section.banner_section_divider_black:before {
        left: 47%;
    }
    section.banner_section_divider_white:before {
        left: 47%;
    }
    .mid_arrow {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #292929;
        z-index: 1;
    }
    .mid_arrow_white {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 40px solid #f5f5f5;
        z-index: 1;
    }
    .founders_say_heading {
        padding: 0px 0 30px;
    }
    .footer_map_areas {
        width: 100%;
        height: 450px;
    }
    .inner_center_text p {
        padding: 0 0%;
    }
    .flex_rev_contact{
        flex-direction: column-reverse;
    }
    .left_contact_heading {
        margin-top: 40px;
    }
    section.contact_page_areas {
        padding: 50px 0;
    }
    .t_clients_logo {
        display: none;
    }
    .sustaible_logo img {
        width: 50%;
    }
    .sustaible_click {
        font-size: 1em;
    }
    .form_areas {
        height: auto;
    }
    .home_get_in_touch {
        height: auto;
    }
    .flex_c_rev {
        display: flex;
        flex-direction: column-reverse;
    }
    .sec_head_heading {
        margin-top: 30px;
    }
    .soft_three_box{
        height: auto;
    }


}

/*------------------------------
| End 767px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 736px Media Screen Design 
------------------------------*/
@media (max-width: 736px) {}

/*------------------------------
| End 736px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 680px Media Screen Design 
------------------------------*/
@media (max-width: 680px) {
    section.Schedule_consult_area:before {
        width: 95vw;
    }
}

/*------------------------------
| End 680px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 580px Media Screen Design 
------------------------------*/
@media (max-width: 580px) {
    .counter_heading h2 {
        font-size: 1.8em;
    }

    .founders_say_heading h2 {
        font-size: 1.8em;
    }

    .podcast_heading h2 span {
        font-size: 1.8rem;
    }

    .get_touch_box {
        padding: 40px 15px;
    }

    .get_touch_box form {
        padding: 0 15px;
    }

    .create_aacount h5 {
        font-size: 20px;
    }

    .right_virtual h3 {
        font-size: 16px;
    }

    .right_virtual h2 {
        font-size: 30px;
    }

    .left_bespoke h3 {
        font-size: 16px;
    }

    .left_bespoke h2 {
        font-size: 30px;
    }

    .parner_scroll_heading h2 span {
        font-size: 24px;
    }

    .parner_scroll_heading h2 {
        font-size: 1.8em;
    }

    .log_form_areas input[type=text] {
        margin-bottom: 30px;
    }

    .bespoke_heading h2 {
        font-size: 1.6em;
    }

    .bespoke_heading h2 span {
        font-size: 20px;
    }

    .schedule_box h3 {
        font-size: 1.8em;
    }

    .schedule_box h3 span {
        font-size: 1.8rem;
    }
    .footer_map_areas {
        width: 100%;
        height: 280px;
        background-position: 0px;
    }
    section.banner_section_divider_black:before {
        left: 45%;
    }
    section.banner_section_divider_white:before {
        left: 45%;
    }


}

/*------------------------------
| End 580px Media Screen Design 
------------------------------*/



/*------------------------------
| Start 540px Media Screen Design 
------------------------------*/
@media (max-width: 540px) {}

/*------------------------------
| End 540px Media Screen Design 
------------------------------*/

/*------------------------------
| Start 480px Media Screen Design 
------------------------------*/
@media (max-width: 480px) {
    .clients_bg_box::before {
        display: none;
    }

    .clients_bg_box {
        justify-content: center;
    }

    .tlients_details {
        margin-top: 0px;
    }

    .register_box_areas ul {
        display: block;
    }

    .register_box_areas .tab_btn.active {
        margin-right: 5px;
        font-weight: 800;
        font-size: 14px;
        margin-bottom: 15px;
        width: 100%;
    }

    .register_box_areas .tab_btn {
        margin-right: 5px;
        font-weight: 800;
        font-size: 14px;
        margin-bottom: 15px;
        width: 100%;
    }

    button.btn.btn-warning.btn_one {
        font-size: 16px;
    }

    .create_aacount h5 {
        font-size: 16px;
    }

    .log_mid_areas {
        padding: 40px 20px;
    }
    .inner_center_text nav ol.breadcrumb li.breadcrumb-item.active {
        font-size: 40px;
    }


}

/*------------------------------
| End 480px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 375px Media Screen Design 
------------------------------*/
@media (max-width: 375px) {}

/*------------------------------
| End 375 px Media Screen Design 
------------------------------*/


/*------------------------------
| Start 320px Media Screen Design 
------------------------------*/
@media (max-width: 320px) {}

/*------------------------------
| End 320px Media Screen Design 
------------------------------*/