/* home page css */
.kavs-footer-subscribe.mobile {
    display: none;
}

.kavs-footer-country ul.mobile-section {
    display: none;
}

.what-we-do .what-we-do-inner {
    display: none;
}

@media only screen and (max-width:1024px) {

   /* header .headerFixed nav ul {
        display: none;
    }

    .headerFixed .beta_notify {
        font-size: 10px;
    }

    header .headerFixed .logo {
        top: 20px;
        left: 10px;
    }

        header .headerFixed .logo img {
            width: 60%;
        }

    header .headerFixed nav {
        position: relative;
        top: 20px;
    }*/

    .banner .item .banner-txt h1 {
        font-size: 2rem;
    }

    .banner .item .banner-txt h2 {
        font-size: 5rem;
    }

    .banner .item .banner-txt .btn-wrap {
        display: none !important;
    }

    .container.slideDots {
    }

    .banner-thumb.carousel-indicators {
        width: 100%;
    }

    .platform ul {
        display: inline-block;
    }

        .platform ul li {
            width: 35%;
            display: inline-block;
            margin: 20px 0 10px;
            padding: 0;
            vertical-align: middle;
        }

            .platform ul li img {
                width: auto;
                max-width: 100%;
                height: auto;
                padding: 10px 0;
            }

    #how-to-do-it {
        clear: both;
    }

    .our-client .our-client-inner .our-client-tab ul li.active span:before {
        width: 10px;
        height: 10px;
        border: solid #ffc906 2px;
        margin-left: 20px;
    }

    .our-client .our-client-inner .our-client-tab ul li.active:after {
        display: none;
    }

    .our-client .our-client-tab ul li.active span {
        font-size: 10px;
    }
    footer,.footer-2{background: #404040;}
    footer > .container {
        display: inline-block;
        width: 100%;
        float: left;
    }

    #footer-main .container .footer-left {
        width: 100%;
        float: left;
        padding: 0 0 30px;
    }

    .footer-content-main-left {
        border-right: 0px;
        padding-right: 0px;
        float: left;
        border-bottom: 2px solid #ffc906;
    }

    #footer-main .container .footer-right {
        width: 100%;
        float: left;
    }

        #footer-main .container .footer-right .footer-content-main-right {
            padding-left: 0px;
        }

    .kavs-footer-country ul {
        width:50%; float: left;
    }

    .kavs-footer-country ul {
        margin-top: 0px;
    }

        .kavs-footer-country ul li {
            width: 100%;
            float: left;
            font-size: 1.2rem;
            font-weight: 600;
            padding-bottom: 10px;
            letter-spacing: 1.5px;
            padding-right: 10%;
            font-family: 'Poppins', sans-serif;
        }
       
  .kavs-footer-country2 ul li{font-size: 1.2rem;       width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;}  
    .kavs-footer-subscribe.mobile {
        width: calc(100% -40px);
        float: left;
        background-color: #fff;
        padding: 20px 20px;
  
    }

        .kavs-footer-subscribe.mobile .get-market {
            color: #4a4a4a;
            margin: 0px;
            width: auto;
            font-size: 2.2rem;
        }

            .kavs-footer-subscribe.mobile .get-market span {
                color: #aaa;
            }

    .kavs-footer-subscribe.desktop { padding:0;

    }

    .kavs-footer-subscribe.mobile .form-kavs .form-in {
        width: 100%;
        font-size: 18px;
        border: 1px solid #aaa;
        margin: 20px 0px;
    }

    .kavs-footer-subscribe.mobile .form-but {
        margin-left: 0px;
    }

    #footer-main {
        padding: 20px 25px 0;
    }

    .footer-content-main-left p {
        font-size: 1.8rem;
        width:auto;
        padding:0;
    }

    .about-fon {
        font-size: 3.5rem;
        margin-top: 10px;
        text-align: left;padding: 0;
    }

    .social-content h3 {
        font-size: 2.2rem;width: 50px;    padding-right: 0;
    }

    .footer-content-main-right  .social-content {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-content-main-right {
        width: 100%;
        padding: 20px 0px;
        padding-right: 0px;
        font-size: 16px;
        line-height: 32px;
        text-align: left;
        height: auto;
        margin: 10px 0px;
        margin-left: 0px;
        min-height: 300px;
    }
    .kavs-footer-country {
        padding:30px 0 10px ;
        width: 100%;overflow: hidden;margin-top: 0;
    }
    .kavs-footer-subscribe h3{font-weight: bold;
        text-align: center;
        width: auto;
        width: 100%;
        padding-right: 0;
        margin-top: 38px;    font-size: 2.7rem;
        float: left;
        text-transform: capitalize;
        font-family: 'Poppins', sans-serif;
        float: left;}
        .form-kavs {
            width: 100%;
            height: auto;
            float: left;display: flex;
            justify-content: center;
        }
        
        .form-in {
            width: calc(108% - 182px);
            background-color: white;
            border: 0px;
            padding: 10px 45px 10px 10px;
            text-align: left;
            float: left;
            height: 50px;
            color: #373737;
            font-family: 'Poppins', sans-serif;
        }
        
        .form-but {
            width: 49%;
            border-radius: 25px;
            text-align: center;
            color: #000;
            padding: 0px 11px;
            font-family: 'Poppins', sans-serif;
            height: 50px;
            margin-left: -40px;
            background-color: #ffc906;
            font-weight: bold;
            border: 0px;
        }
      
    .footer-content-main-right .kavs-footer-country ul {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    .footer-content-main-right .kavs-footer-country ul li {
        width: 50%;
        float: left;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    #footer-main .desktop-terms-and-condition {
        margin-bottom: 40px;
    }
    #footer-main .col-lg-6{width: 100%;}
    .kavs-footer-country ul.mobile-section {
        display: block;
    }
    .footer-pri a {
        color: #fff;
        font-size: 15px;
        float: left;
        width: 100%;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;line-height: 1.6;
        padding-right: 0px;display: block; text-align: center;
        clear: both;
    }
    .footer-text-copy-pri{    margin-left: 0;}
    .footer-2 .container .footer-logo {
       
    }

    .footer-2 .container .footer-content {
        
    }
    .footer-new-img{margin: 10px auto; float: none;    display: inline-block; }
    .footer-2 .col-lg-1{width: 100%; text-align: center;}
    .footer-2 .container .footer-content-sec {
        display: block;
        width: 100%;
    }
    .footer-2 .col-md-5{    width: 100%;}
    .footer-2 .col-md-6 {
        width: 100%;
    }
    .footer-copy-text-new {
        padding-right: 10%;
        float: left;
        text-align: center;
        width: 100%;
        padding-top: 3%;
    }
    .footer-text-copy {
        color: white;
        margin-top: 18px;
        width: 100%;
        float: left;
    }
    .text-footer-n {
        padding-left: 0;
        height: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; text-align: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer-text-copy {
        font-size: 1.8rem;
        margin: 10px auto;
        max-width: calc(100% - 50px);
        float: none;
    }

    .nicescroll-rails.nicescroll-rails-hr {
        display: none !important;
    }
button{-webkit-appearance: none;}
    .footer-2 {
        width: 100%;padding-bottom: 20px;
    }

    .form-kavs .arrow-bg-btn:after {
        right: 14px;
    }
 
    section.story {
        display: flex; flex-direction: column-reverse;
        width: 100%;
        float: left;
        height: auto !important;
    }

        section.story .story-rt, section.story .story-lt {
            display: inline-block;
            width: 100%;
            float: left;
        }

        section.story .story-rt {
            height: auto;
        }

    .revenue {
        display: inline-block;
    }

        .revenue .revenue-lt, .revenue .revenue-rt {
            display: inline-block;
            width: 100%;
            float: left;
        }

        .revenue .bdr {
            display: none;
        }

        .revenue .revenue-lt .revenue-inner .revenue-inner-pad {
            width: 100%;
            margin: 0px;
            padding: 0 20px 30px; overflow: hidden;
        }

    .revenue-inner-pad h2 {
        width: 100%;
        float: left;
        font-size: 24px;
        text-align: center;
        color: #aaa; line-height:1.2;
        padding: 20px 0px;
    }

        .revenue-inner-pad h2 span {
            color: #4a4a4a;
        }

    .revenue .revenue-lt p {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
    }

    .revenue .revenue-rt .box {
        height: 200px;
    }

    .what-we-do {
        width: 100%;
        float: left;
        padding: 0;
    }

    /*.close-pop {
        right: 10px;
        top: 10px;
    }
*/
    /*.main_menu > ul {
        height: 320px;
        overflow: scroll;
        width: 100%;
        top: 50%;
    }

        .main_menu > ul > li > a {
            font-size: 25px;
        }

        .main_menu > ul > li {
            padding: 0px 0px;
        }

            .main_menu > ul > li ul li {
                padding: 0px 0px;
            }*/

    .what-we-do .what-we-tab-content {
        width: 100%;
        overflow: hidden;
    }

 

        .what-we-do .what-we-tab-content p {
            width: 100%;
            float: left;
            padding: 0;
        }

    .story .story-rt .story-rt-inner .story-rt-inner-pad {
        padding: 20px;
    }

    .arrow-bg-btn {
        width: 182px;
           padding: 4px 14px;
    text-align: center;
    }
.what-we-do .what-we-tab .arrow-bg-btn:after{    top: 7px;}
    .story-rt-inner-pad .arrow-bg-btn {
        padding: 5px 14px;
    }
    .client-desc-det .arrow-bg-btn{    padding: 0.3125rem 2.4rem 0 0;}
    .story .story-rt .arrow-bg-btn:after {
        top: 8px;
        right: 23px;
    }


    .revenue .revenue-rt .box p {
        font-size: 12px;
    }

    .platform p {
        font-size: 12px;
        line-height: 1.7;
        margin: 19px 0px;
    }

    .our-client {
        width: 100%;
        float: left;
    }

    .our-client {
        width: 100%;
        float: left;
        padding: 0px;
    }

        .our-client h2 {
            padding-bottom: 25px !important;
            padding-top: 25px !important;
        }

    .banner .item .banner-txt {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .banner-thumb li:after {
        top: 3px;
        left: -7px;
    }

    .our-client .our-client-inner {
        display: inline-block;
        width: 100%;
        float: left;
    }

        .our-client .our-client-inner .our-client-tab {
            width: 100%;
            float: left;
            padding: 0px;
        }

        .our-client .our-client-inner .our-client-content {
            width: 100%;
            float: left;
            height: 280px;
        }

            .our-client .our-client-inner .our-client-content .tab-item .tab-item-inner .img {
                background-size: contain;
            }


    .section.revn {
        padding: 35px 0px;
    }



    .banner .item {
        background-position: left;
    }

    .platform {
        width: 100%;
        float: left; background: #ededed;
    }

    #kavs-ind-get-in-touch .container-fluid {
        width: 100%;
        margin: 0;
    }

    .main-form-get-in-touch {
        width: 100%;
        padding: 20px 20px;
    }

        .main-form-get-in-touch .col-lg-6 {
            width: 100%;
        }

        .main-form-get-in-touch input {
            width: 100%;
            margin-left: 0;
            margin-bottom: 10px;
            font-size: 16px;
        }

    .get-in-touch-form-main h1 {
        font-size: 24px;
    }

    .get-in-touch-form-main #kavs-contact-btn {
        margin-left: 0px;
        margin-top: 10px;
        font-size: 18px;
        float: left; display:block;
    }



    .what-we-do-inner .slick-prev.slick-arrow, .what-we-do-inner .slick-next.slick-arrow {
        display: none !important;
    }

    .what-we-do-inner .slick-dots { text-align:center;
        
    }
        .what-we-do-inner .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }
            .what-we-do-inner .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                width: 8px;
                height: 8px;
                padding: 1px;
                cursor: pointer;
                color: transparent;
                border: 0;
                border-radius:10px;
                outline: none;
                background:#d8d8d8;
            }
            .what-we-do-inner .slick-dots li.slick-active button {
            
                background: rgba(0,0,0,0.8);
            }
    .what-we-do-inner .slider .content {
        font-size: 12px;
        
    }

    .what-we-do h2 {
     
        padding: 30px 0;
    }
    .banner .item{position:static;}
    .what-we-do-inner .slider .image {
    }

    .what-we-do .what-we-do-inner {
        display: none;
        padding: 0px 20px;
    }

    #how-to-do-it .col-md-4, #how-to-do-it .col-lg-4 {
        width: 100%;
    }

    .box-content-revenue {
        padding: 25px 25px !important;
        height: auto;
        min-height: 0px;
    }

    .platform ul {
        text-align: center;
    }

        .platform ul li {
            width: 35%;
            float: none;
        }

    /*header .headerFixed .ico-menu {
        margin-right: 14px; top: 3px;
    }*/
    #herobanner{height:420px !important;}
}
}

