@media (max-width: 1199px){
   body.active{
       overflow: hidden;
   }
	header .header-nav li .sub-menu li a {
      color: #ffffff;
    }
   .header-menu .header-nav {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       background-color: #000000;
       height: 100vh;
       width: 80%;
       transform: translateX(-100%);
       transition: .6s;
       -webkit-transition: .6s;
       overflow: auto;
   }
   .header-menu .header-nav.active {
       transform: translateX(0%);
   }
   .toggle-btn {
       position: absolute;
       right: 20px;
       display: flex;
       flex-direction: column;
       gap: 6px;
       top: 27px;
   }
   .toggle-btn span {
       width: 35px;
       height: 3px;
       background: #fff;
       display: block;
   }
   .header-menu ul li a {
       border-bottom: 1px solid #2f2f2f;
       display: block;
       padding: 20px;
   }
   .dropdown {
       margin-right: 0;
   }
   .dropdown a:after {
       right: 20px;
       top: 15px;
   }
   .header-menu ul li a.btn {
       display: inline-block;
       padding: 10px 30px;
       margin: 20px;
   }
   .sub-menu {
       position: unset;
       display: none;
       background: transparent;
       width: 100%;
   }
   .dropdown:hover .sub-menu {
       display: block;
       border: none;
   }
   .sub-menu li a {
       padding: 10px 40px !important;
   }
   .sub-menu li:last-child a {
       border-bottom: 1px solid #2f2f2f;
   }
   .sub-menu li a:hover {
       background-color: transparent;
   }
   .toggle-btn.active .first{
       transform: rotate(45deg) translateX(6px);
   }
   .toggle-btn.active .thard{
       transform: rotate(-45deg) translateX(6px);
   }
   .toggle-btn.active .second{
       display: none;
   }
   .toggle-btn.active {
       top: 32px;
   }
   .hero {
       padding-top: 180px;
   }
   body.active:before {
       content: '';
       position: fixed;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       background: #000;
       opacity: .9;
       z-index: 9;
   }
   .header.sticky .toggle-btn span {
       background: #000;
   }
   .header.sticky .header-nav > li > a {
       color: #ffffff !important;
   }
   .header.sticky .dropdown > a:after {
       border-color: #ffffff;
   }
   .get-in-touch-wrap:before, .get-in-touch-wrap:after, .why-choose-us-img:before, .why-choose-us-img:after{
       display: none;
   }
   .our-approach .row:after, .our-approach .row:before {
       width: 222px;
   }
   .our-approach .row:after {
       top: 35px;
   }
   .project-slider img {
    width: 210px;
}
.wordpress-logo {
    left: 4%;
}
.why-choose-img1 {
 margin-right: 0;
}
}
@media (max-width: 1024px){
   .get-in-touch-wrap{
       max-width: 97%;
   }
   .ga-y{
       gap: 50px 0;
   }
   .case-studies-content {
       padding-left: 0;
   }
   .case-studies-reapiter .row:nth-child(even) .case-studies-content {
       padding: 0;
   }
   .copyright p {
       order: 3;
   }
   .our-approach .row:after, .our-approach .row:before{
    display: none;
}
.our-approach-box {
    text-align: center;
    border: 1px solid #bbb5b5;
    padding: 20px;
    max-width: 100%;
    border-radius: 20px;
}
}
@media (max-width: 767px){
    .services-content {
        width: 100%;
        padding: 30px 0 0;
    }
    .services-img {
        width: 100%;
    }
    .hero {
       padding: 120px 0 70px;
   }
   .services .row {
       gap: 50px 0;
   }
   .case-studies-reapiter .row {
       flex-direction: column-reverse !important;
       gap: 50px 0;
   }
   .testimonial-content {
    width: 100%;
    padding: 50px 0 40px;
    text-align: center;
}
.testimonial-img {
    margin: auto;
}
.our-process-wrap:before{
 display: none;
}
.our-process-item {
    width: 30%;
    border: 1px solid #c3bcbc;
    padding: 20px;
    border-radius: 10px;
}
br {
 display: none;
}
.col-md-6.p-tb{
    padding-bottom: 0 !important;
}
	   .case-studies-reapiter .row {
       padding-bottom: 0px !important;
   }
	   .case-studies-reapiter .row:last-child {
       margin-bottom: 0px !important;
   }
}
@media (max-width: 575px){
   .p-tb {
       padding-top: 50px;
       padding-bottom: 50px;
   }
   .pt {
       padding-top: 50px;
   }
   .pb {
       padding-bottom: 50px;
   }
   .faq-heading {
       font-size: 40px;
       line-height: 48px;
   }
   .accordion {
       padding: 20px;
   }
   .ga-y {
       gap: 30px 0;
   }
   .services .row {
       gap: 40px 0;
   }
   .why-choose-us-img figure {
       border: 10px solid #363636;
   }
   .case-studies-img {
       border: 10px solid #ECECEC;
   }
   .studies-plan {
       grid-template-columns: 1fr 1fr;
   }
   .StudiesFeatures .row {
     gap: 30px 0;
 }
 .tab-pane ul {
    grid-template-columns: auto;
}
.our-process-item {
    width: 46%;
}
video {
 height: 300px;
}
}