/* XL Device :5000px. */
@media screen and (min-width: 1921px) and (max-width: 5000px) {
  .testimonial-img {
    left: auto;
    right: 60%;
  }
}

/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1800px) {
  .testimonial-img {
    left: 5%;
  }
}
/* XL Device :1920px. */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-img {
    left: 1%;
  }
}

/* XL Device :1356px. */
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .slider-height {
    min-height: 100vh;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .intro-feature-area {
    margin-top: -230px;
    clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    padding-top: 190px;
  }
  .intro-feature-text-style {
    top: 75px;
  }
  .testimonial-img {
    left: 0;
    bottom: -24%;
  }
  .feature-margin {
    margin-top: -230px;
    clip-path: polygon(0 31%, 100% 0, 100% 100%, 0% 100%);
  }
  .about-margin {
    margin-top: -350px;
    padding-top: 340px;
    clip-path: polygon(-12% 0, 100% 26%, 100% 100%, 0% 100%);
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 31%, 100% 100%, 0% 100%);
    margin-top: -440px;
    padding-top: 230px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0% 100%);
  }
  .choose-us-area {
    padding-top: 240px;
    margin-top: -420px;
    clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
  }
  .testimonial-bg {
    clip-path: polygon(0 33%, 100% 0, 100% 100%, 0% 100%);
  }
  .brand-margin {
    margin-top: -370px;
    clip-path: polygon(0 0, 100% 72%, 100% 100%, 0% 100%);
    padding-top: 150px;
  }
  .contact-padding {
    padding-top: 340px;
  }
  .portfolio-margin {
    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);
    margin-top: -440px;
  }
  .contact-margin {
    clip-path: polygon(-9% 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -170px;
  }
  .blog-margin {
    clip-path: polygon(0 26%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -400px;
    padding-top: 200px;
  }
  .footer-bg-img img {
    width: 80%;
  }
  .blog-margin {
    padding-bottom: 220px;
  }
  .footer-margin {
    margin-top: -330px;
    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
  }
  .slider-content h1 {
    font-size: 72px;
  }
}

/* XL Device :1280px. */
@media screen and (min-width: 1200px) and (max-width: 1370px) {
  .slider-height {
    min-height: 100vh;
  }
  .slider-wrapper {
    margin-top: 135px;
  }
  .slider-content h1 {
    font-size: 58px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 21px;
    margin-right: 50px;
    padding-bottom: 18px !important;
  }
  .intro-feature-area {
    margin-top: -100px;
    padding-top: 100px;
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .testimonial-img {
    bottom: -28%;
  }
  .testimonial-img img {
    width: 80%;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .about-margin {
    clip-path: polygon(-25% 0, 100% 24%, 100% 100%, 0% 100%);
    margin-top: -330px;
    padding-top: 320px;
    padding-bottom: 360px;
  }
  .portfolio-margin {
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);
    margin-top: -360px;
    padding-top: 170px;
  }
  .intro-feature-text-style {
    font-size: 200px;
    top: 0px;
  }
  .portfolio-area .intro-feature-text-style {
    top: 60px;
  }
  .intro-feature-area {
    clip-path: polygon(0 0, 100% 11%, 100% 100%, 0% 100%);
    padding-top: 110px;
  }
  .feature-padding {
    padding: 350px 15px;
  }
  .feature-margin {
    margin-top: -130px;
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -270px;
    padding-top: 170px;
  }
  .service-area .intro-feature-text-style {
    top: -110px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 22%, 100% 100%, 0% 100%);
    margin-top: -70px;
    padding-top: 170px;
  }
  .choose-us-area.over-hidden {
    padding-top: 170px;
    margin-top: -360px;
    clip-path: polygon(0 0, 100% 26%, 100% 100%, 0% 100%);
  }
  .team-area .intro-feature-text-style {
    top: 5px;
  }
  .contact-margin {
    clip-path: polygon(-9% 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -180px;
  }
  .testimonial-margin {
    padding-bottom: 420px;
    padding-top: 170px;
    margin-top: -140px;
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .brand-margin {
    clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%);
    margin-top: -370px;
  }
  .testimonial-area .intro-feature-text-style {
    top: 60px;
  }
  .blog-margin {
    clip-path: polygon(0 24%, 100% 0, 100% 100%, 0% 100%);
    padding-top: 170px;
  }
  .blog-area .intro-feature-text-style {
    top: 60px;
  }
  .blog-margin {
    padding-bottom: 200px;
  }
  .process-text-style {
    top: 65px;
    font-size: 180px;
  }
  .contact-padding {
    padding-top: 330px;
  }
  .brand-margin {
    padding-top: 150px;
    margin-top: -400px;
  }
  .footer-bg-img img {
    width: 68%;
  }
  .process-wrapper,
  .feature-wrapper,
  .team-wrapper,
  .contact-info-wrapper,
  .blog-wrapper,
  .single-intro-feature-wrapper,
  .single-intro-feature-wrapper,
  .portfolio-margin-top {
    padding-top: 40px;
  }
  .footer-area {
    padding-bottom: 70px;
  }
}

/* LG Device :992px. */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height {
    min-height: 600px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 125px;
  }
  .slider-content h1 {
    font-size: 45px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 21px;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 165px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 30px 0;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 105px;
    left: -122px;
  }
  .port-over-content h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .single-portfolio:hover .port-content {
    top: 40%;
  }
  .about-margin {
    margin-top: -210px;
    padding-top: 250px;
    padding-bottom: 250px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .portfolio-margin {
    margin-top: -218px;
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%);
    padding-top: 165px;
  }
  .title h2 {
    font-size: 40px;
  }
  .abt-img2 {
    right: -182px;
    top: 125px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 22px;
  }
  .feature-margin {
    margin-top: -90px;
    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-padding {
    padding: 300px 15px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 165px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    padding-top: 170px;
    margin-top: -40px;
  }
  .process-text-style {
    top: 80px;
    font-size: 172px;
  }
  .choose-us-area {
    padding-top: 165px;
    margin-top: -200px;
    clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
  }
  .choose-us-content {
    padding-bottom: 80px;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
    margin-top: 0;
    padding-bottom: 280px;
    padding-top: 165px;
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .testimonial-area .intro-feature-text-style {
    top: 100px;
  }
  .team-area .intro-feature-text-style {
    top: 60px;
  }
  .single-intro-feature-content h4 {
    font-size: 21px;
  }
  .service-area .intro-feature-text-style {
    top: -60px;
  }
  .brand-margin {
    margin-top: -225px;
    clip-path: polygon(0 0, 100% 60%, 100% 100%, 0% 100%);
    padding-top: 110px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    margin-top: -258px;
  }
  .testimonial-content h4 {
    font-size: 42px;
  }
  .testimonial-text,
  .testi-info h6 {
    font-size: 21px;
  }
  .contact-padding {
    padding-top: 260px;
    padding-bottom: 290px;
  }
  .blog-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 160px;
    padding-bottom: 220px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a,
  .blog-modal-wrapper .blog-meta li span,
  .blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -230px;
  }
  .footer-bg-img img {
    width: 60%;
  }
  .process-wrapper,
  .feature-wrapper,
  .team-wrapper,
  .contact-info-wrapper,
  .blog-wrapper,
  .single-intro-feature-wrapper,
  .single-intro-feature-wrapper,
  .portfolio-margin-top {
    padding-top: 30px;
  }
  .footer-area {
    padding-bottom: 60px;
  }
  .single-feature-service h5,
  .choose-us-service-text h3,
  .single-process h4 {
    font-size: 18px;
  }
}

/* MD Device :768px. */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-menu .logo {
    margin: 15px 0;
  }
  .slider-height {
    min-height: 520px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
  }
  .title h4 {
    font-size: 24px;
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 130px;
  }
  .slider-content h1 {
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 35px;
  }
  .intro-feature-area {
    margin-top: -100px;
    padding-top: 80px;
  }
  .slider-content .sub-heading {
    font-size: 21px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  p {
    font-size: 16px;
  }
  .slick-dots {
    right: 50px;
    bottom: 60px;
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
  }
  .slider-wrapper {
    margin-top: 180px;
  }
  .slider-content h1 {
    font-size: 42px;
    line-height: 1.1;
    margin-bottom: 20px;
  }
  .slider-content p {
    font-size: 21px;
    margin: 0 50px;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 140px;
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 12px 30px 11px 30px;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 30px 0;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 65px;
    left: -122px;
  }
  .about-margin {
    margin-top: -170px;
    padding-top: 230px;
    padding-bottom: 250px;
    /* clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%); */
    clip-path: none;
  }
  .portfolio-margin {
    margin-top: -230px;
    clip-path: polygon(0 9%, 100% 0, 100% 100%, 0 100%);
    padding-top: 165px;
  }
  .title h2 {
    font-size: 36px;
  }
  .abt-img2 {
    /* right: -182px; */
    top: 130px;
  }
  .about-content {
    margin-top: 60px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    right: -150px;
    top: 15px;
  }
  .feature-margin {
    margin-top: -20px;
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-img {
    margin-top: 60px;
  }
  .feature-padding {
    padding: 250px 15px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    margin-top: -185px;
    padding-top: 165px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    padding-top: 150px;
    margin-top: -60px;
  }
  .process-text-style {
    top: 50px;
    font-size: 172px;
  }
  .service-area .intro-feature-text-style {
    top: -75px;
  }
  .choose-us-area {
    padding-top: 160px;
    margin-top: -180px;
    clip-path: polygon(0 0, 100% 12%, 100% 100%, 0% 100%);
  }
  .choose-us-content {
    padding-bottom: 30px;
  }
  .team-area {
    margin-bottom: 0;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%); */
    /* margin-top: -240px; */
    margin-top: 0;
    padding-bottom: 340px;
    padding-top: 170px;
  }
  .testimonial-bg {
    clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  }
  .testimonial-area .intro-feature-text-style {
    top: 95px;
  }
  .team-area .intro-feature-text-style {
    top: 40px;
  }
  .portfolio-area .intro-feature-text-style {
    top: 90px;
  }
  .testi-wrapper {
    margin-top: 30px;
  }
  .slider-single-margin {
    margin-left: 0;
  }
  .testimonial-text,
  .testi-info h6 {
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 21px;
  }
  .testimonial-content h4 {
    font-size: 36px;
  }
  .single-feature-service h5 {
    font-size: 21px;
  }
  .testi-avatar img {
    width: 52px;
  }
  .slick-arrow .l-a,
  .slick-arrow .r-a {
    top: 30%;
  }
  .slider-nav-margin {
    margin-left: 0;
  }
  .brand-margin {
    margin-top: -240px;
    clip-path: polygon(0 0, 100% 68%, 100% 100%, 0% 100%);
    padding-top: 110px;
  }
  .map-padding {
    padding-left: 15px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0% 100%);
    margin-top: -280px;
  }
  .contact-padding {
    padding-top: 270px;
    padding-bottom: 290px;
  }
  .blog-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -220px;
    padding-top: 160px;
    padding-bottom: 170px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a,
  .blog-modal-wrapper .blog-meta li span,
  .blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -240px;
  }
  .footer-bg-img img {
    width: 60%;
  }
  .title p {
    font-size: 16px;
  }
  .single-intro-feature-content h4 {
    font-size: 21px;
  }
  .port-margin-top2 {
    margin-top: 0;
  }
  .port-margin-top1 {
    margin-top: 0;
  }
  .port-margin-top3 {
    margin-top: 0;
  }
  .single-intro-feature-wrapper,
  .section-margin-top,
  .process-wrapper,
  .blog-wrapper,
  .team-wrapper,
  .portfolio-margin-top {
    padding-top: 40px;
  }
  .single-team {
    margin-bottom: 45px;
  }
  .s-p3 {
    margin-top: 0;
  }
  .s-p2,
  .s-p4 {
    margin-top: 35px;
  }
  .subscribe-info {
    margin-top: 25px;
  }
  .footer-widget.f-subscriber-area {
    margin-bottom: 30px;
  }
  .single-process {
    margin-bottom: 0;
  }
  .single-intro-feature-content h4,
  .single-process h4,
  .choose-us-service-text h3 {
    font-size: 21px;
  }
  .side-mobile-menu img {
    width: 130px;
  }
  .mean-container .mean-nav ul li a:hover {
    color: var(--main-color);
    background: transparent;
  }
  .mean-container .mean-nav ul li a:hover {
    background: black;
  }
}

