@media (max-width: 767px){
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
  .px-btn-white {
    font-size: 15px;
    padding: 16px 30px;
  }
  .px-btn-slide span {
    margin-left: 45px;
  }
  .tp-btn-yellow-border {
    font-size: 14px;
    padding: 15px 20px;
  }
  .px-breadcrumb-ptb {
    padding-top: 120px;
  }
  .px-breadcrumb-title {
    font-size: 60px;
    letter-spacing: 0;
  }
  .px-breadcrumb-list span {
    font-size: 15px;
  }
  .px-service-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons {
    font-size: 22px;
  }
  .px-service-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon {
    height: 30px;
    width: 30px;
  }
  .px-service-accordion-wrap .accordion .accordion-items .accordion-body p br {
    display: none;
  }
  .px-service-accordion-wrap .accordion .accordion-items .accordion-body {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .px-service-accordion-category span {
    font-size: 12px;
    padding: 4px 12px;
  }
  .px-section-subtitle {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .px-section-title {
    font-size: 55px;
  }
  .px-section-title.ff-thunder {
    font-size: 150px;
    padding-bottom: 10px;
  }
  .px-section-title.ff-thunder.fs-100 {
    font-size: 60px;
  }
  .px-section-title.ff-thunder.fs-130 {
    font-size: 80px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .px-section-title.ff-inter {
    font-size: 40px;
  }
  .px-section-title.ff-inter br {
    display: none;
  }
  .tp-section-title {
    font-size: 52px;
    letter-spacing: -1.8px;
  }
  .tp-section-title br {
    display: none;
  }
  .header-fixed::after {
    top: 0;
    height: 100%;
  }
  .header-fixed.sticky-bg .px-header-logo {
    padding-top: 0;
  }
  .header-fixed.px-header-2-area {
    padding-top: 15px;
  }
  .px-header-logo {
    padding-top: 0;
  }
  .px-header-ptb {
    padding: 15px 0;
  }
  .px-header-6-ptb {
    padding: 15px 0;
  }
  .postbox-ptb {
    padding-top: 70px;
  }
  .postbox-wrapper {
    margin-right: 0;
    margin-bottom: 0;
  }
  .postbox-author-wrap {
    flex-wrap: wrap;
    padding: 0;
  }
  .postbox-author-box {
    margin-bottom: 15px;
    margin-right: 15px;
  }
  .postbox-title.fs-80 {
    font-size: 45px;
    letter-spacing: 0;
  }
  .postbox-title.fs-80 br {
    display: none;
  }
  .postbox-title.fs-54 {
    font-size: 40px;
  }
  .postbox-title.ff-thandar {
    font-size: 65px;
  }
  .postbox-title {
    font-size: 35px;
  }
  .postbox-content {
    padding: 0;
  }
  .postbox-content p {
    font-size: 16px;
  }
  .postbox-content p br {
    display: none;
  }
  .postbox-blockquote {
    padding: 30px 20px;
    padding-bottom: 30px;
  }
  .postbox-blockquote-paragraph p {
    font-size: 26px;
  }
  .postbox-blockquote-paragraph p br {
    display: none;
  }
  .postbox__comment {
    padding-top: 50px;
  }
  .postbox__comment ul {
    margin-right: 0;
  }
  .postbox__comment ul li.children {
    margin-left: 15px;
  }
  .postbox__comment-box {
    flex-wrap: wrap;
  }
  .postbox__comment-avater {
    margin-right: 0;
  }
  .postbox__comment-avater img {
    margin-bottom: 30px;
  }
  .basic-pagination ul li {
    margin-right: 5px;
  }
  .basic-pagination-label span {
    margin-bottom: 15px;
  }
  .postbox-details-tag {
    flex-wrap: wrap;
  }
  .postbox-details-tag-wrap {
    flex-wrap: wrap;
  }
  .postbox-details-meta {
    flex-wrap: wrap;
  }
  .postbox-details-meta > div:not(:first-child) {
    padding-left: 0;
    margin-left: 0;
    margin-right: 10px;
  }
  .postbox-details-meta > div:not(:first-child)::after {
    display: none;
  }
  .postbox-details-meta .postbox-meta {
    margin-bottom: 15px;
  }
  .postbox-details-quote p {
    font-size: 25px;
  }
  .postbox-details-quote p br {
    display: none;
  }
  .postbox-details-quote-box {
    padding: 20px;
  }
  .postbox-details-quote-box i {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .postbox-details-quote-wrap {
    flex-wrap: wrap;
  }
  .postbox-details-list ul {
    padding-left: 0;
  }
  .postbox-details-author .sidebar-widget-author-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .postbox-details-author .sidebar-widget-author {
    flex-wrap: wrap;
  }
  .postbox-details-author .sidebar-widget-author-content p br {
    display: none;
  }
  .postbox-details-form {
    padding: 20px;
  }
  .postbox-details-form p {
    font-size: 16px;
  }
  .rc-post-thumb img {
    height: 100px;
    width: 100px;
  }
  .rc-post-title {
    font-size: 18px;
  }
  .sidebar-widget-author {
    padding: 30px;
  }
  .sidebar-wrapper {
    padding-left: 0;
    margin-top: 70px;
  }
  .tagcloud a {
    padding: 10px 14px;
  }
  .px-blog-title {
    font-size: 35px;
  }
  .px-blog-area {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .in-blog-hero-content {
    margin-bottom: 20px;
  }
  .in-blog-hero-title {
    font-size: 55px;
    letter-spacing: 0;
  }
  .in-blog-hero-ptb {
    padding-top: 150px;
  }
  .in-blog-list-category span {
    margin-bottom: 6px;
  }
  .tp-blog-details-ptb {
    padding-top: 40px;
  }
  .tp-blog-details-without-ptb {
    padding-top: 150px;
  }
  .tp-blog-details-banner {
    height: 240px;
  }
  .tp-blog-details-banner {
    margin-bottom: 40px;
  }
  .tp-blog-details-banner img {
    margin-top: -100px;
  }
  .tp-offcanvas-wrapper {
    width: 100%;
  }
  .px-offcanvas-2-wrapper {
    padding: 110px 30px 0px;
  }
  .px-offcanvas-2-wrapper .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 60px;
  }
  .px-offcanvas-2-left .tp-offcanvas-menu {
    margin-bottom: 0;
  }
  .px-offcanvas-2-area .offcanvas-bg {
    margin: 5px;
  }
  .px-footer-area {
    padding-top: 80px;
  }
  .px-footer-col-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-footer-col-3 {
    padding: 0;
  }
  .px-footer-widget-title {
    font-size: 50px;
  }
  .px-copyright-big-text {
    font-size: 50px;
    letter-spacing: -2px;
    margin-bottom: 0;
  }
  .px-copyright-right a:not(:first-child) {
    margin-left: 0px;
    margin: 0 10px;
    font-size: 14px;
  }
  .px-copyright-bottom {
    margin-top: 0;
    padding-bottom: 20px;
  }
  .design-footer-wrap {
    padding: 0;
  }
  .design-footer-top-btn {
    transform: translateY(0);
  }
  .design-footer-top-wrap {
    padding-top: 80px;
  }
  .design-footer-col-1 {
    padding-right: 0;
  }
  .design-footer-col-3 {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .design-footer-col-2 {
    margin-bottom: 20px;
  }
  .design-footer-col-4 {
    padding-left: 0;
  }
  .design-footer-right {
    padding-left: 0;
  }
  .px-social-mail a {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .px-footer-3-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .px-footer-3-slider-style {
    margin-bottom: 60px;
  }
  .px-footer-3-slider-style .px-hero-6-text span {
    font-size: 90px;
  }
  .px-footer-3-slider-style .px-hero-6-text span i {
    margin-right: 10px;
  }
  .px-footer-3-mail a {
    font-size: 60px;
  }
  .px-footer-3-social a {
    padding: 14px 15px;
    font-size: 14px;
  }
  .px-copyright-3-menu ul li a {
    font-size: 13px;
    margin-right: 12px;
    margin-bottom: 15px;
  }
  .px-copyright-3-text p {
    margin-bottom: 10px;
  }
  .px-hero-video {
    width: 100%;
  }
  .px-hero-bg {
    padding-top: 210px;
  }
  .px-hero-title {
    font-size: 60px;
    line-height: 1;
    margin-bottom: 20px;
  }
  .px-hero-title-wrap {
    padding-bottom: 40px;
  }
  .px-hero-info p {
    font-size: 18px;
  }
  .px-hero-info p br {
    display: none;
  }
  .px-hero-service-wrap {
    flex-wrap: wrap;
  }
  .px-hero-2-text {
    font-size: 85px;
  }
  .px-hero-2-contents span {
    font-size: 25px;
  }
  .px-hero-2-slider-wrap {
    padding-bottom: 60px;
  }
  .px-hero-4-content {
    margin-bottom: 40px;
  }
  .px-hero-4-content p {
    font-size: 37px;
    margin-bottom: 20px;
  }
  .px-hero-4-content p br {
    display: none;
  }
  .px-hero-4-bigtitle h2 {
    font-size: 95px;
    transform: translateX(0px);
  }
  .px-hero-4-video {
    width: 100%;
    margin-bottom: 30px;
    display: inline-table;
  }
  .px-hero-4-video video {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
  }
  .px-hero-5-content p {
    font-size: 28px;
    margin-bottom: 50px;
  }
  .px-hero-5-content p br {
    display: none;
  }
  .px-hero-5-category span {
    display: none;
  }
  .px-hero-5-style .px-hero-4-video {
    width: 100%;
    margin-bottom: 0;
  }
  .px-hero-5-style .px-hero-4-video video {
    width: 100%;
    height: 100%;
  }
  .px-hero-5-area {
    padding-bottom: 80px;
  }
  .px-hero-5-pt {
    padding-top: 100px;
  }
  .px-hero-6-info p {
    font-size: 35px;
  }
  .px-hero-6-social a:not(:last-child) {
    margin-right: 30px;
  }
  .px-hero-6-category {
    margin-bottom: 20px;
  }
  .px-hero-6-category br {
    display: none;
  }
  .px-hero-6-thumb img {
    max-width: 100%;
    margin-left: 0;
  }
  .px-hero-6-signature {
    margin-bottom: 30px;
  }
  .px-hero-6-text span {
    font-size: 110px;
  }
  .px-hero-6-btn-wrap {
    position: relative;
    top: 0;
    right: 0;
    margin-left: 15px;
    margin-bottom: 20px;
  }
  .px-about-area {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .px-about-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .px-about-title br {
    display: none;
  }
  .px-about-content p {
    font-size: 18px;
  }
  .px-about-content p br {
    display: none;
  }
  .px-about-2-title {
    font-size: 85px;
    margin-bottom: 30px;
  }
  .px-about-2-title br {
    display: none;
  }
  .px-about-2-title i {
    transform: translateX(0px);
  }
  .px-about-2-title em {
    padding-left: 0;
  }
  .px-about-2-title > span {
    display: none;
  }
  .px-about-2-title.fs-300 {
    font-size: 85px;
  }
  .px-about-2-title.fs-300 em {
    padding-left: 0;
  }
  .px-about-2-subtitle.fs-130 {
    font-size: 70px;
  }
  .px-about-2-subtitle i {
    display: none;
  }
  .px-about-2-subtitle {
    font-size: 70px;
  }
  .px-about-2-subtitle-box {
    display: flex;
    justify-content: end;
    align-items: start;
  }
  .px-about-2-subtitle-box .px-btn-zikzak {
    margin-bottom: 0px;
    margin-right: 20px;
    transform: translateY(-10px);
  }
  .px-about-2-area {
    padding-bottom: 80px;
  }
  .px-about-3-ptb {
    padding-bottom: 0;
  }
  .px-about-3-area {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .px-about-3-bigtext {
    font-size: 80px;
  }
  .px-about-3-content p {
    font-size: 35px;
  }
  .px-about-3-content p br {
    display: none;
  }
  .px-about-3-gift-img {
    max-width: 100%;
    margin-top: -50px;
    transform: translateX(65px) scale(0.7);
  }
  .px-about-4-content p {
    font-size: 17px;
  }
  .px-about-4-content p br {
    display: none;
  }
  .px-about-4-title-box {
    margin-bottom: 25px;
  }
  .px-about-5-style {
    padding-top: 80px;
  }
  .px-about-5-style .px-section-title.ff-inter {
    font-size: 50px;
  }
  .px-about-6-area {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .px-about-6-top {
    margin-bottom: 30px;
  }
  .px-about-6-thumb {
    padding-top: 0;
    margin-bottom: 40px;
  }
  .px-about-6-thumb img {
    width: 100%;
  }
  .px-about-6-content p {
    font-size: 25px;
    padding-right: 0;
    margin-bottom: 35px;
  }
  .px-inner-about-style .px-about-3-content p {
    font-size: 38px;
    margin-bottom: 30px;
  }
  .px-inner-about-style .px-about-3-content p br {
    display: none;
  }
  .px-inner-about-1-style {
    padding-top: 100px;
  }
  .px-inner-about-1-top p {
    font-size: 54px;
  }
  .px-inner-about-1-video video {
    width: 100%;
    margin-left: 0;
  }
  .aus-service-content label.pl-20 {
    padding-left: 0;
  }
  .aus-service-content h4 {
    font-size: 34px;
    letter-spacing: -2px;
  }
  .aus-service-content p br {
    display: none;
  }
  .aus-service-item .aus-service-content {
    margin-bottom: 20px;
  }
  .am-hero-title {
    font-size: 120px;
  }
  .am-hero-img-wrap {
    margin-top: 0;
    padding: 0;
  }
  .am-about-content p {
    line-height: 1;
    font-size: 60px;
  }
  .am-about-content p img {
    transform: scale(0.8);
  }
  .am-about-inner-ptb {
    padding-bottom: 80px;
  }
  .am-skill-title-box {
    margin-bottom: 30px;
  }
  .px-project-area {
    padding-bottom: 80px;
  }
  .px-project-title-wrap {
    margin-bottom: 30px;
  }
  .px-project-title-box br {
    display: none;
  }
  .px-portfolio-category {
    top: 15px;
    left: 15px;
  }
  .px-portfolio-category.portfolio-meta {
    right: 15px;
  }
  .px-portfolio-category span {
    font-size: 12px;
    padding: 7px 7px;
  }
  .px-portfolio-content {
    bottom: 5px;
  }
  .px-portfolio-title {
    font-size: 60px;
  }
  .px-portfolio-wrap {
    padding: 0;
  }
  .px-project-3-area {
    padding-bottom: 0px;
  }
  .px-project-3-title {
    padding-right: 0;
    margin-bottom: 15px;
  }
  .px-project-3-thumb {
    height: 400px;
  }
  .px-project-3-inner-box p br {
    display: none;
  }
  .px-project-3-content {
    flex-wrap: wrap;
  }
  .px-project-4-style .px-project-3-inner-box {
    margin-bottom: 15px;
  }
  .px-project-4-style .px-project-3-item {
    margin-bottom: 60px;
  }
  .px-project-5-area {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .px-project-5-title {
    font-size: 110px;
  }
  .px-project-5-btn {
    display: none;
  }
  .px-project-5-item {
    margin-bottom: 30px;
  }
  .px-gallery-area {
    padding-top: 80px;
    padding-bottom: 0px;
  }
  .px-gallery-item {
    width: 300px;
    height: 200px;
  }
  .px-project-6-area {
    padding-top: 40px;
  }
  .px-project-6-title {
    font-size: 75px;
  }
  .pf-hero-ptb {
    padding-top: 200px;
    padding-bottom: 30px;
  }
  .pf-hero-content {
    margin-bottom: 30px;
  }
  .pf-hero-content p {
    font-size: 45px;
  }
  .pf-hero-content p br {
    display: none;
  }
  .pf-3-hero-ptb {
    padding-top: 150px;
  }
  .pf-3-hero-content {
    margin-bottom: 30px;
  }
  .pf-3-hero-title {
    font-size: 70px;
    letter-spacing: 0;
  }
  .pf-3-hero-social a {
    display: inline-block;
  }
  .pf-3-hero-social-wrap {
    justify-content: start;
    margin-bottom: 30px;
  }
  .pf-3-hero-social-text {
    display: none;
  }
  .pf-4-hero-ptb {
    padding-top: 150px;
    padding-bottom: 30px;
  }
  .pf-4-hero-title {
    font-size: 80px;
    letter-spacing: 0;
    margin-bottom: 20px;
  }
  .pf-4-hero-subtitle {
    font-size: 38px;
  }
  .pf-4-hero-wrap p {
    margin: 0;
  }
  .pf-5-hero-title {
    font-size: 44px;
  }
  .pf-5-hero-title br {
    display: none;
  }
  .pf-6-hero-ptb {
    padding-top: 150px;
    padding-bottom: 40px;
  }
  .pf-6-hero-title {
    font-size: 55px;
    letter-spacing: 0;
    line-height: 1;
  }
  .pf-6-hero-title br {
    display: none;
  }
  .px-project-inner-style .px-project-6-title {
    transform: translateY(0);
  }
  .px-project-inner-4-tab-wrap .masonary-menu button {
    margin-bottom: 15px;
  }
  .px-project-inner-5-tab .masonary-menu button:not(:last-of-type) {
    margin-right: 20px;
  }
  .px-project-inner-5-tab .masonary-menu button {
    margin-bottom: 20px;
  }
  .px-project-inner-5-tab .masonary-menu button {
    font-size: 20px;
  }
  .px-project-inner-6-top {
    flex-wrap: wrap;
  }
  .px-project-inner-6-text {
    margin-bottom: 20px;
  }
  .px-pd-2-ptb {
    padding-top: 150px;
  }
  .px-pd-2-ptb {
    padding-bottom: 50px;
  }
  .px-pd-2-area {
    padding-bottom: 80px;
  }
  .px-pd-2-top {
    padding-bottom: 40px;
  }
  .px-pd-2-title {
    font-size: 60px;
    letter-spacing: 0;
  }
  .px-pd-2-bottom {
    flex-wrap: wrap;
  }
  .px-pd-2-bottom-item {
    padding-bottom: 20px;
  }
  .px-pd-2-banner {
    height: 250px;
  }
  .px-pd-2-banner img {
    margin-top: -50px;
  }
  .px-pd-2-overview-heading {
    padding-bottom: 30px;
  }
  .px-pd-2-slider-ptb {
    padding-bottom: 80px;
  }
  .px-pd-2-slider-wrapper {
    margin: 0;
  }
  .px-pd-2-step-heading {
    padding-bottom: 40px;
  }
  .px-pd-2-step-title {
    font-size: 35px;
    letter-spacing: 0;
  }
  .px-pd-2-step-title br {
    display: none;
  }
  .px-pd-2-step-item span br {
    display: none;
  }
  .px-pd-2-thumb-ptb {
    padding-bottom: 80px;
  }
  .px-pd-2-thumb-item {
    height: 250px;
  }
  .px-pd-2-thumb-item img {
    margin-top: -40px;
  }
  .px-pd-2-np-ptb {
    padding-bottom: 80px;
  }
  .px-service-bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .px-service-category {
    padding-left: 0;
  }
  .px-service-title h4 {
    font-size: 16px;
  }
  .px-service-title-box {
    flex-wrap: wrap;
  }
  .px-service-title-box .px-section-title {
    padding-bottom: 20px;
  }
  .px-service-subtitle-box {
    padding-top: 0;
  }
  .px-service-thumb {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .px-service-content {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .px-award-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .px-award-2-area {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .px-award-title-wrap {
    margin-bottom: 30px;
  }
  .px-award-item .row [class*=col-]:nth-child(3) .px-award-nomination {
    padding-left: 0px;
  }
  .px-award-category {
    padding: 7px 0;
  }
  .px-award-year {
    padding: 7px 0;
  }
  .px-award-inner-ptb {
    padding-top: 60px;
  }
  .px-service-2-title {
    font-size: 50px;
  }
  .px-service-2-wrap {
    padding-left: 0;
  }
  .px-service-2-wrap label {
    font-size: 14px;
  }
  .px-service-2-info {
    display: none;
  }
  .px-service-2-area {
    padding-bottom: 0;
  }
  .px-service-3-style {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .px-service-3-style .px-service-accordion-wrap .accordion .accordion-items .accordion-body {
    padding-left: 0;
  }
  .px-service-4-area {
    padding-top: 80px;
    padding-bottom: 0;
  }
  .px-service-4-content > span {
    margin-right: 30px;
  }
  .px-service-4-title {
    font-size: 30px;
  }
  .px-service-4-subtitle-box {
    padding-top: 0;
  }
  .px-capsule-item {
    font-size: 20px;
    height: 130px !important;
    width: 130px !important;
  }
  .px-capsule-title {
    font-size: 60px;
  }
  .px-service-6-text span {
    font-size: 85px;
  }
  .px-wrapper-box {
    padding-top: 80px;
    padding-bottom: 0px;
  }
  .px-inner-service-ptb {
    padding-top: 120px;
  }
  .px-inner-service-video {
    transform: scaleX(-1) scale(0.8) translateX(-12%);
  }
  .px-inner-service-title {
    font-size: 64px;
  }
  .px-inner-service-big-text {
    font-size: 85px;
    letter-spacing: -0.64px;
  }
  .px-inner-service-2-ptb {
    padding-bottom: 40px;
  }
  .px-inner-service-2-style.px-about-5-style .px-section-title.ff-inter {
    font-size: 30px;
    letter-spacing: 0;
  }
  .px-inner-service-2-title {
    font-size: 85px;
    line-height: 0.9;
    letter-spacing: 0;
    margin-bottom: 30px;
  }
  .px-inner-service-2-title br {
    display: none;
  }
  .px-inner-service-2-faq-ptb {
    padding-top: 0;
    padding-bottom: 100px;
  }
  .px-inner-service-2-faq .px-service-accordion-wrap .accordion .accordion-items .accordion-body .px-inner-service-2-list {
    padding-left: 0;
  }
  .inner-service-1-left {
    margin-bottom: 50px;
  }
  .inner-service-1-number {
    padding-bottom: 30px;
  }
  .inner-service-1-number h1 {
    margin-top: 0;
    font-size: 100px;
  }
  .inner-service-1-text {
    margin-bottom: 45px;
  }
  .inner-service-1-text p {
    padding-right: 0;
  }
  .inner-service-1-text p {
    font-size: 20px;
  }
  .inner-service-1-right {
    padding-left: 0;
  }
  .inner-service-1-category {
    margin-bottom: 50px;
  }
  .inner-service-1-thumb {
    margin-bottom: 30px;
  }
  .tp-inner-service-area {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .tp-inner-service-item {
    margin-bottom: 50px;
  }
  .px-text-slider-style-5 .px-text-slider-item > span {
    font-size: 70px;
  }
  .px-text-slider-mt {
    transform: translateY(0);
  }
  .px-testimonial-area {
    padding-top: 80px;
  }
  .px-testimonial-item p {
    font-size: 25px;
  }
  .px-testimonial-item p br {
    display: none;
  }
  .px-testimonial-slider {
    padding-top: 70px;
  }
  .px-testimonial-slider {
    padding-right: 0;
  }
  .ar-testimonial-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .ar-testimonial-item p {
    font-size: 25px;
  }
  .ar-testimonial-item p br {
    display: none;
  }
  .ar-testimonial-arrow {
    text-align: center;
    margin-top: 70px;
  }
  .ar-testimonial-arrow button.ar-testimonial-prev, .ar-testimonial-arrow button.ar-testimonial-next {
    position: static;
  }
  .ar-testimonial-fraction-wrap {
    left: -60px;
    bottom: -20px;
  }
  .px-funfact-inner-style {
    padding-bottom: 50px;
  }
  .px-funfact-inner-style .ar-funfact-item h4 {
    font-size: 70px;
  }
  .px-brand-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .px-brand-area {
    padding-top: 40px;
  }
  .px-brand-subtitle-box {
    margin-bottom: 0;
  }
  .px-brand-item {
    margin-bottom: 5px;
  }
  .px-brand-style-3 {
    padding-top: 40px;
  }
  .px-team-top {
    margin-bottom: 40px;
  }
  .px-team-6-pt {
    padding-top: 80px;
  }
  .px-team-inner-ptb {
    padding-top: 60px;
  }
  .in-team-hero-area {
    padding-bottom: 50px;
  }
  .in-team-hero-title {
    font-size: 80px;
  }
  .in-team-hero-title img {
    display: none;
  }
  .in-team-hero-content p {
    padding-left: 0;
  }
  .in-team-hero-content p br {
    display: none;
  }
  .td-hero-area {
    padding-top: 140px;
  }
  .td-hero-title {
    font-size: 55px;
  }
  .td-hero-title br {
    display: none;
  }
  .px-team-details-style.tp-team-details-area {
    padding-top: 60px;
  }
  .tp-team-details-info {
    flex-wrap: wrap;
  }
  .tp-team-details-info-contact {
    margin-bottom: 20px;
  }
  .tp-team-details-wrap {
    margin-bottom: 30px;
  }
  .tp-team-details-wrapper {
    padding-left: 0;
  }
  .px-step-area {
    margin-bottom: 100px;
  }
  .px-step-video {
    left: -38%;
  }
  .px-step-card {
    padding: 50px 30px 45px 30px;
    margin-bottom: 30px;
    max-width: 100%;
  }
  .px-step-card-content span {
    font-size: 180px;
  }
  .px-step-card-wrap {
    margin-top: 30px;
    margin-right: 0;
  }
  .px-step-title {
    font-size: 50px;
  }
  .px-step-num span {
    font-size: 110px;
  }
  .px-contact-ptb {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  .px-contact-title {
    font-size: 90px;
  }
  .px-contact-heading {
    margin-bottom: 30px;
  }
  .px-contact-inf {
    margin-bottom: 30px;
  }
  .px-contact-wrapper {
    padding: 30px;
  }
  .px-contact-wrapper .tp-contact-form-input input::-webkit-input-placeholder, .px-contact-wrapper .tp-contact-form-input textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  .px-contact-wrapper .tp-contact-form-input input::-moz-placeholder, .px-contact-wrapper .tp-contact-form-input textarea::-moz-placeholder {
    font-size: 16px;
  }
  .px-contact-wrapper .tp-contact-form-input input:-moz-placeholder, .px-contact-wrapper .tp-contact-form-input textarea:-moz-placeholder {
    font-size: 16px;
  }
  .px-contact-wrapper .tp-contact-form-input input:-ms-input-placeholder, .px-contact-wrapper .tp-contact-form-input textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  .px-contact-wrapper .tp-contact-form-input input::placeholder, .px-contact-wrapper .tp-contact-form-input textarea::placeholder {
    font-size: 16px;
  }
  .px-contact-wrapper .tp-contact-form-btn button {
    font-size: 30px;
    padding: 17px 54px 8px;
  }
  .px-contact-info-title {
    font-size: 55px;
  }
  .px-contact-info-item {
    padding-bottom: 35px;
  }
  .px-contact-info-item-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .px-contact-info-item-content {
    margin-bottom: 20px;
  }
  .tp-contact-me-form-category-list span label span {
    font-size: 15px;
    padding: 11px 14px;
  }
  .tp-contact-us-ptb {
    padding-top: 150px;
  }
  .tp-contact-us-text p br {
    display: none;
  }
  .tp-contact-us-wrap-ptb {
    padding-bottom: 40px;
  }
  .tp-contact-us-form-ptb {
    padding-top: 30px;
  }
  .tp-contact-us-map {
    height: 450px;
    margin-bottom: 30px;
  }
  .tp-contact-us-heading .tp-section-title {
    padding-bottom: 20px;
  }
  .tp-contact-us-heading .tp-section-title .shape-1 {
    display: none;
  }
  .tp-contact-us-title {
    margin-bottom: 30px;
  }
  .tp-contact-us-wrap {
    padding: 20px;
  }
  .tp-contact-us-content {
    margin-top: 0;
  }
  .tp-contact-us-info-area {
    padding-bottom: 90px;
  }
  .cn-contactform-support-area {
    margin-bottom: 80px;
  }
  .cn-contactform-support-text span {
    font-size: 40px;
  }
  .bf-hero-scrolling-words {
    height: 90px;
  }
  .bf-hero-scrolling-words ul li {
    font-size: 110px;
  }
  .bf-hero-2-title {
    font-size: 40px;
  }
  .bf-section-title-2 {
    font-size: 40px;
  }
  .bf-section-title-3 {
    font-size: 40px;
  }
  .bf-about-video video {
    width: 100%;
    margin-left: 0;
  }
  .bf-about-3-title {
    font-size: 30px;
  }
  .bf-about-us-title {
    font-size: 35px;
  }
  .bf-portfolio-title {
    font-size: 77px;
  }
  .bf-portfolio-content span {
    font-size: 22px;
  }
  .bf-portfolio-3-sectitle {
    font-size: 88px;
  }
  .bf-portfolio-3-title-box p br {
    display: none;
  }
  .tp-portfolio-mix-slider-image .popup-image {
    display: none;
  }
  .tp-portfolio-parallax-slider-wrapper .parallax-slider {
    width: 2600px;
  }
  .tp-portfolio-parallax-slider-wrapper .parallax-item {
    width: 350px;
  }
  .bf-service-heading {
    margin-bottom: 20px;
  }
  .bf-service-hero-bottom-title {
    font-size: 100px;
  }
  .des-footer-bg {
    padding: 45px 0;
  }
  .des-footer-title {
    font-size: 80px;
  }
  .tp-footer-top-tittle {
    font-size: 35px;
  }
  .bf-contact-form {
    padding: 30px 30px 30px 30px;
  }
  .bf-contact-content-title {
    font-size: 60px;
  }
  .bf-contact-author {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .bf-contact-author-info {
    margin-top: 30px;
  }
  .bf-instagram-content {
    padding-left: 0;
  }
  .bf-team-contact-info {
    flex-wrap: wrap;
  }
  .bf-team-contact-info .tp-btn {
    margin-bottom: 10px;
  }
  .bf-banner-title {
    font-size: 28px;
  }
  .tp-porfolio-10-title {
    font-size: 45px;
    letter-spacing: 0;
  }
  .tp-porfolio-10-category {
    font-size: 18px;
  }
  .tp-port-slider-content-wrap {
    left: 20px;
    width: 100%;
  }
  .hover-reveal-item .des-text-reveal-img {
    width: 120px;
    height: 140px;
    margin: -80px 0 0 -100px;
  }
  .hover-reveal-item .studio-service-reveal-img {
    height: 200px;
    width: 200px;
  }
  .design-award-content-xs {
    flex-direction: column;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px){
  .postbox-author-box {
    margin-bottom: 0;
  }
  .postbox-details-meta .postbox-meta {
    margin-bottom: 0;
  }
  .in-blog-hero-title {
    font-size: 75px;
  }
  .px-copyright-big-text {
    font-size: 80px;
  }
  .px-hero-6-info p br {
    display: none;
  }
  .px-hero-6-category span {
    font-size: 12px;
    padding: 10px 14px;
  }
  .px-about-3-bigtext {
    font-size: 115px;
  }
  .am-hero-title {
    font-size: 160px;
  }
  .pf-3-hero-title {
    font-size: 100px;
  }
  .pf-6-hero-title {
    font-size: 75px;
  }
  .px-inner-service-big-text {
    font-size: 130px;
    letter-spacing: -0.64px;
  }
  .px-inner-service-2-title {
    font-size: 100px;
  }
  .inner-service-1-number h1 {
    font-size: 130px;
  }
  .inner-service-1-text p {
    font-size: 24px;
  }
  .px-funfact-inner-style .ar-funfact-item {
    padding: 30px;
  }
  .px-contact-title {
    font-size: 120px;
  }
  .px-contact-wrapper {
    padding: 50px;
  }
  .bf-hero-scrolling-words {
    height: 200px;
  }
  .bf-hero-scrolling-words ul li {
    font-size: 250px;
  }
  .bf-section-title-2 {
    font-size: 50px;
  }
  .bf-section-title-3 {
    font-size: 60px;
  }
  .bf-about-us-title {
    font-size: 50px;
  }
  .bf-portfolio-title {
    font-size: 130px;
  }
  .des-footer-title {
    font-size: 100px;
  }
  .tp-footer-top-tittle {
    font-size: 45px;
  }
  .tp-porfolio-10-title {
    font-size: 58px;
  }
  .tp-porfolio-10-category {
    font-size: 23px;
  }
  .tp-port-slider-content-wrap {
    left: 30px;
    width: 100%;
  }
}
@media (max-width: 767px){
  .bf-hero-video {
    margin-left: 0;
  }
  .bf-hero-video video {
    width: 100%;
  }
  .bf-hero-top {
    margin-bottom: 30px;
  }
  .bf-hero-bottom-content {
    margin-left: 0;
  }
  .bf-hero-scrolling-words ul li {
    justify-content: flex-start;
  }
  .bf-hero-3-spacing {
    padding-top: 180px;
  }
  .bf-hero-3-title {
    font-size: 50px;
  }
  .bf-hero-3-title .spacing {
    padding-right: 0;
  }
  .bf-hero-3-title-video video {
    height: 72px;
  }
  .bf-hero-3-title-video video {
    height: 51px;
    width: 113px;
  }
  .bf-hero-3-video-wrap video {
    height: 400px;
  }
  .bf-hero-3-dec {
    margin-top: 0;
  }
  .bf-hero-3-dec p br {
    display: none;
  }
  .bf-hero-2-spacing {
    padding-top: 200px;
  }
  .bf-hero-2-spacing {
    height: 100%;
    padding-top: 160px;
  }
  .bf-hero-2-title {
    font-size: 55px;
  }
  .bf-hero-2-title .gif-1 {
    width: 160px;
    margin-bottom: 0;
  }
  .bf-hero-2-title .gif-1 {
    width: 86px;
    margin-left: -33px;
    margin-right: -33px;
    margin-top: -10px;
  }
  .bf-hero-2-title .gif-2 {
    width: 85px;
    margin-left: -25px;
    margin-right: -30px;
    margin-top: -10px;
  }
  .bf-hero-2-title .gif-3 {
    width: 113px;
    margin-right: -21px;
    margin-top: -32px;
  }
  .bf-hero-2-title .gif-3 {
    width: 85px;
  }
  .bf-hero-2-left-right {
    width: 100px;
  }
  .bf-hero-2-video {
    width: 100%;
    height: 350px;
    position: inherit;
    margin-top: 40px;
  }
  .bf-section-title.fs-75 {
    font-size: 45px;
  }
  .bf-section-title {
    font-size: 45px;
  }
  .bf-section-title br {
    display: none;
  }
  .tp-section-tittle {
    font-size: 36px;
  }
  .bf-about-3-title {
    font-size: 40px;
  }
  .bf-about-3-thumb {
    margin-top: 0;
  }
  .bf-about-3-thumb-2 {
    margin-left: 0;
  }
  .bf-about-3-thumb-2 {
    padding-top: 0;
  }
  .bf-about-3-count-item span br {
    display: none;
  }
  .bf-about-3-info-wrap {
    margin-left: 0;
  }
  .bf-about-3-info-wrap {
    padding-top: 0;
  }
  .bf-about-us-subtitle {
    margin-bottom: 20px;
    display: block;
  }
  .bf-about-us-dec-wrap {
    padding-left: 0;
  }
  .bf-about-us-gif img {
    width: 100%;
  }
  .bf-about-us-video video {
    height: 400px;
  }
  .bf-about-4-title {
    margin-bottom: 30px;
  }
  .bf-about-4-title {
    font-size: 40px;
  }
  .bf-about-4-content {
    margin-right: 0;
  }
  .bf-portfolio-wrapper .grid-item {
    margin-bottom: 30px;
  }
  .bf-portfolio-content {
    padding: 0 20px;
  }
  .bf-portfolio-3-sectitle {
    font-size: 150px;
  }
  .bf-portfolio-3-title {
    font-size: 60px;
  }
  .bf-portfolio-3-btn {
    padding-top: 20px;
  }
  .bf-portfolio-3-content.pl-200 {
    padding-left: 0;
  }
  .bf-portfolio-3-content {
    margin-top: 30px;
  }
  .bf-portfolio-4-title {
    font-size: 40px;
    line-height: 50px;
  }
  .tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-text {
    transform: translateX(0px);
  }
  .tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-heading {
    transform: translateX(0px);
  }
  .tp-portfolio-mix-slide-heading {
    letter-spacing: 0;
  }
  .tp-portfolio-mix-pagination {
    display: none;
  }
  .bf-service-category {
    padding-left: 0;
  }
  .bf-service-title-box {
    padding-top: 0;
  }
  .bf-service-title h4 {
    font-size: 16px;
  }
  .bf-service-thumb {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .bf-service-content {
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  .bf-service-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons {
    font-size: 22px;
  }
  .bf-service-accordion-wrap .accordion .accordion-items .accordion-header .accordion-buttons .accordion-icon {
    height: 30px;
    width: 30px;
  }
  .bf-service-accordion-wrap .accordion .accordion-items .accordion-body p br {
    display: none;
  }
  .bf-service-accordion-wrap .accordion .accordion-items .accordion-body {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .bf-service-accordion-category span {
    font-size: 12px;
    padding: 4px 12px;
  }
  .bf-service-item-3-wrap {
    transform: translateX(0);
  }
  .bf-service-item-3-wrap {
    flex-wrap: wrap;
  }
  .bf-service-item-3-thumb {
    margin-right: 35px;
  }
  .bf-service-item-3-thumb {
    width: 100%;
  }
  .bf-service-item-3-thumb img {
    width: 100%;
  }
  .bf-service-item-3-text {
    padding-top: 30px;
  }
  .bf-service-item-3-title {
    font-size: 40px;
  }
  .bf-service-item-3-btn {
    margin-bottom: 30px;
  }
  .bf-service-3-rounded {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
  .bf-service-3-dec br {
    display: none;
  }
  .bf-service-hero-spacing {
    padding-top: 180px;
    padding-bottom: 140px;
  }
  .bf-service-hero-title {
    font-size: 50px;
  }
  .bf-service-hero-bottom-title {
    font-size: 150px;
    bottom: -25px;
    right: -100px;
  }
  .bf-service-hero-gif {
    padding-top: 30px;
  }
  .bf-service-step-title {
    font-size: 40px;
  }
  .bf-service-step-icon {
    right: 0;
  }
  .des-footer-logo {
    padding: 15px 0;
  }
  .des-footer-top {
    flex-direction: column;
    margin-bottom: 80px;
  }
  .des-footer-middle {
    padding-bottom: 50px;
  }
  .des-footer-middle > span {
    font-size: 16px;
  }
  .des-footer-bottom {
    flex-direction: column;
  }
  .des-footer-bottom a, .des-footer-bottom span {
    font-size: 14px;
  }
  .des-footer-bottom a {
    margin: 15px 4px;
    display: inline-block;
  }
  .bf-footer-2-wrap .tp-footer-widget {
    margin-left: 0;
  }
  .bf-footer-2-top-spacing {
    padding-bottom: 0;
  }
  .tp-footer-shape {
    right: -40px;
  }
  .bf-text-slider-style .tp-text-content span {
    font-size: 80px;
  }
  .bf-contact-content {
    margin-left: 0;
  }
  .bf-contact-us-title {
    font-size: 70px;
    margin-bottom: 20px;
  }
  .bf-contact-us-title {
    font-size: 50px;
  }
  .bf-contact-us-dec {
    margin-left: 0;
  }
  .bf-contact-us-dec br {
    display: none;
  }
  .bf-contact-map-box iframe {
    height: 400px;
  }
  .bf-footer-topspacing {
    margin-top: 100px;
  }
  .bf-instagram-area {
    height: 100%;
  }
  .bf-instagram-title {
    font-size: 50px;
  }
  .bf-instagram-content-wrap {
    position: static;
    margin-top: 40px;
    margin-left: 20px;
  }
  .bf-team-info {
    margin-top: 50px;
  }
  .bf-team-content-wrap {
    margin-right: 0;
  }
  .bf-banner-subtitle {
    margin-top: 0;
  }
  .bf-banner-spacing {
    padding-top: 150px;
  }
  .tp-porfolio-10-title-wrap ul li {
    padding: 16px;
  }
  .tp-porfolio-10-height {
    padding-top: 120px;
  }
  .tp-port-slider-title {
    font-size: 70px;
  }
  .design-award-area {
    margin-top: -30px;
  }
  .design-award-title-box p {
    font-size: 20px;
  }
  .design-award-content-xs.design-award-content h4 {
    font-size: 16px;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .design-award-item {
    width: 100%;
  }
}
@media (max-width: 360px){
  .px-btn-white {
    font-size: 14px;
    padding: 14px 24px;
  }
  .px-btn-black {
    font-size: 14px;
    padding: 14px 24px;
  }
  .px-btn-slide {
    padding: 14px 20px;
  }
  .px-btn-slide span {
    margin-left: 30px;
  }
  .px-breadcrumb-ptb {
    padding-top: 100px;
  }
  .px-breadcrumb-title {
    font-size: 48px;
  }
  .px-section-title {
    font-size: 46px;
  }
  .px-section-title.ff-thunder {
    font-size: 120px;
  }
  .px-section-title.ff-thunder.fs-100 {
    font-size: 50px;
  }
  .px-section-title.ff-thunder.fs-130 {
    font-size: 60px;
  }
  .px-section-title.ff-inter {
    font-size: 32px;
  }
  .tp-section-title {
    font-size: 42px;
  }
  .px-step-card-content span {
    font-size: 140px;
  }
  .bf-hero-scrolling-words ul li {
    font-size: 120px;
  }
  .am-hero-title {
    font-size: 100px;
  }
  .px-hero-6-text span {
    font-size: 90px;
  }
  .px-step-num span {
    font-size: 90px;
  }
  .px-project-5-title {
    font-size: 90px;
  }
  .bf-service-hero-bottom-title {
    font-size: 80px;
  }
  .px-hero-4-bigtitle h2 {
    font-size: 80px;
  }
  .px-contact-title {
    font-size: 70px;
  }
  .bf-banner-title {
    font-size: 24px;
  }
  .tp-porfolio-10-title {
    font-size: 38px;
  }
}
@media (max-width: 767px) and (orientation: landscape) and (max-height: 500px){
  .px-breadcrumb-ptb {
    padding-top: 90px;
  }
  .px-hero-bg {
    padding-top: 150px;
  }
  .bf-hero-2-spacing {
    padding-top: 120px;
  }
  .bf-hero-3-spacing {
    padding-top: 140px;
  }
  .bf-hero-2-video {
    height: 260px;
    margin-top: 20px;
  }
  .bf-hero-3-video-wrap video {
    height: 300px;
  }
  .bf-banner-spacing {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  .tp-contact-us-map {
    height: 320px;
  }
  .tp-porfolio-10-height {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .px-pd-2-banner {
    height: 200px;
  }
  .px-pd-2-thumb-item {
    height: 200px;
  }
  .px-project-3-thumb {
    height: 280px;
  }
}