@media (min-width:320px) and (max-width:426px)
{

   .cnt223{
      min-width: 100%;
      width: 100%;
      min-height: auto;
      margin: 100px auto;
      background: #f3f3f3;
      position: relative;
      z-index: 103;
      padding: 15px 35px;
      border-radius: 5px;
      box-shadow: 0 2px 5px #000;
      background-image: url(../images/coupen_bg.jpg);
      background-position: center;
      background-size: contain;
      }
      .popup-onload{
         margin: 0 auto;
         display: none;
         position: fixed;
         z-index: 101;
         top: 50%;
         left: 50%;
         margin-top: -300px;
         margin-left: -220px;
         }

         form.coupen_form .sale_btn
            {
               background-color: #7d1aa8;
               color: #fff;
               width: 200px;
               height: 50px;
               border-radius: 30px;
               font-size: 18px;
            }

   .main_section
   {
       background-image: url(../images/main_banner.png);
       width: 100%;
       height: auto;
       background-size: cover;
       background-position: center;
       background-origin: border-box;
   }

   .main_banner_logo
{
   margin-left: 10px;
   margin-top: 60px;
   width: 100%;
   height: auto;
   animation-name: updown_animation;
   animation-duration: 1s !important;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-fill-mode: both;
}

.call_us_heading
{
   margin-left: 70px;
   margin-top: 110px;
   font-size: 30px;
}

.phone_heading
{
   margin-left: 70px;
   font-size: 30px;
}

.social_heading
{
   margin-left: 70px;  
   font-size: 30px;
}

.package_heading
{
   margin-left: 70px; 
   font-size: 30px;
}

.call_us_paragraph
{
   font-size: 13px;
   width: 70%;
   margin-left: 70px;
}
      .custom
         {
            width: 90%;
            height: 555px;
            border: 3px dashed #5b5b5b;
            border-radius: 10px;
            margin-top: 30px;
            position: relative;
         }

         .main_form input
         {
             border:2px solid #d7dee5;
             padding: 10px;
             color: #0000;
             width: 100%;
             border-radius: 5px;
             /* text-transform: capitalize; */
             letter-spacing: 1px;
             margin-top: -10px;   
             margin-bottom: 10px;
             position: relative;
             z-index: 4;      
         }

         .phone_img2
         {
            display: none;
         }
         .phone_img
         {
            display: none;
         }

         .ellipse_1
         {
            position: absolute;
          top:-13%;
          left: -10%;
          z-index: -1;
         }

         .ellipse_3
         {
            display: none;
         }
  
         .ellipse_2
         {
            display: none;
         }
  
         .ellipse_4
         {
            display: none;
         }

         .posting_paragraph
         {
            width: 50%;
            font-size: 14px;
            padding-top: 15px;
         }

         .posting_banner_img
       {
          width: 100%;
          height: auto;
       }

       .package_cards
       {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         margin-top: 40px;
       }

       .influential_client
{
    background-color: #20022d;
    width: 100%;
    /* height: auto; */
    height: auto;
}

.live_chat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
}


.chat_section2
{
  display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 20px;
}

.icon_text2
  {
     padding-left: 15px;
     padding-top: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
  }

.icon_text2 p
  {
     font-size: 10px;
     width: 70%;
  }

  .combo_packages
{
   background-image: url(../images/combo_pack_bg.png);
   width: 100%;
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding-top: 50px;
}

.combo_pack_post
{
   position: absolute;
   bottom: 0%;
   right: 0%;
   width: 100%;
   height: auto;
}
.combo_pach_col
{
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.form_container {
    height: auto;
    width: 100%;
}
.bg_paragraph {
   color: #ffffff;
   font-family: MyFont2;
   width: 80%;
   font-size: 12px;
}

.package_card1 {
   width: 100%;
   height: auto;
   margin-left: 0px;
}

.package_card2 {
   width: 100%;
   height: auto;
   margin-left: 0px;
}

.get_Touch_button
{
   width: 150px;
   height: 40px;
   border: none;
   border-radius: 30px;
   background-color: #313341;
   text-align: center;
   color: #ffffff;
   font-family: myFont;
   font-size: 12px;
   margin-top: 15px;
}

.get_touch_live_chat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  margin-top: 0px;
  /* margin-right: 20px; */
}
.get_image
{
   width: 100%;
   height: auto;
}

.respon_img
            {
               width: 100%;
               height: auto;
            }
}

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

   .cnt223{
      min-width: 100%;
      width: 100%;
      min-height: auto;
      margin: 100px auto;
      background: #f3f3f3;
      position: relative;
      z-index: 103;
      padding: 15px 35px;
      border-radius: 5px;
      box-shadow: 0 2px 5px #000;
      background-image: url(../images/coupen_bg.jpg);
      background-position: center;
      background-size: contain;
      }
      .popup-onload{
         margin: 0 auto;
         display: none;
         position: fixed;
         z-index: 101;
         top: 50%;
         left: 50%;
         margin-top: -300px;
         margin-left: -220px;
         }

         form.coupen_form .sale_btn
            {
               background-color: #7d1aa8;
               color: #fff;
               width: 200px;
               height: 50px;
               border-radius: 30px;
               font-size: 18px;
            }

   .main_section
   {
       background-image: url(../images/main_banner.png);
       width: 100%;
       height: auto;
       background-size: cover;
       background-position: center;
       background-origin: border-box;
   }

   .main_banner_logo
{
   margin-left: 10px;
   margin-top: 60px;
   width: 100%;
   height: auto;
   animation-name: updown_animation;
   animation-duration: 1s !important;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-fill-mode: both;
}

.call_us_heading
{
   margin-left: 70px;
   margin-top: 110px;
   font-size: 30px;
}

