@media screen and (max-width:1199px) {
  .text_subtitle_size_br{
    display: none;
  }




  .case_study_first_img{
    height: 0px;
    padding-top: 100%;
  }
  .case_study_first {

    height: 100%;
  }
  .case_study_first:hover .case_study_first_img {
    height: 0px;
    padding-top: 100%;

  }

  .freshblog_outer{
    grid-template-columns:  1fr 1fr ;
}



}

@media screen and (min-width: 792px) {


  .need_help_div {
    border-radius: 0 70px 70px 0;
    bottom: 20px;
    width: 370px;

  }

}


@media screen and (min-width: 992px) {

  .package_size_1{
    display: inline-block !important;
  }
  .package_size_2{
    display: inline-block !important;
  }
  .package_picker{
    display: none;
  }
}



@media screen and (max-width: 991px) {


  .how_new_why_quote_p_main {
    font-size: 25px;
  }

  .how_new_why_quote {
    padding: 30px;
  }

  .how_new_why_quote_p_author {
    font-size: 17px;
  }


  .header_title_br{
    display: none;
  }
  .question_img img{
    margin-right: 0px;
    height: 250px;
  }
  .make_sure_div{
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
  }
  .make_sure_div1{
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
  }
  .review_frame_grid{
    grid-template-columns: 1fr 1fr;

  }

  .package_item  {
    /* box-shadow: 1px 1px 15px #e1e1e1; */
    transition: all 300ms;
    /* margin-bottom: 20px; */
  }
  .package_btn{
    background-color: #0918d6;
    border-color: #0918d6;
  }
  .package_btn p{
    color: #fff;

  }




  .case_study_first_img{
    height: 0px;
    padding-top: 100%;
  }
  .case_study_first {

    height: 100%;
  }
  .case_study_first:hover .case_study_first_img {
    height: 0px;
    padding-top: 100%;

  }
  .case_study_first_outer{
    grid-template-columns: 1fr 1fr;
  }


  .package_size_2{
    display: none;
  }


  .how_it_work_page{
    height: 610px;
  }

  .review_port_outter{

    grid-template-columns: 1fr  1fr;
  }

  .landing_service_subtext_icons_div{
    grid-template-columns: 1fr 1fr;

  }


  .header_band_right video{
    width: 370px;
  }


  .contact_us_div_new{
    float: none;
    margin-right: 0;
    display: inline-block;
    max-width: 100%;
  }
  .contact_center{
    text-align: center;
  }

  .contact_us_div_new_right{
    text-align: left;
    padding-top: 50px;
  }
  .contact_us_div_new_right_frame p {
    padding-right: 40px;

  }

.portfolio_grid_withinfo{
  grid-gap: 20px
}

.pgwfi_data p {
    font-size: 13px;
}
.pgwfi_categoty p{
  font-size: 15px;
}
.construction_company_title_br{
  display: none;
}
}

@media screen and (max-width:992px) {

  .header_menu{
    display: none;
  }
  .header_menu_mobile{
    display: block;
  }

  .header_band{
    height: auto;

  }

  .header_band_title{
    margin: 70px 0;

  }
  .header_sub_text_br{
    display: none;
  }
  .header_band_right img {
    height: 290px;
  }

  .blogs_outer_div{
    grid-template-columns: 1fr 1fr;
  }
.blog_contact_alert_br{
  display: none;
}
.blog_contact_alert_bg{
  padding: 30px ;

}




}
@media screen and (max-width:790px) {
  .how_it_work_page{
    height: auto;
  }
  .how_it_work_page_half_right{
    width: 100%;
    height: 350px;

    background-position: bottom;
    margin: 0;
    /* margin-bottom: 40px; */
    float: none;
  }
  .how_it_work_page_text_subtitle{
    margin-bottom: 40px;
  }

  .how_it_work_page_half_left{
    width: 100%;
    height: 350px;
    background-position: top;
    margin: 0;
    /* margin-bottom: 40px; */
    float: none;
  }
  .how_it_work_page_text{
    padding: 30px 0;

  }

  .landing_service_img{
    float: none;
  }
  .landing_service_img_right{
    float: none;
  }

  .landing_service_img img{
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
  }
  .landing_service_img_right img{
    width: 100%;
    margin-left: 0px;
  }

  .landing_service_text p{
    font-size: 17px;

  }
  .landing_service_subtext{
    font-size: 19px;

  }
  .landing_service_subtext_br{
    display: none;
  }
}



