.cc-services-wrapper {
                padding: 45px 0px;
                max-width: 1180px;
                margin: 0 auto;
            }

            .cc-services-box-wrapper {
                width: 20%;
                background-color: #20304f;
                color: #fff;
                text-align: center;
                margin: 10px;
                box-shadow: 0px 5px 7px #c0c0c0;
            }

            .cc-services-box-wrapper .cc-more-info a:hover {
                cursor: pointer;
            }

            .cc-services-container .container {
                width: 100%;
            }

            .cc-services-container .cc-more-info a {
                padding: 8px 25px;
                font-size: 16px;
                background: transparent;
                border: 4px double #fff;
                color: #fff;
                margin-top: 8px;
                display: inline-block;
                text-decoration: none;
            }

            .cc-sbw {
                position: relative;
            }

            .cc-service-name {
                margin-top: 10px;
                line-height: 21px;
                min-height: 42px;
                font-size: 14px;
            }

            .cc-services-box {
                position: relative;
                z-index: 10;
                -webkit-transition: -webkit-transform 0.4s;
                -moz-transition: -moz-transform 0.4s;
                transition: transform 0.4s;
                padding: 30px 20px;
                background: #20304f;
            }


            .cc-ef .cc-services-box {
                -webkit-transform: translateY(-68px);
                -moz-transform: translateY(-68px);
                -ms-transform: translateY(-68px);
                transform: translateY(-68px);
            }

            .cc-more-info {
                min-height: 68px;
                width: 100%;
                top: auto;
                bottom: -100px;
                -webkit-transition: -webkit-transform 0.4s;
                -moz-transition: -moz-transform 0.4s;
                transition: transform 0.4s;
                max-width: 100%;
                position: absolute;
                visibility: hidden;
                opacity: 0;
                bottom: 0;
            }

            .cc-ef .cc-more-info {
                opacity: 1;
                visibility: visible;
                z-index: 999;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }

            .cc-ef .cc-services-box {
                background: #009bfa;
            }

            .cc-ind-section .cc-indsec-bg {
                position: relative;
                opacity: 0;
            }

            .cc-ind-section .cc-cl-btn {
                position: absolute;
                bottom: 0px;
            }

            .cc-ind-section .content-block-contents p {
                width: 100%;
            }

            .cc-ind-section {
                padding: 45px 0px;
            }

            .cc-indsec-seprator {
                height: 12px;
            }

            .cc-service-icon img {
                max-width: 45px;
            }

            .cc-innerpage-banner .banner-section .image-section {
                max-height: 700px;
            }

            .cc-innerpage-banner .overlay-section .container {
                height: auto;
            }

            .cc-innerpage-banner .banner-section {
                max-height: 700px;
            }

            .cc-dbbg {
                padding: 40px;
                color: #fff;
                background: #009bfa;
            }

            .cc-ind-section h3 {
                color: #fff !important;
                margin-bottom: 20px;
                font-size: 24px !important;
            }

            .cc-ind-section .grey-col {
                color: #20304f;
            }

            .cc-sm-dbbg-row {
                justify-content: space-between;
            }

            .sm-cc-dbbg {
                width: 49%;
                -ms-flex-preferred-size: 49%;
                flex-basis: 49%;
            }

            .cc-cms-develop,
            .cc-cms-develops,
            .cc-yii-develops {
                background: #f6fafd;
                padding: 45px 0px;
            }

            .cc-web-appications-develop,
            .cc-megento-develop {
                padding: 45px 0px;
            }

            .cc-cwad-boxwrapper {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            .cc-cwad-boxwrapper .cc-cwad-box {
                width: 38%;
                text-align: center;
                padding: 45px 30px;
                background-color: #009bfa;
                margin: 5px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                box-shadow: -1px 3px 3px #bebebe;
            }

            .cc-cwad-box span {
                margin-top: 25px;
                color: #fff;
            }

            .cc-cwad-content {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .cc-megento-imgwrap {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .cc-megento-imgwrap img {
                width: 80%;
                ;
            }

            #cc-services .cc-image-wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            @media only screen and (min-width:320px) and (max-width:767px) {
                .cc-services-container .cc-row {
                    justify-content: space-around;
                }

                .cc-services-box-wrapper {
                    width: 48%;
                    margin: 10px 0;
                }
            }

            @media only screen and (max-width:940px) {
                .cc-ind-section .cc-indsec-bg {
                    padding: 26%;
                    margin-bottom: 20px;
                }

                .cc-and-app .cc-row {
                    flex-wrap: wrap;
                }

                .cc-and-app>.container>.cc-row>.cc-col-50 {
                    width: 100%;
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                }

                .cc-ind-section .cc-cl-btn {
                    left: 50%;
                    transform: translateX(-50%);
                }

                .cc-cms-develops.cc-ecom-develop {
                    padding-bottom: 0px;
                }
            }

            @media only screen and (min-width:768px) and (max-width:1023px) {
                .cc-services-container .cc-row {
                    flex-wrap: wrap;
                    justify-content: center;
                }
            }

            @media only screen and (max-width:567px) {
                .cc-row.cc-sm-dbbg-row {
                    flex-wrap: wrap;
                }

                .cc-row.cc-sm-dbbg-row .cc-col-50 {
                    width: 100%;
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                    margin-bottom: 13px;
                }

                .cc-cwad-boxwrapper .cc-cwad-box {
                    width: 46%;
                }
            }

            /* Services page Banner section UI bug correction */
            @media only screen and (max-width: 600px) {
                .cc-innerpage-banner .banner-section {
                    max-height: unset;
                    padding: 100px 0 50px 0;
                }

                .cc-innerpage-banner .banner-section .overlay-section {
                    display: flex;
                }

                .cc-innerpage-banner .banner-section .overlay-section .banner-content {
                    margin-bottom: 40px;
                }
            }

            .cc-cms-develop .image-one,
            .cc-ecom-develop .cc-image-wrapper,
            .cc-yii-develops .cc-image-wrapper,
            .cc-megento-develop .cc-megento-imgwrap {
                opacity: 0;
            }


            .cc-andparalax {
                height: 100%;
                width: 100%;
                position: relative;
            }

            .parallax-background {
                height: 100%;
                width: 100%;
            }

            .parallax-background .parallax-inner {
                background: url('../images/android-doll-left.png') no-repeat left 10%,
                    url('../images/android-doll-right.png') no-repeat right 92%;
                background-size: 43%;
                height: 100% !important;
                width: 100% !important;
                top: 0px !important;
                left: 0px !important;
            }