@media only screen and (min-width:0px) and (max-width:400px) {
    section#block-googlemap .gmap_canvas {
      width: 368px;
      height: 400px;
    }
    section#block-googlemap .gmap_iframe {
      width: 100% !important;
      height: 400px;
    }
    .block-webform #edit-captcha-response,
    .block-webform #edit-captcha-response--2 {
        width: 38%!important;
        float: right;
    }
    .sf-accordion-toggle {
        width: 50%;
        float: right;
        position: absolute;
        top: -33px;
        right: 0;
        text-align: right;
        padding-right: 25px;
    }
    .view-meet-our-team .jcarousel-skin-default .jcarousel li,
    .view-blogs .jcarousel-skin-default .jcarousel li,
    .view-mobile-latest-projects .jcarousel-skin-default .jcarousel li,
    .view-mobile-testimonial .jcarousel-skin-default .jcarousel li {
        width: auto;
    }
    .view-technologies-and-frameworks .view-content {
        width: 307px;
    }
    .view-technologies-and-frameworks .views-row {
        width: 60px;
        height: 35px;
        font-size: 9px;
        line-height: 15px;
        font-weight: normal;
        margin-bottom: 18px;
    }
    .view-technologies-and-frameworks .views-row::before {
        top: -15px;
        border-left: 30px solid transparent;
        border-right: 29px solid transparent;
        border-bottom: 15px solid #0272ba;
    }
    .view-technologies-and-frameworks .views-row::after {
        bottom: -15px;
        border-left: 30px solid transparent;
        border-right: 29px solid transparent;
        border-top: 15px solid #0272ba;
    }
    .view-technologies-and-frameworks .views-row:nth-child(6) {
        margin-left: 31px;
    }
    .view-technologies-and-frameworks .views-row:nth-child(10) {
        margin-left: 61px;
    }
    .view-meet-our-team .views-col,
    .view-our-teams .views-col {
        width: 100% !important;
        max-width: 225px;
        float: none;
        margin: auto auto 15px !important;
        padding-bottom: 15px;
    }
    .view-meet-our-team .views-col.col-4,
    .view-our-teams .views-col.col-4 {
        margin-right: auto !important;
    }
    .view-meet-our-team .views-field.views-field-nothing,
    .view-our-teams .views-field.views-field-nothing {
        bottom: 15px;
        width: 100% !important;
    }
}

