@media(min-width:1200px){
    .found-blog-posts-3 .blog-slider-arrows{
        display: none
    }
}



@media(min-width:1400px){
    .bg-fixed{
        background-attachment: fixed!important
    }  
    .container-custom{
      max-width: 1200px  
    }
    .container.c{
        max-width:65rem
    }
     .container.cc{
        max-width:75rem
    }
}

@media(min-width:1600px){
  .container.c{
        max-width:74rem
    }   
}

@media(min-width:1800px){
  .container.c{
        max-width:80rem
    }   
}


@media(min-width:2000px){
   .container{
        max-width:68rem
    } 
    html{
        font-size: 1.025vw
    }
    .container.container-services {
    max-width: 100%;
}
}


@media only screen and (min-width:1400px) and (max-width:1800px){
     /***************** 
PLANS
*****/       

.plan-left-header-row{
   --bs-gutter-x:0  
 }
  .plan-left-header-row > div{
   width: 100%  
 }    
    
}



@media(max-width:1799px){

    
 /***************** 
TESTIMONIAL
*****/   
 .testimonial-image-1 {
    left: 3rem;
}
 .testimonial-image-3 {
    right: 6rem;
}
}


@media(max-width:1699px){
   /***************** 
HERO BANNER
*****/
.who-we-right {
    width: 33vw;
}   
  .who-content-footer .btn-wraper {
    gap: 2vw;
}
.who-we-block {
    gap: 5vw;
}
}



@media(max-width:1599px){
    
  /***************** 
Portfolio Slider
*****/       
.portfolio-right {
    width: 33.135vw;
}    
.portfolio-slider-content{
    padding: 1.5rem;
    width: 28rem
}
.portfolio-slider-content h3, 
.portfolio-slider-content .h3{
    margin-bottom: 8px;
    line-height: 1
}
.portfolio-slider-content-info {
    line-height: 1.25;
    font-size: 18px;
}      

    
 /***************** 
Specialties
*****/  
.specialties-reviews {
    width: 28.4rem;
}


    
 /***************** 
TESTIMONIAL
*****/  
.testimonial-image {
    width: 10rem;
    height: 7.5rem;
} 
}




@media(max-width:1499px){
html{
   font-size: 18px
}   
    
   /***************** 
HERO BANNER
*****/    
.who-we-slider-content {
    padding: 1.75rem;
    width: 26.5rem;
    line-height: 1.45
} 
.who-we-slider-arrows {
    right: calc(1rem + 26.5rem);
}
   
 /***************** 
ABOUT
*****/   
.about-left {
    width: 37vw;
} 
.about-right {
    width: 50vw;
    margin-left: 5VW;
} 

  /***************** 
Portfolio Slider
*****/     
.portfolio-slider-list-figure {
    height: 36.55rem;
}


   
 /***************** 
OUR CLIENTS
*****/   
 .our-clients-left{
 width: 26.4rem   
}
.our-clients-right {
    width: calc(100% - 26.4rem);

}
    
    
/***************** 
BLOG DETAIL
*****/    
 .blog-detail-content-section {
    padding-left: 6rem;
    padding-right: 2rem;
}
}
    

