@media (min-width:0px) and (max-width:337px){
    .navbar-brand.product-brand span{
        width:inherit
    }
}
@media (min-width:20px) and (max-width:407px){
    .navbar-brand.product-brand span{
        width:200px
    }
}
@media (min-width:0px) and (max-width:415px){
    .thinBanner{
        margin-top:0;
        margin-bottom:0
    }
    .appRow .appStoreGroup{
        margin-left:-10px
    }
    .appName img{
        margin-left:30px;
        margin-top:-8px!important
    }

    #appGroup a{
        float:none!important
    }
    .pBase{
        padding-bottom:20px
    }
}
@media (min-width:0px) and (max-width:454px){
    .blockCallout{
        margin:10px!important
    }

    .flag,.smallIcon{
        margin-left:10px
    }
}
@media (min-width:408px) and (max-width:454px){
    .navbar-brand.product-brand span{
        width:270px
    }
}
@media (min-width:0px) and (max-width:460px){
    .pBaseSmall{
        margin-bottom:10px!important
    }
    .col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
        margin-top:10px;
        margin-bottom:10px
    }
    .greyBlock{
        border-radius:20px
    }
    .img90{
        width:90%;
    }    
}
@media (min-width:0px) and (max-width:515px){

    .product-brand h3 {
        word-wrap: break-word;
        white-space: normal;
    }
}
@media (min-width:0px) and (max-width:540px){
    .btn-square.outline,
    .btn-square.solid{
        text-align: center;
        margin: 0 auto;
        display: block;
    }
    #compLogo{
        width: 200px!important;
        height: 29px!important;
    }
}
@media (min-width:0px) and (max-width:575px){
    .container-fluid.py-3{
        display: inline-block;
    }
}
@media (min-width:0px) and (max-width:700px){
    .iOS{
        display:inline
    }

}
@media (min-width:0px) and (max-width:736px){
    .pBase{
        padding-bottom: 10px!important;
    }
    .eb{
        margin: 0px!Important;
    }
    .btn-full{
        width: 90%;
    }
    .btnGroup .fLeft{
        margin-right: 0px;
        float: none;
        display: block;
    }
    .btnGroup .btn-app.fLeft{
        display: inline-block;
    }

    img.fLeft{
        margin-left:10px!important
    }
    img.fRight{
        margin-right:10px!important
    }
    .blockFill{
        width:95%!important
    }

}
@media (max-width:755px){
    /*.navbar-brand.product-brand span {
        width: 200px!important;
    }
    #nav-bloc span h3{
        font-size:100%;
        white-space: pre-wrap
    }*/
}
@media (max-width:767px){
    
    .page-container{
        overflow-x:hidden;
        position:relative
    }
    h1,h2,h3,h4,h5,h6,p{
        padding-left:10px!important;
        padding-right:10px!important
    }
    .bloc{
        padding-left:0;
        padding-right:0;
        -webkit-background-size:auto 200%;
        -moz-background-size:auto 200%;
        -o-background-size:auto 200%;
        background-size:auto 200%
    }
    .b-parallax{
        background-attachment:scroll
    }
    .navbar .nav{
        padding-top:0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important
    }
    .navbar.row{
        margin-left:0;
        margin-right:0
    }
    .site-navigation{
        position:inherit;
        transform:none;
        -webkit-transform:none;
        -ms-transform:none
    }
    .nav>li{
        margin-top:0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align:left;
        padding-left:15px;
        width:100%
    }
    .nav>li:hover{
        background:rgba(0,0,0,.08)
    }
    .hero{
        padding:50px 0
    }
    .hero-nav{
        left:-1px;
        right:-1px
    }
    .navbar-collapse{
        padding:0;
        overflow-x:hidden;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-brand img{
        max-height:40px;
        width:auto;
        margin:-10px 10px 0 0
    }
    .btn.pull-left,.btn.pull-right{
        float:none!important
    }
    .bloc-group .bloc{
        display:block;
        width:100%
    }
    .bloc-lg,.bloc-xl,.bloc-xxl{
        padding:40px 0
    }
    .bloc-md{
        padding-left:0;
        padding-right:0
    }
    .a-block{
        padding:0 10px
    }
    .btn-dwn{
        display:none
    }
    .voffset{
        margin-top:5px
    }
    .voffset-md{
        margin-top:20px
    }
    .voffset-lg{
        margin-top:30px
    }
    form{
        padding:5px
    }
    .close-lightbox{
        display:inline-block
    }
    .col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
        margin-top:15px;
        margin-bottom:10px
    }
    .quoteRow .col-sm-3{
        text-align: center;
    }

    
}
@media (min-width:0px) and (max-width:767px){
    #fFooter .container .row .col-sm-12.text-center{
        margin-top:0!important;
        margin-bottom:0!important
    }
    #fFooter .container .row .col-sm-12 .appLink{
        width:90%
    }
    #premium{
        line-height:1;
        width:90%
    }
    .quoteRow cite{
        text-align: center;
        margin-top: 0px;
    }
    .quoteRow img{
        margin: auto;
        display: block;
    }
    .navbar-brand{
        padding: 0px;    
    }
    
}
@media (min-width:768px){
    .site-navigation{
        position:absolute;
        top:50%;
        right:20px;
        transform:translate(0,-50%);
        -webkit-transform:translateY(-50%)
    }
    
    .nav-center{
        text-align:center
    }
    .nav-center .navbar-header{
        width:100%
    }
    .nav-center .nav>li,.nav-center .navbar-brand,.nav-center .navbar-header{
        float:none;
        display:inline-block
    }
    .nav-center .site-navigation{
        position:relative;
        width:100%;
        margin-top:20px
    }

    
}
@media (max-width:768px){
    .container{
        width:100%
    }
    .b-parallax{
        background-attachment:scroll
    }
}
@media (min-width:0px) and (max-width:768px){
    .nav-item .sel{
        border-bottom:none !important;
        font-weight: bold;
    }
}
@media (min-width:0px) and (max-width:768px){

}
@media (min-width:0px) and (max-width:769px){
    .footerAbout{
        padding-left:30px
    }
    .footer ul{
        padding-left:10px!important
    }
    #google_translate_element{
        padding-left:10px
    }
}
@media (min-width:0px) and (max-width:820px){
    .pBase{
        padding-bottom: 40px;
    }
    .navbar-brand.product-brand span {
        width: 165px!important;
    }
    /*
    #nav-bloc span h3{
        font-size:80%;
        white-space: pre-wrap
    }*/
    #nav-bloc span p{
        display: none;
    }
}
@media (min-width:0px) and (max-width:860px){
    #getapp{
        display: inline-block;
    }
}
@media (min-width:0px) and (max-width:900px){
    .compTable th{
        padding:0
    }
    .compTable th a img{
        margin:3px
    }
    .compTable .dTablet,.compTable th a span{
        display:none
    }
    .compTable td{
        padding:0
    }
    #fFooter{
        display:none!important
    }
}

@media (min-width:0px) and (max-width:1000px){

}
@media (min-width:1024px) and (max-width:1024px){
    
}
@media (max-width:1024px){
    .bloc{
        padding-left:20px;
        padding-right:20px
    }
}
@media (min-width:0px) and (max-width:1040px){

}
@media (min-width:0px) and (max-width:1200px){
    .navbar-brand.product-brand span{
        width:250px
    }
}

@media (min-width:0px) and (max-width:1320px){

}

@media (min-width:0px) and (max-width:1600px){

}

@media (min-width:0px) and (max-width:1800px){

}
@media (min-width:0px) and (max-width:2140px){

}
@media (min-width:0px) and (max-width:4150px){

}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){
    .navbar-brand.product-brand span{
        width:180px
    }
    .navbar-brand.product-brand span p{
        display:none
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
    .navbar-brand.product-brand span{
        width:inherit
    }
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
    .navbar-brand.product-brand span{
        width:inherit
    }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){

}