/*@media screen and (max-width: 767px) and (min-width: 320px) */
@media only screen and (max-width: 767px) 

{
    .pb-sm-0 {padding-bottom: 0;}
/*header css*/   
    nav ul li a img {
        width: 150px !important;
        transition: all 0.4s ease;
    }
    a.btn-open {
    position: absolute;
    top: 5px;
    right: 0;
}
header.sticky .button a.overlay-number {
    visibility: hidden;
}
header.sticky .button a.number {
    display: none;
}
/*.button a.number {
    font-weight: 600;
    color: #63c5c1;
    transition: all 0.5s;
    display: none;
}*/
header.sticky .button a.overlay-number {
    font-weight: 600;
    color: #fff;
    transition: all .5s;
    font-size: 24px;
    display: inline-block;
    margin-right: 15px;
}
/*end header css*/ 

/*banner sec css*/
.heading h2{
    padding: 0 15px;
}
  #intro_sec .left_border:after
  {
    display: none;
  }
  #services_sec .heading h2 {font-size: 26px;}
  .owl-item .slider-animated-1 .slide-tit {
    padding-top: 0;
    padding: 0 15px;
    padding-bottom: 30px;
  }
  #services_sec .navig {
    margin-top: 5px;
    }

 .homebanner1 .owl-nav {
    position: absolute;
    left: 15px;
}
/*end banner sec css*/

#weknowtag .bluestrip:after {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
  }
  .circles li:nth-child(5), .circles li:nth-child(6), .circles li:nth-child(7), .circles li:nth-child(8), .circles li:nth-child(9), .circles li:nth-child(10)
  {
    width: 0 !important;
  }
  #intro_sec .left_border:after
  {
    display: none;
  }
  #intro_sec .intro_text {
    padding: 0px 0 !important;
}
.pt-30 {
    padding-top: 15px;
}
#intro_sec .intro_text p {margin-bottom: 0;}
#intro_sec .intro_text_right {
    padding: 0;
}
#intro_sec {
    padding: 30px 0 30px;
}

  .owl-item .slider-animated-1 h2 {
    color: #63c5c1;
    font-weight: 700;
    font-size: 35px !important;
    line-height: 60px;
    text-transform: uppercase;
    margin-right: -10px;
  }
/*services section css*/
  #services_sec .navyblue .margintop {
    margin-left: 26px;
    margin-top: 0px;
   }
   #services_sec .d_for_you {
    background: #fff;
    padding: 50px 15px 30px;
  }
  #services_sec .tagline h5 {font-size: 22px;}
   #services_sec .d_for_you p 
   {
    text-align: left;
    letter-spacing: 0.2px;
   }
   #services_sec h1 {
    font-size: 28px;
    }
      #services_sec {
      padding: 30px 0px;
      position: relative;
  }
  #i_a {
    padding: 0px 0px;
    position: relative;
}
#services_sec .one:after, #services_sec .two:after, #services_sec .three:after {
    top: unset;
    bottom: -20% !important;
    right: 150px;
    left: 30px;
    font-size: 90px; letter-spacing: -8px;}
#wcs_sec {padding:0 ;}
#weknowtag .bluestrip .tagheading h4
{
  font-size: 28px;
}
#weknowtag {padding: 30px 0px;}
#services_sec .tagline h5 span{
    font-size: 30px;
}
blockquote:after {font-size:3em;right: 0;
    margin-right: 30px !important; bottom: 25px;}
    #i_a .heading {
    padding: 0;
}
blockquote:before {font-size: 3em;
    margin-left: -25px;
    margin-top: -20px;}
