@media (max-width: 1200px) {
h2 {font-size: 26px;}
h3 {font-size: 18px;}
.features-info .features-point i {font-size: 30px;}
 header .navbar span {font-size: 16px;}
}
@media (max-width: 992px) {
h2 {font-size: 24px;}
.features-section .features-img {padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 768px) {
.features-section .features-info .card:hover {transform: translate(0px, 0px);box-shadow: none;}
.benefits-section{background: #FFD700;}
.our-story .head-section h2 {padding-bottom: 20px;}
.benefits-img{margin-bottom: 0 !important;}
section {padding: 25px 0px;}
.swiper-slide img {height: auto;}
.benefits-section .head-section {padding-bottom: 20px;}
.features-section{padding-bottom: 20px;}
.home-slider-section .swiper-pagination{display: block;}
.features-section .features-info .card-body{padding: 0; left: 0;}
.head-section {text-align: left;}
.features-section .features-info .card {min-height: 20px;margin-bottom: 0;background: transparent;border: none;}
.features-section .features-info .card-body i{display: none;}
.features-section .features-info .card-body h3{text-align: left; position: relative; padding-left: 25px;}
.features-section .features-info .card-body h3::before {
    position: absolute;
    content: "";
    width: 8px;
    height:8px;
    background: #ed3541;
    left: 0;
    top: 3px;
    border-radius: 30px;
    border: none;
  }
.features-img img,
.benefits-img img{display: none;}
.benefits-pera {height: 350px;overflow: auto;}
.benefits-pera{height: 300px;}
.overlay-product-count {border-radius: 0px 0px 0px 0px;}
.head-section {padding-bottom: 30px;}
h2{font-size: 22px;}
footer .footer-logo {width: 100%;}
footer .footer-social {width: 100%;}
header .nav-btn a {font-size: 14px;padding-left: 10px !important;padding-right: 10px !important;}
.top-bar .top-bar-right {text-align: left !important;}
.top-bar .top-bar-right span,
.top-bar .top-bar-left span {font-size: 12px;}
.swiper {padding-top: 0px;}
.form-control, 
.input-group-text, 
select, input[type="date"], 
input[type="text"], 
input[type="number"], 
input[type="email"] {padding: 5px 10px;border-radius: 5px;height: 38px;}
textarea.form-control{padding: 5px 10px !important; border-radius: 5px !important; height: 38px !important;}
.modal-staff-card .modal-body-overlay {width: 100%;}
.modal-staff-card .modal-body-content {width: calc(100% - 24px);margin: auto;border-radius: 0px 0px 10px 10px;}
.modal-staff-card .modal-body-overlay img {border-radius: 10px 10px 0px 0px;}
header .logo{height: 65px;}
.policy-section .nav-link {font-size: 16px;}
.container.policy-section p{font-size: 14px;}
.container.policy-section h4{font-size: 20px;}
}
@media (max-width: 576px) {
header .nav-btn a {width: 100%; margin-bottom: 5px;padding: 3px 15px; font-size: 12px;}
header .navbar ul.navbar-nav{width: 40%;}

.modal-staff-card .modal-body-overlay img {height: auto;}
.modal-body-content {position: initial;transform: initial;}
.modal-body-overlay img {height: auto;}
.modal-body-overlay {text-align: center;}
.benefits-section .benefits-img {margin-bottom: 0px;}
.features-section .features-point .features-card {margin-bottom: 24px !important;;}
.our-story {height: 670px;}
.swiper-slide {width: 100%;}
.modal-title {font-size: 16px;}
/* .modal-body-content div {font-size: 14px;} */
.modal-body-content {position: initial;transform: initial;border-radius: 0px 0px 10px 10px;}
.modal-body-overlay img{border-radius: 10px 10px 0px 0px;}
header .logo{height: 55px;}
}

@media (max-width: 430px) {header .logo{height: 45px;}}
@media (max-width: 375px) {.our-story {height: 750px;}}



@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 750px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column; 
        justify-content: center;
        flex-wrap: nowrap;
        
    } 
}