@media(min-width:768px){
    /***************
   Home - Services Lists
   ****/
    .vc-service-lists > div:nth-child(even) .vc-service-list{
        flex-direction: row-reverse
    }
    .vc-service-lists > div:nth-child(even) .vc-service-list .vc-service-img{
        margin-left: auto
    }
    .vc-service-lists > div:nth-child(odd) .vc-service-content-col{
        padding-left: 3rem;
    }
    .vc-service-lists > div:nth-child(even) .vc-service-content-col{
        padding-right: 3rem;
    }
    .vc-service-content-col {
        width: calc(100% - 18.6rem);
    }

    /* Portfolio - Tags */
    .project-tag-section .h4, .blog-tag-section .h4{
        margin-top: -2.35rem;
    }
    
       /* Animation */
    .aos-animate .introduction-bg-holder {
   width: calc(100% + 7rem);   
}

}


@media(min-width:992px){

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .container{
        max-width: 100%
    }
}

@media(min-width:1200px){
    /**********************
     Skew Right Three Images + Left Content 
    ***************************/
    .skew-right-three-images-left-content .container{
        max-width: 100%
    }

   

}

@media(min-width:1300px){
    /**************** 
      Data Integration
    ****/
    .data-evaluation .container {
        max-width: 75rem;
    }
}

@media(min-width:1400px){
    .bg-fixed{
        background-attachment: fixed
    }

   .container-extned{
        max-width: 76rem!important
    }  

    /*************************** 
    Web Design and Development 
    *******/
    .web-design-development .container{
        max-width: 61rem
    }


    /********************* 
      Professional Development
    *****/
    .professional-development .container-fluid, .professional-development .container, .container.vc_c, .marketing-section .container, .four-boxes-content-section .container{
        padding-left: 8rem;
        max-width: 100%;
        padding-right: 8rem;
    }


}

@media(min-width:1400px){
   .container {
    max-width: 70rem;
}

    /******************** 
    MIX - GALLERY
    ********/
    .mix-gallery-body.container{
        max-width: 84rem;

    }

}

@media(min-width:1500px){
    /******************** 
    MIX - GALLERY
    ********/
    .mix-gallery-body.container{
        max-width: 80rem;

    }
}


@media(min-width:1700px){
    /*************************** 
   Web Design and Development 
   *******/
    .web-design-development .container{
        max-width: 76rem
    }
    .container-extned{
        max-width: 82rem!important
    }
}

@media(min-width:2000px){html {font-size: 1.05vw}}


@media(max-width:1799px){
    html {
        font-size: 19px;
    }
}


@media(max-width:1699px){

    html {
        font-size: 18px;
    }

    /****************** 
   FOUR BOXES - CONTENT SECTION START
   **********/
    .four-boxes-content-section .services .title{
        font-size: 1.25rem
    }
}

@media(max-width:1699px){
    /********************* 
      Marketing Services
    *****/

    .marketing-services .title{
        font-size: 1.1rem
    }
    .marketing-section .left-col {
        padding-right: 3.5rem;
    }
}


