@media only screen and (max-width: 479px) { .threed { left: 70px !important; width: 70% !important; top: -35px !important; } .costume { font-family: KoHo; position: relative; top: 36px !important; }}@media only screen and (max-width: 767px) { p { font-size: 1.4rem; } .costume { font-family: KoHo; position: relative; top: 31px; left: -83px; color: #fff !important; font-size: 16px; } .pb-100, .ptb-100 { padding-bottom: 50px; } .pt-100, .ptb-100 { padding-top: 50px; } .section-title { margin-bottom: 35px; } .main-banner-content span, .projects-details-desc .article-projects-with-info .projects-info-content span, .section-title span, .services-section-content span { font-size: 12px; } .projects-details-desc .article-projects-with-info .projects-info-content h3, .projects-section-content h3, .section-title h2, .services-section-content h3 { font-size: var(--main-heading); } .section-title .section-bg-text { font-size: 35px; } .section-title.section-style-two { margin-top: 0; } .main-banner-area { padding-top: 120px !important; } .main-banner-area .container-fluid { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); max-width: 540px; padding: 0 25px; } .main-banner-content h1 { font-size: 30px; } .about-circle-shape, .single-features-card .hover-content { display: none; } .services-area .container-fluid { left: 0; max-width: 540px; } .services-section-content { margin-bottom: 15px; } .services-section-content .services-bg-text { font-size: 30px; top: 15px; } .projects-details-desc .article-projects-content .projects-list li h4, .projects-details-desc .article-projects-text h3, .services-details-desc .article-services-content h3, .services-item .services-content h3, .single-features-card .content h3 { font-size: var(--sub-heading); } .services-item .services-content .services-btn { font-size: 15px; } .single-choose-card .choose-content h3 { font-size: 18px; margin-bottom: 15px; } .projects-area.with-black-background { margin-left: 0; margin-right: 0; border-radius: 0; padding-top: 50px; } .projects-area.with-black-background .container-fluid, .testimonials-area .container-fluid { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); } .projects-details-desc .article-projects-content .content h3, .projects-item .projects-content h3, .services-details-desc .article-services-content .list li h4 { font-size: 18px; } .projects-filter-menu li { margin-bottom: 10px; } .projects-filter-menu li:last-child { margin-bottom: 0; } .projects-section-content { margin-bottom: 25px; } .projects-section-content span { font-size: 1.2rem; } .projects-section-content .projects-bg-text { font-size: 3rem; top: 1rem; } .single-testimonials-card p { font-size: var(--font-size); } .features-inner-box { margin-top: 0; padding-top: 50px; } .single-features-card { padding: 25px; } .single-features-card .features-image { position: relative; left: 0; top: 0; margin-bottom: 25px; } .single-features-card .content, .single-features-card:hover .content { opacity: 1; visibility: visible; } .projects-details-desc .article-projects-text, .services-details-desc .article-services-content { padding-left: 0; padding-right: 0; } .projects-details-desc .article-projects-content .projects-list li, .services-details-desc .article-services-content .list li { font-size: 14px; } .projects-details-desc .article-projects-with-info .projects-info-content { padding-left: 0; margin-top: 25px; } .projects-details-desc .article-projects-content { padding-left: 0; } .projects-details-desc .article-projects-content .image { margin-top: 25px; }}@media only screen and (min-width: 768px) and (max-width: 991px) { .main-banner-area .container-fluid, .projects-area.with-black-background .container-fluid, .testimonials-area .container-fluid { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); } p { font-size: 1.5rem; } .pb-100, .ptb-100 { padding-bottom: 50px; } .pt-100, .ptb-100 { padding-top: 50px; } .default-btn, .main-banner-content span, .section-title span, .services-section-content span { font-size: 14px; } .section-title { margin-bottom: 35px; } .projects-details-desc .article-projects-with-info .projects-info-content h3, .projects-section-content h3, .section-title h2, .services-section-content h3 { font-size: var(--main-heading); } .section-title .section-bg-text { font-size: 35px; } .main-banner-image, .section-title.section-style-two { margin-top: 0; } .main-banner-area { padding-top: 160px; } .main-banner-area .container-fluid { max-width: 720px; } .main-banner-content h1 { font-size: 65px; } .about-circle-shape, .single-features-card .hover-content { display: none; } .services-area .container-fluid { left: 0; max-width: 720px; } .services-section-content { margin-bottom: 30px; } .services-section-content .services-bg-text { font-size: 30px; top: 15px; } .projects-details-desc .article-projects-content .projects-list li h4, .services-details-desc .article-services-content h3, .services-item .services-content h3, .single-features-card .content h3 { font-size: var(--sub-heading); } .projects-item .projects-content .projects-btn, .services-item .services-content .services-btn { font-size: 15px; } .single-choose-card .choose-content h3 { font-size: 18px; margin-bottom: 15px; } .projects-area.with-black-background { margin-left: 0; margin-right: 0; border-radius: 0; padding-top: 50px; } .projects-item .projects-content h3 { font-size: 20px; } .projects-section-content { margin-bottom: 25px; } .projects-section-content span { font-size: 1.4rem; } .projects-section-content .projects-bg-text { font-size: 3rem; top: 20px; } .features-inner-box { margin-top: 0; padding-top: 50px; } .single-features-card { padding: 25px; } .single-features-card .features-image { position: relative; left: 0; top: 0; margin-bottom: 25px; } .single-features-card .content, .single-features-card:hover .content { opacity: 1; visibility: visible; } .projects-details-desc .article-projects-text, .services-details-desc .article-services-content { padding-left: 0; padding-right: 0; } .projects-details-desc .article-projects-content .content h3, .services-details-desc .article-services-content .list li h4 { font-size: 18px; } .projects-details-desc .article-projects-with-info .projects-info-content { padding-left: 0; margin-top: 25px; } .projects-details-desc .article-projects-with-info .projects-info-content span { font-size: 12px; } .projects-details-desc .article-projects-content { padding-left: 0; } .projects-details-desc .article-projects-content .image { margin-top: 25px; } .projects-details-desc .article-projects-text h3 { font-size: var(--sub-heading); font-weight: 900; }}@media only screen and (min-width: 992px) and (max-width: 1199px) { .about-wrap-content h3, .projects-details-desc .article-projects-with-info .projects-info-content h3, .projects-section-content h3, .section-title h2, .services-section-content h3 { font-size: var(--main-heading); } .section-title .section-bg-text, .services-section-content .services-bg-text { font-size: 40px; } .section-title.section-style-two { margin-top: 0; } .main-banner-area .container-fluid { padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); max-width: 960px; } .main-banner-content h1 { font-size: 50px; } .about-circle-shape { display: none; } .services-details-desc .article-services-content h3, .services-item .services-content h3 { font-size: var(--sub-heading); } .single-choose-card .choose-content h3 { font-size: 20px; } .projects-area.with-black-background { margin-left: 0; margin-right: 0; border-radius: 0; } .projects-section-content .projects-bg-text { font-size: 4rem; top: 25px; } .single-features-card { padding: 20px 20px 20px 90px; } .single-features-card .features-image { left: 20px; top: 45px; max-width: 50px; } .single-features-card .content h3 { font-size: var(--sub-heading); margin-bottom: 12px; } .single-features-card .hover-content h3 { font-size: 18px; margin-bottom: 12px; }}@media only screen and (min-width: 1200px) and (max-width: 1399px) { .services-section-content .services-bg-text { font-size: 60px; } .projects-section-content .projects-bg-text { font-size: 6rem; }}@media only screen and (min-width: 1399px) and (max-width: 1549px) { .main-banner-content h1 { font-size: 58px !important; line-height: 0.9 !important; }}@media only screen and (min-width: 1793px) and (max-width: 1549px) { .main-banner-content h1 { font-size: 58px !important; line-height: 0.9 !important; }}@media only screen and (max-width: 1550px) { .main-banner-image { position: relative; z-index: 1; text-align: center; top: -100px !important; left: 0% !important; padding: 0px 36px; } .about-circle-shape { left: 0; } #homa_page .col-lg-12 .main-banner-image img { width: 80%; } .projects-section-content .service-new li { width: 62%; }}@media only screen and (min-width: 1550px) { .main-banner-area .container-fluid { max-width: 1900px; padding-left: 100px; padding-right: 100px; } .main-banner-content h1 { font-size: 65px; line-height: 0.9 !important; } .main-banner-content h1 p { font-size: 5vw; font-weight: 700; line-height: 80px; } .projects-section-content, .services-section-content { max-width: 480px; }}@media only screen and (min-width: 1921px) { .main-banner-image { position: relative; z-index: 1; text-align: center; top: 20px; left: 18%; } .main-navbar .navbar .navbar-brand { right: 6%; } .beeline, .casino-case, .die, .election, .gameportal, .kinect-banner, .livecasino, .milo, .minesweeper, .nft, .prodigy, .tug, .wheel, .worldcasino, .zilla { background-size: contain; }}