/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| 980 Media General
| 768 * 979 iPad Portrait
| 980 * 1024 iPad Landscape
| 1200 Up to Large
*/

/* Note: This file include all page responsive device css */

/* General Media Query (iPhone, iPad, Small Tablet, 979 / 80 px)
=============================================================== */

@media (max-width: 1370px) {

}
@media (min-width: 1300px) {
    .container {
        max-width: 1243px;
    }
}
@media (max-width: 1299px) {
    .slick-slide img {
        width: 360px;
    }
    .rocket-right-1{
        right: 30px;
    }
    .circle-big-right{
        right: 0px;
        top: 35px;
    }
    .circle-medium-right {
        right: 0px;
        bottom: 0px;
        top: inherit;
    }
    .proj-top-line{
        display: none;
    }
    .where-perf{
        width: 600px;
    }
}
@media (max-width: 1260px) {
    .logo-img {
        width: 200px;
    }
    .solution-down{
        font-size: 12px
    }
    a.nav-link{
        font-size: 12px
    }
    .beyond{
        width: 80px !important;
    }
    .dropdown-menu {
        left: -47px;
    }
}
@media (max-width: 1202px) {
    a.nav-link{
        font-size: 11.5px
    }
    .beyond{
        width: 80px !important;
    }
}
@media (max-width: 1199px) {
/*
    .container {
        max-width: 1040px;
    }
*/
    .slick-slide img {
        width: 500px;
    }
    .border-left-line3{
        margin-left: 410px;
    }
    .where-perf {
        width: 450px;
    }
    .project-title{
        padding: 40px;
    }
    .project-title {
        padding: 25px;
        margin-top: 15px;
    }
    .perf-sol{
        height: 330px;
    }
    .team-img span{
        font-size: 13px;
    }
    .border-left-line1, .border-left-line11{
        margin-left: 133px;
    }
    
    .perf-box{
        height: 280px;
    }
    .job-box{
        height: 410px;
    }
    .job-details p{
        line-height: 27px;
    }
    .dropdown-menu {
        left: -42px;
        top: 56px;
    }
    .border-sol{
        height: 350px;
    }
    a.nav-link {
        font-size: 11px;
    }
    .history-box{
        margin: 50px;
    }
    .history-desc{
        margin-left: 20px;
    }
    .h-line{
        margin-left: -5px;
    }
    .grey-cover{
        height: 45px
    }
    .tooltip-box .tooltiptext {
        left: -28%;
        top: 97%;
    }
    .tooltip-down .tooltiptext-down{
        top: 120%;
        left: 0px;
        right: 10px;
        margin-left: auto;
    }
    .tooltip-down .tooltiptext-down::after {
        left: 77%;
    }
    .arrow-top-tip {
        left: 76%;
    }
    .converge-logo .tooltip-box .tooltiptext::after{
        top: -21%;
        left: 22%;
    }
    .bayan-logo .tooltip-box .tooltiptext::after{
        left: 19%;
    }
    .bayan-logo .arrow-left-after {
        left: 19%;
    }
    .converge-logo .arrow-left-after {
        left: 22%;
        top: -18%;
    }
    .arrow-left-after {
        left: 36%;
        top: -16%;
        border-top: 11px solid transparent;
        border-right: 11px solid transparent;
        border-left: 11px solid transparent;
        border-bottom: 11px solid #ffffff;
    }
    .tooltip-box .tooltiptext::after {
        top: -18%;
        right: inherit;
        left: 36%;
        margin-top: 0px;
        border-color: transparent transparent #8b8b8b transparent;
    }
    
    ul#continents3{
        width: 1100px;
        height: 500px;
    }
    .scroll-x{
        overflow-x: scroll;
    }
}
@media (max-width: 1150px) {
    .solution-down .dropdown-content {
        left: -43px;
    }
    .solution-down .dropdown-content a {
        font-size: 13px;
    }
    .solution-down {
        font-size: 13px;
    }
    a.nav-link{
        font-size: 13px
    }
    .beyond{
        width: 70px !important;
    }
}
@media (max-width: 1130px) {
/*
    .container {
        max-width: 1000px;
    }
*/
    .solution-down {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navbar-brand{
        margin-top: -40px;
        margin-right: -35px;
    }
    .yit-nav .navbar-nav .nav-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logo-img {
        margin-top: 40px;
    }
    .nec-log .arrow-top-tip {
        top: -15%;
    }
    .arrow-top-tip{
        top: -11%;
    }
}
@media (max-width: 1084px){
    .tooltip-hover .tooltiptext{
        width: 60%;
    }
    .text-tooltip{
        font-size: 12px;
    }
    .text-tooltip{
        padding: 10px 20px;
    }
    
}
@media (max-width: 1075px){
    .navbar-brand {
        margin-top: -40px;
        margin-right: -70px;
    }
    .modal-job .modal-dialog {
        width: 80% !important;
        max-width: 80% !important;
    }
}
@media (max-width: 1040px){
    .navbar-brand {
        margin-top: -40px;
        margin-right: -70px;
    }
/*
    .container {
        max-width: 950px;
    }
*/
}
@media (max-width: 1009px){
    .navbar-brand {
        margin-top: -40px;
        margin-right: -90px;
    }
    .yit-nav .navbar-nav {
        margin-right: 45px;
    }
}

@media (max-width: 991px) {
    .dns-right {
        padding-right: 50px;
    }
    .collapse.show {
        box-shadow: none;
    }
    .col-banner-4 {
        width: 33.33333%;
    }
    .proj-right-line2{
        display: none;
    }
    .circle-big-left {
        left: -140px;
        top: 110px;
    }
    .col-banner-4{
        padding: 0px 10px;
    }
    .perf-sol {
        height: 350px;
    }
    .perf-sol p{
        font-size: 14px;
    }
    .circle-top-right {
        right: -4px;
    }
    .proj-top{
        margin-left: -32px;
    }
    .perf-mv{
        padding: 20px 60px 20px 30px;
    }
    .row-banner {
        margin: 0px -27px;
    }
    .col-banner-2{
        padding: 0px 10px;
    }
    .project-title {
        padding: 20px 30px;
        margin-top: 0px;
    }
    .circle-top-left{
        left: -3px;
    }
    .circle-bottom-left {
        left: -3px;
    }
    .border-lines .circle-rotate-1 img, .border-lines .circle-rotate-4 img{
        display: none;
    }
    .perf-box {
        height: 330px;
    }
    .perf-box p{
        font-size: 14px;
    }
    .perf-title {
        margin-right: 10px;
    }
    .col-banner-3{
        padding: 0px 10px;
    }
    .home-bg{
        background-size: 100%;
    }
    .where-perf {
        width: 100%;
        color: #fff;
    }
    .where-perf .text-violet {
        color: #ac70c3;
    }
    .logo-img {
        width: 180px;
        margin-left: 15px;
    }
    .job-box-3 .job-details p{
        font-size: 13px;
    }
    .job-box-3 {
        height: 410px !important;
    }
    .sol-we-del .col-md-9{
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
    .sol-we-del .col-md-3 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    .web-dropdown{
        display: none !important;
    }
    .mobile-dropdown{
        display: block !important;
    }
    .banner-solutions h1{
        font-size: 50px;
    }
    .avail-title{
        margin-bottom: 20px;
    }
    .job-box button{
        position: relative;
        margin: 0px;
        width: 100%;
    }
    .job-box a{
        position: relative;
        margin: 0px;
    }
    .w-880{
        width: auto !important;
    }
    .emp-left .col-md-7 {
        margin-left: 0px;
    }
    .emp-details span{
        margin-top: 26px;
    }
    .emp-left .col-md-5 {
        margin-left: 0px;
    }
    .avail-job{
        margin-bottom: 0px;
    }
    .sol-title{
        display: inline;
    }
    .sol-title-bottom{
        padding-left: 0px;
        display: inline;
    }
    .page-bottom{
        margin-bottom: 150px !important;
    }
    .solutions-page{
        margin-bottom: -50px !important;
    }
    .sol-details{
        margin-top: 30px;
        margin-bottom: 50px !important;
    }
    .telecom-bg, .enterprise-bg, .govern-bg, .systems-bg{
        height: auto;
    }
    .sol-details{
        margin-left: 0px !important;
    }
    .solutions-page .col-md-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .solutions-page .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sol-title{
        margin-bottom: 40px;
    }
    .contact-info {
        margin-top: 50px !important;
    }
    td.tbl-icon {
        width: 17% !important;
    }
    .emp-section{
        margin-right: -40px;
    }
    .nav-pills .nav-link .active-emp{
         float: right;
    }
    .emp-prof {
        position: relative;
        width: 65%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .emp-details h1, .emp-details p, .emp-details h2{
        text-align: center;
    }
    .emp-left .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
        max-width: 100%;
    }
    .emp-left .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
        max-width: 100%;
    }
    .emp-details p{
        margin-right: 0px;
        margin-top: 20px;
    }
    .emp-tab .prof-1, .emp-tab .prof-4 {
        margin-left: 0px !important;
    }
    .emp-section .col-md-1{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #emp-a{
        order: 1;
    }
    #emp-b{
        order: 2;
    }
    #emp-2{
        order: 1;
    }
    #emp-3{
        order: 2;
    }
    .job-details{
        margin-bottom: 10px;
    }
    .btn-apply-red {
        position: relative;
        bottom: 0px;
        width: 100%;
        padding: 12px 30px;
    }
    .col-job-4{
        width: 100%;
    }
    .job-box{
        height: auto;
        margin-bottom: 20px;
    }
    .search-job {
        width: 100%;
        float: none;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .col-100{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-none{
        display: none;
    }
    .mis-vis .col-none{
        display: none;
    }
    .col-mis{
        padding-left: 15px;
    }
    .col-vis{
        padding-right: 15px;
    }
    .col-mis, .col-vis{
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .col-comp-1{
        width: 100% !important;
    }
    .col-comp-2{
        width: 100% !important;
    }
    .col-comp-1 img{
        margin-bottom: 20px;
    }
    .solutions-tab{
        margin-top: 0px !important;
    }
    .mobile-none{
        display: none;
    }
    footer .yit-foot-widget{
        margin-bottom: 40px;
    }
    .yit-foot-widget .col-md-7, .yit-foot-widget .col-md-5{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .text-policy li a{
        margin-left: 0px; 
        margin-right: 40px;
    }
    .yit-footer.style-1 .address-info p {
        display: inline;
    }
    footer.footer-dark-style p{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .yit-foot-widget .float-right{
        float: inherit !important;
    }
    .form-sendmsg .col-md-6{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .trusted-clients .col-md-3{
        width: 33.333333%;
        max-width: 33.333333%;
        flex: 0 0 33.333333%;
    }
    .tc-title{
        line-height: 40px;
        margin-top: -20px;
    }
    .solutions-icon h4{
        width: 115px;
    }
    .solutions-tab .col-md-2{
        width: 20%;
        max-width: 20%;
        flex: 0 0 20%;
    }
    .solutions-icon {
        margin-top: 10px;
    }
    .tbl-prncpl td {
        padding-right: 20px;
    }
    .core-values p{
        margin-right: 20px;
    }
    .cor-val .col-md-3, .cor-val .col-md-9{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .left-line {
        margin-bottom: 50px;
    }
    .border-sol {
        height: 300px;
    }
    .col-sltns-1{
        width: 50%;
    }
    .col-sltns-2{
        width: 50%;
    }
    .col-sltns-3{
        width: 50%;
    }
    .col-sltns-4{
        width: 50%;
    }
    .dropdown-item {
        padding: 8px 40px;
        text-align: left;
    }
    .dropdown-menu{
        border: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .arrow-top-border{
        display: none;
    }
    .arrow-menu{
        float: right;
        margin-top: 5px;
        padding: 5px;
    }
    .crypto-currency .crypto-currency-header .navbar-nav .nav-link {
        font-size: 14px;
        padding: 15px 0px;
    }
    .yit-nav .navbar-nav {
        margin-right: 0px;
        margin-left: -15px !important;
        margin-top: 20px;
    }
    .crypto-currency .crypto-currency-header .yit-nav .navbar {
        padding: 5px 5px 5px 15px !important;
    }
    .crypto-currency .crypto-currency-header .yit-nav .navbar-toggler{
        border: 0px;
        margin-top: 0px;
    }
    .logo-img {
        margin-top: 0px;
    }
    .navbar-brand {
        margin-top: 0px;
    }
    .history-box{
        margin: 50px 0px 0px 40px;
    }
    .history-desc {
        margin-left: 40px;
        margin-right: -60px;
    }
    .h-line {
        margin-left: 15px;
    }
    .grey-cover {
    height: 70px;
    width: 100px;
    }
    .display-show{
        display: none;
    }
    .display-hide{
        display: block;
    }
    .mob-top{
        margin-top: 40px !important;
        margin-left: -10px !important;
    }
}
@media (max-width: 980px) {
.xs-max-width-auto { max-width:100%; } /* max-width for all device */
.yit-btn-group .btn + .btn { margin-left:0; }
.bg-none-sm-device { background-image:none !important; } /* apply this class for hide bg image in all small device */
}

/* iPad & Small Tablet (Portrait) (768 * 1024)
============================================================== */
@media (min-width: 768px) and (max-width: 990px) {

/*** Global Classes CSS BOC ***/
.hidden-sm { display:none !important; } /* hide in small device */
.btn { font-size:15px; }
h1, h2, h3, h4, h5, h6 { line-height:1.22; }
section { padding-top:70px; padding-bottom:70px; }

	/* General Small Device Classes CSS BOF */
	.font-xxsmall { font-size:.95rem; }
	.bg-seprator.skew-one::after { bottom:-132px; }
	.bg-seprator.skew-three::before { height:580px; }
	.bg-seprator.skew-six::before { height:560px; }
	.bg-seprator.skew-five::after { bottom:237px; }
	/*.content-l-space { margin-left:0; }*/
	.banner-mark-text::after { font-size:130px; top:0; }
	.parallax-bg { background-position:center center !important; height:500px; }
	.bg-mark-letter { font-size:110px; }
	.sec-lines .height-full { height:100vh; }
	.inner-banner-large.bg-fade-overlay, .inner-banner-large.bg-overlay, .inner-banner-large.bg-fade-overlay-dark { background-position:0 0; }
	.inner-banner-large { padding-bottom:100px; padding-top:150px; }

	/* Small Device Spacer Classes CSS BOF */
	.height-full { height:50vh; }
	.sm-text-center { text-align:center; }
	.sm-height-auto { height:auto; }
	.sm-bg-image-none { background-image:none !important; } /* hide background-image in small device */
	.sm-height-one-half { height:500px; } /* use for fix heigt banner */
	.sm-section-v-space { padding-top:40px; padding-bottom:40px; }
	.sm-display-block { display:block; width:auto; } /* full block in medium device */
	.sm-display-tb-cell { display:block; } /* medium center block in medium device */

	/* Small Device Spacer Classes CSS BOF */
	.pad-100-all { padding:50px; } /* overide large padding with section */
	.sm-mb-25 { margin-bottom:30px; }
	.sm-mb-70 { margin-bottom:70px; }

/*** All Pages Combine Selector CSS BOF ***/
.bg-letter, .bg-sec-count, .bg-dotted::after, .section-shadow::before, .bg-dotted-left::after { display:none; }

/*** WEBP Default Page (home1) CSS BOF ***/
.webpanda-default .webp-default-contact .icon-l { float:none; display:block; text-align:center; margin:0 auto 15px; }
.webpanda-default .webp-default-contact .yit-overflow { text-align:center; }
.webpanda-default .webp-offer .yit-feature.style-3 .yit-feature-item i { float:none; }

/*** WEBP Classic (home2) CSS ***/
.webpanda-classic .webp-classic-why .yit-feature.style-5 .yit-display-tb-cell { display:table-cell; }

/*** WEBP Business Parallax (home4) CSS ***/
.webp-business-parallax .webp-business-banner .parallax-obj-triangle { width:80%; bottom:20%; }
.webp-business-parallax .webp-business-banner .parallax-obj-name { bottom:40%; width:80%; }
.webp-business-parallax .webp-business-banner .parallax-obj-bubble { bottom:30%; width:70%; }

/*** WEBP Creative Studio (home5) CSS ***/
.webp-creative-studio .webp-studio-skill.height-full { height:100%; background-attachment:inherit; }
.webp-creative-studio .content-l-space { margin-left:80px; }
.webp-creative-studio .webp-studio-portfolio .yit-portfolio.style-5 .yit-portfolio-content { height:100%; border-width:0; }

/*** WEBP Creative Web Agency (home7) CSS ***/
.webp-creative-web-agency .webp-creative-web-banner .height-cover { height:70vh; }
.webp-creative-web-agency .webp-creative-web-banner .svg-curve.style-1 { bottom:0; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link i { position:relative; left:0; top:0; text-align:center; margin-bottom:10px; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link { padding:25px; text-align:center; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-inner { margin-left:0; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure { position:relative; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show::before { display:none; }
.webp-creative-web-agency .webp-web-agency-about .video-outer { left:0; margin-right:20px; }
.webp-creative-web-agency .webp-web-agency-testimonial .yit-testimonial { float:none; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer { right:0; }
.webp-web-agency-testimonial .yit-testimonial { float:none; margin:0 auto 30px; }
.webp-creative-web-agency .webp-web-agency-blog:before, .webp-creative-web-agency .webp-web-agency-blog:after { display:none; }

/*** WEBP Freelancer Page CSS BOF (homepage-8) ***/
.webp-freelancer .content-l-space { margin-left:80px; }
.webp-freelancer .webp-freelancer-banner { text-align:center; }
.webp-freelancer .webp-freelancer-banner .yit-flex-h-center { justify-content:center; }
.webp-freelancer .webp-freelancer-banner h4 { font-size:4.2rem; }
.webp-freelancer .webp-freelancer-banner h2 { font-size:5rem; }
.webp-freelancer .webp-freelancer-banner .arrow-style-2 a { right:0; }
.webp-freelancer .webp-freelancer-banner .arrow-style-2 a span { left:0; right:0; margin:0 auto; }

/*** WEBP Bradning Agency Page CSS BOF (homepage-9) ***/
.webp-branding-agency .webp-branding-agency-testimonial .yit-testimonial-content { margin-bottom:50px; }
.webp-branding-agency .webp-branding-agency-testimonial .yit-testimonial img { margin-top:31px; }
.webp-branding-agency .webp-branding-agency-team { padding-bottom:0;  }

/*** WEBP Startup Page CSS BOF (homepage-10) ***/
.webp-startup .webp-startup-parallax .data-parallax-effect { max-width:100%; right:0; }

/*** WEBP Web Agency Onepage CSS BOF (homepage-11) ***/
.webp-web-agency section { padding-top:70px; padding-bottom:70px; }

/*** WEBP Web Agency Onepage CSS BOF (homepage-12) ***/
.webp-branding-onepage .webp-branding-cta .svg-curve.circle-right { height:80%; }
.webp-branding-onepage .webp-branding-blog .yit-blog.style-2 .yit-blog-item h6 { font-size:1rem; }

/*** WEBP Branding Agency Onepage CSS BOF (homepage-13) ***/
.webp-branding-onepage .webp-branding-header h1 { font-size:3rem; }

/*** WEBP Digital Maketing Page CSS BOF (homepage-14) ***/
.webp-digital-marketing .webp-digital-banner { height:auto; }
.webp-digital-marketing .webp-digital-banner .banner-img { position:absolute; top:auto; max-width:50%; }
.webp-digital-marketing .webp-digital-marketing-testimonial .yit-testimonial img { margin-top:31px; }
.webp-digital-marketing .webp-digital-marketing-testimonial .yit-testimonial-content { margin-bottom:50px; }

/*** WEBP App Onepage CSS BOF (homepage-15) ***/
.webp-app .webp-app-banner { height:auto; }
.webp-app .app-feature-content:hover .app-feature-list [class*="item-"] { transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; }
.webp-app .webp-app-pricing .yit-tab .nav-link i { display:inline-block; }

/*** WEBP Hosting CSS BOF (homepage-17) ***/
.webp-hosting .webp-hosting-banner.yit-slick-slider .height-cover { height:60vh; }
.webp-hosting .webp-hosting-cms .item-icon { width:300px; height:300px; }
.webp-hosting .webp-hosting-pricing .yit-pricing .yit-pricing-item h6 { font-size:1rem; }

/*** WEBP Personal Portfolio CSS BOF (homepage-18) ***/
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene li { height:70vh; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-services li { letter-spacing:0 }
.webp-personal .webp-personal-service .service-intro::after { display:none; }
.webp-personal .webp-personal-service .service-intro, .webp-personal .webp-personal-service .service-listing { height:auto; }
.webp-personal .webp-personal-service .service-listing { margin-top:0; }

/*** WEBP About Classic CSS BOF (aboutpage-02) ***/
.webp-about-classic .about-history h6 { left:20px; bottom:20px; -webkit-transform:none; -o-transform:none; -ms-transform:none; -moz-transform:none; transform:none; }

/*** Team Creative Page CSS BOF (teampage-04) ***/
.webp-team-creative .team-creative .item-content { margin-bottom:70px; }

} /* portrait media close */

/* All Mobile Device (iPhone, Android, Window)(480 * 640)
============================================================== */

@media (max-width: 850px) {
    .tooltip-hover .tooltiptext{
        left: 10%;
        width: 100%;
        top: 70%;
    }
    .third-row, .fourth-row{
        left: 30% !important;
        width: 70% !important;
    }
}
@media (max-width: 767px) {
    .cookie-overlay{
        margin: 5rem auto !important;
    }
    .slick-slide img {
        width: 400px;
    }
    .arrow-slide {
        padding: 8px;
    }
    .slide-left, .slide-right{
        top: -61px;
    }
    .dns-subcont img.icon-record, .dns-subcont img.icon-system, .dns-subcont img.icon-ui{
        float: right;
        margin-top: 5PX;
    }
    .dns-right {
        padding-right: 0px;
    }
    .border-left-line3 {
        display: none;
    }
    .main-title{
        line-height: 50px;
    }
    .perf-mv {
        padding: 40px 30px;
        height: auto;
    }
    .tbl-icon img.mail-icon{
        margin-left: 13px;
    }
    .client-logos img.python {
        width: 60px;
        margin-right: 50px;
        margin-left: 0px;
        display: inline;
    }
    .client-logos img.incognito {
        width: 210px;
        display: inline;
    }
    .email-gif-right img {
        position: relative;
        top: 40px;
    }
    .team-img span {
        font-size: 15px;
    }
    .team-img{
        text-align: center;
        margin-bottom: 0px;
    }
    .col-banner-4{
        width: 100%;
    }
    .team-img span{
        text-align: center;
    }
    .col-banner-4 {
        padding: 25px;
    }
    .circle-big-right {
        top: 129px;
    }
    .col-banner-2 {
        padding: 25px;
    }
    .col-banner-2{
        width: 100%;
    }
    .perf-sol {
        height: auto;
        padding: 25px 30px 30px 30px;
    }
    .rocket-bottom-1 {
        left: 0px;
        bottom: 0px;
    }
    .circle-bottom-left{
        bottom: 14px;
        left: 13px;
    }
    .circle-top-left{
        top: 12px;
        left: 11px;
    }
    .circle-top-right{
        top: 13px;
        right: 12px;
    }
    .project-title {
        padding: 90px 30px;
    }
    .zoom-img img{
        width: 100%;
    }
    .project-section {
        padding-top: 0px;
    }
    .proj-top {
        margin-left: -16px;
    }
    .border-left-line1, .border-left-line11 {
        margin-left: 125px;
    }
    .border-lines{
        border-top: 0px;
        border-bottom: 0px;
    }
    .home-bg {
        height: auto;
        background-position: top;
    }
    .col-banner-3 {
        padding: 25px;
    }
    .perf-img-serv, .perf-img-app, .perf-img-man {
        margin-left: 0px;
    }
    .perf-box {
        height: auto;
        padding: 15px 25px 25px 25px;
    }
    .col-banner-3{
        width: 100%;
    }
    .footer-violet{
        padding: 15px 10px;
    }
    .footer-right a{
        margin-left: 0px;
        display: block;
        margin-bottom: 10px;
        float: none;
    }
    .footer-right span{
        margin-top: 20px;
        display: block;
        margin-bottom: 10px;
    }
    .logo-img {
        margin-left: 15px;
    }
    .btn-uploadcv{
        width: 100% !important;
    }
    .btn-appred{
        width: 100% !important;
    }
    .job-box-3 a {
        position: relative !important;
        margin: 0px !important;
    }
    .col-job-3{
        width: 100% !important;
    }
    .job-box-3 {
        height: auto !important;
    }
    .sol-we-del .col-md-9{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .sol-we-del .col-md-3 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .bulb-gif{
        float: none;
        margin-top: 50px;
        width: auto;
    }
    .contact-gif{
        margin-left: auto;
    }
    .btn-overlay span, .btn-overlay img{
        display: inline;
    }
    .emp-section{
        margin-right: 0px;
    }
    .cmpny-left {
        padding-right: 10px;
    }
    .emp-details {
        margin-top: 5%;
        margin-bottom: 50px;
    }
    .emp-section {
        margin-top: 0px;
        margin-bottom: 100px;
    }
    .emp-details span{
        display: none;
    }
    .emp-details p{
        margin-left: 0px;
        width: 100%;
    }
    .emp-details h1 {
        font-size: 17px;
        letter-spacing: 0px;
        line-height: 37px;
    }
    .emp-details p{
        line-height: 23px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .emp-section .col-md-1{
        display: none;
    }
    .emp-details h2{
        font-size: 15px;
        margin-top: 0px;
    }
    .emp-prof {
        position: relative;
        width: 65%;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .emp-section .tab-content > .tab-pane {
        display: block;
        opacity: 1;
        margin-bottom: 40px;
    }
    
    .cor-val {
        margin-top: 100px;
    }
    .mis-vis h1 span{
        display: block;
    }
    .mission-box p, .vision-box p{
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .mission-box, .vision-box{
        height: auto;
        padding: 20px 30px 35px;
    }
    .col-none{
        display: none
    }
    .col-mis, .col-vis {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    
    .telecom-bg, .enterprise-bg, .govern-bg, .systems-bg{
        height: auto;
    }
    .banner-solutions h2{
        margin-top: 30px !important;
        line-height: 30px !important;
        width: auto;
    }
    .banner-solutions h1{
        font-size: 40px !important;
    }
    .banner-solutions {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .contact-address a, .contact-address p {
        font-size: 14px;
    }
    .contact-address {
        margin-top: 30px !important;
        margin-left: 0px !important;
    }
    .contact-info {
        margin-bottom: 150px !important;
    }
    td.tbl-icon {
        width: 14% !important;
    }
    .g-map {
        margin-bottom: 50px !important;
    }
    .btn-send-red{
        width: 100%;
    }
    .col-why{
        height: 150px;
        width: 50%;
    }
    .banner-career{
        height: auto;
    }
    .col-comp-1 img, .col-comp-2 img {
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .hbc-logo .tooltip-box .tooltiptext::after {
        top: -21% !important;
        right: auto !important;
        left: 47% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .tooltip-down .tooltiptext-down::after {
        left: 50% !important;
    }
    .arrow-top-tip {
        left: 49.5% !important;
        top: -18% !important;
    }
    .hbc-logo .arrow-left-after {
        top: -18% !important;
    }
    .agritek-logo .tooltip-box .tooltiptext::after{
        top: -33% !important;
    }
    .agritek-logo .arrow-left-after {
        left: 47% !important;
        top: -29% !important;
    }
    .informant-logo .tooltip-box .tooltiptext::after {
        top: -33% !important;
    }
    .informant-logo .arrow-left-after {
        left: 47% !important;
        top: -29% !important;
    }
    .tooltip-box .tooltiptext::after {
        top: -26% !important;
        right: auto !important;
        left: 47% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .arrow-left-after{
        left: 47% !important;
        top: -22% !important;
    }
    .nec-log .arrow-top-tip {
        top: -24% !important;
    }
    .etsi-logo .arrow-top-tip {
        top: -22% !important;
    }
    .tooltip-box, .tooltip-down {
        position: inherit;
    }
    .tooltip-box .tooltiptext{
        width: 100% !important;
        top: 80% !important;
        left: 0% !important;
        right: 0%;
    }
    .tooltip-down .tooltiptext-down{
        width: 100% !important;
        top: 80% !important;
        left: 0% !important;
        right: 0% !important;
    }
    .tc-img-left {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .prin-title{
        width: auto;
    }
    .trusted-clients .col-md-3 {
        width: 50%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .solutions-tab .nav-tabs .nav-link {
        padding-bottom: 5px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 15px;
    }
    .prin-title{
        margin-bottom: 100px;
    }
    .mobile-text{
        display: block;
    }
    .tbl-prncpl {
        display: none;
    }
    footer .yit-foot-widget {
         margin-top: 0px;
    }
    .yit-foot-widget .col-md-5{
        margin-top: 0px !important;
    }
    .img-bulb img{
        margin: 100px 0px 50px 0px;
    }
    .soc-med a{
        display: inline;
        float: left;
    }
    .yit-footer .col-md-5, .yit-footer .col-md-3{
        margin-top: 40px;
    }
    .send-message{
        margin-bottom: 100px;
    }
    .gif-email{
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
    .tc-title {
        margin-bottom: 30px;
    }
    .solutions-tab {
        height: auto;
    }
    .solutions-tab {
        margin-top: -30px !important;
    }
    .mobile-none{
        display: none;
    }
    .solutions-icon{
        margin-bottom: 40px;
    }
    .solutions-tab .col-md-2 {
        width: 33.33333%;
        max-width: 33.33333%;
        flex: 0 0 33.33333%;
    }
    .solutions-tab .nav-tabs .nav-link.active{
        margin-bottom: -2px;
    }
    .lotti-img {
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    .btn-checksol img{
        display: inline;
    }
    .border-sol {
        height: 350px;
    }
    .right-line div.what-we{
        border-right: 0px;
        border-left: 10px solid #b11919;
        padding-left: 20px;
        line-height: 35px;
        margin-bottom: 50px;
        text-align: left;
    }
    .right-p{
        margin-left: 0px;
    }
    .banner-py{
        margin-bottom: 0px;
    }
    .socmed-right a img.fb-i, .socmed-right a img.li-i{
        display: inline;
        margin-bottom: 0px;
        margin-left: 15px;
    }
    .socmed-right a img.mail-i{
        display: inline;
        margin-bottom: -7px;
        margin-left: 15px;
    }
    .socmed-right {
        margin-top: 0px;
        margin-bottom: 0px;
        position: absolute;
        bottom: -36px;
        right: 15px;
    }
    .home-bg .col-md-11{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .home-bg .col-md-1{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .yit-nav .navbar-nav .nav-link {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .yit-nav .navbar {
        padding: 10px 0px !important;
    }
    .beyond{
        display: inline
    }
    .logo-img{
        display: inline
    }
    .tooltip-box .tooltiptext {
        left: 23%;
    }
    .tooltip-bottom .tooltiptext {
        left: 22%;
    }
    .history-box{
        border: none;
    }
    .h-line{
        border: none;
    }
    .history-desc {
        margin-left: 0px;
        margin-top: 10px
    }
    .yr-present{
        padding: 7px 5px;
        width: 140px;
        margin-bottom: -30px
    }
    .grey-cover {
        height: 0px;
        width: 0px;
    }    
/*** Global Classes CSS BOC **
.hidden-xs { display:none !important; } /* hide in mobile */

/* Trypography CSS BOC */
h1, h2, h3, h4, h5, h6 { line-height:1.30; text-align:center; }
h1 { font-size:2rem; }
h2 { font-size:1.75rem; }
h3 { font-size:1.60rem; }
h4 { font-size:1.45rem; }
h5 { font-size:1.325rem; }
h6 { font-size:1.2rem; }
.font-xxlarge { font-size: 3.25rem; }
.font-xlarge { font-size: 3rem; }
.font-large { font-size: 2.40rem; }
.font-medium { font-size: 2.26rem; }
.font-small { font-size: 2rem; }
.font-xsmall { font-size: 1.65rem; }
.font-xxsmall { font-size:.85rem; }
p { line-height:1.8; text-align:center; padding-top:3px; padding-bottom:3px; /*margin-bottom:0rem;*/ }

/* Image CSS BOC */
img, .yit-img-left, .yit-img-right { float:none; margin:0px auto; display:block; text-align:center; }
img.left-in-mob { float: left !important; margin-right: 15px !important; }
img.right-in-mob { float:right !important; margin-left:15px !important; }
.parallax-bg { background-position:center center !important; height:500px; }

	/* General Classes CSS BOC */
	.yit-lead { font-size:16px; }
	ul li { display:block; line-height:1.7; }
	.form-control { height:43px; }
	.flex { display:block; }
	.icon-l { float:none; text-align:center; margin:10px auto; display:block; }
	.height-full { height:40vh;     background-repeat: no-repeat;
    background-size: cover;}
	section, section.mini-section, footer { padding-top:40px; padding-bottom:40px; }
	.content-l-space { margin-left:0; }
	.section-h-space .container-fluid { padding-left:15px; padding-right:15px; }
	.gmap-locaton.section-h-space .container-fluid { padding-left:0; padding-right:0; }

	/* Button Classes CS BOF */
	.btn[class*="gradient-"] { font-size:14px; padding:10px; }
	.btn { width:100%; padding:10px; font-size:14px; margin-bottom:10px; }
	.btn-xxxsmall { padding:5px 8px; }

	/* General Mobile Classes CSS BOF */
	.display-center-mob { display:table; margin:0 auto; } /* center all in mobile */
	.xs-display-block { display:block; width:auto; } /* full view in mobile */
	.xs-display-tb-cell { display:block; } /* center block in mobile */
	.xs-float-none { float:none !important; } /* remove floating position in mobile */
	.yit-bg-center-xs, .xs-bg-image-center { background-position:center center; } /* center background-image in mobile */
	.xs-bg-image-none { background-image:none !important; } /* hide background-image in mobile */
	.xs-letterspace-none { letter-spacing:0 !important; } /* letterspace none in mobile */
	.xs-height-auto { height:auto; } /* height auto in mobile */
	.xs-space-none.section-h-space .container-fluid { padding-left:0; padding-right:0; } /* apply this class when you remove padding from container-fluid */
	.xs-bg-cover { -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; }
	.xs-border-none { border:medium none !important; }
	.xs-listing-inline li { display:inline-block; }
	.xs-transition-none { -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none; } /* apply this class when you don't need transit in mobile */
	.xs-btn-auto { width:auto !important; } /* apply this class when you don't need full button in mobile version */

	/* Mobile Banner Classes CSS BOF */
	.xs-banner-space { margin-top:50px; margin-bottom:50px; } /* common banner space when item is position:fixed */
	.xs-banner-space-top { margin-top:50px; } /* apply this class when you want to item space from top */
	.xs-banner-small-space { margin-top:70px; margin-bottom:70px; } /* common small banner space when item is position:fixed */
	.xs-banner-medium-space { margin-top:100px; margin-bottom:100px; } /* common medium banner space when item is position:fixed */
	.xs-banner-large-space { margin-top:150px; margin-bottom:150px; } /* common large banner space when item is position:fixed */

	/* Mobile Text Alignment Classes CSS BOF */
	.xs-icon-center { text-align:center; display:block; } /* apply this class for icon center */
	.xs-text-center { text-align:center; } /* center text in mobile */
	.xs-text-left h1, .xs-text-left h2, .xs-text-left h3, .xs-text-left h4, .xs-text-left h5, .xs-text-left h6, .xs-text-left p { text-align:left; } /* left text in mobile */
	.xs-text-right h1, .xs-text-right h2, .xs-text-right h3, .xs-text-right h4, .xs-text-right h5, .xs-text-right h6, .xs-text-right p { text-align:right; } /* right text in mobile */

	/* Mobile Spacer Classes CSS BOF */
	.xs-section-v-space { padding-top:40px; padding-bottom:40px; }
	.xs-pad-none { padding:0 !important; } /* apply this class for remove all side paddding in mobile version */
	.pad-50-all { padding:40px 15px; }
	.xs-pad-15-all { padding:15px !important; } /* padding all side */
	.xs-pad-small { padding:35px; } /* padding all side in small spacer */
	.xs-pad-medium { padding:50px !important; } /* padding all side in medium spacer */
	.xs-pad-extra-medium { padding:60px !important; } /* padding all side in extra medium spacer */
	.xs-pad-large { padding:70px !important; }
	.xs-pr-none { padding-right:0 !important; } /* apply this class when you want to padding-right(zero) in mobile version */
	.xs-pb-section { padding-bottom:40px !important; } /* apply this class when you add padding-bottom(zero) classes in section */
	.xs-mb-0 { margin-bottom:0 !important; }
	.xs-mb-15 { margin-bottom:15px; }
	.xs-mb-25 { margin-bottom:25px; }
	.xs-mt-0 { margin-top:0 !important; }
	.xs-ml-0 { margin-left:0 !important; }
	.xs-mr-0 { margin-right:0 !important; }
	.xs-pt-0 { padding-top:0 !important; }
	.xs-pb-0 { padding-bottom:0 !important; }
	.xs-pl-0 { padding-left:0 !important; }
	.xs-pr-0 { padding-right:0 !important; }
	.xs-mrg-none { margin:0 !important; } /* apply this class for remove all side margin in mobile version */

/*** All Pages Combine Selector CSS BOF ***/
.webpanda-default .webp-why.section-h-space .container-fluid, .webpanda-classic .webp-classic-why.section-h-space .container-fluid,
.webp-freelancer .webp-freelancer-cms.section-h-space .container-fluid, .webp-startup .webp-startup-about.section-h-space .container-fluid { padding-left:0; padding-right:0; }

.bg-letter, .bg-sec-count, .bg-seprator:after, .bg-seprator:before, .bg-dotted::after, .section-shadow::before, .svg-pattern, .banner-mark-text::after, .bg-mark-letter,
.caption-title::before, .caption-title::after, .bg-dotted-left::after, .parallax-text { display:none; }

/*** WEBP Default Page CSS (home1) BOF ***/
.webpanda-default .webp-offer .offer-item-content { padding:40px 0; }

/*** WEBP Classic Page CSS (home2) BOF ***/
.webp-classic-banner .flexslider.flexslider-slide .btn { margin:10px 0 0; width:49%; }

/*** WEBP Digital Agency Page CSS (home3) BOF ***/
.webp-digital-agency .webp-agency-about h1 { font-size:1.80rem; }

/*** WEBP Business Parallax (home4) CSS ***/
.webp-business-parallax .webp-business-service, .webp-business-parallax .webp-business-testimonial { background-color:#f7fafc; }
.webp-business-parallax .webp-business-contact { background-color:#e91e63; }
.webp-business-parallax .webp-business-testimonial .yit-testimonial.style-4 .yit-img { display:block; }

/*** WEBP Creative Studio (home5) CSS ***/
.webp-creative-studio .webp-creative-banner { margin-left:0; margin-top:80px; }
.webp-creative-studio h1 { font-size:1.60rem; }
.webp-creative-studio .yit-feature.style-41 .yit-feature-item { margin-bottom:20px; }
.webp-creative-studio .webp-studio-skill.height-full { height:100%; }

/*** WEBP Creative Designer (home6) CSS ***/
.webp-creative-designer .webp-desinger-contact.pos-t-105 { top:40px; }
.webp-creative-designer .webp-designer-footer .yit-footer.mt-80 { margin-top:40px !important; }
.webp-creative-designer .webp-designer-footer .yit-instafeed.style-1 li { width:49%; display:inline-block; }

/*** WEBP Creative Web Agency (home7) CSS ***/
.webp-creative-web-agency .webp-creative-web-banner .yit-banner-content { margin-top:100px; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link i { position:relative; left:0; top:0; text-align:center; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link { padding:15px 20px; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-inner { margin-left:0; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure { position:relative; }
.webp-creative-web-agency .webp-web-agency-about .video-outer { left:0; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer { right:0; }
.webp-creative-web-agency .webp-web-agency-testimonial .yit-testimonial { float:none; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show::before,
.webp-creative-web-agency .webp-web-agency-blog:before, .webp-creative-web-agency .webp-web-agency-blog:after { display:none; }
.webp-creative-web-agency .webp-web-agency-process .yit-process .yit-process-item { padding:0; }

/*** WEBP Startup Onepage (home8) CSS ***/
.webp-startup-onepage .webp-startup-header .flex-slide-text::before { display:none; }

/*** WEBP Freelancer Page CSS BOF (homepage-8) ***/
.webp-freelancer .fancy-letter { font-size:90px; }
.webp-freelancer .webp-freelancer-banner { margin-top:70px; }
.webp-freelancer .webp-freelancer-contact.pos-t-105 { top:0; }
.webp-freelancer .webp-freelacer-blog .yit-blog .yit-blog-author { display:table; margin:0 auto; }

/*** WEBP Branding Agency Page CSS BOF (homepage-9) ***/
.webp-branding-agency .webp-branding-agency-testimonial { padding-bottom:50px !important; }

/*** WEBP Startup Page CSS BOF (homepage-10) ***/
.webp-startup .webp-startup-about .pad-50-all { padding:50px 15px; }
.webp-startup .webp-startup-parallax .data-parallax-effect { max-width:100%; right:0; }
.webp-startup .webp-startup-footer { background-image:none; background-color:#fff; }
.webp-startup .webp-startup-intro .yit-feature.style-26 .yit-feature-item * { text-align:center; }
.webp-startup .webp-startup-intro .yit-feature.style-26 .yit-feature-item span { padding-right:0 !important; display:block; margin-bottom:0 !important; }
.webp-startup .webp-startup-intro .yit-display-tb-cell { display:block; }

/*** WEBP Web Agency Onepage CSS BOF (homepage-11) ***/
.webp-web-agency section, .webp-web-agency section:nth-child(2n+2) { padding-top:40px; padding-bottom:40px; }
.webp-web-agency .yit-on-sticky-nav.is-visible { background-color:rgba(0, 0, 0, .8); }
.webp-web-agency .header-logo { background-color:rgba(0, 0, 0, .8); padding:15px 0; width:100%; left:0; text-align:center; }
.webp-web-agency .fullpage-nav { right:-40px; -moz-transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; -ms-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
.webp-web-agency:hover .fullpage-nav { right:10px; }
.webp-web-agency .webp-web-agency-about .yit-tab .tab-content { padding:15px; }
.webp-web-agency .webp-web-agency-portfolio .filter-tab .btn { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }

/*** WEBP Branding Agency Onepage CSS BOF (homepage-13) ***/
.webp-branding-onepage .webp-branding-header h1 { font-size:1.85rem; }
.webp-branding-onepage .webp-branding-header .arrow-style-3 { bottom:0; }
.webp-startup-onepage .webp-services .yit-feature.style-43 .yit-feature-item { padding:30px; }

/*** WEBP Digital Marketing CSS BOF (homepage-14) ***/
.webp-digital-marketing .webp-digital-banner { height:auto; }
.webp-digital-marketing .webp-digital-marketing-testimonial.pb-0 { padding-bottom:50px !important; }

/*** WEBP App Onepage CSS BOF (homepage-15) ***/
.webp-app .webp-app-banner { height:auto; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; }
.webp-app .app-feature-content:hover .app-feature-list [class*="item-"] { transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; }

/*** WEBP SEO CSS BOF (homepage-16) ***/
.webp-seo .webp-seo-header .yit-swiper-slider::after { display:none; }

/*** WEBP Hosting CSS BOF (homepage-17) ***/
.webp-hosting .webp-hosting-header .yit-top-nav { padding:0; }
.webp-hosting .webp-hosting-banner::after { display:none; }
.webp-hosting .webp-hosting-banner.yit-slick-slider .slick-slide-img { height:auto; }
.webp-hosting .webp-hosting-banner.yit-slick-slider .slick-slider-content .yit-display-centrize { margin-top:0; }
.webp-hosting .webp-hosting-cms .item-icon { width:260px; height:260px; margin:35px auto; }
.webp-hosting .webp-hosting-cms .item-icon .item-price { width:80px; height:80px; font-size:17px; }

/*** WEBP Personal Portfolio CSS BOF (homepage-18) ***/
.webp-personal .webp-personal-about { padding-top:40px; }
.webp-personal .webp-personal-service .service-intro::after { display:none; }
.webp-personal .webp-personal-service .service-intro, .webp-personal .webp-personal-service .service-listing { height:auto; }
.webp-personal .webp-personal-service .service-intro hr { float:none; }
.webp-personal .webp-personal-service .service-listing { margin-top:0; }
.webp-personal .webp-personal-service .service-listing .yit-feature { padding-left:15px; padding-right:15px; }
.webp-personal .webp-personal-portfolio .btn { width:auto; }

/*** WEBP About Classic CSS BOF (aboutpage-02) ***/
.webp-about-classic .about-history h6 { left:20px; bottom:20px; -webkit-transform:none; -o-transform:none; -ms-transform:none; -moz-transform:none; transform:none; }

/*** WEBP About Creative CSS BOF (aboutpage-04) ***/
.webp-about-creative .yit-portfolio.style-6 .swiper-button-next, .webp-about-creative .yit-portfolio.style-6 .swiper-button-prev { top:50%; bottom:auto; }

/*** 404 Error Pages CSS BOF (404-error-01) ***/
.error-page .error-banner-content .error-text-heading { font-size:100px; }

/*** Team Creative Page CSS BOF (teampage-04) ***/
.webp-team-creative .team-creative .item-content { margin-top:40px; }

} /* mobile media close */

/* All Mobile Device (iPhone, Android, Window)(480 * 640)
============================================================== */
/*
@media (max-width:650px) { 
    .container {
        max-width: 550px;
    }
}
*/
@media (max-width:610px) { 
    .tooltip-hover .tooltiptext {
        left: 0%;
        right: 0%;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        top: 90%;
    }
    .xs-tip{
        top: 120% !important;
    }
    .third-row, .fourth-row {
        left: 0% !important;
        width: 81% !important;
        top: 81% !important;
    }
}
@media (min-width: 576px){
/*
    .container {
        max-width: 540px;
    }
*/
}
@media (max-width:575px) {
    .slider-wrapper{
        margin: 0px -30px;
    }
    .slick-slide {
        margin: 0px 5px;
    }
    .slick-slide img {
        width: 350px;
        margin-bottom: 30px;
    }
    .main-title {
        font-size: 22px !important;
        line-height: 35px;
    }
    .arrow-slide {
        padding: 6px;
    }
    .slide-left{
        top: -53px;
        right: 60px;
    }
    .slide-right {
        top: -53px;
        right: 30px;
    }
    .main-title {
        margin-right: 50px;
        font-size: 26px;
    }
    .circle-medium-right {
        right: 36px;
        bottom: 200px;
    }
    .rocket-right-1 {
        top: -47px;
    }
    .team-img img {
        width: 100%;
    }
    .project-title {
        padding: 60px 30px;
    }
    .border-left-line1, .border-left-line11 {
        margin-left: 100px;
    }
    .border-left-line3 {
        display: none;
    }
    .circle-rotate-3{
        display: none;
    }
    .where-perf {
        font-size: 30px;
    }
    .container{
        max-width: 400px;
    }
    .modal-job .modal-dialog {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 60px !important;
    }
    .btn-learnmore {
        z-index: 999;
    }
    .col-mis, .col-vis {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
    .mission-box{
        height: auto;
    }
    .cor-val {
        margin-top: 100px;
    }
    .vision-box{
        height: auto;
    }
    a.nav-link {
        font-size: 13px;
    }
    .banner-py p {
        font-size: 15px;
    }
    .banner-py h1 {
        font-size: 30px;
    }
    .banner-py div.we-transform {
        font-size: 30px;
    }
/*
    .container {
        max-width: 540px;
        padding-right: 30px;
        padding-left: 30px;
    }
*/
    .banner-py h1{
        margin-bottom: 10px;
    }
    .col-sltns-1 {
        width: 100%;
    }
    .col-sltns-2 {
        width: 100%;
    }
    .col-sltns-3 {
        width: 100%;
    }
    .col-sltns-4 {
        width: 100%;
    }
    .border-sol{
        height: auto;
    }
    .border-sol p{
        margin-bottom: 50px;
    }
    .socmed-right {
        margin-top: 90px;
        margin-bottom: 0px;
        position: relative;
        bottom: 0px;
        left: 0px;
        float: none;
    }
    .socmed-right a img.fb-i, .socmed-right a img.li-i, .socmed-right a img.mail-i {
        margin-left: 0px;
        margin-right: 30px;
    }
    .sol-we-del{
        margin-bottom: 150px;
    }
}

@media (max-width:519px) {
    .arrow-top-tip {
        top: -15% !important;
    }
    
    .tooltip-box .tooltiptext{
        top: 75% !important;
    }
    .tooltip-box .tooltiptext::after {
        top: -26% !important;
    }
    .arrow-left-after {
        top: -23% !important;
    }
    
    .bayan-logo .tooltip-box .tooltiptext{
        top: 68% !important;
    }
    .bayan-logo .tooltip-box .tooltiptext::after {
        top: -21% !important;
    }
    .bayan-logo .arrow-left-after {
        top: -18% !important;
    }
    
    .bayan-logo .tooltip-box .tooltiptext{
        top: 68% !important;
    }
    .bayan-logo .tooltip-box .tooltiptext::after {
        top: -21% !important;
    }
    .bayan-logo .arrow-left-after {
        top: -18% !important;
    }
    
    .athesya-logo .tooltip-box .tooltiptext{
        top: 68% !important;
    }
    .athesya-logo .tooltip-box .tooltiptext::after {
        top: -21% !important;
    }
    .athesya-logo .arrow-left-after {
        top: -18% !important;
    }
    
    .agritek-logo .tooltip-box .tooltiptext{
        top: 70% !important;
    }
    .agritek-logo .tooltip-box .tooltiptext::after {
        top: -26% !important;
    }
    .agritek-logo .arrow-left-after {
        top: -22% !important;
    }
    
    .mviqs-logo .tooltip-box .tooltiptext{
        top: 70% !important;
    }
    .mviqs-logo .tooltip-box .tooltiptext::after {
        top: -21% !important;
    }
    .mviqs-logo .arrow-left-after {
        top: -18% !important;
    }
    
    .hbc-logo .tooltip-box .tooltiptext::after {
        top: -18% !important;
    }
    .hbc-logo .arrow-left-after {
        top: -15% !important;
    }
}
/*
@media (max-width: 500px)
{
   .container {
        max-width: 450px;
    } 
}
*/
@media (min-width:320px) and (max-width:480px) { }
@media (max-width:440px) {
    .sol-title-bottom {
        padding-left: 30px;
        display: block;
    }
    .container{
        max-width: 370px;
    }
    .client-logos img.python {
        margin-bottom: 50px;
    }
}
/*
@media (max-width: 450px)
{
   .container {
        max-width: 400px;
    } 
}
*/
/* iPad & Small Tablet Landscape (1024 * 768)
============================================================== */
@media (min-width: 979px) and (max-width: 1200px) {

/*** Global CSS BOF ***/
.hidden-md { display:none !important; } /* hide in medium device */
h1, h2, h3, h4, h5, h6 { line-height:1.3; }
section { padding-top:70px; padding-bottom:70px; }
.bg-sec-count { display:none; }
.bg-seprator.skew-one::after { bottom:-140px; }
.bg-seprator.skew-four::before { height:680px; }
.section-shadow::before { bottom:80px; }
.bg-mark-letter { font-size:130px; }
.xs-max-width-auto { max-width:100%; }
.md-parallax-bg { height:600px; } /* apply this class when you want to fix section height in medium version */
.pad-100-all { padding:70px; } /* override full with section padding */

/*** WEBP Default Page (home1) CSS BOF ***/
.webpanda-default .webp-default-contact .icon-l { float:none; display:block; text-align:center; margin:0 auto 15px; }
.webpanda-default .webp-default-contact .yit-overflow { text-align: center; }

/*** WEBP Business Parallax (home4) CSS ***/
.webp-business-parallax .webp-business-banner .parallax-obj-triangle { width:80%; bottom:80px; }
.webp-business-parallax .webp-business-banner .parallax-obj-name { bottom:40%; width:80%; }
.webp-business-parallax .webp-business-banner .parallax-obj-bubble { bottom:30%; width:70%; }

/*** WEBP Business Parallax (home6) CSS ***/
.webp-creative-designer .webp-designer-cms .yit-accordion { margin-top:40px !important; }

/*** WEBP Creative Web Agency (home7) CSS ***/
.webp-creative-web-agency .webp-creative-web-banner .svg-curve.style-1 { bottom:0; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link { padding:20px 70px; }
.webp-creative-web-agency .webp-web-agency-about .video-outer-md { align-items: center; display: flex; height: 100%; }
.webp-creative-web-agency .webp-web-agency-about .video-outer { left:-40px; }
.webp-creative-web-agency .webp-web-agency-testimonial .yit-testimonial { float:none; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer-md { align-items: center; display: flex; height: 100%; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer { right:-40px; }

/*** WEBP Freelancer Page CSS BOF (homepage-8) ***/
.webp-freelancer .webp-freelancer-banner .yit-flex-h-center { justify-content:center; }
.webp-freelancer .webp-freelancer-cms .webp-freelancer-team-img { height:80vh; background-size:inherit; }

/*** WEBP Startup Page CSS BOF (homepage-10) ***/
.webp-startup .webp-startup-parallax .data-parallax-effect { max-width:100%; right:0; }

/*** WEBP Digital Marketings Page CSS BOF (homepage-11) ***/
.webp-digital-marketing .webp-digital-banner { height:100vh; }

/*** WEBP Startup Onepage (home12) CSS ***/
.webp-startup-onepage .webp-startup-contact .google-map { height: 719px; }

/*** WEBP App Onepage CSS BOF (homepage-15) ***/
.webp-app .app-feature-content:hover .app-feature-list [class*="item-"] { transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; }

/*** WEBP App Onepage CSS BOF (homepage-16) ***/
.webp-seo .webp-seo-about .yit-feature .yit-feature-item h6 { font-size:1.03rem; }

/*** WEBP Personal Portfolio CSS BOF (homepage-18) ***/
.webp-personal .webp-personal-about .img-frame { top:45px; }
.webp-personal .webp-personal-service .service-intro::after { display:none; }
.webp-personal .webp-personal-service .service-intro, .webp-personal .webp-personal-service .service-listing { height:auto; }
.webp-personal .webp-personal-service .service-listing { margin-top:0; }

} /* landscape media close */

/* Small Tablet Landscape (980 * 1023)
============================================================== */
@media (min-width: 980px) and (max-width:1023px) {

/*** WEBP Business Parallax (home4) CSS ***/
.webp-business-parallax .webp-business-banner .parallax-obj-triangle { width:80%; bottom:20%; }
.webp-business-parallax .webp-business-banner .parallax-obj-name { bottom:40%; width:80%; }
.webp-business-parallax .webp-business-banner .parallax-obj-bubble { bottom:30%; width:70%; }

/*** WEBP Web Agency Onepage CSS BOF (homepage-13) ***/
.webp-branding-onepage .webp-branding-counter .counter-item { height:100%; }
} /* custom landscape medic close */

/* Large Device (1200 * 1920)
============================================================== */
@media (min-width:1200px){
.hidden-lg { display:none !important; }
}
/*
@media (max-width: 400px)
{
   .container {
        max-width: 350px;
    } 
}
*/
@media (max-width:386px) { 
    .tooltip-box .tooltiptext, .tooltip-down .tooltiptext-down {
        top: 68% !important;
    }
    .tooltip-down .tooltiptext-down::after, .tooltip-box .tooltiptext::after, .arrow-left-after{
        display: none;
    }
    .container{
        max-width: 350px;
    }
}

@media (max-width:375px) { 
    .slide-left{
        right: 60px;
    } 
    .slide-right {
        right: 40px;
    }
    .slider-wrapper{
        margin-right: -40px;
        margin-left: -40px;
    }
    .slick-slide img {
        width: 300px;
    }.slick-slide {
        margin: 0px 5px;
    }
    .project-title {
        padding: 40px 30px;
    }
    .rocket-right-1 {
        right: 0px;
        top: -50px;
    }
    .rocket-bottom-left {
        left: 0px;
        bottom: 20px;
    }
    .circle-big-right {
        top: -85px;
        left: 0px;
    }
    .border-left-line2, .proj-right-line1{
        display: none;
    }
    .border-left-line1, .border-left-line11 {
        margin-left: 40px;
    }
    .container{
        max-width: 320px;
    }
    .crypto-currency .crypto-currency-header .yit-nav .navbar {
        padding: 5px 5px 5px 15px !important;
    }
    .contact-info {
        margin-top: 20px !important;
    }
    .gmap_canvas{
        height: 350px !important;
    }
    .form-sendmsg div.send-us {
        font-size: 30px;
    }
    .work-at h1{
        font-size: 27px;
    }
    .company-who h1{
        margin-bottom: 15px;
        font-size: 20px;
    }
    .solutions-tab .nav-tabs{
        display: flex; 
    }
    a.nav-link {
        font-size: 13px;
    }
    .banner-py p {
        font-size: 15px;
    }
    .banner-py h1 {
        font-size: 30px;
    }
    .banner-py div.we-transform {
        font-size: 30px;
    }
    .tooltip-hover .tooltiptext {
        top: 70%;
    }
    .xs-tip{
        top: 130% !important;
    }
    .third-row {
        top: 60% !important;
    }
    .fourth-row {
        top: 40% !important;
    }
}