@media(max-width:1599px){


    html {
        font-size: 17px;
    }

    /**********************
      Home Slider - Testimonial
     ***************************/
    .happy-client-block-1{
        width: calc(100% - 38rem);
    }
    .happy-clients-block-2 {
        width: 38rem;
        margin-top: -2rem
    }

    /**********************
     Skew Right Three Images + Left Content 
    ***************************/
    .skew-right-three-images-left-content {
        padding-top: 7rem;
        padding-bottom: 8rem;
    }
    .skew-three-group-imgs {
        height: 22rem;
    }
    .skew-right-three-images-left-content .image-2 {
        height: 12rem;
        top: -5rem;
    }
    .skew-right-three-images-left-content .image-3 {
        height: 10.5rem;
    }
    .skew-three-group-imgs {
        transform: translateX(17rem) rotate(-25deg);
    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .box-1 {
        width: 28rem;
        height: 28rem;
    }
    .business-organizational-redesign .small-boxes {
        left: 24rem;
    }


}

@media(max-width:1499px){

    h2, .h2{
        font-size: 2.5rem;
    }

    /*************************** 
    HEADER
     *******/
    .vc-header-logo img {
        height: 6.5rem;
    }

    /***************
    Project List
    ****/
    vc-featured-project-slide {
        height: 25rem;
    }

    /*************************** 
     INNER BANNER
     *******/
    .vc-inner-banner h1, .vc-inner-banner .h1 {
        font-size: 3rem;
    }

    /********************* 
      Marketing Services
    *****/
    .marketing-section .left-col {
        padding-right: 2rem;
    }


    /*************************** 
     Web Design and Development 
     *******/

    .web-design-development {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .web-design-development-content-block{
        width: calc(100% - 30rem);
    }
    .web-design-development-technology-block{
        width: 30rem;
        height: 30rem
    }
    .web-design-development .tech-image, .tech-image-main {
        width: 20rem;
        height: 20rem;
    }

    /**********************
     Video Layout - 02
    ***************************/
    .video-circle-icon-5 {
        transform: translate(4vw, 9.5vw);
    }

    /****************** 
   FOUR BOXES - CONTENT SECTION START
   **********/
    .four-boxes-content-section .item {
        flex-direction: column;
    }
    .four-boxes-content-section .services .detail {
        width: 100%;
        padding-left: 0;
        padding-top: 0.5rem;
        text-align: center;
    }
    .four-boxes-content-section:before{
        left: -20%
    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .box-1 {
        width: 24rem;
        height: 24rem;
        left: -4rem
    }
    .business-organizational-redesign .small-boxes {
        left: 19rem;
    }

    .business-organizational-redesign .right-col {
        padding-right: 10rem;
    }
    .business-organizational-redesign .lg-side-box {
        width: 19rem;
        height: 19rem;
        right: -17rem;
    }
    .business-organizational-redesign .right-col {
        padding-right: 4rem;
    }
}

@media(max-width:1399px){
    /**********************
   Home Slider - Testimonial 
    ***************************/
    .happy-clients:before{
        width: 80%;
    }
    .happy-client-block-1{

        padding-left: 6rem
    }
    .happy-client-block-1 {
        width: calc(100% - 34rem);
    }
    .happy-clients-block-2 {
        width: 34rem;
    }


    /**********************
    Skew Right Three Images + Left Content 
   ***************************/
    .skew-three-group-imgs {
        width: 100%;
        height: 20rem;
        transform: translateX(13rem) rotate(-25deg);
    }
    .skew-right-three-images-left-content .image-2 {
        width: 15rem;
        height: 10rem;
        left: -8rem;
        top: -3rem;
    }
    .skew-right-three-images-left-content .image-3 {
        width: 14rem;
        height: 9rem;
    }

    /********************* 
      Professional Development
    *****/
    .professional-development .images-wrap {
        width: 31rem;
        height: 31rem;
        padding: 2rem;
    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .side-small-boxes{
        display: none
    }


    /**********************
   Page : Contact 
   ***************************/
    .page-template-contact .vc-inner-banner {
        padding-bottom: 16%;
    }
}

@media(max-width:1299px){
    /********************* 
       Marketing Services
       *****/
    .marketing-section .left-col {
        padding-right: 1rem;
    }

    /**************************** 
 Page - Portfolio
 ********/
    .main-vc-portfolio-featured {
        margin-left: 0;
        margin-right: 0;
    }
}



@media(max-width:1199px){
    /***** Global Menu ****/
    .main-navigation-body {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow: auto;
    }
    .header-menu{
        width: 400px
    }
    .header-menu > li {
        border-bottom: 1px solid #d5d5d5;
    }
    .header-menu > li:last-child{
        border-bottom: none
    }
    .header-menu li.current_page_item > a, .header-menu li.current_page_parent > a {
        color: #a933cf;
    }
    .header-menu .sub-menu > li > a {
        padding: 0.75rem;
        display: block;
    }
    .header-menu .sub-menu > li {
        border-top: 1px solid #e1e1e1;
    }
    .sub-nav-close {
        position: absolute;
        right: 0;
        top: 9px;
        width: 35px;
        height: 35px;
        color: #fff;
        background-color: #a933cf;
        text-align: center;
        z-index: 3;
        font-size: 22px;
        font-weight: 400;
    }
    .sub-nav-close:before{
        content:"";
        width:100%;
        height:100%;
        display:block;
        text-align:center;
        line-height:42px;
        background: linear-gradient(#ffffff,#ffffff), linear-gradient(#ffffff,#ffffff);
        background-position: center;
        background-size: 50% 2px,2px 50%;
        background-repeat: no-repeat;
    }
    .show-child-ul>.sub-nav-close:before{
        content:"";
        background: linear-gradient(#FFF,#FFF);
        background-position: center;
        background-size: 50% 2px,2px 50%;
        background-repeat: no-repeat;
    }
    .navigation-overlay:before, .navigation-overlay:after{
        content: none
    }
    .header-menu .sub-menu, .navigation-overlay{
        display: none
    }
    .main-navigation{
        width: 100%;
        min-height: 1px;
        overflow: auto;
    }
    .primary-header-menu {
        height: calc(100% - 150px);
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 20px;
    }
    .header-menu > li:after{
        content: none
    }

    /***************
    Home Banner
    ****/
    .vc-hero-banner.white-text {
        height: 550px;
        min-height: 1px;
    }
    .vc-hero-banner h2, .vc-hero-banner .h2 {
        font-size: 3rem;
    }


    /**********************
     Skew Right Three Images + Left Content 
    ***************************/
    .skew-right-three-images-left-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .skew-three-group-imgs:before, .skew-three-group-imgs:after{
        content: none
    }
    .skew-right-three-images-left-content .container-fluid{
        width: auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .skew-three-group-imgs {
        transform: none;
        height: auto;
        margin: 20px 0 0;
        display: flex;
    }
    .skew-right-three-images-left-content .image-1, .skew-right-three-images-left-content .image-2, .skew-right-three-images-left-content .image-3 {

        width: 32.33%;
        position: static;
        top: 0;
        height: 250px;
        margin: 1.25%;
    }
    
     .skew-three-group-imgs > div{
        transform: translateY(20px)
    }
    .aos-animate .skew-three-group-imgs > div{
       transform: translateY(0)  
    }

    

    /**********************
Home Slider - Testimonial 
***************************/
    .happy-clients {
    background-color: #6e55fa;
    height: auto;
    padding: 4rem;
}
.happy-client-slider{
    margin-bottom: 0
}
.happy-client-block-1:before{
    top: -2rem
}
    .happy-clients-block-2{
        display: none
    }
    .happy-clients:before{
        content: none
    }
    .happy-client-block-1 {
        width: 50rem;
        margin: auto;
        max-width: 100%;
    }
    .happy-clients:after{
        content: none
    }


    /****************************** 
    THREE CIRCLES - CONTENT BOX 
    ******/
    .three-circles-content-box .circles-wrap {
        transform: scale(0.85);
        margin-left: 3rem;
    }

    /********************* 
       Marketing Services
    *****/
    .marketing-section .vc-button-white{
        border: 1px solid #666
    }

    /********************* 
      Professional Development
    *****/
    .professional-development .images-wrap {
        width: 26rem;
        height: 26rem;
        margin-top: 1.75rem
    }
    .dev-services .title{
        font-size:1.1rem
    }

    /**************** 
      Data Integration
    **********/
    .data-evaluation .images-wrap {
        width: 27rem;
        height: 27rem;
        padding: 4rem;
    }

    
        /***************
    PAGE ABOUT [TEAM]
    ****/
    .our-speakers-image-col {
    width: 20rem;
    height: 20rem;
    box-shadow: -20px 20px 0 #4590bf;
}
 .our-speakers-content-col {
    width: calc(100% - 20rem);

}   
    
    /******************************************** 
    PAGE - PROFESSIONAL DEVELOPMENT :: Left Content Right Circle Section
    ********/
    .left-block-2547 {
        width: calc(100% - 25rem);
        padding-right: 2.5rem;
    }
    .right-block-2547 {
        width: 25rem;
    }
    .round-image-2547-holder{
        width: 25rem;
        height: 25rem;
        border-width: 2rem;
    }
    .right-block-2547:before{
        content: none
    }

    /*************************** 
    PROCESS
    *******/
    .vc-process-word{
        font-size: 10rem
    }
    .vc-process-graphic {
        width: 18rem;
        height: 18rem;
    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign {
        padding-bottom: 4rem;
    }
    .business-organizational-redesign .side-small-boxes {
        bottom: 10rem;
        width: 10rem;
        height: 10rem;
    }
    .business-organizational-redesign .box-1 {
        width: 22rem;
        height: 22rem;

    }
    .business-organizational-redesign .right-col {
        padding-right: 0;
    }
    .business-organizational-redesign .lg-side-box {
        display: none
    }
    .business-organizational-redesign .small-boxes {
        width: 8rem;
        height: 8rem;
        left: 14rem;
    }

    /*************************** 
   Marketing - Web and Mobile Application Development
    *******/
    .left-web-image, .right-web-image{
        opacity: 0.1;
    }

    /****************** 
   FOUR BOXES - CONTENT SECTION START
   **********/
    .four-boxes-content-section{
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    }
    .four-boxes-content-section:before{
        content: none
    }

    /************* 
       FOOTER
    *****/
    .footer-tagline {
        font-size: 2.5rem;
    }

}

@media(max-width:1099px){

}


@media(max-width:1024px){
    /*************************** 
     INNER BANNER
     *******/
    .vc-inner-banner{
        min-height: 1px
    }

    /******************** 
    MARKETING :: CONTENT SECTION
    *********/
    .left-social-image, .right-social-image{
        opacity: 0.3
    }


}



@media(max-width:991px){
    h2, .h2{
        font-size: 2rem;
    }
    h3,.h3{
        font-size: 1.5rem
    }
    h4,.h4{
        font-size: 1.35rem
    }
    h5,.h5{
        font-size: 1.175rem
    }
    h6,.h6{
        font-size: 1rem
    }

    /***************
     Header
     ****/
    .backview-mobile-view{
        width: 150px
    }

    /***************
     Home Banner
     ****/
    .vc-hero-banner h2, .vc-hero-banner .h2 {
        font-size: 2.75rem;
    }
    
        /********************* 
      Home - Happy Clients
    *****/    
    .happy-clients {
    padding-left:2rem;
    padding-right: 2rem
} 


    /***************
    Project List
    ****/
    .vc-featured-project-slider.slick-dots-v1 .slick-dots {
        position: static;
        margin-top: 15px
    }
    .vc-featured-project-slider.slick-dots-v1 .slick-dots li{
        background-color: #cdcdcd
    }
    .vc-featured-project-slider.slick-dots-v1 .slick-dots li.slick-active, .vc-featured-project-slider.slick-dots-v1 .slick-dots li:hover {
        background-color: #a933cf;
    }


    /*************************** 
     INNER BANNER
     *******/
    .vc-inner-banner h1, .vc-inner-banner .h1 {
        font-size: 2.5rem;
    }

    
      
        /***************
    PAGE ABOUT [TEAM]
    ****/
   .our-speakers {
    padding-top: 4rem;
}     
    .our-speakers-row {
    flex-direction: column;
    margin-right: 0;
}    
.our-speakers-image-col {
    margin-top: 6rem;
} 
 .our-speakers-content-col {
    width: 100%;
    padding-right: 0
}  
.our-speakers-image-col{
    margin-left: 20px
}   

    /*************************** 
 Web Design and Development 
 *******/
    .web-design-development-row {
        flex-direction: column;
    }
    .web-design-development-content-block {
        width: 100%;
        padding-right: 0;
    }
    .web-design-development-technology-block {
        margin-top: 2.5rem;
    }


    /****************** 
   FOUR BOXES - CONTENT SECTION START
   **********/

    .four-boxes-content-section .row {
        flex-direction: column-reverse;
    }

    /****************************** 
    THREE CIRCLES - CONTENT BOX 
    ******/
    .three-circles-content-box .row {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }
    .three-circles-content-box .circles-wrap {
        transform: scale(0.85);
        margin: 40px auto 0 15px;
    }
    .three-circles-content-box {
        padding-bottom: 0;
    }

    /******************************************** 
    PAGE - PROFESSIONAL DEVELOPMENT :: Left Content Right Circle Section
    ********/
    .row-block-2547 {
        flex-direction: column;
    }
    .left-block-2547{
        width: auto;
        padding: 0
    }
    .right-block-2547 {
        margin-top: 2rem;
    }

    /******************** 
  MIX - GALLERY
  ********/
    .mix-gallery-view {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .gallery-medium-image-box {
        height: 14rem;
    }
    .gallery-large-image-box {
        height: 20rem;
    }
    
    
        /******************** 
  OUR MISSION
    ********/
 .mission-lists {
    margin-top: 3rem;
}       
   .mission-content {
    margin-bottom: 2rem;
    text-align: center;
    max-width: 100%
} 
.mission-figure {
    width: 75%;
    padding-bottom: 75%;
    margin-left: auto;
    margin-right: auto;
}
.mission-list-title {
    margin-right: -1px;
}
    /**********
    Data Integration
    ***************/
    .data-evaluation .row {
        flex-direction: column-reverse;
    }
    .data-evaluation .images-wrap {
        margin-top: 2rem;
    }
    .data-evaluation .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    /*************************** 
     VIDEO SECTION - Without Background Images
     *******/
    .video-container-outer{
        margin-left: 2rem;
        margin-right: 2rem
    }

    /******************** 
   ABOUT - OUR ACHIEVEMENTS
   ********/
    .header-our-achievements {
        margin-top: -4.5rem;
        height: 20rem;
        transform: scale(0.8) translateX(-1.5rem);
    }

    /********************************* 
   Business Organizational Redesign
   *********/
    .business-organizational-redesign {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .business-organizational-redesign .box-1 {
        margin: 7rem auto 3rem;
        position: relative;
        left: 0
    }
    .business-organizational-redesign .small-boxes {
        left: 30rem;
        top: 5rem;
    }

    .business-organizational-redesign .right-col {
        padding-right: 15px;
        padding-left: 15px;
    }

    .business-organizational-redesign .row {
        flex-direction: column-reverse;
    }
    .side-box, .business-organizational-redesign .side-small-boxes{
        display: none
    }
    .business-organizational-redesign-button{
        margin-top: 3.5rem
    }

    /**********************
 Page : Blog
 ***************************/
    .post-top-bar-inner{
        flex-direction: column
    }
    .post-top-category-listing {
        width: 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    .post-top-category-listing > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .post-top-bar .dropdown-item{
        white-space: normal
    }
    .top-simple-category a {
        border: 1px solid #eee;
        display: flex;
        width: 46%;
        margin: 1%;
        align-items: center;
        justify-content: center;
    }
    .category-dropdown {
        border: 1px solid #eee;
        display: inline-block;
        width: 46%;
        margin: 1%;
        padding: 0.5rem;
    }
    .top-dropdown-category .dropdown-menu{
        min-width: 1px
    }

    /**********************
 Page : Contact 
 ***************************/
    .page-template-contact .vc-inner-banner{
        padding-bottom: 6rem
    }

    .contact-via-listing-type {
        border-radius:0;
        padding: 0;
        margin-top: 3rem;
    }
    .contact-by-email {
        font-size: 0.85rem;
    }


    /************* 
     FOOTER
  *****/
    .vc-footer-top-blocks {
        flex-direction: column;
        text-align: center;
    }
    .vc-footer-top-block-1 {
        width: auto;
    }
    .vc-footer-logo {
        width: 7rem;
    }
    .vc-footer-top-block-2 {
        width: 100%;
        margin-top: 25px;
    }
    .footer-tagline {
        font-size: 1.75rem;
    }
}

@media(max-width:767px){
    /*************************** 
  HEADER
   *******/
    .vc-header-logo img {
        height: 5.5rem;
    }
    .backview-mobile-view {
        width: 60px;
    }
    .header-menu > li > a {
        font-size: 1.25rem;
    }
    .sub-nav-close{
        top:4px
    }

    /***************
     Introduction
     ****/
    .introduction-bg-holder {
        height: 0;
        padding-bottom: 56.24%;
    }
    
         /* Animation */
    .aos-animate .introduction-bg-holder {
   width: 100%;   
}

    
      /********************* 
      Home - Happy Clients
    *****/    
    .happy-clients {
    padding-left:0;
    padding-right: 0
  } 
   .happy-client-block-1:before {
    right: 1rem;
}    

    /******************** 
    ABOUT - OUR ACHIEVEMENTS
    ********/
    .svg-semi-circle-box svg, .achivements-multi-semi-circle{
        display: none
    }
    .header-our-achievements, .header-our-achievements-top, .timeline-years, .timeline-year-common, .svg-semi-circle-box, .header-our-achievements {
        width: auto;
        height: auto;
        transform: none;
        margin: 0;
        position: static;
        border-radius: 0
    }
    .header-our-achievements-top-box {
        padding: 45px 20px 20px;
    }
    .header-our-achievements-top-box h2 {
        font-size: 1.75rem;
    }
    .header-our-achievements-top-box h2{
        font-size: 2.5rem
    }
    .achievements-content-img-holder {
        padding: 15px 10px;
    }
    .timeline-years {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0.75rem;
    }
    .timeline-year-common {
        border: 1px solid #eee;
        padding: 15px;
        margin: 5px;
        line-height: 1.25
    }
    .timeline-counter{
        display: none
    }
    .timeline-year-holder {
        font-size: 1.345rem;
        font-weight: bold;
        margin-right: 0;
        margin-left: 0;
    }
    .active-year {
        background-color: #a933cf
    }
/*    .timeline-year-1.active-year {
        background-color: #4da29d
    }
    .timeline-year-2.active-year {
        background-color: #4590bf
    }
    .timeline-year-3.active-year {
        background-color: #F36E69
    }
    .timeline-year-4.active-year {
        background-color: #a933cf
    }
    .timeline-year-5.active-year {
        background-color: #F9AB77
    }*/
    .active-year .timeline-year-holder{
        color: #FFF
    }
    .achievements-content-wrap-outer {
        margin-top: 2.5rem;
    }
    .header-our-achievements-top-box h2 {
        font-size: 1.75rem;
    }

            /******************** 
  OUR MISSION
    ********/
            
   .mission-figure-outer:before {
    right: 0;
    top: 0rem;
} 
    .mission-figure-outer:after {
    left: 0;
    bottom: 0rem;
}    
    
    /***************
    Project List
    ****/
    .vc-featured-project-slide {
        height: 21rem;
    }
    .vc-project-list {
        height: 17rem;
    }
    .vc-featured-project-slide-title {
        font-size: 1.2rem;
    }

    /***************
   Home - Services Lists
   ****/
    .vc-service-list{
        flex-direction: column
    }
    .vc-service-list-outer {
        padding-top: 5rem;
    }
    .vc-service-img-col {
        width: 14.6rem;
        min-height: 14.6rem;
    }
    .vc-service-list-front{
        display: block
    }
    .vc-service-content-col .vc-service-icon {
        display: block;
        margin: 0;
    }
    .vc-service-circle {
        width: 14.6rem;
        height: 14.6rem;
    }
    .vc-service-list-front{
        height: 14.6rem;
    }

    .vc-service-list-front .vc-service-icon{
        display: none
    }
    .vc-service-content-col h4{
        margin-top: 15px
    }

    /*************************** 
    INNER BANNER
    *******/
    .vc-inner-banner{
        padding-top: 150px;
    }
    .vc-banner-introduction{
        font-size: 1.25rem
    }

    /********
    Page - Professional Development :: Workshop
    ******/
    .workshop-image-holder:before {
        top: -1rem;
        height: calc(100% + 2rem);
    }

    /**********************
  Video Layout - 02
 ***************************/
    .video-layout-02 .video-poster img,
    .video-layout-02 .video-poster svg {
        width: 13vw;
        height: 13vw;
    }

    /********* 
   PROCESS
   *******/
    .vc-process-word{
        font-size: 7rem
    }
    .vc-process-graphic {
        width: 16rem;
        height: 16rem;
    }
    .vc-process-heading {
        font-size: 2rem;
    }

    /******************** 
   MIX - GALLERY
   ********/
    .gallery-content-box-inner{
        padding: 1.25rem
    }

    /******************** 
    Data Integration 
    ************/
    .data-evaluation .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .data-evaluation .images-wrap {
        width: 22rem;
        height: 22rem;
        padding: 2rem;
    }


    /**********************
    Skew Right Three Images + Left Content 
   ***************************/
    .skew-three-group-imgs {
        flex-direction: column;
    }
    .skew-right-three-images-left-content .image-1, .skew-right-three-images-left-content .image-2, .skew-right-three-images-left-content .image-3 {
        width:100%;
        margin: 15px 0

    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .box-1 {
        width: 16rem;
        height: 16rem;
        margin-top: 4rem;
        left: 0;
        top: 0;
        margin-bottom: 0
    }
    .business-organizational-redesign .image{
        left: 4rem
    }

    .business-organizational-redesign .small-boxes {
        left: auto;
        right: 1rem;
        width: 7rem;
        height: 7rem;
    }


    /*************************** 
     VIDEO SECTION - Without Background Images
     *******/
    .video-container-outer {
        margin: 1.5rem 0 0;
    }
    .video-container-outer:before{
        content: none
    }
    .video-poster img, .video-poster svg {
        width: 11vw;
        height: 11vw;
    }

    /**********************
   Project List
   ***************************/
    .category-recent-project .vc-project-lists{
        max-width: 100%
    }
    .vc-project-title {
        font-size: 1.25rem;
    }
    .vc-project-slide-info {
        padding: 1rem
    }


    /**********************
    Video Layout - 02
   ***************************/
    .video-layout-02{
        padding: 25px 0 0
    }
    .video-section-icon svg, .video-section-icon img {
        width: 3.5rem;
        height: 4.1rem;
    }



    /********************* 
      Marketing Services
    *****/
    .marketing-services {
        margin-top: 0.75rem;
        justify-content: center
    }
    .marketing-services .item {
        width: 46%;
        margin: 1.75% 2%;
    }
    

    

    /**********************
 Page : Contact 
 ***************************/
    .contact-via-listing-type .row > div+div{
        margin-top: 15px
    }
    .contact-by-email {
        font-size: inherit;
    }
}

@media(max-width:649px){
    /*************************** 
   Web Design and Development 
   *******/
    .web-design-development-technology-block {
        width: 25rem;
        margin-top: 0;
        margin-bottom:0;
        height:23rem
    }
    
 .tech-image-main {
    top: 4.5rem;
    left: 5.5rem;
}
    .web-design-development .tech-image,  .tech-image-main {
        width: 14rem;
        height: 14rem;
    }
    .web-design-development .tech-icons {
        width: 3rem;
        height: 3rem;
    }
    .web-design-development .tech-image:before {
        width: calc(100% + 4rem);
        height: calc(100% + 4rem);
        top: -2rem;
        left: -2rem;
    }
    .web-design-development .tech-icons:nth-child(7) {
        left: -3.75rem;
    }
    .web-design-development .tech-icons:nth-child(3){
        right: -3.75rem
    }
    .web-design-development .tech-icons:nth-child(1){
        top: -3.75rem
    }
    .web-design-development .tech-icons:nth-child(5){
        bottom: -3.75rem
    }
}

@media(max-width:575px){

    /*************************** 
   HEADER
    *******/
    .vc-header-contact .vc--button-small {
        padding: 0.85rem 1.25rem;
    }
    .header-menu{
        width: 300px
    }

    /***************
     Home Banner
     ****/
    .vc-hero-banner.white-text {
        height: 450px;
    }
    .vc-hero-banner h2, .vc-hero-banner .h2 {
        font-size: 2rem;
    }
    .vc-banner-heading-2 span svg {
        width: 5rem;
    }
    
    
    
   
      /********************* 
      Home - Happy Clients
    *****/ 
      .happy-client-block-1{
          padding-left: 15px;
          padding-right: 15px
      }
.happy-client-nav {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}
.happy-client-nav > div {
    position: static;
    margin: 6px;
}

    /***************
    Introduction
    ****/
    .introduction-content-holder{
        padding: 25px 15px
    }

    /*************************** 
    INNER BANNER
    *******/
    .vc-inner-banner h1, .vc-inner-banner .h1 {
        font-size: 2rem;
    }
    
    
        
        /***************
    PAGE ABOUT [TEAM]
    ****/
  .our-speakers {
    padding-bottom: 6rem;
}      
        .our-speakers-image-col {
    width: 11rem;
    height: 11rem;
    box-shadow: -10px 10px 0 #4590bf;
    margin-top: 4rem;
    margin-left: 15px;
}

    /****************** 
   FOUR BOXES - CONTENT SECTION START
   **********/
    .four-boxes-content-section .services {
        flex-direction: column;
    }
    .four-boxes-content-section .item {
        width: 100%;
        margin: 10px 0;
    }
    
        /******************** 
  OUR MISSION
    ********/ 
    .mission-lists {
    margin-left: 15px;
}
    

    /******************** 
   MIX - GALLERY
   ********/
    .mix-gallery-view {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    /**************************** 
 Page - Portfolio
 ********/
    .main-vc-portfolio-featured{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 75px
    }
    .main-vc-portfolio-featured button.slick-prev.slick-arrow {
        left: calc(50% - 65px);
    }
    .main-vc-portfolio-featured button.slick-next.slick-arrow {
        right: calc(50% - 65px);
    }
    .main-vc-portfolio-featured button.slick-arrow {
        top: auto;
        bottom: -105px;
    }
    .main-vc-portfolio-featured .slick-current .vc-featured-project-slide{
        margin-left: 0;
        margin-right: 0
    }

    /*************************** 
   PROCESS
   *******/
    .vc-process-lists-outer{
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
    .vc-process-lists-nav-main{
        width: 260px
    }

    .vc-process-word{
        font-size: 5rem
    }
    .vc-process-graphic {
        width: 12rem;
        height: 12rem;
    }
    .vc-process-heading {
        font-size: 1.5rem;
    }


    /**********************
 Page : Blog 
 ***************************/
    .user-information-box{
        padding: 30px
    }
    .user-information-box {
        flex-direction: column;
        text-align: center;
    }
    .user-information-content{
        width: 100%;
        padding-left: 0
    }

    /************* 
     PRE FOOTER
  *****/
    .pre-footer-form{
        padding-left: 15px;
        padding-right: 15px
    }

    /************* 
     FOOTER
  *****/
    .footer-tagline {
        font-size: 1.5rem;
    }
    .footer-nav {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        display: block
    }
    .footer-nav li {
        margin-bottom: 1rem;
    }
    .footer-nav li a{
        padding: 10px
    }
    .vc-footer-contact-list {
        flex-direction: column;
    }
    .vc-footer-contact-list li+li{
        margin-top: 15px
    }
}

@media(max-width:479px){
.container {
    padding-right: 25px;
    padding-left: 25px;
}
    
    
    /**********
    OUR MISSION
   ***************/
    .our-mission {
        text-align: center;
    }
    .mission-list {
        flex-direction: column;
    }
    .mission-list-icon{
        margin-bottom: 1.25rem
    }
    .mission-list-content {
        width: auto;
    }
    
  

    /****************************** 
    THREE CIRCLES - CONTENT BOX 
    ******/
    .three-circles-content-box .circles-wrap {
        transform: scale(0.55);
        margin: -46px 0 -65px -46px;
    }

    /********************************* 
    Business Organizational Redesign
    *********/
    .business-organizational-redesign .small-boxes {
        transform: scale(0.75);
        top: 20px;
    }
    .business-organizational-redesign .box-1 {
        width: 14rem;
        height: 14rem;
    }

    /********************* 
       Marketing Services
    *****/
    .marketing-services .item {
        width: 100%;
        margin: 10px 0;
    }

    /**************************** 
 Page - Portfolio
 ********/
    .portfolio-category {
        display: flex;
        flex-wrap: wrap;
    }
    .portfolio-category li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48%;
        margin: 1%;
    }
    .vc-featured-project-slide-info{
        padding: 15px
    }
    .vc-featured-project-slide-as {
        font-size: 1.2rem;
    }
    .vc-featured-project-slide-title {
        font-size: 1.1rem;
    }


    /********************* 
      Professional Development
    *****/
    .dev-services .item {
        width: 100%;
    }
    .professional-development .images-wrap {
        width: 17rem;
        height: 17rem;
        padding: 1rem;
    }

    /******************************************** 
    PAGE - PROFESSIONAL DEVELOPMENT :: Left Content Right Circle Section
    ********/
    .right-block-2547 {
        width: 17.25rem;
        margin-left: auto;
        margin-right: auto;
    }
    .round-image-2547-holder {
        width: 17.25rem;
        height: 17.25rem;
        border-width: 1rem;
    }

    /************* 
       FOOTER
    *****/
    .footer-nav {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}


@media(max-width:455px){
 
   

    /**************************** 
 Page - Portfolio
 ********/
    .logo-item{
        width: 6.5rem
    }


}

@media(max-width:399px){
    /******************* 
     Header Menu
     ****/
    .header-menu {
        width: 230px;
    }
    

    /*************************** 
    Web Design and Development 
    *******/
    .web-design-development-technology-block{
        display: block
    }
    .web-design-development .tech-image, .web-design-development-technology-block{
        height: auto;
        width: auto
    }
    .tech-image-main {
    position: static;
    width: 270px;
    height: 270px;
    margin: 1rem auto
}
.web-design-development .tech-image:before{
    box-shadow: none;
    content: none
}
.tech-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}
.web-design-development .tech-icons{
    position: static;
    margin: 0.45rem;
    width: 3.5rem;
    height: 3.5rem;
}


    /******************* 
    Data Integration 
    ****/
    .data-evaluation .images-wrap {
        width: 17rem;
        height: 17rem;
        padding: 1rem;
    }
}

@media(max-width:375px){
    /*************************** 
   HEADER
    *******/
    .vc-header-logo img {
        height: 4.5rem;
    }
    .vc-toggle-icon-one, .vc-toggle-icon-three {
        width: 1.75em;
    }
    .vc-header-contact .vc--button-small {
        padding: 0.75rem 1rem;
    }

    /*************************** 
    INNER BANNER
    *******/
    .vc-banner-introduction {
        font-size: 1.15rem;
    }
}


@media(max-width:359px){
    /********************************* 
    Business Organizational Redesign
    *********/
    .vc-lists-25458{
        text-align: center
    }
    .vc-list-icon-25458 {
        width: 3rem;
        margin-left: auto;
        margin-right: auto;
    }
    .vc-list-25458 {
        width: 100%;
    }

    /*************************** 
   PROCESS
   *******/
    .vc-process-lists-outer{
        max-width: 280px;
    }
    .vc-process-lists-nav-main{
        width: 160px
    }
    .vc-process-graphic {
        width: 7rem;
        height: 7rem;
    }

    /****************************** 
    THREE CIRCLES - CONTENT BOX 
    ******/
    .three-circles-content-box .circles-wrap {
        margin-left: -68px;
    }
}

@media(max-width:349px){



    /**********************
 Page : Contact 
 ***************************/
    .map-info-window {
        padding: 10px 40px 10px 15px;
    }
    .map-address {
        font-size: 12px;
    }
}