@media(max-width:1399px){
    
    
  /***************** 
LOGO Slider
*****/        
.empowering-block{
      min-height: 1px;
      display: block
}  
.our-clients-inner {
    max-width: 80%;
}    
.empowering-left {
    width: 100%;
    padding-left: 0;
    display: block;
}  
.empowering-right {
    width: 100%;
}
.empowering-box-wraper{
  mask-image:none  
}
.empowering-content {
    max-width: 725px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    text-align: center;
}
.empowering-box-wraper{
    padding: 5rem 0;  
}
.empowering-box-row {
    width: 100%;
    max-width: 1110px;   
 margin-left: auto;
margin-right: auto;   
}



  /***************** 
Portfolio Slider
*****/      
.portfolio-slider-content {
    padding: 1.25rem;
    width: 20rem;
}
.portfolio-slider-content-info{
      font-size: 16px  
}

    
 /***************** 
PLANS
*****/    
.plan-left, .faq-right{
    width: 100%;
       padding: 5rem 0;
    margin-left: auto;
    margin-right: auto
}   
.plan-left, .faq-right-inner {
    max-width: 1110px;
}
.faq-right{
    mask-image:none
}
.our-plans-list {
    margin-right: 0;
}
.our-plans-faq-block {
    display: block;
    min-height: 1px;
}
.faq-right-inner{
    width: 100%;
        margin-left: auto;
    margin-right: auto
}
.our-plans-list > div:nth-child(odd) {
    margin-top: 0;
}
.faq-right-inner-header {
    max-width: 750px;
}
.accordion-faq {
    margin-top: 1rem;
    column-count: 2;
}
.accordion-faq > div {
    width: 100%;
    display: inline-block;
}
    
 /***************** 
TESTIMONIAL
*****/   
.testimonial-video-button {
    width: 5rem;
    height: 5rem;
}
 .testimonial-image-1 {
    top: 11%;
    transform: translateY(0) rotate(-30deg);
}
.testimonial-image-2 {
    right: 3rem;
}
.testimonial-image-3 {
  display: none
}    

    
/***************** 
NUMBERS
*****/        
.numbers-box, .about-image-box {
    width: 22.4rem;
    height: 12.65rem;
    padding: 1rem 2rem 2rem;
}
.number-list-count, .about-count {
    font-size: 2.5rem;
}
.number-list-text, .about-text {
    font-size: 1.35rem;
    line-height: 1.2;
}
.numbers-box > div:not(:first-child), .about-image-box > .about-featured-list+.about-featured-list {
    margin-left: 1rem;
    padding-left: 1rem;
}
}


@media(max-width:1299px){
    
   /***************** 
HERO BANNER
*****/        
.who-we-block {
    gap: 4vw;
}   
.who-we-right {
    width: 37vw;
}
.who-we-slider-content {
    font-size:16px;
    height:11.5rem
} 
    


/***************** 
BLOCK - INNER BANNER
*****/
.inner-banner-reviews {
    width: 26.4rem;
    line-height: 1.25;
}

/***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/      
.left-block-3698{
     padding: 4rem 3rem
}



/***************** 
PAGE - BLOG
*****/
.blog-group-wrapper {
    padding-left:4.5rem;
    gap: 1.75rem;
}

/** BLOG RELATED POST **/
.related-blog-wrapper {
    padding-right: 4.5rem;
}
.related-blog-header-left {
    width: 16rem
}
.related-blog-header-right {
    width: calc(100% - 16rem)
}
}




