/* Min Width Media Queries */
@media screen and (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1450px;}
}

/* Max Width Media Queries */
@media screen and (max-width: 1600px) {
    .serviceSwiper .swiper-slide .service-wrapper {height: 620px;}
}

@media screen and (max-width: 1500px) {
    .home-hero-section .btm-icon {left: -40px;bottom: -150px;}
    .service-section-top {margin-top: 0;}
    .about-info-wrap .top-icon {right: -30px;}
    .blog-article-section .top-icon, .testimonial-section .top-icon, .development-process .top-icon {left: -30px;}
    .blog-article-section .bottom-icon, .testimonial-section .bottom-icon, .development-process .bottom-icon {right: -30px;}
    .blog-article-section {background-size: cover;}
    .footer-wrap p {font-size: 14px;max-width: 360px;}
    .footer-wrap ul.ft-links li a {font-size: 14px;}
    .footer-wrap h4 {font-size: 22px;}
    ul.ft-links.contact-info {max-width: 270px;}
    .serviceSwiper .swiper-slide .service-wrapper {height: 620px;padding: 50px 35px;}
    .service-wrapper .img-wrap img {width: 100%;}
    .service-wrapper .img-wrap {height: 250px;}
    .about-inner-info {max-width:560px}
    .inner-hero-section.services-hero .hero-image {height: 430px;}
}

@media screen and (max-width: 1399px) {
    h1 {font-size: 50px;line-height: 69px;}
    .home-hero-section .btm-icon {bottom: -180px;}
    .about-inner-info {max-width: 470px;}
    .testimonialSlider .swiper-slide .testimonial-descp p {max-width: 300px;}
    .work-wrp .img-wrap {height: 430px;}
    .work-wrp h3 {font-size: 20px;}
    .news-wrap .news-info h3 {font-size: 22px;}
    .news-wrap .news-info .date, .news-wrap .news-info .news-btm a {font-size: 14px;}
    .news-wrap .news-info .news-btm a:last-child img {width: 15px;}
    .news-wrap .news-info .date img {width: 15px;}
    .footer-links {margin-left: 70px;}
    .service-wrapper h3 {font-size: 22px;line-height: 32px;margin-bottom: 20px;}
    .serviceSwiper .swiper-slide .service-wrapper {height: 595px;}
    .navbar-brand {margin-right: 80px;}
    h2 {font-size: 32px;line-height: 46px;}
    .development-process .bottom-icon {bottom: -170px;}
    .service-inner-section .service-wrapper {padding: 40px 30px 40px;}
    .ui-ux-works .img-wrap {max-width: 350px;}
}

