@charset "utf-8";
/* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

@media (max-width: 1366px) {
  #slider .assignment_form {
    bottom: -100px;
  }
  #slider  .cover .header-content h1 {
    font-size: 38px;
  }

  #slider   .SliderContent h1 {
    font-size: 38px;
  }
  #header .navbar.header_bottom .navbar-collapse {
    padding: 0px 25px;
  }
}

@media (max-width: 1200px) {
  #slider .assignment_form {
    position: static;
  }
  #slider  .cover .header-content {
    margin-bottom: 0px;
    margin-top: 130px;
  }


  #slider   .SliderContent{
    margin-bottom: 0px;
    margin-top: 130px;
  }
  #our_process {
    padding-top: 60px;
  }
}

@media (max-width: 1069px) {
  #discover .discover_container {
    padding: 30px;
  }
  #footer .footer_menu .foot_menu_box,
  #footer .footer_menu .foot_contact_box {
    min-height: 370px;
  }
  #discover .discover_container ul li {
    margin-bottom: 15px;
  }
  #discover .discover_container {
    padding-top: 0px;
  }
  #testimonials h2 {
    font-size: 28px;
  }
  #header .navbar.header_bottom .header_search_bar {
    margin: 0px 20px;
  }
  .modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
  }
}

@media (max-width: 992px) {
  #slider .assignment_form {
    position: static;
    padding-bottom: 40px;
  }
  #header .header_top ul li {
    font-size: 12px;
    margin-right: 15px;
  }
  #our_process {
    padding-top: 80px;
  }
  #why_us h2 {
    font-size: 28px;
  }
  #why_us ul li {
    font-size: 14px;
  }
  #why_us .why_us_img {
    top: 0px;
  }
  #testimonials .owl-nav {
    display: none;
  }
  .branch_address {
    margin-bottom: 20px;
  }
  #header .navbar.header_bottom .header_search_bar {
    flex: 1;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 40px;
    margin-top: 30px;
  }
  .pg_1 {
    display: none;
  }
  .navbar-collapse.collapse.show ul{
    margin-bottom: 1rem;
    margin-top: 13px;
  }

  .shubox--upload-preview {
    overflow: hidden;
    position: absolute;
    bottom: -15px;
    max-width: max-content;
    left: 130px;
    text-align: right;
  }
  #discover .discover_container ul li a {
    padding: 8px !important;
  }
  #discover .discover_container ul li a img {
    width: 30px;
  }
  #discover .discover_container ul li a p {
    font-size: 14px;
  }
  #discover .discover_container {
    padding-bottom: 0px;
  }
  #slider  .cover .header-content h2 {
    font-size: 14px;
  }
  #slider  .cover .header-content h1 {
    font-size: 28px;
  }
  #slider  .cover .header-content h4 {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 10px;
    width: 50%;
  }



  #slider   .SliderContent h2 {
    font-size: 14px;
  }
  #slider   .SliderContent h1 {
    font-size: 28px;
  }
  #slider   .SliderContent h4 {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 10px;
    width: 50%;
  }



  .heading_container h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #2a454e;
  }
  #our_process {
    padding-top: 50px;
  }
  #discover {
    padding-bottom: 50px;
    position: relative;
  }
  #testimonials {
    padding: 50px 0px;
  }
  .leftContentForm {
    display: none;
  }
    .msger-inputarea{
        width: 64.3%;
    }
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
  .pg_1 {
    display: none;
  }

  #header .header_top .col-9 ul {
    height: auto;
    flex-wrap: wrap;
  }
  #header .header_top .col-9 ul li {
    width: auto;
    margin: 5px 8px;
  }
  #our_process {
    padding-top: 40px;
  }
  #discover {
    padding: 40px 0px;
    background: #f2f1f1;
  }
  #discover .col-md-4 img {
    display: none;
  }
  #discover .discover_container {
    padding-right: 0px;
    text-align: center;
  }
  #why_us .why_us_img {
    display: none;
  }
  .heading_container {
    text-align: center !important;
  }
  #discover .discover_container ul li a p {
    text-align: left;
  }
  #testimonials {
    padding: 40px 0px;
    overflow: hidden;
  }
  .testi_heading {
    margin-bottom: 20px;
  }
  #footer .footer_menu .foot_menu_box,
  #footer .footer_menu .foot_contact_box {
    min-height: auto;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
  }
  #slider .show_hide_image {
    display: block;
  }
  #slider .hide_show_image {
    display: none;
  }
  #slider .cover .header-content {
    text-align: center !important;
  }
  #slider  .cover .header-content h2,
  #slider  .cover .header-content h1,
  #slider .cover .header-content h1 span,
  #slider  .cover .header-content h4 {
    color: #fff;
  }

  #slider  .header-content.text-right{
  text-align: center;
}


  #slider  .SliderContent {
    text-align: center !important;
  }




  #slider   .SliderContent h2,
  #slider   .SliderContent h1,
  #slider  .SliderContent h1 span,
  #slider  .SliderContent h4 {
    color: #fff;
  }
  .shubox--upload-preview {
    overflow: hidden;
    position: absolute;
    bottom: -15px;
    max-width: max-content;
    left: 130px;
    text-align: right;
  }
    
  


  #chatContainer .contactList {
    width: 100%;
    margin-left: 0px;
  }
  #chatContainer .ordersList .userDetail {
    /*display: none;*/
  }
  #chatContainer .contactList .contactHeader p {
   /* display: none;*/
  }
  #chatContainer .msg-img {
    width: 42px;
    height: 42px;
  }
  #chatContainer .statusPicker {
    display: none;
  }
  .listContainer{
      height: 0vh;
  }
  
  #chatContainer .contactList .contactHeader {
    padding: 0px 5px;
  }
  #slider {
    position: relative;
    /* margin-top: 110px; */
  }
  #slider  .cover .header-content {
    margin-bottom: 0px;
    margin-top: 20px;
  }
  #slider  .cover .header-content h4 {
    width: 100%;
    margin: 10px;
  }

  #slider   .SliderContent{
    margin-bottom: 0px;
    margin-top: 20px;
  }
  #slider   .SliderContent h4 {
    width: 100%;
    margin: 10px;
  }
 
  .site_button {
    padding: 8px 20px;
  }
  .chatAreaHeaderDetail p {
    font-size: 14px;
  }
  .select_topic_popup ul {
    flex-direction: column;
  }
  .select_topic_popup ul ul li {
    float: left;
    width: 50%;
  }
  .modal-open #header {
    padding-right: 0px;
  }
    .msger-inputarea{
        width: 93%;
    }
    .chatArea.msger .sticky{
        top: 23%;
        width: 94.4%;
    }
}


