@media screen and (max-width:1799px) {
    
    .slick-prev { left: 376px;}
    .slick-next { right: 376px;}
    
}


@media screen and (max-width:1500px) {
    
    .slick-prev { left: 271px;}
    .slick-next { right: 271px;}
    
}


@media screen and (max-width:1199px) {
    
    h1, .h1 { font-size: 45px;}
    h2, .h2 { font-size: 35px;}
    h3, .h3 { font-size: 25px;}
    h4, .h4 { font-size: 22px;}

    .hlargest { font-size: 55px;}
    
    .slick-prev { left: 226px;}
    .slick-next { right: 226px;}
    
    .header { padding: 0 30px;}
    .header-logo { margin-right: 30px;}
    .header-menu > a { margin: 0 10px;}
    
    .section .sc-inner { padding: 80px 0;}
    .section .sc-headline { margin-bottom: 50px;}
    
    .section-contact .sc-inner { padding: 60px 0;}
    .section-contact .col { float: none; width: 100%; text-align: center; padding: 5px 0;}
    
}


@media screen and (max-width:1180px) {
    
    .header { padding: 0 20px;}
    
}


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

    #header-fixed.nav-up {
        top: -60px;
    }
    .main {
        padding-top: 60px;
    }
    /*.section-hero {
        margin-top: 60px;
    }*/
    
    .slick-slide, .features.slick-slider .slick-slide { padding: 0 15px;}
    .slick-prev { left: 32px;}
    .slick-next { right: 32px;}
    .slick-prev:before, .slick-next:before { font-size: 34px;}
    
    .header-menu { display: none;}
    
    .header { height: 60px;}
    .header-logo, .header-menu, .header-action { line-height: 60px;}
    
    .btn { padding: 0 15px; min-width: inherit; line-height: 28px;}
    .btn-call { padding-left: 10px;}
    
    .section .sc-inner {padding: 60px 0;}
    .section .sc-headline { margin-bottom: 40px;} 
    
    .section-hero {
        height: -webkit-calc(100vh - 60px);
        height: -moz-calc(100vh - 60px);
        height: calc(100vh - 60px);
    }
    .section-hero .hero-wrap {
        height: -webkit-calc(100vh - 90px);
        height: -moz-calc(100vh - 90px);
        height: calc(100vh - 90px);
    }
    
    .footer { padding: 30px 0;}
    .footer-contact .address { margin-bottom: 10px;}
    .footer-contact .info li { padding: 10px 0;}
    
    .section-contact .call { font-size: 30px;}
    
    .features.slick-slider { margin-top: -40px; padding: 40px 0;}
    
    .section-360 .nav-tabs { margin-bottom: 20px;}
    
}


@media screen and (max-width:991px) {
    
    h1, .h1 { font-size: 40px;}
    h2, .h2 { font-size: 30px;}
    h3, .h3 { font-size: 20px;}
    h4, .h4 { font-size: 18px;}
    .sc-description { font-size: 16px;}
    
    .caption-box { 
        margin-top: 0;
        width: 100%; 
        height: 130px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .caption-box .text-top { height: 100px;}
    .caption-box .text-bottom { top: 96px;}
    
    .logo li { padding: 10px 0;}
    
    .service-box { padding: 30px 20px 20px;}
    
}


@media screen and (min-width:768px) {
    
    .table-package th:first-child,
    .table-package td:first-child {
        padding-left: 0;
    }
    
    #table-package-group table:last-child tbody:last-child tr:last-child th,
    #table-package-group table:last-child tbody:last-child tr:last-child td {
        padding-bottom: 0;
    }
    
}


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

    .header-logo .logo-font { font-size: 18px;}
    
    .table-package .th-title .font-prata {
        display: block;
    }
    .table-package th, .table-package td { padding: 10px 15px;}
    .table-package tbody tr:first-child th, .table-package tbody tr:first-child td { padding-top: 30px;}
    .table-package tbody tr:last-child th, .table-package tbody tr:last-child td { padding-bottom: 30px;}
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>tbody>tr>td, 
    .table-responsive>.table>tbody>tr>th, 
    .table-responsive>.table>tfoot>tr>td, 
    .table-responsive>.table>tfoot>tr>th, 
    .table-responsive>.table>thead>tr>td, 
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }
    
    .section .sc-inner { padding: 40px 0;}
    .section .sc-headline { margin-bottom: 20px;}
    .section .sc-image { max-width: 80%; margin-left: auto; margin-right: auto;}
    
    .section-contact .sc-inner { padding: 30px 0;}
    .section-contact .ac-form, .section-contact .ac-call { display: block; margin-bottom: 15px;}
    .section-contact .ac-form { margin: 0; padding: 0; border: 0;}
    .section-contact .btn-contact { padding: 0 20px; line-height: 43px;}
    
    .features-box { min-height: 260px; padding: 60px 15px 15px;}
    
    
}


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

    h1, .h1 { font-size: 35px;}
    h2, .h2 { font-size: 30px;}
    
    .nav-tabs > a { margin: 0 8px 8px;}
    
    .footer-contact { font-size: 13px;}
    .footer-contact .info li { float: none; width: 100%;}
    
}

@media screen and (max-width:480px) {
    
    body { font-size: 14px;}
    h3, .h3 { font-size: 18px;} 
    h4, .h4, .footer-contact .heading { font-size: 16px;}
    /*.text-bottom, .service-box .caption, .compare-title li, .nav-tabs > a { font-size: 14px;}*/

    .slick-prev { left: 0;}
    .slick-next { right: 0;}
    
    .slick-prev, .slick-next { width: 25px; height: 100%;}
    
    .slick-prev:before, .slick-next:before { font-size: 0;}
    
    .features-box .br { display: inline-block; width: 4px;}
    
    .slick-slide, .features.slick-slider .slick-slide, .service-slider .item { padding: 0 5px;}
    
    .service-box .image { margin: 20px auto;}
    .service-slider .item { height: 380px;}
    
    .section-contact .call { font-size: 25px;}
}

@media screen and (max-width:375px) {
    
    h1, .h1 { font-size: 30px;}
    h2, .h2 { font-size: 25px;}
    
    
    .header { padding: 0 15px;}
    .header-logo .logo-font {
        font-size: 16px;
    }
    .header-action .btn {
        padding: 0 10px;
    }
    .btn-call .ic-phone-o {
        font-size: 14px;
    }
    .header-action .share-group {
        margin-right: 15px;
        font-size: 14px;
    }
    
}


@media screen and (max-width:320px) {
    
    h1, .h1 { font-size: 28px;}
    h2, .h2 { font-size: 24px;}
    
    .nav-tabs { margin-left: -7px; margin-right: -7px;}
    .nav-tabs > a { margin: 0 7px 10px; padding-bottom: 0;}
}