@media screen and (min-width: 768px) and (max-width: 1023px) {
    .hide-sm{display: none;}  
    .visible-sm{display: block;}  
    .width-50per{width: 100% !important;}
    .flup-logo-tab >.col-xs-3{
        width: 20% !important; 
    }
    .flup-logo-tab >.col-xs-9{ 
        width: 80% !important;  
    }
    #flup-popup .modal-content{
        width: 550px;
        margin: auto;
    }
    #testimonials-video .video-wrapper video{ 
        width: 500px;
    }
    .fixed-right-btn{right: -76px;}
    .benefit-wrapper-bg{
        padding: 0 0 !important;
    }
    .android-banner .container h1{
        font-size: 40px !important;
        font-weight: 600;
    }
    h2.bold{
        font-size: 32px !important;
        font-weight: 600;
    }
    h2.bold span{
        font-size: 32px !important;
    }
    h2+p{
        margin-top: 0;
    }
    ul.breadcrumb{
        margin-bottom: 0;
            display: none;
    }
     .mobile{
            left: 30% !important;
        top: 40% !important;
    }
    
    .home-portfolio{
        height: 600px !important;
    }
    .project-clip{
        width: 100%;
    }
    .portfolio-right{
        left: 0;
        top: 0;
    }
    li.contact{
        padding: 17px 0 !important;  
    }
    li.contact a{
        color: #000; 
    }
    .fluper-whitebox h3 {
        line-height: 25px;
        font-size: 18px;
    }
    .icon-box label{
        font-size: 10px !important;
    }
    .icon-box-cell .text-s {
        line-height: 1.5;
        font-size: 8px !important;
    }

    
    /*top-apps*/
    ul.benefits li {
        float: left;
        margin-top: 25px;
        margin: 0 5px;
        margin-bottom: 25px;
    }
    ul.benefits li h1.nos{
        font-size: 32px;
    }
    ul.benefits li p{
        font-size: 16px;
    }
    ul.benefits li h1.nos span{
        font-size: 20px;
    }
    /*top-apps*/

    /*portfolio*/
    .onepage-pagination{width: 20% !important;}
    .main section{
        display: flex;
        align-items: center;
    }
    .main section > img{display: none;}
    .main section .page_container{
              /* left: 25%;
    top: 17% !important;*/
    /* margin: 10px 185px 0 !important; */
    max-width: 360px !important;
    }
    .main section.page1 .page_container{
            /*top: 20% !important;*/
            top: -10% !important;
    margin: 0 auto;
    left: 5%;
    }
    .main section .page_container h1{
        font-size: 36px !important;
    line-height: 50px !important;
    }
    .onepage-pagination li a:before{
        left: 25%;
    }
    .onepage-pagination li a{font-size: 16px !important;}
    .onepage-pagination li a.active:after{left: 20px;}
    .main section .page_container h2{
        font-size: 30px !important;
    }
    .main section.page2 {
        background-position: bottom left;
    }
    .main section .page_container .flex >div p.stats{
        font-size: 26px !important;
    }
    .main section .page_container .flex >div p.stats-title{
        font-size: 14px !important;
    }
    .main section .page_container h2{
        /*line-height: 50px !important;*/
    }
    .onepage-pagination li a{
        padding: 30px;
    }
    .main section.page2.quote .page_container{
                margin-left: 25% !important;
    /* width: 700px !important; */
    max-width: 500px !important;
    /*top: 20%;*/
    top: 0%;

    }
    .main section.page2 .page_container{
        margin-left: 25% !important;
    /* width: 700px !important; */
    max-width: 360px !important;
        top: -5%;
    }
    .main section.page2.quote .flup-contact-wrapper.contact-page-mob{
            min-height: 200px !important;
    }
    .main section.page2{
        background-position: center center!important;
    }
    .main section >a img{
        width: 210px;
        right: 5px !important;
    }
  /*  body .onepage-pagination{
            background: #f73847 !important;
    }*/
    /*portfolio*/

}
@media screen and (min-width: 791px) and (max-width: 1024px) {  
   
    #flup-popup .modal-content{
        width: 550px;
        margin: auto;
    }
    #testimonials-video .video-wrapper video{
        width: 500px;
    }
    .flup-top-heading{padding: 0 75px;}
    .android-icon-wide{
        width: 30px;
    }
    section.img-bg ul li> div{
        margin-left: 80px;
    }
    .top-rated .tab-box .nav-tabs li.active img{
        display: none !important;
    }
    .matrix .flup-hire-box{
      
        margin: 20px auto !important; 
    }
    .fluper-whitebox h3 {
        line-height: 25px;
        font-size: 18px;
    }
    .text-xl{font-weight: 600;}
    #flup-header .flup-link-btn.flup-btn{
        font-size: 16px !important;
    }

}
@media (max-width: 1000px) {
    .hide-sm{display: none;} 
    
    .hide-xs{display: none !important;}
    #flup-header .nav li a{padding: 10px 7px !important;}
    li#techstack{display: none;}
    /*li#top-apps{display: none !important;}*/
    /*li#flup-contact-phone{display: none !important;}*/
    ul#flup-contact-nos li{padding: 0 3px; font-size: 15px;}
    ul#flup-contact-nos li >a{font-size: 15px;}

    

}