#weknowtag .bluestrip .tagheading h4 span {
    font-size: 20px;
    font-weight: 500; 
    line-height: 30px;
    margin-bottom: 15px;
}
#weknowtag .bluestrip {
    padding: 30px 15px !important;
}
#wcs_sec .wcs_content {
    padding-right: 15px;
}
#wcs_sec .review:before {
    top: unset;
    bottom: 20%;
    left: -60px;
    font-size: 40px;
}
#i_a .heading h3 {font-size: 26px;}
#intro_sec .intro_text_right h6 {font-size: 45px;}
/*End services section css*/
#i_a .heading:after {
display: none;
}
#i_a .partners:after
{
  right: 0;
  bottom: 14% !important;
  top: unset;
  font-size: 30px !important;
}
#wcs_sec .navig {
    padding-left: 15px;
}
#blog_sec {
    padding: 30px 0px !important;
}
#blog_sec .blog_date {
    left: 15px;
}
#blog_sec .blog_elements {
    padding: 30px 15px;}
    #blog_sec .navig .owl-nav {
    padding: 30px 0px 0;
}
#blog_sec .heading h4 {font-size: 26px;}
#blog_sec:after {
    top: 35%;
    right: -23%;
    font-size: 40px;
    z-index: 1;
}
#i_a .boder_right {
    border: 0;
}
#intro_sec .boder_right{border-right:0;}
/*inner page css*/
#about_ideobiz .boder_right {border-right: 0;}
#visionmission_sec {
    padding: 30px 0px;
}
#innerpage .heading-text h1 span {font-size: 36px;}
#innerpage .heading-text p {padding-bottom: 30px;}
#innertagline {
    padding: 30px 0px;
}
#innertagline .bluestrip:after {display: none;}
#innerpage {padding: 50px 0px 0px;background-image: none !important;}
.topbg {position: absolute; heigt: 80px;}
#about_ideobiz .intro_text {padding: 0;}
#about_ideobiz { padding: 0px 0px 0px;}
#about_ideobiz .left_border:after {border: 0;}
#innertagline .bluestrip .tagheading h2 {font-size: 28px;margin-bottom: 30px;}
#innertagline .bluestrip .tagheading h2 span {
    font-size: 18px;
    line-height: 28px;
}
#innertagline .readmore a {padding: 8px 10px;margin-right: 5px;font-size: 14px;}
#innertagline .readmore {
    text-align: left;
}
.heading.pb-30 {
    padding: 0;
} 
#visionmission_sec .navig .owl-nav {padding: 10px 0px 10px;}
#visionmission_sec .heading h4 {font-size: 28px;}
#visiontag .bluestrip:after {display:none;}
#visiontag {
    padding: 0px 0px 30px;
}
#visiontag .bluestrip {
    padding: 30px 15px;
}
#visiontag .bluestrip .tagheading h4 {
    font-size: 30px;
    line-height: 40px;
}
#visiontag .bluestrip .tagheading h4 span {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: :15px;
}
#about_ideobiz .visiontext {
    padding: 30px 30px 30px;
}
#about_ideobiz .missiontext {
    padding: 30px 30px 30px;
}
#vandmpoints {
    padding: 30px 0px 20px;
}
.height-sm {display: none;}
#vandmpoints  .blockquote:before {font-size: 50px;}
#about_ideobiz .visiontext:before
{
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    right: 0;
    z-index: 1000000;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 60px;
    width: 100%;
}
#about_ideobiz .missiontext:before, #about_ideobiz .services2:before {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
}
#about_ideobiz .services2 p, #about_ideobiz .services p {text-align: left;margin-bottom: 0;}
#about_ideobiz .services, #about_ideobiz .services2 {padding: 30px 20px 30px;}
#about_ideobiz .services2 h2 {margin-bottom: 10px;}

#vandmpoints h3 {font-size: 16px;}
.ponits {
    padding-left: 15px;
}

