@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 1rem;
    }


   /*
=============
Slider
============
*/

#bannerSlider .carousel-caption h2{
  font-size: 38px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-caption h5{
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 16px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}
  #bannerSlider .carousel-caption .btn{
    background-color: #005cff;
    margin: 5px;
    font-size: 15px;
  }
  #bannerSlider .carousel-caption .btn:hover{
    background-color: #18d26e;
    margin: 5px;
  }

  .image-caption-container {
    background-color:rgba(75, 103, 247, 0.42);
    /* border-radius: 10px; */
    overflow: hidden;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .image-caption-container  p{
    font-size: 15px;

   }
   
   

}

@media (max-width: 992px) {

    /*
========================
Topbar Section
========================
*/

#topbar {
    padding: 8px;
   
    color: #fff;
    justify-content: left;
    align-items: center;
    text-align: left;
  }
    #topbar a {
        font-size: 12px;
    }

    #topbar .time-section {
        font-size: 12px;
        justify-content: center;
        align-items: center;
    }

    #topbar .social-icon {
        font-size: 12px;
        justify-content: center;
        align-items: center;
    }

    #topbar .link-section {
        font-size: 12px;
    }

    /*
===================
Logo Info Section
==================
*/

    #logo-info {
        padding: 20px;

        justify-content: left;
        align-items: left;
        text-align: left;

    }



    #logo-info .logo img {
        height: 70px;
        width: auto;

    }

    #logo-info .fas {
        /* color: #18d26e !important; */
        font-size: 16px;
    }

    #logo-info .contact-text {
        /* border-bottom: 2px solid red; */
        width: fit-content;
        font-size: 17px;
        font-weight: 500;
    }

    #logo-info .contact-info-sub {
        font-size: 13px;
        font-weight: normal;
        font-family:  'Poppins', sans-serif;
    }

    #logo-info .underline{
        border-left: 2px solid #18d26e;
        /* width: fit-content; */
        height: 35px;
        margin: auto;
      }

    #logo-info .email-text {
        width: fit-content;
        font-size: 17px;
        font-weight: 500;
    }

    #logo-info .email-info-sub {
        font-size: 13px;
        font-weight: normal;
        font-family:  'Poppins', sans-serif;
        color: #000;
    }

    /*
================
Navbar Section
================
*/

    .navbar {
        padding: 60px;
    }

    .navbar-nav{
        margin-left: 0px;
      }

    .navbar a {
        padding: 15px;
        font-size: 15px;
    }

    .dropdown-menu a {
        color: black !important;
        padding: 5px;

    }

      /*
=============
Slider
============
*/

#bannerSlider .carousel-caption h2{
  font-size: 35px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-caption h5{
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 13px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}
  #bannerSlider .carousel-caption .btn{
    background-color: #005cff;
    margin: 5px;
    font-size: 15px;
  }
  #bannerSlider .carousel-caption .btn:hover{
    background-color: #18d26e;
    margin: 5px;
  }




    /*
===========================
Featured Services Section
==========================
*/


    #featured-services h4 {

        font-size: 20px;
    }

    #featured-services i {
        font-size: 30px;
    }

    /*
===================
About Us section
===================
 */

    #about-section h2 {
        font-size: 25px;

    }

    #about-section p {
        font-size: 17px;
    }

    #about-section .card img {
        width: auto !important;
        height: 60vh;
        border-radius: 10px;
        margin-top: 40px;
    }

    /*
=====================
Services Section
======================
*/

    #services h2 {
        font-size: 25px;
    }

    #services p {
        font-size: 17px;
    }

    #services .icon i {

        font-size: 30px;

    }

    #services h4 {
        font-family:  'Poppins', sans-serif;
        font-size: 15px;
    }

    #services .description {
        /* font-size: 16px; */
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: 0px;
    }

    /*
=====================
Call Action Section
=====================
*/

    #call-action h2 {


        font-size: 25px;
    }

    #call-action p {
        font-size: 17px;
    }

    #call-action .card h6{
        font-size: 14px;
    }

    #call-action .card span{
        font-size: 14px;
    }
    #call-action .card .fas{
        font-size: 14px;
    }
/*
==================
Bank Info Section
==================
*/

#bank-info h2 {
    font-size: 15px;
}

#bank-info p {
    font-size: 10px;
}
#bank-info .description {
    font-size: 15px;
}

/*
=============
Payment 
==============
*/

  #payment-partner .payment{
         padding:0px 80px;
         margin:auto;
     }
  #payment-partner .card{
      height:18vh;
     box-shadow: 0 1px 5px 0 rgba(66, 133, 244, .18), 0 4px 15px 0 rgba(66, 133, 244, .15);
  }
  
   #payment-partner .card img{
    /*padding:5px;*/
    width:100%;
   height:-webkit-fill-available;
  }
  
  #payment-partner .card .img-top-first{
   padding: 5px 30px;
   /* width:80%;*/
   /*height:-webkit-fill-available*/
  }

/*
==============
Footer Section
==============
 */
 #footer h5 {
    font-size: 18px;
 }

 #footer h6 {
    font-size: 16px;
 }

 #footer a {
    font-size: 15px;
 }