@media screen and (max-width: 1199px) {
    header {background: #fff;padding: 10px 30px;box-shadow: 0 0px 5px rgb(0 0 0 / 10%);}
    header.fixed {padding: 10px 30px;}
    h1 {font-size: 42px;line-height: 53px;}
    .inner-hero-section .hero-content h1 {line-height: 52px;}
    .about-inner-info {max-width: 410px;}
    .about-info-wrap p:first-child {margin-top: 100px;}
    .development-process .top-icon {top: -200px;}
    .testimonialSlider .swiper-pagination {left: 0;}
    .work-wrp .img-wrap {height: 350px;}
    header ul.navbar-nav {padding: 30px 0  0;}
    header ul.navbar-nav ~ .btn {margin-top: 10px;margin-bottom: 15px;}
    .home-hero-section, .inner-hero-section {padding: 150px 0 200px;}
    .home-hero-section .btm-icon {bottom: -200px;}
    .service-wrap h3 {font-size: 22px;}
    .service-wrap p {font-size: 14px;line-height: 26px;}
    .service-wrap {margin-top: 50px;}
    .development-process h2 {margin-bottom: 30px;}
    .service-wrap {margin-top: 50px;}
    .development-process h2 {margin-bottom: 30px;}
    .expertise-section .nav-tabs .nav-item .nav-link {padding: 15px;}
    .news-wrap .news-info h3 {font-size: 18px;}
    .news-wrap .news-info .date, .news-wrap .news-info .news-btm a {font-size: 12px;}
    .news-wrap .news-info .news-btm a:last-child img {margin-right: 8px;width: 12px;top: 0;}
    .footer-wrap p {max-width: 100%;}
    .footer-wrap h4 {margin-bottom: 30px;}
    .footer-links {margin-left: 0;margin-top: 60px;}
    footer.section .top-footer {padding-bottom: 150px;}
    .service-inner-section h2 {margin-bottom: 10px;margin-top: 30px;}
    .inner-hero-section.work-hero .hero-image {max-width: 270px;}
    .inner-hero-section.contact-hero {padding-bottom: 250px;}
    .workshop-section .container {padding: 0 30px;}
    .ui-ux-works {background-size: cover;background-color: #fafcfd;}
    .ui-ux-works ~ .latest-work-section {padding-top: 30px;}
    #you-love-us h2 {margin-bottom: 30px;}
}

@media screen and (max-width: 991px) {
    .serviceSwiper .swiper-slide .service-wrapper {height: auto;}
    .testimonialSlider .swiper-slide {display: block;}
    .testimonialSlider .swiper-slide .testimonial-descp {max-width: 365px;margin: 40px auto 0;text-align: center;}
    .testimonialSlider .swiper-slide .testimonial-descp p {max-width: 100%;}
    .testimonialSlider .swiper-pagination {flex-direction: revert;width: 100%;bottom: 0;top: auto;height: auto;}
    .testimonialSlider {padding-bottom: 80px;}
    .service-section-top {padding-top: 20px;}
    .about-inner-info {max-width: 100%;padding: 50px;}
    .about-info-wrap .top-icon {display: none;}
    .about-info-wrap p:first-child {margin-top: 60px;}
    .about-info-wrap {background-size: cover;padding-bottom: 160px;}
    .section {padding: 80px 0;}
    .blog-article-section .top-icon, .blog-article-section .bottom-icon, .testimonial-section .top-icon, .testimonial-section .bottom-icon, .development-process .top-icon, .development-process .bottom-icon, .service-section .bottom-icon, .about-info-wrap .top-icon {width: 110px;}
    .blog-article-section .top-icon img, .blog-article-section .bottom-icon img, .testimonial-section .top-icon img, .testimonial-section .bottom-icon img, .development-process .top-icon img, .development-process .bottom-icon img, .service-section .bottom-icon img, .about-info-wrap .top-icon img {width: 100%;}
    .blog-article-section .bottom-icon, .testimonial-section .bottom-icon, .development-process .bottom-icon {bottom: -110px;}
    .blog-article-section .top-icon, .testimonial-section .top-icon, .development-process .top-icon {top: -110px;}
    .service-section .bottom-icon {right: 0;}
    .home-hero-section, .inner-hero-section {padding: 160px 0 100px;}
    h1 {font-size: 36px;line-height: 46px;}
    p {font-size: 14px;line-height: 26px;}
    .expertise-section .nav-tabs {overflow-x: auto;overflow-y: hidden;flex-wrap: nowrap;background: rgb(228 225 230 / 15%);border-color: transparent;padding: 0 0 0 40px;width: 100%;text-align: center;}
    .expertise-section .nav-tabs li{width: auto;min-width: max-content;margin-right: 25px;text-align: center;}
    .service-wrapper .img-wrap {height: 220px;}
    .service-wrapper .img-wrap img {height: 100%;}
    .testimonialSlider .swiper-pagination span.swiper-pagination-bullet {margin: 0 15px;}
    h2 {font-size: 30px;line-height: 40px;}
    .service-inner-section .service-wrapper {margin-top: 30px;height: calc(100% - 30px);}
    .inner-hero-section.work-hero .hero-image {margin: 0 auto;}
    .inner-hero-section.blog-hero .hero-image, .inner-hero-section.careers-hero .hero-image, .inner-hero-section.about-hero .hero-image {margin: 30px auto 0;}
    .inner-hero-section.contact-hero .hero-content {margin-top: 0;}
    .contact-form-wrap {max-width: 100%;margin-top: 50px;}
    .inner-hero-section.contact-hero {padding-bottom: 100px;}
    .location-box {margin-top: 50px;}
    .ui-ux-works .img-wrap {margin-bottom: 50px;}
    #you-trust-us .help-list h4 {margin-top: 30px;}
    #you-trust-us h2 {margin: 0;}
    .team-section h2 {margin: 30px 0 20px;}
    .hire-us-section.ui-ux-works .img-wrap {margin-bottom: 30px;}
    

}
@media screen and (max-width: 767px) {
    .blog-article-section .bottom-icon, .testimonial-section .bottom-icon, .development-process .bottom-icon {right: 0;}
    .navbar-brand {width: 115px;}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding: 0 30px;}
    header .container-xl {padding: 0 15px;}
    .about-info-wrap {margin-top: -50px;padding-bottom: 100px;}
    .about-inner-info {padding: 40px 30px;}
    .section-title h2 {margin: 30px 0;}
    ul.expertise-list li {width: 50%;margin-left: 0;margin-right: 0;}
    .serviceSwiper .swiper-slide:last-child {padding-right: 0;}
    .serviceSwiper .swiper-slide:first-child {padding-left: 0;}
    .testimonialSlider .swiper-slide .testimonial-img {width: 100%;min-width: auto;margin-left: 0;}
    .work-wrp {margin-top: 40px;}
    .service-section .bottom-icon {bottom: -120px;width: 80px;right: 0;}
    .testimonial-section .bottom-icon {bottom: -150px;}
    .footer-links {flex-wrap: wrap;margin-top: 0;}
    .footer-links .footer-wrap {margin-top: 60px;}
    .footer-wrap h4 {font-size: 20px;margin-bottom: 20px;}
    .want-work-section .btn-grp a {margin-top: 30px;}
    .want-work-section .btn-grp {margin-top: 20px;}
    h2 {font-size: 26px;line-height: 38px;}
    .inner-hero-section .hero-content h1 {line-height: 42px;}
    .services-hero {padding-bottom: 60px;}
    .services-hero .hero-image {margin-top: 40px;}
    .help-list {margin-top: 60px;}
    .help-list h4 {margin-top: 30px;}
    
}

@media screen and (max-width: 575px) {
    .work-wrp .img-wrap {height: 280px;}
    .contact-form-wrap {padding: 40px 22px;}
    .can-help-section h2 {margin: 0;}
    .inner-hero-section .hero-content .btn-links {display: block;}
    .inner-hero-section .hero-content .btn-links a {width: 100%;margin: 0 0 35px;text-align: center;}
}