@media screen and (max-width: 1650px) {
.project__item-contetn {
padding: 40px 15px;
padding-top: 240px;
}
.project__item-contetn h1 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 1399px){
.transpi__testimonial-item .tes__shape{
display: none;
}
}
@media (min-width: 992px) and (max-width: 1250px) {
}
@media (min-width: 992px) and (max-width: 1200px) {
}
@media (min-width: 1077px) and (max-width: 1158px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
.project__item-contetn {
padding: 40px 25px;
padding-top: 100px;
}
}
@media (min-width: 992px) and (max-width: 1148px) {
}
@media (min-width: 1076px) and (max-width: 1199px) {    
}
@media (min-width: 1024px) and (max-width: 1199px) {    
.d-xl-mc-none {
display: none !important;
}
.transpi_logo {
max-width: 130px;
}
.transpi_menu .transpi_menu-nav li+li {
margin-left: 40px;
}
.transpi_menu ul li a {
font-size: 15px;
}
}
@media (min-width: 992px) and (max-width: 1076px) {
}
@media (min-width: 993px) and (max-width: 1024px) {
}
@media (min-width: 992px) and (max-width: 1024px) {
.transpi_animation-img .about__img-item.item-two {
right: auto;
left: 250px;
}
.about__content h1 {
font-size: 50px;
line-height: 60px;
}
.project__item-contetn {
padding: 80px 60px;
}
.project__item-box {
border-bottom: 2px solid #d9d9d959;
}
.project__wrapper-area .col-xl-3.col-lg-6.col-md-6 {
padding: 0;
}
}
@media only screen and (max-width: 1023px) {
.transpi_menu {
display: none;
}
.hamburger_menu {
display: block;
}
.hamburger_menu {
font-size: 30px;
color: #020E28;
margin-left: 20px;
border: 1px solid #D9D9D9;
padding: 7px 10px;
border-radius: 5px;
}
.hamburger_menu i {
font-weight: 200;
}
.about__list-content ul li {margin-right: 25px;}
.about__list-content {
padding: 50px 30px;
width: 560px;
}
.about__content h1 {
font-size: 45px;
line-height: 55px;
}
header.main-header.main-header-one.header-2 .hamburger_menu {
color: #fff;
}
}
@media (max-width: 991px) {
.transpi__siderbar-wrapper {
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.transpi__heading-title {
font-size: 40px;
line-height: 50px;
}
h3 {
font-size: 22px;
line-height: 32px;
}
.blog__content .post__meta span:not(:last-child) {
padding-right: 30px;
}
.blog__content .post__meta span {
font-size: 14px;
}
.header__top-info ul {
flex-wrap: wrap;
}
.header__top-info li:not(:last-child):after, .header__top-info.htop__right-info a:not(:last-child):after {
background: transparent;
}
}
@media (max-width: 768px){
.header__top-wraper-inner {
flex-wrap: wrap;
}
.header__top-info ul {
margin-bottom: 10px;
}
.header__top-info li {
font-size: 14px;
}
.header__top-info.htop__right-info a {
font-size: 14px;
}
}
@media (max-width: 992px) {
.thm__btn{
padding: 10px 15px;
}
.languages .btn {
padding: 3px;
}
.transpi_logo img {
max-width: 150px;
}
.main-slider-content h1 {
font-size: 55px;
line-height: 65px;
}
.main__slider-wrap .image-layer {
display: none;
}
.main__slider-wrap {
z-index: 1;
}
.main__slider-wrap:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000;
z-index: -1;
opacity: .5;
}
.transpi__service-item .service__content {
padding: 30px;
}
.about__list-content {
width: 100%;
margin-left: 0;
margin-top: 60px;
}
.contact__form-submit {
mask: inherit;
padding: 45px 45px;
}
.project__item-contetn {
padding: 60px 25px;
padding-top: 150px;
}
h1 {
font-size: 30px;
line-height: 42px;
}
.project__item-box {
border-bottom: 2px solid #d9d9d959;
}
.transpi__brand-item {
text-align: center;
}
.transpi__testimonial-item .tes__shape svg {
width: 100%;
height: 100%;
}
.service__img-item{
mask: inherit;
}
.pricing__item {
padding: 35px 0;
}
.testimonial_thumb {
flex: 0 0 280px;
}
.testimonial__content p {
font-size: 18px;
line-height: 30px;
}
.content__hero .rts_hero__title {
font-size: 50px;
line-height: 60px;
}
.transpi__sidebar-item {
padding: 30px 25px;
}
}
@media (max-width: 767px) {
.main-slider-content h1 {
font-size: 40px;
line-height: 60px;
}
.main__slider-wrap .image-layer {
top: 41px;
}
.main__slider-wrap .image-layer {
display: none;
}
.main__slider-wrap {
z-index: 1;
}
.main__slider-wrap:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #000;
z-index: -1;
opacity: .5;
}
.transpi_animation-img .about__img-item.item-two {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.transpi__heading-title {
font-size: 45px;
line-height: 55px;
}
.transpi__service-item .service__content {
padding: 30px;
}
.service__img-item {
-webkit-mask-position-x: left;
}
.about__list-content {
width: 100%;
margin-left: 0;
margin-top: 70px;
}
.team_img {
-webkit-mask-position-x: left;
}
.team_img {
mask: inherit;
}
.transpi__team-item .team_img img{
width: 100%;
}
.contact__form-submit {
-webkit-mask-position-y: center;
}
.project__item-box {
border-right: 0;
border-bottom: 2px solid #d9d9d959;
}
.transpi__testimonial-item-inner {
padding: 0 15px;
padding-top: 60px;
padding-bottom: 40px;
}
.transpi__brand-item {
text-align: center;
}
.transpi__blog-item .blog__img {
-webkit-mask-position-x: left;
}
form#mc4wp-form-1 {
float: left;
}
.transpi__counter-item-two:after {
display: none;
}
.testimonial__item-two {
flex-wrap: wrap;
}
.testimonial__content {
padding-right: 0;
}
.testimonial__slider-item {
top: 53%;
}
.project__info {
flex: auto;
margin-bottom: 20px;
}
.project__item-box-two {
flex-wrap: wrap;
}
.project__item-box-inner .projectimg img {
height: 100%;
}
.slider__img-txt {
bottom: -130px;
}
.transpi__hero-area .slider__img-txt img {
max-width: 600px;
}
.testimonial_thumb {
max-width: 100%x;
flex: 0 0 100%;
}
.testimonial__item-two .testimonial_thumb img {
width: 100%;
}
.test-slider-arrow {
display: none;
}
.transpi__blog-item .blog__img img{
height: auto;
}
.single__post-content h2 {
font-size: 40px;
line-height: 50px;
}
.entry-content blockquote {
padding: 40px 25px;
padding-top: 95px;
}
.transpi__post-footer {
flex-wrap: wrap;
}
.transpi__post-share {
margin-bottom: 15px;
}
.latest__comments .children li {
padding-left: 30px;
}
}
@media (max-width: 430px) {
.transpi__heading-title {
font-size: 35px;
line-height: 45px;
}
.test-slider-arrow {
display: block;
}
.header__top-info ul {
flex-wrap: wrap;
}
.header__top-info li:not(:last-child), .header__top-info.htop__right-info a {
padding: 0;
margin: 0;
}
.header__top-info li:not(:last-child):after, .header__top-info.htop__right-info a:not(:last-child):after {
background: transparent;
}
.main-slider-content h1 {
font-size: 35px;
line-height: 45px;
}
.main-slider-content p {
padding: 0;
font-size: 16px;
line-height: 28px;
}
.swiper-slide-active .main__slider-wrap .image-layer img {
height: 100% !important;
}
.slider__btm-box {
flex-wrap: wrap;
}
.slider__btm-box .thm__btn.thm__btn-border {
margin-bottom: 20px;
}
.transpi__sub-heaind span {
font-size: 16px;
line-height: 26px;
}
.transpi__section-heading p {
font-size: 18px;
line-height: 30px;
}
.transpi__service-item .service__content {
padding: 30px;
padding-top: 50px;
}
h2 {
font-size: 26px;
line-height: 35px;
}
.transpi_animation-img .about__img-item.item-two {
position: relative;
top: 0;
}
.transpi_animation-img {
margin: 0;
}
.about__img-item {
margin-bottom: 30px;
}
.about__content h1 {
font-size: 35px;
line-height: 45px;
}
.about__content {
padding-left: 0;
margin-top: 20px;
}
.about__content {
padding-left: 0;
margin-top: 20px;
}
.about__list-content {
width: 100%;
margin: 0;
padding: 30px;
margin-top: 50px;
}
.about__list-content ul li {
width: 100%;
}
.contact__form-submit-wrapper {
width: 100%;
}
.contact__form-submit {
padding: 45px 30px;
}
h1 {
font-size: 30px;
line-height: 45px;
}
.project__item-contetn {
padding: 50px 30px;
}
.project__item-img img {
height: 100%;
}
.transpi__testimonial-item-inner {
padding-top: 80px;
padding-bottom: 0;
}
.transpi_logo img {
max-width: 130px;
}
.hamburger_menu {
font-size: 25px;
padding: 6px 10px;
}
.transpi__testimonial-item-inner .quote_icon {
background: var(--thm-primary);
width: 55px;
height: 55px;
line-height: 55px;top: 65px;
right: 3px;
}
.transpi__testimonial-item-inner .quote_icon svg {
width: 30px;
height: 30;
}
.blog__content .post__meta {
flex-wrap: wrap;
}
.transpi__newsletter input {
width: 100%;
}
.transpi__newsletter button {
text-align: left;
margin-top: 10px;
}
.content__hero .rts_hero__title {
font-size: 35px;
line-height: 45px;
}
.slider__img-txt {
bottom: -50px;
}
.transpi__blog-content h2 {
font-size: 30px;
line-height: 45px;
}
.transpi__social-icon {
margin-left: 20px;
}
}