@media (max-width: 575px) {
.container {
max-width: 100% !important;
}
h3 {
font-size: 27px !important;
}
.navbar-brand img {
margin-left: 0px !important;
}
button.navbar-toggler {
border: none;
}
.toggler-icon i{
color: black;
font-size: 25px;
}
.header-section {
padding: 10px 0px;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow:none;
}
button.btn-book {
padding: 32px 35px !important;
}
.navbar-nav {
align-items: start !important;
}
.dropdown-menu li a{
word-break: break-all;
white-space: initial;
}
.services-one {
height: 440px !important;
}
.footer-one {
padding-top: 23%;
}
.swiper-slide img {
width: 100%;
height: auto !important;
}
.slider-all-text h1 {
font-size: 20px !important;
line-height: 41px !important;
}
.slider-all-text h1 span {
font-size: 20px !important;
padding: 10px 20px;
}
.swiper-button-next{
display: none !important;
}
.swiper-button-prev{
display: none !important;
}
.contact-banner {
height: 118px !important;
}
.contact-banner h3 {
font-size: 18px !important;
}
.fom-left-all ul {
transform: translate(0px, -4px) !important;
}
.fom-left-all ul li {
width: 100% !important;
}
.fom-right-all {
margin-top: 30px;
}
.fom-right-all {
padding: 17px !important;
}
button.btn-submit {
padding: 20px 35px !important;
}
a.btn-at {
width: 69% !important;
}
.team-all-text h2 {
font-family: 'Poppins', sans-serif;
font-size: 20px !important;
font-weight: 600;
}
.blog-banner {
height: 118px !important;
}
.blog-banner h3 {
font-size: 18px !important;
}
.linic-banner {
height: 118px !important;
background-size: cover;
}
.linic-banner h3 {
font-size: 18px !important;
}
.services-banner {
height: 118px !important;
background-size: cover;
}
.services-banner h3 {
font-size: 18px !important;
}
#my-box {
height: 310px;
}
.services-first-text h2 {
font-size: 24px;
}
.gynecologist-banner {
height: 210px !important;
background-size: cover;
}
.gynecologist-banner h3 {
font-size: 30px !important;
}
.infertility-banner {
height: 210px !important;
background-size: cover;
}
.infertility-banner h3 {
font-size: 30px !important;
}
.family-banner {
height: 210px !important;
background-size: cover;
}
.family-banner h3 {
font-size: 30px !important;
}
.top-banner {
height: 210px !important;
background-size: cover;
}
.top-banner h3 {
font-size: 30px !important;
}
.pcos-banner {
height: 210px !important;
background-size: cover;
}
.pcos-banner h3 {
font-size: 30px !important;
}
.services-second-text h2 {
font-size: 26px;
font-weight: 700;
}
.infertility-all-text h2{
font-size: 22px;
}
.infertility-bottom-text h2{
font-size: 22px;
}
.infertil-right-all h4 {
font-size: 24px;
}
.top-pages-text-all h2{
font-size: 35px;
}
#my-box-3 {
height: 252px;
}
.fom-left-all ul li span p {
word-break: break-word;
}
.sticky-icon {
z-index: 999;
position: fixed;
top: 38%;
left: 0%;
width: 220px;
display: flex;
flex-direction: column;
}
.sticky-icon a {
transform: translate(-173px,0px);
border-radius: 0px 50px 50px 0px;
text-align: right;
margin: 5px 0;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-size: 18px;
font-family: 'Oswald', sans-serif;
transition: all 0.8s;
}
.sticky-icon a:hover {
color: #FFF;
transform: translate(-40px,0px);
}
}
@media (min-width: 576px) and (max-width: 767px) {
.navbar-brand img {
margin-left: 0px !important;
}
button.navbar-toggler {
border: none;
}
.toggler-icon i{
color: black;
font-size: 25px;
}
.header-section {
padding: 10px 0px;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow:none;
}
button.btn-book {
padding: 32px 42px !important;
}
.navbar-nav {
align-items: start !important;
}
.dropdown-menu li a{
word-break: break-all;
}
.myfrom {
/* width: 62% !important; */
margin-left: 33px;
}
input.search-field {
padding-left: 17px !important;
}
.services-one {
height: 440px !important;
}
.footer-one {
padding-top: 23%;
}
.swiper-slide img {
width: 100%;
height: auto !important;
}
.slider-all-text h1 {
font-size: 30px !important;
line-height: 51px !important;
}
.slider-all-text h1 span {
font-size: 30px !important;
padding: 10px 20px;
}
.swiper-button-next {
padding: 23px !important;
}
.swiper-button-prev {
padding: 23px !important;
}
.fom-left-all ul li {
padding: 20px;
width: 100% !important;
}
.fom-left-all ul {
transform: translate(0px, -4px) !important;
}
.fom-right-all {
padding: 42px !important;
margin-top: 30px !important;
}
.map-section h3 {
font-size: 38px;
}
.footer-section {
width: 100% !important;
padding: 55px 0px 55px 0px !important;
}
.contact-banner {
height: 201px !important;
}
.contact-banner h3 {
font-size: 30px !important;
}
a.btn-at {
width: 49% !important;
}
.team-section h3 {
font-family: 'Poppins', sans-serif;
font-size: 30px;
font-weight: 700;
}
.team-all-text h2 {
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 600;
}
.blog-banner {
height: 210px !important;
}
.blog-banner h3 {
font-size: 30px !important;
}
.linic-banner {
height: 210px !important;
background-size: cover;
}
.linic-banner h3 {
font-size: 30px !important;
}
.services-banner {
height: 210px !important;
background-size: cover;
}
.services-banner h3 {
font-size: 30px !important;
}
#my-box {
height: 195px;
}
.services-first-text h2 {
font-size: 30px;
}
.gynecologist-banner {
height: 210px !important;
background-size: cover;
}
.gynecologist-banner h3 {
font-size: 30px !important;
}
.services-second-text h2 {
font-size: 22px;
font-weight: 700;
}
.infertility-banner {
height: 210px !important;
background-size: cover;
}
.infertility-banner h3 {
font-size: 35px !important;
}
.family-banner {
height: 210px !important;
background-size: cover;
}
.family-banner h3 {
font-size: 35px !important;
}
.top-banner {
height: 210px !important;
background-size: cover;
}
.top-banner h3 {
font-size: 35px !important;
}
.pcos-banner {
height: 210px !important;
background-size: cover;
}
.pcos-banner h3 {
font-size: 35px !important;
}
.services-second-text h2 {
font-size: 32px;
font-weight: 700;
}
.infertility-all-text h2{
font-size: 32px;
}
.infertility-bottom-text h2{
font-size: 32px;
}
.infertil-right-all h4 {
font-size: 24px;
}
.extra-text h3 {
font-size: 29px;
font-weight: 600;
}
.family-all h3{
font-size: 30px;
}
.top-pages-text-all h2{
font-size: 35px;
}
.sticky-icon {
z-index: 999;
position: fixed;
top: 24%;
left: 0%;
width: 220px;
display: flex;
flex-direction: column;
}
.sticky-icon a {
transform: translate(-173px,0px);
border-radius: 0px 50px 50px 0px;
text-align: right;
margin: 5px 0;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-size: 18px;
font-family: 'Oswald', sans-serif;
transition: all 0.8s;
}
.sticky-icon a:hover {
color: #FFF;
transform: translate(-40px,0px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand img {
margin-left: 0px !important;
}
button.navbar-toggler {
border: none;
}
.toggler-icon i{
color: black;
font-size: 25px;
}
.header-section {
padding: 10px 0px;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow:none;
}
button.btn-book {
padding: 32px 42px !important;
}
.navbar-nav {
align-items: start !important;
}
.dropdown-menu li a{
word-break: break-all;
}
.myfrom {
/* width: 62% !important; */
margin-left: 33px;
}
input.search-field {
padding-left: 17px !important;
}
.services-one p {
font-size: 21px !important;
}
.docter-text {
height: 384px !important;
}
.swiper-slide img {
width: 100%;
height: auto !important;
}
.slider-all-text h1 {
font-size: 40px !important;
line-height: 66px !important;
}
.slider-all-text h1 span {
font-size: 40px !important;
padding: 10px 20px;
}
/* .swiper-button-next {
padding: 23px !important;
}
.swiper-button-prev {
padding: 23px !important;
} */
.footer-section {
width: 100% !important;
padding: 55px 0px 55px 0px !important;
}
.contact-banner {
height: 201px !important;
}
.contact-banner h3 {
font-size: 30px !important;
}
.fom-left-all ul li {
padding: 20px;
width: 100% !important;
}
.fom-left-all ul {
transform: translate(0px, -4px) !important;
}
.fom-right-all {
padding: 42px !important;
margin-top: 30px !important;
}
.map-section h3 {
font-size: 38px;
}
a.btn-at {
width: 40%;
}
.team-all-text h2 {
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 600;
}
.team-section h3{
font-size: 35px;
}
.blog-banner {
height: 210px !important;
}
.blog-banner h3 {
font-size: 30px !important;
}
.linic-banner {
height: 210px !important;
}
.linic-banner h3 {
font-size: 30px !important;
background-size: cover;
}
.services-banner {
height: 210px !important;
background-size: cover;
}
.services-banner h3 {
font-size: 30px !important;
}
#my-box {
height: 170px;
}
.services-first-text h2 {
font-size: 30px;
}
.services-second-text h2 {
font-size: 28px;
font-weight: 700;
}
.gynecologist-banner {
height: 210px !important;
background-size: cover;
}
.gynecologist-banner h3 {
font-size: 30px !important;
}
.infertility-banner {
height: 210px !important;
background-size: cover;
}
.infertility-banner h3 {
font-size: 35px !important;
}
.family-banner {
height: 210px !important;
background-size: cover;
}
.family-banner h3 {
font-size: 35px !important;
}
.top-banner {
height: 210px !important;
background-size: cover;
}
.top-banner h3 {
font-size: 35px !important;
}
.pcos-banner {
height: 210px !important;
background-size: cover;
}
.pcos-banner h3 {
font-size: 35px !important;
}
.services-second-text h2 {
font-size: 32px;
font-weight: 700;
}
.infertility-all-text h2{
font-size: 32px;
}
.infertility-bottom-text h2{
font-size: 32px;
}
.infertil-right-all h4 {
font-size: 24px;
}
#my-box-2 {
height: 210px;
}
.extra-text h3 {
font-size: 29px;
font-weight: 600;
}
.family-all h3{
font-size: 30px;
}
.sticky-icon {
z-index: 999;
position: fixed;
top: 24%;
left: 0%;
width: 220px;
display: flex;
flex-direction: column;
}
.sticky-icon a {
transform: translate(-173px,0px);
border-radius: 0px 50px 50px 0px;
text-align: right;
margin: 5px 0;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-size: 18px;
font-family: 'Oswald', sans-serif;
transition: all 0.8s;
}
.sticky-icon a:hover {
color: #FFF;
transform: translate(-40px,0px);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-item {
padding: 0px 4px !important;
}
.navbar-brand img {
margin-left: 0px !important;
}
button.btn-book {
padding: 30px 32px !important;
font-size: 14px !important;
}
.docter-text {
height: 512px !important;
padding: 169px 0px 0px 29px !important;
}
h2 {
font-size: 33px !important;
}
.fom-left-all ul li {
padding: 20px;
width: 100% !important;
}
.fom-left-all ul {
transform: translate(0px, -4px) !important;
}
.docter-detiles-section .container {
max-width: 75%;
}
a.btn-at {
width: 30%;
}
.services-second-text h2 {
font-size: 32px;
font-weight: 700;
}
.infertility-all-text h2{
font-size: 32px;
}
.infertility-bottom-text h2{
font-size: 32px;
}
.infertil-right-all h4 {
font-size: 24px;
}
#my-box-2 {
height: 210px;
}
.extra-text h3 {
font-size: 35px;
font-weight: 600;
}
.family-all h3{
font-size: 35px;
}
.sticky-icon {
z-index: 999;
position: fixed;
top: 24%;
left: 0%;
width: 220px;
display: flex;
flex-direction: column;
}
.sticky-icon a {
transform: translate(-173px,0px);
border-radius: 0px 50px 50px 0px;
text-align: right;
margin: 5px 0;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
font-size: 18px;
font-family: 'Oswald', sans-serif;
transition: all 0.8s;
}
.sticky-icon a:hover {
color: #FFF;
transform: translate(-40px,0px);
}
}
@media (min-width: 1200px) {
}