@media only screen and (min-width: 347px) and (max-width: 421px) {

    /************** Banner-1 Start **************/


    .btn-menu {
        width: auto;
        height: auto;
    }
    .navbar-brand {
        margin-right: 0.1rem;
    }
    .banner-1-sec h1 {
        font-size: 69px !important;
    }
    .pop_up2 .emr-content {
        padding-top: 40px !important;
    }
    .pop_up2 .emr-content p {
        font-size: 18px !important;
        padding-top: 25px !important;
    }
    .pop_up2 .emr-content button {
        height: 80px !important;
    }


    /************** Banner-2 Start **************/


    .modal-section-2 .modal-content {
        width: 320px !important;
    }
    .modal-section-2 .modal-header .modal-title {
        width: 100% !important;
    }
    .modal-section-2 .modal-header .modal-title {
        font-size: 28px !important;
    }


    /************** Banner-3 Start **************/


    .banner-3 .modal-content {
        width: 320px !important;
    }
    .banner-3 .modal-header .modal-title {
        width: 80% !important;
    }


    /************** Banner-4 Start **************/


    .banner-4-sec h2 {
        font-size: 54px !important;
    }
    .banner-4-sec .card .card-link {
        width: 110% !important;
    }
    .banner-4-sec .card .card-link p {
        margin: 0 auto !important;
    }
    .banner-4-sec .card {
        font-size: 18px !important;
    }
    .banner-4-sec h3 {
        font-size: 24px !important;
        width: 98% !important;
    }
    .banner-4-sec .card .card-link {
        width: 113% !important;
    }
    .banner-4-sec .card {
        font-size: 18px !important;
    }


    /************** Banner-5 Start **************/


    .banner-5-sec .btn {
        font-size: 32px !important;
    }
    .banner-5-sec .list-items .line img {
        padding-right: 32px !important;
    }
    .banner-5-sec h3 {
        width: 80% !important;
    }
    .banner-5-sec h2 {
        font-size: 51px !important;
    }


    /************** Banner-6 Start **************/


    .banner-6-sec h2 {
        font-size: 51px !important;
        letter-spacing: -4px !important;
    }
    .banner-6-sec h5 {
        font-size: 20px !important;
        margin: 30px 0 15px 0 !important;
    }
    .banner-6-sec .img-text p {
        font-size: 19px !important;
    }
    .banner-6-sec .buttons .btn {
        font-size: 26px !important;
        height: 82px !important;
    }
    .banner-6-sec .img-text {
        margin: 30px auto 0px auto !important;
    }
    .contact-me-modal .modal-content {
        width: 340px !important;
    }
    .mesg-modal .modal-content {
        width: 340px !important;
    }


    /************** Footer Start **************/


    footer .social-icons img {
        width: 40px !important;
        height: 40px !important;
    }



}






