@media screen and (max-width: 480px) {
             .sidebar_top .sidebar_content {
                 flex-direction: column;
                 row-gap: 10px;
             }
             .sidebar_content h2 {
                 font-size: 1.1rem;
                 font-weight: 300;
             }
             /* ======================== SIDEBAR - TOPO 
                =======================================  */
             .header .header_container {
                 flex-flow: column;
             }
             .header .header_container .hedaer_logo {
                 position: relative;
                 z-index: 9999;
                 width: 100%;
             }
             .header .navbar {
                 position: fixed;
                 z-index: 999;
                 top: 0;
                 right: 0;
                 width: 0%;
                 height: 286vh;
                 backdrop-filter: blur(46px);
                 background: rgba(0, 0, 0, 0.5);
                 -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;
                 transition: all 0.8s cubic-bezier(.43, 2, .55, .27);
                 overflow: hidden;
             }
             .header .navbar.power {
                 width: 100%;
             }
             .header .header_container .header_content {
                 flex: 0;
             }
             .header .header_container .nav_list {
                 position: relative;
                 top: 236px;
                 flex-direction: column;
                 justify-content: flex-start;
                 gap: 48px;
             }
             .header .header_container .nav_list li {
                 text-align: center;
             }
             .header .header_container .nav_list a {
                 width: 94%;
                 margin: auto;
                 display: block;
             }
             .header .header_container .header_icone-insta {
                 position: relative;
                 top: -20px;
                 left: -56px;
             }
             .header .header_container .header_icone-insta a {
                 flex-direction: row-reverse;
                 padding: 10px 12px;
                 font-size: 1rem;
             }
             .header .header_container .btn_close {
                 display: block;
                 position: absolute;
                 top: 1%;
                 left: 46%;
                 font-size: 2.8rem;
                 color: var(--text-header);
                 -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -ms-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;
                 &:hover {
                     transform: rotate(360deg);
                 }
             }
             .header .header_container .menu_bars {
                 font-size: 2.5rem;
                 color: var(--text-header);
                 display: block;
                 position: absolute;
                 top: 8%;
                 right: 10%;
             }
             .header_banner .imgs_primary .img_one {
                 display: none;
             }
             .header_banner .imgs_primary .wifi_right {
                 display: none;
             }
             .header_banner .imgs_primary .img_two {
                 width: 100%;
                 height: 386px;
                 object-fit: contain;
                 right: -10px;
             }
             .header_banner .description_banner .info_banner {
                 width: 360px;
                 height: 240px;
                 flex-flow: column;
                 border-radius: 50px;
                 margin-top: -180px;
             }
             .header_banner .description_banner .info_banner img {
                 top: -86px;
                 left: -116px;
                 width: 130px;
                 height: 130px;
             }
             .header_banner .description_banner .info_banner .banner_text {
                 position: relative;
                 top: -80px;
                 flex-direction: column;
                 gap: 26px;
             }
             .header_banner .description_banner .info_banner .banner_text h2 {
                 text-align: center;
                 font-size: 1.6rem;
                 text-wrap: balance;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner {
                 width: 110%;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner p {
                 font-size: 1rem;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner a {
                 justify-content: space-between;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner i {
                 font-size: 1.8rem;
                 top: -5px;
             }
             .header_banner .header_wave {
                 top: 14%;
             }
             .header .carousel_plans {
                 top: 30px;
             }
             .header .carousel_plans .plans_text h2 {
                 font-size: 2.5rem;
                 margin-bottom: -16px;
             }
             .header .carousel_plans .plans_text {
                 margin-top: 272px;
             }
             .header .carousel_plans .carousel_card dialog img {
                 width: 316px;
             }
             /* -------------------------------------------------------------- */
             /*   =================== CAROUSEL - STREAMING
                  =======================================  */
             .carousel_streaming {
                 padding-top: 216px;
             }
             .carousel_streaming .streaming_title h2 {
                 translate: 0 12px;
                 font-size: 1.5rem;
             }
             .carousel_streaming .streaming_title h2 span {
                 font-size: 1.6rem;
             }
             .carousel_streaming .mark_streaming {
                 margin: 0 5px;
             }
             /* -------------------------------------------------------------- */
             /*   ====================== TOSIGN - SCREENS
                  =======================================  */
             .toSign {
                 margin-top: -50px;
             }
             .toSign .toSign_content {
                 flex-direction: column;
             }
             .toSign .toSign_content {
                 column-gap: 26px;
             }
             .toSign .toSign_content .toSign_screens {
                 margin-bottom: 20px;
             }
             .toSign .toSign_content .toSign_description {
                 width: 100%;
             }
             .toSign .toSign_content .toSign_description .toSign_info {
                 text-wrap: balance;
             }
             .toSign .toSign_content .toSign_description .toSign_info h2 {
                 text-align: center;
                 text-wrap: nowrap;
             }
             .toSign .toSign_content .toSign_description .toSign_info h2 span {
                 display: block;
             }
             .toSign .toSign_content .toSign_description .toSign_info p strong {
                 font-size: 0.96rem;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign {
                 width: 100%;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign a {
                 justify-content: space-between;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign p {
                 font-size: 1rem;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign i {
                 font-size: 1.8rem;
                 top: -5px;
             }
             .toSign .toSign_content .toSign_screens::after,
             .toSign .toSign_content .toSign_screens::before {
                 content: '';
                 background-size: 350px 350px;
             }
             /* -------------------------------------------------------------- */
             /*   ============================= accordion
                  =======================================  */
             .accordion {
                 margin-top: 516px;
             }
             .accordion .accordion_container {
                 width: 96%;
                 padding: 30px 16px;
             }
             .accordion .accordion_container .accordion_content {
                 row-gap: 0px;
             }
             .accordion .accordion_container .accordion_content h2 {
                 text-align: center;
                 font-size: 1.6rem;
                 margin-bottom: 18px;
             }
             .accordion .accordion_container .accordion_items .accordion_info {
                 align-items: flex-start;
             }
             .accordion .accordion_container .accordion_items .accordion_info h3 {
                 font-size: 0.93rem;
                 text-wrap: stable;
             }
             .accordion .accordion_container .accordion_items .accordion_info h3 span {
                 display: block;
             }
             .accordion .accordion_container .accordion_items .accordion_info i {
                 position: relative;
                 top: -3px;
             }
             .accordion .accordion_container .accordion_items .accordion_descriptions p {
                 font-size: 0.87rem;
                 width: 100%;
             }
             /* -------------------------------------------------------------- */
             /*   ============================= FOOTER
                  =======================================  */
             .footer {
                 width: 100%;
                 margin-top: 140px;
             }
             .footer .footer_content {
                 position: relative;
                 max-width: 96%;
                 height: 100%;
                 flex-direction: column;
             }
             .footer .footer_content .footer_info {
                 width: max-content;
                 margin-bottom: 30px;
             }
             .footer .footer_content .footer_info .footer_logo img {
                 position: relative;
                 top: 20px;
                 left: 20px;
                 width: 266px;
                 margin: 16px 0;
             }
             .footer .footer_content .footer_maps {
                 position: static;
             }
             .footer .footer_content .footer_maps {
                 position: relative;
                 left: 336px;
                 width: 1070px;
                 height: 240px;
             }
             .footer .footer_copyright {
                 font-size: 0.9rem;
                 padding: 14px;
             }
         }
         
         @media screen and (orientation: landscape) and (max-width: 1024px) {
             .sidebar_top {
                 width: 200%;
             }
             .sidebar_content h2 {
                 font-size: 1.7rem;
             }
             .sidebar_top .sidebar_content .sidebar_button a {
                 font-size: 1.6rem;
             }
             .sidebar_top .sidebar_content .sidebar_button a>i {
                 font-size: 1.8rem;
             }
             /* ======================== SIDEBAR - TOPO 
                =======================================  */
             .header {
                 width: 200%;
             }
             .header .header_container :is(.nav_list, .header_icone-insta) a {
                 font-size: 1.5rem;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner p {
                 font-size: 1.2rem;
             }
             .header_banner .description_banner .info_banner .banner_text {
                 column-gap: 80px;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner {
                 width: 406px;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner a {
                 padding: 16px;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner p {
                 font-size: 1.36rem;
             }
             .header_banner .description_banner .info_banner .buttons_wats-banner i {
                 font-size: 2.1rem;
             }
             .header_banner .description_banner .info_banner h2 {
                 font-size: 2.6rem;
             }
             .header .carousel_plans .carousel_card {
                 height: 586px;
             }
             .header .carousel_plans .carousel_card .card_info p {
                 font-size: 1.3rem;
             }
             .header .carousel_plans .carousel_card .button_card p {
                 font-size: 1.2rem;
             }
             .header .carousel_plans .carousel_card .button_card i {
                 font-size: 1.7rem;
             }
             .header .carousel_plans .carousel_card .card_title h2 {
                 font-size: 1.7rem;
             }
             .header .carousel_plans .carousel_card .card_title .carousel_card-one h2 {
                 font-size: 1.7rem;
             }
             .header .carousel_plans .carousel_one .slick-dots li {
                 margin-left: 10px;
             }
             .header .carousel_plans .carousel_one .slick-dots li button {
                 width: 20px;
                 height: 20px;
             }
             /*   ======================= BUTTON - SCROLL
                  ======================================= */
             .btn_hire {
                 width: 206px;
                 height: 60px;
             }
             .btn_hire a {
                 font-size: 1.4rem;
             }
             .btn_hire a>i {
                 font-size: 1.8rem;
             }
             .btn_top {
                 width: 90px;
                 height: 60px;
             }
             .btn_top a>i {
                 font-size: 2.4rem;
             }
             /* -------------------------------------------------------------- */
             /*   =================== CAROUSEL - STREAMING
                  =======================================  */
             .carousel_streaming {
                 width: 200%;
             }
             .carousel_streaming .streaming_title h2 {
                 font-size: 2rem;
             }
             .carousel_streaming .carousel_two .slick-dots li {
                 margin-left: 10px;
             }
             .carousel_streaming .carousel_two .slick-dots li button {
                 width: 20px;
                 height: 20px;
             }
             /* -------------------------------------------------------------- */
             /*   ====================== TOSIGN - SCREENS
                  =======================================  */
             .toSign {
                 width: 200%;
             }
             .toSign .toSign_content .toSign_description .toSign_info p {
                 font-size: 1.3rem;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign {
                 width: 436px;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign a {
                 padding: 16px;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign p {
                 font-size: 1.36rem;
             }
             .toSign .toSign_content .toSign_description .buttons_wats-toSign i {
                 font-size: 2.1rem;
             }
             /* -------------------------------------------------------------- */
             /*   ============================= accordion
                  =======================================  */
             .accordion {
                 width: 200%;
                 margin-top: 180px;
             }
             .accordion .accordion_container .accordion_items .accordion_info h3 {
                 font-size: 1.8rem;
             }
             .accordion .accordion_container .accordion_items .accordion_info i {
                 font-size: 2.8rem;
             }
             .accordion .accordion_container .accordion_items .accordion_info i {
                 font-size: 3rem;
             }
             .accordion .accordion_container .accordion_items .accordion_descriptions p {
                 font-size: 1.6rem;
             }
             /* -------------------------------------------------------------- */
             /*   ============================= FOOTER
                  =======================================  */
             .footer {
                 width: 200%;
                 padding-top: 60px;
             }
             .footer .footer_content .footer_logo img {
                 width: 386px;
             }
             .footer .footer_content :is(.footer_description p, .footer_btn a, ) {
                 font-size: 1.4rem;
             }
             .footer .footer_content .footer_maps iframe {
                 width: 770px;
             }
             .footer .footer_copyright {
                 font-size: 1.6rem;
                 padding: 36px;
             }
         }
         
         @media screen and (min-width: 480px) and (orientation: portrait) and (max-width: 880px) {
             .header .header_container {
                 flex-direction: column;
                 row-gap: 20px;
             }
             .header_banner .imgs_primary {
                 top: 26px;
             }
             .header_banner .imgs_primary .img_one {
                 width: 646px;
                 left: 206px;
             }
             .header_banner .imgs_primary .img_two {
                 width: 480px;
                 right: 106px;
             }
             .header_banner .imgs_primary .wifi_right {
                 top: 56px;
                 right: 154px;
                 width: 135px;
                 height: 135px;
             }
             .header_banner .description_banner {
                 top: 52%;
                 left: 50%;
             }
             .header_banner .description_banner .info_banner .banner_text {
                 column-gap: 120px;
                 justify-content: center;
             }
             .header_banner .description_banner .info_banner img {
                 top: -24px;
                 left: 110px;
                 width: 135px;
                 height: 135px;
             }
             .header_banner .description_banner .info_banner h2 {
                 font-size: 2rem;
                 position: relative;
                 left: 90px;
             }
             .header .carousel_plans {
                 top: 40px;
             }
             .header .carousel_plans .plans_text h2 {
                 font-size: 3rem;
             }
             .header .carousel_plans .carousel_card {
                 height: 596px;
                 margin: 30px;
             }
             .header .carousel_plans .carousel_card .card_title {
                 padding: 26px;
             }
             .header .carousel_plans .carousel_card .card_info {
                 padding: 26px;
             }
             .header .carousel_plans .carousel_card .card_price {
                 padding: 12px 26px;
             }
             .header .carousel_plans .carousel_card .card_title .carousel_card-one {
                 width: 100%;
             }
             .header .carousel_plans .carousel_card .card_title .carousel_card-one h2 {
                 padding: 60px;
             }
             /* -------------------------------------------------------------- */
             /*   =================== CAROUSEL - STREAMING
                  =======================================  */
             .carousel_streaming {
                 padding-top: 386px;
             }
             .carousel_streaming .streaming_title h2 span {
                 font-size: 2.3rem;
             }
             /* -------------------------------------------------------------- */
             /*   ====================== TOSIGN - SCREENS
                  =======================================  */
             .toSign {
                 height: 780px;
             }
             .toSign .toSign_content .toSign_description .toSign_info p {
                 margin: 18px 0;
             }
             /* -------------------------------------------------------------- */
             /*   ============================= FOOTER
                  =======================================  */
             .footer {
                 margin-top: 140px;
             }
             .footer .footer_content .footer_maps iframe {
                 width: 390px;
             }
         }