/* ========== Small devices (landscape phones, 576px and up) ========== */
@media (min-width: 0px) and (max-width: 575.98px) {
/* --- paykosh_top-header start css ----  */
.paykosh_top-header .navbar {
    padding: .5rem;
   }
.paykosh_top-header .navbar-brand img {
    width: 70%;
    height: 100%;
    object-fit: cover;
}
.paykosh_top-header .navbar-nav {
          font-size: 15px;
        align-items: start;
        display: flex;
         text-align: left;
    }
.paykosh_top-header .navbar-nav .nav-link:hover {
 text-align: start;
}
.paykosh_top-header .dropdown-menu {
    margin-top: 0px;
}
.paykosh_top-header .navbar {
   border-bottom: 1px solid #3a6bac2e;
}
.paykosh_top-header .navbar-toggler{
/* background-image: linear-gradient(to right, #e97800 0%, #811d00 100%); */
background-image: linear-gradient(to right, #FEA444 0%, #FC6539 100%);
border-radius: 4px;
border:none;
padding: .5rem 1rem;
color:#000;
}
.paykosh_top-header .navbar-toggler:focus{
    text-decoration: none;
    outline: 0;
    box-shadow:none;
    border-radius: 4px;
}
.paykosh_top-header .navbar-toggler i{
    color:#fff;
    width: 18px;
    height: 15px;
}
/* --- paykosh_top-header end css ----  */

/* --- paykosh_carousel start css ----  */
.paykosh_carousel .carousel-caption h1 {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption h1 span {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption p {
    font-size: 1.2rem;
}
.paykosh_carousel-icon i {
    font-size: 1.5rem;
}

/* --- paykosh_carousel end css ----  */
/* --- paykosh_who-sec  start css ----  */
.paykosh_who-sec h1 {
    font-size: 2rem;
}
.paykosh_who-sec p {
    font-size: .8rem;}
    .paykosh_who-sec .paykosh_sec-main {
    padding: 0rem .5rem;
    width: 100%;
    }
.who_right-text{
    text-align: center;
}
.who_right-text .who-strong {
     font-size: 1.5rem;
text-align: center;   
}
.paykosh_who-sec .who_right-text h3 {
    font-size: 1.5rem;
text-align: center;
}
.who_right-desc {
    text-align: center;
}
.who_sec-img{
    text-align: center;
}
/* --- paykosh_who-sec  end css ----  */



/* --- paykosh_product-sec section start css   ----  */
.paykosh_product-sec {
 margin: 2rem 0rem;
}
.paykosh_sec-main h1 {
    font-size: 2rem;
}
.paykosh_product-card-sec {
    margin: 1rem 0rem;
}
.pay-card .card .card-body {
    padding: 0px;
}
.pay-card .card .card-body h5 {
    font-size: 1.2rem;
}
/* --- paykosh_product-sec section end css   ----  */


/* --- Paykosh Borrowing section start css   ----  */
.paykosh_borrowing {
padding: 2rem 0rem;
}
.paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2rem;
text-align: center !important;
}
.paykosh_borrowing-m .borrowing_right-text {
  text-align: center;
}
.paykosh_borrowing-m .borrowing_right-text .borrowing-btn {
  display: inline-block;
  margin: 0 auto;
}
.browing_sec-img {
 margin-top: 1.5rem;
}
.paykosh_borrowing .browing_sec-img img{
    height: 300px;
} 
/* --- Paykosh Borrowing section end css   ----  */

/* --- paykosh_upcoming-Products section start css   ----  */
.paykosh_upcoming-heading h3 {
    font-size: 1.5rem;}
.paykosh_upcoming-heading h3 span {
    font-size: 1.5rem;}

/* --- paykosh_upcoming-Products section end css   ----  */

/* --- paykosh_fintech section start css   ----  */
.paykosh_fintech .paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2rem;
text-align: center !important;
}
.paykosh_fintech-sec .paykosh_borrowing{
    padding: 2rem 0rem 3rem 0rem !important;
}
.paykosh_fintech-sec .browing_sec-img img{
    height: auto;
}
/* --- paykosh_fintech section end css   ----  */

/* --- paykosh_news section start css   ----  */
.paykosh_news{
    text-align: center;
  
}
.paykosh_news .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2rem;
    text-align: center !important;
}
.paykosh_news .browing_sec-img img{
    height: 300px;
} 
/* --- paykosh_news section end css   ----  */
/* --- paykosh_donate section start css   ----  */
.paykosh_donate{
    text-align: center;
    padding: 1rem 0rem 3rem 0rem;
}
.paykosh_donate .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2rem;
    text-align: center !important;
}
.paykosh_donate .paykosh_news-m .browing_sec-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
   margin-bottom: 2rem;
}
/* --- paykosh_donate section end css   ----  */



