@media only screen and (min-width: 992px) {
.header-4-container .header-4-inner {
position: relative;
}
.header-4-container #site-navigation ul.menu {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: flex-end;
}
.header-4 .col-full-nav {
display: flex;
justify-content: flex-end !important;
}
}
@media only screen and (max-width: 1440px) {
.home-slide figcaption {
left: 100px;
}
.home-slide .elementor-swiper-button-prev {
left: 100px !important;
}
.home-slide .elementor-swiper-button-next {
left: 170px !important;
}
.home-work .left .box.img .first,
.home-work .left .box.img .first > .elementor-widget-container,
.home-work .left .box.img .first > .elementor-widget-container > img {
height: 100% !important;
object-fit: cover;
}
}
@media only screen and (max-width: 1366px) {
.home-creative .sec-video img {
min-height: 517px;
}
.home-creative .box.right > .elementor-widget-wrap {
padding: 0 25%;
}
.sec-heading {
padding: 100px 0;
}
.home-slide figcaption {
font-size: 70px;
}
.home-blog {
padding-top: 0;
}
.home-solution .box > .elementor-widget-wrap,
.home-support .elementor-column > .elementor-widget-wrap,
.home-blog .elementor-column > .elementor-widget-wrap {
padding: 0 !important;
}
.home-solution,
.home-support,
.home-blog {
padding-left: 30px;
padding-right: 30px;
}
.home-work .left {
margin-left: 0;
padding: 80px 30px;
}
}
@media only screen and (max-width: 1280px) {
.home-support .list-img .gallery {
margin-left: unset !important;
margin-right: unset !important;
}
.home-creative .sec-video img {
min-height: 481px;
}
.home-creative .main-title .elementor-heading-title,
.sec-heading .heading .elementor-heading-title {
font-size: 40px;
}
.home-work .right::before {
left: -200px;
width: 200px;
}
.home-work .right {
padding-left: 6%;
}
.home-solution .left {
padding-right: 30px;
}
html:lang(vi) .home #secondary {
width: 0%;
}
html:lang(vi) .home-slide {
position: relative;
z-index: 10;
width: 100%;
}
html:lang(vi) .home #primary {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.home-slide figcaption {
font-size: 72px;
}
.home-solution > .elementor-container {
flex-direction: column;
}
.sec-heading {
padding: 50px 0;
}
.home-solution {
padding-left: 30px;
padding-right: 30px;
}
.home-solution .left {
padding-right: 0;
}
.home-solution .right {
padding-top: 20px;
}
.home-solution .box {
width: 100% !important;
}
.home-solution .right .top > .elementor-container {
flex-direction: row !important;
}
.home-solution .right .top > .elementor-container,
.home-solution .right .bottom > .elementor-container {
column-gap: 3%;
}
.home-solution .right .item {
width: 48.5%;
}
.home-solution .desc {
margin-bottom: 30px !important;
}
.home-slide .elementor-swiper-button-prev,
.home-slide .elementor-swiper-button-next {
bottom: 50px;
}
.home-slide figcaption {
bottom: 140px;
left: 50px;
letter-spacing: 0px;
max-width: 80%;
}
.home-slide .elementor-swiper-button-prev {
left: 50px !important;
}
.home-slide .elementor-swiper-button-next {
left: 120px !important;
}
.home-blog .list-posts {
margin: 20px 0 !important;
}
.home-blog .list-posts .swiper-wrapper {
margin-right: 15px !important;
}
.home-blog .list-posts,
.home-support .list-img {
padding-left: 30px;
padding-right: 30px;
}
.home-work > .elementor-container {
flex-direction: column-reverse;
}
.home-work .box {
width: 100% !important;
}
.home-work .box.right {
padding: 50px 30px;
}
.home-work .left {
padding: 30px;
}
.home-work .box.img,
.home-work .box.video {
width: 50% !important;
}
.home-work .box.video {
margin-left: 0;
padding-left: 15px;
}
.home-work .box.img {
padding-right: 15px;
} .sec-contact > .elementor-container {
display: flex;
flex-direction: column-reverse;
padding: 0 30px;
row-gap: 30px;
}
.sec-contact .elementor-container .box {
width: 100% !important;
}
.contact-exp > .elementor-container {
display: grid !important;
grid-template-columns: 1fr 1fr;
}
.contact-exp > .elementor-container > .item {
width: 100% !important;
}
.sec-contact .left {
display: flex;
justify-content: center;
}
}
@media only screen and (max-width: 991px) {
#site-navigation ul.menu li.current-menu-item span::after {
top: 0;
}
.header-4-container .header-4-inner header {
box-shadow: none !important ;
}
.col-full-nav {
background: var(--gray);
}
.site-branding button.menu-toggle {
background-color: transparent;
}
.home-creative .sec-video img {
min-height: 361px;
}
.home-creative .list-success {
margin-bottom: 30px !important;
}
.header-4 .header-4-container {
padding: 0 30px !important;
}
header .site-branding button.menu-toggle {
background-color: transparent !important;
}
header#masthead button.menu-toggle span.bar {
background-color: var(--white);
width: 30px;
}
header#masthead button.menu-toggle span.bar:last-child {
width: 20px;
}
footer.copyright {
padding-bottom: 1em !important;
}
.header-4-container {
z-index: 100 !important;
}
.menu .pll-parent-menu-item span.caret::after {
background-color: var(--white) !important;
}
.pll-parent-menu-item .sub-menu-wrapper {
border-bottom: unset !important;
}
}
@media only screen and (max-width: 768px) {
.home-slide figcaption img {
display: none;
}
.wpcf7-form .btn-form{
flex-direction: column-reverse !important;
}
.frm-contact .btn-form .right {
margin-top: 0px;
margin-bottom: 15px;
}
.home-slide figcaption {
font-size: 57px;
left: 30px;
}
.home-slide .elementor-swiper-button svg {
width: 48px !important;
}
.home-slide .elementor-swiper-button-prev {
left: 30px !important;
}
.home-slide figure img {
height: 100vh !important;
object-fit: cover !important;
}
.home-slide figcaption {
bottom: 100px;
}
.home-slide .elementor-swiper-button-prev,
.home-slide .elementor-swiper-button-next {
bottom: 30px;
}
.home-slide .elementor-swiper-button-next {
left: 90px !important;
}
.home-creative .left {
position: unset;
margin-left: 0 !important;
}
.home-creative .right {
margin-left: unset;
}
.home-creative .box.right > .elementor-widget-wrap {
padding: 10% 30px;
}
.home-creative > .elementor-container {
flex-direction: column-reverse;
}
.home-creative .box,
.home-reviews .box {
width: 100% !important;
}
.home-creative .sec-video img {
min-height: 571px;
}
.home-creative .box.left > .elementor-widget-wrap {
padding: 20px !important;
}
.home-support .list-img .gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.home-support .gallery-item {
width: 100% !important;
max-width: 100% !important;
}
.home-blog .list-posts .elementor-posts {
grid-template-columns: repeat(2, 1fr);
}
.home-creative .right {
height: auto;
} .home-reviews > .elementor-container {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 736px) {
.home-support .list-img .e-gallery-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
}
@media only screen and (max-width: 601px) {
.home-solution .right > .elementor-widget-wrap {
row-gap: 15px;
}
.home-support .list-img .e-gallery-item .e-gallery-image {
min-height: 400px;
max-height: 400px;
}
.home-slide figcaption {
font-size: 40px;
}
.home-solution,
.home-work .left,
.home-blog .list-posts,
.home-support .list-img {
padding-left: 15px;
padding-right: 15px;
}
.home-creative .main-title .elementor-heading-title,
.sec-heading .heading .elementor-heading-title,
.home-solution .main-title .elementor-heading-title {
font-size: 30px;
}
.home-work .box.img {
padding-right: 8px;
}
.home-work .box.video {
padding-left: 7px;
}
.home-support .elementor-gallery-item__content {
bottom: -65%;
} .sec-contact .cnt-form .message {
grid-column: 1 / span 1;
grid-row: 4;
}
.sec-contact .btn-form {
margin-top: 30px;
}
.frm-contact .btn-form {
flex-direction: column;
row-gap: 20px;
}
.sec-contact form {
padding: 30px 20px;
}
.sec-contact .btn-form > div {
width: fit-content !important;
}
.sec-contact .frm-contact input[type="submit"] {
padding: 10px 20px;
width: 100% !important;
}
}
@media only screen and (max-width: 481px) {
.home-solution .right .top > .elementor-container,
.home-solution .right .bottom > .elementor-container {
flex-direction: column !important;
row-gap: 15px;
}
.home-solution .right .item {
width: 100% !important;
}
.home-support .elementor-gallery-item__content {
padding: 30px 10px;
bottom: -70%;
}
.home-solution .right .content h4 b {
font-size: 18px;
}
.home-support .list-img .e-gallery-container {
grid-template-columns: 1fr;
}
.popup-title .elementor-heading-title {
font-size: 35px;
line-height: 40px;
margin-bottom: 15px;
} .contact-exp .elementor-counter .elementor-counter-number-wrapper {
font-size: 45px;
}
.sec-contact > .elementor-container {
padding: 0 15px;
}
}
@media only screen and (max-width: 414px) {
.home-slide figcaption {
font-size: 35px;
}
.home-support .elementor-gallery-item__content {
padding: 30px 10px;
bottom: -60%;
}
.home-work .right .main-title .elementor-heading-title {
font-size: 30px;
} .contact-exp > .elementor-container {
grid-template-columns: 1fr;
row-gap: 35px;
}
}
@media only screen and (max-width: 375px) {
.home-slide figcaption {
font-size: 30px;
}
.sec-contact .frm-contact input[type="submit"] {
width: 100% !important;
}
.home-creative .main-title .elementor-heading-title,
.sec-heading .heading .elementor-heading-title,
.home-solution .main-title .elementor-heading-title,
.home-work .right .main-title .elementor-heading-title {
font-size: 25px;
}
.home-blog {
padding-top: 0;
}
.home-blog article {
padding: 20px 15px !important;
}
.home-support .elementor-gallery-item__content {
bottom: -65%;
}
}
@media only screen and (max-width: 360px) {
.popup-title .elementor-heading-title {
font-size: 30px;
line-height: 35px;
}
}
@media only screen and (max-width: 320px) {
}
@media only screen and (min-width: 1050px) {
.frm-contact .btn-form .cf7sr-g-recaptcha > div {
width: 284px !important;
}
}