@media (max-width: 643px){
  
}

@media (max-width: 643px) {
  .site_button {
    padding: 8px 10px;
  }

  .navbar-collapse.collapse.show ul{
    margin-bottom: 1rem;
    margin-top: 13px;
  }

  .accountInformation {
    width: 100%;
}
  #our_process .single_process {
    text-align: center;
    padding: 0px 20px;
    margin-bottom: 30px;
  }
  #our_process {
    padding: 40px 0px;
    padding-bottom: 10px;
  }
  #discover .discover_container ul li a {
    padding: 5px !important;
  }
  #discover .discover_container ul li a p {
    font-size: 12px;
  }
  #discover .discover_container ul li a img {
    width: 30px;
  }
  .heading_container h1 {
    font-size: 28px;
  }
  #slider  .cover .header-content h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #slider  .cover .header-content h1 {
    font-size: 32px;
  }
  #slider  .cover .header-content h4 {
    font-size: 14px;
  }
  #slider  .cover {
    padding: 28px 0;
  }
  #header .navbar.header_bottom {
    padding: 5px 15px;
  }
  #slider .assignment_form input,
  #slider .assignment_form select,
  #slider .assignment_form .form-control {
    border-radius: 50px;
    font-size: 14px;
  }
  #slider .assignment_form {
    padding: 0px;
    top: 15px;
  }
  #slider .assignment_form .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  #slider .assignment_form .row .col-6,
  #slider .assignment_form .row .col-lg-12,
  #slider .assignment_form .row .col-lg-3,
  #slider .assignment_form .row .col-12,
  #slider .assignment_form .row .col-lg-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #slider .assignment_form .row .col-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #slider .assignment_form h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .cc-picker-code-select-enabled {
    width: 110px;
    border-right: 1px solid #ccc;
    margin-left: 15px;
  }
  .cc-picker-code-select-enabled {
    cursor: pointer;
    padding-right: 0px;
    position: relative;
  }
  #header .header_top .col-8 ul {
    flex-wrap: wrap;
  }
  #header .header_top ul.login li.px-3 {
    padding: 0px 5px !important;
  }
  #header .navbar.header_bottom .navbar-collapse {
    padding: 0px 0px;
  }
  #header .navbar.header_bottom .navbar-collapse .button.my-2 {
    margin: 0px !important;
  }
  .popup_banner {
    display: none;
  }
  .popup_content form .input_container {
    width: 100%;
  }
  .nav {
   width: 100%;
   padding: 12px 17px;
    }
    .card-row span {
       margin-right: 0px;
       margin-top: 9px;
           width: 68px;
           height: 53px;
    }
    .nav__items {
    row-gap: 0.9rem;
    }
    
  .popup_content{padding: 20px 20px;}
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 20px;
    pointer-events: none;
  }
    .forgot_password_box{
        position: relative;
        margin-bottom: 35px !important;
    }
    .forgot_password_box a{
    position: absolute;
    bottom: -25px;
}
  .msger {
    height: auto;
    width: 100%;
    margin-left: 0;
  }
  .accountInformation .personalInfo {
    margin-bottom: 15px;
  }
  .chatAreaHeaderDetail ul li {
    font-size: 12px;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .chatAreaHeaderDetail ul li img {
    width: 14px;
    /* margin-right: 5px; */
    vertical-align: text-top;
  }
  .left-msg .msg-bubble {
    border-bottom-left-radius: 0;
    background: #dbeef9;
    flex: 1;
  }
  .right-msg .msg-bubble {
    background: var(--right-msg-bg);
    color: #333;
    border-bottom-right-radius: 0;
    background: #ffe6bf;
    flex: 1;
  }
  .msger-chat {
    height: auto;
    flex: 1;
  }
  #header .header_top .col-4 ul .newQue {
    display: none;
  }
    .header .orderPrice{
        display: inline-block;
        width: 100%;
    }
    .header .orderPrice p{text-align: center;}
    .header .services_chet_box {padding-top: 15px;}
}

