/*////////////// MEDIA QUERIES /////////////////*/


@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
.header-inner button{
display: none;
}
.header-inner img {
margin: auto;
width: 135px;
}
header {
position: static;
padding: 30px 0;
}
.nf-section-1 .section-inner-content {
flex-wrap: wrap-reverse;
height: auto;
}
.nf-section-1 {
background: none;
padding-top: 0;
}
.left-item {
width: 100%;
}
.hide-on-d {
display: block;
}
.show-on-d {
display: none;
}
.partners-logo-bx {
transition: all 0.6s ease;
flex-direction: row;
overflow-x: auto;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 20px;
margin-top: 30px;
}
.product-inner-content {
transition: all 0.6s ease;
flex-direction: row;
overflow-x: auto;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 20px;
margin-top: 30px;
padding: 0 20px 20px;
}
.partnership-bx-wrapper {
display: flex;
transition: all 0.6s ease;
flex-direction: row;
overflow-x: auto;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 0 20px;
margin-top: 0px;
padding-top: 30px;

}
.partnership-bx {
display: flex;
flex-wrap: wrap;
background: #FFFFFF;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 15px;
flex:  0 0 auto;
width: 250px;
margin-bottom: 0;
}
.partnership-bx img {
width: 100%;
border-radius: 5px;
}
.pp-content {
padding: 15px;
min-height: 380px;
position: relative;
}
.pp-content h4 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.pp-content h6 {
font-weight: 600;
font-size: 12px;
line-height: 160%;
margin-bottom: 10px;
}
.pp-content p {
font-size: 12px;
line-height: 160%;
}
.no-pad-container {
padding: 0;
border-radius: 10px;
}
.no-pad-container .col-lg-12 {
  padding: 0;
}
.no-pad-container .row {
  margin: 0;
}
.partnership-bx:nth-child(even){
flex-wrap: wrap-reverse;
}
.partnership-bx-wrapper {
padding: 15px;
}
.partner-icon-bx {
flex-wrap: wrap;
}
.partner-arrow-1::after, .partner-arrow-2::after {
display: none;
}
.footer-inner {
flex-wrap: wrap;
}
.banner-heading {
font-weight: 400!important;
font-size: 50px!important;
line-height: 120%!important;
padding: 0 px;
}

.banner-heading::before {
content: url(/assets/images/nf-title-bg-m.svg);
position: absolute;
top: 10px;
/* width: 20px; */
left: 10px;
z-index: -1;
}
.nf-section-1 .section-inner-content {
width: 100%;
}
.nf-section-1 .row {
margin: 0;
}
.nf-section-1 .container, .nf-section-1 .col-lg-12 {
padding: 0;
}
.nf-section-1 .banner-right-item {
width: 100%;
}
.nf-section-1 .banner-right-item img{
width: 100%;
}
.nf-section-1 .left-item {
padding: 16px 20px 0 20px;
width: 100%;
text-align: center;
}
.nf-section-1 .left-item button {
margin: auto;
display: none;
}
.nf-section-1 p {
font-size: 18px;
line-height: 140%;
margin: auto;
margin-top: 25px;
max-width: 220px;

}
.partners-logo-bx img {
height: 62px;
}
.nf-section-gray {
padding: 40px 0;
}
.nf-heading {
font-size: 24px;
line-height: 28px;
}
.heading-bx {
margin-bottom: 30px;
}
.product-card-logo img {
width: 135px;

}
.product-card-logo {
margin-bottom: 15px;
height: 30px;
}

.product-card img {
width: 170px;
}
.product-card-logo img {
width: 135px;
}
.product-card h3 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
}
.product-card p {
font-size: 12px;
line-height: 160%;
}
.product-card a {
border: 1px solid #FFB900;
font-size: 14px;
line-height: 19px;
}
.product-card {
flex:   0 0 auto;
width: 240px;
}
#ourProducts .col-lg-12, #ourProducts .container {
padding: 0;
}
#ourProducts .row {
margin: 0;
}
#ourProducts.nf-section-gray {
padding-bottom: 20px;
}
.pad-100 {
padding: 40px 0;
}
.heading-bx p {
font-size: 16px;
line-height: 160%;
margin-top: 10px;
}
.reason-bx {
flex-wrap: wrap;
margin-top: 0;
padding: 0;
gap: 20px;
}
.reason-bx .nf-heading {
text-align: center;
}
.reason-bx .nf-brand-button {
display: none;
}
.reason-bx .right-item {
width: 100%;
margin-top: 10px;
gap: 20px;
}
.reason-card {
width: 162px;
padding: 20px;
height: 170px;
}
.right-item::before {
width: 100%;
}
.reason-card img {
width: 50px;
}
.reason-card p {
font-weight: 400;
font-size: 12px;
line-height: 16px;
}
.community-logos {
justify-content: space-around;
}
.community-logos img {
opacity: 1;
width: 130px;
}
.comunity-logo-expanded {
text-align: center;
display: none;
justify-content: space-around;
flex-wrap: wrap;
gap: 15px;
}
.comunity-logo-expanded img {
width: 130px;
}
.community-logos .btn-view-more {
display: flex;
font-size: 14px;
line-height: 19px;
margin-top: 30px;
}
.community-logos .btn-view-more img {
width: 14px;

}
.icon-item {
width: 100%;
margin-bottom: 40px;
}
.icon-item h4 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
margin-top: 20px;
}
.show-btn {
  display: none!important;
}
.icon-item p {
font-weight: 400;
font-size: 12px;
line-height: 160%;
margin-top: 10px;
}
.icon-item:last-child{
margin-bottom: 0;
}
.para-middle {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin-top: 30px;
padding: 0 25px;
}