/* --- paykosh_footer start css ----  */
.paykosh_footer_sec .paykosh_footer_logo-text img{
    width: 50%;
}
.paykosh_footer_social-icon a{
    font-size: 14px;
    width: 35px;
    height: 35px;
}
/* --- paykosh_footer end css ----  */



}





/* ========== Medium devices (tablets, 768px and up) ==================== */
@media (min-width: 576px) and (max-width: 767.98px) {
/* --- paykosh_top-header start css ----  */
.paykosh_top-header .navbar {
    padding: .5rem;
   }
.paykosh_top-header .navbar-brand img {
    width: 70%;
    height: 100%;
    object-fit: cover;
}
.paykosh_footer_sec .paykosh_footer_logo-text img {
    width: 46%;
height: 100%;
    object-fit: cover;
    background-color: #fff;
    padding: 7px;
    border-radius: 4px;
}
.paykosh_top-header .navbar-nav {
          font-size: 15px;
        align-items: start;
        display: flex;
         text-align: left;
    }
.paykosh_top-header .navbar-nav .nav-link:hover {
 text-align: start;
}
.paykosh_top-header .dropdown-menu {
    margin-top: 0px;
}
.paykosh_top-header .navbar {
   border-bottom: 1px solid #3a6bac2e;
}
.paykosh_top-header .navbar-toggler{
background-image: linear-gradient(to right, #FEA444 0%, #FC6539 100%);
border-radius: 4px;
border:none;
padding: .5rem 1rem;
color:#000;
}
.paykosh_top-header .navbar-toggler:focus{
    text-decoration: none;
    outline: 0;
    box-shadow:none;
    border-radius: 4px;
}
.paykosh_top-header .navbar-toggler i{
    color:#fff;
    width: 18px;
    height: 15px;
}

/* --- paykosh_top-header end css ----  */

/* --- paykosh_carousel start css ----  */
.paykosh_carousel .carousel-caption h1 {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption h1 span {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption p {
    font-size: 1.2rem;
}
.paykosh_carousel-icon i {
    font-size: 1.5rem;
}

/* --- paykosh_carousel end css ----  */

/* --- paykosh_who-sec  start css ----  */
.paykosh_who-sec h1 {
    font-size: 2rem;
}
.paykosh_who-sec p {
    font-size: 1rem;}
    .paykosh_who-sec .paykosh_sec-main {
    /* padding: 0rem .5rem; */
    width: 100%;
        padding: 0rem 0rem 1rem 0rem;
    }
 .who_right-text{
    text-align: center;
}
.who_right-text .who-strong {
     font-size: 1.5rem;
text-align: center;   
}
.paykosh_who-sec .who_right-text h3 {
    font-size: 1.5rem;
text-align: center;
}
.who_right-desc {
    text-align: center;
}
.who_sec-img{
    text-align: center;
}
/* --- paykosh_who-sec  end css ----  */

/* --- paykosh_product-sec section start css   ----  */
.paykosh_product-sec {
 margin: 2rem 0rem;
}
.paykosh_sec-main h1 {
    font-size: 2rem;
}
.paykosh_product-card-sec {
    margin: 1rem 0rem;
}
.pay-card .card .card-body {
    padding: 0px;
}
.pay-card .card .card-body h5 {
    font-size: 1.2rem;
}
/* --- paykosh_product-sec section end css   ----  */


/* --- Paykosh Borrowing section start css   ----  */
.paykosh_borrowing {
padding: 2rem 0rem;
text-align: center;
}
.paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2rem;
text-align: center !important;
}
.browing_sec-img {
 margin-top: 1.5rem;
}
.paykosh_borrowing .browing_sec-img img{
    height: 350px;
} 
/* --- Paykosh Borrowing section end css   ----  */

/* --- paykosh_upcoming-Products section start css   ----  */
.paykosh_upcoming-heading h3 {
    font-size: 1.5rem;}
.paykosh_upcoming-heading h3 span {
    font-size: 1.5rem;}

/* --- paykosh_upcoming-Products section end css   ----  */

/* --- paykosh_fintech section start css   ----  */
.paykosh_fintech .paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2rem;
text-align: center !important;
}
.paykosh_fintech-sec .paykosh_borrowing{
    padding: 2rem 0rem 3rem 0rem !important;
}
.paykosh_fintech-sec .paykosh_borrowing-m .borrowing_right-text {
  text-align: center;
}
.paykosh_fintech-sec .paykosh_borrowing-m .borrowing_right-text .borrowing-btn {
  display: inline-block;
  margin: 0 auto;
}
.paykosh_fintech-sec .browing_sec-img img{
    height: auto;
}
/* --- paykosh_fintech section end css   ----  */

/* --- paykosh_news section start css   ----  */
.paykosh_news{
    text-align: center;
}
.paykosh_news .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2rem;
    text-align: center !important;
}
/* --- paykosh_news section end css   ----  */

/* --- paykosh_donate section start css   ----  */
.paykosh_donate{
    text-align: center;
    padding: 1rem 0rem 3rem 0rem;
}
.paykosh_donate .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2rem;
    text-align: center !important;
}
.paykosh_donate .paykosh_news-m .browing_sec-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
   margin-bottom: 2rem;
}
/* --- paykosh_donate section end css   ----  */

