/* Home Section */
/*iPad Layout*/
@media only screen and (max-width: 1350px) {
    .home-section .sec-text {
        max-width: 692px;
    }
}
@media only screen and (max-width: 780px) {
  .hero-img > img{
      width:90% !important;
  }
   /* .home-section {
        padding: 170px 100px 72px 100px;
    }*/
}

/*Mobile Layout*/
@media only screen and (max-width: 480px) {
    .home-section {
        padding-top: 110px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 0px;
    }
    .hero-apps {
        margin-top: 46px;
        margin-bottom: 127px
    }
    .home-section .sec-title {
        font-size: 40px !important;
        line-height: 48px !important;
    }
    .home-section .sec-sub-title {
        font-size: 40px !important;
        line-height: 48px !important;
    }
    .hero-img {
        margin-top: 32px;
        margin-bottom: 55px;
    }
    .home-section .sec-text {
        font-size: 19px !important;
        line-height: 23px !important;
        max-width: 340px;
    }
}
/******************************************************************************************************/

/* anywhere-section */
/*iPad Layout*/
@media only screen and (max-width: 1615px) {
    .anywhere-section {
        padding-top: 0px;
        padding-bottom: 120px;
    }
        .anywhere-section .sec-text {
            max-width: 692px;
        }
}

@media only screen and (max-width: 780px) {
    /*.anywhere-section {
        padding: 00px 100px 120px 100px;
    }*/
}
/*Mobile Layout*/
@media only screen and (max-width: 600px) {
    .anywhere-section {
        padding: 0px 25px 50px 25px;
    }
        .anywhere-section .container {
            margin-bottom: 0px;
        }
        .anywhere-section .sec-text {
            font-size: 18px !important;
            line-height: 22px !important;
            max-width: 340px;
        }
}

/******************************************************************************************************/

/* Activate Loud Siren Alarm Sound Section */
/*iPad Layout*/
@media only screen and (max-width: 1740px) {
    .activate-section {
        padding-bottom: 20%;
        background-position: top left -150px, top 170px left 64%;
    }
    .sub-activate-section {
        margin-top: 15%;
        margin-left: 56%;
    }
    .activate-section .Desktop-Body-2 {
        max-width: 318px;
    }
}

@media only screen and (max-width: 1190px) {
    .activate-section {
        padding-top: 80px;
        padding-bottom: 430px;
        background-position: top left 76%, top 170px left 72%;
        background-size: cover,37% auto;
    }
    .activate-bottom-sahdow {
        height: 80px;
    }
    .sub-activate-section {
        margin-top: 360px;
        margin-left: 53%;
    } 
}

@media only screen and (max-width: 1004px) {
    .activate-section {
        padding-top: 80px;
        padding-bottom: 430px;
        background-position: top left 62%, top 170px left 85%;
        background-size: cover,37% auto;
    }
    .activate-bottom-sahdow {
        height: 80px;
    }
    .sub-activate-section {
        margin-top: 360px;
        margin-left: 60%;
    }
    .activate-section .Desktop-Body-2 {
        max-width: 280px;
    }
    .activate-section .bottom-shadow {
        width: 58%;
    }
}