.faq-row-1 {
flex-wrap: wrap;
margin-bottom: 0;
}
#faqAccordion .card {
width: 100%;
border: 1px solid #CFCFCF;
border-radius: 10px;
padding: 0 20px 0 20px;
min-height: auto;
margin-bottom: 10px;
}
#faqAccordion .card-header {
padding: 15px 0;
}
#faqAccordion .card-header h3 {
font-size: 14px;
line-height: 24px;
padding-right: 30px;
position: relative;
}
#faqAccordion .card-body p {
font-size: 12px;
line-height: 18px;
}
#faqAccordion .card .card-header h3::after {
content: url(../images/minus-icon.svg);
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 0;
}
#faqAccordion .card .card-header h3.collapsed::after {
content: url(../images/plus-icon.svg)!important;
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 2px;
}
#faqAccordion .read-more-text {
display: none;
}
.expanded-text {
display: block!important;
}
#faqAccordion .card-body {
padding: 0px 0 20px 0;
}

.faq-wrapper .btn-view-more {
display: none;
}

/*footer*/

footer {
padding: 40px 0 80px 0;
}
.footer-inner .left-footer {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.footer-content p {
margin-top: 20px;
font-size: 12px;
line-height: 16px;
}
.middle-footer {
width: 50%;
flex-wrap: wrap;
}
.middle-footer .footer-content {
width: 100%;
padding: 0;
}
.footer-content h6 {
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.footer-content a {
font-size: 12px;
line-height: 16px;

}
.f-info-support {
margin-top: 20px;
}
.f-info-carrer {
margin-top: 20px;
}
.footer-content h5 {
font-size: 12px;
line-height: 16px;
}
.f-product h3 {
font-size: 12px;
line-height: 16px;
}
.footer-product {
flex-wrap: wrap;
}
.footer-product .f-product {
width: 50%;
padding-right: 30px;
margin-bottom: 30px;
}
.footer-last {
margin-top: 0px;
flex-wrap: wrap;
text-align: center;
padding-bottom: 40px;
}
.footer-last p, .footer-last a{
font-size: 12px;
line-height: 16px;
width: 100%;
text-align: center;
}
.bottom-fixed-btn-wrapper {
background: linear-gradient(180deg, rgba(151, 151, 151, 0) 10.68%, #979797 100%);
height: 110px;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
.fixed-btn-bottom {
width: 296px;
height: 40px;
background: #FFB900;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.093231);
border-radius: 60px;
font-size: 14px;
border: none;
line-height: 19px;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
color: #FFFFFF;
font-weight: bold;
}
.pp-content button, .pp-content button:hover, .pp-content button:focus {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
/*forms*/

.nf-modal-body {
  flex-wrap: wrap;
}
.modal-illus {
  border: none;
  width: 100%;
  padding-right: 0;
}
.modal-illus img {
  display: none;
}
.nf-form-modal .modal-body {
  padding: 30px;
}
.modal-title-bx h3 {
  font-weight: 400;
font-size: 16px;
line-height: 140%;
}
.close-modal-delay {
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
}
.close-modal-delay img {
  width: 22px;
}
.modal-title-bx h3 span {
  display: block;
}
.modal-title-bx {
  margin-top: 0;
  margin-bottom: 32px;
}
.modal-title-bx p {
  font-weight: 400;
font-size: 12px;
line-height: 16px;
margin-bottom: 0;
}
.modal-form {
  width: 100%;
}
.form-bx input:not([type="submit"]), .form-bx select {
  font-weight: 400;
font-size: 14px;
line-height: 19px;
}

.form-bx input:not([type="submit"])+label {
  font-size: 14px;
line-height: 19px;
}
.form-bx input:focus~label{ 
  font-size: 12px;
line-height: 15px;
}
.form-bx input:not(:placeholder-shown)~label, .form-bx select:focus~label { 
font-size: 12px;
line-height: 15px;
}
.selectbx-value {
  font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.dropdown-option a {
  font-size: 14px;
line-height: 40px;
font-weight: 400;
}
.selectbx-value.active {
  font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.tnc-text {
  padding: 0 30px;
}
.thank-you-wrapper {
  padding: 0px;
}
.thank-you-wrapper img {
  max-width: 100%;
}
.thank-you-wrapper h4{
  font-weight: 700;
font-size: 19px;
line-height: 200%;
}
.thank-you-wrapper p {
  font-weight: 400;
font-size: 12px;
line-height: 160%;
}
.btn-ok {
  width: 140px;
height: 40px;
margin-top: 0px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
}
.custom-checboxes {
  flex-wrap: wrap;
}
.form-bx label.checkbx-container {
  margin-bottom: 20px;
  font-weight: 400;
font-size: 14px!important;
line-height: 19px;
width: 100%;
}
.form-bx label.checkbx-container:last-child {
  margin-bottom: 0;
} 
}