@media (max-width: 480px) {
  #discover .discover_container ul li {
    width: 100%;
  }
  #discover .discover_container ul li a {
    padding: 15px !important;
  }
  #discover .discover_container ul li a p {
    font-size: 14px;
  }
  .site_button {
    padding: 8px 40px;
  }
  .shubox--upload-preview {
    overflow: hidden;
    position: absolute;
    bottom: -47px;
    max-width: max-content;
    left: 7px;
    text-align: right;
  }
  #slider .cover .header-content h4 {
    display: none;
  }

  #slider   .SliderContent h4 {
    display: none;
  }


  #slider  .cover {
    padding: 58px 0;
  }
  .cc-picker-code-select-enabled::after {
    right: 6px;
  }
  .editProButton {
    background: #04a3ff;
    padding: 8px 8px;
    margin-left: 0px;
    margin-right: 5px;
    color: #fff;
    font-size: 14px;
  }
  .chatAreaHeader .userName {
    display: none;
  }
}

/* Mobile devices */
@media (max-width: 359px) {
  .shubox--upload-preview {
    overflow: hidden;
    position: absolute;
    bottom: -112px;
    max-width: max-content;
    left: -200px;
    text-align: right;
  }
  .site_button {
    font-size: 13px;
  }
}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
}

@media print {
}