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



.col-md-4.leftside_footer {
    background-color: black;
}



  p.footer-quick-links-text.mt-20 {
    color: white;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 4px;
}


.footer-links ul li a {
    color: white !important;
}



p.footer-quick-links-text {
    color: white;
    opacity: 0.5;
}


/*.footer-about {
        background-color: black !important;
        padding: 2rem !important;                        
    }

 .footer-top{
             background: unset !important;
        }
     .footer-about{
       background-color: black !important;
     }
     .footer-links ul li a, p {
      color: #fff !important;
    }*/




.footer-top {
    
    background:#fff !important;
}


#ContentPlaceHolder1_faq_cat {
    padding: 30px 0;
}

div#rotatingsvg img {
    position: absolute;
    top: 47%;
    right: 37%;
    width: 23px;
}

div#rotatingsvg {
    position: absolute;
    right: 5%;
    top: -8%;
    z-index: 5;
}

div#rotatingsvg svg{
width:70px;
}

.responsivedesign .laptopimg img {
    width: 367px;
    height: 316px;
}

.whatsapp-icon-btn{
position: fixed !important;
    left: 0 !important;
    top: 50% !important;
    Z-INDEX: 10006 !important;
    OPACITY: 1 !important;

}


#ContentPlaceHolder1_featuredproject .slick-list{
    padding:0px !important;
} 

#ContentPlaceHolder1_featuredproject{
padding:30px 0;
}


#ContentPlaceHolder1_featuredproject .rio-promos img {
    height: 211px !important;
    width: 301px !important;
    margin: 0 auto;
    position: relative;
    margin-top: 6px !important;
    top: 140%;
}

#ContentPlaceHolder1_featuredproject .slick-slide.slick-active.slick-center img {
        filter: grayscale(0);
        transition: all 0.6s;
         width: 301px !important;
         height: 205px !important;
         left: 50px;
         margin: 0px 0 !important;
    }



#ContentPlaceHolder1_featuredproject button.slick-prev {
   
    display: none !important;
    
}


.marquee h4 span {
    font-size: 39px;
    
}

.marquee {
    padding: 40px 0;
    
}



.gettoolsneeded .text {
    margin: 39px 0px;
}


.technology-stack {
    padding: 30px 0;
   
}

.footer-top {
 padding: 30px 0 10px 0;
   
}

.footer-top .footer-column {
   
    padding-left: 0rem;
}


.footer-links ul li a {
    
    color: #000;
    
}

.transparent-bg i.fas.fa-bars {
color:#fff;
}


.navbar .dropdown-menu.mega-menu.show {
background:#000;
padding-top:15px !important;
}

.dropdown-menu.mega-menu{
background:#000;
padding-top:15px !important;
}

.navbar ~ .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.navbar .navbar-nav .mega-menu .title {
    color:#ffff;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.navbar .navbar-nav .mega-menu .title a{
 color:#ffff !important;
}

.navbar .mega-menu .title .sub-title {
    border:none !important;
    text-transform: uppercase;
    color:#ffff !important;
}

.navbar .col-lg-2.col-md-2.col-sm-12.col-xs-12 {
    width: 50% !important;
}

.navbar hr.custom-hr{
display:none;
}

.navbar .navbar-nav .mega-menu .clumn {
    padding-left: 0;
    margin-bottom: 10px;
}

.navbar p.hover-menu-bottom-link {
padding-left:13px;
}

.navbar .dropdown-menu .dropdown-item {
   
    color: #fff;
  
}


.navbar {
padding:1rem 0;
height:100px;
background:#000;

}


.navbar .icon-img-160 {
    width: 118px !important;
    margin-left: 16px;
}


.navbar .navbar-collapse {
   
    background: #000;
    height: 100vh;
    /* position: absolute; */
    left: 0;
}

.navbar .container-fluid{
padding-left:0;
}




h2{
font-size:35px !important;
line-height:30px !important;
}

.milestones h1 {
    font-size:35px !important;
}

.milestones h1 span{
   font-size: 35px !important;
}



h2 span{
font-size:35px !important;
}


h3{
font-size:35px !important;
}


h3 span{
font-size:35px !important;
}