#team_ideobiz {padding: 30px 0px 30px;}
.height-sm-40 {
    height: 40px;
}
.height-sm-0 {
    height: 0;
}
.p-sm-0 {
    padding: 0;
}
.pr-sm-0 {
    padding-right: 0 !important;
}
#innerpage .heading-text {
    margin-top: 50px;
}
#visionmission_sec {padding: 30px 0px;}
#portfolio_ideobiz .port_des_box {padding: 30px 20px;}
#portfolio_ideobiz .port_des_box .website_content h5 {font-size: 26px;}
#portfolio_ideobiz .port_des_box .website_content {padding: 0;}
#portfolio_ideobiz .port_des_box .website_tech {padding: 0;}
#portfolio_ideobiz .port_des_box .website {padding: 10px 0;}
#portfolio_ideobiz {padding:0;}
.pr-sm-3 {padding-right: 15px;}
.pl-sm-3 {padding-left: 15px;}
#carrer_form {padding: 0px 0px 30px;}
#innertagline .bluestrip2 .tagheading h2 {font-size: 28px;}
#innertagline .bluestrip2 .tagheading h2 span {font-size: 18px; font-weight: 500;margin-bottom: 10px;}
.tagheading {margin-bottom: 15px;}
.jobsimg {display: none;}
#contact_ideobiz {padding: 0 !important;}
#contact_ideobiz .left_border:after {border: 0;}
#contact_ideobiz .boder_right {border: 0;}
#contact_ideobiz .intro_text {padding: 0;}
#map .contact_add .contact_form {width: 100%;position: relative; margin: 0 auto;}
#map .contact_add {padding: 0;}
#career-head .career-content .readmore {margin-bottom: 30px;}
#career-head .career-content .readmore a {padding: 14px 15px; font-size: 16px;}
/*end inner page css*/

/*footer css*/
footer .boder_right {
    min-height: 100%;
    margin-bottom: 30px;
}
.subscribe_sec .left {
    width: 100%;
    text-align: center;
}
.subscribe_sec .right {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
}
.subscribe_sec .left img {
    margin-bottom: 15px;
}
.bottom_link_right h4, .bottom_link_right address {
    text-align: left;
    text-align: left !important;
}
.bottom_link_last {
    padding-bottom: 50px;
}

footer .bottom_link_last .grw-net-widget-four-content {padding: 15px;width: 100%;}
footer .bottom_link_last .widget {width: 50%; padding-right: 10px;}
footer .grw-net-widget {margin: 0;width: 100%;display: block;margin-top:30px;}
footer .bottom_link_last .gp {
    width: 50%;margin-top:30px;}
footer .bottom_link_last .grw-net-widget-four-type-3 {min-width: 100%; padding: 0;}
footer .bottom_link_last h4 {font-size: 26px; margin-bottom: 15px;}
.pb-40 {
    padding-bottom: 30px;
}
.pt-40 {
    padding-top: 30px;
}
footer .fullborder {margin: 10px 0px 0px;}
/*End footer css*/
}

@media(max-width:480px){
    #services_sec .heading h2 {
    font-size: 24px;
    }
    #i_a .partners:after
    {
      right: -18% !important;
    }
        #visiontag .bluestrip {
        padding: 20px 15px;
    }
        #visiontag .bluestrip .tagheading h4 {
        font-size: 25px;
        line-height: 40px;
    }
    #i_a .partners:after {font-size: 26px !important;}
    #visiontag .bluestrip .tagheading h4 span {
    font-size: 15px;
    }
    blockquote:after {
    margin-right: 30px !important;
    }
    #services_sec .tagline h5 span {
    font-size: 20px;
    }
    #about_ideobiz .services2 p {font-size: 14px;line-height: 24px;}
    #about_ideobiz .services2 p, #about_ideobiz .services p {text-align: left;margin-bottom: 0;}
#about_ideobiz .services, #about_ideobiz .services2 {padding: 30px 20px 30px;}
#about_ideobiz .services2 h2 {margin-bottom: 10px;}

}

