<> /*PC*/ .indexlaptop-text .btn-red{ color: #ffffff; border: 1px solid #c7000b; background-color: #c7000b; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .indexlaptop-text .btn-red:hover{ border: 1px solid #850F12; background-color: #850F12; } .indexlaptop-text .btn-left { position: relative; transform: translateX(0%); left: -42.5%; } .indexlaptop-text { position: relative; top: 54%; transform: translateY(-50%); max-width: 75%; margin: 0 auto; text-align: center } @media (min-width: 992px) { .content-img-box .content-box .indexlaptop-text .subtitle { max-width: 100%; } } @media (min-width:1920px) and (max-width: 2560px) { .indexlaptop-text .btn-left{ position: relative; transform: translateX(0%); left: -42.5%; } } @media (max-width:1800px) { .indexlaptop-text .btn-left{ left: -42%; } } @media (max-width:1536px) { .indexlaptop-text .btn-left{ left: -40.5%; } } @media (max-width:1440px) { .indexlaptop-text .btn-left{ left: -39.5%; } } @media (max-width:1280px) { .indexlaptop-text .btn-left{ left: -39%; } } @media (max-width:1200px) { .indexlaptop-text .btn-left{ left: -39.5%; } } /*ipad pro*/ @media(min-width: 992px) and (max-width: 1024px) { .indexlaptop-text { position: relative; top: 60%; transform: translateY(-50%); max-width: 75%; } .indexlaptop-text .btn-left { transform: translateX(0%); left: -41%; } } /*moblie ipad*/ @media (max-width: 991px) { .indexlaptop-text { position: relative; top: 60%; transform: translateY(-50%); max-width: 90%; height: 100%; } .indexlaptop-text .btn-left { transform: translateX(0%); left: auto; top: auto; } .indexlaptop-text .vertical-middle-sm h2 { text-align: center; } .content-img-box .content-box .indexlaptop-text .subtitle { text-align: center; } } @media (max-width: 767px) { .content-box .indexlaptop-text h2:after { display: none; } }