p{
font-size:14px !important;
}

section.about.section-padding.white-bg {

}

.banner .heading {
  font-size:23px !important;
}


.banner  .breadcrumb li a {
    font-size: 10px;
   
}

.banner .breadcrumb li.active {
   font-size: 10px;
}


.introtext {
    padding: 30px 0px;
    background-color: #f4f4f4;
}

.introtext h3 {
  
    line-height: 35px;
}


.introtext .row.row-box-wrapper.mt-80 {
 margin-top:0px !important;
}

.introtext .row.row-box-wrapper.mt-80 .col-lg-4{
 margin-bottom:20px;

}

.introtext .row.row-box-wrapper.mt-80 .col-lg-4:last-child{
 margin-bottom:0px;

}


.cd-horizontal-timeline {
   
    padding: 30px 0;
}


.horizontal-timeline .events-content {
   
    margin: 0em 0 0;
}

.horizontal-timeline .timeline {
   
    padding: 0 0px;
}

.milestones h6 {
   
    margin: 20px 0;
}

.horizontal-timeline {
    
    margin: 0em auto;
    
}


.our-team h2 {
    
    margin-bottom: 10px;
}

.our-team {
   
    padding: 30px 0px;
}

.our-team .drawline-left {
    
    margin-left: -64px;
   
}

.p-80 {
    padding: 30px 0px;
}

.help-clients {
   
    background-position: bottom;
   
    background-size: 100%;
}

.our-values {
  
    background-repeat: repeat;
    object-fit: cover;
    padding: 30px 0px;
}


.mb-70 {
    margin-bottom: 30px !important;
}

.our-values .wrapper {

    margin-bottom: 20px;
}


.introtextwebsitedevelopement {
    padding: 30px 0px;
  
}

.introtextwebsitedevelopement h2 {
   
    margin-bottom: 20px;
}




.introtextwebsitedevelopement p:first-child {
    margin-bottom: 10px;
    margin-top: 10px;
}

.websolutions-list {
    padding-top:30px;
     padding-bottom:0px;
}


.websolutions-list .col-lg-3.col-md-3.col-12.mb-5 {
margin-bottom:1rem !important;
}

#news {
    padding: 30px 0px;
}

#faq {
    padding: 30px 0px;
}


.accordion-item h2 button {
   
    font-size: 20px;
   
    padding: 10px 20px 10px 20px;
}


#faqTab .nav-link {
    padding: 8px 2px;
}


#faqTab .nav-link {
    
    font-size: 20px;
   
}


#blogs {
    padding: 30px 0;
}

#blogs .pt-100 {
    padding: 0px 0px;
}

#blogs .pt-100 {
    padding-top: 0px !important;
}


#blogs div#blog-standard .post-img {
    
    padding: 8px;
   
}

#blogs div#blog-standard .post-info{
padding:8px;
}


#blogs .post-info h3 a {
    font-size: 20px;
   
    margin-bottom: 0px;
}


#blogs .post-info p {
   
    margin-top: 0px;
}


#blogs .post-box {
    margin-bottom: 1.125rem;
   
}


#blogs .widget2 {
   
    padding: 1rem;
   
}


 #blogs .widget2 + .widget2 {
    margin-top: 1.125rem;
}



#blogs .pb-50 {
    padding-bottom: 0px !important;
}

#blogs .widget2 h3 {
    font-size: 22px !important;
    
}


.counter{
padding:30px 0px;

}


.counter .col-lg-3 {
    justify-content: space-between;
}


.counter .icon {
    position: relative;
    top: 32px;
}

.our-clients {
    padding: 30px 0px 30px 0;
   
}

.digital-experience {
    padding:30px !important;
}


.technologies-platforms {
    padding: 30px 0px;
   
}

.client-talks .introtext {
  
    height: 414px;
   
    
}


.client-talks .introtext {
   width:100% !important;
}

.client-talks .slider {
    width:100% !important;
}


.client-talks .introtext .col-lg-6 {
    padding: 30px 30px;
}

section.banner{
margin-top:100px;
}
 