@media only screen and (max-width: 768px) 
{
    /*header css*/   
   /* nav ul li a img {
        width: 250px;
        transition: all 0.4s ease;
    }*/
    a.btn-open {
    position: relative;
    top: 0px;
    right: 15px;
}
header.sticky .button a.overlay-number {
    visibility: hidden;
}
/*.button a.number {
    font-size: 22px !important;
}*/
header.sticky .button a.overlay-number {
    font-weight: 600;
    color: #fff;
    transition: all .5s;
    font-size: 24px;
    display: inline-block;
    margin-right: 15px;
}
/*end header css*/ 
/*banner sec css*/
.topbg {height: 150px;}
/*.heading h2{
    padding: 0 15px;
}*/
#intro_sec .intro_text {padding: 0px 0px 30px 15px;}

  #intro_sec .left_border:after
  {
    display: none;
  }
  #services_sec .heading h2 {font-size: 26px;}
  .owl-item .slider-animated-1 .slide-tit {
    padding-top: 0;
  }
  #services_sec .navig {
    margin-top: 5px;
    }
 .owl-item .slider-animated-1 h2
  {
    font-weight: 700;
    font-size: 40px;
    line-height: 60px !important;
  }
  /* .owl-item .slider-animated-1 h2 {
    color: #63c5c1;
    font-weight: 700;
    font-size: 45px;
    line-height: 1;
    text-transform: uppercase;
    margin-right: -10px;
  }*/
  .owl-item .slider-animated-1 .slide-tit .readmore a {padding: 10px 4px;font-size:10px;}
  
  .owl-item .slider-animated-1 p {width: 100%;}
 .homebanner1 .owl-nav {
    position: absolute;
    bottom: -30px;
}
#innerpage {
    padding: 90px 0px 30px;
}
#about_ideobiz {padding: 0;}
/*end banner sec css*/
/*services section css*/
  #services_sec .navyblue .margintop {
    margin-left: 26px;
    margin-top: 0px;
   }
   #services_sec .d_for_you {
    background: #fff;
    padding: 50px 15px 30px;
  }
   #about_ideobiz .services2 p, #about_ideobiz .services p {text-align: left;margin-bottom: 0;}
#about_ideobiz .services, #about_ideobiz .services2 {padding: 30px 20px 30px;}
#about_ideobiz .services2 h2 {margin-bottom: 10px;}
  #services_sec .tagline h5 {font-size: 22px;}
   #services_sec .d_for_you p 
   {
    text-align: left;
    letter-spacing: 0.2px;
   }
   #services_sec h1 {
    font-size: 28px;
    }
      #services_sec {
      padding: 30px 0px;
      position: relative;
  }
  #i_a {
    padding: 0px 0px;
    position: relative;
}
#wcs_sec {padding:0 ;}
#weknowtag .bluestrip .tagheading h4
{
  font-size: 28px;
}
#blog_sec {
    padding: 40px 0px;
}
#wcs_sec:after {display: none;}
#blog_sec .navig .owl-nav {padding: 20px 0px;}
#weknowtag .bluestrip {
    padding: 30px 30px;
}
#weknowtag {padding: 30px 0px;}
#services_sec .tagline h5 span{
    font-size: 30px;
}
blockquote:after {font-size:3em;right: 0;
    margin-right: 30px; bottom: 25px;}
    #i_a .heading {
    padding: 0;
}
.circles li:nth-child(10){width: 0;}
#i_a .heading h3 {font-size: 26px;}
#intro_sec .intro_text_right h6 {font-size: 45px;}
/*End services section css*/
#i_a .partners:after {
    content: "PARTNERS";
    position: absolute;
    top: 63%;
    bottom: 25%;
    top: unset;
    right: -12%;
    font-size: 50px;
    font-weight: 800;
}
/*inner pages css*/
#about_ideobiz .visiontext:before
{
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    right: 0;
    z-index: 1000000;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 60px;
    width: 100%;
}
#about_ideobiz .missiontext:before, #about_ideobiz .services2:before {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
}
#about_ideobiz .services2 p, #about_ideobiz .services p {text-align: left;margin-bottom: 0;}
#team_ideobiz {padding: 30px 0px 30px;}
.height-sm-40 {
    height: 40px;
}
.height-sm-0 {
    height: 0;
}
.p-sm-0 {
    padding: 0;
}
.pr-sm-0 {
    padding-right: 0 !important;
}
#wcs_sec .review:before {left: -70px; font-size: 50px;}
#contact_ideobiz {
    padding: 50px 0px 0px;
}
#contact_ideobiz .intro_text {padding: 0;}

#wcs_sec .item {
    margin-bottom: 30px;
}
/*end inner pages css*/

/*footer css*/
.subscribe_sec img {
    width: 180px;
}
footer .fb-like {display: inline-block;}
/*end footer css*/

}

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

}

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

}

@media screen and (max-width: 1280px) and (min-width: 1000px)
{

}