/*Mobile Layout*/
@media only screen and (max-width: 675px) {
    .activate-section {
        padding: 50px 0px 600px 0px;
        background-position: bottom left -385px, top 355px left 100%;
        background-size: auto 580px,50%;
    }
        .activate-section .Desktop-Body-2 {
            max-width: 340px;
        }

    .activate-bottom-sahdow {
        height: 60px;
    }


    .sub-activate-section {
        margin-top: 0px;
        margin-left: 0px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .activate-section .bottom-shadow {
        height: 207px;
        width: 100%;
    }
}

/******************************************************************************************************/

/* Get Alerted Instantly section */
/*iPad Layout*/
@media only screen and (max-width: 1200px) {
    .alert-section {
        padding-top: 80px;
        padding-bottom: 0px;
    }
    .full-width-mobile {
        align-items: center;
        width: 100%;
    }
    .alert-section .Desktop-Body-2 {
        text-align: center;
    }
    .app-link {
        gap: 30px
    }
    .alert-section .row {
        flex-direction: column;
        gap: 0px;
    }
    .ipad-phone-background {
        background-position: center bottom;
        width: 100%;
        margin: 84px 0px 86px 0px;
        max-width: 950px;
    }
    .right-align > img {
        width: 455px;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1606px) {
    .ipad-phone-background {
        background-size: contain;
    }

        .ipad-phone-background > img {
            width: 100%;
        }
}

@media only screen and (max-width: 938px) {
    .ipad-phone-background {
        background-size: contain;
    }

        .ipad-phone-background > img {
            width: 100%;
        }
}
/*Mobile Layout*/
@media only screen and (max-width: 485px) {
    .alert-section {
        padding-top: 60px;
        padding-bottom: 0px;
        background-position: bottom;
    }

        .alert-section .row {
            align-items: initial;
        }

        .alert-section .full-width-mobile {
            padding-left: 25px;
            padding-right: 25px;
            align-items: start;
            max-width: 340px;
        }

        .alert-section .sec-title {
            font-size: 36px !important;
            line-height: 40px !important;
        }

        .alert-section .Desktop-Body-2 {
            text-align: left;
        }

    .app-link {
        gap: 10px;
    }

        .app-link > a > img {
            max-width: 150px;
            height: 50px;
        }

    .ipad-phone-background {
        background-position: left 29px bottom;
        margin-top: 45px;
        background-size: cover;
        height: 500px;
    }
}
/******************************************************************************************************/
/* Track down the thief with photo evidence section */
/*iPad Layout*/
@media only screen and (max-width: 1700px) {
    .tracking-section {
        padding-bottom: 80px;
        padding-top: 80px;
    }
        .tracking-section .row {
            gap: 0px;
        }
        .tracking-section .hide-mob {
            max-width: 318px;
        }
}

/*Mobile Layout*/
@media only screen and (max-width: 600px) {
    .tracking-section {
        padding: 60px 10px;
    }

        .tracking-section .row {
            flex-direction: column-reverse;
            align-items: initial;
        }

        .tracking-section .hide-wide {
            max-width: 340px;
        }

        .tracking-section .hide-mob {
            display: none;
        }
    .right-align {
        text-align: center;
        margin-top: 34px;
    }
        .right-align > img {
            width: 100%;
            max-width: 200px;
        }
    .tracking-section .hide-wide {
        display: block;
    }

}
/******************************************************************************************************/


/* Power Unplugged or Screen Closed section */
/*iPad Layout*/
@media only screen and (max-width: 1024px) {
    .power-section {
        padding-top: 80px;
    }
    .power-section-background {
        background-position-x: -150px;
        background-position: left -120px bottom -226px;
        margin-top: -226px;
    }
        .power-section-background > img {
            width: 100% !important;
            height: 944px;
        }
}

@media only screen and (max-width: 915px) {
    .power-section-background > img {
        height: 70vh;
    }
}
/*Mobile Layout*/

@media only screen and (max-width:550px) {
    .power-section {
        padding-top: 60px;
        text-align: left;
        padding-bottom: 53px;
    }
        .power-section .Desktop-Body-2, .power-section .Desktop-Heading-3 {
            text-align: left;
            padding-left: 25px;
            /*        padding-right: 25px;*/
            display: block;
        }

        .power-section .Desktop-Body-2 {
            padding-bottom: 28px;
            max-width: 340px;
            margin: initial;
            margin-top: 17px;
        }

        .power-section .new-line-mobile {
            display: block
        }

        .power-section .new-line {
            display: inline-block;
        }

    .power-section-background {
        display: none;
    }

    .power-section-background {
        display: block;
        background-image: url('../Images/magsafe__wkeiwwe9e36i_large_2x.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left;
        margin-top: 0px;
    }

        .power-section-background > img {
            height: 344px !important;
        }
}
/******************************************************************************************************/
/* Set Your Options & Protect Your MacBook Anywhere, Anytime section */
/*iPad Layout*/

/*@media only screen and (max-width: 1695px) {
    .settings-section-contents {
        margin-left: 60%;
    }
    .settings-section .bottom-shadow {
        width: 60%;
    }
    .settings-section {
        padding-top: 239px;
        padding-bottom: 317px;
        background-position-y: 80px;
        background-position: left -400px top 80px;
        background-size: contain;
    }
    .settings-section .new-line {
        display: none;
    }
    .settings-section .new-line-ipad {
        display: block;
    }
}*/

@media only screen and (max-width: 1560px) {
    .settings-section-contents {
        margin-left: 60%;
    }

    .settings-section .bottom-shadow {
        width: 60%;
    }

    .settings-section {
        padding-top: 239px;
        padding-bottom: 317px;
        background-position-y: 80px;
/*        background-position: left -400px top 80px;*/
        background-size: contain;
    }

        .settings-section .new-line {
            display: none;
        }

        .settings-section .new-line-ipad {
            display: block;
        } .settings-section .bottom-shadow {
        width: 55%;
    }
}

@media only screen and (max-width: 1200px) {
    .settings-section {
        padding-top: 239px;
        padding-bottom: 317px;
        background-position-y: 80px;
        background-position: left -357px top 80px;
        text-align: left;
        background-size: contain;
    }

        .settings-section .Desktop-Body-2
        .reverse-col {
            align-items: start;
        }

        .settings-section .Desktop-Body-2 {
            text-align: left;
            max-width: 318px;
        }

    .settings-section-contents {
        margin-left: 55%;
    }

    .settings-section .new-line {
        display: none;
    }

    .settings-section .new-line-ipad {
        display: block;
    }
}

@media only screen and (max-width: 955px) {
    .settings-section {
        padding-top: 239px;
        padding-bottom: 317px;
        background-position-y: 80px;
        background-position: left -357px top 80px;
        text-align: left;
        background-size: contain;
    }

        .settings-section .Desktop-Body-2
        .reverse-col {
            align-items: start;
        }

        .settings-section .Desktop-Body-2 {
            text-align: left;
            max-width: 318px;
        }

    .settings-section-contents {
        margin-left: 55%;
    }

    .settings-section .new-line {
        display: none;
    }

    .settings-section .new-line-ipad {
        display: block;
    }
}
@media only screen and (max-width: 890px) {
    .settings-section-contents {
        margin-left: 60%;margin-right:25px;
    }
}
@media only screen and (max-width: 755px) {
    .settings-section {
        padding-top: 239px;
        padding-bottom: 317px;
        background-position-y: 80px;
        background-position: left -357px top 80px;
        text-align: left;
        background-size: contain;
    }

        .settings-section .Desktop-Body-2
        .reverse-col {
            align-items: start;
        }

        .settings-section .Desktop-Body-2 {
            text-align: left;
            max-width: 318px;
        }

    .settings-section-contents {
        margin-left: 55%;
    }

    .settings-section .new-line {
        display: none;
    }

    .settings-section .new-line-ipad {
        display: block;
    }
}
/*Mobile Layout*/
@media only screen and (max-width: 600px) {
    .settings-section {
        padding-top: 60px;
        padding-bottom: 468px;
        background-position: right 83px top 350px;
        background-size: contain;
    }

        .settings-section .Desktop-Body-2 {
            max-width: 340px;
        }

    .settings-section-contents {
        margin-left: 25px;
        margin-right: 25px;
    }

    .settings-section .bottom-shadow {
        height: 128px;
        width: 100%;
    }

    .settings-section .export-visual-ipad {
        display: none;
    }

    .settings-section .new-line-ipad {
        display: none;
    }
}
/******************************************************************************************************/

/* Application  section */
/* Ipad Layout*/
@media only screen and (max-width: 1024px) {
    .apps-section .new-line {
        display: none;
    }

    .apps-section .new-line-ipad {
        display: block;
    }

    .community-row {
        flex-direction: column;
        gap: 0px;
    }

    .right-community {
        margin-top: 37px;
    }
}
/*Mobile Layout*/
@media only screen and (max-width: 800px) {
    .community-row {
        margin-top: 35px;
        flex-direction: column;
        gap: 0px;
    }

    .apps-section .new-line-ipad {
        display: none;
    }

    .apps-section {
        padding: 50px 25px 57px 25px;
    }

    .community-img {
        width: 50px;
        height: 50px;
    }

    .left-community {
        margin-bottom: 35px;
        padding: 20px 0 26px 0;
        width: 340px !important;
        border-radius: 18px !important;
    }



    .right-community {
        margin-top: 0px;
        padding: 20px 0 26px 0;
        width: 340px !important;
        border-radius: 18px !important;
    }

    .txt-community {
        display: block;
        margin-top: 15px;
        color: white;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .community-link {
        margin-top: 30px
    }

    .right-community > .community-link > a > img {
        width: 150px;
    }

    .right-community > .community-link > a:first-child {
        margin-right: 10px !important;
    }
}
/******************************************************************************************************/

/* Policies Section */
/*iPad Layout*/
@media only screen and (max-width: 1024px) {
    .policies-section {
        max-width: 592px;
        padding-bottom: 160px;
    }

        .policies-section .new-line {
            display: none;
        }
}

@media only screen and (max-width: 800px) {
    .policies-section {
        max-width: 500px !important;
        padding-bottom: 160px;
    }
}
/*Mobile Layout*/
@media only screen and (max-width: 600px) {
    .policies-section {
        max-width: 317px !important;
        padding-top: 110px !important;
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 390px) {
    .policies-section {
        max-width: 75% !important;
        padding-top: 110px !important;
        padding-bottom: 60px !important;
    }
}
/******************************************************************************************************/


/* Common */
@media screen and (min-width: 2000px) {
    body {
        background-size: 100%;
    }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1999px) {

    body {
        background: none;
        opacity: 1;
    }
    .home-backgroud {
        background: transparent url('../Images/Mask Group 10.png') 0% 0% no-repeat padding-box;
        opacity: 1;
        background-size: cover;
        background-position: initial;
    }
}

@media only screen and (min-width: 1025px) and (max-height: 1999px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        background: none;
        opacity: 1;
    }

    .home-backgroud {
        background: transparent url('../Images/Mask Group 10.png') 0% 0% no-repeat padding-box;
        opacity: 1;
        background-size: cover;
        background-position: right center;
    }}
@media only screen and (max-width: 600px) {
    /* .header {
            padding: 0px 28px 0px 21px !important;
        }
*/
    .home-backgroud {
     background-position:  right 55% center !important;
    }


    .app-icon {
        width: 48px !important;
        height: 48px !important;
        margin-right: 9px !important;
    }

    .text {
        font-size: 19px !important;
        line-height: 24px !important;
    }

    .Desktop-Heading-1 {
        font-size: 40px !important;
        line-height: 48px !important;
    }

    .Desktop-Heading-2 {
        font-size: 35px !important;
        line-height: 39px !important;
    }

    .sec-title, .sec-sub-title {
        font-size: 36px !important;
        line-height: 40px !important;
    }

    .Desktop-Heading-3 {
        font-size: 28px !important;
        line-height: 31px !important;
    }

    .bottom-80 {
        margin-bottom: 35px;
    }

    footer {
        padding-bottom: 60px !important;
    }

    .new-line {
        display: inline-block;
    }

    .sec-text {
        font-size: 17px !important;
    }

    .hide-wide {
        display: initial;
    }

    .hide-mob {
        display: none;
    }

    .new-line-mobile {
        display: block;
    }

    .footer-img {
        margin-right: 40px;
    }

    .footer-lnk {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .item {
        flex: 50%;
        margin-bottom: 23px;
        margin-right: 0px;
    }

    .pages {
        display: flex;
        flex-wrap: wrap;
        margin-top: 64px;
        margin-bottom: 63px;
    }
}
@media only screen and (max-width: 700px) {
    .legal {
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
    }

    .left-col {
        text-align: center;
        width: 100%;
        float: none;
    }

    .right-col {
        text-align: center;
        width: 100%;
        float: none;
        margin-bottom: 27px;
        display: flex;
        justify-content: space-around;
    }
}
/******************************************************************************************************/


@media only screen and (max-width: 599px) {
    .new-line-ipad {
        display: none;
    }

    .reverse-col {
        display: flex;
        flex-direction: column-reverse;
    }
}


/* Footer */
/* /*iPad Layout*/
@media only screen and (max-width: 1024px) {
    .pages {
        margin-bottom: 56px;
    }
    body {
        background: none;
        opacity: 1;
    }
    .home-backgroud {
        background: transparent url('../Images/Mask Group 10.png') 0% 0% no-repeat padding-box;
        opacity: 1;
        background-size: cover;
        background-position: right  center;
    }
    /*  .header {
            padding: 0px 160px;
        }*/
    .get-app-desktop {
        display: none;
    }

    .get-app-tablet {
        display: initial;
    }

    .text {
        font-size: 21px !important;
        line-height: 26px !important;
    }

    .app-icon {
        width: 52px;
        height: 52px;
        margin-right: 6px
    }

    .Desktop-Heading-1 {
        font-size: 64px;
        line-height: 70px;
    }



    .Desktop-Heading-2 {
        font-size: 48px;
        line-height: 53px;
    }

    .Desktop-Body-2 {
        font-size: 17px;
        line-height: 21px;
    }

    .Desktop-Heading-3 {
        font-size: 32px;
        line-height: 39px;
    }

    .sec-title {
        font-size: 64px;
        line-height: 70px;
    }

    .sec-sub-title {
        font-size: 64px;
        line-height: 70px;
    }

    .sec-text {
        font-size: 21px;
        line-height: 25px;
    }
}