@media (min-width: 1024px) {
    .hide-sm{display: block;} 
     .hide-md{display: none;} 
    .portfolio-right {
        top: 10%;
        right: 12%
    }
    .text-xl{font-weight: 600;}
    
.mobile {
        left: -390px!important
    }
    h1.text-center {
        /*color: #ff000b;*/
    }
    
  
  
    .main section.page2 .page_container, .main section.page3 .page_container{
        /*margin: 50px 350px 0 !important; */
        max-width: 450px;
    }
  
    
    .main section .page_container h1 {
                font-size: 50px !important;
    /*line-height: 65px !important;*/
    }
    .contact-btn div >a{font-size: 20px;

    }

    .main section .page_container{
          /*  top: 22% !important;
        left: 40%;
        transform: translate(-50%);
        max-width: 500px;*/
    }
    .main section .page_container .flex{
        /*flex-wrap: unset;*/
    }
    .main section .page_container .flex >div p.stats{
                font-size: 35px !important;
    }
    .main section .page_container .flex >div p.stats-title{
        font-size: 16px !important;
    }
    .appi-cta a, .appi-cta .button{
        z-index: 100; 
    }

}



@media (min-width: 1200px) {
    
    .mobile {
        /*left: -178px!important*/
        right: 235px!important
    }
    .portfolio-right {
    right: 55px!important;
}
}

@media (max-width: 1200px) {
    .flup-form-bar-l-wrapper {
        padding: 0 10px;
        /*margin: 10px -58px 0*/
    }
    .flup-form-bar-l label a {
        font-size: 15px
    }
    .flup-form-bar-l .icon-box-cell img {
        width: 40px
    }
    div.arrow {
        width: 250px!important
    }
    .mobile {
            left: -700px!important;
    width: 430px;
    }
    .flup-abt-head {
        margin-left: 200px
    }
    .fluper-domain {
        background-position: -340% 0
    }
    #flup-auto-video >video {
        max-width: 600px
    }
    #brands-header {
        visibility: hidden
    }
    ul.footer-partners li {
        padding-right: 10px
    }
    #flup-suggestion.flupcontact-up-r {
        display: none;
    }
    .flupcontact-up-r {
        /*display: none*/
    }
    /*#flup-top-slide{
        height: 100vh;
    }*/
}

@media only screen and (min-width: 1290px) {
   /* #flup-top-slide{
        height: 100vh;
    }*/

}

