@media only screen and (min-width:320px) and (max-width:767px) {
  .approach-blocks .approach-block-img{
    position: initial;
    width: 100%;
    padding: 0px;
  }
  .approach-blocks{margin-bottom: 20px}
  .left-approach-block-content,.right-approach-block-content{padding:20px;}
  .service-section-1 .col-xxl-5 img{display: none;}
}
@media only screen and (min-width:1024px) and (max-width:1365px) {
  .bg-intro .bannerContent p{font-size: 1.2rem}
  .service-section-2{margin-bottom: 4.5rem}
  .service-card{width: 60%;left: 0;top: 5%}
}
@media only screen and (max-width:1400px){
  .service-card{width: 50%}
}
@media only screen and (max-width:1200px){
  header .navbar-nav .nav-item .nav-link, header .navbar-nav .nav-item .dropbtn{font-size: 0.9rem;padding: 23px 5px;}
  .bg-intro .bannerContent .circle{width: 220px;height: 220px;top: -10px}
  .subscribe-block{padding: 10px}
  .service-card {width: 60%;left: 0;top: 5%;}
}
@media only screen and (max-width:1024px){
  .service-section-2{margin-bottom: 4.5rem}
  .service-card{width: 60%;left: 0;top: 5%}
}
@media only screen and (max-width:992px){
  .hideInMobile,.get-started .animateCard:before{display: none;}
  .hideInWeb{display: block;}
  .bg-intro,.contact-section{margin-top: 70px;height: auto}
  .bg-internal{height:200px}
  .bg-intro .bannerContent .circle{width:150px;height:150px;left: 0;top: -20px}
  .header-menu-section{padding: 5px 0}
  .webContent .heading-glow,.webContent .mainHeading{font-size: 2.5rem}
  .bg-intro .webContent .heading-glow{font-size: 3rem}
  .menu-icon {font-size: 1.7rem;color: #fff;}
  .menu-icon.icon-close{color: var(--color-first);}
  .price-section .card-group{flex-wrap: wrap;}
  .approach-blocks .approach-block-img{width: 40%;padding: 0}
  .left-approach-block-content,.right-approach-block-content{padding: 25px}
  .left-approach-block-content{padding-right: 320px}
  .right-approach-block-content{padding-left: 320px}
  .approach-blocks{margin-bottom: 50px}
  .working-points-section .working-points-left-img{position: initial;width: 90%;height:350px; margin:  0 auto 15px;}
  .service-section-2{background: var(--color-second);margin-bottom: 0}
  .service-card{position: relative;width: 100%;left: 0}
  .service-section-1{background: var(--color-dark);}
  .service-section-2-heading{background: var(--color-second);}
}
@media only screen and (max-width:768px){
  .banner-overlay{background: rgba(0,3,30,0.7)}
  .banner-img{width: 100%}
  .approach-blocks .approach-block-img{width: 100%;padding: 0}
  .blog-section .card.left-blog-block img.blog-img{height: 250px;}
  .left-approach-block-content{padding-right: 0}
  .right-approach-block-content{padding-left: 0}
  .left-approach-block-content,.right-approach-block-content,.pointer-block{padding: 25px}
  .approach-blocks .approach-block-img.right-approach-block-img{position: relative;}
  .approach-blocks,.webContent ul.list-options{margin-bottom: 0px}
  .social-icons a{display: inline-block;margin: 0 5px}
  .pointer-list:nth-last-child(1){margin-bottom: 10px}
  .what-we-offer-section .what-we-offer-content, .what-we-offer-section .what-we-offer-content .what-we-offer-list{padding: 15px}
  .mutiple-steps-card{height:auto}
  .working-points-section .working-points-left-img{height:250px;}
}
@media only screen and (max-width:580px){
  .webContent .heading-glow,.webContent .mainHeading{font-size: 2rem}
  .bg-intro .webContent .heading-glow{font-size: 2.5rem}
  .blog-section .card.left-blog-block .subHeading{font-size: 1.4rem}
  .webContent .menu-footer li{display: inline-block;padding: 0 10px}
  .webContent .menu-footer li:before{top: 0;left: 10px}
  .subscribe-block{padding: 10px 0}
  .resources-column{column-count: 1}
  .bg-internal{height:200px}
  .industries-list li, .industries-list li a{font-size: 1rem;line-height: 2}
  .industries-list li{margin: 7px}
  .footer-contact-section{padding: 10px}
}
@media only screen and (max-width:500px){
  .header-menu .logo{width: 180px}
  .menu-icon,.webContent .tab-content .subHeading{font-size: 1.4rem}
  .bg-intro,.contact-section{margin-top: 50px}
  .sidebar-widget .widget-tags ul li a{padding: 5px 10px;font-size: 0.9rem}
  .blog-details ul li{margin-bottom: 0.2rem}
  .services-nav-tab .nav-link{font-size: 1rem;}
  .bg-intro .bannerContent .circle{width:100px;height:100px;}
  .bg-internal{height:150px}
  .industries-list li, .industries-list li a{font-size:0.9rem;line-height: 2.3}
}
@media only screen and (max-width:400px){
  .bg-intro .webContent .heading-glow{font-size: 2rem}
  .webContent .heading-glow, .webContent .mainHeading{font-size: 1.8rem}
  .webContent .subHeading,.bg-intro .bannerContent p{font-size: 1.2rem}
  .pagination-nav .pagination-list > li > a{width: 35px;height: 35px;}
  .pagination-nav .pagination-list > li > a,.pagination-nav .pagination-list > li a i{line-height: 30px}
  .button{padding: 10px 32px 12px 32px}
  .services-nav-tab .nav-link{font-size: 0.9rem;padding: 15px 55px 15px 15px;}
  .services-nav-tab .nav-link:after{width: 30px;height: 20px}
  .service-card{padding: 25px 20px}
}