@charset "utf-8";
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
@media (max-width: 1300px) {
  #innerpg_slide .innerpg_slidemdiv {
    height: 100%;
  }
  header .head_menu li {
    margin-left: 18px;
  }
  #customer_say .owl-theme.csay_crausal .owl-nav {
    bottom: 10px !important;
  }
}
@media (max-width: 1200px) {
  header .head_menu li {
    margin-left: 13px;
  }
  .portfolio_prosec_odd .portfolio_bgdiv .portfolio_content {
    padding-right: 80px;
  }
  .portfolio_prosec_even .portfolio_bgdiv .portfolio_content {
    padding-left: 80px;
  }
  #benefit_sec .col-md-1 {
    display: none !important;
  }
  #benefit_sec .col-md-5 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #benefit_sec .benefit_bg {
    width: 50%;
  }
  .hire_inner .col {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    display: flex;
  }
  .logo a {
    width: 210px;
  }
  .g-recaptcha {
    -moz-transform: scale(0.7) translate(-23px, 0);
    -webkit-transform: scale(0.7) translate(-23px, 0);
    -o-transform: scale(0.7) translate(-23px, 0);
    -ms-transform: scale(0.7) translate(-23px, 0);
    transform: scale(0.7) translate(-23px, 0);
  }
  #customer_say .owl-theme.csay_crausal .owl-nav,
  #industry_sec .indus_ico {
    display: none;
  }
  #about_sec .about_img {
    transform: inherit !important;
  }
  .header_menus {
    padding-right: 25px;
  }
  #slider h1 {
    font-size: 60px;
  }
  #video {
    height: 337px;
  }
}
@media (max-width: 1069px) {
  #discuss_prosec {
    padding: 100px 0;
  }
  #our-apps::before {
    top: -185px;
  }
  #our-apps {
    padding: 40px 0;
  }
  #port-flio {
    padding: 0 0 20px;
  }
  #port-flio.about-porfolio {
    padding: 60px 0 70px !important;
  }
  #techno_sec {
    padding: 50px 0;
  }
  #about_sec {
    padding: 120px 0 160px;
  }
  .login-usr i {
    font-size: 15px;
  }
  .shopping-crt span {
    height: 18px;
    width: 18px;
    line-height: 18px;
  }
  .enqueryButton,
  .fixenqueryButton {
    padding: 5px 12px !important;
    font-size: 12px;
  }
  header .head_menu a {
    font-size: 13px;
  }
  .hdr-icns li.list-inline-item.mx-4 {
    margin-right: 20px !important;
    margin-left: 15px !important;
  }
  .portfolio_prosec_odd .portfolio_bgdiv .portfolio_content {
    padding-right: 0;
  }
  .portfolio_prosec .portfolio_site_img {
    width: 420px;
    bottom: -2px;
  }
  #cart_sec .total .coupon li .submit_button {
    margin: auto;
  }
  #cart_sec .total .coupon li {
    display: block;
    text-align: center;
    float: none !important;
  }
  #cart_sec .total .coupon li input[type="text"] {
    margin-bottom: 12px;
  }
  #challenges_solusec .col-md-6 {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    margin-bottom: 20px;
  }
  #challenges_solusec .challenge_bx {
    height: 100%;
  }
  .portfolio_prosec_even .portfolio_bgdiv .portfolio_content {
    padding-left: 0;
  }
  #mission_vission_sec .mv_img {
    margin: auto;
    width: 400px;
  }
  #work_approsec .work_appbx {
    padding: 15px;
  }
  #innerpg_slide h1 {
    font-size: 45px;
  }
  #innerpg_slide h1 span {
    font-size: 35px;
  }
  header .head_menu li {
    margin-left: 12px;
  }
  #techno_sec h5 {
    font-size: 18px;
  }
  .let_talk h3 {
    margin-top: 40px;
  }
  #customer_say p {
    line-height: inherit;
  }
  .foot_social ul li {
    margin-right: 40px !important;
  }
  .hd_main-c .container nav ul li a {
    text-transform: capitalize;
  }
  #about_sec::after {
    width: 100%;
    height: 170px;
  }
}
@media (max-width: 992px) {
  #benefit_sec .benefit_bx h2,
  #mission_vission_sec .mission_bx h3,
  #mission_vission_sec .vission_bx h3,
  #reviews_section .col-12:nth-child(2n) .single_testimonials p,
  #reviews_section .single_testimonials .content h5,
  #reviews_section .single_testimonials .content p,
  .product_view,
  header .logo {
    text-align: center;
  }
  #our-apps::before {
    top: -160px;
  }
  #customer_say {
    padding: 0 0 29px;
  }
  #slider {
    padding: 80px 0;
    height: auto;
  }
  header .logo {
    margin-left: 10px;
  }
  img.products_logo {
    height: 45px !important;
    width: auto !important;
    margin-bottom: 6px;
  }
  #our-apps .apps-cnt-sec h4 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  #our-apps .apps-cnt-sec p {
    font-size: 15px !important;
    margin-bottom: 16px;
  }
  .product_view {
    display: flex;
    align-self: center;
  }
  header .mobileHeadContact {
    display: block;
    top: 12px;
  }
  header .menu a {
    display: block;
  }
  header.head_fixed .menu {
    z-index: 99;
  }
  header .head_menu {
    display: none;
    position: absolute;
    overflow-y: scroll;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    padding-top: 50px;
    z-index: 3;
    float: none;
  }
  header .dropdownli .drop_ul2 {
    position: relative;
  }
  .courses_msecmenu {
    top: 20px;
  }
  .courses_msecmenu .col-md-3 a {
    color: #000;
  }
  header .head_menu li {
    display: block;
    text-align: left;
    padding: 0;
  }
  header .head_menu a {
    color: #fff;
  }
  .slider_mn .clients_div {
    position: static;
  }
  #reviews_section .col-12:nth-child(2n) {
    right: inherit;
  }
  #reviews_section .col-12:nth-child(2n) .single_testimonials,
  #reviews_section .col-12:nth-child(odd) .single_testimonials {
    margin: 100px auto auto;
  }
  #reviews_section .col-12:nth-child(2n) .single_testimonials .image,
  #reviews_section .single_testimonials .image {
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    top: -80px;
  }
  #reviews_section .single_testimonials .content {
    padding-left: 0;
  }
  #reviews_section .col-12:nth-child(2n) .single_testimonials .content {
    padding-right: 0;
  }
  #benefit_sec .col-md-5,
  .current_opening .col-md-4,
  .current_opening .col-md-8,
  .project_highlight .col-md-7,
  .solution_provided .col-md-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #reviews_section .single_testimonials .content h5 {
    margin-top: 40px;
  }
  .g-recaptcha {
    float: none !important;
  }
  .g-recaptcha > div {
    margin: auto;
  }
  #hire_sec .hire_bx .hire_bxinner h5,
  .box_single p {
    font-size: 14px;
  }
  #career_container .team_members .box_single {
    padding: 35px 5px;
  }
  #challenges_solusec .challenge_bx {
    height: auto;
    margin-bottom: 0;
  }
  #benefit_sec .benefit_bg,
  #benefit_sec .col-md-6,
  #mission_vission_sec .mv_img,
  #techno_sec .techno_bx ul.d-flex li img,
  .project_highlight .col-md-5,
  .socil_hmenu,
  .solution_provided .col-md-5 {
    display: none;
  }
  #portfolio_detail_container .about_project,
  #portfolio_detail_container .project_highlight,
  #portfolio_detail_container .solution_provided {
    padding: 20px;
  }
  #portfolio_detail_container .project_include li {
    display: inline-block;
    margin-bottom: 10px;
  }
  #portfolio_detail_container .project_include {
    display: block !important;
  }
  .portfolio_prosec .portfolio_bgdiv {
    padding: 5px 0 35px;
  }
  .portfolio_logo img {
    display: none;
    width: 60px;
  }
  .portfolio_prosec .bg_angle {
    border-left: 500px solid transparent;
  }
  .portfolio_prosec .portfolio_site_img {
    top: 44%;
    width: 310px;
  }
  .portfolio_prosec .portfolio_bgdiv .portfolio_content h3 {
    font-size: 28px;
  }
  #mission_vission_sec .mission_bx p,
  #mission_vission_sec .vission_bx p {
    text-align: justify;
  }
  #mission_vission_sec .mission_bx {
    margin-top: 0;
    padding-left: 20px;
    width: 90%;
  }
  #mission_vission_sec .vission_bx {
    padding-right: 20px;
    width: 90%;
  }
  #work_approsec .work_appbx {
    height: 430px;
  }
  #work_approsec .work_appbx .work_appbxinner h5,
  .main_footer .mn_footbx h5 {
    font-size: 18px;
  }
  #work_approsec .work_appbx .work_appbxinner {
    padding-top: 10px;
  }
  #work_approsec .work_appbx .work_appbxinner .work_apcircle {
    width: 70px;
    height: 70px;
    line-height: 65px;
  }
  #work_approsec .work_appbx .work_appbxinner .work_apcircle img {
    width: 55px;
  }
  #experience_sec .counter_bx h5 {
    width: 140px;
    margin: auto;
  }
  #experience_sec .counter-value {
    font-size: 32px;
  }
  #experience_sec i {
    font-size: 27px;
  }
  #experience_sec .counter_bx,
  #experience_sec.experience_inner .counter_bx1,
  #experience_sec.experience_inner .counter_bx3,
  #portfolio_abt h2,
  #work_approsec h1.mheading {
    width: 100%;
    margin: 0 !important;
  }
  #work_approsec h2.mheading {
    width: 100%;
  }
  #blog_pg .blog_single_cnt h5,
  .fv_bxinner3 h5 {
    font-size: 20px;
  }
  #benefit_sec .benefit_bx ul li {
    font-size: 18px;
    width: 49%;
  }
  #benefit_sec {
    background-color: #0a1b37;
  }
  #benefit_sec .benefit_bx {
    padding: 0;
  }
  #benefit_sec .benefit_bx ul li:nth-child(odd) {
    float: left;
  }
  #benefit_sec .benefit_bx ul li:nth-child(2n) {
    float: right;
  }
  #innerpg_slide .site_btn,
  .let_talk h3,
  h1.mheading,
  h2.mheading {
    margin-top: 0;
  }
  #innerpg_slide h1 {
    font-size: 35px;
  }
  #innerpg_slide h1 span {
    font-size: 24px;
  }
  #innerpg_slide .innerpg_slidemdiv {
    top: 0;
  }
  .onaddress_details,
  footer .footer_form .talk_form {
    margin-top: 20px;
  }
  #techno_sec ul li:first-child {
    margin: 0;
  }
  #industry_sec ul li:nth-child(2n) {
    float: left !important;
  }
  #industry_sec .industry_inner {
    padding: 20px 0;
  }
  #benefit_sec .benefit_bx h2,
  #blog_pg h2,
  #blog_pg h3.mheading,
  #customer_say h3.mheading,
  #discuss_prosec h3.mheading,
  #fav_prosec h3.mheading,
  #portfolio_abt h2,
  #project_vidsec h3.mheading,
  #recentfav_prosec h3.mheading,
  #techno_sec h3.mheading,
  #why_doomshell h3.mheading,
  #work_approsec h2.mheading,
  h1.mheading,
  h3.mheading {
    font-size: 40px !important;
  }
  #slider h1,
  footer h4.mheading {
    font-size: 60px;
  }
  #about_sec,
  #fav_prosec .fav_prosec_inner,
  #service_sec,
  #techno_sec,
  .main_footer {
    padding: 25px 0;
  }
  #latst-blg {
    margin-top: 120px;
  }
  .foot_social ul {
    text-align: center !important;
  }
  footer .footer_form .foot_social {
    position: static;
    padding: 0;
  }
  header .menu {
    margin-top: 12px;
  }
  .social_media_icons li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .foot_social ul li {
    margin-right: 20px !important;
  }
  #about_sec::after {
    bottom: -190px;
    height: 250px;
  }
  #work-prossec::after {
    bottom: -148px;
    height: 260px;
  }
  #work-prossec {
    margin: 115px 0 80px;
    background: #fff;
  }
  #about_sec {
    padding: 140px 0 50px;
  }
  .obcontact_wrap {
    padding: 140px 0;
  }
  #port-flio::after {
    bottom: -174px;
  }
  #techno_sec p {
    font-size: 13px !important;
  }
  .obcontact_wrap::before {
    bottom: -118px;
  }
  #discuss_prosec {
    padding: 100px 0;
  }
}
@media (max-width: 920px) {
  #port-flio::before {
    top: -167px;
  }
  .blog_footer::before {
    top: -171px !important;
  }
}
@media (max-width: 880px) {
  #our-apps::after {
    bottom: -159px;
  }
  #customer_say.aboutCustomeSy::after {
    bottom: -175px;
  }
  section#innerpg_slide::after {
    top: 229px;
  }
  #innerpg_slide {
    height: 400px;
  }
  #about_sec .about_img img {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (max-width: 767px) {
    [data-aos^=fade][data-aos^=fade], [data-aos^=zoom][data-aos^=zoom]{ opacity: 1;}
    [data-aos=fade-up]{ transform: inherit;} 
  section#innerpg_slide::after {
    top: 193px;
  }
  .fav_prosec2 {
    margin-top: 90px;
  }
  #blog_pg,
  #work-prossec {
    padding-bottom: 20px;
  }
  #work-prossec svg g {
    font-size: 20px;
  }
  #buisness_vlusec .buisness_vlubx,
  #work_approsec hgroup {
    margin-bottom: 20px;
  }
  .about-blg::after {
    bottom: -118px !important;
  }
  #customer_say,
  footer {
    padding-top: 20px;
  }
  a.buttonApp {
    font-size: 16px;
  }
  #portfolio_abt p {
    margin-bottom: 0;
    margin-top: 25px;
  }
  #cart_sec {
    padding-top: 20px !important;
  }
  #cart_sec .total .coupon {
    text-align: center;
    display: block;
  }
  #cart_sec .total .coupon li,
  #techno_sec .techno_bx ul.d-flex li img {
    display: inline-block;
  }
  #slider h1.hmhheading {
    font-size: 24px;
  }
  #slider h1 {
    margin-top: 15px;
  }
  #buisness_vlusec hgroup p,
  #challenges_solusec p,
  #solution_sec p {
    font-weight: 300;
  }
  #customer_say {
    padding-bottom: 25px;
  }
  #experience_sec,
  #mission_vission_sec {
    padding: 25px 0 110px;
  }
  #reviews_section {
    padding: 0 0 25px;
  }
  #buisness_vlusec .buisness_vluindiv .number_line,
  #consultantPopup .col-md-4,
  #fav_prosec .fav_prosec_inner .row .col-md-4:nth-child(3),
  .breadcrumb,
  .page_1st_popup .modal_img1,
  .portfolio_prosec .bg_angle,
  .portfolio_prosec .portfolio_site_img {
    display: none;
  }
  #about_sec .d-flex,
  #customer_say ul {
    display: block !important;
    text-align: center;
  }
  #consultantPopup .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .menu.active {
    z-index: 999;
  }
  #consultantPopup .modal-dialog .site_btn,
  .page_1st_popup button[type="submit"] {
    display: block;
    margin: auto;
  }
  .menu.active a span {
    color: #fff;
    background-color: #fff !important;
  }
  .page_1st_popup input,
  .page_1st_popup select {
    height: 42px;
  }
  .page_1st_popup .modal-dialog {
    width: 90%;
    margin: 30px auto auto;
  }
  .courses_msecmenu .col-md-9 ul li {
    width: 33.333%;
  }
  #reviews_section .single_testimonials .image {
    width: 100px;
    height: 100px;
  }
  #reviews_section .single_testimonials .content h5 {
    font-size: 22px;
  }
  #reviews_section .single_testimonials .content p {
    font-size: 15px;
  }
  #reviews_section .col-12:nth-child(2n) .single_testimonials .image,
  #reviews_section .single_testimonials .image {
    top: -50px;
  }
  .current_opening {
    margin-top: 20px !important;
  }
  #career_container .team_members .col-md-3,
  #fav_prosec .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #career_container {
    padding: 20px 0;
  }
  .career_para p,
  .portfolio_prosec .portfolio_bgdiv .portfolio_content p,
  .portfolio_prosec_even .portfolio_bgdiv .portfolio_content p {
    -moz-text-align-last: center;
    text-align-last: center;
  }
  #career_container h3 {
    text-align: center;
    font-size: 22px;
  }
  #buisness_vlusec .buisness_vlubx2,
  #buisness_vlusec .buisness_vlubx3 {
    top: 0;
  }
  #contact_form_sec .contact_left_patr .img_bottom {
    width: 200px;
    left: inherit;
    right: 0;
  }
  #industry_sec .nav-pills .nav-link,
  #portfolio_detail_container .about_project p {
    font-size: 14px;
  }
  #challenges_solusec p,
  #customer_say .col-md-5,
  #project_vidsec p,
  .portfolio_prosec .portfolio_bgdiv .portfolio_content h3,
  .portfolio_prosec .portfolio_bgdiv .portfolio_content h6 {
    text-align: center;
  }
  #mission_vission_sec .mission_bx {
    padding-left: 20px;
    width: 90%;
    margin: auto;
    transform: inherit !important;
    float: none;
  }
  .portfolio_content .text-left,
  .portfolio_content .text-right {
    text-align: center !important;
  }
  #mission_vission_sec .vission_bx {
    padding-right: 20px;
    width: 90%;
    margin: auto auto 30px;
    transform: inherit !important;
    float: none;
  }
  #work_approsec {
    padding-bottom: 0;
  }
  #work_approsec .work_appbx {
    margin-top: 50px;
    height: auto;
    padding: 45px;
    min-height: 170px !important;
  }
  #experience_sec.experience_inner .counter_bx {
    margin-bottom: 15px !important;
  }
  #recentfav_prosec {
    margin-bottom: 0;
    height: auto;
  }
  #blog_pg .blog_single_cnt {
    margin-bottom: 15px;
  }
  #recentfav_prosec .fav_mbx .fav_inner1bx,
  #recentfav_prosec .fav_mbx:hover .fav_inner1bx {
    bottom: -40px;
  }
  .fav_mbx {
    width: 50%;
    margin: auto;
  }
  #hire_sec .hire_bx {
    width: 100%;
    margin-bottom: 20px;
  }
  .hire_inner .row {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .hire_inner .col {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  #hire_sec hgroup p {
    font-size: 18px;
  }
  #innerpg_slide p {
    width: 100%;
  }
  #innerpg_slide .site_btn {
    margin-top: -10px;
  }
  #customer_say .client_project img {
    width: 300px;
    display: inline-block;
  }
  #customer_say ul li {
    float: none;
    display: inline-block !important;
  }
  #service_sec .service_dv {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: -40px;
  }
  #service_sec .service_dv ul {
    width: 800px;
  }
  #project_vidsec h3.mheading {
    margin-top: 15px !important;
  }
  #project_vidsec {
    padding-bottom: 15px;
  }
  #techno_sec ul li:first-child {
    margin: 5px;
  }
  #about_sec .d-flex {
    transform: inherit !important;
  }
  #benefit_sec .benefit_bx h2,
  #blog_pg h2,
  #blog_pg h3.mheading,
  #customer_say h3.mheading,
  #discuss_prosec h3.mheading,
  #fav_prosec h3.mheading,
  #portfolio_abt h2,
  #project_vidsec h3.mheading,
  #recentfav_prosec h3.mheading,
  #techno_sec h3.mheading,
  #why_doomshell h3.mheading,
  #work_approsec h2.mheading,
  h1.mheading,
  h3.mheading {
    font-size: 35px !important;
    text-align: center !important;
  }
  footer h4.mheading {
    font-size: 35px;
    text-align: left;
  }
  h4.about_heading {
    margin-top: 30px;
  }
  #slider .clients_div {
    padding-top: 80px;
    position: static;
  }
  .logo img {
    width: 220px;
  }
  header .menu {
    margin-top: 7px;
  }
  #career_container .team_members {
    padding: 20px 0 !important;
  }
  #irefer {
    display: none !important;
  }
  #innerpg_slide {
    height: 343px;
    min-height: auto;
  }
  #about_sec.about_inner .about_img {
    display: block;
    margin-bottom: 20px;
  }
  header .logo img {
    width: 180px;
  }
  header .mobileHeadContact {
    display: block;
    position: absolute;
    right: 0;
    padding-top: 45px;
  }
  header .mobileHeadContact a {
    background: #fff;
    padding: 7px 7px 7px 15px;
    border-radius: 20px 0 0 20px;
  }
  header .logo {
    margin-left: 0;
    text-align: center;
  }
  #discuss_prosec {
    padding: 70px 0 126px;
  }
  #port-flio::after {
    bottom: -164px;
  }
  #customer_say::before {
    top: -167px;
  }
  #about_sec::after {
    bottom: -200px;
  }
  footer .footSocial ul li {
    margin-right: 0 !important;
  }
  .foot_social ul li {
    margin-right: 15px !important;
    text-align: left;
  }
  .footSocial ul li i {
    line-height: 40px;
    font-size: 16px;
  }
  .footSocial ul li svg {
    height: 35px;
    width: 35px;
  }
  footer .footSocial {
    padding: 10px 0 40px;
  }
  .about-blg {
    padding-bottom: 79px !important;
  }
  .main_footer::before {
    top: -150px;
  }
  .foot_social ul.list-inline.text-left.footerContactInfo {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  .fav_prosec2::after,
  .producrs_page #productss::after {
    bottom: -112px;
  }
}
@media (max-width: 643px) {
  #slider h1.hmhheading,
  .product_view {
    margin-top: 20px;
  }
  section#innerpg_slide::after {
    top: 185px;
  }
  #work-prossec::before {
    top: -158px;
  }
  #work-prossec {
    margin: 48px 0 80px;
    background: #fff;
  }
  .courses_msecmenu .col-md-9 ul li {
    width: 50%;
    margin: 0 0 15px;
  }
  #benefit_sec .benefit_bx ul li img,
  .breadcrumb,
  .clients_ul li:first-child {
    display: none;
  }
  .foot_social ul li i,
  .foot_social ul li span {
    display: block;
  }
  .clients_ul li:last-child {
    width: 100%;
  }
  #career_container h3 {
    font-size: 24px;
  }
  .fav_mbx {
    width: 70%;
    margin: auto;
  }
  #innerpg_slide h1 {
    font-size: 28px;
  }
  #innerpg_slide h1 span,
  #innerpg_slide p {
    font-size: 18px;
  }
  #industry_sec ul li {
    width: 49%;
    margin-right: 2%;
    float: left !important;
  }
  #industry_sec ul li:nth-child(2n) {
    float: left !important;
    margin-right: 0;
  }
  #industry_sec ul li:nth-child(3n) {
    margin-right: 2%;
  }
  #slider h1 {
    font-size: 32px;
  }
  #slider .clients_div {
    position: static;
    display: none;
  }
  img.products_logo {
    height: 71px !important;
    margin-bottom: 14px;
  }
  #our-apps .apps-cnt-sec h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  h2.mheading {
    margin-bottom: 18px !important;
  }
  #our-apps .swiper-slide img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  #our-apps .apps-cnt-sec {
    text-align: center !important;
  }
  #port-flio {
    margin: 70px 0;
  }
  #customer_say::after {
    bottom: -150px !important;
  }
  #about_sec {
    padding: 97px 0 20px;
  }
  #about_sec::after {
    bottom: -205px;
  }
  #latst-blg {
    background-color: #000;
    padding: 0;
  }
  .obcontact_wrap::after {
    top: -108px;
  }
  #our-apps::before {
    top: -160px;
  }
  #our-apps {
    margin: 22px 0;
    padding: 0;
  }
}
@media (max-width: 576px) {
  .main_footer .mn_footbx ul li {
    float: left;
    width: 50%;
  }
  .producrs_page #productss::after {
    bottom: -122px;
  }
  .fav_prosec2::after {
    bottom: -121px;
  }
  #innerpg_slide {
    height: 272px;
  }
  section#innerpg_slide::after {
    top: 115px;
  }
  #customer_say::before {
    top: -150px !important;
  }
  .main_footer .mn_footbx ul:after,
  .main_footer .mn_footbx2 ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #work_approsec .work_appbx {
    height: 328px;
  }
  #our-apps {
    margin: 0;
    padding: 15px 0;
  }
  #discuss_prosec {
    padding: 65px 0 90px;
  }
  #port-flio {
    padding: 20px 0 25px;
  }
  #customer_say,
  #customer_say .csay_main {
    margin-top: 20px;
  }
  #customer_say {
    padding-top: 0;
  }
  #work-prossec {
    margin: 88px 0 80px;
  }
  #latst-blg {
    margin-top: 80px;
  }
  .obcontact_wrap {
    padding: 90px 0 120px;
  }
  .f-style {
    display: block !important;
  }
  .obcontactForm_inner,
  .onaddress_inner {
    max-width: 100%;
  }
  .obcontactFormhome {
    padding: 10px 10px 30px;
  }
  .onaddress_head {
    font-size: 20px;
    line-height: 22px;
  }
  .obcontactForm_head {
    font-size: 20px !important;
  }
  .onaddress_details {
    padding: 25px 10px 10px;
  }
  #about .app_detail li a,
  #more_about .app_detail li a,
  .foot_social ul li {
    margin-right: 0 !important;
  }
  #customer_say p,
  #industry_sec p,
  #portfolio_detail_container .about_project p {
    -moz-text-align-last: center;
    text-align-last: center;
  }
  #privacy_polpg p {
    line-height: 21px !important;
    text-align: justify;
  }
  #fav_prosec .col-md-4,
  .courses_msecmenu_inner .col-5,
  .courses_msecmenu_inner .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #portfolio_detail_container .project_highlight ul li,
  #portfolio_detail_container .solution_provided ul li {
    text-align: justify;
    padding-left: 20px;
    position: relative;
  }
  #portfolio_detail_container .project_highlight ul li:before,
  #portfolio_detail_container .solution_provided ul li:before {
    position: absolute;
    left: 0;
    top: 0;
  }
  #more_about .app_detail .licence_option form {
    padding-right: 0 !important;
  }
  .extra_services_page .single_service_container {
    margin: 0 0 20px;
  }
  .extra_services {
    margin: auto;
  }
  #challenges_solusec .challenge_bx h3,
  #slider h1.hmhheading {
    font-size: 18px;
  }
  #contact_form_sec .cont_paragraph,
  .page_1st_popup h4,
  .page_1st_popup h6 {
    text-align: center;
  }
  #work_approsec hgroup p {
    width: 95%;
    font-size: 15px;
    text-align: justify;
  }
  #portfolio_detail_container .about_project p,
  #reviews_section .col-12:nth-child(2n) .single_testimonials p,
  #reviews_section .single_testimonials .content p {
    text-align: justify;
  }
  #reviews_section .col-12:nth-child(2n) .single_testimonials,
  #reviews_section .col-12:nth-child(odd) .single_testimonials {
    margin-top: 70px;
  }
  #career_container h3,
  #industry_sec div.text-left,
  .current_opening p {
    text-align: center !important;
  }
  .current_opening p {
    font-size: 15px;
  }
  .apply_form_button {
    margin-top: 0;
  }
  #contact_form_sec .cont_heading_text p {
    font-size: 18px;
    text-align: center !important;
  }
  #innerpg_slide p,
  #portfolio_detail_container .project_include li:after,
  .enquiryButton {
    display: none;
  }
  #innerpg_slide > img {
    min-height: 160px;
  }
  #portfolio_detail_container .about_project h2,
  #slider h1 {
    font-size: 22px;
  }
  .portfolio_prosec .portfolio_bgdiv {
    position: static;
    padding: 30px 0;
    margin-bottom: 24px;
  }
  #benefit_sec .benefit_bx ul li {
    width: 100%;
    text-align: left;
  }
  #benefit_sec .benefit_bx ul li:nth-child(2n),
  #benefit_sec .benefit_bx ul li:nth-child(odd) {
    float: none;
  }
  #benefit_sec .benefit_bx ul li img,
  .foot_social ul li i,
  .foot_social ul li span {
    display: inline-block;
  }
  .hire_inner .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #innerpg_slide h1 {
    font-size: 24px;
    text-align: center;
  }
  #innerpg_slide .innerpg_slidemdiv {
    top: 0;
  }
  .footerContactInfo {
    padding: 20px 0;
  }
  .foot_social ul li {
    display: block;
    text-align: left;
    margin-bottom: 20px;
  }
  .main_footer .mn_footbx h5 {
    margin-bottom: 6px;
  }
  #project_vidsec .project_video_content_container {
    padding: 0 10px;
  }
  h4.about_heading {
    font-size: 44px;
  }
  #benefit_sec .benefit_bx h2,
  #blog_pg h2,
  #blog_pg h3.mheading,
  #customer_say h3.mheading,
  #discuss_prosec h3.mheading,
  #fav_prosec h3.mheading,
  #portfolio_abt h2,
  #project_vidsec h3.mheading,
  #recentfav_prosec h3.mheading,
  #techno_sec h3.mheading,
  #why_doomshell h3.mheading,
  #work_approsec h2.mheading,
  h1.mheading,
  h3.mheading {
    font-size: 26px !important;
  }
  #about_sec p {
    font-size: 16px;
    padding-right: 0;
  }
  footer h4.mheading {
    font-size: 26px;
  }
  #slider img {
    height: 300px;
  }
  #slider {
    height: auto;
  }
  h2.mheading.text-dark.text-center.mb-5 {
    font-size: 28px;
  }
  #our-apps::after {
    bottom: -139px;
  }
  #port-flio::before {
    top: -158px;
  }
  #port-flio::after {
    bottom: -150px;
  }
  .techno_bx {
    border-top: 1px solid #686868;
    padding: 20px 0 0;
  }
  #about_sec {
    padding: 100px 0 0;
  }
  #about_sec::after {
    bottom: -210px;
  }
  .site_btn {
    font-size: 13px;
  }
  .obcontact_wrap::after {
    top: -120px;
  }
  .logo a {
    width: 200px;
  }
  .c_say_content ul.d-flex.align-items-center.mb-5 {
    margin-bottom: 5px !important;
  }
  #servicesBnr .servicesBnrOverlay h1 {
    width: 100%;
    font-size: 24px;
  }
  #servicesBnr .servicesBnrOverlay p {
    width: 100%;
    font-size: 15px;
  }
  #servicesBnr .servicesBnrOverlay {
    top: 55%;
  }
  #servicesBnr img {
    height: 100%;
  }
  #whyCourseSec {
    padding: 50px 0 40px;
  }
}
@media (max-width: 480px) {
  #work-prossec::before {
    top: -142px;
  }
  .foot_social ul.list-inline.text-left.footerContactInfo {
    flex-wrap: wrap;
    display: flex;
  }
  #customer_say::after {
    bottom: -155px !important;
  }
  #customer_say::before,
  .producrs_page #productss::before {
    top: -150px;
  }
  #customer_say h5,
  #customer_say h6,
  #hire_sec h1.mheading,
  #hire_sec h2.mheading,
  #hire_sec hgroup p {
    text-align: center;
  }
  #cart_slider_banner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #cart_sec .cart_list .cart_list_detail select {
    width: 89% !important;
  }
  #careerform .g-recaptcha > div,
  #consultantPopup .g-recaptcha > div,
  #footersignfrm .g-recaptcha > div,
  .page_1st_popup .g-recaptcha > div {
    width: 300px !important;
  }
  #consultantPopup .modal-dialog h4 {
    text-align: center !important;
  }
  .modal_logo img {
    display: block;
    margin: auto;
    width: 200px;
  }
  .page_1st_popup .d-flex {
    display: block !important;
  }
  #career_container .career_single h4 {
    font-size: 18px;
  }
  #career_container .team_members .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #buisness_vlusec .buisness_vlubx h5,
  #career_container h3,
  .project_highlight h3,
  .solution_provided h3 {
    font-size: 20px;
  }
  .career_para p {
    font-weight: 300;
  }
  #buisness_vlusec hgroup p {
    width: 95%;
  }
  #challenges_solusec .challenge_bx {
    padding: 15px;
  }
  #challenges_solusec .challenge_bx h3 i,
  #innerpg_slide p,
  #service_sec ul li img,
  .fixenqueryButton {
    display: none;
  }
  #portfolio_detail_container .project_include li {
    padding: 0 !important;
    margin-right: 10px !important;
    border: none !important;
  }
  .portfolio_prosec .portfolio_bgdiv .portfolio_content h3 {
    padding-top: 0 !important;
    margin-top: 0;
    font-size: 24px;
    padding: 20px 0;
  }
  #innerpg_slide .site_btn {
    margin-top: 0;
  }
  .let_talk h3,
  .social_media_icons,
  footer h4.mheading {
    text-align: center;
    justify-content: center;
  }
  .foot_social ul li,
  .social_media_icons li {
    display: inline-block;
  }
  #customer_say ul li:first-child,
  #service_sec ul li .position-relative span {
    display: none !important;
  }
  #customer_say .col-md-7 {
    padding: 0 15px !important;
  }
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
  }
  #industry_sec h4 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  #slider h1 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  #slider p {
    font-size: 18px !important;
  }
  .foot_social ul li {
    margin-bottom: 0;
    margin-right: 10px !important;
  }
  .social_media_icons li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .footerContactInfo li,
  .footerContactInfo li a,
  .footerContactInfo li h6 {
    text-align: left !important;
  }
  .login-usr i,
  .main_footer .mn_footbx ul li a,
  .shopping-crt i {
    font-size: 13px;
  }
  #fav_prosec .card-img-overlay h5,
  #techno_sec p,
  a.buttonApp,
  p {
    font-size: 13px !important;
  }
  .main_footer .mn_footbx ul li,
  .main_footer .mn_footbx2 ul li {
    margin-bottom: 5px;
  }
  #customer_say,
  footer {
    padding-top: 0;
  }
  #slider .slider_main {
    background-color: rgba(256, 256, 256, 0.8);
    display: flex;
    z-index: 9;
    height: 260px;
  }
  .clients_div {
    padding-top: 10px;
  }
  #service_sec .service_dv ul {
    width: auto;
    margin-top: auto;
    height: auto;
    flex-wrap: wrap;
    padding-top: 30px;
  }
  #service_sec ul li {
    width: 48%;
    margin-right: 0;
  }
  #service_sec .service_dv {
    width: 100%;
    overflow-y: initial;
    overflow-x: inherit;
    margin-bottom: 0;
  }
  #service_sec ul li a .serv_line {
    position: static;
    bottom: calc(100% + 0px);
  }
  #service_sec ul li a {
    display: block;
    text-align: left;
  }
  #service_sec ul li a .serv_line article {
    font-size: 14px;
    color: #fff;
    margin-bottom: 6px;
    text-align: left;
    background: #619fd6;
    padding: 10px;
    border-radius: 5px;
  }
  #customer_say .client_project img {
    width: 80%;
  }
  #techno_sec .techno_bx,
  .mn_footbx2 {
    margin-bottom: 15px;
  }
  #fav_prosec .fav_probox img.card-img {
    height: 100%;
    width: 100%;
  }
  #fav_prosec .card-img-overlay img {
    width: 50px;
  }
  #video {
    height: 212px;
  }
  #techno_sec p {
    line-height: inherit;
  }
  #techno_sec ul,
  .portfolio_prosec .portfolio_bgdiv {
    margin-bottom: 0;
  }
  #techno_sec .techni_innerdiv {
    margin-top: 20px;
  }
  #benefit_sec .benefit_bx h2,
  #blog_pg h2,
  #blog_pg h3.mheading,
  #customer_say h3.mheading,
  #discuss_prosec h3.mheading,
  #fav_prosec h3.mheading,
  #portfolio_abt h2,
  #project_vidsec h3.mheading,
  #recentfav_prosec h3.mheading,
  #techno_sec h3.mheading,
  #why_doomshell h3.mheading,
  #work_approsec h1.mheading,
  #work_approsec h2.mheading,
  h1.mheading,
  h2.mheading,
  h3.mheading {
    font-size: 22px !important;
  }
  #work_approsec {
    padding: 25px 0;
  }
  #about_sec.about_inner .about_img,
  #work_approsec hgroup {
    margin-bottom: 20px;
  }
  #work_approsec hgroup {
    margin-top: 70px !important;
  }
  #about_sec p,
  #work_approsec p {
    font-size: 14px !important;
    padding-right: 0;
    text-align-last: center;
    margin-bottom: 70px;
  }
  #hire_sec hgroup p {
    font-size: 14px !important;
    margin-top: 15px;
  }
  header .head_menu li {
    margin-left: 15px;
    margin-right: 15px;
  }
  header.head_fixed .menu {
    top: 10px;
  }
  #about_sec p {
    margin-bottom: 10px;
  }
  .product_page_banner {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 175px;
    overflow: hidden;
  }
  .product_page_banner img {
    max-width: initial;
    margin: auto;
    height: 100%;
  }
  .g-recaptcha > div {
    width: 14px !important;
    margin: inherit;
  }
  #challenges_solusec h1.mheading,
  #challenges_solusec h2.mheading {
    font-size: 20px !important;
    text-align: center;
  }
  #buisness_vlusec hgroup {
    margin-bottom: 45px;
  }
  #contact_form_sec .contact_frmdiv form input.site_btn {
    width: 140px;
    margin: auto;
    display: block;
  }
  #more_about .packages li i {
    top: 9px !important;
  }
  .enqueryButton {
    padding: 2px 6px !important;
    position: fixed;
    right: 0;
    top: 120px;
    font-size: 16px;
    font-weight: 400;
    transform: rotate(270deg) translateY(36px);
  }
  .hdr-icns li.list-inline-item.mx-4 {
    margin-right: 14px !important;
    margin-left: 7px !important;
  }
  .logo a {
    width: 160px;
    padding-left: 7px;
  }
  #our-apps::before,
  #port-flio::before {
    top: -148px;
  }
  #port-flio {
    margin: 50px 0;
  }
  .container p.mb-5.text-dark {
    margin-bottom: 20px !important;
  }
  #about_sec::after {
    bottom: -219px;
  }
  header .menu a {
    width: 20px;
  }
  header .mobileHeadContact a.enquiry {
    top: -5px;
  }
  header .mobileHeadContact a {
    padding: 4px 4px 4px 12px;
  }
  .user_ha.text-white {
    font-size: 7px;
  }
  #innerpg_slide {
    padding: 25px 0 0;
  }
  #about_sec.about_inner::before {
    top: -149px;
  }
  #work_approsec .work_appbx {
    height: 300px;
  }
  #experience_sec.experience_inner::after {
    bottom: -150px;
  }
}
@media (max-width: 400px) {
  #industry_sec ul li,
  #industry_sec ul li:nth-child(2n) {
    float: left !important;
  }
  #techno_sec::before {
    top: -145px;
  }
  #innerpg_slide {
    height: 241px;
  }
  section#innerpg_slide::after {
    top: 86px;
  }
  #customer_say::after {
    bottom: -151px !important;
  }
  #work_approsec hgroup {
    margin-top: 38px !important;
  }
  #work_approsec .work_appbx {
    height: 330px;
    padding: 25px;
  }
  #cart_sec .cart_img {
    width: 90px !important;
  }
  .g-recaptcha {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
  }
  .fav_mbx {
    width: 95%;
    margin: auto;
  }
  .hire_inner .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #hire_sec hgroup p {
    font-size: 15px;
  }
  #hire_sec h1.mheading,
  #hire_sec h2.mheading,
  #innerpg_slide h1 {
    font-size: 22px;
  }
  #innerpg_slide h1 span {
    display: none;
  }
  .site_btn {
    font-size: 12px;
  }
  #innerpg_slide .innerpg_slidemdiv {
    top: 10px;
  }
  #industry_sec ul li {
    width: 100%;
    margin-right: 0;
  }
  #industry_sec ul li:nth-child(3n) {
    margin-right: 0;
  }
  #slider h1 {
    font-size: 1.6rem;
  }
  #slider p {
    font-size: 15px !important;
  }
  #devServicesSec hgroup p,
  #industry_sec hgroup h2 {
    width: 100%;
  }
  #whyCourseSec {
    padding: 1px 0 40px;
  }
  #flaxibalType .flexLeftBox {
    background: #f1faff;
    padding: 40px;
  }
  #flaxibalType .flexRightBox {
    background: #0084b1;
    padding: 40px;
  }
  .counterBox h4 {
    text-align: center;
  }
  .qualitySolutionsPoints {
    background: #0a1b37;
    padding: 30px;
  }
}
@media (max-width: 359px) {
  .extra_services_page
    .single_service_container
    ul.d-flex.justify-content-between {
    display: block !important;
  }
  #techno_sec::after {
    bottom: -145px;
  }
  #benefit_sec .benefit_bx ul li img {
    display: none;
  }
  .g-recaptcha {
    width: 200px !important;
  }
  #experience_sec.experience_inner::after {
    bottom: -147px;
  }
  #innerpg_slide {
    height: 212px;
  }
  section#innerpg_slide::after {
    top: 65px;
  }
}
@media (max-width: 340px) {
  .g-recaptcha {
    width: 122px !important;
  }
}
