/* Responsive CSS */

@media screen and (max-width: 1780px) {
    .text-box p {
        font-size: 24px;
        line-height: 1.3em;
    }
    .col-5 {
        width: 35%;
    }
    .left-text-inner{
        margin-right: 5%;
    }
    #myModal .modal-content {
        width: 34%;
    }
    .tab-content li {
        font-size: 13px;
        line-height: 21px;
    }
    .tab-content {
        height: 55vh;
    }
    img.tb-img {
        width: 380px;
    }
    .globe-text {
        background-position: 40%;
    }

    .left-text .main {
        padding: 50px 0px 10px 0px;
    }

    .check-boxes {
        padding-right: 3%;
    }

    .flg-card:before {
        transform: scale(0.9);
        bottom: 90%;
    }

    .globe-text {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100%;
        padding-bottom: 30px;
    }

    .flg-card {
        top: 40vh !important;
        left: 89% !important;
    }
    .styled-checkbox:checked+label:after {
        top: -4px;
    }
    h2.main {
        font-size: 54px;
    }

    .countries-network p,
    .countries-network h2 {
        margin-right: 20px;
    }

    .countries-network h2 {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .countries-network p {
        font-size: 14px;
        line-height: 21px;

    }
    div#desk_net .col-3 {
        width: 90px;
        min-width: 90px;
    }
}
@media screen and (max-width: 1680px) {
.modal-content {
    width: 50%;
}
div#wrapper {
    margin-top: 4%;
}
}
@media screen and (max-width: 1600px) {
    div#wrapper {
        margin-top: 6%;
    }
    .styled-checkbox:checked+label:after {
        top: -3px;
    }
    .left-text-inner{
        margin-right: 0;
    }
    .tab-content li {
        font-size: 13px;
        line-height: 21px;
    }
    #ftrModal .modal-content {
        width: 21%;
    }
    button#tab-text {
        font-size: 18px;
    }
    .tab-content {
        height: 50vh;
    }
    #tip-big {
        margin-bottom: 2px;
    }
    /* .styled-checkbox:checked+label:after {
        top: 2px;
    } */

    section {
        padding-left: 50px;
        padding-right: 50px;
    }
    .mp-btn-div {
        right: 50px;
    }

    .flg-card {
        top: 48vh !important;
        left: 55% !important;
    }

    .check-boxes {
        padding-right: 0;
    }

    .countries-network .col-3 {
        width: 35%;
    }

    .countries-network .col-6 {
        width: 40%;
    }

    .left-text h2 {
        font-size: 45px !important;
    }

    .check-boxes.network {
        padding-bottom: 15px !important;
    }
    .left-text .main {
        margin-bottom: 20px !important;
    }

    #main-col {
        flex: 0 1 42vw !important;
    }

    .countries-network .col-6 {
        width: 42%;
    }

    .countries-network p, .countries-network h2 {
        margin-right: 15px;
    }
}

@media screen and (max-width: 1525px) {
    .countries-network .col-6 {
        width: 44%;
    }
}
@media screen and (max-width: 1480px) {
    .gr-region .styled-checkbox.country_region:checked+label:after {
        top: 5px
    }
    .styled-checkbox:checked+label:after {
        top: -3px;
    }
    div#wrapper {
        margin-top: 8%;
    }
    .text-box {
        padding-bottom: 15px;
    }
    .check-boxes {
        padding-bottom: 20px;
    }
    .globe-text .content-section-custom {
        font-size: 15px;
        line-height: 1.2em;
    }
    .check-boxes ul li {
        font-size: 15px;
    }
}
@media screen and (max-width: 1440px) {
    .text-box p {
        font-size: 20px;
    }
    .modal-content, #myModal .modal-content {
        width: 34.5%;
    }
    img.tb-img {
        width: 300px;
        margin-bottom: 3px;
    }
    .countries-network p {
        padding: 15px 10px !important;
    }

    .col-5 {
        width: 39%;
    }

    .col-7 {
        width: 61%;
    }

    .countries-network .col-6 {
        width: 41%;
    }
}