.paykosh_footer_social-icon a{
    font-size: 14px;
    width: 32px;
    height: 32px;
}


}


/* ========== Large devices (desktops, 992px and up) ========== */
@media (min-width: 768px) and (max-width: 991.98px) {
/* --- paykosh_top-header start css ----  */
.paykosh_top-header .navbar {
    padding: .5rem;
   }
.paykosh_top-header .navbar-brand img {
    width: 70%;
    height: 100%;
    object-fit: cover;
}
.paykosh_top-header .navbar-nav {
          font-size: 15px;
        align-items: start;
        display: flex;
         text-align: left;
    }
.paykosh_top-header .navbar-nav .nav-link:hover {
 text-align: start;
}
.paykosh_top-header .dropdown-menu {
    margin-top: 0px;
}
.paykosh_top-header .navbar {
   border-bottom: 1px solid #3a6bac2e;
}
.paykosh_top-header .navbar-toggler{
background-image: linear-gradient(to right, #FEA444 0%, #FC6539 100%);
border-radius: 4px;
border:none;
padding: .5rem 1rem;
color:#000;
}
.paykosh_top-header .navbar-toggler:focus{
    text-decoration: none;
    outline: 0;
    box-shadow:none;
    border-radius: 4px;
}
.paykosh_top-header .navbar-toggler i{
    color:#fff;
    width: 18px;
    height: 15px;
}
/* --- paykosh_top-header end css ----  */

/* --- paykosh_carousel start css ----  */
.paykosh_carousel .carousel-caption h1 {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption h1 span {
    font-size: 2rem;
}
.paykosh_carousel .carousel-caption p {
    font-size: 1.2rem;
}
.paykosh_carousel-icon i {
    font-size: 1.5rem;
}

/* --- paykosh_carousel end css ----  */


/* --- paykosh_who-sec  start css ----  */
.paykosh_who-sec h1 {
    font-size: 2rem;
}
.paykosh_who-sec p {
    font-size: 1rem;}
    .paykosh_who-sec .paykosh_sec-main {
    /* padding: 0rem .5rem; */
    width: 100%;
        padding: 0rem 0rem 1rem 0rem;
    }
 .who_right-text{
    text-align: center;
}
.who_right-text .who-strong {
     font-size: 1.5rem;
text-align: center;   
}
.paykosh_who-sec .who_right-text h3 {
    font-size: 1.5rem;
text-align: center;
}
.who_right-desc {
    text-align: center;
}
paykosh_who-sec .who_sec-img{
    text-align: center !important;
     margin: 0 auto;
}
.paykosh_who-sec .who_sec-img img{
  width:70%;
  height: auto;
  object-fit: cover;
 
 
}
.who_sec-img{
    text-align: center;
}
/* --- paykosh_who-sec  end css ----  */


/* --- paykosh_product-sec section start css   ----  */
.paykosh_product-sec {
 margin: 2rem 0rem;
}
.paykosh_sec-main h1 {
    font-size: 2.3rem;
}
.paykosh_product-card-sec {
    margin: 1rem 0rem;
}
.pay-card .card .card-body {
    padding: 0px;
}
.pay-card .card .card-body h5 {
    font-size: 1.2rem;
}
/* --- paykosh_product-sec section end css   ----  */


/* --- Paykosh Borrowing section start css   ----  */
.browing_sec-img img{
  width: 100%;
  max-width: 500px;
  height: 250px;
  object-fit: cover;
border-radius: .5rem;
  border:2px solid #fff;
  
}
.browing_sec-img {
 margin-top: 1.5rem;
}
.paykosh_borrowing-m .borrowing_right-text h1 {
    font-size: 2.3rem;
}

/* --- Paykosh Borrowing section end css   ----  */
/* --- paykosh_upcoming-Products section start css   ----  */
.paykosh_upcoming-heading h3 {
    font-size: 1.5rem;}
.paykosh_upcoming-heading h3 span {
    font-size: 1.5rem;}

/* --- paykosh_upcoming-Products section end css   ----  */
/* --- paykosh_fintech section start css   ----  */
.paykosh_fintech .paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2.3rem;
}

/* --- paykosh_fintech section end css   ----  */

/* --- paykosh_news section start css   ----  */

.paykosh_news .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2.3rem;
     text-align: center !important;
 }
 .paykosh_news{
    text-align: center;
}
.paykosh_news .paykosh_news-m .browing_sec-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
 
}
/* --- paykosh_news section end css   ----  */

