/* large desktop :1700px. */
@media (min-width: 1900px) and (max-width: 2048px) {
    p {
        font-size: 1.3rem;
        font-weight: normal;
        line-height: 30px;
        color: #565872;
        margin-bottom: 15px;
      }
    .close {
        font-family: Arial, Helvetica, sans-serif;
        background: #ea0f29;
        color: #fff;
        line-height: 25px;
        position: fixed;
        right: 29%;
        text-align: center;
        top: 26%;
        width: 34px;
        height: 34px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
        padding-top: 5px;
    }
    .menu-bg .main-menu {
        margin-left: 16%;
    }
    .main-menu ul li {
        display: inline-block;
        position: relative;
        margin-right: 15px;
    }
    .main-menu ul li a {
        display: block;
        font-size: 20px;
        padding: 42px 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background: transparent;
        line-height: 1;
        position: relative;
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 500;
    }
    .pr-85 {
        padding-right: 0; 
    }
    .menu-bg::after {
        position: absolute;
        content: "";
        width: 600px;
        height: 100px;
        background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        background-image: -webkit-linear-gradient(
    0deg, #ec6363 0%, #c42323 100%);
        background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        right: 0;
        top: 0;
    }
    .negative-left {
        margin-left: -50px;
    }
    .hero-slider-caption h5 {
        color: #ffffff;
        font-weight: 500;
        font-size: 55px;
        margin-bottom: 30px;
    }
    .hero-slider-caption h1 {
        font-size: 55px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .hero-slider-caption h2 {
        font-size: 45px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .hero-slider-caption p {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 40px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption ul li {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption h4 {
        font-size: 30px;
       
    }
    .about-list ul li {
        font-size: 1.3rem;
        color: #565872;
        margin-bottom: 8px;
        padding-left: 20px;
        position: relative;
    }
    .container {
        max-width: 1600px;
    }
    .contact-address-text span {
        display: block;
        font-size: 1.3rem;
        font-weight: 400;
        color: #565872;
        margin-bottom: 6px;
    }
    .footer-cta-text h3 {
        font-size: 20px;
        color: #ffffff;
        margin-bottom: 0;
        margin-top: 5px;
        font-weight: 400;
        line-height: 25px;
    }
    .d-sm-none, .d-xs-none {
        display: block !important;
    }
    .tag {
        font-size: 17px;
          color: #d02323;
      }
}

/* large desktop :1700px. */
@media (min-width: 1500px) and (max-width: 1600px) {
    p {
        font-size: 1.3rem;
        font-weight: normal;
        line-height: 30px;
        color: #565872;
        margin-bottom: 15px;
      }
    .close {
        font-family: Arial, Helvetica, sans-serif;
        background: #ea0f29;
        color: #fff;
        line-height: 25px;
        position: fixed;
        right: 24%;
        text-align: center;
        top: 23%;
        width: 34px;
        height: 34px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
        padding-top: 5px;
    }
    .hero-slider-caption h1 {
        font-size: 55px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .hero-slider-caption h5 {
        color: #ffffff;
        font-weight: 500;
        font-size: 42px;
        margin-bottom: 30px;
    }
    .hero-slider-caption h2 {
        font-size: 35px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .header-info h5 {
        color: #ffffff;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
    }
    .menu-bg .main-menu {
        margin-left: 5%;
    }
    .main-menu ul li {
        display: inline-block;
        position: relative;
        margin-right: 15px;
    }
    .main-menu ul li a {
        display: block;
        font-size: 18px;
        padding: 42px 0;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background: transparent;
        line-height: 1;
        position: relative;
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 500;
    }
    .pr-85 {
        padding-right: 0; 
    }
    .menu-bg::after {
        position: absolute;
        content: "";
        width: 500px;
        height: 100px;
        background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        background-image: -webkit-linear-gradient(
    0deg, #ec6363 0%, #c42323 100%);
        background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        right: 0;
        top: 0;
    }
    .negative-left {
        margin-left: -80px;
    }
    
    .hero-slider-caption p {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 40px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption ul li {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption h4 {
        font-size: 30px;
       
    }
    .header-right-wrapper {
        margin-right: 50px;
    }
    .about-list ul li {
        font-size: 1.3rem;
        color: #565872;
        margin-bottom: 8px;
        padding-left: 20px;
        position: relative;
    }
    .container {
        max-width: 1400px;
    }
    .contact-address-text span {
        display: block;
        font-size: 1.3rem;
        font-weight: 400;
        color: #565872;
        margin-bottom: 6px;
    }
    .d-sm-none, .d-xs-none {
        display: block !important;
    }
    .tag {
        font-size: 14.7px;
          color: #d02323;
      }
}


/* Normal desktop :1200px. */
@media (min-width: 1350px) and (max-width: 1490px) {
    .hero-slider-caption h1 {
        font-size: 55px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .hero-slider-caption h5 {
        color: #ffffff;
        font-weight: 500;
        font-size: 42px;
        margin-bottom: 30px;
    }
    .hero-slider-caption h2 {
        font-size: 35px;
        margin-bottom: 40px;
        color: #ffffff;
        font-weight: 600;
    }
    .hero-slider-caption p {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 40px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption ul li {
        font-size: 22px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #ffffff;
    }
    .hero-slider-caption h4 {
        font-size: 30px;
       
    }

    .menu-bg .main-menu {
        margin-left: 6%;
    }
    .menu-bg::after {
        position: absolute;
        content: "";
        width: 480px;
        height: 100px;
        background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        background-image: -webkit-linear-gradient(
    0deg, #ec6363 0%, #c42323 100%);
        background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        right: 0;
        top: 0;
    }
    .negative-left {
        margin-left: -131px;
    }
    .header-info h5 {
        font-size: 14px;
        font-stretch: semi-condensed;
        font-weight: 200;
    }
    .d-sm-none, .d-xs-none {
        display: block !important;
    }

}

@media (min-width: 1200px) and (max-width: 1280px) {
    .d-sm-none, .d-xs-none {
        display: none !important;
    }
    .header-right {
        z-index: 9;
        position: relative;
        display: none;
    }
    .menu-bg::after {
        position: absolute;
        content: "";
        width: 478px;
        height: 100px;
        background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        background-image: -webkit-linear-gradient( 
    0deg, #ec6363 0%, #c42323 100%);
        background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
        right: 0;
        top: 0;
        display: none;
    }
    .menu-bg .main-menu {
        margin-left: 11%;
    }
}
/* Normal desktop :1200px +. */
@media (min-width: 1200px) and (max-width: 1360px) {
    .d-sm-none, .d-xs-none {
        display: block !important;
    }
    .tag {
        font-size: 12px;
          color: #d02323;
      }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    /* .section-title h2 {
        font-size: 45px;
        margin-bottom: 0;
    }
    .services-text h4 {
        font-size: 18px;
    }
    .service-box {
        padding: 43px 15px 38px;
    }
    .team-text h3 {
        font-size: 20px;
    }
    .team-text {
        margin-right: 40px;
    }
    .footer-cta-text h3 {
        font-size: 24px;
    } */

    .d-sm-none, .d-xs-none {
        display: block;
    }


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .header-right {
        margin-right: 56px;
        transform: translateY(5px);
        display: none;
    }
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .d-sm-none, .d-xs-none {
        display: none !important;
    }
    .about-info h2 {
        font-size: 24px;
        color: #ffffff;
        margin: 0;
    }
    .ab-image:before {
      position: absolute;
      height: 260px;
      width: 370px;
      background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
      background-image: -webkit-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
      background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
      content: "";
      border-radius: 50%;
      left: -150px;
      bottom: -120px;
    }
    .header-right {
        margin-right: 56px;
        display: none;
    }
    .section-title h5 {
        color: #db4747;
        font-size: 45px;
        font-weight: 600;
        margin-bottom: 26px;
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 1.1;
    }
    .vd-01 {
       
        display: none;
    }
    .contact-wrapper {
        padding: 70px 25px;
        margin-top: 20px;
    }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 550px) and (max-width: 767px) {
    .contact-wrapper {
        padding: 70px 25px;
        margin-top: 20px;
    }
    .vd-01 {
        margin-top: 0;
        /* top: 0; */
        right: 15%;
        display: none;
    }
    .section-title h5 {
        color: #db4747;
        font-size: 35px;
        font-weight: 600;
        margin-bottom: 26px;
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 1.1;
    }
    .d-sm-none, .d-xs-none {
        display: none !important;
    }
.slider-button a.white-btn {
	margin-left: 0;
	margin-top: 15px;
}
.section-white h5 span {
	background: #e04f4f;
	display: none;
}
.white-title h5 span {
	background: #393f48;
    display: none;
}
.about-info h2 {
	font-size: 24px;
	color: #ffffff;
	margin: 0;
    font-weight: 200;
}
.about-info h5 {
	color: #ffffff;
	font-size: 16px;
    font-weight: 200;
}
.ab-image:before {
  position: absolute;
  height: 260px;
  width: 370px;
  background-image: -moz-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
  background-image: -webkit-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
  background-image: -ms-linear-gradient(0deg, #ec6363 0%, #c42323 100%);
  content: "";
  border-radius: 50%;
  left: -150px;
  bottom: -120px;
}
.header-right {
	margin-right: 56px;
	display: none;
    
}
h2 {
	font-size: 25px;
}

.hero-slider-caption h1 {
    color: #ffffff;
}
.about-us-area .service-box {
	background: #ffffff;
	padding: 43px 20px 38px;
	border-radius: 25px;
	transition: 0.3s;
	height: 600px;
}
h4 {
	font-size: 18px;
}
}
.hero-slider-caption h1 {
    color: #ffffff;
}