@media screen and (max-width: 1400px) {
    .globe-text .content-section-custom {
        font-size: 14px;
        line-height: 1.3em;
    }
    #ftrModal .modal-content {
        width: 312px;
    }
    #ftrModal .modal-content {
        width: 312px;
    }
    .styled-checkbox:checked+label:after {
        top: 0px;
        left: 4px;
    }
    .countries-network .col-6 {
        width: 38%;
    }

    .flg-card h6 {
        margin-bottom: 10px;
    }

    .flg-card {
        min-width: 220px !important;
        top: 40vh !important;
        left: 83% !important;
    }

    .checkpoints.flg:after {
        bottom: 10px;
        right: -10px;
        transform: scale(0.6);
    }
    .tab-content a {
        font-size: 13px;
    }
    a.legend-icon {
        font-size: 15px;
        padding: 10px;
    }
    a.legend-icon img {
        margin-right: 10px;
        left: 14px;
        padding-top: 2px;
    }
    #tip-big {
        font-size: 18px !important;
        margin-bottom: 0px;
    }

    .flg-card {
        padding: 0 !important;
    }

    #main-col {
        flex: 0 1 38.7vw !important;
    }

    .left-text h2 {
        font-size: 40px !important;
    }

    .styled-checkbox+label:before {
        width: 16px !important;
        height: 16px !important;
    }
    .gr-region .styled-checkbox+label:before {
        width: 20px !important;
        height: 20px !important;
    }
    .gr-region .styled-checkbox.country_region:checked+label:after {
        top: 4px;
    }
    .check-boxes {
        padding-bottom: 20px;
    }

    .globe-text {
        padding-bottom: 40px;
    }

    .flg-card:before {
        transform: scale(0.6);
        bottom: 90%;
    }

    .flg-card:before {
        transform: scale(0.6);
        bottom: 70%;
        right: 70%;
    }

    .left-text .main {
        font-size: 50px;
    }

    .checkpoints.flg h3 {
        font-size: 20px;
        line-height: 27px;
    }

    .countries-network p,
    .flg-card h6,
    .checkpoints li {
        font-size: 13px;
        line-height: 16px;
    }
    .check-boxes ul li {
        font-size: 14px;
        line-height: 15px;
    }
    .check-head h4{
        font-size: 16px;
    }
    .countries-network h2 {
        font-size: 45px;
        line-height: 52px;
    }

    .left-text .main {
        padding: 40px 20px 10px 0px !important;
    }
    .text-box {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 1365px) {
    .countries-network .col-6 {
        width: 43%;
    }

    .check-boxes {
        padding-bottom: 30px;
    }

    .countries-card .col-6:last-child {
        width: 60%;
    }

    .countries-card .col-6:first-child {
        width: 40%;
    }

    .left-text .main {
        padding: 35px 20px 10px 0px !important;
    }

    .globe-text {
        padding-bottom: 35px !important;
    }

    #desk_net {
        display: inline-block;
    }

    div#desk_net .col-3 {
        width: auto;
        margin-right: 0% !important;
    }
}

@media screen and (max-width: 1280px) {
    .custom-grid-btn-wrap {
        margin-right: 0%;
    }
    div#desk_net .col-3 {
        width: 88px;
        min-width: 88px;
    }
    .modal-content, #myModal .modal-content {
        width: 40%;
    }
    .countries-network .col-6 {
        width: 44%;
    }

    .flg-card {
        padding: 0 !important;
        min-width: 200px !important;
        top: 29vh !important;
        left: 84% !important;
    }

    .checkpoints.flg:after {
        bottom: 10px;
        transform: scale(0.5);
    }

    #tip-big {
        font-size: 18px !important;
        margin-bottom: 0px !important;
    }

    .left-text .main {
        font-size: 40px !important;
    }

    .check-boxes {
        padding-bottom: 20px !important;
    }

    .left-text h2 {
        font-size: 32px !important;
    }

    .countries-network h2,
    .countries-network p {
        margin-right: 25px !important;
    }

    #main-col {
        flex: 0 1 38vw !important;
    }

    .left-text .main {
        padding-right: 20% !important;
        padding-bottom: 5px !important;
    }

    .countries-network h2,
    .countries-network p {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 1280px) {
    .countries-network .col-6 {
        width: 45.5%;
    }
}