@media screen and (min-width: 1290px) and (max-width: 1296px) {
    /*#flup-top-slide{
        height: 80vh;
    }*/
    
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {  
    .main section .page_container h1{
        font-size: 40px !important;
        line-height: 60px !important;
    }
    .main section .page_container{
        max-width: 400px !important;
        margin-left: 20%;
        top: 20% !important;
    }
    .main section.page1 .page_container{
        top: 30% !important;
    }

    .main section >a img{
            right: 25px;
    transform: translateY(120px);
        width: 250px;
    }
      .onepage-pagination li a{
        font-size: 18px;
        padding: 30px;
    }
     .main section > img {
        /*right: 25px !important;*/
            right: 25px;
        transform: translateY(120px);
        width: 250px;
    }
    .main section .page_container h2{font-size: 35px !important; line-height: 1 !important;}
    .main section.page2.quote .page_container{
        margin: 0 auto;
    }
    .main section.page2.quote .flup-contact-wrapper.contact-page-mob{
        margin: 50px auto !important;
        max-width: 700px !important;
    }
    .main section.page2.quote .flup-contact-wrapper.contact-page-mob >.flup-form-bar-l-wrapper{
            margin: 0 !important;
    }
    .main section.page2.quote .page_container{
            transform: translate(50%);
    left: -30%;
    width: 700px !important;
    max-width: 900px !important;

    }
   
}


@media (max-width: 1296px) {
    #flup-auto-video >video {
        /*max-width: 600px;
        width: 600px;
        height: 683px*/
    }
    .flup-tab-bg {
        background-position: -650% 0
    }
    .flup-life {
        background-position: -750px 0
    }
   
}

@media (min-width: 1300px) {
    .portfolio-right {
        right: -10px
    }
    .flup-abt-head {
        margin-left: 175px
    }
    .fluper-domain {
        background-position: -170% 0
    }
    #flup-auto-video >video {
        max-width: 700px;
        width: 700px
    }
    .flup-tab-bg {
        background-position: -350% 0
    }
    .flup-life {
        background-position: -750px 0
    }
    .flup-life .flup-life-wrapper {
        transform: translate(0, 20px)
    }
    .portfolio-right {
    right: -10px;
}
    /*#flup-top-slide{
        height: 90vh;
    }*/
}

@media (min-width: 1440px) and (max-width: 1900px) {
    div.arrow {
        width: 250px!important
    }
    #index-portfolio .mobile {
        padding-left: 0
    }
    .portfolio-right {
        right: -25px
    }
    .mobile {
        left: -155px
    }
    .flup-abt-head {
        margin-left: 160px
    }
    #flup-auto-video >video {
        max-width: 700px
    }
    .flup-tab-bg {
        background-position: -115% 0
    }
    .main section.page2 .page_container{
        max-width: 550px !important; 
        width: 100% !important;
    }
    .main section .page_container >p{
        font-size: 20px;
    line-height: 30px;
    }
    .main section .page_container .flex{
        margin: 0px auto;
    }
    .app-btn{
        margin: 20px auto;
    }
    .app-btn div img {
        margin-right: 100px;
    }
    .main section > img{
        right: 110px !important;
    }
    .main section.page2.quote .flup-contact-wrapper.contact-page-mob {
        margin: 0px 0 0 250px;
        padding: 30px 10px;
    }
    .main section.page2.quote .page_container{
        width: 1100px !important;
        max-width: 1100px !important;
    }
    .main section.page2.quote .flup-contact-wrapper.contact-page-mob{
        margin: 50px auto !important;
        max-width: 700px !important;
    }
    .main section .page_container{
        width: 450px;
        margin-left: 20%;

    }
    .main section.page1 .page_container{
            top: 30% !important;
    max-width: 600px !important;
    width: 600px;
    }
}

@media (min-width: 1600px) {
    .flup-abt-head {
        margin-left: 135px
    }
    .mobile {
        left: -185px
    }
    .project-clip {
        /*left: 20%*/
        left:0;
    }
    .portfolio-right {
        right: 155px
    }
    .fluper-testimonial {
        background-position: -80% 0
    }
    .fluper-domain {
        background-position: -95% 0
    }
    .flupbanner-fixed-content {
        margin-left: 315px!important
    }
    .flupbanner-fixed-content >h1 {
        font-size: 70px
    }
    .scroll_page .page .content .con-right .text h4 {
        color: #fff;
        font-weight: 900;
        line-height: 60px!important;
        font-size: 46px!important;
        margin-top: 30px;
        margin-bottom: 15px
    }
    .scroll_page .page .content .con-right .text p {
        line-height: 38px!important;
        font-size: 25px!important
    }
    /* #flup-top-slide{
        height: 80vh;
    }*/
    .main section .page_container{
          /*  left: 40%;
    top: 30% !important;*/
    max-width: 600px !important;
    }
    .main section > img{
            right: 250px !important;
    transform: translateY(200px) !important;
    }
    .main section .page_container h1{
        font-size: 60px !important;
       /* line-height: 1 !important;*/
    }
    .onepage-pagination li a {
        font-size: 25px !important;
    }
  
    .onepage-pagination li a{
        padding: 45px !important;
    }
    .main section >a img {
        right: 250px !important;
        transform: translateY(200px) !important;
    }
    .main section .page_container h2{
        font-size: 45px !important;
            margin-bottom: 15px;
                line-height: 1;
    }
    .main section.page2 .page_container{
            max-width: 600px !important;
        margin-left: 22% !important;
    }
    .main section .page_container >p{
        font-size: 23px;

    }
    .main section .page_container .flex{
        margin: 10px auto;
    }
    .main section .page_container .flex div>figure{
        margin: 20px auto;
    }
    .app-btn{
        margin: 20px auto;
    }
    .app-btn div img {
        margin-right: 100px;
    }
    .contact-btn div >a{
        font-size: 23px;
    }
    .contact-btn{
        margin: 40px auto !important;
    }
    .main section .page_container .flex >div p.stats{
        font-size: 60px !important;
    }
    .main section .page_container .flex >div p.stats-title{
        font-size: 20px !important;
            margin-top: 15px !important;
    }
}