@media only screen and (min-width:401px) and (max-width:767px) {
    section#block-googlemap .gmap_canvas {
      width: 100% !important;
      height: 400px;
    }
    section#block-googlemap .gmap_iframe {
      width: 100%!important ;
      height: 400px ;
    }
    .sf-accordion-toggle {
        width: 50%;
        float: right;
        position: absolute;
        top: -40px;
        right: 0;
        text-align: right;
        padding-right: 25px;
    }
    .view-meet-our-team .jcarousel-skin-default .jcarousel li,
    .view-blogs .jcarousel-skin-default .jcarousel li,
    .view-mobile-latest-projects .jcarousel-skin-default .jcarousel li,
    .view-mobile-testimonial .jcarousel-skin-default .jcarousel li {
        width: auto;
        text-align: center;
    }
    .view-blogs .jcarousel-skin-default .jcarousel li img,
    .view-mobile-latest-projects .jcarousel-skin-default .jcarousel li img {
        display: inline-block;
    }
    .view-technologies-and-frameworks .view-content {
        width: 355px;
    }
    .view-technologies-and-frameworks .views-row {
        width: 70px;
        height: 45px;
        line-height: 15px;
        font-size: 11px;
        font-weight: normal;
        margin-bottom: 18px;
    }
    .view-technologies-and-frameworks .views-row::before {
        top: -15px;
        border-left: 35px solid transparent;
        border-right: 34px solid transparent;
        border-bottom: 15px solid #0272ba;
    }
    .view-technologies-and-frameworks .views-row::after {
        bottom: -15px;
        border-left: 35px solid transparent;
        border-right: 34px solid transparent;
        border-top: 15px solid #0272ba;
    }
    .view-technologies-and-frameworks .views-row:nth-child(6) {
        margin-left: 36px;
    }
    .view-technologies-and-frameworks .views-row:nth-child(10) {
        margin-left: 72px;
    }
    .view-meet-our-team .views-col,
    .view-our-teams .views-col {
        width: 48% !important;
        padding-bottom: 0px;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .view-meet-our-team .views-col.col-2,
    .view-our-teams .views-col.col-2 {
        margin-right: 0px;
    }
    .view-meet-our-team .views-col.col-4,
    .view-our-teams .views-col.col-4 {
        margin-right: 0px !important;
    }
    .view-meet-our-team .views-field.views-field-nothing,
    .view-our-teams .views-field.views-field-nothing {
        bottom: 0px;
        width: 100% !important;
    }
    .slideshow-content .desc {
        padding-top: 15px;
        padding-bottom: 20px !important;
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    body {
        padding: 0px;
        margin: 0px;
    }
    .blog_detail_page .image_box img {
        width: 100%;
    }
    #toolbar-administration,
    #admin-menu,
    #toolbar {
        display: none;
    }
    body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
        margin-left: 0px;
    }
    body.toolbar-fixed.sticky #whole_header_area {
        top: 0px;
    }
    html body.admin-menu,
    body.admin-menu,
    body.toolbar-tray-open {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    h2.block-title {
        font-size: 26px !important;
        padding-bottom: 20px !important;
        text-align: center !important;
    }
    .footer_middle_first h2.block-title,
    .footer_middle_second h2.block-title,
    .footer_middle_third h2.block-title {
        font-size: 20px !important;
        text-align: left !important;
    }
    #whole_what_people_say_area,
    #whole_meet_the_team_area,
    #years_of_experience_area,
    #whole_great_app_area,
    #footer_top_area {
        padding: 30px 0px;
    }
    #whole_what_people_say_area {
        width: 100%;
    }
    #latest_project_area .region.region-latest-project,
    #great_app_area .region.region-great-app,
    #years_of_experience_area .region.region-years-of-experience,
    #whole_what_people_say_area .region.region-what-people-say,
    #whole_meet_the_team_area .region.region-meet-the-team,
    #footer_top_area .region.region-footer-top {
        padding: 0 15px;
    }
    body.not-front .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #maindiv {
        width: 100%;
    }
    #main_content_area {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*header area css*/
    #header_area {
        position: relative;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #header_area .logo_area {
        width: 50%;
        padding-left: 15px !important;
        float: left;
    }
    .header_menu_area {
        width: 100%;
        padding: 0px;
    }
    #whole_header_area {
        height: 82px;
    }
    .logo_area img {
        width: 200px;
        height: auto;
    }
    .sf-accordion-toggle {
        top: -42px;
    }
    body.sticky .sf-accordion-toggle {
        top: -37px;
    }
    #superfish-main-toggle span {
        display: inline-block;
        cursor: pointer;
    }
    #superfish-main-toggle span span {
        display: block;
        background: #ff9901;
        height: 4px;
        width: 25px;
        margin-bottom: 5px;
    }
    .sf-accordion-toggle a::after {
        display: none;
    }
    .block-superfish {
        width: 100%;
        text-align: left;
    }
    .view-latest-projects .views-row.row-2 {
        display: none;
    }
    .sticky ul.sf-menu.sf-accordion.sf-expanded {
        margin-top: 0px;
    }
    ul.sf-menu.sf-accordion.sf-expanded,
    ul.sf-menu.sf-accordion li.sf-expanded>ul {
        position: absolute;
        background: #32aee4;
        padding: 10px;
        margin-top: 11px;
        min-height: 264px;
        z-index: 9999;
    }
    .block-superfish ul.sf-menu li {
        margin: 10px 10px 5px !important;
    }
    .block-superfish ul.sf-menu li:hover {
        color: #FF9933;
    }
    .block-superfish ul.sf-menu li a {
        font-size: 13px !important;
        padding: 0px 0px !important;
        color: #fff;
    }
    /*slideshow area css*/
    .views_slideshow_cycle_teaser_section,
    .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide,
    .views_slideshow_cycle_teaser_section .views-field-field-upload-slideshow-image,
    .views_slideshow_cycle_teaser_section .field-content .img-responsive {
        width: 100% !important;
        min-height: 250px;
    }
    .view-id-slideshow .views-field.views-field-nothing {
        padding: 20px 10px;
    }
    .view-id-slideshow .views-field.views-field-nothing .title {
        font-size: 22px;
        line-height: 25px;
        padding-bottom: 10px;
        font-weight: bold;
    }
    .view-id-slideshow .views-field.views-field-nothing .desc {
        width: 100%;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .view-id-slideshow .views-field.views-field-nothing .desc br {
        margin-bottom: 10px;
    }
    .view-id-slideshow .views-field.views-field-nothing .desc p {
        line-height: 20px !important;
    }
    .view-id-slideshow .views-field.views-field-nothing .button a {
        padding: 7px 15px;
    }
    .view-id-slideshow .views_slideshow_controls_text_previous a, .view-id-slideshow .views_slideshow_controls_text_next a {
        background: transparent url(/themes/custom/drupalchamp2022/css/../images/previous.png) no-repeat 50% 50%;
        width: 23px;
        height: 23px;
        border-radius: 0;
        background-size: 20px;
    }
    .view-id-slideshow .views_slideshow_controls_text_next a{
        background: transparent url(/themes/custom/drupalchamp2022/css/../images/next.png) no-repeat 50% 50%;
        background-size: 20px;
    }
    /*Our Latest Projects area css */
    #latest_project_area {
        padding-bottom: 0px;
    }
    .view-latest-projects img {
        width: 100%;
    }
    .path-innerpage .listing {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .view-latest-projects .views-row,
    .view-portfolio-listing .views-row {
        margin-bottom: 45px;
        clear: none;
        float: none;
    }
    .view-latest-projects .views-col,
    .view-portfolio-listing .views-col {
        width: 100% !important;
        margin-bottom: 20px;
        max-width: 355px;
        margin: auto auto 15px !important;
        float: none !important;
    }
    .view-latest-projects .view-header,
    .view-testimonial .view-header,
    .view-our-clients .view-header {
        width: 100% !important;
    }
    #block-views-block-mobile-latest-projects-block-1 .view-header,
    #block-views-block-mobile-testimonial-block-1 .view-header {
        text-align: center;
    }
    .view-mobile-latest-projects .jcarousel-wrapper.jcarousel-skin-default.jcarousel-horizontal {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .view-mobile-latest-projects .jcarousel-skin-default .jcarousel li {
        height: auto;
    }
    .view-mobile-latest-projects .jcarousel {
        border-bottom: 3px solid #d1d1d1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background: #f7f7f7;
        text-align: center;
    }
    .view-mobile-latest-projects .views-field.views-field-title a {
        font-size: 15px;
        padding: 15px;
        font-weight: bold;
        color: #4b4037;
        min-height: 60px;
        text-align: center;
        display: block;
    }
    .view-mobile-latest-projects .views-field.views-field-title a:hover {
        color: #2499ce;
    }
    /*great app area css*/
    #whole_great_app_area {
        width: 100%;
        height: auto;
        background: #32aee4;
    }
    #great_app_area {
        padding: 0px;
    }
    #great_app_area p {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 15px;
        padding: 0px;
    }
    #great_app_area h1.bold_text {
        padding-bottom: 15px;
        font-size: 32px;
        color: #fff;
    }
    #great_app_area .button a {
        padding: 7px 15px;
        margin-top: 0px;
    }
    #great_app_area .button a:hover {
        background: #555555;
        color: #32aee4;
    }
    /*years of experience area css*/
    #years_of_experience_area .block-block-content {
        width: 100% !important;
    }
    .years_experience_box {
        margin-bottom: 25px;
    }
    .years_experience_box .years_experience_date_box {
        font-size: 70px;
        line-height: 50px;
        width: 100%;
        text-align: center;
    }
    .years_experience_box .years_experience_text {
        width: 100%;
        padding: 45px 10px 0px 10px !important;
        text-align: center;
    }
    .years_experience_box .years_experience_text a {
        padding: 7px 15px;
    }
    .years_experience_box .years_experience_text a:hover {
        background: #555555;
        color: #32aee4;
    }
    table.counter-block {
        width: 100%;
    }
    table.counter-block tr td.bold_text {
        font-size: 45px;
        line-height: 35px;
    }
    table.counter-block tr td .small_text {
        margin-top: 10px;
        font-size: 13px;
    }
    table.counter-block tr td.third,
    table.counter-block tr td.fourth {
        padding-top: 20px !important;
    }
    /*Meet Our Team area css*/
    #whole_meet_the_team_area {
        margin-top: 0px;
    }
    #block-views-block-meet-our-team-block-1-2 {
        width: 100%;
    }
    /*What Our Clients Say area css*/
    .view-testimonial .views-col {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .view-testimonial .views-field.views-field-nothing {
        margin-bottom: 0px;
        text-align: center;
    }
    .view-testimonial .views-col .views-field-body {
        line-height: 20px;
        min-height: 125px;
    }
    /*Latest Blog Posts area css */
    .view-blogs .img {
        width: 100%;
    }
    .view-blogs .col-2,
    .view-testimonial .views-col.col-2,
    .view-latest-projects .views-col.col-2,
    .view-portfolio-listing .views-col.col-2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .view-blogs .views-col {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .view-blogs .blogs_title {
        min-height: 0px;
        text-align: center;
    }
    /*Worked With Clients area css*/
    .view-latest-projects .view-header,
    .view-testimonial .view-header,
    .view-our-clients .view-header,
    .view-mobile-our-clients .view-header {
        width: 100%;
        font-size: 15px;
        text-align: center;
    }
    .view-latest-projects .view-header,
    .view-testimonial .view-header,
    .view-our-clients .view-header {
        width: 100%;
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .view-our-clients .views-view-grid .views-col {
        padding: 5px;
    }
    .view-mobile-testimonial .image .img-responsive {
        margin: auto;
        border-radius: 40px;
        border: 1px solid #e7e7e7;
        padding: 3px;
    }
    .view-mobile-testimonial .title {
        font-size: 20px;
        padding-top: 25px;
        text-align: center;
        margin-bottom: 25px;
    }
    .view-mobile-testimonial .views-field-body {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
    }
    /*footer area css*/
    #whole_footer_middle_area {
        padding: 25px 0px;
    }
    .footer_middle_first .region.region-footer-middle-first,
    .footer_middle_second .region.region-footer-middle-second {
        margin-bottom: 35px;
    }
    ul.menu.nav.navbar-nav li a {
        padding-bottom: 15px;
    }
    .footer_middle_second #block-sociallink-2 {
        padding-top: 0px;
    }
    .footer_middle_second .navbar-nav {
        margin: 0px;
    }
    #block-mainnavigation-4 ul.menu--main {
        margin: 0px;
        padding: 20px 0px;
    }
    #block-mainnavigation-4 ul.menu--main li a {
        padding-bottom: 15px;
    }

    #block-sociallink {
         margin-left: 0 !important;
    }

    .footer_middle_third.col-lg-4 {
        padding-left: 13px;
        float: none !important;
    }
    ul.menu.menu--main.nav.navbar-nav {
        padding-left: 18px !important;
    }
    /*login page css*/
    #page_header {
        padding: 15px 0px;
        font-size: 20px;
    }
    #user-login-form {
        width: 100%;
        padding: 15px;
        border-radius: 5px;
    }
    #backtotop {
        width: 30px;
        height: 30px;
        border-radius: 3px;
    }
    .jcarousel-wrapper.jcarousel-skin-default .jcarousel-control-prev,
    .jcarousel-wrapper.jcarousel-skin-default .jcarousel-control-next {
        display: block;
    }
    body.node-contact-us #midcontent_area .block-webform {
        width: 100%;
        float: left;
    }
    body.node-contact-us #midcontent_area .block-block-content {
        width: 100%;
        padding: 0;
        border: 1px solid #ddd;
        float: left;
        background: #f7f7f7;
    }
    body.sidebar-second.node-blogs #midcontent_area,
    body.sidebar-second.page-node-type-blogs #midcontent_area {
        padding-right: 0px;
        width: 100%;
    }
    .view-view-blogs .views-row {
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
    }
    .view-view-blogs .views-row .views-row {
        margin: 0px;
        padding: 0px;
    }
    .blog_listing_bottom_box,
    .blog_detail_top_box {
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 10px 0px;
    }
    .blog_listing_left .image_box {
        float: left;
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }
    .view-portfolio-listing .views-row .views-col .views-field-field-upload-screenshot-image {
        margin-bottom: 15px;
        text-align: center;
    }
    .view-portfolio-listing .views-row .views-col .views-field-field-upload-screenshot-image img,
    .blog_listing_left .image_box img {
        max-width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    body.sidebar-second #midcontent_area {
        width: 100%;
    }
    #sidebar_second_area {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .blog_listing_right {
        float: left;
        width: 100%;
    }
    .view-testimonial .what-people-say .image {
        width: 70px;
    }
    .view-testimonial .views-field.views-field-nothing .title {
        width: 70%;
        float: left;
        font-size: 20px;
        padding-top: 10px;
        text-align: left;
        padding-left: 15px;
    }
    .testimonial_video_box .watch_video_link {
        text-align: left;
        top: -50px;
        width: 100%;
        left: 85px;
    }
    .testimonial_video_box .watch_video_link a {
        display: inline-block;
    }
    #cboxLoadedContent video {
        height: auto !important;
        width: 100% !important;
    }
    #block-weworkontechnologiesframeworks {
        margin: auto;
        width: 96%;
    }
    #block-weworkontechnologiesframeworks .field--name-body img {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .view-latest-projects.view-id-latest_projects .views-row .views-col,
    .view-testimonial.view-id-testimonial .views-row .views-col {
        display: none;
    }
    .view-latest-projects.view-id-latest_projects .views-row .views-col.col-1,
    .view-testimonial.view-id-testimonial .views-row .views-col.col-1 {
        display: block;
    }
    .view-latest-projects .view-footer {
        margin-bottom: 10px;
    }
    #block-views-block-technologies-and-frameworks-block-1 h2 {
        max-width: 100%;
        line-height: 30px;
        margin-bottom: 20px;
        font-size: 19px !important;
        padding: 0px 10px;
    }
    .blog_listing_bottom_box table tr td,
    .blog_detail_top_box table tr td {
        display: block;
        width: 100% !important;
        margin-bottom: 10px;
    }
    #midcontent_area article .content table tr td {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .blog_detail_description img {
        max-width: 100%;
    }
    .view-our-teams .views-field.views-field-nothing {
        min-width: 100% !important;
        width: 100% !important;
    }
    .view-meet-our-team .views-field.views-field-nothing::before,
    .view-our-teams .views-field.views-field-nothing::before {
        transform: skew(0deg);
    }
    #block-get7daysfreetrial .left-column {
        text-align: center;
    }
    #block-get7daysfreetrial .left-column h2 {
        font-size: 26px;
    }
    #block-get7daysfreetrial .right-column {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        overflow: hidden;
    }
    #block-get7daysfreetrial .right-column a {
        padding: 7px 20px;
        display: inline-block;
        transition: all 0.5s ease;
        margin-left: 0px;
        overflow: hidden;
    }
    #block-sdlcblock .col-lg-4 {
        margin-top: 0px;
    }
    #block-sdlcblock .col-lg-4,
    #block-sdlcblock .col-lg-2 {
        margin-bottom: 25px;
        text-align: center;
    }
    #whole_inner_banner_area .block {
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #whole_sdlc_area {
        padding: 30px 0px 25px 0px;
    }
    #whole_sdlc_area::before {
        border-width: 30px 0px 0px 80vh;
    }
    #whole_sdlc_area::after {
        border-width: 0px 0px 30px 80vh;
    }
    #block-aboutususefulllinks {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #block-aboutususefulllinks ul li {
        width: 100%;
        text-align: left;
        margin-left: 0px;
    }
    #block-douceinfotechtimeline {
        margin-top: 25px;
    }
    #whole_inner_banner_area h2.block-title {
        width: 100%;
    }
    /* timeline css */
    .timeline_area::after {
        left: 31px;
    }
    .timeline {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    .timeline::before {
        left: 60px;
        border: medium solid #f7f7f7;
        border-width: 10px 10px 10px 0;
        border-color: transparent #f7f7f7 transparent transparent;
    }
    .timeline-left::after,
    .timeline-right::after {
        left: 10px;
    }
    .timeline-right {
        left: 0%;
    }
    ul.menu.nav.navbar-nav li {
        float: left;
        width: 50%;
    }
    #block-aboutus .field--name-body p {
        width: 100%;
        padding-right: 0px;
    }
    #block-aboutus {
        background: #00adef;
        color: #fff;
        text-align: left;
    }
    .ui-dialog {
        width: 96% !important;
        left: 2% !important;
    }
    section#block-yearsofexperienceblock {
        width: 100% !important;
    }
    #slideshow_area {
        background: #32aee4;
    }
    #slideshow_area .view-slideshow img {
        display: none;
    }
    #years_of_experience_area,
    #whole_what_people_say_area {
        padding-bottom: 0px !important;
    }
    #years_of_experience_area .views-row {
        margin-bottom: 0px !important;
    }
    #whole_blog_area {
        padding-bottom: 15px !important;
    }
    .view-id-slideshow .views-field.views-field-nothing .desc p {
        font-weight: normal;
    }
    .view-testimonial.view-display-id-block_1 .view-footer {
        margin: 15px 0px !important;
    }
    .view-id-slideshow .views-field.views-field-nothing .desc {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .view-id-slideshow .views_slideshow_controls_text_previous a {
        left: 1.5% !important;
    }
    .view-id-slideshow .views_slideshow_controls_text_next a {
        right: 1.5% !important;
    }   
    .view-id-slideshow .views-field.views-field-nothing .button:hover a {
        border-radius: 5px;
    }
    #block-aboutususefulllinks ul li a {
        padding: 10px 15px;
        width: 100%;
        text-align: center;
        border-radius: 25px;
    }
    .blog_listing_right ul li {
        width: 100%;
        list-style: none;
        padding-right: 0px;
    }
    .blog_listing_right ul li.blog_add_to_any {
        margin: 10px 0px;
    }
    #block-sdlcblock h3 {
        font-size: 35px;
    }
    #block-whydouceinfotechpvtltdonly .col-sm-3 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        min-height: auto;
    }

    /********** contect-us page *************/
    .node-contact-us div#main_content_area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .node-contact-us body.sidebar-first #midcontent_area {
        width: unset !important;
        float: unset !important;
        margin-top: unset !important;
    }
    .node-contact-us .region-sidebar-first img {
        float: unset !important;
    }
    body.node-contact-us #midcontent_area .block-webform {
        width: unset !important;
        float: unset !important;
    }
    .node-contact-us section#block-webform .webform-submission-get-in-touch-form,
    section#block-webform .webform-submission-get-in-touch-form {
        padding: unset !important;
        max-width: 100% !important;
    }
    body.node-contact-us #midcontent_area .block-webform .form-control {
        width: 100% !important;
        float: unset !important;
        margin-left: unset !important;
    }
    .node-contact-us #sidebar_first_area {
        width: 100% !important;
    }
    .node-contact-us .region-sidebar-first img {
        width: 55%;
        height: auto;
    }
    .node-contact-us .region-sidebar-first .field--type-text-with-summary {
        text-align: center;
    }
    .node-contact-us .description h2{
        font-size: 14px;
        font-weight: 700;
        line-height: 2;

    }
    .node-contact-us .description p {
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }
    .node-contact-us .support-all{
        margin-bottom: 20px;
    }
    .node-contact-us .description {
        padding-left: 0px;
    }
    .node-contact-us .support-all h2 {
        font-size: 17px;
    }
   
}