Current Directory: /home/u930863517/domains/limraevents.com/public_html/css
Viewing File: /home/u930863517/domains/limraevents.com/public_html/css/responsive.css
/* =================================================== */
/* Large devices (laptops/desktops) */
/* =================================================== */
@media only screen and (max-width: 1200px) {
}
/* =================================================== */
/* Medium devices (landscape tablets) */
/* =================================================== */
@media only screen and (max-width: 993px) {
/* !GLOBALS */
section{
padding: 75px 0 !important;
}
/* ! BUTTON */
.primary-button,
.secondary-button{
padding: 0.5rem 1.2rem;
}
.primary-button span,
.secondary-button span{
font-size: 0.8rem;
}
/* ! HERO */
.hero .content-wrapper .sub-heading{
font-size: 20px;
margin-top: 10%;
}
.hero .content-wrapper .hero-heading{
font-size: 35px;
max-width: 700px;
}
.hero .content-wrapper .line{
width: 4px;
height: 25px;
}
.hero .hero-wrapper .slider-btn{
transform: translateY(-30%);
}
.hero .hero-wrapper .slider-btn .btn{
width: 40px;
height: 40px;
font-size: 0.9rem;
}
/* ! ABOUT US */
.about-us .heading:before{
font-size: 120px;
}
/* ! CLIENTS */
section.clients{
padding: 75px 20px !important;
}
section.clients .image{
margin: 0.5rem 0.5rem;
box-shadow: var(--box-shadow3);
}
/* ! =============================================== */
/* ! SERVICES */
/* ! =============================================== */
/* ! HERO */
.hero .content{
margin-top: 50px;
}
.service-wrapper{
padding: 0 !important;
}
.service-wrapper .flex-container{
justify-content: center;
}
.service-wrapper .flex-container .box{
width: calc(33% - 1rem);
}
}
/* =================================================== */
/* Small devices (portrait tablets and large phones) */
/* =================================================== */
@media only screen and (max-width: 768px) {
/* !GLOBALS */
section{
padding: 50px 0 !important;
}
/* ! HERO */
.hero .sub-heading{
font-size: 20px;
margin-top: 1rem;
}
/* ! ABOUT US */
.about-us .sub-heading{
margin: 1rem 0;
}
.about-us .para{
font-size: 0.9rem;
}
.about-us .primary-button{
margin-bottom: 50px !important;
}
/* ! CLIENTS */
.heading-wrapper{
flex-direction: column;
}
.heading-wrapper h1{
font-size: 25px;
font-weight: 800 !important;
}
.clients .heading-wrapper{
margin-bottom: 2rem;
}
/* ! COUNTERS */
.counter .card{
margin: 1rem;
}
.counter .card i{
font-size: 30px;
}
.counter .card .number{
font-size: 35px;
margin: 0.5rem auto;
}
.counter .card h4{
font-size: 1.1rem;
}
/* ! GALLERY */
.gallery .heading-wrapper{
margin-bottom: 0 !important;
}
.gallery .heading-wrapper h1{
font-weight: 800;
font-size: 30px;
}
.gallery .subheading{
margin-bottom: 0 !important;
}
.gallery .gallery-wrapper{
margin: 50px 1rem;
}
.gallery .gallery-wrapper{
grid-template-columns: auto auto auto;
}
.gallery .gallery-wrapper .map2-3,
.gallery .gallery-wrapper .map1-16,
.gallery .gallery-wrapper .map1-17{
display: none;
}
/* ! TESTIMONIALS */
.testimonials .testimonial-slider .card{
margin: 1rem 0.5rem;
padding: 1rem;
padding-top: 70px;
}
.testimonials .testimonial-slider .card .image{
width: 100px;
height: 100px;
}
.testimonials .testimonial-slider .card .para{
font-size: 0.8rem;
}
/* ! ================================================= */
/* ! SERVICES */
/* ! ================================================= */
.services .sub-heading{
font-size: 20px;
margin-top: 1rem;
}
.service-wrapper .flex-container .box{
width: calc(50% - 1rem);
}
}
/* =================================================== */
/* Extra small devices (phones) */
/* =================================================== */
@media only screen and (max-width: 600px) {
/* !GLOBALS */
section{
padding: 50px 0 !important;
}
/* ! BUTTON */
.primary-button,
.secondary-button{
padding: 0.4rem 1.1rem;
}
.primary-button span,
.secondary-button span{
font-size: 0.7rem;
}
/* ! HERO */
.hero .content-wrapper .hero-heading{
font-size: 25px;
max-width: 80%;
margin: auto;
}
.hero .hero-wrapper .slider-btn{
transform: translateY(-30%);
padding: 1rem;
}
/* ! ================================================= */
/* ! SERVICES */
/* ! ================================================= */
.service-wrapper .flex-container .box{
width: calc(50% - 1rem);
height: calc(250px - 0.5rem);
}
.service-wrapper .flex-container .box .content i{
font-size: 25px;
}
.service-wrapper .flex-container .box .content .card-heading{
font-size: 18px;
}
.service-wrapper .flex-container .box .secondary-button{
padding: 0.5rem;
}
}
@media only screen and (max-width: 500px) {
}