.legends-first{box-shadow: 0px 0px 20px 7px #394a6a;
    border-radius: 0px 50px;
    padding: 20px;}
    .icon-padding{padding-bottom: 25px;}
        .icon-paddingn{margin: auto;}
        .seo-img img{width: 100%;}

.legends-services {list-style: none;
    display: flex;
    background-color: #3c96c0;
    border: 2px solid #3c96c0;
    padding: 9px 9px;}
.nav-btn {text-align: center;}

.nav-logo{height: 152px;
    width: 205px;
  /*  margin-top: -23px;
    margin-left: -121px;*/
/*    margin-left: -54px;}*/
}
.logo-tag{font-family: auto;
    color: white;
    margin-top: -30px;
    margin-left: 34px;
    font-size: 11px;}

.navbar i {font-family: 18px;margin: 10px;}

.wrapper {
  width: 100%;
  height: 77vh;
  background: #3498DB;
  display: flex;
}
.card {
  width: 300px;
  height: 402px;
 background: url(../img/digital-marketing.jpg) no-repeat center / cover;
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.card1 {
  width: 300px;
  height: 402px;
 background: url(../img/website.jpg) no-repeat center / cover;
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.card2 {
  width: 300px;
  height: 402px;
 background: url(../img/graphic.jpg) no-repeat center / cover;
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.card3 {
  width: 300px;
  height: 402px;
 background: url(../img/domain.jpg) no-repeat center / cover;
  margin: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
 #cta form{display: inline-flex;    margin-top: 28px;}
  #cta input{padding: 7px;
        margin: 10px 2px;
    border-radius: 8px;}
    .clickme-more {
  display: none;
}
.clickme-more-no{ display: none;}

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

  .navbar .dropdown .dropdown:hover > ul {
/*    left: -100%;*/
            position: relative;
      
        left: -4%;
        width: 73%;
  }
    .legends-elements h3{text-align: center;}
    .clickme-more {
    display: inline-block;
  }
  .clickme-more-no{ display: inline-block;}
    .wrapper{    display: block;height: 191vh;

}
 #cta input{width:100%;}
 #cta form{display: block;}
.card {
  width: 100%;}
.nav-btn a{float: none;}
/*.nav-logo{width: 265px;
  
           margin-left: 33px;height: 154px;}*/
.logo-tag{margin-top: -32px;
    margin-left: 5px;
    text-align: center;
 }
 .services .icon-box {
 
  width: 100%;}

.navbar {
    margin-left: -14px;}
}
/*@media (min-width: 990px) and (max-width: 2750px) {
  .wrapper{        height: 36vh;

}
}

@media (min-width: 769px) and (max-width: 989px) {



 .wrapper{        height: 36vh;

}


}*/


/* Extra small devices (phones, portrait) */
@media (max-width: 375px) and (max-width: 575.98px) {
  /* Styles for phones */
}

/* Small devices (phones, landscape) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Styles for small phones/tablets */
}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Styles for tablets like iPad */
}

/* Large devices (laptops/desktops) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for laptops and desktops */
}

/* Extra large devices (large desktops and 4K) */
@media (min-width: 1200px) {
  /* Styles for large desktops */
}