#footer span{
    font-size: 15px;

}


/*
======================
Copy-right Section
=======================
 */

 #copy-right .copy-right-info {
    font-size: 13px;
  }

  #copy-right .copy-right-link {
    font-size: 13px;

  }


}

@media (max-width: 768px) {

    #topbar {
        padding: 8px;
      
        color: #fff;
        justify-content: center;
        align-items: center;
        text-align: center;
      }

    /*
===================
Logo Info Section
==================
*/


#logo-info {
    padding: 30px;
    justify-content: center;
    align-items: center;
    text-align: center;

  }

  #logo-info .logo img {
    height: 100px;
    width: auto;
    margin-bottom: 20px;
  }

  #logo-info .contact-info-sub {
    font-size: 13px;

  }

  #logo-info .underline{
    border-left: 0px solid #18d26e;
    /* width: fit-content; */
    height: 35px;
    margin: auto;
  }

  #logo-info .email-info-sub {
    font-size: 13px;

  }


     /*
=============
Slider
============
*/

#bannerSlider .carousel-caption h2{
  font-size: 34px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-caption h5{
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 12px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}
  #bannerSlider .carousel-caption .btn{
    background-color: #005cff;
    margin: 5px;
    font-size: 15px;
  }
  #bannerSlider .carousel-caption .btn:hover{
    background-color: #18d26e;
    margin: 5px;
  }



  #about-section .card {
    margin-top: -40px;

  }
  
   #payment-partner .payment{
         padding:0px 80px;
         margin:auto;
     }
  #payment-partner .card{
      height:10vh;
     box-shadow: 0 1px 5px 0 rgba(66, 133, 244, .18), 0 4px 15px 0 rgba(66, 133, 244, .15);
  }
  
   #payment-partner .card img{
    /*padding:5px;*/
    width:100%;
   height:-webkit-fill-available;
  }
  
  #payment-partner .card .img-top-first{
   padding: 5px 30px;
   /* width:80%;*/
   /*height:-webkit-fill-available*/
  }
   #footer .card{
      height: 30vh;
      width:50%;
    }

}

@media (max-width: 479px) {
    html {
        font-size: 85%;
    }
     #logo-info {
        /*padding: 20px;*/

        justify-content: center;
        align-items: center;
        text-align: center;

    }



    #logo-info .logo img {
        height: 90px;
        width: auto;

    }

   #bannerSlider .carousel-caption h2{
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-item img{
    height:50vh;
}
#bannerSlider .carousel-caption h5{
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 10px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}
  #bannerSlider .carousel-caption .btn{
    background-color: #005cff;
    margin: 5px;
    font-size: 12px;
  }
  #bannerSlider .carousel-caption .btn:hover{
    background-color: #18d26e;
    margin: 5px;
  }


  #about-section{
       padding: 55px 0 0px 0;
        
  }
  
  #services .sub-title {
         font-size: 13px;
  }
  
  #call-action .sub-title {
     font-size:13px;
  }

    /*#copy-right .copy-right-info {*/
    /*    font-size: 10px;*/
    /*  }*/

    /*  #copy-right .copy-right-link {*/
    /*    font-size: 10px;*/

    /*  }*/
     #copy-right .copy-right-link strong{
         font-size:10px;
     }
      #copy-right .copy-right-link span{
        font-size: 10px;

      }
      #footer .card{
      height: 25vh;
      width:50%;
    }

}

@media (max-width: 400px) {

#bannerSlider .carousel-item img{
    height:50vh;
}
     #bannerSlider .carousel-caption h2{
  font-size: 25px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-caption h5{
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 8px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}


    #bank-info h2 {
        font-size: 13px;
    }

    #bank-info p {
        font-size: 10px;
    }
    #bank-info .description {
        font-size: 12px;
    }
    
    #services .sub-title {
         font-size: 11px;
  }
  
  #call-action .sub-title {
     font-size:11px;
  }
  
  #footer .card{
      height: 25vh;
      width:50%;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }

    #logo-info .fas {
        /* color: #18d26e !important; */
        font-size: 14px;
    }

    .navbar a {
        padding: 15px;
        font-size: 13px;
    }

      #bannerSlider .carousel-caption h2{
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;

}
#bannerSlider .carousel-caption h5{
  font-size: 8px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
    margin-top:-10px;
}
#bannerSlider .carousel-caption h3{
  font-size: 8px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

    /*margin-top:-10px;*/

}
#bannerSlider .carousel-caption p{
  font-size: 5px;
   font-weight: bold;
    text-transform: uppercase;
  font-family: 'Poppins', sans-serif;

}

 #services .sub-title {
         font-size: 10px;
  }
  
  #call-action .sub-title {
     font-size:10px;
  }

#footer .card{
      height: 20vh;
      width:50%;
    }

}

@media (max-width: 300px) {
     #logo-info .logo img {
        height: 70px;
        width: auto;
    }
    #services .sub-title {
         font-size: 8px;
  }
  
  #call-action .sub-title {
     font-size:10px;
  }
  #footer .card{
      height: 20vh;
      width:50%;
    }
}

@media (max-width: 279px) {
    #footer .card{
      height: 16vh;
      width:50%;
    }
    
}