@charset "utf-8";
/* CSS Document */
.mobile_only_heading{ display:none;}
@media screen and (max-width: 1400px) {
.info_graphic_pan_one .step_one i, .info_graphic_pan_two .step_one i {
    width: 70px;
    height: 70px;
    font-size: 31px;
    line-height: 70px;
}
.info_graphic_pan_one .step_one::after {
    top: 22%;
}
.info_graphic_pan_one .step_one.last::before {
    top: 26px;
}
.info_graphic_pan_two .step_one::before {
    right: -36px;
    top: 32px;
}
.info_graphic_pan_two .step_one::after {
    position: absolute;
    left: 89%;
    top: 25%;
    width: 60px;
    display: block;
    content: '- - - - - -';
}
.info_graphic_pan_two .step_one {
    margin-right: 40px;
}
.info_graphic_pan_two .step_one.last::before {
    right: -51px;top: 27px;
}
.info_graphic_pan_three .step_one i{
    width: 70px;
    height: 70px;
    font-size: 31px;
    line-height: 70px;
}
.info_graphic_pan_three .step_one::before {
    right: -5px;
    font-size: 32px;
}
.info_graphic_pan_two .step_one span{ width:70px;}
.info_graphic_pan_two .step_one::before {
    font-size: 33px;
}
.auto_box.simple{min-height:380px;text-align: center;width: 23.7%;}
.steps2 .right_step span{ line-height:1;}
.steps3 .left_step span{ line-height:1;}
.steps2 .right_step{ padding-top:0px;}
.steps3 .left_step { padding-top: 40px;}
.success_pan h3 {font-size: 53px;}
.est-sec .icon-box-new {width: 24%;}
.success_pan .icon_box p {  font-size: 18px;}
.footer .fourth .left address {
    font-size: 15px;
}
.govt_logo li.logo2 .customer_logo_pan {
    width: 46%;
}
.govt_logo li.logo1 .customer_logo_pan {
    width: 108px;
}
.tech_list_icon li{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 160px;
    padding-top: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;}
    .page-id-7133 .banner_text h3 {margin-left: -550px;}
    .accessibility-card {width: 80%;}
    .interface-capabilities .card {min-height: 265px;}
}
@media screen and (max-width: 1360px) {
    .page-id-7133 .banner_text h3 {font-size: 55px;margin-left: -500px;}
}
@media screen and (max-width: 1260px) {
    .page-id-7133 .banner_text h3 {font-size: 50px;margin-left: -500px;}
}
@media screen and (max-width: 1220px) {
	.banner_text{ left:50%;}
	.success_pan h3 {font-size: 48px;}
	.client_review_sec h3 {font-size: 48px;}
	.success_pan .icon_box p {font-size: 18px;}
	.button_pan3 {text-align: left; display: block; padding-left: 0%;}
	.icon-box.icon_right .box_icon + .box-wrap h3 {font-size: 33px;}
	.icon-box.icon_left .box_icon + .box-wrap h3 {font-size: 33px;}
	.icon-box.icon_left .box_icon + .box-wrap p, .icon-box.icon_right .box_icon + .box-wrap { font-size: 18px;}
	.we_hear h3 {font-size: 40px;}
	.we_hear ul li {font-size: 24px;}
	.success_pan .icon_box { min-height: 234px;}
	.est-sec .icon-box-new figcaption { font-size: 20px; line-height: 23px; padding:0px 5px;}
	.est-sec .icon-box-new figure { width: 200px; height: 200px;}
	.est-sec .icon-box-new figure img { width: 60%; max-width: 80%;}
	.our_process_sec h3 {font-size: 46px;}
	.steps .left_step h4 {font-size: 34px;}
	.steps .left_step span { font-size: 86px; width: 71px;}
	.steps .right_step p { font-size: 22px; line-height: 30px;}
	.steps2 .left_step p{ font-size: 22px; line-height: 30px;}
	.steps2 .right_step h4{font-size: 34px;}
	.steps2 .right_step span{ font-size: 86px; width: 71px;}
	.steps3 .left_step h4{font-size: 34px;}
	.steps3 .left_step span{ font-size: 86px; width: 71px;}
	.steps3 .right_step p{ font-size: 22px; line-height: 30px;}
	.steps .middle_step figure { width: 250px; height: 250px;}
	.steps .middle_step figure span { width: 225px; height: 225px;}
	.steps .middle_step figure span .alignnone { margin: 0px;}
	.steps2 .middle_step figure{ width: 250px; height: 250px;}
	.steps2 .middle_step figure span { width: 225px; height: 225px;}
	.steps2 .middle_step figure span .alignnone { margin: 0px;}
	.steps3 .middle_step figure{ width: 250px; height: 250px;}
	.steps3 .middle_step figure span { width: 225px; height: 225px;}
	.steps3 .middle_step figure span .alignnone { margin: 0px;}
	.table_section.table_section_md.main_services{ background-size:100% 101% !important;}
	.banner_text h3{ font-size:50px;}
	.footer .fourth .left address{ font-size:15px;}
	.icon-box.icon_left .box_icon img, .icon-box.icon_right .box_icon img{ width:80%;}
	.we_hear ul li img{ width:75px;}
	.we_hear ul li{ min-height:77px;}
	.steps2 .right_step{ padding-top:90px;}
	.steps3 .left_step { padding-top: 90px;} 
}

