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

    /*universal*/
    .mt-25{
        margin-top: 0 !important;
    }
    .col-xs-3 {
        width: 25% !important;
        float: left !important;
    }
    .col-xs-6 {
        width: 50% !important;
        float: left !important;
    }

    .col-xs-12.center{
        text-align: center;
    }
    .col-xs-12.mg-auto{
        margin: auto;
    }
    .col-xs-6.pd-0{
        padding: 0;
    }
    img.img-xs-hide {
        display: none;
    }
    .xs-hide{
        display: none !important;
    }
    hr.space.m{
        height: 0px;
    }
    .row.flex{
        display: unset;
    }
   
    h1.h1{
            font-size: 35px;
    font-weight: 600;
    line-height: 45px;

    }
    h1.h1 span{
            font-size: 35px !important;
    filter: drop-shadow(0 5px 1px #e2e2e2);
  
    }
    h2.bold {
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 40px;
        text-align: center !important;
    }
    h2.bold span{
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    h2+p{
        margin-top: 0;
    }
    p.para-title{
        font-size: 20px;
        margin-bottom: 0px!important;
    }
    .fluper-content-center p{
        margin: 0 auto;
        padding: 0 0; 
    }
    .title-base{
        margin-bottom: 0;
    }
    footer section.mob-banner-fluper{
        background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/fluper-greymid.jpg);
        background-size: cover;
        background-attachment: fixed;
    }
    ul.breadcrumb{
        display: none !important;
    }
    a.flup-btn{
        padding: 5px 20px;
    }
    .fixed-left-btn, .fixed-right-btn,#quote,.flup-form-bar-l-wrapper.press,.chat-fix{
        display: none;
    }
    footer section.mob-banner-fluper{margin-top: 150px;}
    footer section.mob-banner-fluper.mob-footer{margin-top: 0px;}
    .col-xs-12{
        width: 100% !important;
    } 
    .flup-benefits {
        background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/flup-greybenefits.jpg) !important;
        background-attachment: fixed !important;
    }
    li.contact{
        padding: 17px 0 !important; 
    }
    li.contact a{
        color: #000; 
    }
    header#flup-header ul#flup-contact-nos li#flup-contact-phone{
        visibility: visible;
        position: absolute;
        transform: translate(210px,-68px);
    }
    header.fixed-top{
        visibility: hidden !important;
    }
    header#flup-header ul#flup-contact-nos li#flup-contact-phone .header-fa-call{
        font-size: 7vmin;
    }
    header#flup-header ul#flup-contact-nos li#flup-contact-phone .dropdown-menu{
        top: 35px;
        left: -150px;
        width: 225px;
    }
    ul.dropdown-menu.multi-level.contacts.list li.wide-33{
            display: none;
    }
    ul.dropdown-menu.multi-level.contacts.list li.wide-67{
            padding: 5px 10px !important;
    width: 100%;
    }
    header#flup-header ul#flup-contact-nos li#flup-contact-phone hr{
        margin-top: 0;
        margin-bottom: 0;
    }
    .container.content-pt{
        padding-top: 25px;
        padding-bottom: 75px;

    }
    ul.footer-partners.badges li{
        width: 25%;
            line-height: unset;
    }
    ul.footer-partners.badges li img{
        padding: 0 15px;
    }
    p.fs-13{font-size: 13px;}
    hr.space.xs{
        height: 10px;
    }
    .appi-cta a, .appi-cta .button{
        z-index: 100; 
    }
    #flup-popup {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*universal*/ 

    /*index*/
    .flup-top-heading{
        text-align: center;
    }
    .flup-top-heading h1{
        font-size: 35px !important; 
        font-weight: 600; 
        line-height: 45px;
    }   
    .flup-top-heading span{
        font-size: 35px !important;     
        filter: drop-shadow(0 5px 1px #e2e2e2); 
        text-shadow: 2px 4px 1px #fff;
    }
    .clutch-wrapper::before{
        display: none;
    }
    #clutch::before{
        display: none;
    }
    .clutch-bg{
        transform: translate(-0, 0px) !important;
        margin: auto;
    }
    .mobile{
        display: none !important;
    }
    .home-portfolio{
        height: 600px !important;
    }
    .project-clip{
        width: 100%;
        left: 20px;
    }
    .portfolio-right{
        left: 0;
        top: 15px;
    }
    .portfolio-right-wrapper p.sub{
        font-size: 25px;
    }
    .portfolio-right-wrapper p.para{
        /*display: none !important;*/
    }
     .home-portfolio{background-image: unset !important;}
    .home-portfolio[data-home-project=index3]{
        background-color: #187d41;
    }
    .home-portfolio[data-home-project=musafir]{
        background-color: #1c73b6;
    }
    .home-portfolio[data-home-project=index2]{
        background-color: #a9253d;
    }
    .home-portfolio[data-home-project=index4]{
        background-color: #288398;
    }
    .flip-container, .front, .back{
        margin: auto;
    }
    .benefit-wrapper-bg{
        padding: 0 0 !important;
    }
    .benefit-3 .benefit-wrapper p.head{
        width: 100%; 
    }
    ul.fluper-techstack li >figure img.motion{
        position: absolute;
        left: 0;
        webkit-animation: techBounce 3s linear infinite alternate;
        animation: unset !important;
    }
    .grid-table.grid-table-xs-12 td{
        width: 50% !important;
    }
    .flup-contact-wrapper{
        width: 90%;
        margin: -90px auto!important; 
    }
    footer [class*=col-md]{
        margin: auto;
    }
    
    div.mega-menu-fullwidth .mega-dropdown .mega-menu{
        top: 198px !important;
        background: #fff;
    }
    .mega-tabs .tab-box .panel.active{
        background: #fff;
    }
    .dropdown-menu>.tab-box{
        background: #fff;
    }
    .year.latest{
        font-size: 75px;     
        left: -45px !important;
        top: 250px !important;
    }
   
    #contactForDetail hr.space.m{height: 60px;}
   
    ul.fluper-techstack li img{
        max-width: 80%;
    }
    ul.fluper-techstack li{
        margin: 5px 0;
    /* margin: 9px; */
    height: 75px;
    width: 70px;
    }
    .modal-header .close{
            top: -10px;
    right: -2%;
 
    width: 50px;
    height: 50px
    }
    #flup-popup .modal-header .close >.mt-m5{
            margin-top: -10px;
    }
    #flup-popup h3.modal-title.mtb-15{
        font-size: 20px;
            margin: 10px 0;
    }
    .icon-wrapper-m{
        margin: 10px auto 0px;
    }
    .icon-wrapper-m >figure img {
        max-width: 75%;
    }
    .cc-floating.cc-theme-classic{
        display: none;
    }
    .cc-revoke.cc-left{
        left: -13em;
    }
    .blog-content-wrapper p.para-title{
        margin-bottom: 20px !important;
    }
    .flup-blog-wrapper figure img{
        display: none;
    }
    #flup-blog .blog-content-wrapper{
            margin-left: 20px;
    padding: 15px 0px;
        margin-right: 30px;
    }
    #flup-blog .blog-content-wrapper a{
        font-size: 16px;
    }
    .flup-achievements p{
        font-size: 15px;
    }
    div.client-country-flag figure >img{
        width: unset; 
        height: 40px !important;
        transform: translate(-105px, 5px);
    }
    div.client-country-flag{
        width: 100%;
        margin: 0 auto; 
    }
    div.client-country-flag ~p.flup-client-name{
            margin: -75px 0 0 auto;
    }
    input[type="submit"]{
        min-width: 130px;
        padding: 5px 20px !important;
    }
    
    /*index*/

    /*about-us*/
    li.width-50per{
        width: 100%;
    }
    li.wide-50{
        width: 100%;
    }
    #flup-auto-video >video{
        
         width: 100%;
    height: 100%;
    }
    .flup-life .flup-life-wrapper{
        transform: unset;
    }
    .flup-abt-head{
        margin: 0 0 0;
    }
    li.width-50per div.wrapper-50{
            margin: 0 15px;
    }
    li.width-50per div.wrapper-50 h1.h1{
        text-align: center;
            font-size: 30px !important;
    }
    li.width-50per div.wrapper-50 h1.h1 span{
        
            font-size: 30px !important;
    }
    .advs-box.niche-box-team a.img-box{
        text-align: center;
    }
    .niche-box-team .content-box{
        text-align: center;
        border-top: unset;
    }
    /*about-us*/

    /*team page*/
    .flup-rounded-ibox{
               width: 185px;
    height: 185px;
    padding: 5px 50px 0;
    margin: 20px auto;
    }
     .flup-rounded-ibox figure >img{
         max-width: 80%;
    }
    #web-design h3{
        font-size: 15px;
    }
    #web-design .flup-rounded-ibox {
        width: 150px;
        height: 150px;
        padding: 5px 10px 0;
        margin: 20px auto;
    }
    .niche-box-team a.img-box img{
        max-width: 75% !important; 
    }
   h2.nos{
    font-size: 45px;
   }
   .flexslider .slides .img-box:not(.adv-img) img{
    max-width: 100%;
   }
    /*team page*/

    /*service page*/
    section.android-banner{
        margin-top: 50px;
        height: 100%;
        background-attachment: unset;
        background-size: cover;
        background-position: center;
    }
    div.sub-content{
        padding: 0 0 !important; 
        margin: 0 30px !important;
    }
    .ios-app-category .process{
        width: 140px;
        height: 185px;
    }
    ul.ios-app-category li{
        margin: 0 5px !important;
    }

    .andro-tools{
        margin: 0 30px 0 !important;
    }
    .andro-technical-stack{
        background: #fff !important; 
    }
    .fluper-whitebox{
        padding: 10px 0;
        min-height: 160px;
    }
    .fluper-whitebox h4{
        line-height: 25px;
        font-size: 17px;
    }
    .fluper-whitebox h3{
        line-height: 25px;
        font-size: 17px;
    }
    .flup-flex-ileft >img{
        display: none;
    }
    .flup-flex-ileft ul{
        display: none;
    }
    .base-box.boxed, .advs-box.boxed, .base-box.boxed-inverse, .advs-box.boxed-inverse{
        padding: 0;
    }
    .grid-box .grid-item .advs-box, .maso-box .maso-item .advs-box{
            width: 300px;
    margin: auto;
        padding: 20px 10px;
    }
    .advs-box-top-icon.boxed, .advs-box-top-icon.boxed-inverse{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .advs-box h3{
        font-size: 16px;
    }
    .fluper-greymid{
        background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/fluper-greymid.jpg) !important
    }

    .flup-mobile-apps {
        background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/flup-mobile-apps.jpg) !important;
    }
    .container.content{
        /*padding-top: 0px;*/
    }   
    #top-rated .fluper-whitebox::after{display: none;}
    .matrix .flup-hire-box{
        min-height: unset !important;
        margin: 20px auto; 
    }
    .flup-rounded-ibox h3{
        font-size: 20px;
    }
    .portfolio-android.wrapper{
        display: none;
    }
    ul.ar li div.flup-flex-ileft{
        margin-bottom: 20px; 
        box-shadow: 0 15px 80px #ddd;
    }
    .row.mr-25{margin-right: 0 !important;} 
    .fluper-expertise-wrapper{
        margin: 10px 40px;
    }
    .flup-flex-ileft p.title{
        min-height: 56px;
    }
    .wrapper .process h4{
        font-size: 15px;
    }
    
    /*service page*/

    /*game page*/
    section.game_develop{
        background-image: unset !important;
        height: 1000px;
    }
    section.game_develop.ios{
        background-image: unset !important;
        height: 750px;
    }
    /*game page*/

    /*hire pages*/
    .android-banner .container h1{
        font-size: 35px !important; 
        font-weight: 600; 
        line-height: 45px;
    }
    .android-banner .container form{
        display: none;
    }
    .bg-theme-half .row .col-md-4 figure{
        text-align: center;
        transform: unset;
        display: none;
    }
    section.bg-theme-half:after{
        width: 100% !important;
    }
    section.img-bg:after{
        display: none;
    }
    .sm-need-dev ul.right-icon li >div{
        margin-left: 70px;
        margin-right: 0 !important;
        text-align: left !important; 
    }
    .sm-need-dev ul.right-icon li >figure{
        left: 0 !important;
    }
    .hire-list-wrapper.number:before{
        display: none;
    }
    section.img-bg ul li> div{
        margin-left: 75px !important;
    }
    .sm-need-dev ul.right-icon li >figure img{
        max-width: 80%;
    }
    /*hire pages*/

    /*contact us*/
    h1.banner-head{
        font-size: 35px;
        font-weight: 600;
        line-height: 45px;
    }
    h1.banner-head ~p.para-title{
        margin-bottom: 40px !important;
    }
    .flup-contact-wrapper.contact-page-mob{
        margin: -40px auto 0;
    }
    #flup-contact{
        background-image: unset;
    }
    .flup-hq-locations{
        background-image: unset;
        margin: 0 !important;
        display: none;
    }
    .call-icon::before{
        display: none;
    }
    .mail-icon::before{
        display: none;
    }
    /*contact us*/

    /*career page*/
    #flup-about-video ul li{
        width: 100% !important;
    }
    body.careers li.mt-25{
        margin-top: 10px !important;
        margin-bottom: 30px;
    } 
    
    /*career page*/

    /*techstack page*/
    .flup-techstack {
    background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/flup-techstack.jpg) !important;
    }
    .process{
        min-height: unset !important;
    }
    /*techstack page*/

    /*testimonial page*/
    .fluper-talks {
        background-image: url(https://s3.us-east-2.amazonaws.com/fluper.com/images/banner/fluper-talks.jpg) !important;
    }
    #testimonials-video .video-wrapper iframe{
        transform: translateX(50%)
    }
    #client-talks .pos-a{
        transform: unset;
        top: 20px;
        left: 10px;
        opacity: 1;
    }
    /*testimonial page*/
    /*benefits*/
    table .icon-box-cell p.text-s{
        font-size: 9px !important; 
        line-height: 1;
    }
    .icon-box label{
        font-size: 11px !important;
    }
    .text-left .icon-box img{
        width: 40px;
    }
    /*benefits*/
    /*top-apps*/
    ul.benefits li {
        float: left;
        margin-top: 25px;
        margin: 0 10px;
        margin-bottom: 25px;
    }
    ul.benefits li h1.nos{
        font-size: 25px;
    }
    ul.benefits li p{
        font-size: 16px;
    }
     ul.benefits li h1.nos span{
        font-size: 20px;
    }
    /*top-apps*/

    /*portfolio*/
    body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container{
        padding: 0 15px !important;
    }
    .main section .page_container{
            margin: 60px auto 0 !important;
        max-width: 100% !important;

    }
     .main section.page1 .page_container{
        top: 15% !important;
    }
    .main section .page_container h1{
       line-height: 50px !important;
       font-size:  35px !important;
    }
    .contact-btn div{margin: 5px auto;}
    .main section{ 
        /* background-size: contain !important; */
    }
    .main section.page2.quote .page_container{
            margin: -55px -75px 0 !important;
            width: 700px;
    max-width: 900px !important;
    }
    .main section.page2.quote{
           display: none;
    }

    /*taxi*/
    .main section.page1.portfolio-home{
         background-image: url(../../images/portfolio/www/taxi/banner/home-taxi-mob.jpg) !important;
    }
    .main section.grab {
        background-image: url(../../images/portfolio/www/taxi/banner/grab-mob.jpg);
    }

    .main section.taxify {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/taxi/banner/taxify-mob.jpg);
    }

    .main section.gett-taxi {
        background-image: url(../../images/portfolio/www/taxi/banner/gett-taxi-mob.jpg);
    }

    .main section.taxi-berlin {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%),
        url(../../images/portfolio/www/taxi/banner/taxi-berlin-mob.jpg);
    }

    .main section.yandex {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%),
        url(../../images/portfolio/www/taxi/banner/yandex-mob.jpg);
    }

    .main section.via {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5c7 50%, #f5f5f582 100%),       
        url(../../images/portfolio/www/taxi/banner/via-mob.jpg);
    }
    .main section .page_container h2 {
        font-size: 26px !important;
        text-align: left !important;
        line-height: 1.2;
    }
    /*taxi*/
    /*food*/
    .main section.page1.food-home {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, rgba(0,0,0,.075) 50%, rgba(100,0,0,0) 100%), 
        url(../../images/portfolio/www/food/banner/home-food.jpg) !important;
        
    }
    .main section.page2.freshmenu {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%), 
        url(../../images/portfolio/www/food/banner/freshmenu.jpg) !important;
        
    }
    .main section.page2.foodora {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/food/banner/foodora.jpg) !important;
        
    }
    .main section.page2.otlob {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/food/banner/otlob.jpg) !important;
         
    }
    .main section.page2.deliveroo {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/food/banner/deliveroo.jpg) !important;
        
    }
    /*food*/

    /*ondemand*/
    .main section.page1.ondemand-home{
         background-image: url(../../images/portfolio/www/ondemand/banner/home-ondemand.jpg) !important;
         background-size: cover !important;
    }
    .main section.page2.bizzy{
         background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5c7 50%, #f5f5f582 100%), 
         url(../../images/portfolio/www/ondemand/banner/bizzy.jpg) !important;
         background-size: cover !important;
    }
    .main section.page2.lifeasy{
         background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5c7 50%, #f5f5f582 100%), 
         url(../../images/portfolio/www/ondemand/banner/lifeasy.jpg) !important;
         background-size: cover !important;
         /* height: 429px !important; */
         min-height: 300px;
    }
    .main section.page2.taptopick{
         background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5c7 50%, #f5f5f582 100%),
         url(../../images/portfolio/www/ondemand/banner/taptopick.jpg) !important;
         background-size: cover !important;
    }
    .main section.page2.pickMyLaundry{
         background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f557 50%, #f5f5f58c 100%),        
         url(../../images/portfolio/www/ondemand/banner/pickmylaundry.jpg) !important;
         background-size: cover !important;
    }
        /*ondemand*/

    /*-----health----------*/
    .main section.page1.health-home {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, rgba(0,0,0,.075) 50%, rgba(100,0,0,0) 100%), 
        url(../../images/portfolio/www/health/banner/home-health.jpg) !important;
        
    }
    .main section.page2.lybrate {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%), 
        url(../../images/portfolio/www/health/banner/lybrate.jpg) !important;
       
    }
    .main section.page2.okadoc {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/health/banner/okadoc.jpg) !important;
        
    }
    .main section.page2.enhance-fitness { 
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/health/banner/enhance-fitness.jpg) !important;
        
    }
    .main section.page2.curofy {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/health/banner/curofy.jpg) !important;
        
    }
    .main section.page2.icare {
        background-image: linear-gradient(135deg, rgba(0,0,0,0) 5%, #f5f5f500 50%, #fff 100%),
        url(../../images/portfolio/www/health/banner/icare.jpg) !important;
         
    }

    /*-----health----------*/

    /*tour & travel*/
    .main section.page2.kesari {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/kesari.jpg) !important;
    }
    .main section.page2.kayak {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/kayak.jpg) !important;
    }
    .main section.page2.kesari {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/kesari.jpg) !important;
    }
    .main section.page2.hopper {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/hopper.jpg) !important;
    }
    .main section.page2.happytrip {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/happytrip.jpg) !important;
    }
    .main section.page2.tripoto {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/tour/banner/tripoto.png) !important;
    }
    /*tour & travel*/
    /*----- shopping ----------*/
    .main section.page2.kraftly {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/shopping/banner/kraftly.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.ubuy {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/shopping/banner/ubuy.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.now {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/shopping/banner/now.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.humarashop {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/shopping/banner/humarashop.jpg) !important;
        background-color: #fff;
    } 
    /*----- shopping ----------*/

    /*----- social networking ----------*/
    .main section.page2.blendr {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/social/banner/blendr.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.trydate {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/social/banner/trydate.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.eharmony {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/social/banner/eharmony.jpg) !important ;
        background-color: #fff;
    }
    .main section.page2.zoosk {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/social/banner/zoosk.jpg) !important;
        background-color: #fff;
    }
    .main section.page2.jdate {
        background-image: linear-gradient(135deg, rgba(0, 0, 0, 0) 5%, #f5f5f5a8 50%, #ffffff42 100%), 
        url(../../images/portfolio/www/social/banner/jdate.jpg) !important;
        background-color: #fff;
    }
    /*----- social networking ----------*/


    /*.main section.page2 .page_container{
            margin: 0 !important;
        max-width: 100% !important;

    }*/
    .main section.page2 .page_container .flex{
        flex-wrap: nowrap;
    }
    .main section .page_container .flex >div p.stats{
        font-size: 25px !important;
    }
    .main section .page_container .flex >div p.stats-title{
        font-size: 13px !important;
        margin-top: 0;
    }
    .contact-btn div >a{
        font-size: 15px;
    }
    .main section.page2 .page_container, .main section.page3 .page_container{
        margin: 0px auto 0px !important;
    } 
    /*portfolio*/
    
}



@media screen and (max-width: 1023px) {
    /*header*/
    

                .logo{position:absolute;top:0;left: 15px;width:100%;height:46px;text-align:center;padding:0 0 0 0 ;float:none}
                .logo2{display:none}
                nav{width:100%;}
                #cssmenu{width:100%;     position: fixed;
    top: 0;
    left: 0;
    background: #fff;}
                #cssmenu ul{width:100%;display:none; box-shadow: 0 10px 25px #806972;}
                #cssmenu ul li{width:100%;border-top:1px solid #fff}
                #cssmenu ul li:hover{background:#363636;}
                #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
                #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
                #cssmenu > ul > li{float:none}
                #cssmenu ul ul li a{padding-left:25px}
                #cssmenu ul ul li{background:#fff!important;}
                #cssmenu ul ul li:hover{background:linear-gradient(135deg,#f27302 5%,#f54256 50%,#f27302 100%)!important}
                #cssmenu ul ul ul li a{padding-left:35px}
                #cssmenu ul ul li a{    
                    color: #f63955;
                    font-size: 16px;
                    background: none;
                    font-weight: 600;}
                #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
                #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;
                    text-align:left; z-index: 999999;}
                #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
                #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
                .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
                .button:after
                {position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;
                    border-top:2px solid #f27302;border-bottom:2px solid #f27302;content:''}
                .button:before
                {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;
                    transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;
                    height:2px;width:20px;background:#f27302;content:''}
                .button.menu-opened:after
                {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;
                    top:23px;border:0;height:2px;width:19px;background:#f27302;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
                .button.menu-opened:before{top:23px;background:#f27302;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
                #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;
                    display:block;border-left:1px solid #fff;height:46px;width:46px;cursor:pointer}
                #cssmenu .submenu-button.submenu-opened{background:#f27302}
                #cssmenu ul ul .submenu-button{height:34px;width:34px}
                #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;
                    height:2px;display:block;background:#f27302;content:''}
                #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
                #cssmenu .submenu-button.submenu-opened:after{background:#fff}
                #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;
                    display:block;width:2px;height:8px;background:#f53b55;content:''}
                #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
                #cssmenu .submenu-button.submenu-opened:before{display:none}
                #cssmenu ul ul ul li.active a{border-left:none}
                #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > 
                li.active > a{border-top:none}
                .button-dropdown.contacts{
                        transform: translate(-50px,10px);
                        float: right;
                }
                .logo a{
                    float: left;
                }
                #flup-top-slide{
                    margin-top: 50px;
                }
                #team{
                    margin-top: 50px;
                }
                #cssmenu > ul > li.active >a{
                    color: #fff !important;
                }
                #tawkchat-minified-box{
                    z-index: 999 !important;
                }

    /*header*/
}