@media (min-width: 1900px) {
    .flup-abt-head {
        margin-left: 85px
    }
    .portfolio-right {
        right: 100px
    }
    .fluper-testimonial {
        background-position: -15% 0
    }
    .fluper-domain {
        background-position: -50% 0
    }
    #flup-auto-video >video {
        max-width: 900px
    }
    .flup-tab-bg {
        background-position: -20% 0
    }
    .flup-life {
        background-position: -1075px 0
    }
    .flup-tab-lined ul li {
        height: 660px
    }
    .flupcontact-up-r.career {
        transform: translate(500px, 225px)!important
    }
    .flup-life .flup-life-wrapper {
        transform: translate(0, 150px)
    }
    .flup-life {
        background-position: -575px 0
    }
    .right-400 {
        right: 800px!important
    }
    .scroll_page .page .content .con-right .text h4 {
        color: #fff;
        font-weight: 900;
        line-height: 60px!important;
        font-size: 46px!important;
        margin-top: 30px;
        margin-bottom: 15px
    }
    .scroll_page .page .content .con-right .text p {
        line-height: 38px!important;
        font-size: 25px!important
    }
    /*#flup-top-slide{
        height: 70vh;
    }*/
    /*  .main section .page_container{
            margin: 45px 500px 0 !important;
                max-width: 600px !important;
    }
    .main section > img{
            top: 20% !important;
        right: 250px !important;
    }
    .main section .page_container h1{
        font-size: 50px !important;
    }*/
}