section.our-process .col-lg-3.col-md-3.col-12 .card-arrow {
    width: 170px;
    /* float: right; */
    position: absolute;
    top: 50%;
    right: 0px;
    transform: rotate(92deg);
}
 
 
.technology-stack .first-row {
    margin-bottom: 30px;
}

.our-process {
    padding: 30px 0px;
}

.our-process .first-row {
    margin-bottom: 35px;
}


html,body{
overflow-x:hidden;
}

.slider-technologies-platforms .slick-slide img {
    opacity: 1;
    filter: grayscale(0%);
}


section.our-process  .row .col-lg-3:nth-child(even) svg {
    transform: rotate(0deg);
}


.footer-left-form .custom-form-inputs {
    display: flex;
    flex-direction: column;
}

.logo-img {
    padding: 4px 0;
    padding-bottom: 0px;
   
}

.footer-quick-links-text {
    color: #000;
    opacity:1;
    margin-bottom:10px;
}


.custom-user-box input {
   
    margin-bottom: 0px;
  
}


.heading-webistedevelopement{

  font-size: 24px !important;
}

.heading-webistedevelopement  span {
   
    font-size: 24px !important;
    
}

.gettoolsneeded .bgimg {
    height: 744px;
    object-fit:cover;
}

}


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


section.websolutions button.slick-prev.slick-arrow {
    margin-left: 17px;
}section.websolutions .slick-next {
    right: 0% !important;
}






    h1 {
        font-size: 42px !important;
    }

    h2 {
        font-size: 40px !important;
    }

    .navbar .icon-img-160 {
        width: 150px;
        margin-left: 18px;
    }

    .navbar ul.navbar-nav {
        padding-top: 20px;
        height: 100vh;
    }

    .hero-wrap.style2 .hero-slide-item {
        padding: 9% 15px 79px;
        border-radius: 0px;
    }

    .hero-wrap.style2 .hero-slide-item .hero-content h1 {
        width: 80vw;
    }

    .hero-wrap.style2 .hero-slide-item .hero-content p {
        width: 80vw;
    }


.whatsapp-icon-btn {
    position: fixed !important;
    top: 51%;
  
   
    left: 0px;
   
}


.section-padding {
    padding: 50px 0 !important;
}


.counter {
    
    padding: 50px 0 !important;
}


.counter .col-lg-3.col-md-3.col-12.d-flex{
width:50% !important;
justify-content:space-between;
}

.cd-horizontal-timeline {
    
    padding: 50px 0 !important;
}



