/*responsive.css*/
@media (min-width: 768px){
}
@media (max-width: 768px){
}
@media (max-width: 600px){
}
/*-----------------------------------------
 [MASTER RESPONSIVE STYLE SHEET]
 -----------------------------------------------*/

  /*-------------------------------------------------------*/
/* When the browser is above 1200px wide, below css will be applied.
/*-------------------------------------------------------*/
@media screen and (min-width: 1200px) {
.noDesktop
{
    display: none;
}
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 1200px) {} @media screen and (min-width: 1200px) {} @media screen and (max-width: 1200px) and (min-width: 992px) {}
/*-------------------------------------------------------*/
/* When the browser is between 992px and 1319px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1319px) {
}


@media screen and (min-width: 768px) and (max-width: 1199px) {

.herobanner-video .video-container
{
  height: 42vh;
}

.herobanner-video .video-container .hero-title-head {
  top: 58%;
  left: 34%;
}

.herobanner-video .video-container .hero-title-head h1 {
  font-size: 90px;
  line-height: 75px;
}

.sociodip-about-sec .about-introtext h2
{
  font-size: 58px;
}

.sociodip-about-sec {
  padding: 120px 0 10px 0;
}

.services-box
{
  margin-right: 10px;
}

.ipadWidth
{
  width: 80%;
}

.footer-section .readt-work-box h4 {
  font-size: 59px;
  line-height: 64px;
}

.footer-section .address-box h3 {
  font-size: 60px;
  line-height: 70px;
}

.footer-section .address-location p {
  font-size: 11px;
}

.footer-section .address-location h5
{
  font-size: 25px;
}

.desktopRight {
  text-align: left !important;
  /* margin-left: auto; */
}

.navbar .navbar-nav .nav-link
{
  color: #000000 !important;
}

.sociodip-videosec {
  margin-top: 0px;
}

.navbar-brand img {
  filter: brightness(0%);
}

.sociodipScheduleBtn
{
  color: #4DB621;
  margin-bottom: 30px;
}

.herobanner-video .video-container .hero-title-head
{
    font-size: 10px;
}

}


/*-------------------------------------------------------*/
/* When the browser is between 0px and 1120px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 1120px) {
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 992px) {
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 767px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 767px) {
  }


/*-------------------------------------------------------*/
/* When the browser is above 768px wide, below css will be applied.
/*-------------------------------------------------------*/


@media screen and (min-width: 768px) {
.noDesktop
{
    display: none;
}

.desktopRight
{
  text-align: right;
  margin-left: auto;
}

}



/*-------------------------------------------------------*/
/* When the browser is between 0px and 480px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width: 767px) {
.noMobile
{
    display: none;
}

.herobanner-video .video-container .hero-title-head h1 {
  font-size: 41px;
  line-height: 36px;
  letter-spacing: -5px;
  letter-spacing: -5px;
}

.herobanner-video .video-container .hero-title-head p {
  font-size: 20px;
}

.herobanner-video .video-container .hero-title-head {
  left: 37%;
}

.herobannerBottomText {
  position: absolute;
  bottom: 3%;
  right: 15%;
  display: none;
}

.sociodip-about-sec {
  padding: 50px 0 10px 0 !important;
}

.sociodip-about-sec .about-introtext h2 {
  font-size: 35px;
  font-weight: 500;
  line-height: 33px;
}

.textslide-animation .text-slide {

  font-size: 23px;
  line-height: 34px;
  letter-spacing: -1px;
}

.brand-theme-img {
  position: relative;
  right: 0px;
  top: 40px;
}

.brand-theme-img img
{
  width: 60%;
}

.clinets-logo-box ul {
  padding: 39px 0;
}

.clinets-logo-box ul li {
  width: 26%;
}

.services-section {
  padding: 40px 0;
}

.services-box {
  padding: 30px 0;
  border-bottom: 1px solid #333333;
  margin-right: 10px;
}

.width50
{
  width: 49%;
}

.textMobRight
{
  text-align: right;
}

.contactInfoBox h5 {
  font-size: 23px;
  line-height: 34px;
}

.footer-section {
        color: #ffffff;
        padding: 20px 0 20px 0;
        margin-top: 50px;
}

.footer-section .readt-work-box h4 {
  font-size: 35px;
  line-height: 48px;
  margin-bottom: 40px;
}

.footer-section .address-box h3 {
  font-size: 35px;
  line-height: 48px;
  margin-bottom: 60px;
  margin-top: 35px;
}

.textSlideanimation
{
  font-size: initial;
}

.footer-social-links ul {

  justify-content: flex-start;
}

.footer-quicklinks {
  margin-top: 57px;
  margin-bottom: 40px;
  border-top: 1.5px solid #ffffff;
  padding-top: 41px;

}

.pageHeadTitle h4
{
  font-size: 35px;
}

.pageHeadTitle p
{
  font-size: 24px;
  line-height: 27px;
}

.herobanner-video .video-container {
  height: 30vh;
}

.sociodip-videosec
{
  margin-top: 0;
}

.navbar-brand img
{
  filter: brightness(0%);
}

.footer-section .address-location p{
  color: #4DB621 !important;
  font-size: 17px;
}

.footer-section .address-location a{
  color: #4DB621 !important;
  font-size: 17px;
}

.navbar .navbar-nav .nav-link
{
  color: #000000;
}

.sociodipScheduleBtn
{
  color: #4DB621;
  margin-bottom: 30px;
}



}