.phone_heading
{
   margin-left: 70px;
   font-size: 30px;
}

.social_heading
{
   margin-left: 70px;  
   font-size: 30px;
}

.package_heading
{
   margin-left: 70px; 
   font-size: 30px;
}

.call_us_paragraph
{
   font-size: 13px;
   width: 70%;
   margin-left: 70px;
}
      .custom
         {
            width: 90%;
            height: 555px;
            border: 3px dashed #5b5b5b;
            border-radius: 10px;
            margin-top: 30px;
            position: relative;
         }

         .phone_img2
         {
            display: none;
         }
         .phone_img
         {
            display: none;
         }

         .ellipse_1
         {
            position: absolute;
            top:-11%;
            left: -33%;
            z-index: -1;
         }

         .ellipse_3
         {
            position: absolute;
          top:-8%;
          right: -5%;
          z-index: -1;
         }
  
         .ellipse_2
         {
            position: absolute;
          bottom:-19%;
          left: -13%;
          z-index: -1;
         }
  
         .ellipse_4
         {
            position: absolute;
          bottom:-15%;
          right: -10%;
          z-index: -1;
         }

         .posting_paragraph
         {
            width: 50%;
            font-size: 14px;
            padding-top: 15px;
         }

         .ellipse_3
         {
            position: absolute;
            top:-8%;
            right: -5%;
            z-index: -1;
         }

         .posting_banner_img
       {
          width: 100%;
          height: auto;
       }

       .package_cards
       {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         margin-top: 40px;
       }

       .influential_client
{
    background-color: #20022d;
    width: 100%;
    /* height: auto; */
    height: auto;
}

.live_chat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
}


.chat_section2
{
  display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 20px;
}

.icon_text2
  {
     padding-left: 15px;
     padding-top: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
  }

.icon_text2 p
  {
     font-size: 10px;
     width: 70%;
  }

  .combo_packages
{
   background-image: url(../images/combo_pack_bg.png);
   width: 100%;
   height: auto;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding-top: 50px;
}

.combo_pack_post
{
   position: absolute;
   bottom: 0%;
   right: 0%;
   width: 100%;
   height: auto;
}
.combo_pach_col
{
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.form_container {
    height: auto;
    width: 100%;
}
.bg_paragraph {
   color: #ffffff;
   font-family: MyFont2;
   width: 60%;
   font-size: 12px;
}

.get_Touch_button
{
   width: 150px;
   height: 40px;
   border: none;
   border-radius: 30px;
   background-color: #313341;
   text-align: center;
   color: #ffffff;
   font-family: myFont;
   font-size: 12px;
   margin-top: 15px;
}

.get_touch_live_chat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  margin-top: 0px;
  /* margin-right: 20px; */
}
.get_image
{
   width: 100%;
   height: auto;
}
}

@media (min-width:769px) and (max-width:1024px)
{
    /* phone banner */

    .call_us_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: uppercase;
            margin-left: 70px;
            margin-top: 110px;
            font-size: 40px;
         }

         .phone_heading
         {
            color: #e400ff;
            font-family: myFont;
            text-transform: uppercase;
            margin-left: 70px;
            font-size: 40px;
         }

         .social_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: capitalize;
            margin-left: 70px;  
            font-size: 40px;
         } 
         
         .package_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: capitalize; 
            margin-left: 70px; 
            font-size: 40px;
         }

         .call_us_paragraph
         {
            color: #ffffff;
            font-family: myFont2;
            font-size: 14px;
            width: 70%;
            margin-left: 70px;
         }
         
    .phone_img2
    {
     position: absolute;
       top: 150px;
       left: -30px;
       z-index: 3;
       animation-name: phone_animation;
       animation-duration: 1.5s !important;
       animation-iteration-count: infinite;
       animation-direction: alternate;
       animation-fill-mode: both;
       transition: all;
    }


    /* posting section css */

    .growing_Audience p
      {
         color: #313341;
         font-family: packFont2;
         padding-top: 15px;
         font-size: 12px;
      }

      .engaging_Audience p
      {
         color: #313341;
         font-family: packFont2;
         padding-top: 15px;
         font-size: 12px;
      }

      .attracting_Audience p
      {
         color: #313341;
         font-family: packFont2;
         padding-top: 8px;
         font-size: 11px;
      }

      .attracting_Audience
      {
         padding-left: 15px;
         margin-top: 30px;
         width: 60%;
         margin-bottom: 50px;
      }

      .ellipse_2
       {
          position: absolute;
          bottom:-21%;
          left: -16%;
          z-index: -1;
       }

       .posting_banner_img
       {
          margin-top: 40px;
          animation-name: updown2_animation;
          animation-duration: 1.5s !important;
          animation-iteration-count: infinite;
          animation-direction: alternate;
          animation-fill-mode: both;
       }

       .for_banner_img
       {
          display: flex;
          justify-content: center;
       }

       .respon_img
            {
               width: 100%;
               height: auto;
            }

/* influencial css */

.icon_text .chat
{
   color: #db90fb;
   font-size: 14px;
   text-transform: capitalize;
   font-family: myFont;
}

.live_chat
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
}

.icon_text p
{
   color: #ffffff;
   text-transform: capitalize;
   font-family: myFont2;
   font-size: 10px;
}

.text_us
{
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-family: myFont;
}

/* Combo pack section */

.combo_pack_post
{
   position: absolute;
   bottom: 22%;
   right: 0%;
   width: 500px;
}


    /* get started css */

    .phone_img
  {
   position: absolute;
     top: 150px;
     left: -50px;
     z-index: 3;
     animation-name: phone_animation;
     animation-duration: 1.5s !important;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-fill-mode: both;
  }

}