@media screen and (max-width: 1200px) {
    .globe-text .content-section-custom {
        padding-top: 40px;
    }
    .modal-content, #myModal .modal-content {
        width: 45%;
    }
    .left-text .main {
        font-size: 35px !important;
    }

    .check-boxes.network {
        padding-bottom: 20px !important;
    }

    .check-boxes {
        padding-bottom: 15px !important;
    }

    .globe-text {
        padding-bottom: 30px !important;
    }

    .left-text .main {
        padding-top: 30px !important;
    }

    .left-text h2 {
        font-size: 30px !important;
    }

    section.container-fluid {
        padding: 10px 40px 10px;
    }

    .globe-text {
        background-position: 50%;
    }

    .flg-card {
        padding: 0px !important;
        min-width: 180px !important;
        top: 30vh !important;
        left: 56% !important;
    }

    h6#tip-small {
        margin-bottom: 5px;
    }

    .checkpoints.flg:after {
        bottom: 0px;
        right: -10px;
        transform: scale(0.45);
    }

    ul.checkpoints img {
        width: 17px;
    }

    #tip-big {
        font-size: 15px !important;
        margin-bottom: 0px !important;
    }

    .countries-network h2 {
        font-size: 30px;
        line-height: 37px;
    }

    .checkpoints.flg h3 {
        font-size: 15px;
        line-height: 24px;
    }

    section {
        padding-left: 40px;
        padding-right: 40px;
    }

    ul.checkpoints img {
        width: 20px;
    }

    ul.checkpoints.flg img {
        width: 27px !important;
    }

    .countries-card .col-6:last-child {
        width: 67% !important;
    }

    .countries-card .col-6:first-child {
        width: 40% !important;
    }
}

@media (min-width: 768px) and (max-width: 1099px) {


    /* .check-boxes .col-4.first {
    float: left;
    width: 50%;
}
.check-boxes .col-4.second {
    float: right;
    width: 50%;
} */
    .check-boxes .col-4.third {
        width: 100%;
        margin-top: 5px;
        display: inline-flex;
    }
}

@media (min-width: 900px) and (max-width: 1000px) {
    .countries-network .col-3 {
        width: 33% !important;
    }
}