@media screen and (max-width: 1200px) {
	.info_graphic_pan_one { width: 30%;}
	.info_graphic_pan_three { width: 38%; margin-top:10px;}	
	.info_graphic_pan_two .step_one.last::before { right: -61px; top: 38px; rotate: 90deg;}
	.our_process{ padding-left:15px;}
	.info_graphic_pan_two .step_one::before {top: 27px;}
	.faq_sec .tab_content { padding: 10px 0px;}
	.info_graphic_pan_three .step_one::before {left: 52px;font-size: 32px;right: auto;}
	.info_graphic_pan_three .step_one{ vertical-align:top;}
	.industry-pie-outer {width: 400px; height: 400px;}
	.half-slice h3 {font-size: 23px !important;}
	.slice-contents-inner img { width: 63px;}
	.prod-label-outer.for-slice1 { left: 227px;}
	.prod-label-outer.for-slice2 {left: 386px;}
	.prod-label-outer.for-slice3 { top: 280px; left: 371px;}
	.prod-label-outer.for-slice4 {top: 389px;}
	.flexable_plan_box.small {
	    width: 32%;
	}
	.flexable_plan_box {
	    width: 32%;
	}
	.flexable_plan{ text-align:center;}
	.page-template-mobile-app-page .banner_slider .banner_text h3 .read_more {margin-top: 25px;}
	.page-template-mobile-app-page .banner_slider .banner_text{top: 55%;}
	.webuild-section .build-box .logo-panel ul li{padding: 2px;} 

	/*.govt_logo li.logo1 { width: 32%;}
	.govt_logo li.logo2 { width: 66%;}*/
	.tech_list_two li, .tech_list li{width: 32.7%;}
	.tech_list li .brand_icon_box figcaption, .tech_list_two li .brand_icon_box figcaption {font-size: 16px;}
	.page-id-7133 .banner_text h3 {font-size: 45px;}
	.accessibility-card {width: 90%;}
}

@media screen and (max-width: 1135px) {
.auto_box { height: 435px;}
.faq_icon_box {width: 225px;}
.faq_sec .tab_content { padding: 10px 0px;}
.page-id-7133 .banner_text h3 {margin-left: -430px;}
}
@media screen and (max-width: 1100px) {
	.page-template-mobile-app-page .banner_slider .banner_text h3 {
	    font-size: 43px;
	}
	.page-template-mobile-app-page .techstacks-section .tech-panel .list li{ width: 35%; }
}
@media screen and (max-width: 1095px) {
.govt_logo li.logo1 { width:100%;}
.govt_logo li.logo2 { width: 100%;}
/*.govt_logo li.logo2 a { padding-top: 9px;}*/
.three-grid-panel .govt_logo li:last-child img{ width:100%!important;}
.tech_list li .brand_icon_box figcaption, .tech_list_two li .brand_icon_box figcaption {font-size: 14px;}
.accessibility-card .card .card-body h5 {font-size: 19px;}
}