/* --- paykosh_donate section start css   ----  */
.paykosh_donate .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2.3rem;
     text-align: center !important;
    
}
.paykosh_donate{
    text-align: center;
}
.paykosh_donate .paykosh_news-m .browing_sec-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
   margin-bottom: 2rem;
}
/* --- paykosh_donate section end css   ----  */



}





/* ========== X-Large devices (large desktops, 1200px and up)========== */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* --- paykosh_top-header start css ----  */
    .paykosh_top-header .navbar-brand img {
    width: 100%;
    height: 36px;
    object-fit: cover;
}
.paykosh_top-header .button {
    width: 100px;
}
/* --- paykosh_top-header end css ----  */

/* --- paykosh_carousel start css ----  */
.paykosh_carousel .carousel-caption h1 {
    font-size: 2.5rem;
}
.paykosh_carousel .carousel-caption h1 span {
    font-size: 2.5rem;
}
.paykosh_carousel .carousel-caption p {
    font-size: 1.5rem;
}
.paykosh_carousel-icon i {
    font-size: 1.5rem;
}

/* --- paykosh_carousel end css ----  */

/* --- paykosh_who-sec  start css ----  */
.paykosh_who-sec h1 {
    font-size: 2rem;
}
.paykosh_who-sec p {
    font-size: 1rem;}
    .paykosh_who-sec .paykosh_sec-main {
    /* padding: 0rem .5rem; */
    width: 72%;
        padding: 0rem 0rem 1rem 0rem;
    }
 .who_right-text{
    text-align: start;
}
.who_right-text .who-strong {
     font-size: 1.5rem;
text-align: start;   
}
.paykosh_who-sec .who_right-text h3 {
    font-size: 1.5rem;
text-align: start;
}
.who_right-desc {
    text-align: start;
}
paykosh_who-sec .who_sec-img{
    text-align: center !important;
     margin: 0 auto;
}
.paykosh_who-sec .who_sec-img img{
  width:100%;
  height: auto;
  object-fit: cover;
 
 
}
 
/* --- paykosh_who-sec  end css ----  */
/* --- Paykosh Borrowing section start css   ----  */
.paykosh_borrowing-m .borrowing_right-text h1 {
    font-size: 2.5rem;
}
/* --- Paykosh Borrowing section end css   ----  */

/* --- paykosh_product-sec section start css   ----  */
.paykosh_product-sec {
 margin: 2rem 0rem;
}
.paykosh_sec-main h1 {
    font-size: 2.5rem;
}
.paykosh_product-card-sec {
    margin: 1rem 0rem;
}
.pay-card .card .card-body {
    padding: 0px;
}
.pay-card .card .card-body h5 {
    font-size: 1.2rem;
}
/* --- paykosh_product-sec section end css   ----  */
/* --- paykosh_upcoming-Products section start css   ----  */
.paykosh_upcoming-heading h3 {
    font-size: 1.5rem;}
.paykosh_upcoming-heading h3 span {
    font-size: 1.5rem;}

/* --- paykosh_upcoming-Products section end css   ----  */
/* --- paykosh_fintech section start css   ----  */
.paykosh_fintech .paykosh_borrowing-m .borrowing_right-text h1{
font-size: 2.5rem;
}
/* --- paykosh_fintech section end css   ----  */

/* --- paykosh_news section start css   ----  */

.paykosh_news .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2.5rem;
 }
/* --- paykosh_news section end css   ----  */


/* --- paykosh_donate section start css   ----  */
.paykosh_donate .paykosh_news-m .news_right-text .news_paykosh_sec-main h1 {
    font-size: 2.5rem;
    
}
.paykosh_donate .paykosh_news-m .browing_sec-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
   margin-bottom: 2rem;
}
/* --- paykosh_donate section end css   ----  */


.paykosh_footer_social-icon a{
    font-size: 14px;
    width: 32px;
    height: 32px;
}




}