@media screen and (max-width:767px) {
  .how_new_why_img{
    text-align: center;
  }
  .how_new_why_img img {
    width: 70%;
    display: inline-block;
  }
  .how_it_work_new_why_br{

    display: none;
  }

    .freshblog_outer{
      grid-template-columns:   1fr ;
      text-align: center;
  }
  .freshblog_frame{
    width: 350px;
    display: inline-block;
    text-align: left;
  }
}
@media screen and (max-width:690px) {
  .about_img{
    float: none;
    width: 430px;
    display: inline-block;
    margin-left: 0px;
    height: auto;
  }

  .project_details_img{
    float: none;
    margin-left: 0px;
    width: 100%;

  }

  .header_band_right video {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 50px;
  }
  .portfolio_grid_withinfo{
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr ;

  }

  .pgwfi_data p {
      font-size: 13px;
  }
  .pgwfi_categoty p{
    font-size: 15px;
  }


#pgwfi_data_last{
  display: none;
}


}



@media screen and (max-width:640px) {

  /* .social_div_frame{
  display: inline-block;
}

.socials_div{
width: 100%;
left: 0;
border-radius: 0px;
bottom: 0;
box-shadow: 0 0px 10px 2px rgba(0,0,0,0.1);
}
.footer_div{
margin-bottom: 50px;
}*/

.header_band_right img {
  height: 240px;
}

.header_band_title {
  margin: 50px 0;
  margin-top: 100px;
}
.header_band_btn{
  width: 100%;
}
.header_band_btn p{
  text-align: center;
}
.header_band_title h1 {
  font-size: 28px;
}
.header_band_title h2 {
  /* font-size: 15px; */
  line-height: 24px;
}
.footer_line_right{
  float:none;
}
.footer_div{
  text-align: center;

}


.cs_outer_div{
grid-template-columns: 1fr;
}
.blog_contact_alert_bg p{

  font-size: 22px;

}
}

@media screen and (max-width:590px) {
  .top_brs{
    display: none;
  }
  .landing_right_img img{
    float: none;
    width: 100%;
  }
  .question_img img{
    float: none;
    height: auto;
    width: 100%;
    display: none;
  }
  .package_pricing_sub_sub_text_br, .our_portfolio_subtitle_br{
    display: none;
  }
  .portfolio_grid{
    grid-template-columns: 1fr 1fr;
  }
  .review_frame_grid{
    grid-template-columns: 1fr;

  }


  .mobile_port_dis{
    display: block;
  }
  .queze_subtext{
    padding: 0 30px;
  }
  .queze_subtext_br{
    display: none;
  }



  .only_mob_port{
    display: block;
  }



}
@media screen and (max-width:554px) {
  .header_band_right{
    float: none;

  }
  .header_band_right img{
    margin-top: 25px;
    width: 100%;
    height: auto;
  }
  .header_band_title{
    margin-top: 10px;
  }
  .header_band_left{
    text-align: center;
  }
  .portfolio_page_subtitle_br{
    display: none;
  }

  .case_study_first_btn p{
    line-height: 35px;
    font-size: 14px;
  }
  .case_study_first_btn {

    height: 35px;
  }

  .review_port_outter{

    grid-template-columns: 1fr ;
  }
  .header_band_btn{
    /* display: none; */
  }
  .blogs_outer_div{
    grid-template-columns:1fr;
  }



  .how_new_why_img img {
    width: 100%;
    display: inline-block;
  }



}
@media screen and (max-width:530px) {
  .how_it_works_subtitle_br{
    display: none;
  }

}
@media screen and (max-width:500px) {
  .about_img{
    width: 100%;
  }
  .landing_header_logo img {
    width: 150px;
    margin-top: 3px;
  }
  .header_logo img {
    width: 150px;
    margin: 37px 0;
  }




  .how_it_work_page_half_right{

    height: 300px;

  }

  .how_it_work_page_half_left{

    height: 300px;

  }
  .how_it_work_page_text_step_line{
    margin-top: 14px;
  }

  .how_it_work_page_text_step p{
    font-size: 21px;
  }

  .company_name_sug_title_br{
    display: none;
  }
}

