@media (max-width:479px) {
    .navbar-toggler:focus {
        box-shadow: none !important;
    }
    .navbar-collapse {
        position: absolute;
        top: 60px;
        left: -130px;
        box-shadow: 1px 1px 10px #00000070;
        padding: 15px;
        border-radius: 7px;
        background-color: #fff;
        z-index: 999;
        width: 200px;
    }
    button.navbar-toggler {
        border: none !important;
    }

    .navbar-nav a {
        color: #000 !important;
    }
    .header-logo img {
        width: 120px;
    }
    img.sm-burger-logo {
    width: 25px;
    margin-top: -5px;
}


    /* Banner */
    .box-logo {
        font-size: 2.2vw;
        padding-top: 50px;
    }
    .fundo-logo {
        top: 105px;
        /*top: 10.3em;*/
    }
    .box-menino {
        top: -22px;
        /*top: -4.2em;*/
    }
    .uk-slider-items li img {
        -webkit-filter: drop-shadow(1px 1px 2px rgba(255, 255, 255, 0.7));
        filter: drop-shadow(1px 1px 2px rgba(255, 255, 255, 0.7));
    }
    .uk-slider-items li h1 {
        color: #fff !important;
    }
    .uk-position-small {
        margin: 15px 0 !important;
    }
    .cameras {
        display: block;
    }
    .container.camera {
        width: 87.5%;
    }
    .camera-hero-lens-container {
        left: 50%;
        width: 594px;
        height: 638px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .lens-image.top {
        width: 290px;
        height: 289px;
        background-size: 290px 289px;
    }
    .lens-image.middle {
        width: 290px;
        height: 289px;
        background-size: 290px 289px;
    }
    .lens-image.bottom {
        width: 290px;
        height: 289px;
        background-size: 290px 289px;
    }
    .camera-hero-content {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .camera-hero-content-container {
        max-width: 91.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 91.66667%;
        -ms-flex: 0 91.66667%;
        flex: 0 91.66667%;
    }
    .camera-hero-heading {
        font-size: 48px;
        color: #fff;
    }
    .camera-hero-headline {
        font-size: 48px;
        color: #b6b6b6;
    }

    .top-lens {
        -webkit-transform-origin: 700px 200px;
        -ms-transform-origin: 700px 200px;
        transform-origin: 700px 200px;
    }
    .middle-lens {
        -webkit-transform-origin: 1631px 606px;
        -ms-transform-origin: 1631px 606px;
        transform-origin: 1631px 606px;
    }
    .bottom-lens {
        -webkit-transform-origin: -200px -400px;
        -ms-transform-origin: -200px -400px;
        transform-origin: -200px -400px;
    }
    .three-lens-headline1 {
        font-size: 18px;
        font-weight: 200;
        text-align: justify;
    }
    .three-lens-intro-text11 h2 {
        font-size: 34px !important;
    }
    .three-lens-sticky-container.container {
        height: 106vh;
    }
    .hero-dual-grid {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .dual-grid-left {
        padding-left: 8vw;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .section-headline {
        max-width: initial;
        font-size: 40px;
    }
    .section-paragraph {
        max-width: initial;
        font-size: 19px;
    }
    .hero-dual-grid {
        display: flex;
        flex-direction: column;
    }
    .take-a-closer-look-content img {
        margin-top: 130px;
        width: 300px;
    }
    .camera-glass-image {
        overflow: hidden;
    }
    .img-wrapper-camera-glass {
        padding-top: 8vh;
    }
    /*.swing:after {*/
    /*    left: 29%;*/
    /*}*/

    .last-sec {
        bottom: 0;
        position: absolute;
    }
    .last-ed .hero-dual-grid-container {
        height: 250vh;
    }

    .sign {
        background-image: radial-gradient(
    ellipse 40% 35% at 50% 50%,
    #ffc45773,
    transparent
  );
    }
    
    @keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:205px;}
    80% {opacity:1;}
    100% {opacity:0;width:205px;}
}

    





    .sign {
    font-size: 2rem;
    }









    /* About page */

    .hero {
        display: block;
        padding-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .intro-content {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: left;
    }
    .intro-subhead {
        font-size: 48px;
        text-align: left;
    }
    .intro-paragraph {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 24px;
        text-align: left;
    }
    .intro-pricing {
        margin-top: 0px;
        text-align: left;
        white-space: normal;
    }
    .intro-pricing {
        margin-bottom: 15px;
        font-size: 21px;
    }
    .cta-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .hero-grid-container.checkpp {
        display: none;
    }
    .hero-triple-grid {
        grid-column-gap: 15px;
        grid-row-gap: 3016px;
        -ms-grid-columns: 1fr 1fr;
        height: 80vh;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        background-color: #111;
      }
      div#new-img {
        top: 100px;
    }
    .hero-gtid-image-2 {
        height: 55%;
    }

    .three-lens-intro-text111 h2 {
        font-size: 34px !important;
    }
    .logos {
        padding-bottom: 20px;
    }
    .logo__image {
        width: 642px;
        min-width: 642px;
    }
    .about-fill-data {
        padding-top: 35px !important;
    }
    .about-lens-set {
        height: 70vh !important;
    }
    .logos1 {
        padding-bottom: 40px !important;
    }
    .about-con-fill {
        margin-top: 150px;
    }

    .header-top {
        background-color: #000;
    }

    /* Contact */
    .contact-head {
        font-size: 48px;
    }
    .con-intro-paragraph {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 0.004px;
    }
    .contact-info-box {
        background-color: #000;
        height: 350px;
        padding: 0px 15px;
        border-bottom: solid 15px #111;
    }
    .contact-info-box p {
        font-size: 19px !important;
        font-weight: 500 !important;
    }
    .con-icon img {
        width: 80px;
    }
    .contact-stick-flow {
        top: 95px !important;
    }
    .camera-glass-image1 {
        padding: 40px 20px;
    }


    /* Franchise */
    .franchise-head {
        font-size: 34px;
        font-weight: 800;
    }
    .franchise-intro-paragraph {
        margin-top: 15px;
        margin-bottom: 15px;
        color: #eeeeee;
        font-size: 19px;
        text-align: justify;
        font-weight: 400;
        letter-spacing: 0.004px;
    }

    .section-content {
        width: auto;
    }
    .right-column {
        display: none;
    }
    
    .left-column {
        max-width: 100%;
        -webkit-box-flex: initial;
        -webkit-flex: auto;
        -ms-flex: initial;
        flex: auto;
        padding: 0 15px;
    }
    
    .callout-tittle {
        width: auto;
    }
    .callout-tittle.middle, .callout-tittle.top, .callout-tittle {
        color: #ff930c;
        font-size: 31px;
    }
    .callout-keyline.middle, .callout-keyline.top, .callout-keyline.bottom {
        width: auto;
    }
    .callout-keyline {
        height: 2px;
        margin-top: 60px;
    }
    .nav-menu li a {
    font-size: 17px;
    padding: 4px 16px !important;
}
    .callout-details {
        z-index: 20;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-left: 0px;
        line-height: 1.285;
    }
    .callout-details p, .callout-details {
        font-size: 19px !important;
        
        font-weight: 400;
    }
    .callout-details p {
        text-align: justify;
    }
    .callout-single-lens.middle {
        margin-top: 30px;
    }
    ul.callout-details {
        padding: 0 0px 0 20px;
    }
    li.detail {
        color: #fff;
        margin-bottom: 8px;
    }
    .three-lens-sticky-container-franchise {
        height: 250vh !important;
        /*height: 360vh;*/
    }
    
}