/* Extra small devices (phones, 600px and down) */

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

    .icons-social {

        display: none !important;

    }



    header {

        background: #002B57;

        color: #ffffff;

        padding: 5px 10px;

        box-sizing: border-box;

    }



    .icons-top p {

        font-size: 11px;

        padding-right: 20px;

    }



    .nav-glob {

        padding: 5px 20px;

    }



    .glob-lr {

        padding: 40px 20px;

    }



    .right-align {

        text-align: left;

        justify-content: end;

    }



    .img img {

        width: 100%;

    }



    .title {

        font-size: 20px;

        color: #002B57;

        margin-bottom: 10px;

        margin-top: 10px;

    }



    .who-p {

        font-size: 14px !important;

        text-justify: inter-word;

        line-height: 1.6em;

    }



    .globle_h {

        font-size: 20px;

        font-weight: 700;

        margin-bottom: 30px;

    }



    .body_counter li .gradient-text {

        font-size: 35px;

        padding-bottom: 1rem;

    }



    .body_counter li {

        width: 33.3%;

        line-height: 1;

        text-transform: uppercase;

        font-size: 12px;

        font-weight: 500;

        margin-top: 6rem;

    }



    .logo-data {

        display: none !important;

        color: #061133;

        font-size: 20px;

        font-weight: 600;

        margin-bottom: 15px;

    }



    .slid-card {

        margin-left: 10px;

        margin-right: 10px;

    }



    .title-top {

        font-size: 16px;

    }



    ::placeholder {

        font-size: 12px;

    }



    .submit {

        padding: 3px 15px;

        font-size: 14px;

        border: 1px solid #061133;

        background-color: white;

        border-radius: 8px;

        font-weight: 500;

    }



    .banner-img img {

        width: 100%;

    }



    .add {

        font-size: 13px !important;

    }



    .info img {

        background-color: #061133;

        border-radius: 50%;

        padding: 11px !important;

        margin-right: 10px;

    }



    .title-contact {

        color: #c28b15;

        font-size: 20px !important;

        font-weight: 500;

        margin-bottom: 30px;

    }



    iframe {

        width: 350px;

        height: 300px;

    }



    .query select {

        font-size: 13px;

    }



    .number {

        width: 16% !important;

    }



    .mobile {

        width: 80% !important;

        margin-left: 0px !important;

    }



    .query h5 {

        font-size: 16px;

    }



    .contact-form h5 {

        font-size: 15px;

    }



    .contact-form h6 {

        font-size: 15px;

    }



    .wRight {

        width: 70% !important;

        padding: 7px;

        border-radius: 2px;

    }



    .wLeft {

        width: 45% !important;

        float: left;

        text-align: left;

        font-size: 1rem;

        font-family: Arial, Helvetica, sans-serif;

    }

    .card-img2 {

        width: 150px;

        /* height: 57px; */

        box-shadow: 1px 1px 12px 1px #cacaca;

        border-radius: 8px;

        margin: auto;

        padding: 20px;

    }

    .card-img2 img{

        width:100%;

    }

    .callIcon {

        bottom: 6%;

        width: 95px !important;

    }

    

    .callIcon {

        position: fixed;

        left: 82%;

        bottom: 12%;

        z-index: 999999;

        width: 50px;

    }

    .whatsapp {

        position: fixed;

        left: 82%;

        bottom: 5%;

        z-index: 999999;

        width: 63px;

    }

    .mbl{

        margin-bottom:25px;

    }

    .mobile-layout{

        display:block;

    }

    .mobile-none{

        display:none;

    }
    .choose-box {
        width: 90%;
        margin-bottom: 20px;
        margin-left: 15px;
    }

        .ch-list{
            padding-left:0px;   
        }

}



/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {}



/* Medium devices (landscape tablets, 768px and up) */

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

    .mobile-layout{

        display: none;

    }

    .slid-card {

        width: 240px;

        margin-right: 30px;

    }

}



/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {}



/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {

    .mobile-layout{

        display: none;

    }

    .slid-card {

        width: 270px;

        margin-right: 30px;

    }

}