@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
   /* header .headerFixed .logo {
        top: 5px; 
    }

    header .headerFixed nav {
        top: 5px;
    }

    .main_menu > ul {
        height: 320px;
        overflow: scroll;
        width: 100%;
        top: 60%;
    }*/
}
header .headerFixed.fixed .beta_notify{ display: none;}
header .headerFixed.fixed{    padding-top: 1.8rem;  height: 82px;}
.slick-prev,.slick-next{background: none; position: absolute; color: transparent; outline: none;    font-size: 0px;}
.slick-prev{left: 0; top: 20px; width: 0; height: 0; border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 15px solid #ffc905;border-left: none; }
.slick-next{ right: 0; top: 20px; width: 0; height: 0; border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 15px solid #ffc905;border-right: none;}
.slick-dots{ text-align: center;}
.slick-prev.slick-disabled{border-right: 15px solid #dedede;}
.slick-next.slick-disabled{border-left: 15px solid #dedede;}
.our-client .our-client-inner .our-client-tab ul li{ width: auto; padding: 0 10px;    display: inline-block;}

        .our-client .our-client-inner .our-client-tab ul li:hover{margin-left: 0;}

@media all and (max-width:767px){
    .our-client .our-client-inner .our-client-tab{max-width: 100%; }
    .our-client .our-client-inner .our-client-tab .our-client-tab-inner{max-width: 100%;      float: left;}
    .our-client .our-client-inner .our-client-tab ul li{      font-size: 2rem;     float: left;     padding: 0 10px !important; min-height: 46px;       margin:0 !important;}
        .our-client .our-client-inner .our-client-tab ul li span:before{margin-right: 10px; vertical-align: middle;}
        .our-client .our-client-inner .our-client-content{width:100%;  height: auto;}
     
            .our-client .our-client-inner .our-client-tab ul li.active span:before{    width: 12px;
                height: 12px;
                border: solid #404040 2px;
                margin-left: 12px;}
                .our-client .our-client-tab ul li.active span {
                    font-size: 1.8rem;
                }
                .story .story-rt h3{font-size: 3rem;    line-height: 1.2;}
                .story .story-rt p{font-size: 2rem;   line-height: 1.5;}
                .arrow-bg-btn{    font-size: 2.5rem;}

                .banner-thumb{font-size: 3.8vw;line-height: 1.5;}
                    .banner-thumb li{margin: 0px 4vw;margin-bottom: 10px;}
                    .banner-thumb{padding: 2rem 0 0;}
                    /*header .headerFixed .ico-menu{width: 40px; padding: 0 5px;  height: 19px;}
                    header .headerFixed .logo{ max-width: 64px; top: 20px;  left: 15px;}
                    header .headerFixed .logo img{    width: auto; max-width: 100%;}*/
                    .banner-thumb:before{    filter: blur(0px);}
                    .footer-content-main-left p{    text-align: left;}
                    .story .story-lt ul li{    margin: 0px 0px;}
                    .story-lt{ padding:35px 0;}
                    .footer-2 .container{    width: auto; padding: 0 20px;     margin-left: 0;}
                    .footer-copy-text-new{    padding-right: 0;    float: none;   width: 100%;  padding-top:0;}
                   
                    header .headerFixed.fixed{height: 61px;   padding-top: 15px;}
                    .what-we-do .what-we-inner {      flex-direction: column-reverse; }
                    .what-we-do .what-we-tab{    width: 100%; margin-top: 50px;}
                    .what-we-do .what-we-tab .what-we-tab-inner{max-width: 100%; width: 100%;}
                    .what-we-do .what-we-tab ul li{ width: auto; display: block; }
                    .what-we-do .what-we-tab ul{display: block; }
                    .slider-what-we-do-thumb .slick-list,.slider-our-client-thumb .slick-list{overflow: hidden;  max-width: calc(100% - 86px);margin: 0 auto;}
                    .what-we-tab li span{ padding: 0 10px; font-size:16px;}
                    .what-we-tab li.active span:after{  content: '';   display: block;    width: 100%; height: 2px;   background: #ffc906;    position: static;}
                    .what-we-do .what-we-tab ul li.active:after{ display: none;}
                    /* .our-client .our-client-inner .our-client-tab ul li.slick-current{    color: #000; font-weight: 600;} */
                    .our-client .our-client-inner .our-client-tab .slick-dots li{ float: none;}
                    .slick-dots li button{    width: 12px;  transition: all .5s ease-in-out;  background:#d8d8d8; height: 12px; color: transparent; font-size: 0px;    border: solid transparent 3px;
                        padding: 0;  position: relative;   border-radius: 100%;  top: -1px; left: 0;  margin-right: 0;   }
                        .slick-dots li{    padding: 0 10px;}
                        .slick-dots{text-align: center;}
                        .what-we-do .what-we-tab ul.slick-dots{position: absolute; width: 100%; top: -45px; left:0;}
                        .what-we-do .what-we-tab ul.slick-dots li{float: none; display: inline-block; padding:5px;}
                        .what-we-do .what-we-tab ul li:hover{    margin-left: 0;}
                        .slick-dots li.slick-active  button{width: 18px;  height: 18px;   border: solid #ffc906 3px; background: #fff;}
                        .what-we-do .what-we-tab-content .tab-item .txt img{margin: 46px auto 26px;}
                        .what-we-do .what-we-tab-content .tab-item .txt{padding: 0 12%;}
                        .what-we-do .what-we-tab-content h3{font-size: 25px; margin: 30px 0 10px;font-family: 'Poppins-medium';}
                        /*.what-we-do .what-we-tab-content p{font-size: 1.8rem;}*/
                        .what-we-do .what-we-tab .arrow-bg-btn{    top: 0; position: relative;margin: 25px auto;display: block;}
                        .what-we-do{ background: #fff;}
                        .our-client{ background:#fff; }
                        .our-client .our-client-inner{padding-bottom: 0;}
                        .our-client .our-client-inner .our-client-content .tab-item .tab-item-inner{height: auto;}
                        .our-client .our-client-inner .our-client-content .tab-item{height:auto; position: static; }
                        .our-client .our-client-inner .our-client-content{min-height: 100px;}
                        .our-client p{margin: 0 0 10px;   padding: 0 30px;}
                        .our-client p,.platform p{     font-size: 1.6rem;    line-height: 1.5;}
                        .blog-content-m{ display: block; height: 100%;}
                        .blue-text-revenue{ color:#fff;}
                        .blog-content-m a{display: block; text-decoration: none; background: rgba(0,0,0,0.2); color: #fff;  padding:30px !important; height: 100%;}
                        .blog-content-m h3{color: #fff; font-size: 2.5rem;}
                        .box-content-revenue{display: none;}
                        .box-content-revenue-im{min-height: 0px; margin-bottom: 1px;}
                        .our-client .our-client-inner .our-client-tab ul button{    top: 8px;}
                        .revenue .revenue-rt{background: #fff;border-bottom:1px solid #e0e0e0 ;      border-left:none;}
                        .revenue .revenue-rt > div{    border-top:1px solid #e0e0e0 ;}
                        .what-we-do .what-we-tab ul li{    font-size:1.8rem; }
                        .what-we-do .what-we-tab ul li> span{   margin: .9rem 0; }
               
                        .what-we-do .what-we-tab ul li{min-height: 40px;}
                        .what-we-do .what-we-tab ul li.active span, .our-client .our-client-tab ul li.active span{  /*font-size: 1.8rem;*/ font-size:17px; margin: 0;}
                        .what-we-do .what-we-tab ul li span b{display: none;}
						.form-but{width: 61%;}
						.form-in{    width: calc(108% - 111px);}
						
                    }
@media all and (min-width:768px) and (max-width:1024px) {
	/*header .headerFixed{padding: 15px 0 0;}
	header .headerFixed .logo:hover {   top: 20px;}
	header .headerFixed .logo{ top: 32px;}
	header .headerFixed.fixed {padding-top: 0;height: 52px;}
    header .headerFixed.fixed .logo{ padding-top: 0; height: 52px;    top: 11px;}
	header .headerFixed.fixed nav{top: 0;}*/
	.revenue .revenue-lt .revenue-inner{ margin:0 auto; float:none;}
	.revenue .revenue-rt .box p{    padding-top: 1.4375rem;}
	.revenue .revenue-rt .box{border-bottom: solid #e0e0e0 1px;padding: 1.6rem 1.875rem;}
	.revenue .revenue-rt{border-top: solid #e0e0e0 1px;}
	.story .story-rt .story-rt-inner .story-rt-inner-pad{  max-width: none; }
	.story-rt-inner-pad .arrow-bg-btn{text-align: center;}
	.story .story-rt .arrow-bg-btn:after{    top: 7px;  right: 26px;}
	.what-we-do .what-we-tab-content{    width: 60%;}
	.what-we-do .what-we-tab .what-we-tab-inner{    max-width: calc(100% - 20px);}
	.what-we-do .what-we-tab ul li{margin: 4px 0;}
	.what-we-do .what-we-tab-content h3{margin: 7px 0;}
	.what-we-do .what-we-tab-content p{line-height: 1.5;}
	.arrow-bg-btn{    text-align: center;padding: 4px 14px;}
	.our-client .our-client-inner .our-client-content{min-height: 0px;}
	.our-client .our-client-inner{  padding-bottom: 0;}
	.our-client .our-client-tab ul li.active span{    font-size: 14px;}
	.get-in-touch-form-main #kavs-contact-btn{display:block;}
	.revenue .revenue-rt{    background: #fff; border-left:none;}
  
}