/* Extra small Device. */
@media screen and (max-width: 767px) {
  .slider-height {
    min-height: 480px;
  }
  .intro-feature-area {
    margin-top: -300px;
    padding-top: 170px;
    padding-bottom: 30px;
  }
  .side-mobile-menu img {
    width: 100px;
  }
  .abt-img img {
    width: 75%;
  }
  .abt-img2 img {
    width: 65%;
  }
  .slider-wrapper {
    margin-top: 180px;
  }
  .slider-content h1 {
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .slider-content p {
    font-size: 18px;
    margin-bottom: 0;
  }
  .intro-feature-area {
    margin-top: -150px;
    padding-top: 115px;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
  .slider-content .sub-heading {
    font-size: 18px;
  }
  .btn {
    padding: 8px 30px 7px 30px;
    font-size: 14px;
  }
  .blog-modal-wrapper .blog-meta li {
    margin-right: 8px;
  }
  .slick-dots {
    right: 35px;
    bottom: 80px;
  }
  .slick-dots button {
    width: 12px !important;
    height: 12px;
    margin: 10px auto;
  }
  .main-menu ul li > a {
    padding: 30px 0;
  }
  .logo {
    margin: 20px 0;
  }
  .logo a {
    font-size: 18px;
  }
  .main-menu ul li > a::before {
    bottom: 25px;
  }
  .single-intro-feature-content {
    margin-bottom: 35px;
  }
  .s-ser-cnt4,
  .s-ser-cnt6 {
    margin-top: 0;
  }
  .intro-feature-text-style {
    font-size: 148px;
    top: 25px;
    left: -122px;
  }
  .about-margin {
    margin-top: 0;
    padding-top: 70px;
    padding-bottom: 150px;
    clip-path: none;
  }
  .portfolio-margin {
    margin-top: -115px;
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
    padding-top: 115px;
  }
  .title h2 {
    font-size: 24px;
    margin-bottom: 18px;
  }
  .single-intro-feature-wrapper {
    padding-bottom: 0;
  }
  .abt-img2 {
    /* right: -182px; */
    top: 100px;
    right: -150px;
  }
  .about-content {
    margin-top: 60px;
  }
  .single-facts p {
    font-size: 20px;
    line-height: 1.2;
  }
  .single-facts span {
    font-size: 42px;
  }
  .single-facts {
    padding-top: 20px;
  }
  .abt-badge {
    right: -150px;
  }
  .feature-margin {
    margin-top: 40px;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
  }
  .feature-img {
    margin-top: 50px;
  }
  .feature-padding {
    padding: 140px 15px;
  }
  .single-process h4,
  .choose-us-service-text h3,
  .single-feature-service h5,
  .contact-text h6 {
    font-size: 18px;
  }
  .footer-widget h5,
  .footer-widget .social-link a {
    font-size: 21px;
  }
  .footer-widget p,
  .footer-widget li a,
  .footer-widget span {
    font-size: 16px;
  }
  .testimonial-content h4 {
    font-size: 24px;
  }
  .single-process span {
    font-size: 36px;
  }
  .service-area .intro-ft-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
    margin-top: -80px;
    padding-top: 115px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);
    padding-top: 170px;
    margin-top: -70px;
  }
  .process-text-style {
    top: 75px;
    font-size: 172px;
  }
  .choose-us-area {
    padding-top: 115px;
    margin-top: -110px;
    padding-bottom: 80px;
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
  }
  .choose-us-ser-icon span {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .choose-us-content {
    padding-bottom: 5px;
  }
  .feature2-padding {
    padding-top: 65px;
    padding-bottom: 40px;
  }
  .fact-counter {
    font-size: 24px;
    margin-bottom: 2px;
  }
  .avatar-info p {
    font-size: 14px;
  }
  .fact-icon {
    width: 30px;
    margin: 5px auto;
  }
  .choose-us-content {
    padding-bottom: 10px;
  }
  .team-area {
    margin-bottom: 0;
    padding-top: 65px;
    padding-bottom: 20px;
  }
  .team-content {
    margin-top: 12px;
  }
  .team-content h6 {
    font-size: 17px;
  }
  .team-content span {
    font-size: 14px;
  }
  .testimonial-margin {
    /* clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%); */
    margin-top: -90px;
    padding-top: 115px;
    padding-bottom: 280px;
  }
  .testimonial-bg {
    clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
  }
  .testi-wrapper {
    margin-top: 12px;
  }
  .title h3 {
    font-size: 24px;
  }
  .slider-single-margin {
    margin-left: 0;
  }
  h4 {
    font-size: 24px;
  }
  .testimonial-text,
  .testi-info h6 {
    margin-top: 20px;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .slider.slider-nav {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    margin-top: 30px;
  }
  .testi-avatar {
    transform: rotate(0);
  }
  .testimonial-text,
  .testi-info h6 {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .testi-avatar img {
    width: 52px;
  }
  .slick-arrow .l-a,
  .slick-arrow .r-a {
    top: 30%;
  }
  .slider-nav-margin {
    margin-left: 0;
  }
  .brand-margin {
    margin-top: -280px;
    clip-path: polygon(0 0, 100% 32%, 100% 100%, 0% 100%);
    padding-top: 70px;
  }
  .testimonial-wrapper {
    margin-right: 0;
  }
  .brand6 {
    margin-top: 40px;
  }
  .brand5 {
    margin-top: 0;
  }
  .brand4 {
    margin-top: -40px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%);
    margin-top: -230px;
  }
  .map-padding {
    padding-left: 12px;
  }
  .contact-padding {
    padding-top: 130px;
    padding-bottom: 100px;
  }
  .map-wrapper {
    min-height: 250px;
    margin-top: 30px;
  }
  .pr6 {
    padding-right: 12px;
  }
  .pl6 {
    padding-left: 12px;
  }
  .leaflet-marker-icon {
    width: 50px !important;
    height: 50px !important;
  }
  .contact-info-wrapper {
    margin-top: 35px;
  }
  .contact-padding {
    padding-top: 140px;
    padding-bottom: 100px;
  }
  .blog-margin {
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -140px;
    padding-top: 115px;
    padding-bottom: 70px;
  }
  .footer-widget.f-adress p.mb-25 {
    margin-bottom: 10px;
  }
  .footer-widget .social-link {
    margin-top: 30px;
  }
  .footer-widget.f-adress {
    padding-bottom: 20px;
  }
  .blog-pd1,
  .blog-pd2 {
    padding-top: 0;
  }
  .single-blog {
    margin-bottom: 35px;
  }
  .blog-meta li span.theme-color {
    font-size: 11px;
    margin-right: 2px !important;
  }
  .blog-meta li a,
  .blog-modal-wrapper .blog-meta li span,
  .blog-meta li span {
    font-size: 14px;
  }
  .blog-meta li {
    margin-right: 6px;
  }
  .footer-margin {
    clip-path: none;
    margin-top: 0;
  }
  .footer-bg-img img {
    width: 60%;
  }
  .title p {
    font-size: 14px;
  }
  .title h4 {
    font-size: 21px;
  }
  .single-intro-feature-content h4 {
    font-size: 18px;
  }
  .port-margin-top2 {
    margin-top: 0;
  }
  .port-margin-top1 {
    margin-top: 0;
  }
  .port-margin-top3 {
    margin-top: 0;
  }
  .single-intro-feature-wrapper,
  .portfolio-margin-top,
  .process-wrapper,
  .blog-wrapper,
  .team-wrapper {
    padding-top: 20px;
  }
  .s-i-f-c2,
  .s-i-f-c3 {
    margin-top: 5px;
  }
  .s-ser-cnt3,
  .s-ser-cnt2,
  .s-ser-cnt3 {
    margin-top: 0;
  }
  .single-team {
    margin-bottom: 30px;
  }
  .video-play {
    font-size: 21px;
  }
  .feature-content1 p {
    margin-bottom: 15px;
  }
  .s-p3,
  .s-p2,
  .s-p4 {
    margin-top: 0;
  }
  .subscribe-info {
    margin-top: 25px;
  }
  .footer-widget.f-subscriber-area {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .footer-area {
    padding-bottom: 60px;
    padding-top: 65px;
    overflow: hidden;
  }
  .single-process {
    margin-bottom: 30px;
  }
  .process-margin {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    padding-top: 115px;
    margin-top: 0;
  }
  /* modal css start */
  .modal-content h2 {
    font-size: 21px;
    padding: 20px 0px 15px 0px;
  }
  .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .meta-wrapper {
    padding: 25px 25px 25px 25px;
    margin-top: 35px;
  }
  .item-meta li {
    padding-bottom: 14px;
    padding-bottom: 10px;
  }
  .modal-tags li a,
  .pro-modal-footer h6,
  .item-meta li span,
  .item-meta li {
    font-size: 14px;
  }
  .social-link li a {
    padding-left: 10px;
  }
  .pro-modal-footer {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  /* modal css end */
  .single-facts span {
    font-size: 24px;
  }
  .single-facts p {
    font-size: 16px;
  }
  .abt-badge {
    width: 60px;
    height: 60px;
    line-height: 60px;
    top: 20px;
    right: 20px;
  }
  .abt-badge img {
    width: 25px;
  }
  .about-img-over,
  .about-img {
    width: 275px;
  }
  .about-img-wrapper {
    display: flex;
    justify-content: center;
  }
  .abt-img img {
    width: 60%;
  }
  .abt-img2 img {
    width: 58%;
  }
  .abt-img2 {
    top: 101px;
    right: -114px;
  }
  /* menu css start */
  .side-mobile-menu {
    width: 100%;
  }
  .side-mobile-menu img {
    margin-bottom: 20px;
  }
  .side-mobile-menu h5 {
    font-size: 21px;
  }
  .mean-container .mean-nav ul li a {
    padding-left: 0;
  }
  .mean-container .mean-nav {
    background: transparent;
  }
  /* menu css end */
  .header-search-content h3 {
    font-size: 21px;
  }
  .header-search-details .header-search-form {
    width: 80%;
  }
  .close-menu span {
    line-height: 28px;
    width: 28px;
    height: 28px;
    font-size: 15px;
  }
  .slick-dots {
    right: 35px;
    bottom: 100px;
  }
  .single-feature-service {
    margin-bottom: 25px;
  }
  .mean-container .mean-nav ul li a {
    font-size: 14px;
  }
  .contact-add li {
    font-size: 14px;
  }
  .team-img .social-link li a {
    font-size: 21px;
    padding: 0 6px;
  }
  .single-portfolio {
    margin-bottom: 15px;
  }
  .port-btn {
    margin-top: 50px;
  }
  .pr-12,
  .pr-6 {
    padding-right: 12px;
  }
  .pl-12,
  .pl-6 {
    padding-left: 12px;
  }
  .side-mobile-menu .social-link li a {
    font-size: 18px;
    padding-left: 0;
  }
  .mean-container .mean-nav ul li a:hover {
    color: var(--main-color);
    background: transparent;
  }
  .sticky-menu .logo {
    margin: 15px 0;
  }
}

@media (max-width: 992px) {
  .sm-mb-46 {
    margin-bottom: 46px;
  }
}

@media screen and (max-width: 915px) and (orientation: landscape) {
  .slider-wrapper {
    margin-top: 100px;
  }
}

@media screen and (min-width: 0) and (max-width: 360px) {
  .s-ser-cnt6 {
    margin-top: 0;
  }
  .slick-dots {
    right: 35px;
    bottom: 80px;
  }
  .team-img .social-link li a {
    font-size: 18px;
    padding: 0 4px;
  }
  .slider-content p {
    font-size: 16px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content h1 {
    font-size: 42px;
  }
  .contact-margin {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
  }
  .brand-margin {
    margin-top: -250px;
  }
  .testimonial-text,
  .testi-info h6 {
    margin-top: 25px;
    margin-bottom: 2px;
    font-size: 18px;
  }
  .testimonial-margin {
    margin-top: -70px;
  }
  .title p {
    font-size: 16px;
  }
  .port-over-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .about-img-over,
  .about-img {
    width: 370px;
  }
  .abt-img img {
    width: auto;
  }
  .abt-img2 img {
    width: 80%;
  }
  .abt-img2 {
    top: 101px;
    right: -55px;
  }
  .abt-img2 {
    top: 170px;
    right: -55px;
  }
  .single-facts span {
    font-size: 30px;
  }
  .abt-badge {
    top: 65px;
  }
  .side-mobile-menu {
    width: 480px;
  }
  .service-margin {
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%);
  }
  .portfolio-margin {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
  }
  .single-portfolio {
    margin-bottom: 0;
  }
  .port-btn {
    margin-top: 60px;
  }
}

/* SM Small Device :550px. */
@media screen and (min-width: 400px) and (max-width: 576px) {
}

/* SM Small Device :550px. */
@media screen and (min-width: 500px) and (max-width: 576px) {
}