/*-------------|| Media Css Start ||----------------*/
 @media(min-width:1800px){
     .header_logo a {
         max-width: 160px;
    }
     .hero_sec {
         min-height: calc(100vh - 137.47px);
    }
     .plan_grid::before{
         background-size: cover;
    }
     .ottplan_imggroup img {
         height: 45px;
    }
     .get_mach_sec {
         transform: translateX(347px);
    }
     .sec_banner{
         min-height: 400px;
    }
     .plans_form .form-group {
         grid-template-columns: max-content 250px;
    }
     .grow_bussiness_img img {
         max-height: 600px;
         min-height: 600px;
    }
     .join_program_bg {
         background-position: center 64%;
    }
     .login_right .login_logo img {
         max-height: 100px;
    }
     .get_mach_sec.lease-line-popup {
         transform: translateX(326px);
    }
}
 @media(max-width: 1800px){
     .internet_plan {
         position: absolute;
         top: calc(12% - 15px);
         right: calc(-10% - 5px);
    }
     .plan_head {
         top: 130px;
    }
     .get_mach_sec.lease-line-popup {
         transform: translateX(300px);
    }
}
 @media(max-width: 1500px){
     .testimonial_slider .owl-nav .owl-next {
         right: -30px;
    }
     .testimonial_slider .owl-nav .owl-prev {
         left: -30px;
    }
     .internet_plan {
         right: calc(-4% - 5px);
    }
     .blog_sec .blog_grid .blog_item:first-child .blog_img img,.blog_sec .blog_grid .blog_item:first-child .blog_img {
         max-height: 478.44px;
         min-height: 478.44px;
    }
     .blog_img img, .blog_img {
         max-height: 237.44px;
         min-height: 237.44px;
    }
     .plans_grid, .plans_gridbox {
         grid-gap: 20px;
    }
     .plans_grid .plans_head {
         min-height: 109px;
    }
     .plans_head * {
         line-height: initial;
    }
     .get_mach_sec {
         transform: translateX(326px);
    }
}
 @media(max-width: 1200px){
     .container, .container-lg, .container-md, .container-sm {
         max-width: 100%;
         padding-left: 30px;
         padding-right: 30px;
    }
     .enjoy_box br{
         display: none;
    }
     .subscription_left {
         max-width: 85%;
    }
     .hero_sec {
         min-height: 100%;
         padding: 10% 0px;
    }
     .our_vision_sec .plan_box {
         padding-top: 30px;
         padding-bottom: 30px;
    }
     .blog_sec .blog_grid .blog_item:first-child .blog_img img,.blog_sec .blog_grid .blog_item:first-child .blog_img {
         max-height: 466.44px;
         min-height: 466.44px;
    }
     .blog_img img, .blog_img {
         max-height: 225.44px;
         min-height: 225.44px;
    }
     .get_mach_sec {
         transform: translateX(325px);
    }
     .grow_bussiness_img img {
         max-height: 450px;
         min-height: 450px;
    }
     .plans_grid_img img {
         max-width: 65%;
    }
}
 @media(min-width: 1200px){
     .headertop_right li a:hover {
         background: var(--orange_grident);
         border-color: var(--orange);
         color: var(--white);
    }
     .headertop_right li a:hover img{
         filter: brightness(0) invert(1);
    }
}
 @media(max-width: 1199px){
     .sales_box::after {
         right: -10.5px;
    }
     .sales_grid {
         grid-template-columns: 200px auto auto auto auto;
         grid-gap: 22px;
    }
     .enjoy_office_box .row > div:nth-child(6)::after,.enjoy_office_box .row > div:nth-child(3)::after{
         display: none;
    }
     .enjoy_office_box .row > div:nth-child(4)::after{
         display: block;
    }
     .header_bottom {
         position: fixed;
         background: var(--orange_grident);
         top: 0px;
         width: 100%;
         left: 0px;
         height: 100%;
         padding-top: 100px;
         display: none;
    }
     .header_grid {
         background-color: var(--white);
         border-radius: 12px;
         margin-top: 30px;
         width: 100%;
         grid-template-columns: repeat(1,1fr);
         min-height: 60vh;
    }
     .header_grid .header_menu {
         display: grid;
         align-self: baseline;
         padding: 15px 15px;
    }
     .header_menu li a {
         padding: 15px 20px;
         justify-content: space-between;
         border-bottom: 1px solid var(--border-clr);
    }
     .header_menu li a.active,.header_menu li.active a {
         background: transparent;
         color: var(--orange);
    }
     .header_menu li a.active img{
         filter: unset;
    }
    .header_app {
        align-self: end;
        background: var(--lightgrey);
        justify-content: space-between;
        padding: 20px 40px;
        box-shadow: 0px 5px 20px #00000030;
    }
     .header_menu li a span:nth-child(2) {
         transform: rotate(-90deg);
    }
     .header_menu li .sub_menu {
         position: unset;
         width: 100%;
         box-shadow: unset;
         border: unset;
         padding: 12px 0px;
         border-bottom: 1px solid var(--border-clr);
    }
     .header_menu li .sub_menu li a {
         color: var(--black);
         border: unset;
         padding: 2px 20px;
    }
     .sub_menu::before {
         display: none;
    }
     .sub_menu {
         max-height: 0px;
    }
     .header_menu li {
         overflow: hidden;
         max-height: 53.5px;
    }
     .header_menu li.active {
         overflow: unset;
         max-height: 250px;
    }
     .header_menu li .sub_menu{
         transform: translateY(0px);
         opacity: 1;
         visibility: visible;
    }
     .header_menu li.active .sub_menu {
         max-height: 245px;
    }
     .header_menu li .sub_menu span:nth-child(2){
         transform: rotate(0deg);
    }
     .header_menu li .sub_menu li a{
         justify-content: left;
    }
     .header_menu li.active a span:nth-child(2) {
         transform: rotate(0deg);
    }
     .header_menu li .sub_menu li a.active {
         color: var(--orange);
    }
     .headertop_right li:nth-child(1),.headertop_right li:nth-child(2) {
         position: absolute;
         left: 40px;
         top: 65px;
         z-index: 333333;
         display: none;
    }
     .header_top {
         position: relative;
    }
     .header_sec.show .toggle_btn {
         position: relative;
         z-index: 999;
         filter: brightness(0) invert(1);
    }
     .headertop_right li:nth-child(1) a, .headertop_right li:nth-child(2) a {
         color: var(--white);
         border-color: var(--white);
    }
     .headertop_right li:nth-child(2) {
         left: 210px;
    }
     .headertop_right li a img {
         max-height: 20px;
         filter: brightness(0) invert(1);
    }
     .toggle_btn{
         position: relative;
         z-index: 99;
    }
     .header_sec.show .toggle_btn{
         top: 15px;
         filter: brightness(0) invert(1);
    }
     .header_sec.show .header_bottom,.header_sec.show .headertop_right li:nth-child(1),.header_sec.show .headertop_right li:nth-child(2){
         display: block;
    }
     .header_menu li.active > a img,.header_menu li a.active img{
         filter:var(--orange_filter) !important;
    }
     .plan_head {
         top: -35px;
    }
}
 @media(max-width: 1024px){
     .blog_img img, .blog_img {
         max-height: 213.44px;
         min-height: 213.44px;
    }
     .blog_sec .blog_grid .blog_item:first-child .blog_img img,.blog_sec .blog_grid .blog_item:first-child .blog_img {
         max-height: 438.44px;
         min-height: 438.44px;
    }
     br {
         display: none;
    }
     .plans_bg {
         padding: 0px 15px 15px 15px;
    }
     .plans_bg .plan_head,.plans_bg .plans_tab_content {
         min-width: 740px;
     }
     .plans_grid, .plans_gridbox {
         grid-gap: 15px;
    }
     .plan_white_box {
         padding: 12px !important;
         height: 100%;
    }
     .get_mach_sec {
         transform: translateX(315px);
    }
     .plans_grid .plans_head {
         min-height: 95px;
    }
     .best_val, .pay_ads {
         padding: 6px 14px;
    }
     .installation_sec .plan_box {
         background-size: cover;
    }
     .plans_grid .plans_head {
         top: -13px;
    }
     .get_mach_sec.lease-line-popup {
         transform: translateX(285px);
    }
     .sec_banner_plans {
    }
}
 @media(max-width: 991px){
     .sales_grid {
         grid-template-columns: auto auto auto auto;
         grid-gap: 22px;
    }
     .sales_grid > div:first-child{
         grid-column: span 4;
         margin-bottom: 20px;
         text-align: center;
    }
     .sales_grid > div:first-child::after {
         height: 1px;
         width: 100%;
         top: calc(100% + 20px);
         transform: unset;
    }
     .our_vision_sec .plan_grid::before {
         display: none;
    }
     .about_map {
         margin-bottom: -220px;
    }
     .blog_grid {
         grid-template-columns: repeat(2,1fr);
    }
     .faq_grid {
         grid-template-columns: repeat(1,1fr);
         grid-gap: 40px;
    }
     .faq_list {
         display: flex;
         align-items: center;
         grid-gap: 15px;
         flex-flow: wrap;
    }
     .faq_list li a {
         border: 1px solid var(--border-clr);
         padding: 6px 12px;
         border-radius: 20px;
    }
     .faq_list li a.active{
         border-color: var(--orange);
    }
     .plans_grid, .plans_gridbox {
         grid-template-columns: 25% auto;
         grid-row-gap: 0px;
    }
     .plans_grid .plans_head {
         min-height: 100px;
         margin-top: 20px;
         grid-gap: 20px;
    }
     .plan_price_inner {
         display: flex;
         flex-flow: wrap;
    }
     .plan_grid_white {
         margin-top: 10px;
    }
     .plans_grid .plans_head_box {
         background-size: 100% 100%;
    }
     .business_need {
         grid-template-columns: repeat(3,1fr);
    }
     .business_need .enjoy_box:nth-child(3)::after{
         display: none;
    }
     .login_grid{
         grid-template-columns: repeat(1,1fr);
         min-height: 100vh;
    }
     .hero_sec .hero_content {
         max-width: 52%;
    }
     .plans_grid_img {
         display: none;
    }
     .login_left::before {
         content: "";
         display: block;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         background: #000;
         opacity: 0.3;
    }
     .login_left * {
         position: relative;
    }
     .login_slide {
         align-items: center;
    }
      .plans_sec .plans_bg {
        overflow: auto;
        overflow-y: auto;
        max-height: 70vh;
    }
}
 @media(max-width: 767px){
     .internet_reach_grid .container{
         grid-template-columns: repeat(1,1fr);
    }
     .internet_reach_grid::before{
         display: none;
    }
     .internet_reach_right {
         position: absolute;
         height: 100%;
         right: 10px;
         top: 50px;
    }
     .internet_reach_grid {
         background-size: cover;
    }
     .btn_owl {
         width: 35px;
         height: 35px;
    }
     .banner_slider .owl-nav {
         top: 15%;
    }
     .plan_grid {
         padding-top: 55px;
    }
     .plan_select {
         padding-bottom: 30px;
    }
     .owl-nav {
         top: -55px;
    }
     .sales_inner {
         border-radius: 12px;
         padding: 20px;
    }
     .plan_sec .sec_head{
         padding-bottom: 20px;
    }
     .fact_grid {
         background: #000 !important;
    }
     .fact_right .fact_box {
         margin: 0 auto;
    }
     .fact_sec .hero_content {
         text-align: center;
    }
     .container, .container-lg, .container-md, .container-sm {
         padding-left: 15px;
         padding-right: 15px;
    }
     .headertop_right {
         grid--row-gap: 10px;
         justify-content: left !important;
    }
     .sales_sec {
         margin-bottom: -224px;
    }
     .footer_sec {
         padding-top: 224px;
    }
     .plans_head_box img {
         margin: 0px auto 3px;
         max-width: 25px;
    }
     .plans_head_box img {
         margin: 3px auto;
         max-width: 30px;
    }
     .enjoy_office_box .row > div:nth-child(even)::after{
         display: none !important;
    }
     .enjoy_office_box .row > div:nth-child(3)::after{
         display: block;
    }
     .headertop_right li:nth-child(1) {
         left: 20px;
    }
     .headertop_right li:nth-child(2) {
         left: 175px;
    }
     .header_sec.show .toggle_btn {
         position: absolute;
         top: 9px;
    }
     .grow_bussiness_img img {
         max-height: 400px;
         min-height: 400px;
    }
     .join_program_bg {
         background-size: cover;
    }
     .ott_banner_sec .enjoy_office_box .row > div:nth-child(2)::after,.ott_banner_sec .enjoy_office_box .row > div:nth-child(4)::after{
         display: block !important;
    }
     .hero_sec .hero_content {
         max-width: 100%;
    }
}
 @media(max-width: 575px){
     .footer_bottom{
         display: grid;
    }
     .sales_grid{
         grid-template-columns: auto auto;
    }
     .sales_grid > div:first-child {
         grid-column: span 2;
    }
     .sales_box:nth-child(3)::after {
         display: none;
    }
     .home_banner_owl .home_banner img {
         min-height: 165px;
         object-fit: cover;
    }
     .banner_slider div {
         border-radius: 12px;
    }
     .plan_select {
         grid-template-columns: max-content 167px;
    }
     :root {
         --fs10: 10px;
         --fs12: 11px;
         --fs14: 13px;
         --fs15: 14px;
         --fs16: 15px;
         --fs18: 16px;
         --fs20: 18px;
         --fs24: 22px;
         --fs32: 26px;
         --fs40: 30px;
         --fs46: 34px;
         --ptb80: 50px;
         --ptb60: 35px;
    }
     .internet_plan {
         top: 65px;
    }
     .internet_reach_left {
         padding: 0%;
    }
     .hero_sec {
         background-position: calc(100% - 15%) 0px;
         position: relative;
    }
     .hero_sec::before {
         content: "";
         display: block;
         position: absolute;
         left: 0px;
         top: 0px;
         width: 100%;
         height: 100%;
         background-color: rgba(0,0,0,0.4);
    }
     .hero_sec *{
         z-index: 2;
         position: relative;
    }
     .fs16 {
         line-height: initial;
    }
     .orange_btn {
         min-width: 150px;
    }
     .sales_grid {
         grid-gap: 8px;
    }
     .sec_banner {
         min-height: 250px;
    }
     .blog_grid {
         grid-template-columns: repeat(1,1fr);
    }
     .blog_sec .blog_grid .blog_item:first-child {
         grid-column: span 1;
    }
     .blog_sec .blog_grid .blog_item:first-child .blog_content {
         position: unset;
         transform: unset;
         border-top-left-radius: 0px;
         border-top-right-radius: 0px;
         width: 100%;
         max-width: 100%;
    }
     .blog_sec .blog_grid .blog_item:first-child .blog_img img,.blog_sec .blog_grid .blog_item:first-child .blog_img{
         border-bottom-left-radius: 0px;
         border-bottom-right-radius: 0px;
    }
     .get_mach_sec .sec_head {
         padding-bottom: 24px;
    }
     .blog_img img, .blog_img ,.blog_sec .blog_grid .blog_item:first-child .blog_img img,.blog_sec .blog_grid .blog_item:first-child .blog_img{
         max-height: 213.44px;
         min-height: 213.44px;
    }
     .single_blog_content h4 {
         margin-top: 25px;
         margin-bottom: 10px;
    }
     .single_blog_content img:nth-of-type(1){
         padding-right:5px;
    }
     .single_blog_content img:nth-of-type(2){
         padding-left:5px;
    }
     .single_blog_content img {
         margin: 15px 0px 0px;
    }
     .terms_content h3 {
         margin-top: 30px;
         margin-bottom: 15px;
         line-height: 24px;
    }
     .faq_list li a {
         padding: 5px 10px;
    }
     .faq_content .accordion-header img {
         max-width: 14px;
    }
     .plan_grid_white {
         grid-template-columns: repeat(3,1fr);
    }
     .plans_form .form-group {
         display: flex;
         flex-flow: wrap;
         margin-bottom: 0px;
    }
    .plans_grid .plans_head {
        grid-template-columns: repeat(4,1fr);
        min-height: 90px;
        margin-top: -25px;
        grid-gap: 0px;
        top: 20px;
        margin-bottom: 25px;
    }
     .plans_box_content span:first-child {
         position: relative;
         top: 6px;
    }
     .login_left p,.connectivity_solution_sec .hero_content p,.connectivity_solution_sec .enjoy_office_box img,.grow_bussiness_sec p ,.join_program .hero_content p{
         max-width: 100%;
    }
     .business_need {
         grid-template-columns: repeat(2,1fr);
    }
     .business_need .enjoy_box:nth-child(even)::after{
         display: none !important;
    }
     .business_need .enjoy_box:nth-child(3)::after{
         display: block;
    }
     .contact_from .row_gap30,.join_program_form .row_gap30{
         grid-row-gap: 20px;
    }
     .header_grid .header_menu {
         padding: 15px 0px;
    }
     .header_app {
         padding: 20px 20px;
    }
     .testimonial_slider .owl-nav .owl-next {
         display: none;
    }
     .testimonial_slider .owl-nav .owl-prev{
         display: none;
    }
     .get_mach_sec {
         transform: translateX(315px);
    }
     .header_menu li a {
         padding: 8px 20px;
    }
     .header_menu li .sub_menu {
         padding: 8px 0px;
    }
     .header_bottom {
         padding-top: 90px;
    }
     .header_sec.show .toggle_btn {
         top: 5px;
    }
     .headertop_right li:nth-child(1), .headertop_right li:nth-child(2) {
         top: 60px;
    }
     .header_menu li {
         max-height: 38px;
    }
     .header_app {
         padding: 15px 20px;
    }
     .grow_bussiness_img img {
         max-height: 350px;
         min-height: 350px;
    }
     .form-control{
         min-height: 46px;
    }
     .orange_btn {
         padding: 10px 20px;
    }
     .support_img img {
         width: 35px;
    }
     .ott_banner_sec {
         background-size: cover;
    }
     .ott_banner_sec {
         background-size: auto;
    }
     .explore_list li a {
         padding: 10px 25px;
    }
     .code_bar {
         grid-template-columns: 85px auto;
         grid-gap: 20px;
    }
     .sec_banner_plans {
         padding-bottom: 10px;
    }
    .plan_slider.pt-5 {
    padding-top: 30px !important;
}
.landing_page_sec .plans_grid {
    top: -35px;
}
}
 @media(max-width: 480px){
     .grow_bussiness_img img {
         max-height: 300px;
         min-height: 300px;
    }
     .downloadaap_form .form-group {
         grid-template-columns: auto;
         grid-row-gap: 15px;
    }
     .downloadaap_form input{
         border-radius: 8px;
         border-width: 1px;
    }
     .downloadaap_form button {
         max-width: 150px;
         min-width: auto;
         margin: 0px;
    }
     .downloadaap_form input,.downloadaap_form button {
         height: 48px;
         min-height: 48px;
    }
     .positivity_words .change{
         left: 50%;
         transform:translateX(-50%);
    }
     .positivity_words {
         height: 40px;
         top: 0px;
    }
     .hero_sec .positivity_words .change{
         transform: translateX(0px);
         left: 0px;
    }
     .positivity_words .change {
         left: 0%;
         width: 100%;
    }
     .plans_head_data span {
         font-size: 14px;
    }
     .plans_head_data strong {
         font-size: 16px;
    }
     .plans_head_data * {
         line-height: initial;
    }
     .get_mach_btn {
         transform: translateX(-86px) rotate(-90deg);
    }
     .error_box svg {
         max-width: 80%;
    }
    .positivity_words {
        top: 12px;
        right: 0px;
        max-width: 174px;
    }
    .landing_banner h1{
        font-size: 29.5px !important;
    }
}
 @media(max-width: 400px){
    .positivity_words {
        top:9px;
    }
   .hero_content br {
    display: none !important;
}
 }
 @media(max-width: 375px){
     .plans_grid .plans_head {
         margin-top: -20px;
    }
     .ham {
         max-width: 47px;
    }
     .headertop_right li a {
        padding: 8px 12px !important;
    }
}
/*-------------|| Media Css End ||----------------*/