/*@media (max-width: 991px) {
    .flup-logo-tab .col-xs-3{
        width: 32%;
    }
    .flup-logo-tab .col-xs-9{
        width: 75%;
    }
    #flup-contact-nos li:nth-child(2){
        display: none;
    }
}*/
@media (min-width: 768px) {
    section.footer{
        display: none;
    }
    .main-menu.show-small{
        display: none;
    }  
}
@media (max-width: 1024px) {

.whiteback h4
{
    font-size: 14px;
}
.circledomain
{
    left:26%;
}
.boxbenefit ul li
{
    font-size: 16px;
}
label .label-text {
    color: #666;
    cursor: text;
    font-size: 13px;
    text-transform: uppercase;
    -moz-transform: translate(10px, -34px);
    -ms-transform: translate(10px, -34px);
    -webkit-transform: translate(10px, -34px);
    transform: translate(4px, -34px);
    transition: all 0.3s;
}


    .width {
        width: 150px
    }
    .col-sm-6.left{
        float: left !important;
    }
   /* h1.bold {
        font-size: 30px!important
    }*/
    /*h2.bold {
        font-size: 35px!important
    }*/
    h2.contact-title {
        font-size: 22px!important
    }
    section.wrapper-m {
        padding: 50px 0!important
    }
    #img-md-hide {
        display: none
    }
    div.arrow {
        width: 250px!important
    }
    .left-m472 {
        left: -530px!important
    }
    .nav > li.dropdown > a {
        padding-right: 10px!important
    }
    #flup-header.fixed-top {
        padding-top: 20px!important
    }
    li#techstack {
        display: none!important
    }
    #immersive_slider {
        display: none!important
    }
    .flupbanner-fixed-content {
        margin: 70px 150px 0!important
    }
    #flup-top-banner .main {
        height: 505px;
        max-height: 505px;
    }
    section#benefits .benefits-bold-wrapper h2 {
        font-size: 70px!important;
    }
    .year.latest {
        left: -60px;
        top: 320px;
        font-size: 90px
    }
    .portfolio-right {
        top: 0;
        right: 12%
    }
    .portfolio-right-wrapper p.sub { 
        margin: 0!important
    }
   /* @media (min-width:576px) {
      .portfolio-right-wrapper p.sub { 
        margin: 0!important
    }
    }*/
    .mobile {
        /*left: -390px!important*/

    }
    #testimonials-video .video-wrapper video {
        top: 105px
    }
    #client-talks .pos-a {
        left: -37px
    }
    #client-talks .pos-a >h2 {
        font-size: 53px!important
    }
    .flupcontact-up-r.pages {
        transform: translate(430px, -170px)!important
    }
    #flup-suggestion.flupcontact-up-r {
        padding: 25px 20px!important;
        max-width: 400px!important
    }
    #flup-suggestion.flupcontact-up-r img.contact-person {
        width: 80px!important
    }
    #flup-suggestion.flupcontact-up-r div.pl-120 {
        padding-left: 50px!important
    }
    .flup-hq-locations {
        margin: -360px auto 0!important
    }
    .flup-life {
        background-position: -570px 0
    }
    .flup-life .flup-life-wrapper {
        transform: translate(0, -85px)
    }
    .flup-life .stats-wrapper {
        display: none
    }
    #img-testimonial figure img.fixed {
        transform: translate(15%, -15px)
    }
    .andro-icon-idea{
        transform: rotate(30deg) translate(-215px, 25px);
    }
    .main section.page2.quote .page_container{
          /*margin: 15px 55px 0 !important;*/
    }

    
}


@media (max-width: 991px) {

.circledomain {
    left: -14px;
    top: -54px;
}
.pos-r
{
    display: none;
}
.circleaddress
{
    position: static;
    right: 0;
    height: 250px;
    width: 250px;
    padding: 20px;
    margin: auto;
}
.mobile
{
      left: 126px!important;
    width: 350px;
}

}



@media (max-width: 767px) {
    .flup-logo-tab .col-xs-3{
        width: 32%;
    }
    .flup-logo-tab .col-xs-9{
        width: 75%;
    }
    #flup-contact-nos li:nth-child(2){
        display: none;
    }
    .fixed-left-btn, .fixed-right-btn,#quote,.flup-form-bar-l-wrapper.press,.chat-fix,footer, 
    .col-sm-12 .main-menu{
        /*display: none;*/
    }
    .christmas .modal-dialog {
    background: #ff523b url(https://s3.us-east-2.amazonaws.com/fluper.com/images/pop-up.gif) no-repeat 0px 30px;
    background-size: contain;
    }
    .christmas.arambh-tritiya .modal-dialog{
        background-size: contain !important;
        height: 100vh;
        width: 100vw;
    }
    #flup-header .nav li a{
        padding: 8px !important;
    }
    #fluperOffer{
        display: none!important;
    }
    .press-release-tabs.pull-left{
        float: none!important;
    }
    #flup-header.fixed-top {
        height: 55px !important;
        padding-top: 10px!important;
    }
    .header-offer{
        top: 50px;
    }
    #flup-header .nav li.contacts .dropdown-menu{
        left: 50% !important;
    }
    .navbar-brand {
    padding: 0;
    padding-top: 10px;
    }
    .content.pd-150{
        padding: 10px !important;
    }
    /*.col-md-6.col-sm-6{
        width: 50% !important;
        float: left !important;
    }*/
    .sticky.fixed{
        top: 10%;
    }
}
@media (max-width:667px)
{

    .mobile
    {
        display: none !important
    }
}
@media (max-width: 650px) {
    /*#flup-contact-nos{
        display: none;
    }*/
    .section-empty>hr.space.m {
    height: 0px;
 }

}
@media (max-width: 400px) {
    .button-dropdown.contacts{
       /* display: none !important;*/
    }
    .footer li a:nth-child(3) img{
    margin-top: 5px;
}
}