/* ==========================================================================
   *Large Screens (1400px and Up)*
   ========================================================================== */
@media (min-width: 1400px) {
   .banner-text h1{font-size: 64px;}
   .main-banner{background-position: right;}

   
   .bgpgraph-wraper .bgp_card_06{max-width: 440px;}
   .bgpgraph-wraper .bgp_card_07{max-width: 440px; margin-top: 50px; margin-left: 70px;}
   .bgpgraph-wraper .bgp_card_08{max-width: 412px; margin-top: -50px;}
   .bgpgraph-wraper .bgp_card_09{max-width: 412px; margin-left: 80px;}
}

/* ==========================================================================
   *Medium Screens (1500px and Up)*
   ========================================================================== */
@media (max-width: 1699.98px) {

}

/* ==========================================================================
   *Medium Screens (1400px and down)*
   ========================================================================== */
@media (max-width: 1399.98px) {
   h1{font-size:52px;}
   .support-chat-bottom .text-contant h1{font-size: 52px;}
   .brief-communitieswork .section-image{padding-left: 0;}
   .footer-contact{column-gap:5px}
   .footer-contact .box-light{padding-right: 20px; padding-left: 20px;}

   .bgp--row3{align-items: center;}
   .bgpgraph-wraper .bgp_card_09{margin-bottom: 0; margin-left: 50px;}
   .bgpgraph-wraper .bgp_card_07::before{left: -57%; bottom: -152px;}
   .bgpgraph-wraper .bgp_card_06::before{right: -54px; bottom: -90px;}
   .bgpgraph-wraper .bgp_card_05::before{left: -424px; bottom: -107%;}
   .bgpgraph-wraper .bgp_card_03::before {left: -523px; bottom: -126px}
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1199.98px) {
   h2{font-size: 45px;}
   h3{font-size: 35px;}

   .main-nav .navbar-collapse{background-color: var(--secondary);}
   .support-chat-bottom .support-chat-image img{min-height: 320px;}
   .section-heading h2, .section-contant h2{font-size: 45px;}
   .peering-note{right: -30px; top: -30px;}
   .footer-contact{flex-wrap: wrap; column-gap:20px; row-gap:50px;}
   .footer-contact .wp-20{width: 48%;}
   .footer-contact .wp-25{width: 48%;}
   .footer-contact .wp-35{width: 48%;}

   .bgpgraph-wraper .bgp_card_01::before,
   .bgpgraph-wraper .bgp_card_02::before,
   .bgpgraph-wraper .bgp_card_03::before,
   .bgpgraph-wraper .bgp_card_04::before{display: none;}

   .bgpgraph-wraper .bgp--row2{margin-top: 50px;}
   .bgpgraph-wraper .bgp--row3{align-items: flex-start; margin-top: 50px;}
   .bgpgraph-wraper .bgp_card_01{margin-top: 0;}
   .bgpgraph-wraper .bgp_card_03{margin-top: 0;}
   .bgpgraph-wraper .bgp_card_09{margin-left: 0;}
   .bgpgraph-wraper .pl-80{padding-left: 13px;}

   .bgpgraph-wraper .bgp_card_01::before,
   .bgpgraph-wraper .bgp_card_02::before,
   .bgpgraph-wraper .bgp_card_03::before,
   .bgpgraph-wraper .bgp_card_04::before,
   .bgpgraph-wraper .bgp_card_05::before,
   .bgpgraph-wraper .bgp_card_06::before,
   .bgpgraph-wraper .bgp_card_07::before,
   .bgpgraph-wraper .bgp_card_08::before{display: none;}
   
   .main-nav .navbar-nav li{border-bottom: solid 1px var(--white); width: 100%; text-align: center;}
   .main-nav .navbar-nav li:last-child{border-bottom: none;}
}
  
  
  
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991.98px) {
   h2{font-size: 42px;}
   p{font-size: 16px;}
   .section-heading h2, .section-contant h2{font-size: 42px;}
   .section-white, .section-gray{padding: 50px 0;}
   .section-contant p{font-size: 16px;}

   .main-banner{padding-bottom: 90px;}
   .banner-text {text-align: center;}
   .banner-text p{margin: 0 auto;}
   .banner-text .figure_set{margin: 0 0 20px 0;}
   .banner-text .action{justify-content: center; flex-direction: column;}
   .banner-text .action .primary-solid{max-width: 320px; margin: auto;}
   .banner-text h1{margin: auto; padding-bottom: 22px;}
   .main-banner.bnr-style01 .banner-text p{margin: 0 auto;}
   .support-chat-bottom .support-chat-image img{min-height: 320px;}
   .logo > a > img{height: 45px;}
   a.menu-toggle{top: 0;}
   
   .brief-communitieswork .section-contant{text-align: center;}
   .peering-note{text-align: left;}
   .brief-communitieswork .section-image {text-align: center;}
   .brief-multihomed .top-brief{text-align: center;}
   .brief-multihomed .section-contant{padding-left: 0; margin-top: 50px;}
   .brief-multihomed h4 span{display: inline;}

   
   .repo-table .ms-table thead {display: none;}
   .repo-table .ms-table, .repo-table .ms-table tbody, .repo-table .ms-table tr, .repo-table .ms-table td {display: block;width: 100%;}
   .repo-table .ms-table tr {margin-bottom: 15px;}
   .repo-table .ms-table td {padding-left: 50%;text-align: left;position: relative;}
   .repo-table .ms-table td::before {content: attr(data-label);position: absolute;left: 0;width: 50%;padding-left: 15px;font-size: 15px;font-weight: bold;text-align: left;}
   .repo-table .ms-table td{border: none;}
   .repo-table{padding-top: 20px;}
   .repo-table .ms-table tr:nth-child(even) {background: #3E4A56;}
   .repo-table .ms-table tr:nth-child(odd) {background: #323d48; border-radius: 5px;}
   .bgp_card_05 .bgptable-wraper table td{border: none;}

   .peering-subead h5 .nr-btn {margin-left: 10px; display: block; max-width: 200px; margin: auto; margin-top: 10px;}

   .peering-policy-list .policy-list ul {
      width: 220px;
     }
     .info-lists-contents {
      flex-direction: column;
     }
     .info-lists-data { 
      width: 100%;
     }
     .policy-contents .container {
      display: flex;
      gap: 30px;
      justify-content: space-between;
      flex-direction: column;
    }
    .policy-content-left {
      width: 100%;
    }
    .policy-content-right {
      width: 100%;
    }

    .bgp-communities-list {
      padding: 50px 0 40px 0;
    }
    .bgp-communities-list h5 {
      margin: 0 0 20px 0;
    }
    .bgp-communities-list .container {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-direction: column;
     }
     .bgp-communities-list .communities-list-left,
     .bgp-communities-list .communities-list-right {
     width: 100%;
     }
     .bgp-communities-list .bgp-communities-list-items { 
      grid-template-columns: 1fr;
     }
    
    /**Footer**/
     .footer-bottom {
      flex-direction: column;
     }
     .footer-left, .footer-right {
      align-items: center;
      text-align: center;
     }
     .footer-left {
      margin: 0 0 25px 0;
     }
     footer h6 {
      text-align: center;
     }
     footer ul.footer-links {
      flex-direction: column;
      text-align: center;
      gap: 4px;
     }
     .footer-right {
      padding: 15px 0 0 0;
     }

     .footer-links {
      order: 1;
      margin: 0 0 15px 0;
     }
     .social-links {
      order: 2;
     }    

}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767.98px) {
   h1{font-size: 42px !important;}
   h2{font-size: 38px;}
   h3{font-size: 32px;}
   h5{font-size: 24px;}

   .section-heading h2, .section-contant h2{font-size: 38px;}
   .section-heading p{font-size: 18px;}
   .peering-note{width: 250px; right: 0; top: -30px;}
   .achievement-counts{margin-left:auto; margin-right: auto;}

   .bgpgraph-wraper .bgp_card_05 .table.ms-table tr{display: flex; flex-wrap: wrap;}
   .bgpgraph-wraper .bgp_card_05 .table.ms-table tr td{width: 100%;}
   .bgptable-wraper .buttons-holder{flex-direction: column;}
   .bgptable-wraper .buttons-holder li{width: 100%;}
   .peering-policy-list .policy-list {
      flex-direction: column;
   }
   .peering-policy-list .policy-list ul {
      width: 100%;
   }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575.98px) {
   h1{font-size: 40px !important;}
   h2 {font-size: 34px;}
   h3{font-size: 28px;}
   h5{font-size: 22px;}
   .section-heading h2, .section-contant h2{font-size: 34px;}
   .peering-note{margin: auto; position: relative; width: 90%; top: 0;}
   .footer-contact .wp-20{width: 100%;}
   .footer-contact .wp-25{width: 100%;}
   .footer-contact .wp-35{width: 100%;}
   .get-quote .form-fields{gap: 15px;}
   .get-quote .form-field{width: 100%;}
   .get-quote .form-field {
      width: 100%;
  }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 400px)*
   ========================================================================== */ 

@media (max-width: 430px) {
   
}