@media screen and (max-width: 1099px) {
    .text-box p {
        font-size: 18px;
    }
    .modal-content, #myModal .modal-content {
        width: 48%;
    }
    img.tb-img {
        width: 290px;
    }
    .flg-card {
        padding: 0px !important;
        min-width: 180px !important;
        top: 18vh !important;
        left: 60% !important;
    }

    h6#tip-small {
        margin-bottom: 5px;
    }

    ul.checkpoints img {
        width: 17px;
    }

    #tip-big {
        font-size: 15px !important;
        margin-bottom: 0px !important;
    }

    .countries-network .col-6 {
        width: 48%;
    }
}
@media screen and (max-width: 1024px) {
    .gr-region .styled-checkbox.country_region:checked+label:after {
        top: 3px;
    }
    .check-head h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .check-boxes ul li {
        font-size: 13px;
    }
    div#desk_net .col-3 {
        width: 80px;
        min-width: 80px;
    }   
     .col-7 {
        width: 55%;
    }

    section {
        padding-left: 30px;
        padding-right: 30px;
    }
    .mp-btn-div {
        right: 30px;
    }
    .col-5 {
        width: 45%;
    }
    #myearth {
        width: 100% !important;
    }
    div#wrapper {
        margin-top: 20%;
    }
    button#tab-text {
        font-size: 15px;
    }
    .tab-button {
        font-size: 14px;
    }
}
@media screen and (max-width: 1000px) {
    
    .modal-content, #myModal .modal-content {
        width: 50%;
    }
    .countries-network .col-6 {
        width: 50%;
    }

    .left-text .main {
        font-size: 32px !important;
    }

    .checkpoints.flg:after {
        transform: scale(0.48) !important;
    }

    .flg-card {
        padding: 0px;
    }

    .globe-text {
        background-position: 54%;
    }

    .countries-network .col-3 {
        width: 45%;
    }

    section.container-fluid {
        padding: 10px 15px 10px;
    }

    .flg-card {
        top: 18vh !important;
        left: 50% !important;
    }
}
@media screen and (max-width: 850px) {
    .flg-card {
        left: 20% !important;
    }
.modal-content, #myModal .modal-content {
    width: 60%;
}
}
@media screen and (max-width: 767px) {
    .gr-region .styled-checkbox+label:before {
        width: 18px !important;
        height: 18px !important;
    }
    .gr-region .styled-checkbox.country_region:checked+label:after {
        top: 3px !important;
        left: 5.4px !important;
        width: 9px !important;
        height: 9px !important;
    }
    .modal-content {
        bottom: 0px;
    }
    .modal-content, #myModal .modal-content {
        width: 95%;
        right: 0;
    }
    button#tab-text {
        font-size: 16px;
    }
    .tab-button {
        font-size: 12px;
    }
    p.tab-subhead {
        font-size: 15px;
    }
    .tab-content li {
        font-size: 11px;
    }
    .tab-content {
        padding: 15px;
    }

    p.tb-text18 {
        font-size: 18px;
        line-height: 26px;
    }
    img.tb-img {
        width: 220px;
    }
    .countries-network .col-3 {
        width: 35%;
    }

    .small_filters {
        display: block;
    }

    .col-5.left-text,
    .col-7 {
        width: 100% !important;
    }

    .toggle-menu .fa-times {
        display: none;
    }

    .mobile-menu .hide_mobile {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    .small_filters.not_allowed .sel_reg,
    .small_filters.not_allowed .sel_net {
        opacity: 0.3;
        cursor: not-allowed;
    }

    .toggle-menu {
        display: inline-block;
        position: fixed;
        right: 15px;
        z-index: 9;
    }

    .mobile-menu {
        /* position: absolute; */
        position: fixed;
        float: left;
        height: calc(100vh - 30px);
        line-height: 60px;
        background: #ffffff;
        right: -104%;
        transition: all .8s ease-in-out;
        z-index: 2;
        width: 0 !important;
        top: 0px;
        /* top: 60px; */
        padding-top: 5px;
        overflow: auto;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    }

    .mobile-menu.active {
        right: 0;
        width: calc(320px - 30px) !important;
        padding: 15px;
        z-index: 3;
    }

    .mobile-menu.active .hide_mobile {
        display: inline-block;
    }

    .mobile-menu.active .check-head {
        float: left;
        width: 100%;
    }

    .toggle-menu.active .fa-bars {
        display: none;
        transition: all .8s ease-in-out;
    }

    .toggle-menu.active .fa-times {
        display: inline-block;
        transition: all .8s ease-in-out;
    }

    .mobile-menu.active .check-boxes {
        float: left;
        width: 100%;
        padding-bottom: 0 !important;
    }

    .mobile-menu.active .check-boxes .row {
        display: inline-block;
    }

    .mobile-menu.active .check-boxes .col-4 {
        float: left;
        width: 100%;
    }

    .mobile-menu.active .check-boxes .col-4 ul {
        float: left;
        width: 100%;
    }

    .mobile-menu.active .check-boxes .col-4 ul li {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

    .mobile-menu.active .styled-checkbox {
        position: relative;
        float: left;
        margin-left: -18px;
    }

    .mobile-menu.active .styled-checkbox+label:before {
        margin-top: -3px;
    }

    .mobile-menu.active .styled-checkbox:checked+label:after {
        top: 1px;
    }
}

@media screen and (max-width: 767px) {
    .globe-text .content-section-custom {
        position: unset;
        padding-top: 20px;
    }
    .row.check-head.network.hide_mobile {
        margin-top: 25px !important;
    }
    div#desk_net .col-3 {
        width: 100%;
        min-width: 100%;
    }
    input.btn.btn-default {
        margin-top: 20px;
    }
    .mp-btn-div {
        top: 25%;
    }
    #myearth {
        width: 88% !important;
    }
    div#wrapper {
        margin-top: 60px;
    }
    a.sel_reg, a.sel_net {
        font-family: 'Gotham Pro';
        font-size: 14px;
    }

    .checkpoints.flg:after {
        bottom: -5px !important;
        right: -10px;
    }

    .flg-card a img {
        width: 12px !important;
    }

    .flg-card a {
        position: absolute;
        top: 5px;
        right: 8px;
    }

    li.linked-close ul.submenu {
        display: none;
    }

    ul#accordion {
        margin-top: 0px;
    }

    .link h4 {
        line-height: 21px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
    }

    .link {
        display: flex;
        padding: 10px 0px;
        margin-right: 50px !important;
    }

    .link img {
        width: 10px;
        height: 10px;
        margin-left: 10px;
        position: relative;
        top: 7px;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    ul.submenu {
        padding-top: 10px;
    }

    li.open img {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    ul.menu {
        padding: 10px 30px;
    }

    ul.submenu .col-4 {
        width: 100% !important;
        font-family: 'Gotham Pro';
    }

    ul.submenu li {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .container .nav .menu li {
        float: none !important;
    }

    .container.m-menu {
        display: block !important;
    }

    .flg-card {
        top: 30vh !important;
        left: 50% !important;
    }

    .countries-network {
        padding-top: 20px !important;
    }

    .show-767 {
        display: none;
    }

    .left-text .main {
        font-size: 30px !important;

        margin-bottom: 0 !important;
    }

    .row.main-row .col-6 {
        width: 100% !important;
    }

    .row.main-row {
        display: block !important;
    }

    .left-text .main {
        padding-right: 0% !important;
        padding-bottom: 0px !important;
    }

    .hide-767 {
        display: none;
    }

    .check-boxes .col-4.first {
        float: none;
        width: 100%;
    }

    .check-boxes .col-4.second {
        float: none;
        width: 100%;
    }

    img.tataLogo {
        width: 180px;
    }

    img.tata-logo-right {
        display: none;
    }

    .llogo,
    img.tata-logo-right {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .check-boxes .col-4.third {
        width: 100%;
        margin-top: 0px;
    }

    .left-text .main {
        font-size: 30px;

    }

    .left-text .main {
        padding: 40px 0px 0px 0px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        font-family: 'Gotham Pro';
        color: #000000;
        margin: 0px 0px 20px 0px;
    }

    .check-boxes ul li,
    .countries-network p,
    .flg-card h6,
    .checkpoints li {
        font-size: 12px;
        line-height: 14px;
    }

    .checkpoints.flg h3 {
        font-size: 15px;
        line-height: 24px;
    }

    .countries-network h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .countries-network .col-3 {
        width: 35%;
    }

    .countries-network .col-6 {
        width: 0%;
    }

    .check-boxes ul li {
        padding-bottom: 10px !important;
    }

    .countries-card .col-6:last-child {
        width: 75% !important;
    }

    .countries-card .col-6:first-child {
        width: 25% !important;
    }

    .checkpoints.flg li {
        padding-right: 10px !important;
    }

    ul.checkpoints img {
        width: 16px !important;
    }

    ul.checkpoints.flg img {
        width: 22px !important;
    }

    .globe-text {
        padding-bottom: 40px;
    }

    ul.menu.active {
        padding: 0px 15px;
    }

    div#main-col {
        padding-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .countries-network .col-3 {
        width: 44%;
    }

    .countries-network h2,
    .countries-network p {
        margin-right: 10px !important;
    }

    .check-boxes.network .row {
        display: block;
    }

    .globe-text {
        background-position: 60%;
    }

    .countries-card .col-6:last-child {
        width: 100% !important;
    }

    .countries-card .col-6:first-child {
        width: 0% !important;
    }

    .flg-card {
        padding-top: 10px !important;
    }

    .countries-network p {
        padding: 10px 5px !important;
    }

    .col-4 {
        width: 100%;
    }

    .flg-card {
        top: 30vh !important;
        left: 70% !important;
    }
}
@media screen and (max-width: 575px) {
    .mp-btn-div {
        top: 28%;
    }
    .border-btm {
        margin-bottom: 12px;
    }
    /* div#desk_net {
        padding: 10px 20px 0px;
    } */
    /* .check-head.network {
        padding: 12px 20px;
    } */
    .text-box {
        max-width: 100%;
        right: 20px;
    }
    .tab-content {
        height: 300px;
        overflow: scroll;
        scrollbar-color: #3D86C6 #f1f1f1;
        scrollbar-width: thin;
    }
    .modal-content, #myModal .modal-content {
        width: 92%;
        right: 0;
    }
    .tab-button {
        padding: 10px 15px 7px 15px;
    }
    .close img {
        width: 18px;
    }
    .close {
        font-size: 28px;
        position: absolute;
        top: 13px;
        right: 10px;
    }
    .mp-btn-div {
        top: 35%;
        right: unset;
    }
    .small_filters {
        width: 100%;
        padding: 0px 0;
    }
    div#wrapper {
        margin-top: 80px;
    }
    /* .row.main-row {
        padding-top: 180px;
    } */
}
@media screen and (max-width: 480px) {
    .tab-content a {
        font-size: 12px;
    }
    div#wrapper {
        margin-top: 120px;
    }
    p.tb-text18 {
        font-size: 16px;
        line-height: 24px;
    }
    .tab-button {
        padding: 8px 10px 8px 10px;
    }
    #ftrModal .modal-content {
        width: 80%;
        right: 10px;
    }
    button#tab-text {
        font-size: 14px;
        top: 15px;
    }
    .modal-content, #myModal .modal-content {
        width: 100%;
        right: 0;
        margin-right: 0 !important;
    }
    .countries-network .col-3 {
        width: 50%;
    }

    ul.submenu li {
        margin-bottom: 10px !important;
    }

    .countries-network h2 {
        padding: 15px 15px !important;
    }

    .flg-card {
        top: 30vh !important;
        left: 30% !important;
        width: 160px !important;
    }

    .checkpoints.inside-area li {
        padding-right: 10px;
        margin-right: auto;
    }

    .left-text h2 {
        font-size: 24px !important;
    }

    .left-text .main {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 420px) {
    .mobile-menu.active .styled-checkbox:checked+label:after {
        top: 2px;
    }
    .check-boxes ul li, .countries-network p, .flg-card h6, .checkpoints li {
        font-size: 11px;
        line-height: 14px;
    }
}

@media screen and (max-width: 390px) {
    .gr-region .styled-checkbox.country_region:checked+label:after {
        top: 2px !important;
        left: 5.5px !important;
        width: 9px !important;
        height: 9px !important;
    }
    .mp-btn-div {
        top: 41%;
    }
    .mobile-menu.active .styled-checkbox:checked+label:after {
        top: 0px;
        left: 4px;
    }
    #myearth {
        width: 100% !important;
    }
    #tip-layer {
        top: -70% !important;
    }
}

@media screen and (max-width: 340px) {
    p.tb-text18 {
        font-size: 14px;
        line-height: 20px;
    }
    img.tb-img {
        width: 200px;
        margin-bottom: 0px;
    }
    .flg-card {
        top: 16vh !important;
        left: 17% !important;
    }

    .left-text .main {
        font-size: 28px !important;
    }

    ul.checkpoints img {
        width: 15px !important;
    }
}