/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .slider-bg {
        height: 100%;
        padding: 30px 0;
    }
    .big-heading {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    .slider-bg p {
        margin-bottom: 20px;
    }  
    .nav-item {
        padding: .5rem 1rem !important;
    } 
    .btn-width {
        min-width: 100%;
    }
    .main-heading {
        font-size: 25px;
        line-height: 30px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .profile-icon h4 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .profile-icon img {
        height: 50px;
        width: 50px !important;
    }
    .testimonial-box {
        padding: 20px;
    }
    .testimonial-block .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 50px;
    }
    .card-img-bg {
        height: 60px;
        width: 60px;
    }
    .card-img-bg img {
        width: 30px;
    }
    .management-bg .card {
        padding: 20px;
    }
    .small-heading {
        font-size: 20px;
        line-height: 25px;
    }
    footer {
        padding: 30px 0 15px 0;
    }
    .social-icons a {
        height: 35px;
        width: 35px;
    }
    footer .h5 {
        font-size: 18px;
    }
    .human-body img {
        height: 300px;
    }
    .quote img {
        width: 40px !important;
    }
    .brand-logo img{
        width: 230px;
    }
    footer li:last-child {
        margin-bottom: 25px !important;
    }
    .hero-banner .big-heading {
        line-height: 36px;
        margin-bottom: 10px;
    }
    .hero-banner .hero-banner-info {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    
    
    .sigupPopupButton {
width: 250px;
}
#sigupPopupHeading h2 {
margin-bottom: 0 ;
}
.sigupPopupColumn h5 {
margin-bottom: 10px;
}
#sigupPopupContainer {
height:auto;
width: 90% !important;
}
.popup-content {
width: 90%;
height: 200px;
}
.sigupPopupColumn {
padding: 15px  0;
}
#sigupPopupContent {
  display: flex;
  flex-direction: column;
}


#signupClosePopupButton {
padding: 3px 13px;
background-color: #000000;
color: #fff;
cursor: pointer;
font-weight: 600;
margin-right: 10px;
}

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
    .slider-bg {
        height: 100%;
        padding: 30px 0;
    }
    .big-heading {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slider-bg p {
        margin-bottom: 20px;
    }  
    .nav-item {
        padding: .5rem 1rem !important;
    } 
    .btn-width {
        min-width: 150px;
    }
    .main-heading {
        font-size: 32px;
        line-height: 40px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .profile-icon h4 {
        font-size: 23px;
        margin-bottom: 0;
    }
    .profile-icon img {
        height: 55px;
        width: 55px !important;
    }
    .testimonial-box {
        padding: 20px;
    }
    .testimonial-block .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 50px;
    }
    .card-img-bg {
        height: 70px;
        width: 70px;
    }
    .card-img-bg img {
        width: 35px;
    }
    .management-bg .card {
        padding: 25px;
    }
    .small-heading {
        font-size: 20px;
        line-height: 25px;
    }
    footer {
        padding: 40px 0 15px 0;
    }
    .social-icons a {
        height: 35px;
        width: 35px;
    }
    footer .h5 {
        font-size: 18px;
    }
    .human-body img{
        height: 400px;
    }
    .quote img {
        width: 50px !important;
    }
    .hero-banner .big-heading {
        line-height: 48px;
        margin-bottom: 10px;
    }
    .hero-banner .hero-banner-info {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    
    #sigupPopupContainer {

width: 500px;
height: auto;


}
.sigupPopupColumn {
padding: 13px 0;
}
#sigupPopupContent {
display: flex;
flex-direction: column;
}
.sigupPopupColumn p {
margin-bottom:0;
}



#signupClosePopupButton {
padding: 3px 13px;
background-color: #000000;
color: #fff;
cursor: pointer;
font-weight: 600;
margin-right: 10px;
}

.popup-content {
width: 500px;
min-height: 200px;
}

}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .slider-bg {
        height: 440px;
    }
    .big-heading {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px;
    }
    .slider-bg p {
        margin-bottom: 20px;
    }  
    .nav-item {
        padding: .5rem 1rem !important;
    } 
    .btn-width {
        min-width: 150px;
    }
    .main-heading {
        font-size: 35px;
        line-height: 40px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .profile-icon h4 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .profile-icon img {
        height: 60px;
        width: 60px !important;
    }
    .testimonial-box {
        padding: 25px;
    }
    .testimonial-block .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 50px;
    }
    .card-img-bg {
        height: 80px;
        width: 80px;
    }
    .management-bg .card {
        padding: 25px;
    }
    .small-heading {
        font-size: 25px;
        line-height: 30px;
    }
    footer {
        padding: 40px 0 15px 0;
    }
    .social-icons a {
        height: 35px;
        width: 35px;
    }
    footer .h5 {
        font-size: 18px;
    }
    .hero-banner .big-heading {
        line-height: 48px;
        margin-bottom: 20px;
    }
    .hero-banner .hero-banner-info {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    
    #sigupPopupContainer {

width: 730px !important;
min-height: 300px !important;

}
.sigupPopupColumn {
padding: 13px 15px 0 15px;
}
.sigupPopupColumn p {
margin-bottom:0;
}

.popup-content {
width: 720px;
min-height: 200px;
}
.logo-wrap {
width : 300px
}
#signupClosePopupButton {
padding: 3px 13px;
background-color: #000000;
color: #fff;
cursor: pointer;
font-weight: 600;
margin-right: 10px;
}

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .slider-bg {
        height: 550px;
    }
    .big-heading {
        font-size: 55px;
        line-height: 61px;
        margin-bottom: 20px;
    }
    .slider-bg p {
        margin-bottom: 20px;
    }  
    .nav-item {
        padding: .5rem 1rem !important;
    } 
    .hero-banner .big-heading {
        line-height: 65px;
        margin-bottom: 25px;
    }
    .hero-banner .hero-banner-info {
        font-size: 23px;
        line-height: 27px;
        margin-bottom: 35px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
    .slider-bg {
        height: 625px;
    }
    .big-heading {
        font-size: 65px;
        line-height: 61px;
        margin-bottom: 25px;
    }
    .slider-bg p {
        margin-bottom: 25px;
    }
}

#signupClosePopupButton {
	padding: 1px 7px;
	background-color: #000000;
	margin-right: 10px;
}


#signupClosePopupButton {
    top: 5px;
    right: -17px;
    color: #fff;
}
