/* Responsive CSS */

@media (max-width: 991.98px){
    .navbar-collapse{ background-color: rgb(255, 255, 255, 1);border-radius:5px;padding: 0 15px;}
    .navbar-dark .navbar-nav .nav-link { color: #173660;}
    /* Home Page CSS */
    .about-us-inner{ padding-top: 80px;}
}

@media (min-width:768px) and (max-width: 991.98px){
    /* Basic CSS */
    h1 { font-size: 2.441rem; /*39.06px*/}
    h2 {font-size: 1.953rem;} /*31.25px*/
    .heading { font-size: 1.953rem;}
}

@media (min-width:576px) and (max-width: 991.98px){
    /* Navigation CSS */
    .navbar-expand-lg>.container{ padding-right: 15px;padding-left: 15px;}
}

@media (max-width: 767.98px){
    /* Basic CSS */
    h1 { font-size: 1.953rem; /*31.25px*/}
    h2 {font-size: 1.563rem;} /*25.00px*/
    .heading { font-size: 1.953rem;}

    /* Home Page CSS */
    .scam-type .lead{ display: none;}
    .about-us .lead, .what-we-do .lead{ font-size: 100%;}
    .navbar-brand img{ width: 121px;}
    .banner ul, .banner p{ display: none;}
    .banner-top-right-image{ width: 179px;background-size: 100%;}
    .banner-bottom-left-image{ width: 190px;height: 178px;background-size: 100%;}
    .banner-image{ width: 245px;margin:0 auto;display: block;}
    .about-us-inner{ background-position: 70% 100%;}
    .what-we-do .heading{ margin-top: 0;}
    .blobs-illustration-top { right: -15px;}
    .blobs-illustration-bottom { left: -15px;bottom: 70px;}
    .blobs-illustration-top img{ width: 284px;}
    .blobs-illustration-bottom img{ width: 284px;}

    /*Inner Page CSS */
    .page-heading .banner-top-right-image { width: 152px;background-size: 100%;}
    .page-heading .banner-bottom-left-image { width: 160px;height: 158px;background-size: 100%;}
    .page-heading {padding: 40px 0 40px;overflow: hidden;}
    .page-heading h1{ font-size: 1.953rem;}
    
    /* Footer CSS */
    .widget h4 { margin-top: 0;}
    ul.social-media-menu{ text-align: center;}
}

@media (min-width: 576px){
    /* Home Page CSS */
    .illustration-image-bottom{  position: absolute;bottom:-10px;left:-2px;right: 0;transform: rotate(180deg);}
    .tex-sm-left{ text-align: left !important;}  
}

@media (min-width:576px) and (max-width: 767.98px){
    /* Home Page CSS */
    .what-we-do .rounded-circle{ width: 137px;height: 137px;}
}

@media (min-width: 768px){
    /* Basic CSS */
    .mt-md-6, .my-md-6 { margin-top: 3.75rem!important; /*60px*/}
    .mb-md-0, .my-md-0 { margin-bottom: 0!important;}
    .position-md-absolute{ position: absolute;}
    .border-right-md {
        border-right: solid 1px #E5EEFF;
    }
    .border-bottom-md-0{ border-bottom:0 !important;}
    /* Home Page CSS */
    .tex-md-left {
        text-align: left !important;
    }    
}

@media (min-width: 992px){
    .border-right-lg{ border-right: solid 1px #E5EEFF;}
    .pl-lg-2, .py-lg-2 {
        padding-left: 1rem!important;
      }
      .pr-lg-2, .py-lg-2 {
        padding-right: 1rem!important;
      }
     
    /* Home Page CSS */
    .trending-section-inner { padding-top: 50px;}

    /* Navigation CSS */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.8125rem;
        padding-left: 0.8125rem;
    }
    /* Inner Page CSS */
    .thank-you{ min-height: 400px;}
}

@media (min-width: 992px) and (max-width: 1199.98px){
    /* Home Page CSS */
    .what-we-do .rounded-circle{ width: 117px;height: 117px;}

    /* Navigation CSS */
    .navbar-nav .nav-link{
        font-size: 0.875rem;
    }
}

@media (min-width: 1200px){
    /* Basic CSS */
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    /* Navigation CSS */
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.375rem;
        padding-left: 1.375rem;
    }
}

@media (min-width: 1200px) and (max-width: 1500px){
    .banner h1{ margin-bottom: 1rem !important;}
    .banner-top-right-image{ width: 319px;background-size: 100%;}
    .banner-bottom-left-image{ width: 280px;height: 278px;background-size: 100%;}
    .banner-image{
        width: 470px;
    margin: 0 auto;
    display: block;
    }
    .mt-6, .my-6 {
        margin-top: 1.875rem !important;
    }
    h1 {
        font-size: 2.441rem;
    }
    .heading {
        font-size: 2.441rem;
    }
}