@media screen and (min-width:1920px) {
    .container-fluid {
        max-width: 1920px
    }
}

@media screen and (min-width:1200px) {
    .header-top-bar,
    .header {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media screen and (max-width:1439px) {
    .slick-list {
        height: 360px
    }
    .ct-u-display-tablex {
        height: 360px
    }
    /* banner1 */
    .banner1_txt1 {
        width: 490px;
        top: 30px;
        right: 20px;
        font-size: 45px;
        line-height: 1.3;
    }
    .banner1_txt2 {
        top: 180px;
        right: 20px;
    }
    /* banner2 */
    .banner2_txt1 {
        width: 400px;
        top: 100px;
        left: 20px;
        font-size: 45px;
        line-height: 1.3;
    }
    .banner2_txt2 {
        top: 240px;
        left: 20px;
    }
    /* banner interno */
    .headerInt {
        height: 305px;
    }
    .headerInt .banIntEmpresa h1 {
        width: 440px;
        font-size: 45px;
        text-align: right;
        left: calc(50% - 455px);
    }
    .headerInt .banIntEmpresa img {
        width: 1920px;
        left: calc(100% - 1550px);
    }
    .headerInt .banIntPlanos h1 {
        width: 290px;
        font-size: 45px;
        text-align: right;
        left: calc(50% + 100px);
    }
    .headerInt .banIntPlanos img {
        width: 1920px;
        left: calc(100% - 1650px);
    }
    .headerInt .banIntContrato h1 {
        width: 440px;
        font-size: 45px;
        text-align: right;
        left: calc(50% - 455px);
    }
    .headerInt .banIntContrato img {
        width: 1920px;
        left: calc(100% - 1550px);
    }
    .headerInt .banIntSuporte h1 {
        width: 290px;
        font-size: 45px;
        text-align: right;
        left: calc(50% - 410px);
    }
    .headerInt .banIntSuporte img {
        width: 1920px;
        left: calc(100% - 1550px);
    }
    .headerInt .banIntContato h1 {
        width: 290px;
        font-size: 45px;
        text-align: right;
        left: calc(50% - 410px);
    }
    .headerInt .banIntContato img {
        width: 1920px;
        left: calc(100% - 1550px);
    }
}

@media screen and (max-width:1199px) {
    .header-top-bar,
    .header {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    header .logo {
        width: 160px
    }
    .sf-menu a {
        padding: .75em 0.3em
    }
    .sf-menu li {
        border: none;
        padding: 0 6px;
    }
    .sf-menu li.areaCliente a {
        padding: 20px 10px;
        margin-left: 5px
    }
    .menu-container {
        width: 800px;
        float: right;
        padding-top: 25px;
        margin-top: 42px;
    }
    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 7px
    }
    .sf-menu li:last-child:hover ul,
    .sf-menu li.sfHover:last-child ul {
        right: 7px
    }
    .footer.valign {
        display: block
    }
    .homeDiferenciais .dif1 div {
        width: 80%;
        padding-left: 10px
    }
    .homeDiferenciais .dif2 div {
        width: 100%;
        padding-left: 0
    }
    .slick-list {
        height: 300px
    }
    .ct-u-display-tablex {
        height: 300px
    }
    /* banner1 */
    .banner1_txt1 {
        width: 490px;
        top: 30px;
        right: 20px;
        font-size: 45px;
        line-height: 1.3;
    }
    .banner1_txt2 {
        top: 180px;
        right: 20px;
    }
    /* banner2 */
    .banner2_txt1 {
        width: 400px;
        top: 50px;
        left: 20px;
        font-size: 45px;
        line-height: 1.3;
    }
    .banner2_txt2 {
        top: 200px;
        left: 20px;
    }
}


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

@media screen and (max-width:991px) {
    .header-top-bar,
    .header {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    header .logo {
        width: 160px
    }
    .headerInt {
        height: 300px
    }
    .headerInt.bgContato {
        background-position: calc(100% + 250px) center
    }
    .sf-menu a {
        padding: .75em 0.3em
    }
    .sf-menu li {
        border: none;
        padding: 0 6px;
    }
    .sf-menu li.areaCliente a {
        padding: 20px 10px;
        margin-left: 5px
    }
    .menu-container {
        width: 580px;
        float: right;
        padding-top: 5px;
        margin-top: 15px;
    }
    .sticky .menu-container {
        padding-top: 10px
    }
    .menu-container nav {
        float: left
    }
    .sf-arrows .sf-with-ul {
        padding-right: 1.9rem
    }
    .sf-menu li {
        border: none;
        padding: 0 12px
    }
    .sf-menu a {
        padding: 1rem;
        margin: .5rem 0
    }
    .homePlanos div.box {
        margin: 0 10px 40px;
    }
    .homePlanos .mb70 {
        margin-bottom: 0;
    }
    .homePlanos .btnRound.mt80 {
        margin-top: 40px;
    }
    .contato .col-md-6 {
        margin: 0 0 20px;
        padding: 0 8px
    }
    .seuIP {
        margin-top: 30px
    }
    .homeDiferenciais .dif1 div {
        width: 100%;
        padding-left: 0px
    }
    .slick-list {
        height: 247px
    }
    .ct-u-display-tablex {
        height: 247px
    }
    .bgIntCont.contato .col-lg-7 {
        margin-top: 60px;
    }
    /* banner1 */
    .banner1_txt1 {
        width: 490px;
        top: 30px;
        right: 20px;
        font-size: 35px;
        line-height: 1.3;
    }
    .banner1_txt2 {
        top: 150px;
        right: 20px;
    }
    /* banner2 */
    .banner2_txt1 {
        width: 400px;
        top: 50px;
        left: 20px;
        font-size: 35px;
        line-height: 1.3;
    }
    .banner2_txt2 {
        top: 170px;
        left: 20px;
    }
    /* banner interno */
    .headerInt {
        height: 305px;
    }
    .headerInt .banIntEmpresa h1 {
        width: 400px;
        font-size: 40px;
        text-align: right;
        left: calc(50% - 355px);
    }
    .headerInt .banIntEmpresa img {
        width: 1920px;
        left: calc(100% - 1450px);
    }
    .headerInt .banIntPlanos h1 {
        width: 290px;
        font-size: 45px;
        text-align: right;
        left: calc(50% + 0px);
    }
    .headerInt .banIntPlanos img {
        width: 1920px;
        left: calc(100% - 1450px);
    }
    .headerInt .banIntContrato h1 {
        width: 400px;
        font-size: 40px;
        text-align: right;
        left: calc(50% - 355px);
    }
    .headerInt .banIntContrato img {
        width: 1920px;
        left: calc(100% - 1450px);
    }
    .headerInt .banIntSuporte h1 {
        width: 260px;
        font-size: 40px;
        text-align: right;
        left: calc(50% - 310px);
    }
    .headerInt .banIntSuporte img {
        width: 1920px;
        left: calc(100% - 1450px);
    }
    .headerInt .banIntContato h1 {
        width: 260px;
        font-size: 40px;
        text-align: right;
        left: calc(50% - 310px);
    }
    .headerInt .banIntContato img {
        width: 1920px;
        left: calc(100% - 1450px);
    }
}

@media screen and (max-width:767px) {
    /* Force table to not be like tables anymore */
    table.resp,
    table.resp thead,
    table.resp tbody,
    table.resp th,
    table.resp td,
    table.resp tr {
        display: block
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    table.resp thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.resp tr {
        border: none
    }
    table.resp td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #CCC;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }
    table.resp td:before {
        font-weight: bold;
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px;*/
        left: 6px;
        width: 45%;
        white-space: nowrap;
    }
    .header-top-bar,
    .header {
        width: 534px;
        /*height:90px;*/
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .menu-container {
        padding-top: 0
    }
    .mobile-menu-container {
        display: block;
        width: 250px;
        position: absolute;
        z-index: 1000;
        top: 115px;
        right: 0;
    }
    .mobile-menu-container nav {
        float: none
    }
    .sf-menu {
        display: none;
    }
    .header .mobile-menu-switch {
        display: table-cell;
        padding-top: 70px;
    }
    .header-container.sticky.move .menu-container {
        margin-top: 0;
    }
    .menu-container {
        width: auto;
        float: right
    }
    header .barraAmarela .plantaoCont {
        text-align: left;
        margin-top: 5px
    }
    .collapsible-mobile-submenus>li,
    .collapsible-mobile-submenus>li li {
        position: relative;
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu,
    .collapsible-mobile-submenus>li li a.template-arrow-menu {
        position: absolute;
        width: 48px;
        height: 48px;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu::before,
    .collapsible-mobile-submenus>li li a.template-arrow-menu::before {
        position: absolute;
        left: 17px;
        top: 16px;
    }
    .collapsible-mobile-submenus>li a.template-arrow-menu:hover,
    .collapsible-mobile-submenus>li li a.template-arrow-menu:hover {
        text-decoration: none;
    }
    .collapsible-mobile-submenus .template-arrow-menu+ul,
    .collapsible-mobile-submenus .template-arrow-menu+ul ul {
        display: none;
        background-color: #f3f3f3
    }
    .collapsible-mobile-submenus .template-arrow-menu+ul {
        display: none;
        background-color: #f00
    }
    .collapsible-mobile-submenus .template-arrow-menu+ul ul {
        display: none;
        background-color: #ff0
    }
    header .logo {
        width: auto
    }
    br.resp {
        display: none
    }
    .footer .logoFoo {
        margin-bottom: 30px;
    }
    .copyright {
        padding-left: 50px;
        padding-right: 50px;
    }
    .suporte .links {
        margin-top: 30px 0 0
    }
    .headerInt.bgEmpresa {
        background-position: calc(100% + 550px) center
    }
    .imgEmpresa {
        display: none
    }
    .homeVelocidade .tit {
        text-align: center;
        margin-bottom: 10px
    }
    .homeFale .tit {
        margin-bottom: 30px;
    }
    .homeConecte .img {
        margin-top: 40px;
    }
    .homeDiferenciais1 {
        background-position: 0 center;
    }
    .slick-list {
        height: 191px
    }
    .ct-u-display-tablex {
        height: 191px
    }
    .ct-header .banner1 {
        background-position: -150px top;
    }
    .ct-header .banner2 {
        background-position: -120px top;
    }
    .bgIntCont.sobreNos .valign {
        margin-top: 40px;
        text-align: center;
        display: block;
    }
    /* banner1 */
    .banner1_txt1 {
        width: 360px;
        top: 30px;
        right: 20px;
        font-size: 30px;
        line-height: 1.3;
    }
    .banner1_txt2 {
        top: 135px;
        right: 20px;
    }
    /* banner2 */
    .banner2_txt1 {
        width: 400px;
        top: 30px;
        left: 20px;
        font-size: 30px;
        line-height: 1.3;
    }
    .banner2_txt2 {
        top: 135px;
        left: 20px;
    }
    /* banner interno */
    .headerInt {
        height: 250px;
    }
    .headerInt .banIntEmpresa h1 {
        width: 350px;
        font-size: 34px;
        text-align: right;
        left: calc(50% - 275px);
    }
    .headerInt .banIntEmpresa img {
        width: 1574px;
        left: calc(100% - 1100px);
    }
    .headerInt .banIntPlanos h1 {
        width: 220px;
        font-size: 34px;
        text-align: right;
        left: calc(50% + 0px);
    }
    .headerInt .banIntPlanos img {
        width: 1574px;
        left: calc(100% - 1130px);
    }
    .headerInt .banIntContrato h1 {
        width: 350px;
        font-size: 34px;
        text-align: right;
        left: calc(50% - 275px);
    }
    .headerInt .banIntContrato img {
        width: 1574px;
        left: calc(100% - 1100px);
    }
    .headerInt .banIntSuporte h1 {
        width: 260px;
        font-size: 34px;
        text-align: right;
        left: calc(50% - 210px);
    }
    .headerInt .banIntSuporte img {
        width: 1574px;
        left: calc(100% - 980px);
    }
    .headerInt .banIntContato h1 {
        width: 260px;
        font-size: 34px;
        text-align: right;
        left: calc(50% - 210px);
    }
    .headerInt .banIntContato img {
        width: 1574px;
        left: calc(100% - 980px);
    }
}

@media screen and (max-width:575px) {
    .header-top-bar,
    .header {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    header .barraAmarela {
        padding: 18px
    }
    .ct-header .banner1 {
        background-position: -150px top;
    }
    .ct-header .banner2 {
        background-position: -120px top;
    }
    .homeDiferenciais1 {
        background-position: -200px center;
    }
}

@media screen and (max-width:479px) {
    .header-top-bar,
    .header {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    /* banner interno */
    .headerInt {
        height: 250px;
    }
    .headerInt .banIntEmpresa h1 {
        width: 240px;
        font-size: 30px;
        text-align: right;
        left: calc(50% - 205px);
    }
    .headerInt .banIntEmpresa img {
        width: 1574px;
        left: calc(100% - 1100px);
    }
    .headerInt .banIntPlanos h1 {
        width: 220px;
        font-size: 34px;
        text-align: right;
        left: calc(50% - 50px);
    }
    .headerInt .banIntPlanos img {
        width: 1574px;
        left: calc(100% - 1080px);
    }
    .headerInt .banIntContrato h1 {
        width: 240px;
        font-size: 30px;
        text-align: right;
        left: calc(50% - 205px);
    }
    .headerInt .banIntContrato img {
        width: 1574px;
        left: calc(100% - 1100px);
    }
}

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

@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none;
    }
}