/* ******************************** Iphone Screen ******************************** */

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

    /************** Navbar Start **************/


    .banner-1 nav {
        top: 6%;
    }
    .navbar-dark .navbar-toggler {
        width: 59px;
        height: 58px;
        border-radius: 12px;
        border: 2px solid #00EBA4;
    }
    .navbar .navs {
        display: none;
    }
    .navbar .entrar {
        display: none;
    }
    .navbar-brand img {
        width: 222.16px !important;
        height: 50.43px !important;
    }
    nav li.nav-item {
        padding-left: 0px;
    }


    /************** Navbar Modal Start **************/


    .middle .logo {
        width: 222.16px;
        height: 50.43px;
    }
    .middle .align-right {
        display: flex;
        justify-content: end;
    }
    .middle .row.first {
        padding-right: calc(var(--bs-gutter-x) * 0.2);
        text-align: left;
    }
    .middle .btn-menu {
        font-size: 19px;
        padding: 3px;
    }
    .middle .btn-menu.btn-close {
        margin-top: 0px;
        padding: 3px;
        font-size: 19px;
    }
    .middle {
        padding: 56px 0px;
        text-align: center;
    }
    .middle .logos {
        padding-top: 40px;
    }
    .middle .logos .brand {
        display: flex;
        align-items: end;
        justify-content: center;
    }
    .middle .logos .brand img.iphone {
        width: 37.82px;
        height: 37.82px;
        margin-right: 25px;
    }
    .middle .logos .brand img.iphone-text-1 {
        width: 156px;
    }
    .middle .logos .brand img.iphone-text-2 {
        width: 170px;
    }
    .middle .logos .brand img.iphone-text-3 {
        width: 92px;
    }
    .middle .nav-links {
        padding-top: 50px;
    }
    .middle .nav-links {
        flex-direction: column;
    }
    .middle .btn-grp {
        padding-top: 30px;
    }
    .middle .btn-entrar {
        width: 100%;
        height: 58px;
        margin-top: 90px;
    }
    .middle .bottom-entrar {
        padding-top: 30px;
    }
    .middle .warning button {
        width: 100%;
        height: 64px;
        margin-top: 70px;
    }


    /************** Emergency Modal Start **************/


    .pop_up2 .emr-content {
        padding-top: 75px;
    }
    .pop_up2 .emr-content h3 {
        width: 55%;
        padding-bottom: 10px;
    }
    .pop_up2 .emr-content p {
        width: 95%;
    }
    .pop_up2 .emr-content button {
        margin-top: 50px;
    }


    /************** Banner-1 Start **************/


    .banner-1 img.banner-1-desktop {
        display: none;
    }
    .banner-1 img.banner-1-ipad {
        display: none;
    }
    .banner-1 img.banner-1-iphone {
        height: 927px;
        width: 100%;
    }
    .banner-1-sec {
        text-align: center;
        top: 60%;
        z-index: 0;
    }
    .banner-1-sec .desktop{
        display: none;
    }
    .banner-1-sec .ipad.elements {
        display: none;
    }
    .banner-1-sec .ipad.portugal-logo {
        display: none;
    }
    .banner-1-sec h1 {
        font-size: 86px;
    }
    .banner-1-sec h4 {
        font-size: 20px;
        margin: 25px auto 45px auto;
    }
    .banner-1-sec .quote {
        display: none;
    }
    .banner-1-sec-right {
        display: none !important;
    }
    .banner-1-sec .portugal-mobile {
        margin-top: 50px;
    }
    .banner-1 .warning button {
        margin-top: -120px;
    }


    /************** Banner-2 Start **************/


    .banner-2 img.banner-2-desktop {
        display: none;
    }
    .banner-2 img.banner-2-ipad {
        display: none;
    }
    .banner-2 img.banner-2-iphone {
        height: 926px;
        width: 100%;
    }
    .banner-2-sec .desktop {
        display: none;
    }
    .banner-2-sec img.ipad {
        display: none;
    }
    .banner-2-sec-right{
        display: none;
    }
    .banner-2-sec .ipad .row .button {
        display: none;
    }






    .modal-section-2 img.desktop {
        display: none;
    }
    .modal-section-2 img.ipad {
        display: none;
    }
    .modal-section-2 .btn-modal {
        width: 52px;
        height: 50px;
        font-size: 20px;
        margin: 30px auto 0px auto;
    }
    .modal-section-2 .modal {
        /* background: url('../images/modal-1-iphone.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .modal-section-2 .modal-content {
        width: 382px;
        height: 930px;
    }
    .modal-section-2 .modal-body {
        padding: 3.5rem 0rem;
    }
    .modal-section-2 .modal-header .modal-title {
        width: 95%;
    }










    .banner-2-sec {
        top: 56%;
    }
    .banner-2-sec h2 {
        font-size: 49px;
        letter-spacing: -3px;
    }
    .banner-2-sec .ipad .links {
        display: flex;
        margin-top: 30px;
        justify-content: center;
    }
    .banner-2-sec .ipad .links a {
        color: #F5F5F5;
    }
    .banner-2-sec .ipad h6 {
        font-size: 23px;
        margin: 0px 20px;
    }
    .banner-2-sec .ipad .buttons {
        text-align: center;
    }
    .banner-2-sec .ipad .buttons .btn-1 {
        width: 100%;
        height: 89px;
        font-size: 31px;
    }

    /************** Banner-3 Start **************/


    .banner-3 img.desktop {
        display: none;
    }
    .banner-3 img.ipad {
        display: none;
    }
    .banner-3 {
        padding: 80px 0px;
    }
    .banner-3 h3 {
        font-size: 32px;
        width: 75%;
        margin: 0 auto;
    }
    .banner-3 .btn-modal {
        width: 52px;
        height: 50px;
        font-size: 20px;
        margin: 30px auto 0px auto;
    }
    .banner-3 .images {
        display: flex;
        flex-direction: column;
    }
    .banner-3 .images img {
        margin: 20px auto;
    }
    .banner-3 .modal-body img.desktop {
        display: none;
    }
    .banner-3 .modal-body img.ipad {
        display: none;
    }
    .banner-3 .modal {
        /* background: url('../images/modal-2-iphone.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .banner-3 .modal-content {
        width: 382px;
        height: 1165px;
    }
    .banner-3 .modal-body {
        padding: 3.5rem 0rem;
    }
    .banner-3 .modal-header .modal-title {
        width: 70%;
    }
    .banner-3 img.iphone {
        margin-bottom: 35px;
    }


    /************** Banner-4 Start **************/


    .banner-4 img.banner-4-desktop {
        display: none;
    }
    .banner-4 img.banner-4-ipad {
        display: none;
    }
    .banner-4 img.banner-4-iphone {
        height: 1288px;
        width: 100%;
    }
    .banner-4-sec {
        left: 0;
        right: 0;
    }
    .banner-4-sec h2 {
        font-size: 60px;
        letter-spacing: -5px;
    }
    .banner-4-sec h3 {
        font-size: 25px;
        width: 85%;
        margin: 20px 0px 60px 0px;
    }
    .banner-4-sec-right {
        display: none;
    }
    .banner-4-sec .desktop {
        display: none;
    }
    .banner-4-sec .ipad {
        display: none;
    }
    .banner-4-sec {
        top: 52%;
    }
    .banner-4-sec .card {
        width: 100%;
        background-color: #F5F5F5;
        color: #243F3B;
        border-radius: 12px;
        font-size: 23px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        line-height: 28px;
        margin: 10px auto;
        border: none;
    }
    .banner-4-sec .card .show{
        background-color: #F5F5F5 !important;
    }
    .banner-4-sec .card .button {
        padding: 15px 15px;
        border-radius: 12px;
    }
    .banner-4-sec .card a {
        color: #243F3B;
        text-decoration: none;
    }
    .banner-4-sec .card .card-link {
        width: 112%;
        margin: 0;
    }
    .banner-4-sec .card .card-body {
        height: 243px;
        padding: 0.25rem 1.75rem;
    }
    .banner-4-sec .card .card-body span {
        color: #FF52A0;
    }
    .banner-4-sec .card .card-body img {
        margin: 23px auto;
        width: 19.2px;
        height: 19.2px;
    }
    .banner-4-sec .btn.btn-last {
        width: 100%;
        height: 89px;
        background-color: #FF52A0;
        color: #F5F5F5;
        border-radius: 12px;
        font-size: 34px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        margin-top: 30px;
    }

    .opening .card .button.active[aria-expanded="true"] {
        background-color: #FF52A0;
        color: #F5F5F5;
      }
    .opening .card .button.active[aria-expanded="true"] img.icon{
        filter: brightness(0) invert(1);
      }
      .opening .card .button.active[aria-expanded="true"] img.arrow{
        transform: rotate(210deg);
      }
    .opening .card .button.active[aria-expanded="false"] {
        background-color: #F5F5F5;
      }


    /************** Banner-5 Start **************/


    .banner-5 img.banner-5-desktop {
        display: none;
    }
    .banner-5 img.banner-5-ipad {
        display: none;
    }
    .banner-5-sec-right {
        display: none;
    }
    .banner-5-sec img.desktop {
        display: none;
    }
    .banner-5-sec img.ipad {
        display: none;
    }

    .banner-5-sec {
        left: 0;
    }


    .banner-5-sec {
        top: 53%;
    }
    .banner-5 img.banner-5-iphone {
        width: 100%;
        height: 1114px;
    }
    .banner-5-sec img.brand {
        padding-bottom: 30px;
    }
    .banner-5-sec h2 {
        font-size: 60px;
        letter-spacing: -4px;
    }
    .banner-5-sec h3 {
        font-size: 25px;
        margin: 25px 0 60px 0;
        width: 75%;
        line-height: 30px;
    }
    .banner-5-sec .list-items .line {
        font-size: 23px;
        width: 88%;
        display: flex;
        margin: 20px 0;
    }
    .banner-5-sec .list-items .line img {
        padding-right: 45px;
        padding-bottom: 40px;
    }
    .banner-5-sec .list-items .line img.less {
        padding-bottom: 0px;
    }
    .banner-5-sec .btn {
        width: 100%;
        height: 89px;
        margin-top: 30px;
        font-size: 34px;
    }


    /************** Banner-6 Start **************/


    .banner-6 img.banner-6-ipad {
        display: none;
    }
    .banner-6 img.banner-6-desktop {
        display: none;
    }
    .banner-6 img.banner-6-iphone {
        width: 100%;
        height: 1912px;
    }
    .banner-6-sec {
        left: 0;
        right: 0;
    }
    .banner-6 .desktop {
        display: none;
    }
    .banner-6-sec img {
        margin: 0px auto 20px auto;
        width: 293.43px;
        height: 66.61px;
    }
    .banner-6-sec h2 {
        font-size: 60px;
        margin: -10px auto;
        letter-spacing: -3px;
    }
    .banner-6-sec h5 {
        font-size: 25px;
        margin: 30px 0;
        width: 100%;
    }

    .banner-6-sec .img-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
        margin: 40px auto;
    }
    .banner-6-sec .img-text img.img-1 {
        width: 85px;
        height: 85px;
        margin: 0;
    }
    .banner-6-sec .img-text p {
        font-size: 23px;
        line-height: 28px;
        width: 85%;
        margin: 15px auto 0px auto;
        text-align: center;
    }

    .banner-6-sec .buttons {
        margin: 45px auto 0px auto;
    }
    .banner-6-sec .buttons .btn {
        font-size: 34px;
        height: 89px;
    }
    .banner-6-sec .buttons .btn-1 {
        width: 100%;
        background-color: #243F3B;
        color: #00EBA4;
    }
    .banner-6-sec .buttons .btn-2 {
        width: 100%;
        background-color: #F5F5F5;
        color: #00EBA4;
        margin-left: 0px;
        margin-top: 20px;
    }
    .banner-6-sec .buttons .btn-3 {
        width: 100%;
        background: none;
        border: 3px solid #F5F5F5;
        color: #F5F5F5;
        margin-left: 0px;
        margin-top: 20px;
    }



    .contact-me-modal .modal {
        /* background: url('../images/modal-3-iphone.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .contact-me-modal .modal-header .modal-title {
        width: 100%;
    }
    .contact-me-modal .modal-content {
        width: 382px;
        height: 1186px;
    }
    .contact-me-modal .modal-footer h5 {
        width: 100%;
    }
    .contact-me-modal .modal-footer .less {
        width: 100% !important;
    }
    .contact-me-modal h4 {
        width: 70%;
    }
    .contact-me-modal .modal-footer .btn-2 {
        margin-top: 2rem;
    }

    /* *********** Mesg Modal *********** */

    .mesg-modal .modal {
        /* background: url('../images/modal-4-iphone.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .mesg-modal .modal-header .modal-title {
        width: 100%;
    }
    .mesg-modal .modal-content {
        width: 382px;
        height: 1751px;
    }
    .mesg-modal .modal-body {
        padding: 1.5rem 0 1.5rem 0;
    }
    .mesg-modal .modal h4 {
        width: 100%;
    }
    .mesg-modal .modal-footer .btn-3 {
        margin-top: 3rem;
    }
    .mesg-modal .modal-footer h5 {
        width: 100%;
        margin: 0px auto;
    }
    .mesg-modal .modal-footer .less {
        width: 100% !important;
    }
    #telephone-top {
        margin-top: 20px;
    }

    /************** Footer Start **************/


    footer {
        height: 970px;
    }
    footer img.footer-logo {
        width: 63.4px;
        height: 79.09px;
    }
    footer ul.navbar-links {
        display: none;
    }
    footer ul.terms {
        display: none;
    }
    footer .social-icons {
        margin: 4rem auto;
    }
    footer .social-icons img {
        margin: 0px 12px;
    }
    footer .social-icons img.fb {
        width: 56.54px;
        height: 56.54px;
    }
    footer .social-icons img.ins {
        width: 47.04px;
        height: 47.24px;
    }
    footer .social-icons img.yt {
        width: 53.01px;
        height: 37.2px;
    }
    footer .social-icons img.li {
        width: 42.16px;
        height: 42.17px;
    }
    footer .alignment {
        align-items: center;
        padding-left: 0px;
        flex-direction: column;
        margin: 0rem auto 0rem auto;
    }
    footer .alignment ul.address {
        padding: 0px;
    }
    footer .alignment ul.address {
        font-size: 24px;

    }
    footer .alignment ul.address li.less-size {
        font-size: 16px;
        width: 90%;
        margin: 0 auto;
        line-height: 34px;
    }
    footer .alignment .ssl-logo {
        padding: 0px;
        text-align: center;
        margin-top: 30px;
    }
    footer .alignment .ssl-logo img.ssl-logo {
        width: 80px;
        height: 100px;
        margin-bottom: 20px;
    }
    footer .alignment .ssl-logo img.logo-text {
        width: 173.04px;
        height: 32px;
    }



    




}

/* ******************************** Ipad Screen ******************************** */

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    /************** Navbar Start **************/


    .entrar .btn {
        width: 143px;
        height: 58px;
        font-size: 28px;
    }
    .banner-1 nav {
        top: 11%;
    }
    .navbar .navs {
        display: none;
    }
    .banner-1 .nav-item.ipad {
        margin: 0 auto;
    }
    .navbar-brand img {
        width: 293.82px !important;
        height: 66.61px !important;
    }


    /************** Navbar Modal Start **************/


    .btn-menu {
        font-size: 28px;
        background: transparent;
        color: #00eba4;
        border: 2px solid #00eba4;
        border-radius: 12px;
        margin-left: 5px;
        width: 59px;
        height: 58px;
    }
    .middle .logo {
        width: 293.82px;
        height: 66.61px;
    }
    .middle .row.first {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    .middle .row.first .align-right {
        text-align: right;
    }
    .middle .btn-menu.btn-close {
        color: #B5C4C1 !important;
        border: 2px solid #B5C4C1 !important;
        padding: 0px;
        box-sizing: border-box;
        opacity: 1;
        margin-top: 5px;
    }
    .i_padding {
        padding: 9px;
    }
    .pop_up1 {
        background: #002d21;
        opacity: 0.96;
        display: none;
        top: 50%;
        transform: translateY(-50%);
    }

    .middle {
        padding: 122px 0px;
        text-align: center;
    }
    .middle .logos {
        padding-top: 85px;
    }
    .middle .nav-links {
        padding-top: 70px;
    }
    .middle .nav-links a {
        color: #F5F5F5;
        font-size: 28px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        text-decoration: none;
    }
    .middle .btn-grp {
        padding-top: 60px;
    }
    .middle .btn-grp .btn {
        font-size: 22px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        border: 2px solid #B5C4C1;
        border-radius: 12px;
        color: #B5C4C1;
        width: 64px;
        height: 58px;
        margin: 0px 5px;
    }
    .middle .btn-grp .btn.btn-1 {
        color: #00EBA4 !important;
        border-color: #00EBA4 !important;
    }
    .middle .btn-entrar {
        width: 500px;
        height: 74px;
        background: linear-gradient(135deg, #29ace3 0%, #00eba4 100%);
        font-size: 28px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        margin-top: 90px;
        border-radius: 12px;
        color: #062823;
        border: none;
    }
    .middle .bottom-entrar {
        padding-top: 20px;
    }
    .middle .bottom-entrar a {
        color: #3B90FF;
        font-size: 23px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
    }
    .middle .warning button {
        font-size: 33px;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        border: 2px solid #FF5252;
        border-radius: 12px;
        color: #FF5252;
        background: none;
        width: 500px;
        height: 64px;
        margin-top: 115px;
    }


    /************** Emergency Modal Start **************/

    
    .pop_up2 .emr-content button {
        margin-top: 200px;
    }


    /************** Banner-1 Start **************/


    .banner-1 img.banner-1-desktop {
        display: none;
    }
    .banner-1 img.banner-1-iphone {
        display: none;
    }
    .banner-1-sec .desktop{
        display: none;
    }
    .banner-1-sec .ipad.elements{
        float: right;
        margin: -510px -25px 0px 0px;
    }
    .banner-1-sec .portugal-logo {
        text-align: center;
        margin-top: 40px;
    }
    .banner-1 img.banner-1-ipad {
        height: 1112px;
        width: 100%;
    }
    .banner-1-sec {
        top: 65%;
        z-index: 1;
    }
    .banner-1-sec h1 {
        font-size: 105px;
    }
    .banner-1-sec h4 {
        font-size: 38px;
        margin: 45px auto 60px auto;
    }
    .banner-1-sec p {
        font-size: 20px;
        width: 75% !important;
    }
    .banner-1-sec h6 {
        font-size: 19px;
        margin-top: 25px;
    }
    .banner-1-sec .mobile-elements {
        display: none;
    }
    .banner-1-sec .portugal-mobile {
        display: none;
    }
    .banner-1-sec-right .desktop {
        display: none;
    }
    .banner-1-sec-right .desktop-wide {
        display: none;
    }
    .banner-1-sec-right {
        top: 51.2%;
    }


    /************** Banner-2 Start **************/


    .banner-2 img.banner-2-desktop {
        display: none;
    }
    .banner-2 img.banner-2-iphone {
        display: none;
    }
    .banner-2 img.banner-2-ipad {
        height: 1112px;
        width: 100%;
    }


    .banner-2-sec-right .desktop {
        display: none;
    }
    .banner-2-sec-right .desktop-wide {
        display: none;
    }


    .banner-2 .desktop {
        display: none;
    }
    .banner-2 img.iphone {
        display: none;
    }
    .banner-2-sec-right {
        top: 50%;
    }
    .banner-2-sec {
        top: 53%;
    }
    .banner-2-sec h2 {
        font-size: 90px;
    }
    .banner-2-sec h5 {
        font-size: 38px;
        width: 60%;
        margin: 30px 0px;
        line-height: 46px;
    }
    .banner-2-sec .ipad {
        text-align: left;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
    }
    .banner-2-sec .ipad .row .right-line {
        border-right: 2px solid #F5F5F5;
    }
    .banner-2-sec .ipad .row button {
        color: #F5F5F5;
        font-family: 'FontsFree-Net-Proxima-Nova-Sbold';
        border: 4px solid #F5F5F5;
        border-radius: 15px;
        width: 200px;
        height: 89px;
        font-size: 34px;
        margin: 0 auto;
    }
    .banner-2-sec .ipad .buttons .btn-1{
        width: 380px;
        height: 89px;
        background-color: #00EBA4;
        color: #062823;
        border-radius: 13px;
        font-size: 34px;
    }
    .banner-2-sec .ipad .links {
        display: flex;
        margin-top: 30px;
    }
    .banner-2-sec .ipad .links a {
        color: #F5F5F5;
    }
    .banner-2-sec .ipad h6 {
        color: #F5F5F5;
        font-size: 23px;
        margin-right: 40px;
    }
    .banner-2-sec .ipad .align-self-center {
        text-align: right;
    }



    .modal-section-2 .btn-modal {
        width: 52px;
        height: 50px;
        font-size: 20px;
        margin-top: 50px;
    }
    .modal-section-2 .modal-body img.desktop {
        display: none;
    }
    .modal-section-2 .modal-body img.iphone {
        display: none;
    }
    .modal-section-2 .modal {
        /* background: url('../images/modal-1-ipad.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .modal-section-2 .modal-content {
        width: 740px;
    }
    .modal-section-2 .modal-header .modal-title {
        width: 45%;
    }
    .modal-section-2 .modal-footer {
        padding: 2rem 0px;
    }



    /************** Banner-3 Start **************/


    .banner-3 img.desktop {
        display: none;
    }
    .banner-3 img.iphone {
        display: none;
    }
    .banner-3 {
        padding: 80px 0px;
    }
    .banner-3 h3 {
        font-size: 32px;
        padding-bottom: 40px;
    }
    .banner-3 .btn-modal {
        width: 52px;
        height: 50px;
        font-size: 20px;
        margin-top: 50px;
    }
    .banner-3 .modal-body img.desktop {
        display: none;
    }
    .banner-3 .modal-body img.iphone {
        display: none;
    }
    .banner-3 .modal {
        /* background: url('../images/modal-2-ipad.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .banner-3 .modal-content {
        width: 740px;
    }
    .banner-3 .modal-header .modal-title {
        width: 40%;
    }


    /************** Banner-4 Start **************/


    .banner-4 img.banner-4-desktop {
        display: none;
    }
    .banner-4 img.banner-4-iphone {
        display: none;
    }
    .banner-4 img.banner-4-ipad {
        height: 1117px;
        width: 100%;
    }
    .banner-4-sec {
        right: 0;
        left: 0;
        top: 51%;
    }
    .banner-4-sec-right {
        left: auto;
        right: 0;
        top: 50%;
    }
    .banner-4-sec h2 {
        font-size: 90px;
    }
    .banner-4-sec h3 {
        font-size: 38px;
        width: 75%;
        margin: 20px 0px 55px 0px;
    }
    .banner-4-sec-right .desktop {
        display: none;
    }
    .banner-4-sec-right .desktop-wide {
        display: none;
    }
    .banner-4-sec img.desktop {
        display: none;
    }
    .banner-4-sec .iphone {
        display: none;
    }
    .banner-4 .nav {
        padding-left: 12px;
    }
    .banner-4 .card {
        width: 328px !important;
        height: 87px !important;
    }
    .banner-4 .card-click img {
        width: 52.61px;
        height: 52.61px;
        margin-top: 0px;
    }
    .banner-4 .card-click .card-title {
        margin: -56px 0px 0px 85px;
    }
    .banner-4 .card-click .card-title {
        width: 67%;
        font-size: 23px;
        line-height: 28px;
    }
    .banner-4 .card-click {
        margin-bottom: 15px !important;
    }
    .banner-4 .card-open {
        height: 230px !important;
    }
    .banner-4 .card-open img {
        width: 19.2px;
        height: 19.2px;
        margin-bottom: 18px;
    }
    .banner-4 .card-open .card-title {
        font-size: 23px;
        line-height: 28px;
    }
    .banner-4 .btn {
        width: 328px;
        height: 87px;
    }
    .banner-4 .row.iphone {
        display: none;
    }


    /************** Banner-5 Start **************/


    .banner-5 img.banner-5-desktop {
        display: none;
    }
    .banner-5 img.banner-5-iphone {
        display: none;
    }
    .banner-5-sec-right .desktop-wide {
        display: none;
    }
    .banner-5-sec-right .desktop {
        display: none;
    }
    .banner-5-sec img.desktop {
        display: none;
    }
    .banner-5-sec img.iphone {
        display: none;
    }

    .banner-5-sec {
        left: 0;
    }

    .banner-5-sec {
        z-index: 1;
    }
    .banner-5 img.banner-5-ipad {
        width: 1009px;
        height: 1114px;
    }
    .banner-5-sec-right {
        top: 50%;
    }
    .banner-5-sec img.brand {
        padding-bottom: 30px;
    }
    .banner-5-sec h2 {
        font-size: 90px;
    }
    .banner-5-sec h3 {
        font-size: 38px;
        margin: 30px 0 40px 0;
        width: 55%;
    }
    .banner-5-sec .list-items .line {
        font-size: 23px;
        line-height: 44px;
    }
    .banner-5-sec .list-items .line img {
        padding-right: 45px;
    }
    .banner-5-sec .btn {
        width: 440px;
        height: 89px;
        font-size: 34px;
        margin-top: 50px;
    }


    /************** Banner-6 Start **************/


    .banner-6 img.banner-6-desktop {
        display: none;
    }
    .banner-6 img.banner-6-iphone {
        display: none;
    }
    .banner-6 img.banner-6-ipad {
        width: 100%;
        height: 1432px;
    }
    .banner-6-sec {
        left: 0;
        right: 0;
    }
    .banner-6 .desktop {
        display: none;
    }

    .banner-6-sec img {
        margin: 0px auto 20px auto;
        width: 293.43px;
        height: 66.61px;
    }
    .banner-6-sec h2 {
        font-size: 90px;
        margin: -10px auto;
    }
    .banner-6-sec h5 {
        font-size: 38px;
        margin: 30px 0;
        width: 100%;
    }

    .banner-6-sec .img-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
        margin: 40px auto;
    }
    .banner-6-sec .img-text img.img-1 {
        width: 85px;
        height: 85px;
        margin: 0;
    }
    .banner-6-sec .img-text p {
        font-size: 23px;
        line-height: 28px;
        width: 100%;
        margin: 15px auto 0px auto;
        text-align: center;
    }

    .banner-6-sec .buttons {
        margin: 45px auto 0px auto;
    }
    .banner-6-sec .buttons .btn {
        font-size: 34px;
        height: 89px;
    }
    .banner-6-sec .buttons .btn-1 {
        width: 100%;
        background-color: #243F3B;
        color: #00EBA4;
    }
    .banner-6-sec .buttons .btn-2 {
        width: 49%;
        background-color: #F5F5F5;
        color: #00EBA4;
        margin-left: 0px;
        margin-top: 20px;
    }
    .banner-6-sec .buttons .btn-3 {
        width: 49%;
        background: none;
        border: 3px solid #F5F5F5;
        color: #F5F5F5;
        margin-left: 1%;
        margin-top: 20px;
    }



    .contact-me-modal .modal {
        /* background: url('../images/modal-3-ipad.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .contact-me-modal .modal-header .modal-title {
        width: 100%;
    }
    .contact-me-modal .modal-content {
        width: 740px;
        height: 1084px;
    }
    .contact-me-modal .modal-body {
        padding: 1rem 0 1.5rem 0;
    }
    .contact-me-modal h4 {
        width: 35%;
        margin: 10px auto 0px auto;
    }

    /* *********** Mesg Modal *********** */

    .mesg-modal .modal {
        /* background: url('../images/modal-4-ipad.svg');
        background-repeat: no-repeat;
        background-size: 100%; */
    }
    .mesg-modal .modal-header .modal-title {
        width: 100%;
    }
    .mesg-modal .modal-content {
        width: 740px;
        height: 1643px;
    }
    .mesg-modal .modal-content .modal-body {
        padding: 1.5rem 0 2rem 0;
    }
    .mesg-modal-modal h4 {
        width: 70%;
    }


    /************** Footer Start **************/


    footer {
        height: 1192px;
    }
    footer img.footer-logo {
        width: 63.4px;
        height: 79.09px;
    }
    footer ul.navbar-links {
        font-size: 28px;
        margin: 2.5rem auto 0rem auto;
    }
    footer ul.navbar-links li {
        margin: 0px 30px;
    }
    footer ul.terms {
        flex-direction: column;
        font-size: 23px;
        line-height: 28px;
        padding: 0px;
    }
    footer ul.terms li {
        margin: 5px 0px;
    }
    footer .social-icons {
        margin: 3rem auto 3rem auto;
    }
    footer .social-icons img {
        margin: 0px 12px;
    }
    footer .social-icons img.fb {
        width: 56.54px;
        height: 56.54px;
    }
    footer .social-icons img.ins {
        width: 47.04px;
        height: 47.24px;
    }
    footer .social-icons img.yt {
        width: 53.01px;
        height: 37.2px;
    }
    footer .social-icons img.li {
        width: 42.16px;
        height: 42.17px;
    }
    footer .alignment {
        align-items: center;
        padding-left: 0px;
        flex-direction: column;
        margin: 0rem auto 0rem auto;
    }
    footer .alignment ul.address {
        padding: 0px;
    }
    footer .alignment ul.address {
        font-size: 24px;

    }
    footer .alignment ul.address li.less-size {
        font-size: 15px;
    }
    footer .alignment .ssl-logo {
        padding: 0px;
        text-align: center;
        margin-top: 25px;
    }
    footer .alignment .ssl-logo img.ssl-logo {
        width: 80px;
        height: 100px;
        margin-bottom: 20px;
    }
    footer .alignment .ssl-logo img.logo-text {
        width: 173.04px;
        height: 32px;
    }

    


}
/* ******************************** Home Desktop Screen - 1366 ******************************** */

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

        /************** Banner-1 Start **************/

    .banner-1 img.banner-1-ipad {
        display: none;
    }
    .banner-1 img.banner-1-iphone {
        display: none;
     }
    .banner-1-sec {
        left: 160px;
    }
    .banner-1-sec .mobile-elements {
        display: none;
    }
    .banner-1-sec .ipad {
        display: none;
    }
    .banner-1-sec-right .ipad {
        display: none;
    }
    .banner-1-sec-right .desktop-wide {
        display: none;
    }
    .banner-1-sec .portugal-mobile {
        display: none;
    }
    .banner-1 .ipad {
        display: none;
    }

    /************** Banner-2 Start **************/


    img.banner-2-ipad {
        display: none;
    }
    img.banner-2-iphone {
        display: none;
    }    


    .banner-2-sec {
        left: 160px;
    }
    .banner-2-sec .ipad {
        display: none;
    }
    .banner-2-sec .iphone {
        display: none;
    }
    .modal-section-2 img.ipad {
        display: none;
    }
    .modal-section-2 img.iphone {
        display: none;
    }


    .banner-2-sec-right .ipad {
        display: none;
    }
    .banner-2-sec-right .desktop-wide {
        display: none;
    }

    /************** Banner-3 Start **************/


    .banner-3 img.ipad {
        display: none;
    }
    .banner-3 img.iphone {
        display: none;
    }
    .banner-3 .middle-3 {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .banner-3 .modal-body img.ipad {
        display: none;
    }
    .banner-3 .modal-body img.iphone {
        display: none;
    }


    /************** Banner-4 Start **************/


    .banner-4 img.banner-4-ipad {
        display: none;
    }
    .banner-4 img.banner-4-iphone {
        display: none;
    }
    .banner-4-sec-right .ipad {
        display: none;
    }
    .banner-4-sec-right .desktop-wide {
        display: none;
    }
    .banner-4-sec .ipad {
        display: none;
    }
    .banner-4-sec .iphone {
        display: none;
    }
    .banner-4 .iphone {
        display: none;
    }


    /************** Banner-5 Start **************/

    .banner-5 img.banner-5-ipad {
        display: none;
    }
    .banner-5 img.banner-5-iphone {
        display: none;
    }
    .banner-5-sec-right .ipad {
        display: none;
    }
    .banner-5-sec-right .desktop-wide {
        display: none;
    }
    .banner-5-sec img.ipad {
        display: none;
    }
    .banner-5-sec img.iphone {
        display: none;
    }


    /************** Banner-6 Start **************/


    .banner-6 img.banner-6-ipad {
        display: none;
    }
    .banner-6 img.banner-6-iphone {
        display: none;
    }
    .banner-6 .ipad {
        display: none;
    }


    /************** Footer Start **************/

    
    
}

/* ******************************** Desktop Wide Screen - 1920 ******************************** */

@media only screen and (min-width: 1367px) and (max-width: 1920px) {

    /************** Banner-1 Start **************/

.banner-1 img.banner-1-ipad {
    display: none;
}
.banner-1 img.banner-1-iphone {
    display: none;
 }
.banner-1-sec {
    left: 160px;
}
.potugal-desktop {
    padding-right: 200px;
}
.banner-1-sec .mobile-elements {
    display: none;
}
.banner-1-sec .ipad {
    display: none;
}
.banner-1-sec-right .ipad {
    display: none;
}
.banner-1-sec-right .desktop {
    display: none;
}
.banner-1-sec-right {
    right: 5%;
}
.banner-1-sec .portugal-mobile {
    display: none;
}
.banner-1 .ipad {
    display: none;
}

/************** Banner-2 Start **************/


img.banner-2-ipad {
    display: none;
}
img.banner-2-iphone {
    display: none;
}    


.banner-2-sec {
    left: 160px;
}
.banner-2-sec .ipad {
    display: none;
}
.banner-2-sec .iphone {
    display: none;
}
.modal-section-2 img.ipad {
    display: none;
}
.modal-section-2 img.iphone {
    display: none;
}


.banner-2-sec-right .ipad {
    display: none;
}
.banner-2-sec-right .desktop {
    display: none;
}
.banner-2-sec-right {
    right: 5%;
}

/************** Banner-3 Start **************/


.banner-3 img.ipad {
    display: none;
}
.banner-3 img.iphone {
    display: none;
}
.banner-3 .middle-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.banner-3 .modal-body img.ipad {
    display: none;
}
.banner-3 .modal-body img.iphone {
    display: none;
}


/************** Banner-4 Start **************/


.banner-4 img.banner-4-ipad {
    display: none;
}
.banner-4 img.banner-4-iphone {
    display: none;
}
.banner-4-sec-right .ipad {
    display: none;
}
.banner-4-sec-right .desktop {
    display: none;
}
.banner-4-sec-right {
    left: 5%;
}
.banner-4-sec {
    right: 7%;
}

.banner-4-sec .ipad {
    display: none;
}
.banner-4-sec .iphone {
    display: none;
}
.banner-4 .iphone {
    display: none;
}


/************** Banner-5 Start **************/

.banner-5 img.banner-5-ipad {
    display: none;
}
.banner-5 img.banner-5-iphone {
    display: none;
}
.banner-5-sec-right .ipad {
    display: none;
}
.banner-5-sec-right .desktop {
    display: none;
}
.banner-5-sec-right {
    right: 5%;
}
.banner-5-sec img.ipad {
    display: none;
}
.banner-5-sec img.iphone {
    display: none;
}


/************** Banner-6 Start **************/


.banner-6 img.banner-6-ipad {
    display: none;
}
.banner-6 img.banner-6-iphone {
    display: none;
}
.banner-6 .ipad {
    display: none;
}


/************** Footer Start **************/

    






}