@media(max-width:1199px){
    
/***************** 
HERO BANNER
*****/  
.who-we-block {
    gap: 0;
}
.who-we-left {
    width: 58vw;
} 
.who-we-slider-content {
    padding: 1.5rem;
    width: 20.5rem;
    line-height: 1.25;
    right: 1rem;
}
.who-we-slider-arrows {
    right: calc(2rem + 20.5rem);
}
.who-we-right {
    width: 42vw;
    padding: 50px 50px 50px 25px;
}
.who-content-footer .btn-wraper {
    gap: 15px;
}
.who-content-footer .button{
    min-width: 1px;
    padding: 13px 25px;
}
.who-content-footer .video-button svg, .who-content-footer .video-button img {
    width: 2rem;
    height: 2rem;
}
.who-content-footer .video-button span {
    margin-left: 0.5rem;
}

/***************** 
CTA - BLOCK
*****/   
.cta-description {
    width: auto;
}

 /***************** 
CTA - PLANS AND FAQ
*****/   
.plan-left, .faq-right-inner {
    max-width: 830px;
}


/***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/      
.right-block-3698 {
    width: 50vw;
}
.left-block-3698{
     width: 50vw;
}

  /***************** 
Portfolio Slider
*****/     
.portfolio-detail-block {
    gap: 50px;
}
.portfolio-slider-arrows {
    left: 15px;
}

 /***************** 
ABOUT
*****/   
.aboutus-block {
    flex-direction: column;
    padding: 4rem;
}
.about-left {
    width: 100%;
}
.about-content {
    padding: 0;
    max-width: 820px;
    margin: auto;
}
.about-right {
    width: 100%;
    max-width: 820px;
    margin:35px auto 0;
}
.about-image-figure, .about-image-box, .about-image-figure img, .about-image-box img{
  mask-image:none  
}
.about-image-figure {
    height: 570px;
}
.about-image-box {
        height: auto;
        padding: 25px;
        border-radius: 10px;
        width: auto;
        left: 25px
}

/******************
    BLOCK - Specialties
********************/
.specialties-reviews {
    width: 24.4rem;
    right: -1rem;
}

/******************
    BLOCK - Empowering Journey
********************/
.empowering-box-row {
    max-width: 805px;
}

/******************
    BLOCK - OUR CLIENTS
********************/
.our-clients-left {
    width: 23.4rem;
}
.our-clients-right {
    width: calc(100% - 23.4rem);
}

/******************
    BLOCK - SLIDER
********************/
.our-blogs-header {
    flex-direction: column;
    text-align: center
}
.blog-slider-arrows {
    position: static;
    justify-content: center;
    margin-top: 20px;
    margin-left: auto;
}



/******************
    BLOCK - eBOOK
********************/
.ebook-download-block {
    flex-direction: column-reverse;
    display: flex;
    padding: 4rem 0;
}
.ebook--content {
    padding: 0;
}
.ebook-left, .ebook-right {
    width: 100%;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto
}
.ebook-left {
    height: auto;
    padding: 0;
    min-height: 1px;
    mask-image: none;
    background-color: transparent;
    display: block;
    margin-top: 35px
}
.ebook-gallery {
    transform: none;
    margin-left: 0;
    margin-top: 0;
    display: flex;
    gap: 25px;
}
.ebook-gallery-image {
    width: 33.33%;
    height: 240px;
    margin: 0;
}
.ebook-left:after, .ebook-left:before{
    content: none
}
    
/***************** 
BLOG DETAIL
*****/      
.blog-detail-content-section {
    padding-top: 4rem;
    padding-bottom: 12rem
}
.blog-detail-content {
    column-count: 1;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.related-blog-wrapper {
    padding: 4rem 3rem 4rem 7rem;
}
    
/***************** 
FOOTER
*****/
.footer-logo{
    width:11.75rem
}
.social-label {
    font-size: 1rem;
}
.footer-col-3 {
    width: 345px;
}
.footer-get-in-touch {
    font-size: 18px;
}
}


@media(max-width:1099px){
/***************** 
PAGE - BLOG
*****/
.blog-group-wrapper{
    padding: 4rem 2rem 5rem 3rem
}
}



@media(max-width:991px){
    
/***************** 
    BLOCK - HERO SLIDER
*****/      
 .who-we-left {
    width: 100%;
}  
.who-we-right {
    width: 100%;
    padding: 0;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px
}
.who-content-footer .btn-wraper {
    justify-content: center;
}
.who-we-slider-arrows {
    right: auto;
    left: 30px;
}

/***************** 
    BLOCK - CTA
*****/      
.cta-content-wraper::after{
    content: none
}

/***************** 
    BLOCK - Specialties
*****/      
.our-specialties-block{
    flex-wrap: wrap;
    gap: 50px;
}
.our-specialties-left, .our-specialties-right {
    width: 100%;
}
.specialties-reviews {
    right: 1rem;
}
.our-specialties-content {
    padding: 0 30px 60px;
    max-width: 730px;
    margin: auto;
}
.our-specialties-icon {
    width: 45px;
}
    
/***************** 
    BLOCK - Empowering
*****/    
.empowering-box-wraper {
    padding:60px 0;
}
.empowering-content {
    max-width: 730px;
    padding-top: 60px;
        padding-left: 30px;
    padding-right: 30px
}
.empowering-box-row{
    max-width: 730px; 
    padding-left: 30px;
    padding-right: 30px
}
.our-steps-section {
    padding-left:3rem;
    padding-right: 3rem;
}

/***************** 
    BLOCK - OUR CLIENTS
*****/  
.our-clients-block{
    flex-wrap: wrap
}
.our-clients-left {
    width: 100%;
    padding: 60px 30px 30px;
    max-width: 742px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.our-clients-right{
    padding: 60px;
     width: 100%;   
}
.client-logo {
    height: 110px;
    margin: 15px;
}
.our-clients-inner {
    max-width: 100%;
    margin-right: 0;
    padding-left: 30px;
}


/***************** 
    BLOCK - TESTIMONIAL
*****/  
.our-testimonial-block{
    min-height: 1px
}
.testimonial-inner-wrap {
    max-width: 30rem;
}


/***************** 
    BLOCK - Portfolio
*****/  
.portfolio-left, .portfolio-right{
    width: 100%
}
.portfolio-slider-content{
    right: 20px
}
.portfolio-slider-list-figure {
    height: 26rem;
}
.portfolio-content {
    padding: 0 30px 60px;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
}

/***************** 
    BLOCK - BLOG SLIDER
*****/  
.our-blogs-block{
 padding-top: 60px   
}

/***************** 
   BLOCK - PLAN AND FAQ
*****/ 
.plan-left, .faq-right{
    padding: 60px 30px;
}
.plan-left, .faq-right-inner {
    max-width: 730px;   
}
.our-plan-list-body{
    padding: 30px
}
.accordion-faq {
    column-count: 1;
}
.our-plans-list {
   margin-top: 30px
}

/***************** 
   BLOCK - eBOOK
*****/ 
.ebook-download-block {
     padding: 60px 30px;
}
.ebook-left, .ebook-right{
    max-width: 730px
}

/***************** 
BLOCK - INNER BANNER
*****/    
.inner-banner-block{
    flex-wrap: wrap
}
.inner-banner-left-block{
    padding-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}
.inner-banner-swap-layout .inner-banner-left-block {
    margin-right: auto;
     margin-left: auto; 
    padding-left: 15px;
    padding-right: 15px;
}
.inner-banner-left-block, 
.inner-banner-right-block {
    width: 100%;
}    
.inner-banner-figure {
    height: 55vw;
    width: 100%;
    min-height: 550px;
}   
.inner-banner-swap-layout .inner-banner-reviews {
    right: 20px;
}
.review-quote-top, .review-quote-bottom {
    width: 30px;
    height: 30px;
}
.inner-banner-reviews {
    left: 1rem;
}


 /***************** 
ABOUT
*****/ 
 .aboutus-block{
     padding-left: 15px;
    padding-right: 15px  
 }
 .about-content, .about-right {
    max-width: 690px;
}

/***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/ 
.image-content-3698-block{
    flex-wrap: wrap
}
.left-block-3698, .right-block-3698{
    width: 100%
}
.left-block-3698 {
    padding-left:2rem;
    padding-right: 2rem
}
.image-3698-figure {
    height: 30rem;
}
.numbers-box {
    width: 18.4rem;
}
.numbers-box {
    left: 2rem;
}
.swap-mode-3698-active .numbers-box {
    right: 2rem;
}
   
/******************
   BLOCK - PORTFOLIO LISTING
********************/
.portfolio-list-figure {
    width: 50vw;
}
.portfolio-list-content {
    width: calc(100% - 50vw);
}


/******************
   BLOCK - PORTFOLIO DETAIL
********************/
.portfolio-detail-content-wrapper{
    padding-top: 4rem;
    padding-bottom: 4rem
}
.related-portfolio-wrapper{
    padding-top: 4rem;
    padding-left: 2rem;
    padding-right: 6rem
}
.portfolio-detail-back-layer{
 mask-image:none   
}
.related-portfolio-header {
    flex-wrap: wrap;
}
.related-portfolio-header-title, .related-portfolio-header-description {
    width: 100%;
}
.portfolio-detail-content-row {
    column-count: 1;
}
.related-portfolio-header-description{
    margin-top: 15px
}

/***************** 
PAGE - BLOG
*****/
.blog-group-wrapper {
    flex-wrap: wrap;
    gap: 0;
}
.blog-home-loop {
    width: 50%;
    padding: 15px;
}

    
/***************** 
BLOG DETAIL
*****/   
.related-blog-wrapper {
    padding-bottom: 8rem;
}
.blog-detail-content-section {
    background-color: transparent;
    padding-bottom: 4rem;
    padding-left: 0;
    padding-right: 0;
}
.blog-detail-back-layer{
  mask-image:none  
}
.related-blog-header {
    flex-direction: column;
    margin-bottom: 1.75rem;
}
.related-blog-header-left {
    width: 100%;
}
.related-blog-header-right{
    width: 100%;
    padding-left: 0;
    padding-top: 10px
}

/***************** 
FOOTER
*****/
.site-footer{font-size:18px}
    
.footer-bottom, 

.footer-bottom-row{padding-top:10px;padding-bottom:10px}
    
.footer-logo{width:10rem}

.footer-bottom{text-align:center}

.like-social-heading{margin-right:.75rem;font-size:14px}

.design-develop-by{justify-content:center}

.footer-bottom-row>div{margin-top:.15rem;margin-bottom:.15rem}

.footer-col-3 {
    width: 275px;
}
.footer-contact-list {
    gap: 1rem;
}
.footer-get-in-touch {
    font-size: 16px;
}
}


@media(max-width:767px){
    
/***************** 
BLOCK - HERO BANNER
*****/     
.who-we-image{
     padding-right: 0;   
}
.who-we-image-frame {
    mask-image: none;
    height: 350px;
}
.who-we-slider-content {
    position: static;
    width: 100%;
    height: auto;
    padding: 40px;
    line-height: 1.5;
    mask-image:none
}
.who-we-slider-arrows {
    right: 30px;
    left: auto;
    bottom: auto;
    top: 280px;
}

/***************** 
BLOCK - CTA
*****/
.cta-section{
    padding-top: 60px;
    padding-bottom: 60px
}
.cta-box{
    padding-top: 0;
    padding-bottom: 0
}
.cta-section .row{
 --bs-gutter-y:60px   
}
.cta-content-wraper {
    gap: 0.5rem!important;
}
   

/***************** 
BLOCK - Specialties
*****/
.specialties-reviews {
    position: static;
    width: 100%;
    mask-image: none;
    padding: 30px;
    height: auto;
}
.our-specialties-image {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.our-specialties-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    border-radius: 0
}

/***************** 
BLOCK - Testimonial
*****/
.our-testimonial-block{
    padding: 60px 30px;
}
.testimonial-image{
 display: none   
}
.our-testimonial-back{
    mask-image:none
}
.testimonial-video-button {
    width: 3.5rem;
    height: 3.5rem;
}

/***************** 
BLOCK - specialties
*****/
.our-specialties-image img{
    height: 115%
}



/***************** 
BLOCK - Portfolio
*****/
.portfolio-slider-list-figure, .portfolio-slider-content, .portfolio-slider-list-figure, .our-specialties-image img{
  mask-image:none   
}
.portfolio-slider-list-figure img{
    border-radius: 0
}
.portfolio-slider-list-figure{
    height: 300px
}
.portfolio-slider-content {
    padding: 30px;
    width: 100%;
    height: auto;
    position: static;
    border-radius: 0;
}
.portfolio-slider-arrows {
    left: 15px;
    bottom: auto;
    top: 230px;
    left: auto;
    right: 20px;
}

/***************** 
BLOCK - Clients
*****/
.our-clients-right{
    mask-image:none
}
.our-clients-inner{
    padding-left: 0
}

/***************** 
BLOCK - BLOG
*****/
.our-blogs-block{
    padding-bottom: 60px
}


/***************** 
BLOCK - INNER BANNER
*****/ 
.inner-banner-left-block {
    max-width: 540px;
    padding: 60px 30px
}  
.inner-banner-swap-layout .inner-banner-left-block{
   padding-left: 30px;
   padding-right: 30px
}
.inner-banner-figure, .inner-banner-reviews, .inner-banner-figure img, .inner-banner-reviews img{
    mask-image: none;
}  

.inner-banner-figure {
    height: auto;
    min-height: 1px;
    padding-bottom: 56.24%;
    position: relative;
}
.inner-banner-figure img {
    height: 117%;
}
.inner-banner-figure img {
    position: absolute;
    left: 0;
    top: 0;
}
.inner-banner-reviews {
    position: static;
    width: 100%;
    height: auto;
    padding: 30px;
}

/***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/ 
.image-3698-figure, .numbers-box, .image-3698-figure img, .numbers-box img{
mask-image:none    
}
.numbers-box {
    height: auto;
    padding: 25px;
    border-radius: 10px;
    width: auto
}
.image-3698-figure {
    height: 19.5rem;
}
.number-list-text, .about-text {
    font-size: 20px;
}


 /***************** 
ABOUT
*****/ 
.aboutus-block {
    padding-left: 30px;
    padding-right: 30px;
}
.about-content, .about-right {
    max-width: 500px;
}
.about-image-figure {
    height: 375px;
}


/******************
   BLOCK - PORTFOLIO LISTING
********************/
.portfolio-listing-wrapper > div:nth-child(odd) .portfolio-back-layer,
.portfolio-listing-wrapper > div:nth-child(even) .portfolio-back-layer,
.portfolio-listing-wrapper > div:nth-child(odd) .portfolio-list-figure,
.portfolio-listing-wrapper > div:nth-child(even) .portfolio-list-figure,
.portfolio-listing-wrapper > div:nth-child(odd) .portfolio-back-layer img,
.portfolio-listing-wrapper > div:nth-child(even) .portfolio-back-layer img,
.portfolio-listing-wrapper > div:nth-child(odd) .portfolio-list-figure img,
.portfolio-listing-wrapper > div:nth-child(even) .portfolio-list-figure img{
  mask-image:none  
}
.portfolio-detail-content-wrapper {
      padding-top: 60px;
      padding-bottom: 60px
}
.portfolio-list-wrap{
    padding: 60px 30px
}
.portfolio-list-content, .portfolio-list-figure {
    width: 100%;
}
.portfolio-list-row {
    flex-wrap: wrap-reverse;
}
.portfolio-listing-wrapper > div:nth-child(odd) .portfolio-list-row {
    flex-direction: column-reverse;
}
.portfolio-list-figure {
    height: 0;
    min-height: 0;
    padding-bottom: 56.24%;
    position: relative
}
.portfolio-list-figure img {
    position: absolute;
    left: 0;
    top: 0;
    object-position: center;
    height: 115%
}
.related-portfolio-body {
    max-width: 510px;
    margin: auto;
}


/******************
   BLOCK - PORTFOLIO DETAIL
********************/
.masking-full-right-bottom-curve{
  mask-image:none  
}
.related-portfolio-wrapper{
    padding: 60px 30px
}

/******************
   BLOCK - PRE FOOTER - CONTACT AND FORM
********************/
.contact-block {
    min-height: 1px;
    flex-wrap: wrap;
    border-top: 1px solid #0000000f;
}
.contact-left {
    width: 100%;
    padding: 60px 30px;
}
.contact-right {
    width: 100%;
    padding: 60px 30px;
    mask-image: none;
}
.button.button-large-width {
    min-width: 12rem;
}


/***************** 
BLOCK - ONLY SINGLE CONTACT FORM
*****/ 
.single-contact-form-box {
    mask-image: none;
    width: 100%;
    height: auto;
    padding: 60px 30px;
}
.contact-wrap {
    max-width: 100%;
    margin: auto;
}

/***************** 
PAGE - BLOG
*****/
.blog-group-wrapper{
    padding: 50px 30px;
}


/***************** 
BLOG DETAIL
*****/   
.related-blog-wrapper {
    padding: 60px 30px;
}
.related-blog-back-layer{
    mask-image:none
}
.related-blog-row .blog-loop-content-col {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
    
  /***************** 
FOOTER
*****/  
 .footer-col-1,.footer-main-row{text-align:center}.footer-main-row{flex-wrap:wrap;display:block;padding-bottom:2rem}.footer-col-2{margin-left:0}.footer-contact-list li.footer-address span{top:0;transform:none}.footer-address img,.footer-address svg{margin-left:0;margin-right:0}.footer-heading{margin-bottom:1rem}.footer-main-row>div{padding:2rem 0 0}.footer-description{max-width:100%}.cookie-notice-container{display:block!important}.cookie-notice-container #cn-notice-text{display:block;margin-bottom:10px;text-align:center}.footer-col-1 .copyrights,.footer-col-1 .design-develop-by{display:none}.footer-main-row>div.footer-col-4{padding-bottom:3rem}.footer-col-1>div{width:100%}.footer-logo{margin-left:auto;margin-right:auto}.footer-contact-list span{position:static;transform:none;display:block;margin:0 auto 10px}.footer-contact-list li{padding-left:0}    
    
 .footer-logo {
    width: 12rem;
}
.site-footer .social-wrapper {
    justify-content: center;
}
.footer-col-3{
    width: 100%
}
.newsletter-section {
    max-width: 100%;
}
.footer-contact-list {
    flex-direction: column;
    text-align: center;
}
.footer-get-in-touch {
    font-size: 18px;
}
.footer-contact-list li.footer-address span{
    text-align: center
}
.footer-contact-list svg, .footer-contact-list img{
    margin-right: 0
}
}


@media(max-width:650px){
 /***************** 
PAGE - BLOG
*****/
.blog-home-loop {
    width: 100%;
    padding: 15px 1px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
}


@media(max-width:575px){
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 2.5rem;
}

/***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/ 
.image-3698-figure {
    height: 16.5rem;
}
.numbers-box, .about-image-box {
  left: 1rem;   
}
.swap-mode-3698-active .numbers-box {
    right: 1rem;
}
.left-block-3698{
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 25px
}


/***************** 
BLOCK - STEPS
*****/ 
.our-steps-section {
    padding-left: 30px;
    padding-right: 30px;
}
.step-info {
    margin-top: 45px;
}

/***************** 
BLOCK - portfolio
*****/ 
.portfolio-slider-content-info {
    line-height: 1.55;
    font-size: 18px;
}


/***************** 
BLOCK - EBOOK DOWNLOAD
*****/ 
.ebook-gallery {
    flex-wrap: wrap;
    gap:0;
    justify-content: center
}
.ebook-gallery-image {
    width: 46%;
    margin: 2%;
    height: 180px
}

/***************** 
BLOCK - OUR CLIENTS
*****/ 
.our-clients-right{
    padding-left: 30px;
    padding-right: 30px
}
.client-logo {
    margin: 10px;
}

  /***************** 
FOOTER
*****/  
.footer-main-grid{text-align:center}.footer-contact-list li:last-child,.footer-main-row>div:first-child{margin-bottom:0}.footer-col-2 .w-100{padding-left:0}.footer-main-row>div{padding-left:0!important;padding-right:0!important}

}
    
    
    @media (max-width:479px){
        
  
 /***************** 
ABOUT
*****/       
 .about-text {
    font-size: 18px;
}      
.about-image-box{
    padding: 15px
}  
.about-image-figure {
    height: 385px;
}
.about-count {
        font-size: 2rem;
    }
.about-count-after {
    font-size: 1.5rem;
}    
.about-image-box > .about-featured-list+.about-featured-list {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}
        
   /***************** 
FOOTER
*****/     
 .footer-bottom-row {
  font-size: 12px;
}
    }

    
    @media (max-width:374px){
        
   /***************** 
BLOCK - IMAGE CONTENT - BLOCK
*****/      
.number-list-text {
    font-size: 16px;
}   
.numbers-box {
    padding: 15px;
}
   
        /***************** 
FOOTER
*****/      
        .footer-bottom-row {
    font-size: 14px;
}
        .design-develop-by {
    flex-direction: column;
}
.design-develop-by .sep{
    display: none
}

    } 
    
    
    
/***************** MOBILE MENU *****************/
.main-mobile-header-menu li{
    position: relative;
}
.main-mobile-header-menu a{
    text-decoration: none!important
}
.main-mobile-header-menu li .sub-menu{
    display: none
}
.sub-nav-close{
    position:absolute;
    right:0;
    top:0;
    width:40px;
    height:43px;
    color:#fff;
    background-color:#313131;
    text-align:center;
    z-index:1;
    font-size:22px;
    font-weight:400
}
.sub-nav-close:before{
    content:"+";
    width:100%;
    height:100%;
    display:block;
    text-align:center;
    line-height:43px
}
.show-child-ul>.sub-nav-close:before{
    content:"-"
}

@media (min-width: 1200px) {
  .mobile-menu-view,
  .mobile-trigger-button {
    display: none;
  }
}
@media (max-width: 1199px) { 
   .header-aside-top{
          gap: 1rem;  
    }
    .social-media {
    gap: 0.5rem;
}
.mobile-menu-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
  .header-menu {
    display: none !important;
  }
  button.navbar-toggler {
    display: block !important;
    background-color: var(--color-selective-yellow);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    padding: 7px 8px;
    border: none;
  }
  .mobile-navbar-toggler-icon {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
  }
  .header-mobile-menu {
    display: block !important;
    height: 0;
    overflow: hidden;
    background-color: #f5f3f3;
  }
.main-mobile-header-menu li a {
    border-radius: 0;
    display: block;
    padding: 12px 15px 12px 5%;
    color: #000;
    line-height: 1.2;
    font-size: 30px;
}
  .main-mobile-header-menu .sub-menu li a {
    padding-left: 10%;
  }
  .main-mobile-header-menu .sub-menu .sub-menu li a {
    padding-left: 15%;
  }
  .main-mobile-header-menu > li.current-menu-item > a,
  .main-mobile-header-menu > li.current_page_parent > a {
   color: var(--color-selective-yellow);
  }
  .mobile-trigger-button {
    display: block;
  }
  html.menu-opened,
  html.menu-opened body {
    overflow-y: hidden;
  }
  .mobile-menu-view {
    position: fixed;
    left: 0;
    top: 0;
    font-weight: 400;
    width: 100%;
    z-index: 111;
    background-color: #fff;
    height:100%;
    opacity: 0;
    transition: 0.45s;
    transform: translateX(100%);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .menu-opened .mobile-menu-view {
    opacity: 1;
    transform: translateX(0);
  }
  .menu-opened .toggle-icon-two {
    opacity: 0;
  }
  .toggle-icon-one,
  .toggle-icon-three {
    transition: 0.5s;
  }
  .menu-opened .toggle-icon-one {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .menu-opened .toggle-icon-three {
    transform: rotate(-45deg) translate(5px, -5px);
  }
  .header-aside-top {
    padding: 0;
    align-items: center;
    margin-bottom: 0;
  }
  .site-header .button {
    padding: 13px 22px;
    min-width: 1px;
    font-size: 16px;
  }
 .mobile-menu-footer .social-wrapper {
    justify-content: center;
}
.mobile-menu-footer {
    border-top: 1px solid #eee;
    margin-top: 25px
}  
  
  
}
@media (max-width: 991px) {
  .header-email svg path:not([fill="none"]),
  .header-phone svg path:not([fill="none"]) {
    fill: #fff;
  }
  .header-phone svg path[fill="none"] {
    stroke: #fff;
  }
  .header-aside-top {
    margin: 0;
  }
  .mobile-trigger-button {
    margin-left: 0;
  }
  .header-email,
  .header-phone {
    position: relative;
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-selective-yellow);
    border-radius: 4px
  }
  .header-email a:before,
  .header-phone a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .header-email a,
  .header-phone a {
    font-size: 0;
  }
  .header-email img,
  .header-email svg {
    width: 1.5rem;
    height: 1rem;
  }
.header-phone img, .header-phone svg {
    width: 1.35rem;
    height: 1.35rem;
}
}
@media (max-width: 767px) {
    .site-header .social-wrapper{
        display: none
    }
    .header-aside-top {
    gap: 0.65rem;
}
}
@media (max-width: 479px) {   
.site-logo {
    width: 10rem;
}
.mobile-site-logo{
    width: 195px
}
}

@media (max-width: 429px) {
   .header-email{
        display: none!important
    }  
}

@media (max-width: 399px) {
 
}
@media (max-width: 349px) {
 .site-logo {
    width: 8rem;
}   
 .sticky .site-logo {
    width: 7rem;
}
}