@media screen and (max-width:580px) {
.banner {
    /* background-image: url(../../assets/img/banner.jpeg) !important; */
    background-image: linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),  url(../../assets/img/banner.jpeg);
    height: unset;
    padding: 18px 0;
    background-size: 180%;
}
.order_two {
    order: 2;
}
.order{
    order: 1;
}
.marketing_details_div h4 , p{
    text-align: center;
  }
  .marketing_details_div p{
    margin-bottom: 30px;
  }
.vectoor_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px;
}
.what_we_offer {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}
.high_impact_header {
    color: #FDF1CF;
    text-align: center;
}
nav.navbar.navbar-expand-lg.nav_digital_saee {
    background: #fff;
}
.banner_nav_photo {
    background-image: url(../../assets/img/banner.png);
    background-size: unset !important;
    /* height: 95vh; */
    /* padding: 56px; */
    background-repeat: no-repeat;
}
.process_details{
    background-size: unset;
}
.boost_online {
    color: #292930;
    font-weight: 600;
    text-align: center;
}
.digital_market_css {
    color: #00AAE9;
    font-weight: 600;
    text-align: center;
}
.btn_borderless_start {
    margin-left: 39px;
}
.process_details{
    margin-top: 0;
    padding: 10px;
}
.contact_form_det {
    padding: 29px;
}
.graph_image {
    display: block;
    margin: auto;
    width: 100%;
    margin-bottom: 30px;
}
.high_impact {
    padding: 50px 20px;
}
.vectoor_img2{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.grauneteed_header {
    font-size: 20px;
    text-align: center;
}
.lorem_deiv {
    border-top: 1px solid #D5D5D5;
    padding-top: 27px;
    text-align: justify;
}
h6.what_we_offer1 {
    text-align: center;
    margin-bottom: 17px;
}
.high_impact_header1 {
    color: #000;
    margin-bottom: 32px;
    text-align: center;
}
.vectoor_img1{
    margin: 20px auto;
}
.send_end {
    text-align: center;
    margin-top: 22px;
}
.css_frame img {
    display: block;
    margin: auto;
    width: 100%;
}
.agency_details{
    margin-top: 30px;
}
.banner h1 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    margin-top: unset;
}
.banner h3 {
    margin: auto;
    font-size: 20px;
}
.banner h2 {
    margin: 10px auto;
    font-size: 22px;
}
.first-col 
{
    margin-top: unset;
}
.banner p {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}
.second_col img{
    width: 100%;
    margin-top: 20px;
}
.second_col{
    margin-top: unset;
}

.card_banner 
{
    background-color: #fff;
    margin-top: 25px;
}
.banner .card label {
    color: #000;
}
.btn_end {
    background-color: #00aae9;
    margin-top: 10px;
    color: #fff;
    padding: 10px 30px;
    border-radius: 15px;
}
.digital_card h2 {
    color: #00AAE9;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    /* margin: 30px; */
}
.digital_month_side::before {
    content: "";
    position: relative !important;
    top: unset;
    display: flex;
    width: 50%;
    height: 6% !important;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #00AAE9;
    border-left: unset;
}
.modules h1 {
    font-size: 21px;
     line-height: unset; 
}
.agency h1 {
    font-size: 21px;
       line-height: unset;
}
.new_banner {
     margin-top: 10px; 
     padding: 10px; 
}
.tools h1 {
    font-size: 21px;
    text-align: center;
}
.tools p {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.tools .card {
    border: unset;
    /* height: 167px; */
    margin-top: 30px;
}
.get_in_touch .card {
    border: unset;
    border-radius: 40px;
    background-image: unset; 
     padding: unset; 
}
.iframe {
    border: 0;
    width: auto !important;
    height: 300px !important;
}
.footer h4 {
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin-top: 20px;
}
}