@media screen and (max-width: 1072px) {
.info_graphic_pan_one { width: 35%;}
.info_graphic_pan_two { width: 50%;}
.info_graphic_pan_three { width: 55%;}
.auto_box.simple figure img{width:auto; height:auto;}
.page-id-7133 .banner_text h3 {margin-left: -390px;}
}
@media screen and (max-width: 1030px) {
    .interface-capabilities .card {min-height: 282px;}
}
@media screen and (max-width: 1024px) {
	.banner_text { padding-left: 0%;}
	.icon-box.icon_right .box_icon + .box-wrap h3 { font-size: 27px;}
	.icon-box.icon_left .box_icon + .box-wrap h3 { font-size: 27px;}
	.success_pan h3 { font-size: 40px;}
	.est-sec .icon-box-new figure { width: 160px; height: 160px;}
	.est-sec .icon-box-new figure img { width: 60%; max-width: 80%;}
	.est-sec .icon-box-new figcaption{ font-size:18px;}
	.firstfield_block input[type="text"] {width: 100%; margin-bottom: 15px;}
	.page-template-mobile-app-page .webuild-section .flexable_plan_box:nth-child(3) .logo-panel ul li{width: 20%; }
	.page-template-mobile-app-page .app-back .mobile-mode{ text-align: center; }
	.tech_list_icon li{width: 31.03%;}
	.accessibility-card {width: 100%;}
}
@media screen and (max-width: 991px) {
	.page-template-mobile-app-page .banner_slider .mobile-button {left: 0;width: 100%;text-align: center;}
	.page-template-mobile-app-page .app-back{ padding-top: 50px; padding-bottom: 50px; }
	.page-template-mobile-app-page .app-back h3 {text-align: center;}
	.page-template-mobile-app-page .app-back p {text-align: center;}
	.page-template-mobile-app-page .app-back .left_pan figure{ padding-top: 20px;text-align: center;}
	.page-template-mobile-app-page .webuild-section .build-box{width: 49.13%;}
	.page-template-mobile-app-page .techstacks-section .flexable_plan_box {width: 100%;}
	.page-template-mobile-app-page .app-back .desktop-mode{ display: none; }
	.page-template-mobile-app-page .app-back .left_pan .mobile-mode{ display: block; }
	.tech_list_icon li {float: none;display: inline-block;}
	.tech_list_icon {text-align: center;}
	.page-id-7133 .banner_text h3 {margin-left: 0;}
	.banner_slider.medeium_height:before{content:"";width:100%;height:100%;left:0;top:0; background-color:rgba(0,0,0,0.19);position:absolute;}
	.page-id-7133 .banner_text h3 {color: #FFF;}
}
@media screen and (max-width: 939px) {
    .interface-capabilities .card .card-image-section h4 {font-size: 19px;}
    .interface-capabilities .card {min-height: 299px;}
}
@media screen and (max-width: 917px) {
	.tech_list_two li, .tech_list li {width: 49%;}
	.tech_list li .brand_icon_box figcaption, .tech_list_two li .brand_icon_box figcaption {font-size: 16px;}
	.accessibility-card .card .card-body h5 {font-size: 17px;}
	.accessibility-card .card .card-body h5 span {font-size: 13px;}
}
@media screen and (max-width: 990px) {
	.container { padding-left: 0px;}
	.mobile_nav_trigger {display: block; position: absolute; right: 70px; z-index: 8; top: 5px;}
	.toggle_menu_side { background: #0957a4;line-height: 0.7;width: 45px;height: 37px;}
	.toggle_menu_side span { display: inline-block; height: 3px; width: 34px; background-color: #fff; margin: 3px 0; border-radius:15%;transition: all 0.3s ease-in-out;}
	.header_right_buttons { padding-right: 72px;}
	.table_section.table_section_md.main_services .left-column,
	.table_section.table_section_md.main_services .middle-column,
	.table_section.table_section_md.main_services .right-column{ width:100% !important; display:block !important;}
	.table_section.table_section_md.main_services .middle-column{ padding-bottom:25px;}
	.table_section.table_section_md.main_services .middle-column img{ width:138px;}
	.icon-box { display: block; text-align:center;}
	.icon-box.icon_left .box_icon, .icon-box.icon_right .box_icon { -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; margin: 0px auto 15px auto;}
	.icon-box.icon_right { text-align: center;}
	.success_pan .icon_box { min-height:auto; margin-top: 25px; margin-bottom: 0px;}
	.success_pan h3 br{ display:none;}
	.success_pan h3 { font-size: 40px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}
	.success_pan .icon_box p { font-size: 18px; width: calc(100% - 140px); display: inline-block; padding-left: 25px; padding-top: 34px;}
	.button_pan .read_more{ margin-top:0px;}
	.logo_carousel_sec h3 {font-size: 42px;}
	.footer .col-xs-12 { width:600px; margin:0px auto; float:none;}
	.banner_text{ width:100%;}
	.tabs li { display: inline-block;}
	#web-design-packages .right_pan { text-align:center;}
	.button_pan2 { padding-left: 0; text-align: center;}
	.brand_icon_box{ width:24%;}
	.sample_of_work .fadedbox {  padding: 15% 20px;}
	.termly-consent-banner-termly-banner-774e7d {
    width: calc(100% - 0px) !important;
    min-height: 54px !important;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 0px !important;
    border-width: 0 !important;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.2) !important;
    left: 0 !important;}
	.auto_box.simple{min-height:470px;text-align: center;width: 48.7%;}
	.main-header-wrap.fixed-nav { position: fixed; width: 100%; top: 0px; z-index: 2; background-color:rgba(1, 1, 1, 0.7);}
	.main-header-wrap.fixed-nav .page_header_wrapper {height: auto !important;}
	/*.mobile_nav_trigger .toggle_menu_side.is-active{ display:none;}
	.responsive-menu-open .header_right_buttons { padding-right: 15px;-webkit-transition: padding-right 0.35s; -o-transition: padding-right 0.35s; transition: padding-right 0.35s; -moz-transition: padding-right 0.35s; -ms-transition: padding-right 0.35s;}*/
}

@media screen and (max-width: 880px) {
	.steps .left_step, .steps2 .left_step, .steps3 .left_step { width: 100%;}
	.steps .left_step h4, .steps2 .left_step h4{ width:49%;}
	.steps3 .left_step h4 { width: 26%;}
	.steps .middle_step, .steps2 .middle_step, .steps3 .middle_step{ width:100%;}
	.steps .right_step, .steps2 .right_step, .steps3 .right_step { width: 100%;}
	.steps .right_step p{ padding: 117px 0px 0px; text-align:center;} 
	.step2s .right_step p{ padding: 0px 0px 0px; text-align:center;} 
	.steps3 .right_step p { padding: 0px 0px 0px; text-align:center;}
	.steps2{ padding-top:0px;}
	.steps2 .left_step p { text-align: center; padding-left: 0px; padding-top: 0px;}
	.steps2 .right_step h4{ width:42%;}
	.steps3 .left_step{ padding-top:0px;}
	.steps3{ padding-top:40px;}
	.steps3 .middle_step { margin-top: 32px; padding-bottom: 100px;}
	.steps3 { padding-bottom: 32px;}
	.our_speciality h3{ font-size:32px;}
	.auto_box{ width:45%;height: 361px;}
	.brand_icon_box { width: 32%;}
	
.info_graphic_pan_one { width: 40%;}
.info_graphic_pan_two { width: 50%;}
.info_graphic_pan_three { width: 60%;}
.prod-label-outer.for-slice6 { width: 241px; left: -212px;}
.prod-label-outer.for-slice5 { width: 233px; bottom: 114px;left: -199px;}
.prod-label-outer.for-slice1 { width: 222px;}
.prod-label-outer.for-slice2 { width: 222px;}
.prod-label-outer.for-slice3 { width: 222px;}
figure.effect-bubba { padding: 5px;}
figure.effect-bubba figcaption { min-height: 201px;}
figure.effect-bubba h2{ font-size:21px;}
figure.effect-bubba p{ font-size:14px;}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after{ display:none;}
figure.effect-bubba img { width: 128px;}
.inner_container {
    padding: 115px 0px 50px;
}
.we_specialize h3 {
    font-size: 32px;
}
h3.specialize {
    font-size: 32px;
}
.page-template-mobile-app-page .techstacks-section .tech-panel .list li {width: 50%;}
.page-template-web-development-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-develop-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-service-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-company-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-new-home-page .table_section > [class*="container"] > .row > [class*="col-"]  {
	display: inline-block;
	vertical-align: top;
	float: none;
	width: 49%;
	margin-bottom: 15px;
}
}
@media screen and (max-width: 812px) {
    .interface-capabilities .card {min-height: 325px;}
    .interface-capabilities .card .card-image-section span img {width: 37px;}
    .affected-sector .card .chat-lavels li{font-size: 22px;padding: 5px 0}
}

@media screen and (max-width: 800px) {
	.industry-pie-outer {
	    width: 100px;
	    height: 100%;
	    margin-left: 30px;
	}
	.industry-pie {
	    position: static;
	    padding: 0px;
	    border-radius: 0;
	    background: #2657a3;
	    max-width: 100px;
	    max-height: 100%;
	    overflow: hidden;
	}
	.slice {
	    overflow: hidden;
	    position: static;
	    top: 0;
	    right: 0;
	    width: 100px;
	    height: 100px;
	    -webkit-transform-origin: 0% 100%;
	    -moz-transform-origin: 0% 100%;
	    -o-transform-origin: 0% 100%;
	    transform-origin: 0;
	}
	.slice:first-child, .slice:nth-child(2), .slice:nth-child(3), .slice:nth-child(4), .slice:nth-child(5), .slice:nth-child(6) {
	    -webkit-transform: none;
	    -moz-transform: none;
	    -o-transform: none;
	    transform: none;
	}
	.slice {
	    overflow: hidden;
	    position: static;
	    top: 0;
	    right: 0;
	    width: 100px;
	    height: 100px;
	    -webkit-transform-origin: 0;
	    -moz-transform-origin: 0;
	    -o-transform-origin: 0;
	    transform-origin: 0;
	}
	.slice-contents {
	    position: static;
	    left: 0px;
	    width: 100px;
	    height: 100px;
	    border-radius: 0;
	    text-align: center;
	    overflow: hidden;
	    -webkit-transform:none;
	    -o-transform:none;
	    -moz-transform:none;
	    transform: none;
	    -webkit-transition: all 300ms ease-in-out;
	    -moz-transition: all 300ms ease-in-out;
	    -o-transition: all 300ms ease-in-out;
	    transition: all 300ms ease-in-out;
	}
	.slice-contents-inner {
	    height: 96px;
	    padding-top: 10px;
	}
	.centre-circle{ display:none;}
	.prod-label-outer.for-slice1 { left: 103px; top: 0px; z-index:9;width:450px;}
	.prod-label-outer.for-slice2 { left: 103px; top: 100px;z-index:8;width:450px;}
	.prod-label-outer.for-slice3 { top: 200px;left: 103px;z-index:7;width:450px;}
	.prod-label-outer.for-slice4 { top: 300px; left: 103px;z-index:6;width:450px;}
	.prod-label-outer.for-slice5 { bottom:auto;top:401px; left: 103px;z-index:5;width:450px;}
	.prod-label-outer.for-slice6 { left: 103px;top: auto; bottom: 0px;z-index:4;width:450px;}
	.slice-contents-inner img{transform: none !important;}
	h3.mobile_only_heading{ display:block; color:#fff; font-size:36px !important; padding-left: 29px; padding-bottom:30px;}
	.info_graphic_pan_two { width: 55%;}
	.simplesmart { padding: 50px 0px;}
	.banner_slider{ height:100vh;}
	.our_speciality_new h3 {font-size: 28px;}
}
@media screen and (max-width:768px) {
	.call_now {font-size: 0px;}
	.we_hear { padding: 50px 50px;}
	.success_pan { padding: 50px;}
	.container { padding-left: 15px;}
	.brand_icon_box { width: 32.9%;}
	.our_speciality h3 { padding-top: 0px; padding-bottom: 25px;}
	.our_speciality { padding:100px 0px 30px 0px;}
	.info_graphic_pan_one { width:100%;}
	.info_graphic_pan_two { width:100%;padding-top:30px;}
	.info_graphic_pan_three { width:100%;padding-top:30px;}
	.info_graphic_pan_one .step_one.last::before { right: -77px; top: 38px; rotate: 90deg;}
	.our_process { padding-left: 15px;}
	/*.reporting_tool { display: block;}*/
	.reporting_tool .right_pan.pic, .reporting_tool .left_pan.pic { width: 100%;}
	.reporting_tool .left_pan { position: relative; width: 100%; padding-left: 0px; padding-right: 15px;}
	.reporting_tool .right_pan {width: 100%;}
	.reporting_tool .left_pan h3, .reporting_tool .right_pan h3 { font-size: 30px;}
	.reporting_tool.one .left_pan::after { bottom: -77px;}
	.reporting_tool .left_pan p, .reporting_tool .right_pan p{ font-size:20px;}
	.reporting_tool_outer h3{ font-size:36px;}
	.sample_of_work { margin-left: 0px; margin-right: 0px;}
	.banner_text h3 { font-weight: 200;}
	
	.banner_text {top: 45%;}
	.scroll_arrow {bottom: 130px;}
	.page-template-website-designers-page .scroll_arrow{bottom:130px;}
	.scroll_arrow img { height: 50px;}
	.scroll_arrow strong {font-size: 25px;}
	.banner_text {padding-left: 0%;}
	section:focus{ outline:none; border:none;}
	.main_services {padding:110px 20px 50px 20px;}
	.three-grid-panel .govt_logo li a {width: auto;display: block!important;float: none!important;width: 100%!important;}
	.customer_logo_pan a img {border-radius: 5px;width: 100%;}	
	.first_h1 {font-size: 32px;color: #fffefe;font-weight: 200;}
	.tech_list li .brand_icon_box figure img {width: 90px;}
	.page_header_side_fixed{display: none;}
	.tech_list li:nth-child(3) .brand_icon_box figure img, .tech_list li:nth-child(4) .brand_icon_box figure img{width: 70px;}
	.tech_list li:nth-child(5) .brand_icon_box figure img{width: 100px;}
	.tech_list li:nth-child(6) .brand_icon_box figure img{width: 80px;}
	.our_speciality_new{padding: 130px 0px 80px 0px;}
	.tech_list_icon li {width: 48%;}
	.accessibility-card .col-sm-4 {width: 50%;display: inline-block;}
	.interface-capabilities .card {min-height: auto;}

	.page-template-web-development-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
	.page-template-web-develop-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-service-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-company-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-new-home-page .table_section > [class*="container"] > .row > [class*="col-"]  {
		display: inline-block;
		vertical-align: top;
		float: none;
		width: 49%;
		margin-bottom: 15px;
	}
}
	
@media screen and (max-width:690px) {
	.main_services {padding:110px 20px 50px 20px;}
	.est-sec .icon-box-new { width: 34%;}
	.steps2 .right_step h4 { width: 46%;}
	.steps3 .left_step h4 { width: 30%;}
	.steps .left_step h4, .steps2 .left_step h4 { width: 57%;}
	.footer .col-xs-12 { width:90%; margin: 0px auto; float: none;}
	.we_hear ul li br{ display:none;}
	.button_pan2 { text-align: center; display: block; padding-left: 0;}
	.logo_carousel_sec{ padding:50px;}
	.brand_icon_box { width: 31.9%;}
	.reporting_tool { display: block; clear:both;}
	.right_pan.pic .alignright{ float:none;margin: 0px;}
	.left_pan.pic .alignleft{ float:none;margin: 0px;}	
    .reporting_tool.two .right_pan::after { display:none;}
	.reporting_tool.one .left_pan::after{ display:none;}
	.hover-appear-block { width: 48%;}
	.rank_block{ margin-top:25px;}
	.sample_of_work { margin-left: 0px; margin-right: 0px;}
	.auto_box.simple{min-height:auto;text-align: center;width: 100%;}
	.auto_box.simple figure img { width: 175px; height: auto;}
	.flexable_plan_box.small {
    width: 49%;
	}
	.flexable_plan_box {
    width: 49%;
	}
	.flexable_plan{ text-align:center;}
	.banner_slider{ height:100vh;}
	.page-template-mobile-app-page .banner_slider .banner_text h3 {font-size: 32px;}
	.page-template-mobile-app-page .app-back h3, .page-template-mobile-app-page .flexable_plan h3{font-size: 40px;}
	.bluelodge_slider h3{ font-size:20px;}
	.banner_slider_new {
    	padding-top: 94px;
    	height: 100vh;
	}
	.spon_by_section {
   		padding-top: 0px;
	}
	.page-template-web-development-page.inner .banner_slider,
	.page-template-web-develop-page.inner .banner_slider,
.page-template-web-design-service-page.inner .banner_slider,
.page-template-web-design-company-page.inner  .banner_slider {
		height: 300px;
		background-position: center top !important;
	}
	.page-template-web-development-page.inner .banner_text h3,
	.page-template-web-develop-page.inner .banner_text h3,
.page-template-web-design-service-page.inner .banner_text h3,
.page-template-web-design-company-page.inner .banner_text h3 {
		font-size: 20px;
		font-weight: 300;
	}
	.page-template-web-development-page.inner .banner_text .read_more,
	.page-template-web-develop-page.inner .banner_text .read_more,
.page-template-web-design-service-page.inner .banner_text .read_more,
.page-template-web-design-company-page.inner .banner_text .read_more {
		display: block;
		font-size: 16px;
		text-transform: uppercase;
		background: #0957a4;
		padding: 12px 12px;
		border: 2px solid #fff;
		border-radius: 25px;
		vertical-align: top;
		margin-top: 0px;
		color: #fff;
		font-weight: 400;
		margin-top: 9px;
		margin: 9px auto;
		width: 240px;
	}
	.page-template-web-development-page.inner .client_review_sec h3,
	.page-template-web-develop-page.inner .client_review_sec h3,
.page-template-web-design-service-page.inner .client_review_sec h3,
.page-template-web-design-company-page.inner .client_review_sec h3,
.page-template-new-home-page .client_review_sec h3{
		font-size: 25px;
		color: #1f2732;
		font-weight: 200;
		display: block;
		margin-bottom: 0px;
	}
	.page-template-web-development-page.inner .main_services,
	.page-template-web-develop-page.inner .main_services,
.page-template-web-design-service-page.inner .main_services,
.page-template-web-design-company-page.inner .main_services,
.page-template-new-home-page .main_services{
        padding: 15px 20px 50px 20px;
    }
	.page-template-web-development-page.inner h3.specialize,
	.page-template-web-develop-page.inner h3.specialize,
.page-template-web-design-service-page.inner h3.specialize,
.page-template-web-design-company-page.inner h3.specialize,
.page-template-new-home-page h3.specialize {
		font-size: 25px;
		color: #0957a4;
		font-weight: 200;
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}
	.page-template-web-development-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
	.page-template-web-develop-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-service-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-company-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-new-home-page .table_section > [class*="container"] > .row > [class*="col-"]{
		display: block;
		vertical-align: top;
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}
	.page-template-web-development-page.inner .services_list_sec h3,
	.page-template-web-develop-page.inner .services_list_sec h3,
.page-template-web-design-service-page.inner .services_list_sec h3,
.page-template-web-design-company-page.inner .services_list_sec h3,
.page-template-new-home-page .services_list_sec h3{
		font-size: 25px;
		color: #0957a4;
		font-weight: 300;
		display: block;
		margin-top: 25px;
		margin-bottom: 10px;
		text-align: center;
	}
	.page-template-web-development-page.inner .brand_icon_box,
	.page-template-web-develop-page.inner .brand_icon_box,
.page-template-web-design-service-page.inner .brand_icon_box,
.page-template-web-design-company-page.inner .brand_icon_box,
.page-template-new-home-page .brand_icon_box  {
		background-color: #2b3546;
		padding: 15px 10px 15px 10px;
		border-style: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #d5e2f5;
		border-radius: 5px;
		width: 31%;
		display: inline-block;
		min-height: auto;
		vertical-align: top;
		text-align: center;
		margin-bottom: 6px;
		margin: 2px 2px 6px 2px;
	}
	.page-template-web-development-page.inner .brand_icon_box i,
	.page-template-web-develop-page.inner .brand_icon_box i,
.page-template-web-design-service-page.inner .brand_icon_box i,
.page-template-web-design-company-page.inner .brand_icon_box i,
.page-template-new-home-page .brand_icon_box i {
		font-size: 50px;
		color: #ffffff;
	}
	.page-template-web-development-page.inner .brand_icon_box img,
	.page-template-web-develop-page.inner .brand_icon_box img,
.page-template-web-design-service-page.inner .brand_icon_box img,
.page-template-web-design-company-page.inner .brand_icon_box img,
.page-template-new-home-page .brand_icon_box img
	{
		width: 52px;
	}
	.page-template-web-development-page.inner .brand_icon_box figcaption,
	.page-template-web-develop-page.inner .brand_icon_box figcaption,
.page-template-web-design-service-page.inner .brand_icon_box figcaption,
.page-template-web-design-company-page.inner .brand_icon_box figcaption,
.page-template-new-home-page .brand_icon_box figcaption {
		color: #ffffff;
		font-size: 15px;
		line-height: 1.5;
	}
	.process_box::after {
        content: "";
        display: block;
        position: absolute;
        width: 4px;
        height: 25%;
        top: 94%;
        left: 49.5%;
        border: 2px #0957a4 solid;
        -o-transition: .4s;
        -ms-transition: .4s;
        -moz-transition: .4s;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 0;
    }
	.page-template-web-development-page.inner .logo_carousel_sec h3,
	.page-template-web-develop-page.inner .logo_carousel_sec h3,
.page-template-web-design-service-page.inner .logo_carousel_sec h3,
.page-template-web-design-company-page.inner .logo_carousel_sec h3,
.page-template-new-home-page .logo_carousel_sec h3 {
		font-size: 25px;
		color: #0e0e0e;
		font-weight: 300;
		display: block;
		margin-bottom: 10px;
	}
	.page-template-web-development-page.inner .lets_talk h3,
	.page-template-web-develop-page.inner .lets_talk h3,
.page-template-web-design-service-page.inner .lets_talk h3,
.page-template-web-design-company-page.inner .lets_talk h3,
.page-template-new-home-page .lets_talk h3{
		font-size: 25px;
		color: #fff;
		font-weight: 300;
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}

.page-template-web-development-page.inner .our_process_sec h3,
.page-template-web-develop-page.inner .our_process_sec h3,
.page-template-web-design-service-page.inner .our_process_sec h3,
.page-template-web-design-company-page.inner .our_process_sec h3,
.page-template-new-home-page .our_process_sec h3{
    font-size:25px;
    color: #fff;
    font-weight: 300;
    display: block;
    margin-bottom: 0px;
    text-align: center;
}
.page-template-web-development-page.inner .button_pan .read_more,
.page-template-web-develop-page.inner .button_pan .read_more,
.page-template-web-design-service-page.inner .button_pan .read_more,
.page-template-web-design-company-page.inner  .button_pan .read_more,
.page-template-new-home-page  .button_pan .read_more{
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    background: #0957a4;
    padding: 12px 20px;
    border: 2px solid #fff;
    border-radius: 25px;
    vertical-align: top;
    margin-top: 0px;
    color: #fff;
    font-weight: 400;
    margin-top: 0px;
}
.page-template-web-development-page.inner .box-wrap h3,
.page-template-web-develop-page.inner .box-wrap h3,
.page-template-web-design-service-page.inner .box-wrap h3,
.page-template-web-design-company-page.inner .box-wrap h3,
.page-template-new-home-page .box-wrap h3 {
    color: #ffffff;
    font-weight: 300;
    font-size: 22px;
}
.page-template-web-development-page.inner .lets_talk,
.page-template-web-develop-page.inner .lets_talk,
.page-template-web-design-service-page.inner .lets_talk,
.page-template-web-design-company-page.inner .lets_talk,
.page-template-new-home-page .lets_talk {
    padding: 20px 0px;
}
.page-template-web-development-page.inner .logo_carousel_sec,
.page-template-web-develop-page.inner .logo_carousel_sec,
.page-template-web-design-service-page.inner .logo_carousel_sec,
.page-template-web-design-company-page.inner .logo_carousel_sec,
.page-template-new-home-page .logo_carousel_sec {
    padding: 20px 0px 20px;
    text-align: center;
    background: #fff;
}
.page-template-web-development-page.inner .client_review_sec,
.page-template-web-develop-page.inner .client_review_sec,
.page-template-web-design-service-page.inner .client_review_sec,
.page-template-web-design-company-page.inner .client_review_sec,
.page-template-new-home-page .client_review_sec{
    background: #ffffff;
    padding: 10px 0px 0px;
    text-align: center;
}
.process_heading h4 {
    color: #a8d4ff;
    font-size: 20px;
}
.process_detail p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.2;
}
.process_box {
    /* background: #fff; */
    border-radius: 5px;
    padding: 20px;
    min-height: auto;
    text-align: center;
}
.process_step {
    margin-top: 8px;
    color: #0957a4;
    font-size: 21px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 37px;
    border-radius: 100%;
    border: 3px solid #0957a4;
    text-align: center;
}
}
@media screen and (max-width:610px) {
	.prod-label-outer.for-slice1, .prod-label-outer.for-slice2, .prod-label-outer.for-slice3, .prod-label-outer.for-slice4, .prod-label-outer.for-slice5, .prod-label-outer.for-slice6 { width: 340px;}
	.rank_block{ width:100%;}
	.govt_logo { display: block; clear: both; overflow:hidden;}
    .govt_logo li.logo1 .customer_logo_pan {
        width: 145px;
    }
	.steps .left_step span, .steps2 .right_step span, .steps3 .left_step span {
    font-size: 86px;
    width: 150px;
}
.steps .left_step {
    padding-top: 0px;
}
.steps2 .right_step {
    padding-top: 25px;
}
}
@media screen and (max-width:575px) {
	.page-template-mobile-app-page .techstacks-section .tech-panel .list li {width: 50%;}
	.page-template-mobile-app-page .techstacks-section .tech-panel .list li .icon-panel {float: none;margin-right: 0;margin-block: 15px;width: 100%;}
}

@media screen and (max-width:566px) {
	.page-template-mobile-app-page .webuild-section .build-box{ width: 80%; }
	.page-template-mobile-app-page .app-back p {font-size: 20px;line-height: 25px;}
	.page-template-mobile-app-page .button_pan2 .read_more {font-size: 20px;}
	.page-template-mobile-app-page .techstacks-section .flexable_plan_box {width: 100%;}
}
@media screen and (max-width:540px) {
.header_left_logo .logo img { max-width: 200px;}
.toggle_menu_side {top: 6px; right: -57px;}
.success_pan .icon_box p { padding-top: 0px;}
.industry-pie-outer { margin-left: 0px;}
.our_process { padding-left:15px;}
.yext-sec ul li { width: 20%;}
.lets_talk form input[type="submit"] {
    font-size: 17px;
}
.est-sec.different_space {
    margin-top: 77px;
}
.est-sec.different_space .read_more {
    font-size: 20px;
    width: auto;
    margin-left: 25px;
    margin-right: 25px;
}
.accessibility-card .col-sm-4 {width: 100%;}
.accessibility-card .card .card-body h5 {font-size: 22px;}
.accessibility-card .card .card-body h5 span {font-size: 17px;}
.accessibility-card .card .card-body {width: 40%;}
.accessibility-card .card .card-image-panel {width: 10%;}
.page-id-7133 .banner_text h3 {font-size: 38px;}
}
@media screen and (max-width:486px) {
	.prod-label-outer.for-slice1, .prod-label-outer.for-slice2, .prod-label-outer.for-slice3, .prod-label-outer.for-slice4, .prod-label-outer.for-slice5, .prod-label-outer.for-slice6 { width: 222px;}
	.prod-label-outer.for-slice6{ z-index:10;}
	.flexable_plan_box.small {
    width: 100%; height:auto;padding: 25px 25px 20px;
	}
	.flexable_plan_box {
    width: 100%; height:auto;padding: 25px 25px 20px;
	}
	.flexable_plan h3 {
    font-size: 29px;
}
.flexable_plan .button_pan2 .read_more {
    font-size: 18px;
}
}
@media screen and (max-width:480px) {
	.banner_text {top: 40%;}
.banner_text h3 { font-size: 28px;}
.est-sec .icon-box-new { width: 90%;}
.steps2 .right_step h4 {width: 67%;}
.steps3 .left_step h4 { width: 50%;}
.steps .left_step h4, .steps2 .left_step h4 { width: 80%;}
.wide_button {font-size: 13px;}
.hover-appear-block { width: 92%;}
figure.effect-bubba figcaption { min-height:inherit;}
.read_more_inner a {
    font-size: 12px;
    font-weight: 400;
    background: #0957a4;
    padding: 7px 5px;
    border: 2px solid #fff;
    border-radius: 25px;
    vertical-align: top;
    margin-top: 0px;
    color: #fff;
    margin-left: 15px;
}
.entry-date {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    line-height: 1.6;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
}
.widget_categories.special {
    padding: 20px 40px 20px 40px;
    margin-top: 48px;
}
.entry-meta.with_padding {
    padding: 15px 15px;
}
.page-template-mobile-app-page .webuild-section .build-box{ width: 90%; }
.page-template-mobile-app-page .techstacks-section .flexable_plan_box {width: 90%;}
.page-template-mobile-app-page .button_pan2 .read_more {font-size: 17px;}
.page-template-mobile-app-page .app-back h3, .page-template-mobile-app-page .flexable_plan h3 {font-size: 35px;}
.page-template-mobile-app-page .lets_talk form input[type="submit"] {font-size: 16px;}
.page-template-mobile-app-page .banner_slider {background-position: left 80% top!important;}
.page-template-mobile-app-page .banner_slider img.banner-img{ display: none; }
.page-template-mobile-app-page .techstacks-section .tech-panel .list li {width: 100%;}
.page-template-mobile-app-page .techstacks-section .tech-panel .list li .icon-panel {margin-block: 5px;}
.page-id-7133 .banner_text h3 {font-size: 32px;}
}
@media screen and (max-width:460px) {
.call_now img {
    width: 26px;padding-top: 9px;
}
.success_pan .icon_box p { width: 100%; padding-left:0px;}
.steps .left_step h4, .steps2 .left_step h4 {
    width: 100%;
    text-align: center;
    padding-top: 26px;
}
.steps .left_step span {
    display: block;
    margin: 0px auto;
}
.steps2 .right_step h4 {
    width: 100%;
    text-align: center;
    padding-right: 0px;
	padding-bottom:25px;
}
.container {
    padding-left: 15px;
}
.steps3 .left_step h4 {
    width: 100%;
    text-align: center;
    padding-left: 0px;
    padding-top: 25px;
}
.wide_button{ padding:7px 9px;}
.we_hear h3 {
    font-size: 35px;
}
.brand_icon_box { width: 49%;}
.auto_box {width:100%; height: auto;}
.client_review_sec h3 {font-size: 36px;}
.faq_sec h3 { font-size: 34px;}
.faq_icon_box { width: 193px;}
.tabs li {vertical-align: top;}
.accordian_head h4 { width: 92%;}
.inner_container .right_pan h3 { font-size: 26px;}
.faq_sec h3 {font-size: 30px;}
.steps2 {
    padding-top: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.steps2 .left_step{
    order: 3;
    display: block;
}
.steps2 .middle_step {
    order: 2;
    display: block;
}
.steps2 .right_step{
    order: 1;
    display: block;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.steps2 .right_step span{ order:1;
    display: block;padding-bottom: 25px;margin: 0px auto;}
.steps2 .right_step h4{ order:2;
    display: block;}
/*.our_process_sec {
    background: url(https://www.autowebtech.com/wp-content/themes/autowebtechV3/images/texturebg.png) left top repeat #1f2732 !important;
    background-size: 100%;
}*/
.govt_logo li.logo2 .customer_logo_pan {
    width: 48%;
}
.govt_logo li.logo1 .customer_logo_pan {
    width: 145px;
}
.govt_logo li.logo1 .customer_logo_pan a img{ width:100%!important; height:auto!important;}
}

@media screen and (max-width:430px) {
	.button_pan3 .read_more{ font-size:22px;}
	.success_pan h3 { font-size: 35px;}
	.lets_talk form input[type="text"], .lets_talk form input[type="email"], .lets_talk form input[type="tel"] { width: 100%;}
	.wide_button{ display:none;}
	.we_hear { padding: 50px 25px;}
	.success_pan { padding: 50px 25px;}
	.steps .left_step h4, .steps2 .left_step h4 {  padding-left: 0px;}

	.accordian_head h4 { width: 90%;}
	.faq_icon_box{ padding-left:0px; padding-right:0px;}
	.tabs li { width: 49%;}
	.faq_icon_box {width: 100%;}
	.yext-sec ul li { width: 30%;}
	.rank_block{ padding:15px;}
	.steps2 .right_step {
	    padding-top: 30px;
	}
	.steps3 .left_step span {
	    line-height:inherit;
	}
	.steps2 .right_step span {
	    line-height:inherit;
	}
	.firstfield_block .advance_search_button {
	    width: 206px;
	}
	.firstfield_block .advance_search_button a {
	    font-size: 14px;
	}
	.firstfield_block input[type="submit"] {
	    width: 70px;
	    font-size: 14px;padding: 7px 15px;}
	.advance_search_block input[type="submit"]{
	    width: 70px;
	    font-size: 14px;padding: 7px 15px;}
	.checkbox-inline, .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	    font-size: 14px;
	}
	.tech_list li:nth-child(5) .brand_icon_box figure img {width: 80px;}
	.tech_list li:nth-child(6) .brand_icon_box figure img {width: 70px;}
	.tech_list li .brand_icon_box figure img {width: 70px;}
	.tech_list li:nth-child(3) .brand_icon_box figure img, .tech_list li:nth-child(4) .brand_icon_box figure img {width: 60px;}
	.tech_list_icon li {width: 100%;min-height: auto;}
}
@media screen and (max-width:394px) {
.bootstrap-wrapper.for-form {
    width: 100%;
    margin: 0px auto;
}
.simplesmart.pricing .rank_block {
    width: 100%;
}
.simplesmart.pricing .plus {
    width: 100%;
    display: inline-block;
    min-height: 39px;
    padding-top: 23px;
    text-align: center;
}
.our_process.circle_chart{ padding-top:25px !important;}
.sample_of_work .fadedbox { padding: 2% 10px;}
.govt_logo li.logo1 .customer_logo_pan {
    width: 125px;
}
}

@media screen and (max-width:380px) {
.main_services {
    padding:110px 20px 50px 20px;
}
.icon-box.icon_left .box_icon + .box-wrap {
    margin-left: 0px;
}
.we_hear ul li {
    margin-bottom: 20px;
    padding-top: 87px; padding-left:0px;
}
.button_pan2 .read_more { font-size: 20px;}
.steps .left_step {
    padding-top: 18px;
}
.lets_talk form input[type="submit"] {font-size: 17px;}
.footer .fourth .left {
    width: 100%;
}
.footer .fourth .right {
    width:100%;
}
.button_pan3 .read_more {
    font-size: 20px;
}
.govt_logo li.logo1 .customer_logo_pan {
    width: 125px;
}
}
@media screen and (max-width:370px) {
.industry-pie{ max-width:80px;}
.slice{ width:80px;}
.slice-contents{ width:80px;}
.prod-label-outer.for-slice1, .prod-label-outer.for-slice2, .prod-label-outer.for-slice3, .prod-label-outer.for-slice4, .prod-label-outer.for-slice5, .prod-label-outer.for-slice6 {left: 81px;}
.circle_chart h3.mobile_only_heading { padding-left: 15px;}
.industry-pie-outer { margin-left: 15px;}
.page-template-mobile-app-page .webuild-section .build-box {width: 100%;}
.page-template-mobile-app-page .banner_slider .banner_text h3 {font-size: 25px;}
.page-template-mobile-app-page .banner_slider .mobile-button {bottom: 40px;}
.page-template-mobile-app-page .banner_slider .mobile-button ul li {margin-bottom: 5px;}
.page-template-mobile-app-page .techstacks-section .flexable_plan_box {width: 100%;}
.page-template-mobile-app-page .wpcf7 .wpcf7-recaptcha iframe {transform: scale(0.8) translateX(-23.2px);}
.page-template-mobile-app-page .lets_talk form input[type="submit"] {font-size: 13px;}
}