/* XL Device :5000px. */
@media screen and (min-width: 1921px) and (max-width: 5000px) {
  .container-wrapper {
    max-width: 1920px;
  }
  .single-slider.slider-height {
    max-height: 1080px;
  }
  .single-slider {
    background: #3754b2;
  }
  .intro-area {
    margin-top: 210px;
  }
  .about-shape2 {
    right: -100%;
    bottom: 35%;
  }
  .contact-area {
    background: #f3f9fb;
    margin-bottom: 140px;
    padding-bottom: 160px;
    padding-top: 160px;
  }
  .contact-bg-bottom,
  .contact-bg-top {
    display: none !important;
  }
  .testimonial-area {
    margin-bottom: 110px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1800px) {
  .single-portfolio:hover .port-over-content {
    width: 100% !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: 30px;
  }
  .port-over-content {
    margin: auto;
    width: 100%;
  }
}

/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider-img {
    margin-right: -36%;
    margin-top: 250px;
  }
  .lg-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .slider-content h1 {
    font-size: 52px;
    margin-right: 70px;
  }
  .slider-img {
    margin-top: 180px;
    position: relative;
    right: 0;
  }
  .intro-area {
    margin-top: 210px;
  }
  .slider-img-dotted {
    right: 18%;
    bottom: 12%;
  }
  .contact-bg-bottom {
    top: -30px;
    right: -20px;
  }
  .contact-shape2 {
    right: 15px;
    top: 260px;
  }
  .contact-shape1 {
    right: 70px;
    top: 170px;
  }
  .footer-shape1 {
    right: 2%;
    top: 0;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1439px) {
  .single-slider.slider-height {
    height: 850px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1390px) {
  .slider-img {
    margin-top: 40%;
  }
  .slider-content {
    margin-top: 30px;
  }
  .slider-img {
    margin-right: -16%;
  }
  .slider-content span {
    font-size: 25px;
  }
  .slider-content h1 {
    font-size: 50px;
    margin-bottom: 0;
  }
  .slider-content p {
    font-size: 22px;
  }
  .slider-area .my-btn.mt-50 {
    margin-top: 40px;
  }
  .single-slider.slider-height {
    height: 800px;
  }
}

/* LG Device :992px. */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider.slider-height {
    max-height: 700px;
  }
  .slider-content {
    margin-top: 0px;
  }
  .slider-area .my-btn.mt-50 {
    margin-top: 40px;
  }
  .slider-img {
    margin-right: -20%;
    margin-top: 150px;
  }
  .slider-content h1 {
    font-size: 35px;
    margin-right: 40px;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .slider-content span {
    font-size: 22px;
  }
  .slider-content p {
    font-size: 20px;
  }
  .slider-img-dotted {
    right: -1%;
    bottom: 8%;
  }
  .slider-shape2 {
    bottom: 25%;
  }
  .slider-shape1 {
    right: 0%;
    bottom: 21%;
  }
  .intro-dotted {
    top: -35px;
  }
  h2 {
    font-size: 30px;
  }
  .title p {
    font-size: 18px;
  }
  .title span {
    font-size: 16px;
  }
  .single-service-content h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .intro-area {
    margin-top: 210px;
  }
  .service-content {
    padding: 50px 35px 45px 35px;
  }
  .service-icon span {
    width: 60px;
  }
  .service-icon {
    margin-right: 20px;
  }
  .facts-wrapper {
    margin-right: 10px;
  }
  .single-facts {
    width: 218px;
    height: 240px;
  }
  .testimonial-content {
    margin-left: 15px;
  }
  .contact-left-wrapper {
    padding-left: 35px;
    padding-right: 20px;
  }
  .footer-shape1 {
    right: 0;
    top: -20px;
  }
  .about-bg-left {
    left: -30%;
  }
  .about-bg-right {
    right: -20%;
  }
  .about-dotted {
    left: 0;
    bottom: 0;
  }
  .portfolio-dotted {
    right: 0;
  }
  .port-over-content h3 {
    font-size: 18px;
  }
  .middle-shape img {
    max-width: 130px;
    max-height: 130px;
  }
  .small-shape img {
    max-width: 60px;
    max-height: 60px;
  }
  .about-shape1 {
    left: -15px;
    top: -40px;
  }
  .service-shape2 {
    right: 65px;
  }
  .service-left-top {
    top: -30px;
    left: -12%;
  }
  .service-left-bottom {
    top: -30px;
    left: -9%;
  }
  .service-shape1 {
    left: 3%;
    top: 45px;
  }
  .service-shape4 {
    right: 85px;
    bottom: 34%;
  }
  .fact-right {
    right: -7%;
  }
  .fact-shape2 {
    right: 22px;
    bottom: 140px;
  }
  .testimonial-shape3 {
    left: 100px;
    bottom: -90px;
  }
  .contact-bg-bottom {
    display: none;
  }
  .contact-shape1 {
    right: 0;
    top: 100px;
  }
  .contact-shape2 {
    right: -70px;
    top: 158px;
  }
  .port-content {
    font-size: 14px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .lg-mb-0 {
    margin-bottom: 0 !important;
  }
  .single-portfolio:hover::before {
    opacity: 0;
  }
  .single-portfolio .port-over-content {
    bottom: 0px;
    opacity: unset;
    transition: 0.6s;
    padding: 5px 25px;
    background-color: #3754b282;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .blog-area .service-block .about-bg-left {
    left: 0;
  }
  .blog-area .service-block .about-bg-right {
    right: 0;
  }
}

/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .header {
    padding: 22px 0;
  }
  .sticky-menu .header {
    padding: 6px 0;
  }
  .single-slider.slider-height {
    max-height: 600px;
  }
  h3 {
    font-size: 26px;
  }
  .slider-content {
    margin-top: 20px;
  }
  .slider-img {
    margin-right: -22%;
    margin-top: 150px;
  }
  .intro-content {
    margin-bottom: 100px;
  }
  .slider-content h1 {
    font-size: 30px;
    margin-right: 0;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .slider-area .my-btn {
    margin-top: 30px;
  }
  .slider-content span {
    font-size: 18px;
  }
  .slider-content p {
    font-size: 20px;
  }
  .slider-img-dotted {
    right: -1%;
    bottom: 8%;
  }
  .intro-dotted {
    top: -160px;
    left: -40px;
  }
  h2 {
    font-size: 28px;
  }
  .title p,
  .about-text {
    font-size: 18px;
    margin-top: 22px;
  }
  .portfolio-area .title p {
    margin-top: 0;
  }
  .title span {
    font-size: 16px;
  }
  .single-service-content h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .intro-area {
    margin-top: 160px;
  }
  .about-area {
    padding-top: 90px;
  }
  .row.portfolio {
    margin-top: 35px;
  }
  .service-area {
    padding-top: 90px;
  }
  /* .service-wrapper {
    padding-bottom: 35px;
    padding-top: 40px;
  } */
  .feature-area {
    margin-top: 100px;
  }
  .facts-area {
    padding-top: 15px;
    padding-bottom: 75px;
  }
  .team-area {
    margin-top: 120px;
    padding-top: 110px;
    padding-bottom: 92px;
  }
  .team-wrapper {
    margin-top: 50px;
  }
  .testimonial-area {
    padding-top: 108px;
    margin-bottom: 135px;
  }
  .testimonial-content {
    margin-top: 60px;
    margin-bottom: 0;
  }
  .slick-arrow .l-a,
  .slick-arrow .r-a {
    bottom: -65px;
    left: 0;
  }
  .slick-arrow .r-a {
    left: 65px;
  }
  .portfolio-area .btn-2 {
    padding-top: 25px;
  }
  .service-content {
    padding: 30px 25px 30px 28px;
    margin-bottom: 30px;
  }
  .service-icon span {
    width: 60px;
  }
  .service-icon {
    margin-bottom: 25px;
  }
  .service-text h5 {
    margin-bottom: 15px;
  }
  .facts-wrapper {
    margin-right: 10px;
  }
  .single-facts {
    width: 218px;
    height: 240px;
  }
  .testimonial-content {
    margin-left: 15px;
  }
  .footer-shape1 {
    right: 0;
    top: 20px;
  }
  .about-bg-right {
    right: -20%;
  }
  .about-dotted {
    left: 0;
    bottom: 0;
  }
  .portfolio-dotted {
    right: 0;
    top: 0;
  }
  .port-over-content h3 {
    font-size: 18px;
  }
  .fact-right {
    right: -8%;
    bottom: -150px;
  }
  .contact-area {
    padding-top: 120px;
    padding-bottom: 100px;
  }
  .footer-top {
    padding-bottom: 35px;
  }
  .copyright-area {
    padding-bottom: 0;
  }
  .contact-bg-bottom {
    display: none;
  }
  .contact-shape1 {
    right: 0;
    top: 100px;
  }
  .contact-shape2 {
    right: -70px;
    top: 158px;
  }
  .facts-wrapper {
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 20px;
  }
  .team-img .social-link li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .blog-area .blog-meta {
    width: 60% !important;
  }
  .about-img {
    padding-top: 0;
  }

  .single-portfolio:hover::before {
    opacity: 0;
  }
  .single-portfolio .port-over-content {
    bottom: 0px;
    opacity: unset;
    transition: 0.6s;
    padding: 5px 25px;
    background-color: #3754b282;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .contact-info-content {
    flex-direction: column;
    gap: 20px 0;
  }
  .contact-info-content .contact-detail {
    min-height: fit-content;
  }
  .contact-text {
    display: flex;
    justify-content: space-evenly;
  }
  .banner-wrapper{
    flex-direction: column;
    align-items: center;
    gap: 25px 0;
  }
  .section-padding {
    padding: 50px 0;
}
.contact-text {
  gap: 20px 40px;
}
}

/* Extra small Device. */
@media screen and (max-width: 767px) {
  /* home1 */
  main{
     text-align: center;
  }
  .header {
    padding: 14px 0;
  }
  .sticky-menu .header {
    padding: 6px 0;
  }
  .my-btn .btn {
    padding: 10px 30px;
    font-size: 14px;
  }
  .btn-2 a {
    font-size: 14px;
  }
  .feature-text h5 {
    margin-bottom: 10px;
    font-size: 19px;
  }
  .slider-area {
    overflow: visible;
  }
  .single-slider.slider-height {
    min-height: 320px;
    background: #3754b2;
    max-height: 610px;
  }
  h3 {
    font-size: 22px;
  }
  .slider-content {
     margin-top: 220px;
 }
  .slider-img {
    margin-right: -15px;
    margin-top: 60px;
  }
  .intro-content {
    margin-bottom: 100px;
  }
  .slider-content h1 {
    font-size: 28px;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 12px;
  }
  .slider-content span {
    font-size: 16px;
  }
  .slider-content p {
    font-size: 18px;
  }
  .single-slider.slider-height .my-btn,
  .about-area .my-btn {
    margin-top: 35px;
  }
  .about-img {
    padding-top: 50px;
  }
  .intro-dotted {
    top: -180px;
    left: -40px;
    z-index: -1;
  }
  h2 {
    font-size: 22px;
  }
  .intro-content {
    margin-top: 0;
    margin-bottom: 35px;
  }
  .single-service-content.mt--50 {
    margin-top: 0;
  }
  .title p,
  .about-text {
    font-size: 16px;
    margin-top: 15px;
  }
  .portfolio-area .title p {
    margin-top: 0;
  }
  .title span {
    font-size: 14px;
    letter-spacing: 1.3px;
  }
  .single-service-content h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .intro-area {
    margin-top: 100px;
  }
  .about-img {
    padding-top: 0;
  }
  .about-area {
    padding-bottom: 55px;
    padding-top: 55px;
  }
  .portfolio {
    margin-top: 20px;
  }
  .title h4 {
    margin-bottom: 2px;
    font-size: 22px;
  }
  .service-area {
    padding-top: 48px;
  }
  .feature-area {
    margin-top: 35px;
  }
  .facts-area {
    padding-top: 15px;
    padding-bottom: 75px;
  }
  .feature-content {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .team-area {
    margin-top: 40px;
    padding-top: 65px;
    padding-bottom: 38px;
  }
  .team-wrapper {
    margin-top: 25px;
  }
  .testimonial-area {
    padding-top: 65px;
    margin-bottom: 70px;
  }
  .testimonial-content {
    margin-top: 45px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .testimonial-text h3 {
    font-size: 36px;
  }
  .slick-arrow .l-a,
  .slick-arrow .r-a {
    bottom: -50px;
    left: 0;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .slick-arrow .r-a {
    left: 50px;
  }
  .portfolio-area .btn-2 {
    padding-top: 8px;
  }
  .service-content {
    padding: 50px 25px 45px 28px;
    margin-bottom: 30px;
  }
  .service-icon span {
    width: 60px;
  }
  .service-icon {
    margin-bottom: 25px;
  }
  .service-text h5 {
    margin-bottom: 15px;
  }
  .testi-info {
    margin-top: 35px;
  }
  .banner-btn {
    margin-top: 10px;
  }
  .banner-content p {
    font-size: 16px;
  }
  .brand-content {
    margin-bottom: 25px;
  }
  .single-brand {
    margin-bottom: 35px;
  }
  .facts-wrapper {
    margin-top: 3px;
  }
  .single-facts {
    width: 218px;
    height: 240px;
    margin: 0 auto;
  }
  .single-facts1 {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 1% 90%);
  }
  .port-over-content h3 {
    font-size: 18px;
  }
  .testimonial-shape3 {
    left: 75px;
    bottom: -85px;
  }
  .contact-area {
    padding-top: 74px;
    padding-bottom: 52px;
  }
  .contact-area .mb-30 {
    margin-bottom: 20px;
  }
  .footer-top {
    padding-bottom: 35px;
  }
  .copyright-area {
    padding-bottom: 0;
  }
  .contact-bg-bottom {
    display: none;
  }
  .contact-form {
    margin-top: 10px;
  }
  .team-content {
    text-align: center;
    transform: inherit;
    margin-top: 12px;
    position: static !important;
  }
  .port-content {
    font-size: 14px;
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  .single-team:hover .team-img {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .single-team-wrapper2,
  .single-team-wrapper4 {
    margin-top: 0;
  }
  .testimonial-text p,
  .avatar-info h4 {
    font-size: 16px;
  }
  .contact-text h4 {
    font-size: 16px;
  }
  .contact-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .contact-icon span,
  .contact-info input,
  .contact-info textarea {
    font-size: 12px;
  }
  .contact-left-wrapper {
    padding-left: 25px;
    padding-right: 30px;
    padding-top: 38px;
    padding-bottom: 22px;
  }
  .testimonial-img-wrapper .person {
    max-width: 100px;
  }
  .person1 {
    left: 20px;
    top: -5px;
  }
  .footer-area span,
  .footer-top a {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .footer-widget {
    margin-top: 15px;
  }
  .footer-area li {
    font-size: 16px;
  }
  .footer-widget h5 {
    margin-bottom: 12px;
  }
  h5 {
    font-size: 20px;
  }
  .footer-top {
    padding-bottom: 5px;
  }
  .copyright-text {
    margin-bottom: 15px;
  }
  .footer-area .social-link {
    margin-bottom: 15px;
  }
  .sub-name.form-control::placeholder,
  input::placeholder,
  textarea::placeholder {
    font-size: 16px;
  }
  .footer-subscribe {
    margin-top: 15px;
  }
  .blog-wrapper {
    margin-top: 30px;
  }
  .testimonial-wrapper {
    margin-top: 30px;
  }
  .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .close-icon span {
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .blog-area h3 {
    font-size: 18px;
  }
  .blog-area .blog-meta {
    width: 100% !important;
  }
  .blog-area .blog-meta li {
    font-size: 13px;
  }
  .blog-area .content-wrapper {
    margin-top: 25px;
  }
  .pro-modal-footer .social-link a {
    font-size: 20px;
  }
  .modal-tags h6 {
    margin-bottom: 10px;
  }
  .feature-icon::before {
    left: -15px;
  }
  .sm-mb-0 {
    margin-bottom: 0;
  }
  div#service {
    padding: 55px 0;
  }
  .trends {
    padding: 55px 0;
  }
  .sm-mb-2 {
    margin-bottom: 20px;
  }
  .banner-wrapper {
    padding: 55px 0;
  }
  .mob {
    display: block;
  }
  .lap {
    display: none;
  }
  .single-portfolio:hover::before {
    opacity: 0;
  }
  .single-portfolio .port-over-content {
    bottom: 0px;
    opacity: unset;
    transition: 0.6s;
    padding: 5px 25px;
    background-color: #3754b282;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .curtain-gradient.animate {
    transform: skew(-30deg) translateX(-60%);
  }
  .curtain-gradient {
    background: linear-gradient(
      270deg,
      transparent 1%,
      rgba(23, 111, 192, 0.7) 20%
    );
  }
  .blog-area .col-12 .service-block {
    flex-direction: column;
  }
  .blog-area .col-12:nth-child(odd) .service-block {
    flex-direction: column-reverse;
  }
  .service-block .single-blog-content img {
    width: 60px;
    position: absolute;
    top: 10px;
    left: unset;
    right: 0 !important;
  }
  .blog-area .col-12:nth-child(even) .single-blog-content img {
    top: unset;
    bottom: 10px;
  }
  .service-block {
    text-align: center;
  }
  .breadcrumb {
    padding: 125px 0 30px;
  }
  .breadcrumb-title {
    font-size: 25px;
  }
  .breadcrumb .subtitle {
    font-size: 14px;
    margin-bottom: 0;
  }
  .contact-info-content {
    flex-direction: column;
    gap: 20px 0;
  }
  .contact-info-content .contact-detail {
    min-height: fit-content;
  }
  .contact-detail .contact-icon span{
     font-size: 17px;
  }
  .banner-wrapper{
    flex-direction: column;
    align-items: center;
    gap: 25px 0;
  }
  .section-padding {
    padding: 40px 0;
}

}

@media screen and (max-width: 360px) {
  h4.modal-title {
    font-size: 19px;
  }
  .testimonial-img-wrapper .person {
    max-width: 80px;
  }
  h3 {
    font-size: 22px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .facts-area {
    padding-bottom: 30px;
  }
  .contact-left-wrapper {
    padding-left: 45px;
    padding-right: 45px;
  }
  .blog-area .blog-meta li {
    font-size: 16px;
  }
  .blog-area .blog-meta {
    width: 70% !important;
  }
  .blog-area h3 {
    font-size: 20px;
  }
  .slider-img {
    margin-right: -39px;
    margin-top: 60px;
  }
  .slider-content {
    margin-top: 300px;
  }
  .single-slider.slider-height {
    max-height: 700px;
  }
  .slider-img {
    margin-right: -65px;
    margin-top: 40px;
  }
  .intro-area {
    margin-top: 125px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 400px) and (max-width: 576px) {
  /* home1 */
  .single-slider.slider-height1 {
    height: 920px;
  }
  .blog-area .blog-meta li {
    font-size: 15px;
  }
  .blog-area .blog-meta {
    width: 85% !important;
  }
  .blog-area h3 {
    font-size: 20px;
  }
  .single-slider.slider-height {
    max-height: 635px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 500px) and (max-width: 600px) {
  .single-slider.slider-height {
    max-height: 652px;
  }
  .slider-content {
    margin-top: 270px;
  }
}