File: /var/www/html/WPGrarageLock/wp-content/themes/garage-lock/css/main.css
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap");
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
.garge-repair-section {
padding: 150px 0px;
}
@media (max-width: 1679px) {
.garge-repair-section {
padding: 90px 0;
}
}
@media (max-width: 1481px) {
.garge-repair-section {
padding: 70px 0;
}
}
@media (max-width: 1199px) {
.garge-repair-section {
padding: 50px 0;
}
}
.garge-repair-section .garage-section-outer {
display: flex;
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer {
flex-direction: column;
}
}
.garge-repair-section .garage-section-outer .garage-left {
padding-right: 95px;
}
@media (max-width: 1199px) {
.garge-repair-section .garage-section-outer .garage-left {
padding-right: 30px;
}
}
.garge-repair-section .garage-section-outer .garage-left h3 {
font-size: 33px;
margin-bottom: 30px;
}
@media (max-width: 1679px) {
.garge-repair-section .garage-section-outer .garage-left h3 {
font-size: 29px;
margin-bottom: 28px;
}
}
@media (max-width: 1481px) {
.garge-repair-section .garage-section-outer .garage-left h3 {
font-size: 25px;
margin-bottom: 22px;
}
}
@media (max-width: 1199px) {
.garge-repair-section .garage-section-outer .garage-left h3 {
font-size: 23px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer .garage-left h3 {
font-size: 22px;
}
}
.garge-repair-section .garage-section-outer .garage-left .para-text {
font-size: 20px;
line-height: 35px;
padding: 0;
margin: 0;
}
@media (max-width: 1679px) {
.garge-repair-section .garage-section-outer .garage-left .para-text {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 1481px) {
.garge-repair-section .garage-section-outer .garage-left .para-text {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 1199px) {
.garge-repair-section .garage-section-outer .garage-left .para-text {
font-size: 15px;
}
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer .garage-left .para-text {
font-size: 14px;
line-height: 25px;
}
}
.garge-repair-section .garage-section-outer .garage-left .para-text + .para-text {
padding-top: 20px;
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer .garage-left .para-text + .para-text {
padding-top: 15px;
}
}
.garge-repair-section .garage-section-outer .garage-left .btn-block {
margin-top: 42px;
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer .garage-left .btn-block {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.garge-repair-section .garage-section-outer .garage-slider-cover {
padding: 30px 0;
}
}
.garge-repair-section .garage-section-outer .garage-slider .garage-item {
padding: 0 15px;
}
@media (max-width: 1199px) {
.garge-repair-section .garage-section-outer .garage-slider .garage-item {
padding: 0 5px;
}
}
.garge-repair-section .garage-section-outer .garage-slider .garage-card {
height: 463px;
border-radius: 13px;
overflow: hidden;
position: relative;
}
@media (max-width: 1481px) {
.garge-repair-section .garage-section-outer .garage-slider .garage-card {
height: 350px;
}
}
@media (max-width: 479px) {
.garge-repair-section .garage-section-outer .garage-slider .garage-card {
height: 290px;
}
}
.garge-repair-section .garage-section-outer .garage-slider .garage-card img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.garge-repair-section .garage-section-outer .garage-slider .slick-arrow {
bottom: -57px !important;
border: solid 1px #ccbebe;
right: auto;
left: 18px;
}
.garge-repair-section .garage-section-outer .garage-slider .slick-arrow:hover {
border: solid 1px #fbcf11;
}
.garge-repair-section .garage-section-outer .garage-slider .slick-arrow.slick-next {
left: 54px;
}
.garge-repair-section .garage-section-outer .garage-slider .slick-arrow::before {
border-color: #ccbebe;
}
.locksmith-section {
background: #033151;
padding: 180px 0px;
}
@media (max-width: 1679px) {
.locksmith-section {
padding: 90px 0;
}
}
@media (max-width: 1481px) {
.locksmith-section {
padding: 70px 0;
}
}
@media (max-width: 1199px) {
.locksmith-section {
padding: 50px 0;
}
}
.locksmith-section .locksmith-section-outer {
display: flex;
}
@media (max-width: 991px) {
.locksmith-section .locksmith-section-outer {
flex-direction: column;
}
}
@media (max-width: 991px) {
.locksmith-section .locksmith-section-outer .locksmith-img {
padding-bottom: 30px;
}
}
.locksmith-section .locksmith-section-outer .locksmith-img img {
border-radius: 20px;
}
@media (max-width: 1679px) {
.locksmith-section .locksmith-section-outer .locksmith-img img {
max-width: 90%;
}
}
@media (max-width: 991px) {
.locksmith-section .locksmith-section-outer .locksmith-img img {
max-width: 60%;
}
}
@media (max-width: 479px) {
.locksmith-section .locksmith-section-outer .locksmith-img img {
max-width: 80%;
}
}
.locksmith-section .locksmith-section-outer .locksmith-content-block {
color: #fff;
padding: 0px 15px;
}
@media (max-width: 991px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block {
padding: 0;
}
}
.locksmith-section .locksmith-section-outer .locksmith-content-block h3 {
font-size: 33px;
margin-bottom: 30px;
}
@media (max-width: 1679px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block h3 {
font-size: 29px;
margin-bottom: 28px;
}
}
@media (max-width: 1481px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block h3 {
font-size: 25px;
margin-bottom: 22px;
}
}
@media (max-width: 1199px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block h3 {
font-size: 23px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block h3 {
font-size: 22px;
}
}
.locksmith-section .locksmith-section-outer .locksmith-content-block .para-text {
font-size: 20px;
line-height: 35px;
}
@media (max-width: 1679px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block .para-text {
font-size: 18px;
line-height: 32px;
}
}
@media (max-width: 1481px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block .para-text {
font-size: 16px;
line-height: 28px;
}
}
@media (max-width: 1199px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block .para-text {
font-size: 15px;
}
}
@media (max-width: 767px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block .para-text {
font-size: 14px;
line-height: 25px;
}
}
.locksmith-section .locksmith-section-outer .locksmith-content-block .btn-block {
margin-top: 42px;
}
@media (max-width: 767px) {
.locksmith-section .locksmith-section-outer .locksmith-content-block .btn-block {
margin-top: 30px;
}
}
/*# sourceMappingURL=main.css.map */