@media screen and (max-width:440px) {

  .package_size{
    width: 96%;
    margin: 10px 0;
  }
  .package_item{
    margin-bottom: 0;
  }

  .new_package_frame_list p {
    margin-left: 40px;
    font-size: 15px;
    font-family: font_med;
    padding-top: 5px;
    margin-bottom: 20px;
  }

  .new_package_frame_list img {
    width: 31px;
  }

  .portfolio_grid_withinfo{
    grid-gap: 20px;
    grid-template-columns:1fr ;
padding: 0 20px;
  }

  .pgwfi_data p {
      font-size: 13px;
  }
  .pgwfi_categoty p{
    font-size: 15px;
  }


  #pgwfi_data_last{
    display: block;
  }

  .faq_question h2 {

      font-size: 15px;
          line-height: 20px;
    }
    .faq_answer p {
    font-size: 14px;
  }

}

@media screen and (max-width:430px) {
  .make_sure_div{
    grid-template-columns: 1fr 1fr;

  }
  .make_sure_div1{
    grid-template-columns: 1fr 1fr;

  }

  .enquiry_br{
    display: none;
  }
  .landing_service_text p {
    font-size: 16px;
  }
  .make_sure_popup_div_top_img img {
    width: 50px;
  }
  .make_sure_popup_div_top_text p {
    font-size: 21px;
  }
  .make_sure_popup_div{
    padding: 30px 20px;
  }

  .new_how_process_mobile_img{
    display: inline-block;
  }
  .new_how_process_desk_img{
    display: none;
  }

.portfolio_band_btn{
  width: 100%
}

  .portfolio_band_btn p {
    margin: 6px 0px;

}


.success_text{
  font-size: 18px;
 margin-top: 0x;
}
.success_title p {

    font-size: 22px;
    margin-top: 10px;

  }


}

@media screen and (max-width:394px) {

  .freshblog_frame{
    width: 95%;
  }


  .project_form_subtext_br{
    display: none;
  }
  .how_it_work_page_text_subtitle{
    font-size: 16px;
  }
  .how_it_work_page_text_title{
    font-size: 29px;
  }
  .how_it_work_page_half_right{
    height: 240px;
  }

  .how_it_work_page_half_left{
    height: 240px;
  }



}
@media screen and (max-width:389px) {
  .new_package_frame_list_1 p{
    padding: 0;
  }
  .new_package_frame_list_1 img{
    margin-top: 5px;
  }


  .question-container{
    width: 96%;

  }
}


@media screen and (max-width:380px) {
  .top_banner_left{
    display: none;
  }
}

@media screen and (max-width:362px) {
  .new_package_frame_list_4 p{
    padding: 0;
  }
  .new_package_frame_list_4 img{
    margin-top: 5px;
  }

  .make_sure_popup_div_top_text p {
    font-size: 19px;
    margin-left: 5px;
  }
  .make_sure_popup_div_top_img{
    padding-right: 10px;

  }
  .make_sure_popup_div_top_img img {
    width: 46px;
  }


}
@media screen and (max-width:350px) {
  .header_band_title h1 {
    font-size: 25px;
  }

}
@media screen and (max-width:341px) {
  .faq_br{
    display: none;

  }

}