.bg-blackcolor {
    background: linear-gradient(to right, #000 100%, #fff 0%);
}


section.websolutions{
   padding: 50px 0 !important;

}



.websolutions .contentonimg {
   
    padding: 10px 10px;
  
}


.websolutions .contentonimg img {
    width: 50px;
    margin-bottom: 10px;
}

.bg-blackcolor {
    background: linear-gradient(to right, #000 100%, #fff 0%) !important;
} 

.bg-whitecolor {
    background: linear-gradient(to right, #f4f4f4 100%, #fff 0%) !important;
}


.we-do-more-section .main-div {
    border-right: 2px solid #dadada;
    width: 33%;
    margin-bottom: 15px;
}


.our-clients {
    padding: 0px 0px 50px 0 !important;
    
}

.digital-experience h2 {
    font-size: 44px !important;
    line-height: 53px !important;
    margin-bottom: 40px !important;
}


.pt-100 {
    padding: 50px 0px !important;
    padding-top:50px !important;
}

.websolutions .contentonimg {
   width:100% !important;
}

.websolutions p.white-text {
    line-height:1.7;
    margin-bottom: 10px !important;
}

.websolutions h6 {
   
    margin-bottom: 0px !important;
   
}

.digital-experience .filter-md {
    backdrop-filter: blur(15px);
    padding:20px ;
    margin-bottom:10px;
}

.innovation-efficiency {
    padding: 50px 0 !important;
}

.innovation-efficiency .box:nth-child(1)::after {
  
    
    
    left: 3% !important;
    
    width: 64px !important;
    bottom: 4px !important;
    transform: rotate(90deg) !important;
}





.innovation-efficiency .box:nth-child(2)::after {
    
    left: 3% !important;
    /* right: -6%; */
    
    width: 64px !important;
    bottom: 5px !important;
    transform: rotate(90deg) !important;
}

.client-talks .introtext {
   
    height: 476px;
    width:100% !important;
    padding:50px !important;
}

.client-talks .slider {
    padding: 70px 70px 70px 80px !important;
    width: 100% !important;
}

.footer .col-md-8.footer-left-form {
width:100% !important;
}

.footer .col-md-4{
width:100% !important;
}


.footer .col-md-4 ul {
display:flex;
justify-content:start;
gap:10px;
}


.footer .footer-quick-links-text {
    color:#282525 !important;
}

.footer ul li a{
color:#282525 !important;
}

.footer-top .footer-column {
     margin-bottom: 0px !important;
    padding-left: 0rem !important;
}

.introtext {
    padding: 50px 0px !important;
    
}

.introtext .wrapper {
    margin-bottom:20px;
}


.introtext .col-lg-4:last-child{
margin:0;
}


.our-team {
 
    padding: 50px 0px;
}
.our-team h2 {
   
    margin-bottom: 40px;
}

.p-80 {
    padding: 50px 0px;
}

.heading-webistedevelopement  span {
    
    font-size: 40px;
    
}

.introtextwebsitedevelopement {
    padding: 50px 0px;
    
}

.introtextwebsitedevelopement p:first-child {
    
    margin-top: 50px;
}

.websolutions-list .contentonimg {
    width:100%;
}

.websolutions-list h6 {
    
    margin-bottom: 0px;
    
}
.websolutions-list p.white-text {
    
    margin-bottom: 0px;
    line-height: 1.7;
    
}

#news {
    padding: 50px 0px;
}

#TestimonialsListing {
    padding: 50px 0;
}

#faq {
    padding: 50px 0px;
}

#blogs {
    padding-bottom:0px;
    padding-top:0;
    padding-left:0;
    padding-right:0;
}

#blogs .blog_left_pane.blog_list_div {
width:100% !important;
}

#blogs .blog-wrap .row > .col-md-6.col-sm-12.col-lg-4{
width:100% !important;
}

.our-values {
    background-size:cover;
    padding:50px 0;
}


.our-values .col-lg-4{
margin-bottom:20px;
}

.mb-70 {
    margin-bottom: 40px !important;
}

.mb-100 {
    margin-bottom: 50px !important;
}


.widget2.search_widget.brd-rd5.w-100 input{
width:96%;
}

.navbar .icon-img-160 {
    max-width: 164px !important;
    margin-left:27px !important;
    
}

} 

@media (min-width: 991px) 
{



.websolutions .col-lg-9  p.white-text{
height:76px;

}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 ratio */
  overflow: hidden;
}



.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures it fills the space, cropping if needed */
}


/*section#enquiry-form {
    padding: 50px 0;
}*/

section#enquiry-form {
    padding-top: 100px;
    padding-bottom: 150px;
   padding-left:0px;
   padding-right : 0px;
}



footer .submit-btnpopup {
  
    margin-top: 15px;
}

.form-custom-label {
    /*font-size: 26px;*/
font-size: 22px;
    position:relative;
    top:6px;
}


.custom-user-box-left input{
font-size:12px;
border-bottom:1px solid #999999;
}



footer .col-md-8.footer-left-form {
padding-right:51px;
}


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 91% !important;
}



}


@media (min-width: 1200px) and (max-width: 1300px) {

h2 {
font-size:40px !important;
}

h2 span , h3 span{
font-size:44px !important;
}

.footer-social-media h5{
    font-size:15px;
}


.innovation-efficiency .box:nth-child(1)::after {
    
   
    width: 137px !important;
    bottom: -6px !important;
  
}


.innovation-efficiency .box:nth-child(2)::after {
   
    width: 137px !important;
    bottom: 19px !important;
   
}

#about-section .rotate-box {
    position: relative;
    width: 600px;
    height: 600px;
    display: block;
    margin: 0 90px 0 auto;
    bottom: 0px;
    left: -95px;
    /* right: 83px; */
}

div#rotatingsvg {
    position: absolute;
    right: 5%;
    top: 4%;
    z-index: 5;
}

}