@media screen and (max-width:1270px) {
  .brand_name_strip {
      width: 100%;
    }
    .brand_name_box{
      padding: 50px 37px;
    }
    .container{
      padding-right: 25px;
  padding-left: 25px;
    }
    .
}
@media screen and (max-width:1160px) {
.casestudy_div_img{
  /* display: none; */
  width: 100%;
  float: nonw;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-right: 0px;
}
.casestudy_second_div p{

margin-right: 0;
}
.casestudy_div p{
  padding-right: 0;
}
.casestudy_div .casestudy_div_first_p {
padding-right: 0;
}
.casestudy_div{
  width: 100%;
}
.casestudy_second_div {
    width: 100%;
}
.portfolio_casestudy_list_outer{
  width: 100%;
}
.casestudy_second_div{
  padding: 40px 0;
}
}

@media screen and (max-width:1140px) {
  .section_title_div {
    margin-bottom: 20px;
  }
.section_title_div{
  position: relative;
  top: 0;
}
.whats_that_box_bg{
  display: none;
}
.whats_that_outer {
    padding-left: 0px;
  }
  .whats_that_box_bg{
    padding-left:  60px;
padding-bottom:   60px;
width: 100%;
  }
  .whats_that_box{
    padding: 60px 35px;;
    background-color: #f4f4f4;

  }
  .whats_that_bottom_text {

    padding-right: 30px;
  }
  .banner{
    padding: 25px 0;
  }
.banner_portfolio{
  padding: 25px 0;
}
}
@media screen and (max-width:1020px) {
  .brand_name_text {
      width: 100%;


      margin-left: 0;
      padding: 0 0px;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .brand_name_title {
    float: none;
    margin-top: 60px;

}
.brand_name_box_outer {
    padding-left: 0px;
}
}

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

.case_study_first_outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
}
.load_more_div {
    float: none;
}
.case_study_first_img {
    width: 100%;
    height: 255px;
  }
  .case_study_first_outer_portfolio .case_study_first_img {
    height: 355px;
}

  .case_study_second_outer {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 50px;
  }
  .case_study_second_img {
      width: 100%;
      height: 193px !important;
    }
    .case_study_second_view {
    width: 100%;
    height: 236px; {
    width: 100%;
    height: 236px;
  }


}
@media screen and (max-width:930px) {
  .whats_that_bottom{
    text-align: center;
    margin: 0 35px;
  }
  .whats_that_bottom_text{
    /* width: 650px; */
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    padding-right: 0;
}

.whats_that_bottom_img{
position: relative;
display: inline-block;
margin-top: -50px;
width:100%;
/* margin-right: 37px;
margin-right: 37px; */


}


.contact_div {
    width: 100%;
  }
}
@media screen and (max-width:922px) {
  .footer_box{
    padding: 0 40px;
  }
  .footer_box_title h2 span{
    font-size: 42px;
  }
  .footer_box_title h2 {
    font-size: 25px;
  }
  .footer_div_second_sec_logo_design{
    display: none;
  }
  .footer_div_second{
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width:900px) {
  .speak_div_text {
      padding-left: 0px;
    }
    .speak_div_title h2{
    float: none;
    margin-bottom: 40px;
    }
.speak_div{
  padding: 50px 0;
}
}
@media screen and (max-width:812px) {

  .case_study_first_outer {

      grid-template-columns: 1fr;
      grid-gap: 60px;
  }

  .footer_box_text p {
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {

.portfolio_casestudy_img{
height: auto;
padding-top: 100%;
}

}
@media screen and (max-width:760px) {
  .casestudy_div_img {
width: 100%;
      float: none;
      margin-top: -30px;
      margin-right: 0px;
      margin-bottom: 0px;
  }
  .casestudy_second_div {

    padding: 40px 0px;
}
.casestudy_div_outer{
  padding: 0 35px;
}

.casestudy_div{
  padding: 40px 35px;
  padding-bottom: 70px;
}

}
@media screen and (max-width:730px) {
  .whats_that_bottom_img{
    width: 100%;

  }
  .whats_that_bottom_text{
    width: 100%;

  }
}
@media screen and (max-width:738px) {
  .footer_box_text p {
    font-size: 15px;
  }
}
@media screen and (max-width:716px) {
  .footer_box_title_mob h2 {
    font-size: 37px;

    line-height: 68px;

  }
  .footer_box_title_mob h2 span {

    font-size: 70px;
  }
  .footer_box_text p {
    font-size: 19px;
  }
  .footer_box_title{
    display: none;
  }
  .footer_box_title_mob{
    display: block;
  }
  .footer_box_text{
    float: none;
  }
  .footer_box{
    height: auto;
  }
  .footer_box{
    padding: 0 40px;
  }

}
@media screen and (max-width:700px) {
  .menu{
    display: none;
  }
  .logo img{
    float: none;
  }
  .logo{
    display: inline-block;

  }
  .mobile_menu_bar{
    display: block;
  }
  .footer_div_second_sec{
    display: none;
  }
  .footer_div_second {
    grid-template-columns: 1fr;
  }
  .footer_mob_links{
    display: block;
  }
  .footer_div{
    padding-bottom: 25px;
  }
}
@media screen and (max-width:610px) {

  .case_study_second_outer {

    grid-template-columns: 1fr;
    grid-gap: 50px;
}

}
@media screen and (max-width:600px) {
.whats_that_box{
padding: 60px 35px;
}
  .banner {
    height: 420px;
    background-position: top;
  }
  .banner_portfolio{
    height: 420px;
    background-position: top;

  }
}
@media screen and (max-width:580px) {
.services_div{
  padding: 40px;
}

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

  .footer_box_title_mob h2 span {
    font-size: 53px;
  }
  .footer_box_title_mob h2 {
    font-size: 34px;
    line-height: 57px;
  }
  .contact_div p {
    line-height: 40px;
    font-size: 20px;
    text-align: justify;

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

  .brand_name_strip {

      height: 560px;
    }
    .success_box{
      width:90%;
    }
    /* .whats_that_bottom_img{
      height: 340px;

    } */
}
@media screen and (max-width:456px) {
  .footer_box_title_mob h2 {
    font-size: 26px;
    line-height: 47px;
  }

  .footer_box_title_mob h2 span {
    font-size: 43px;
  }
  .footer_box_title_mob{
    margin-bottom: 0;
  }
  .footer_box_text p {
    font-size: 17px;
  }
  .footer_box_text{
    margin-top: 10px;
  }
}
@media screen and (max-width:424px) {
.title_size{
margin-right: 40px;
}
.title_size_second{
  margin-right: 0;
}

}
@media screen and (max-width:420px) {
  .brand_name_strip {

      height: 640px;
    }
.whats_that_box h3{
      font-size: 16px;
}
.whats_that_box p{
      font-size: 14px;
}

.whats_that_bottom_text .whats_that_bottom_text_1 {
    font-size: 16px;
  }
.whats_that_bottom_text .whats_that_bottom_text_2 {
  font-size: 14px;

}
.whats_that_bottom_text .whats_that_bottom_text_1 {
    font-size: 16px;
  }
  .whats_that_bottom_text .whats_that_bottom_text_2 {
    font-size: 14px;

  }
  .brand_name_text p {
    font-size: 16px;
  }
  .brand_name_box {
    font-size: 14px;
  }
  .speak_div_text .speak_div_text_1 {
    font-size: 16px;
  }

  .speak_div_text .speak_div_text_1 {
    font-size: 16px;
  }
  .speak_div_text .speak_div_text_2 {
    font-size: 14px;
  }
  .case_study_second_view_top p {
    font-size: 14px;
}
.case_study_second_view_btn p{
  font-size: 14px;

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

}

.services_div p {
    font-size: 16px;
}
.whats_that_box{
    padding-bottom: 30px;
}

.tagline{

  bottom: 20px;
}
.whats_that_bottom_img{
  /* height: 300px; */
  margin-top: -28px;

}
}
@media screen and (max-width:400px) {
  .portfolio_casestudy_img {

      /* height: 340px; */
    }

}
@media screen and (max-width:390px) {
  .services_title h2{
    font-size: 40px;
  }

  .footer_box_title_mob h2 {
    font-size: 20px;
    line-height: 40px;
  }
  .footer_box_title_mob h2 span {
    font-size: 32px;
  }
  .footer_box_text p {
    font-size: 14px;
  }
  .whats_that_bottom_img{
    /* height: 270px; */


  }

}
@media screen and (max-width:365px) {
.title_size p{
  font-size: 14px;
}

}
@media screen and (max-width:360px) {
  .banner{
    padding:  25px 5px;
  }
  .banner_portfolio{
    padding:  25px 5px;

  }
  .tagline h1{
    font-size: 30px;
    line-height: 40px;
  }

  .tagline_span_1 {
    font-size: 40px;
  }

  .tagline_span_2 {
    font-size: 40px;
  }
  .brand_name_strip {
    height: 710px;
}

  .brand_name_title h2 {
      font-size: 20px;
    }
    .brand_name_title h2 span {
        font-size: 40px;
    }

    .portfolio_casestudy_img {
        height: 290px;
    }
.container_checkmark{
  margin-right: 0;
}
}
@media screen and (max-width:346px) {

  .speak_div_title h2 {

      margin-bottom: 20px;
      font-size: 21px;
      line-height: 42px;
    }
    .speak_div_title h2 span {
    font-size: 40px;
  }
  .whats_that_bottom_img{
    height: 250px;


  }
}
@media screen and (max-width:327px) {
  .title_size {
    margin-right: 33px;
  }

.title_size_second{
  margin-right: 0px;

}
}