@media (max-width : 1920px) {

}

@media (max-width : 1280px) {
}

@media (max-width : 1200px) {
}

@media (max-width : 1024px) {
.m-ptb-40{ padding-top: 60px !important; padding-bottom: 60px !important;}
}


@media (max-width : 991px) {
}

@media (max-width : 979px) {
}

@media (max-width : 950px) {
}

@media (max-width : 900px) {
}

@media (max-width : 768px) {
.wrap{padding: 0 16px;}

h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px;}

.py-20px{ padding-top: 16px !important; padding-bottom: 16px !important;}
.m-mt-24{ margin-top: 24px;}
.mt-30{margin-top: 20px;}
.mt-4, .mt-20{margin-top: 16px !important;}
.m-flex-column{flex-direction: column !important;}
.m-text-center{ text-align: center !important;}
.m-justify-center{ justify-content: center !important;}

.header{top: 0 !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.hero-section{margin-top: 60px; padding: 16px;}
.hero{padding: 24px 0;}
.heat-care-img{order: 2;}
.heat-care-text{max-width: 500px; order: 1;}
.connect-box-child{gap: 24px;}
.connect-item{max-width: 250px; margin: 0 auto; width: 100%;}
.connect-item:first-child .connect-icon span::before, .connect-item:last-child .connect-icon span::after{display: block;}
.join-pharmacy{padding: 32px 16px;}
.join-pharmacy-text, .join-pharmacy-btn{margin: 0 auto;}
.build-box{margin: 0 auto; padding: 0 0 24px;}
.let-form{padding: 16px;}
.footer{-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; padding: 24px 16px;}
}


@media (max-width : 620px) {
}

@media (max-width : 340px) {
}