/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/ /*---------- Small Mobile , IPhone Start ----------*/ /*=== Screen Size = 240, 320, 360, 480, 568 ===*/ @media (min-width: 240px) and (max-width: 568px){ .banner-section .main-carousel img, .main-sub-banner-section .banner-img img { height: 400px !important; } .banner-section .banner-inner h2 { font-size: 20px; line-height: 25px; margin: 0 0 20px; } .banner-section .banner-inner .banner-btn { float: none; margin: 0 auto; display: inline-block; } .banner-section .banner-inner .banner-btn .btn-default { display: block; margin: 0 0 10px; } .banner-section .banner-inner .banner-btn .btn-default:last-child { margin: 0; } .banner-section .top-to-bottom { bottom: 5px; } /* .section-title h2 { font-size: 20px; line-height: 25px; margin: 0 0 20px; } .contact-section h2 { font-size: 20px; line-height: 25px; margin: 0 0 20px; } */ .header .h-right .h-top .h-contact ul li { display: inline-block; padding: 3px 10px 3px 0; } .header .h-right .h-top .h-contact ul li:first-child { padding-top: 0; } .header .h-right .h-top .h-contact ul li:last-child { padding-bottom: 0; padding-right:0; } .header .h-right .h-top .h-contact ul li a { font-size: 11px; line-height: 14px; } .header .h-right .h-top .h-contact { padding: 0; float: none; display: inline-block; vertical-align: top; } .header .h-right .h-top .h-social { padding: 0; float: none; display: inline-block; vertical-align: top; width:auto; } .header .h-right .h-top .h-social ul li { padding:0 0 0 10px; } .header .h-right .h-top .h-contact ul li a i { font-size:15px; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .banner-img img { height: 450px; object-fit: cover; font-family: 'object-fit: cover'; }.main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 16px; line-height: 22px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 20px; line-height: 25px; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { font-size: 16px; line-height: 22px; padding: 0 0 10px; } .main-section-title h1, .main-section-title h2, .main-section-title h3, .main-section-title h4, .main-section-title h5, .main-section-title h6 { font-size: 20px; line-height: 25px; letter-spacing: 2px; } /* About Page End */ /* Service Page Start */ .our-recent-projects-section .project-title h1, .our-recent-projects-section .project-title h2, .our-recent-projects-section .project-title h3, .our-recent-projects-section .project-title h4, .our-recent-projects-section .project-title h5, .our-recent-projects-section .project-title h6 { font-size: 20px; line-height: 25px; letter-spacing: 2px; } /* Service Page End */ /* Construction Page Start */ .construction-management-list .construction-block .construction-icon { position: relative; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; float: none; margin: 0 auto 25px; } .construction-management-list .construction-block { padding-left: 0; } .quote-section .quote-title span { font-size: 20px; line-height: 25px; } /* Construction Page End */ /* Contact Page Start */ .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 16px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 20px; line-height: 25px; } /* Contact Page End */ /* Inner Pages End */ .footer-bottom p { font-size:12px; } } @media (min-width: 569px) and (max-width: 767px){ .banner-section .banner-inner h2 { font-size: 25px; line-height: 30px; margin: 0 0 20px; } .banner-section .top-to-bottom { bottom: 20px; } /* .section-title h2 { font-size: 25px; line-height: 30px; margin: 0 0 20px; } .contact-section h2 { font-size: 25px; line-height: 30px; margin: 0 0 20px; } */ .header .h-right .h-top .h-contact { padding: 0 10px; float: none; display: inline-block; } .header .h-right .h-top .h-contact ul li { padding: 0 10px 0 0; } .header .h-right .h-top .h-social { float: none; display: inline-block; padding-right: 10px; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .banner-img img, .main-sub-banner-section .banner-img img { height: 300px; object-fit: cover; font-family: 'object-fit: cover'; } .main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 18px; line-height: 24px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 25px; line-height: 30px; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { font-size: 18px; line-height: 24px; padding: 0 0 10px; } .main-section-title h1, .main-section-title h2, .main-section-title h3, .main-section-title h4, .main-section-title h5, .main-section-title h6 { font-size: 25px; line-height: 30px; letter-spacing: 2px; } /* About Page End */ /* Service Page Start */ .our-recent-projects-section .project-title h1, .our-recent-projects-section .project-title h2, .our-recent-projects-section .project-title h3, .our-recent-projects-section .project-title h4, .our-recent-projects-section .project-title h5, .our-recent-projects-section .project-title h6 { font-size: 22px; line-height: 30px; letter-spacing: 2px; } /* Service Page End */ /* Construction Page Start */ .construction-management-list .construction-block { padding-left: 70px; } .quote-section .quote-title span { font-size: 22px; line-height: 28px; } /* Construction Page End */ /* Contact Page Start */ .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 18px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 22px; line-height: 25px; } /* Contact Page End */ /* Inner Pages End */ } @media (max-width: 1400px) { .header .h-right .h-top { padding:10px 0; } .header .h-right .h-menu { margin-top:10px; } } @media (max-width: 1024px) { .banner-section .main-carousel img, .main-sub-banner-section .banner-img img { height: auto !important; } } @media (max-width: 767px) { .header .h-logo { padding: 20px 15px; text-align: center; width: 100%; } .header .h-logo img { width: 175px; } /* .header .h-logo img { width:100%; } */ .h-right { width: 100%; } .header .h-right .h-top { width: 100%; padding: 15px; text-align: center; } .testimonial-slider .slick-slide { padding:0; } .service-section .service-block .service-desc { padding:0 15px; } .common-text-section .space-block h3 { font-size:20px; line-height:20px; } .header .h-right .h-menu { margin-top: 10px; width: 100%; } .header .h-right .h-menu .navbar-nav>li>a { font-size: 18px; line-height: 18px; padding: 15px; } .banner-section .top-to-bottom a { font-size: 40px; line-height: 40px; } /* Navigation Start */ .navbar-toggle { margin-top: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: none; padding: 0; width: 32px; height: 32px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:transparent; } .navbar-toggle .icon-bar { position: relative; left: 50%; right: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } .navbar-toggle.open .icon-bar:nth-child(2) { top: 2px; transform: translate(-50%, 0) rotate(45deg); -webkit-transform: translate(-50%, 0) rotate(45deg); -moz-transform: translate(-50%, 0) rotate(45deg); -ms-transform: translate(-50%, 0) rotate(45deg); -o-transform: translate(-50%, 0) rotate(45deg); } .navbar-toggle.open .icon-bar:nth-child(3) { display: none; } .navbar-toggle.open .icon-bar:last-child { top: -4px; transform: translate(-50%, 0) rotate(-45deg); -webkit-transform: translate(-50%, 0) rotate(-45deg); -moz-transform: translate(-50%, 0) rotate(-45deg); -ms-transform: translate(-50%, 0) rotate(-45deg); -o-transform: translate(-50%, 0) rotate(-45deg); } .header .h-right .h-menu .navbar-default .navbar-collapse .navbar-nav { width: 100%; margin: 0; padding: 0 15px; } .header .h-right .h-menu .navbar-nav>li:after { display: none; } .header .h-right .h-menu .navbar-default .navbar-collapse { border: none; } .header .h-right .h-menu .navbar-nav>li ul { text-align: left; } .header .h-right .h-menu .navbar-nav>li>a span:before{ display: none; } .header .h-right .h-menu .navbar-nav>li>a span.caret:before { display: block; content: '+'; height: auto; bottom: 0; opacity: 1; } .header .h-right .h-menu .navbar-nav.sm-collapsible>li>a span.caret.open:before { content: '-'; } /* .header .h-right .h-menu .navbar-nav>li>a.has-submenu:hover { border-bottom: 2px solid #f2742c; } .header .h-right .h-menu .navbar-nav>li.open>a.has-submenu:hover { border-bottom: none; } */ /* Navigation End */ .banner-section .main-carousel img, .main-sub-banner-section .banner-img img { height: 400px !important; } .btn-default { margin: 10px 0 0; } .banner-section .banner-inner { padding: 30px 15px; } .banner-section .banner-inner h5 { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .service-section { padding: 30px 0; } .service-section [class^=col-]:nth-child(2n+1) { clear: both; } .service-section .service-block { margin: 0 0 30px; } .service-section .service-block .service-img { padding: 0 0 20px; } .service-section .service-block .service-desc h3 { font-size: 18px; } .interested-section { padding: 30px 0; } .interested-section .intersted-block h2 { font-size: 20px; line-height: 25px; margin: 0 0 15px; } .common-text-section.text-left .space-block { padding-left: 0; } .common-text-section.text-right .space-block { padding-right: 0; } .section-title { padding-bottom: 30px; } .space-section { padding: 30px 0; } .project-section { padding: 30px 0 0; } .section-title h5 { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .contact-form { width: 100%; } .common-text-section .space-block h3 { margin: 0 0 25px; } .portfolio-detail h3 { font-size: 25px; line-height: 30px; } .over-value { padding: 105px 0 30px; } .testimonial-section { padding: 30px 0; } .testimonial-slider { padding: 0 50px; } .testimonial-slider h3 { font-size: 20px; line-height: 25px; } /* .contact-section { padding: 30px 0; } .contact-section h6 { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .contact-form .form-group { margin: 0 0 20px; } */ .footer-top { padding: 30px 0 20px; } .footer-bottom { padding: 15px 0; } .footer-bottom p, .footer-bottom p a { line-height: 20px; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .main-banner-title { padding: 0 0 15px; } .main-banner-section .main-banner-content .main-banner-description { padding: 0; } .about-us-section { padding: 30px 0 20px; } .about-us-section .block-title h1, .about-us-section .block-title h2, .about-us-section .block-title h3, .about-us-section .block-title h4, .about-us-section .block-title h5, .about-us-section .block-title h6 { font-size: 22px; line-height: 22px; } .about-us-section p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } .about-us-section .about-us-detail { padding-right: 0; } .service-quality-section { padding: 30px 0; } .service-quality-section .block-title { padding: 0 0 15px; } .service-quality-section .block-title h1, .service-quality-section .block-title h2, .service-quality-section .block-title h3, .service-quality-section .block-title h4, .service-quality-section .block-title h5, .service-quality-section .block-title h6 { font-size: 20px; line-height: 25px; } .service-quality-section .service-quality-content .row { margin: 0 -15px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 15px; } .service-quality-section .service-quality-content .service-quality-block { padding: 0 0 20px; } .service-quality-section .service-quality-content [class^=col-]:last-child .service-quality-block { padding: 0; } .service-quality-section .service-quality-block p { font-size: 14px; line-height: 20px; } .our-team-section { padding: 30px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 20px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 30px; line-height: 35px; letter-spacing: 2px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { font-size: 16px; line-height: 22px; padding: 0 0 10px; } .our-team-section .team-block .team-detail p { font-size: 14px; line-height: 20px; } .our-team-section .team-detail .team-member-name { padding: 0 0 15px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { font-size: 18px; line-height: 25px; letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 14px; line-height: 20px; } .our-team-section .team-block .team-image img { height: auto; } .our-team-section .team-block .team-detail { padding: 15px; height: auto; } .our-team-section .team-block.team-top-detail-block .team-detail { float: left; vertical-align: inherit; } .our-team-section .team-block { float: left; width: 100%; margin: 0 0 20px; } .our-team-section .team-block.team-manager-block .team-detail { background:#4D4D4D; } .our-team-section .team-block.team-top-detail-block .team-detail:before { top: auto; bottom: 100%; border-width: 0 32.5px 19px 32.5px; border-color: transparent transparent #4D4D4D transparent; } .our-team-section .team-block.team-top-detail-block.team-manager-block .team-detail:before { border-color: transparent transparent #4D4D4D transparent; } .accreditation-section { padding: 25px 0 15px; } .accreditation-section .accreditation-content p { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .services-section { padding: 30px 0 0; } .services-section .service-block { padding: 0 0 30px; } .services-section .service-block .service-icon { padding: 0 0 15px; } .services-section .service-block .title { padding: 0 0 10px; } .services-section .service-block .title span, .services-section .service-block .title a { font-size: 16px; line-height: 20px; } .contact-section { padding: 30px 0; } .contact-section .contact-content { padding: 0; } .accreditation-section .accreditation-title { padding: 0 0 20px; } .accreditation-section .accreditation-title h1, .accreditation-section .accreditation-title h2, .accreditation-section .accreditation-title h3, .accreditation-section .accreditation-title h4, .accreditation-section .accreditation-title h5, .accreditation-section .accreditation-title h6 { font-size: 22px; line-height: 28px; letter-spacing: 3px; } form.common-form .form-group { margin: 0 0 25px; } form.common-form .form-control { height: 45px; font-size: 18px; letter-spacing: 3px; } form.common-form .form-submit-btn .btn { width: 180px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 30px 0 25px; } .our-business-section .our-business-content { padding-right: 20px; } .our-business-section .our-business-title h1, .our-business-section .our-business-title h2, .our-business-section .our-business-title h3, .our-business-section .our-business-title h4, .our-business-section .our-business-title h5, .our-business-section .our-business-title h6 { font-size: 20px; line-height: 25px; } .our-business-section .our-business-content p { font-size: 14px; line-height: 20px; } .interior-construction-section .interior-construction-block { padding: 30px 0 25px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 20px; line-height: 25px; } .interior-construction-section .interior-construction-description .row { display: block; } .interior-construction-section .interior-construction-description [class^=col-] { float: left; vertical-align: inherit; display: block; width: 100%; } .interior-construction-section .interior-construction-description .construction-icon { padding: 0 0 20px; } .interior-construction-section .interior-construction-block p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 20px; line-height: 25px; } .our-recent-projects-section .our-recent-projects-content [class^=col-]:last-child .recent-project-block { margin-bottom: 0; } /* .our-recent-projects-section .recent-project-block { margin: 0 0 20px; } */ .our-recent-projects-section .recent-project-block img { height: 250px; } .our-recent-projects-section { padding: 30px 0 0; } .our-recent-projects-section .project-title { padding: 0 0 25px; } .interior-construction-section .interior-construction-block .read-more-btn .btn { width: 180px; } /* Service Page End */ /* Construction Page Start */ .main-sub-banner-section .main-banner-title h1, .main-sub-banner-section .main-banner-title h2, .main-sub-banner-section .main-banner-title h3, .main-sub-banner-section .main-banner-title h4, .main-sub-banner-section .main-banner-title h5, .main-sub-banner-section .main-banner-title h6 { font-size: 30px; line-height: 35px; } .main-sub-banner-section .main-banner-title h1 span, .main-sub-banner-section .main-banner-title h2 span, .main-sub-banner-section .main-banner-title h3 span, .main-sub-banner-section .main-banner-title h4 span, .main-sub-banner-section .main-banner-title h5 span, .main-sub-banner-section .main-banner-title h6 span { font-size: 25px; line-height: 30px; } .construction-section .construction-title h1, .construction-section .construction-title h2, .construction-section .construction-title h3, .construction-section .construction-title h4, .construction-section .construction-title h5, .construction-section .construction-title h6 { font-size: 22px; line-height: 25px; } .construction-management-list .row { margin: 0 -15px; } .construction-management-list [class^=col-] { padding: 0 15px; } .main-sub-banner-section .main-banner-content { padding: 30px 0 20px; } /*.construction-management-list .construction-block .construction-icon { width: 50px; height: 50px; } .construction-management-list .construction-block .construction-icon img, .construction-management-list .construction-block .construction-icon svg { width: 30px; height: 30px; }*/ .construction-management-list .construction-block { margin: 0 0 25px; } .construction-management-list .construction-block .title h1, .construction-management-list .construction-block .title h2, .construction-management-list .construction-block .title h3, .construction-management-list .construction-block .title h4, .construction-management-list .construction-block .title h5, .construction-management-list .construction-block .title h6 { font-size: 18px; line-height: 24px; } .recent-project-detail-section { padding: 30px 0 20px; } .construction-section .construction-main-detail p { font-size: 16px; line-height: 22px; } .recent-project-detail-section .project-title { padding: 0 0 15px; } .recent-project-detail-section .recent-project-detail-content .projects-btn { padding: 15px 0 0; } .construction-section { padding: 30px 0 10px; } .construction-section .construction-main-detail { padding: 0 0 30px; } .main-sub-banner-section .main-banner-content .main-banner-description { padding: 0; } .construction-management-list .construction-block .title { padding: 0 0 10px; } .construction-management-list .construction-block .block-detail p { font-size: 14px; line-height: 22px; } .recent-project-detail-section .project-title h1, .recent-project-detail-section .project-title h2, .recent-project-detail-section .project-title h3, .recent-project-detail-section .project-title h4, .recent-project-detail-section .project-title h5, .recent-project-detail-section .project-title h6 { font-size: 22px; line-height: 25px; letter-spacing: 3px; } .recent-project-detail-section .recent-project-detail-content p { font-size: 16px; line-height: 20px; } .recent-project-detail-section .recent-project-detail-content .recent-project-desc { padding-left: 0; } .recent-project-detail-section .recent-project-detail-content .projects-btn .btn { width: 180px; } .quote-section { padding: 25px 0; } .quote-section .quote-title { padding: 0 0 10px; } .quote-section .quote-title span { letter-spacing: 3px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 25px 15px; } .projects-section .project-block:nth-child(even) .project-description { padding: 25px; } .projects-section .project-block .project-description:before, .projects-section .project-block:nth-child(even) .project-description:before { border-width: 0 15px 15px 15px; border-color: transparent transparent #ffffff transparent; right: auto; left: 50%; top: auto; bottom: 100%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .projects-section .project-block .project-image img { height: auto; } .projects-section .project-block .project-title { padding: 0 0 15px; } .projects-section .project-block .project-title h1, .projects-section .project-block .project-title h2, .projects-section .project-block .project-title h3, .projects-section .project-block .project-title h4, .projects-section .project-block .project-title h5, .projects-section .project-block .project-title h6 { font-size: 20px; line-height: 25px; letter-spacing: 1px; } .projects-section .project-block p { font-size: 14px; line-height: 20px; } .projects-section .project-block .more-info-btn { padding: 15px 0 0; } .projects-section .project-block .more-info-btn .btn { width: 180px; } .projects-section .project-block .row { display: block; table-layout: inherit; width: auto; } .projects-section .project-block [class^=col-] { display: block; float: left; width: 100%; vertical-align: inherit; } /* Projects Page End */ /* Contact Page Start */ .contact-pg { padding: 0 0 30px; } .get-in-touch-section .get-in-touch-title { padding: 0 0 20px; } .get-in-touch-section .row { display: block; table-layout: inherit; width: auto; } .get-in-touch-section [class^=col-] { padding: 30px 15px; float: left; width: 100%; display: block; } .get-in-touch-section .contact-address-block { padding: 20px 0 0; } .get-in-touch-section .contact-info-block p { font-size: 16px; line-height: 22px; } .get-in-touch-section .drop-message-block form { padding: 10px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 14px; line-height: 20px; margin: 0 0 20px; padding: 0 0 0 30px; } .get-in-touch-section .contact-address-block ul li .icon svg { width: 22px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 40px 0 0; } .optus-think-section { padding: 0 0 20px; } .optus-think-pg .our-recent-projects-section { padding: 30px 0; } .optus-think-section .optus-think-content p { font-size: 14px; line-height: 22px; margin: 0 0 15px; } .optus-think-section .optus-works-list ul li { font-size: 14px; line-height: 22px; } .othus-images-masonry .image-block { margin: 0 0 15px; } .optus-think-section .othus-images-masonry { margin: 0 -10px; } .optus-think-section .othus-images-masonry [class^=col-] { padding: 0 10px; } /* Optus Think Page End */ /* Inner Pages End */ .services-section .col-sm-6 { width:50%; float:left; } .portfolio-overlay { opacity:1; background:rgba(77, 77, 77, 0.76); } .portfolio-detail { opacity:1; } .projects-section .project-block .project-image .project-title { opacity:1; margin:0; padding:0; } .projects-section .project-block .project-image .project-title h3 { color:#fff; } .projects-section .project-block .project-image .img-overlay { opacity:1; background:rgba(77, 77, 77, 0.76); } .projects-section .project-block .project-description { display:none; } .projects-section .project-block [class^=col-] { margin-bottom:10px; } .projects-section .project-block .project-image img { height:125px; object-fit: cover; } .project-section .project-desc .portfolio-gal img { height:125px; object-fit: cover; } .portfolio-detail { top: 50%; left: 0; right: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); margin-right: 0; margin-left:0; } } @media (min-width: 768px) { .header .h-right .h-menu .navbar-nav>li>a span.caret { display: none; } } @media (min-width: 768px) and (max-width: 991px){ .header .h-logo { padding: 30px 0 0 30px; } .header .h-logo img { width: 175px; } .header .h-right .h-top .h-contact { padding: 0 20px; } .header .h-right .h-top .h-contact ul li { padding: 0 20px 0 0; } .header .h-right .h-top .h-social { padding-right: 20px; } /* .header .h-logo img { width:100%; } */ .testimonial-slider .slick-slide { padding:0; } .service-section .service-block .service-desc { padding:0 15px; } .common-text-section .space-block h3 { font-size:20px; line-height:20px; } .header .h-right .h-menu { margin-top: 10px; } .header .h-right .h-menu .navbar-nav>li>a { font-size: 18px; line-height: 18px; padding: 13px 16px; } .header .h-right .h-menu .navbar-nav>li>a span:before { bottom: -5px; } .btn-default { margin: 20px 0 0; } .banner-section .banner-inner { padding: 50px 0; } .banner-section .banner-inner h2 { font-size: 30px; line-height: 40px; margin: 0 0 30px; } .banner-section .banner-inner h5 { margin: 0 0 20px; } .service-section { padding: 50px 0; } .service-section [class^=col-]:nth-child(2n+1) { clear: both; } .service-section .service-block { margin: 0 0 30px; } .service-section .service-block .service-img { padding: 0 0 20px; } .service-section .service-block .service-desc h3 { font-size: 18px; } .interested-section { padding: 45px 0; } .interested-section .intersted-block h2 { font-size: 25px; margin: 0 0 20px; } .common-text-section.text-left .space-block { padding-left: 30px; } .common-text-section.text-right .space-block { padding-right: 30px; } .section-title { padding-bottom: 50px; } .space-section { padding: 50px 0; } .project-section { padding: 50px 0 0; } .section-title h5 { margin: 0 0 20px; } .section-title h2 { font-size: 30px; line-height: 40px; margin: 0 0 30px; } .contact-form { width: 100%; } .common-text-section .space-block h3 { margin: 0 0 25px; } .portfolio-detail h3 { font-size: 25px; line-height: 30px; } .over-value { padding: 200px 0 120px; } .testimonial-section { padding: 50px 0; } .testimonial-slider { padding: 0 70px; } .testimonial-slider h3 { font-size: 25px; line-height: 35px; } .contact-section { padding: 50px 0; } /* .contact-section h6 { margin: 0 0 20px; } .contact-section h2 { margin: 0 0 30px; } .contact-section h2 { font-size: 30px; line-height: 40px; } .contact-form .form-group { margin: 0 0 30px; } */ .footer-top { padding: 40px 0 20px; } .footer-bottom { padding: 25px 0; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .banner-img img { height: 300px; object-fit: cover; font-family: 'object-fit: cover'; } .main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 20px; line-height: 25px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 30px; line-height: 40px; } .main-banner-section .main-banner-title { padding: 0 0 15px; } .main-banner-section .main-banner-content .main-banner-description { padding: 0; } .about-us-section { padding: 30px 0 20px; } .about-us-section .block-title h1, .about-us-section .block-title h2, .about-us-section .block-title h3, .about-us-section .block-title h4, .about-us-section .block-title h5, .about-us-section .block-title h6 { font-size: 22px; line-height: 22px; } .about-us-section p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } .about-us-section .about-us-detail { padding-right: 0; } .service-quality-section { padding: 30px 0; } .service-quality-section .block-title { padding: 0 0 15px; } .service-quality-section .block-title h1, .service-quality-section .block-title h2, .service-quality-section .block-title h3, .service-quality-section .block-title h4, .service-quality-section .block-title h5, .service-quality-section .block-title h6 { font-size: 20px; line-height: 25px; } .service-quality-section .service-quality-content .row { margin: 0 -15px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 15px; } .service-quality-section .service-quality-block p { font-size: 14px; line-height: 20px; } .our-team-section { padding: 30px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 20px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 35px; line-height: 45px; letter-spacing: 3px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { font-size: 16px; line-height: 22px; padding: 0 0 10px; } .our-team-section .team-block .team-detail p { font-size: 14px; line-height: 20px; } .our-team-section .team-detail .team-member-name { padding: 0 0 15px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { font-size: 18px; line-height: 25px; letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 14px; line-height: 20px; } .our-team-section .team-block .team-image img { height: 300px; } .our-team-section .team-block .team-detail { padding: 15px; height: 300px; } .accreditation-section { padding: 30px 0; } .accreditation-section .accreditation-content p { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .services-section { padding: 30px 0 0; } .services-section .service-block { padding: 0 0 30px; } .services-section .service-block .service-icon { padding: 0 0 15px; } .services-section .service-block .title { padding: 0 0 10px; } .services-section .service-block .title span, .services-section .service-block .title a { font-size: 16px; line-height: 20px; } .contact-section { padding: 30px 0; } .contact-section .contact-content { padding: 0; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { font-size: 18px; line-height: 24px; padding: 0 0 10px; } .main-section-title h1, .main-section-title h2, .main-section-title h3, .main-section-title h4, .main-section-title h5, .main-section-title h6 { font-size: 30px; line-height: 35px; letter-spacing: 2px; } .accreditation-section .accreditation-title { padding: 0 0 20px; } .accreditation-section .accreditation-title h1, .accreditation-section .accreditation-title h2, .accreditation-section .accreditation-title h3, .accreditation-section .accreditation-title h4, .accreditation-section .accreditation-title h5, .accreditation-section .accreditation-title h6 { font-size: 22px; line-height: 28px; letter-spacing: 3px; } form.common-form .form-group { margin: 0 0 25px; } form.common-form .form-control { height: 45px; letter-spacing: 2px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 30px 0 25px; } .our-business-section .our-business-content { padding-right: 20px; } .our-business-section .our-business-title h1, .our-business-section .our-business-title h2, .our-business-section .our-business-title h3, .our-business-section .our-business-title h4, .our-business-section .our-business-title h5, .our-business-section .our-business-title h6 { font-size: 20px; line-height: 25px; } .our-business-section .our-business-content p { font-size: 14px; line-height: 20px; } .interior-construction-section .interior-construction-block { padding: 30px 0 25px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 20px; line-height: 25px; } .interior-construction-section .interior-construction-block p { font-size: 14px; line-height: 20px; margin: 0 0 15px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 20px; line-height: 25px; } .our-recent-projects-section .recent-project-block img { height: 225px; } .our-recent-projects-section { padding: 30px 0 0; } .our-recent-projects-section .project-title { padding: 0 0 25px; } .our-recent-projects-section .project-title h1, .our-recent-projects-section .project-title h2, .our-recent-projects-section .project-title h3, .our-recent-projects-section .project-title h4, .our-recent-projects-section .project-title h5, .our-recent-projects-section .project-title h6 { font-size: 22px; line-height: 30px; letter-spacing: 3px; } /* Service Page End */ /* Construction Page Start */ .main-sub-banner-section .main-banner-title h1, .main-sub-banner-section .main-banner-title h2, .main-sub-banner-section .main-banner-title h3, .main-sub-banner-section .main-banner-title h4, .main-sub-banner-section .main-banner-title h5, .main-sub-banner-section .main-banner-title h6 { font-size: 30px; line-height: 35px; } .main-sub-banner-section .main-banner-title h1 span, .main-sub-banner-section .main-banner-title h2 span, .main-sub-banner-section .main-banner-title h3 span, .main-sub-banner-section .main-banner-title h4 span, .main-sub-banner-section .main-banner-title h5 span, .main-sub-banner-section .main-banner-title h6 span { font-size: 25px; line-height: 30px; } .construction-section .construction-title h1, .construction-section .construction-title h2, .construction-section .construction-title h3, .construction-section .construction-title h4, .construction-section .construction-title h5, .construction-section .construction-title h6 { font-size: 22px; line-height: 25px; } .construction-management-list .row { margin: 0 -15px; } .construction-management-list [class^=col-] { padding: 0 15px; } .main-sub-banner-section .main-banner-content { padding: 30px 0 20px; } .construction-management-list .construction-block .construction-icon { width: 75px; height: 75px; } .construction-management-list .construction-block .construction-icon img, .construction-management-list .construction-block .construction-icon svg { width: 35px; height: 35px; } .construction-management-list .construction-block { padding-left: 115px; margin: 0 0 30px; } .construction-management-list .construction-block .title h1, .construction-management-list .construction-block .title h2, .construction-management-list .construction-block .title h3, .construction-management-list .construction-block .title h4, .construction-management-list .construction-block .title h5, .construction-management-list .construction-block .title h6 { font-size: 18px; line-height: 24px; } .recent-project-detail-section { padding: 40px 0 30px; } .construction-section .construction-main-detail p { font-size: 16px; line-height: 22px; } .recent-project-detail-section .project-title { padding: 0 0 25px; } .construction-section { padding: 50px 0 20px; } .construction-section .construction-main-detail { padding: 0 0 30px; } .main-sub-banner-section .main-banner-content .main-banner-description { padding: 0; } .construction-management-list .construction-block .title { padding: 0 0 15px; } .construction-management-list .construction-block .block-detail p { font-size: 14px; line-height: 22px; } .recent-project-detail-section .project-title h1, .recent-project-detail-section .project-title h2, .recent-project-detail-section .project-title h3, .recent-project-detail-section .project-title h4, .recent-project-detail-section .project-title h5, .recent-project-detail-section .project-title h6 { font-size: 22px; line-height: 25px; letter-spacing: 3px; } .recent-project-detail-section .recent-project-detail-content p { font-size: 16px; line-height: 20px; } .recent-project-detail-section .recent-project-detail-content .recent-project-desc { padding-left: 0; } .quote-section { padding: 30px 0; } .quote-section .quote-title span { font-size: 22px; line-height: 28px; letter-spacing: 3px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 25px; } .projects-section .project-block:nth-child(even) .project-description { padding: 25px; } .projects-section .project-block .project-description:before { border-width: 30px 15px 30px 0; } .projects-section .project-block:nth-child(even) .project-description:before { border-width: 30px 0 30px 15px; } .projects-section .project-block .project-image img { height: 400px; } .projects-section .project-block .project-title { padding: 0 0 15px; } .projects-section .project-block .project-title h1, .projects-section .project-block .project-title h2, .projects-section .project-block .project-title h3, .projects-section .project-block .project-title h4, .projects-section .project-block .project-title h5, .projects-section .project-block .project-title h6 { font-size: 20px; line-height: 25px; letter-spacing: 1px; } .projects-section .project-block p { font-size: 14px; line-height: 22px; } .projects-section .project-block .more-info-btn { padding: 15px 0 0; } .projects-section .project-block .more-info-btn .btn { width: 200px; } /* Projects Page End */ /* Contact Page Start */ .contact-pg { padding: 0 0 50px; } .get-in-touch-section .get-in-touch-title { padding: 0 0 20px; } .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 18px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 25px; line-height: 25px; } .get-in-touch-section [class^=col-] { padding: 30px; } .get-in-touch-section .contact-address-block { padding: 20px 0 0; } .get-in-touch-section .contact-info-block p { font-size: 16px; line-height: 22px; } .get-in-touch-section .drop-message-block form { padding: 10px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 14px; line-height: 20px; margin: 0 0 25px; padding: 0 0 0 40px; } .get-in-touch-section .contact-address-block ul li .icon svg { width: 25px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 40px 0 0; } .optus-think-section { padding: 0 0 20px; } .optus-think-pg .our-recent-projects-section { padding: 30px 0; } .optus-think-section .optus-think-content p { font-size: 14px; line-height: 22px; margin: 0 0 20px; } .optus-think-section .optus-works-list ul li { font-size: 14px; line-height: 22px; } .othus-images-masonry .image-block { margin: 0 0 15px; } .optus-think-section .othus-images-masonry { margin: 0 -10px; } .optus-think-section .othus-images-masonry [class^=col-] { padding: 0 10px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 992px) and (max-width: 1199px){ .header .h-logo { padding: 30px 0 0 30px; } .header .h-logo img { width: 250px; } .header .h-right .h-top .h-contact ul li { padding: 0 40px 0 0; } .header .h-right .h-top .h-social { padding-right: 40px; } .common-text-section.text-left .space-block { padding-left: 50px; } .common-text-section.text-right .space-block { padding-right: 50px; } /* .header .h-logo img { width:100%; } */ .testimonial-slider .slick-slide { padding:0; } .service-section .service-block .service-desc { padding:0 15px; } .common-text-section .space-block h3 { font-size:20px; line-height:20px; } .header .h-right .h-menu { margin-top: 10px; } .btn-default { margin: 20px 0 0; } .banner-section .banner-inner h2 { font-size: 45px; line-height: 50px; margin: 0 0 50px; } .banner-section .banner-inner h5 { margin: 0 0 40px; } .service-section { padding: 70px 0; } .service-section .service-block .service-img { padding: 0 0 20px; } .interested-section { padding: 45px 0; } .interested-section .intersted-block h2 { margin: 0 0 20px; } .space-section { padding: 75px 0 90px; } .project-section { padding: 70px 0 0; } .section-title h5 { margin: 0 0 20px; } .section-title h2 { font-size: 35px; line-height: 45px; margin: 0 0 30px; } .common-text-section .space-block h3 { margin: 0 0 25px; } .portfolio-detail h3 { font-size: 25px; line-height: 30px; } .over-value { padding: 200px 0 120px; } .testimonial-section { padding: 100px 0; } .testimonial-slider { padding: 0 100px; } .testimonial-slider h3 { font-size: 25px; line-height: 35px; } .contact-section { padding: 70px 0 50px; } /* .contact-section h6 { margin: 0 0 20px; } .contact-section h2 { margin: 0 0 30px; } */ /* .contact-section h2 { font-size: 35px; line-height: 45px; } .contact-form .form-group { margin: 0 0 30px; } */ .footer-top { padding: 40px 0 20px; } .footer-bottom { padding: 25px 0; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 20px; line-height: 25px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 35px; line-height: 45px; } .main-banner-section .main-banner-title { padding: 0 0 15px; } .main-banner-section .main-banner-content .main-banner-description { padding: 0; } .about-us-section { padding: 50px 0 25px; } .about-us-section .block-title h1, .about-us-section .block-title h2, .about-us-section .block-title h3, .about-us-section .block-title h4, .about-us-section .block-title h5, .about-us-section .block-title h6 { font-size: 22px; line-height: 22px; } .about-us-section p { font-size: 16px; line-height: 25px; margin: 0 0 15px; } .service-quality-section { padding: 50px 0; } .service-quality-section .block-title { padding: 0 0 15px; } .service-quality-section .block-title h1, .service-quality-section .block-title h2, .service-quality-section .block-title h3, .service-quality-section .block-title h4, .service-quality-section .block-title h5, .service-quality-section .block-title h6 { font-size: 22px; line-height: 28px; } .service-quality-section .service-quality-content .row { margin: 0 -20px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 20px; } .service-quality-section .service-quality-block p { font-size: 16px; line-height: 22px; } .our-team-section { padding: 50px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 30px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 40px; line-height: 50px; letter-spacing: 3px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { padding: 0 0 10px; } .our-team-section .team-block .team-detail p { font-size: 14px; line-height: 20px; } .our-team-section .team-detail .team-member-name { padding: 0 0 15px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { font-size: 20px; line-height: 25px; letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 16px; line-height: 22px; } .our-team-section .team-block .team-image img { height: 300px; } .our-team-section .team-block .team-detail { padding: 15px; height: 300px; } .accreditation-section { padding: 50px 0; } .accreditation-section .accreditation-content p { font-size: 16px; line-height: 22px; margin: 0 0 15px; } .services-section { padding: 50px 0; } .services-section .service-block { padding: 0; } .services-section .service-block .service-icon { padding: 0 0 15px; } .services-section .service-block .title { padding: 0 0 10px; } .services-section .service-block .title span, .services-section .service-block .title a { font-size: 16px; line-height: 20px; } .contact-section { padding: 50px 0; } .contact-section .contact-content { padding: 0; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { font-size: 18px; line-height: 24px; padding: 0 0 10px; } .main-section-title h1, .main-section-title h2, .main-section-title h3, .main-section-title h4, .main-section-title h5, .main-section-title h6 { font-size: 35px; line-height: 40px; } .accreditation-section .accreditation-title { padding: 0 0 20px; } .accreditation-section .accreditation-title h1, .accreditation-section .accreditation-title h2, .accreditation-section .accreditation-title h3, .accreditation-section .accreditation-title h4, .accreditation-section .accreditation-title h5, .accreditation-section .accreditation-title h6 { font-size: 25px; line-height: 30px; letter-spacing: 3px; } form.common-form .form-group { margin: 0 0 25px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 50px 0 45px; } .our-business-section .our-business-content { padding-right: 50px; } .our-business-section .our-business-title h1, .our-business-section .our-business-title h2, .our-business-section .our-business-title h3, .our-business-section .our-business-title h4, .our-business-section .our-business-title h5, .our-business-section .our-business-title h6 { font-size: 22px; line-height: 22px; } .our-business-section .our-business-content p { font-size: 16px; line-height: 25px; } .interior-construction-section .interior-construction-block { padding: 40px 0 35px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 22px; line-height: 28px; } .interior-construction-section .interior-construction-block p { margin: 0 0 15px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 20px; line-height: 25px; } .our-recent-projects-section { padding: 40px 0 0; } .our-recent-projects-section .project-title { padding: 0 0 30px; } .our-recent-projects-section .project-title h1, .our-recent-projects-section .project-title h2, .our-recent-projects-section .project-title h3, .our-recent-projects-section .project-title h4, .our-recent-projects-section .project-title h5, .our-recent-projects-section .project-title h6 { font-size: 22px; line-height: 30px; letter-spacing: 3px; } .our-recent-projects-section .recent-project-block img { height: 250px; } /* Service Page End */ /* Construction Page Start */ .main-sub-banner-section .main-banner-title h1, .main-sub-banner-section .main-banner-title h2, .main-sub-banner-section .main-banner-title h3, .main-sub-banner-section .main-banner-title h4, .main-sub-banner-section .main-banner-title h5, .main-sub-banner-section .main-banner-title h6 { font-size: 35px; line-height: 40px; } .main-sub-banner-section .main-banner-title h1 span, .main-sub-banner-section .main-banner-title h2 span, .main-sub-banner-section .main-banner-title h3 span, .main-sub-banner-section .main-banner-title h4 span, .main-sub-banner-section .main-banner-title h5 span, .main-sub-banner-section .main-banner-title h6 span { font-size: 30px; line-height: 40px; } .construction-section .construction-title h1, .construction-section .construction-title h2, .construction-section .construction-title h3, .construction-section .construction-title h4, .construction-section .construction-title h5, .construction-section .construction-title h6 { font-size: 22px; line-height: 25px; } .construction-management-list .row { margin: 0 -30px; } .construction-management-list [class^=col-] { padding: 0 30px; } .main-sub-banner-section .main-banner-content { padding: 40px 0 30px; } .construction-management-list .construction-block .construction-icon { width: 100px; height: 100px; } .construction-management-list .construction-block .construction-icon img, .construction-management-list .construction-block .construction-icon svg { width: 40px; height: 40px; } .construction-management-list .construction-block { padding-left: 130px; margin: 0 0 40px; } .recent-project-detail-section { padding: 50px 0 40px; } .construction-section .construction-main-detail p { font-size: 18px; line-height: 25px; } .recent-project-detail-section .project-title { padding: 0 0 25px; } .construction-section { padding: 60px 0 20px; } .construction-section .construction-main-detail { padding: 0 0 40px; } .main-sub-banner-section .main-banner-content .main-banner-description { padding: 0; } .construction-management-list .construction-block .title { padding: 0 0 15px; } .construction-management-list .construction-block .block-detail p { font-size: 15px; line-height: 22px; } .recent-project-detail-section .project-title h1, .recent-project-detail-section .project-title h2, .recent-project-detail-section .project-title h3, .recent-project-detail-section .project-title h4, .recent-project-detail-section .project-title h5, .recent-project-detail-section .project-title h6 { font-size: 25px; line-height: 30px; letter-spacing: 3px; } .recent-project-detail-section .recent-project-detail-content p { font-size: 18px; line-height: 22px; } .recent-project-detail-section .recent-project-detail-content .recent-project-desc { padding-left: 0; } .quote-section { padding: 35px 0 30px; } .quote-section .quote-title span { font-size: 25px; line-height: 30px; letter-spacing: 3px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 30px 60px 30px 30px; } .projects-section .project-block:nth-child(even) .project-description { padding: 30px 30px 30px 60px; } .projects-section .project-block .project-description:before { border-width: 30px 15px 30px 0; } .projects-section .project-block:nth-child(even) .project-description:before { border-width: 30px 0 30px 15px; } .projects-section .project-block .project-image img { height: 400px; } .projects-section .project-block .project-title { padding: 0 0 15px; } .projects-section .project-block .project-title h1, .projects-section .project-block .project-title h2, .projects-section .project-block .project-title h3, .projects-section .project-block .project-title h4, .projects-section .project-block .project-title h5, .projects-section .project-block .project-title h6 { font-size: 22px; line-height: 25px; } .projects-section .project-block p { font-size: 16px; line-height: 25px; } .projects-section .project-block .more-info-btn { padding: 15px 0 0; } /* Projects Page End */ /* Contact Page Start */ .contact-pg { padding: 0 0 50px; } .get-in-touch-section .get-in-touch-title { padding: 0 0 20px; } .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 20px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 30px; line-height: 30px; } .get-in-touch-section [class^=col-] { padding: 30px; } .get-in-touch-section .contact-address-block { padding: 20px 0 0; } .get-in-touch-section .contact-info-block p { font-size: 16px; line-height: 22px; } .get-in-touch-section .drop-message-block form { padding: 10px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 16px; line-height: 22px; margin: 0 0 30px; padding: 0 0 0 45px; } .get-in-touch-section .contact-address-block ul li .icon svg { width: 28px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 50px 0 0; } .optus-think-section { padding: 0 0 20px; } .optus-think-pg .our-recent-projects-section { padding: 40px 0; } .optus-think-section .optus-think-content p { font-size: 16px; line-height: 28px; margin: 0 0 20px; } .optus-think-section .optus-works-list ul li { font-size: 16px; line-height: 28px; } .optus-think-section .othus-images-masonry { margin: 0 -15px; } .optus-think-section .othus-images-masonry [class^=col-] { padding: 0 15px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1200px) and (max-width: 1920px){ } @media (min-width: 1200px) and (max-width: 1299px){ .container { width:1170px; } .header .h-logo img { width: 300px; } /* .header .h-logo img { width:100%; } */ .testimonial-slider .slick-slide { padding:0 80px; } .service-section .service-block .service-desc { padding:0 40px; } .common-text-section .space-block h3 { font-size:20px; line-height:20px; } .header .h-right .h-menu { margin-top: 20px; } .footer-top { padding: 40px 0; } .footer-bottom { padding: 30px 0; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 22px; line-height: 30px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 40px; line-height: 50px; } .main-banner-section .main-banner-title { padding: 0 0 15px; } .about-us-section { padding: 70px 0 25px; } .about-us-section p { font-size: 16px; line-height: 25px; margin: 0 0 25px; } .service-quality-section { padding: 70px 0; } .service-quality-section .block-title { padding: 0 0 20px; } .service-quality-section .block-title h1, .service-quality-section .block-title h2, .service-quality-section .block-title h3, .service-quality-section .block-title h4, .service-quality-section .block-title h5, .service-quality-section .block-title h6 { font-size: 25px; line-height: 30px; } .service-quality-section .service-quality-content .row { margin: 0 -35px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 35px; } .our-team-section { padding: 70px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 40px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 45px; line-height: 55px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { padding: 0 0 10px; } .our-team-section .team-block .team-detail p { font-size: 14px; line-height: 20px; } .our-team-section .team-detail .team-member-name { padding: 0 0 20px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { font-size: 22px; line-height: 30px; letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 16px; line-height: 22px; } .our-team-section .team-block .team-image img { height: 350px; } .our-team-section .team-block .team-detail { padding: 25px; height: 300px; } .accreditation-section { padding: 70px 0; } .accreditation-section .accreditation-content p { font-size: 18px; line-height: 25px; margin: 0 0 15px; } .services-section { padding: 50px 0; } .services-section .service-block { padding: 0 20px; } .services-section .service-block .service-icon { padding: 0 0 20px; } .services-section .service-block .title span, .services-section .service-block .title a { font-size: 18px; line-height: 22px; } .contact-section { padding: 70px 0; } .contact-section .contact-content { padding: 0; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { padding: 0 0 20px; } .accreditation-section .accreditation-title h1, .accreditation-section .accreditation-title h2, .accreditation-section .accreditation-title h3, .accreditation-section .accreditation-title h4, .accreditation-section .accreditation-title h5, .accreditation-section .accreditation-title h6 { letter-spacing: 3px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 70px 0 65px; } .our-business-section .our-business-content { padding-right: 100px; } .our-business-section .our-business-content p { font-size: 18px; line-height: 30px; } .interior-construction-section .interior-construction-block { padding: 50px 0 45px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 26px; line-height: 30px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 22px; line-height: 30px; } .our-recent-projects-section { padding: 50px 0 0; } .our-recent-projects-section .project-title { padding: 0 0 30px; } .our-recent-projects-section .project-title h1, .our-recent-projects-section .project-title h2, .our-recent-projects-section .project-title h3, .our-recent-projects-section .project-title h4, .our-recent-projects-section .project-title h5, .our-recent-projects-section .project-title h6 { font-size: 26px; line-height: 35px; } .our-recent-projects-section .recent-project-block img { height: 275px; } /* Service Page End */ /* Construction Page Start */ .main-sub-banner-section .main-banner-title h1, .main-sub-banner-section .main-banner-title h2, .main-sub-banner-section .main-banner-title h3, .main-sub-banner-section .main-banner-title h4, .main-sub-banner-section .main-banner-title h5, .main-sub-banner-section .main-banner-title h6 { font-size: 40px; line-height: 50px; } .main-sub-banner-section .main-banner-title h1 span, .main-sub-banner-section .main-banner-title h2 span, .main-sub-banner-section .main-banner-title h3 span, .main-sub-banner-section .main-banner-title h4 span, .main-sub-banner-section .main-banner-title h5 span, .main-sub-banner-section .main-banner-title h6 span { font-size: 35px; line-height: 45px; } .construction-management-list .row { margin: 0 -30px; } .construction-management-list [class^=col-] { padding: 0 30px; } .main-sub-banner-section .main-banner-content { padding: 50px 0 40px; } .construction-management-list .construction-block .construction-icon { width: 100px; height: 100px; } .construction-management-list .construction-block .construction-icon img, .construction-management-list .construction-block .construction-icon svg { width: 40px; height: 40px; } .construction-management-list .construction-block { padding-left: 150px; margin: 0 0 50px; } .recent-project-detail-section { padding: 60px 0 50px; } .recent-project-detail-section .project-title { padding: 0 0 25px; } .construction-section { padding: 60px 0 20px; } .main-sub-banner-section .main-banner-content .main-banner-description { padding: 0 20px; } .construction-section .construction-main-detail { padding: 0 0 40px; } .construction-management-list .construction-block .title { padding: 0 0 15px; } .construction-management-list .construction-block .block-detail p { font-size: 15px; line-height: 22px; } .quote-section { padding: 40px 0 35px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 35px 70px 35px 35px; } .projects-section .project-block:nth-child(even) .project-description { padding: 35px 35px 35px 70px; } .projects-section .project-block .project-description:before { border-width: 40px 20px 40px 0; } .projects-section .project-block:nth-child(even) .project-description:before { border-width: 40px 0 40px 20px; } .projects-section .project-block .project-image img { height: 450px; } .projects-section .project-block .project-title { padding: 0 0 20px; } .projects-section .project-block .project-title h1, .projects-section .project-block .project-title h2, .projects-section .project-block .project-title h3, .projects-section .project-block .project-title h4, .projects-section .project-block .project-title h5, .projects-section .project-block .project-title h6 { font-size: 24px; } .projects-section .project-block p { font-size: 16px; line-height: 28px; } .projects-section .project-block .more-info-btn { padding: 20px 0 0; } /* Projects Page End */ /* Contact Page Start */ .get-in-touch-section .get-in-touch-title { padding: 0 0 30px; } .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 22px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 35px; line-height: 35px; } .get-in-touch-section [class^=col-] { padding: 40px; } .get-in-touch-section .contact-address-block { padding: 20px 0 0; } .get-in-touch-section .contact-info-block p { font-size: 18px; line-height: 24px; } .get-in-touch-section .drop-message-block form { padding: 10px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 16px; line-height: 22px; margin: 0 0 30px; padding: 0 0 0 45px; } .get-in-touch-section .contact-address-block ul li .icon svg { width: 28px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 70px 0 0; } .optus-think-pg .our-recent-projects-section { padding: 50px 0; } .optus-think-section .optus-think-content p { font-size: 16px; line-height: 28px; margin: 0 0 20px; } .optus-think-section .optus-works-list ul li { font-size: 16px; line-height: 28px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1300px) and (max-width: 1399px){ .container { width:1270px; } .header .h-logo img { width: 300px; } /* .header .h-logo img { width:100%; } */ .testimonial-slider .slick-slide { padding:0 80px; } .service-section .service-block .service-desc { padding:0 40px; } .common-text-section .space-block h3 { font-size:20px; line-height:20px; } .header .h-right .h-menu { margin-top: 10px; } .footer-top { padding: 40px 0; } .footer-bottom { padding: 30px 0; } /* Inner Pages Start */ /* About Page Start */ .main-banner-section .main-banner-title h1 span, .main-banner-section .main-banner-title h2 span, .main-banner-section .main-banner-title h3 span, .main-banner-section .main-banner-title h4 span, .main-banner-section .main-banner-title h5 span, .main-banner-section .main-banner-title h6 span { font-size: 22px; line-height: 30px; } .main-banner-section .main-banner-title h1, .main-banner-section .main-banner-title h2, .main-banner-section .main-banner-title h3, .main-banner-section .main-banner-title h4, .main-banner-section .main-banner-title h5, .main-banner-section .main-banner-title h6 { font-size: 40px; line-height: 50px; } .main-banner-section .main-banner-title { padding: 0 0 15px; } .about-us-section { padding: 70px 0 25px; } .about-us-section p { font-size: 16px; line-height: 25px; margin: 0 0 25px; } .service-quality-section { padding: 70px 0; } .service-quality-section .block-title { padding: 0 0 20px; } .service-quality-section .block-title h1, .service-quality-section .block-title h2, .service-quality-section .block-title h3, .service-quality-section .block-title h4, .service-quality-section .block-title h5, .service-quality-section .block-title h6 { font-size: 25px; line-height: 30px; } .service-quality-section .service-quality-content .row { margin: 0 -35px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 35px; } .our-team-section { padding: 70px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 40px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 45px; line-height: 55px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { padding: 0 0 10px; } .our-team-section .team-detail .team-member-name { padding: 0 0 20px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { font-size: 22px; line-height: 30px; letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 16px; line-height: 22px; } .our-team-section .team-block .team-image img { height: 400px; } .our-team-section .team-block .team-detail { padding: 25px 30px 30px; height: 325px; } .accreditation-section { padding: 70px 0; } .accreditation-section .accreditation-content p { font-size: 18px; line-height: 25px; margin: 0 0 15px; } .services-section { padding: 50px 0; } .services-section .service-block { padding: 0 20px; } .services-section .service-block .service-icon { padding: 0 0 20px; } .services-section .service-block .title span, .services-section .service-block .title a { font-size: 18px; line-height: 22px; } .contact-section { padding: 70px 0; } .contact-section .contact-content { padding: 0; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { padding: 0 0 20px; } .accreditation-section .accreditation-title h1, .accreditation-section .accreditation-title h2, .accreditation-section .accreditation-title h3, .accreditation-section .accreditation-title h4, .accreditation-section .accreditation-title h5, .accreditation-section .accreditation-title h6 { letter-spacing: 5px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 70px 0 65px; } .our-business-section .our-business-content p { font-size: 18px; line-height: 30px; } .interior-construction-section .interior-construction-block { padding: 60px 0 55px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 26px; line-height: 30px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 25px; line-height: 30px; } .our-recent-projects-section { padding: 50px 0 0; } .our-recent-projects-section .project-title { padding: 0 0 30px; } .our-recent-projects-section .recent-project-block img { height: 275px; } /* Service Page End */ /* Construction Page Start */ .main-sub-banner-section .main-banner-title h1, .main-sub-banner-section .main-banner-title h2, .main-sub-banner-section .main-banner-title h3, .main-sub-banner-section .main-banner-title h4, .main-sub-banner-section .main-banner-title h5, .main-sub-banner-section .main-banner-title h6 { font-size: 45px; line-height: 55px; } .main-sub-banner-section .main-banner-title h1 span, .main-sub-banner-section .main-banner-title h2 span, .main-sub-banner-section .main-banner-title h3 span, .main-sub-banner-section .main-banner-title h4 span, .main-sub-banner-section .main-banner-title h5 span, .main-sub-banner-section .main-banner-title h6 span { font-size: 40px; line-height: 50px; } .construction-management-list .row { margin: 0 -30px; } .construction-management-list [class^=col-] { padding: 0 30px; } .main-sub-banner-section .main-banner-content { padding: 50px 0 40px; } .construction-management-list .construction-block .construction-icon { width: 120px; height: 120px; } .construction-management-list .construction-block { padding-left: 160px; } .recent-project-detail-section { padding: 60px 0 50px; } .recent-project-detail-section .project-title { padding: 0 0 25px; } .construction-section { padding: 60px 0 20px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 40px 100px 40px 40px; } .projects-section .project-block:nth-child(even) .project-description { padding: 40px 40px 40px 100px; } .projects-section .project-block .project-description:before { border-width: 45px 25px 45px 0; } .projects-section .project-block:nth-child(even) .project-description:before { border-width: 45px 0 45px 25px; } .projects-section .project-block .project-image img { height: 470px; } .projects-section .project-block .project-title { padding: 0 0 20px; } .projects-section .project-block .project-title h1, .projects-section .project-block .project-title h2, .projects-section .project-block .project-title h3, .projects-section .project-block .project-title h4, .projects-section .project-block .project-title h5, .projects-section .project-block .project-title h6 { font-size: 26px; } /* Projects Page End */ /* Contact Page Start */ .get-in-touch-section .get-in-touch-title h1 span, .get-in-touch-section .get-in-touch-title h2 span, .get-in-touch-section .get-in-touch-title h3 span, .get-in-touch-section .get-in-touch-title h4 span, .get-in-touch-section .get-in-touch-title h5 span, .get-in-touch-section .get-in-touch-title h6 span { font-size: 22px; } .get-in-touch-section .get-in-touch-title h1, .get-in-touch-section .get-in-touch-title h2, .get-in-touch-section .get-in-touch-title h3, .get-in-touch-section .get-in-touch-title h4, .get-in-touch-section .get-in-touch-title h5, .get-in-touch-section .get-in-touch-title h6 { font-size: 35px; line-height: 35px; } .get-in-touch-section [class^=col-] { padding: 40px; } .get-in-touch-section .contact-address-block { padding: 20px 0 0; } .get-in-touch-section .drop-message-block form { padding: 10px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 18px; line-height: 25px; margin: 0 0 40px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 70px 0 0; } .optus-think-pg .our-recent-projects-section { padding: 50px 0; } .optus-think-section .optus-think-content p { font-size: 16px; line-height: 28px; margin: 0 0 20px; } .optus-think-section .optus-works-list ul li { font-size: 16px; line-height: 28px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1400px) and (max-width: 1499px){ .container { width:1370px; } .testimonial-slider .slick-slide { padding:0 100px; } .service-section .service-block .service-desc { padding:0 50px; } /* Inner Pages Start */ /* About Page Start */ .about-us-section { padding: 70px 0 25px; } .about-us-section p { font-size: 18px; line-height: 30px; } .service-quality-section { padding: 70px 0; } .service-quality-section .block-title { padding: 0 0 20px; } .service-quality-section .service-quality-content .row { margin: 0 -50px; } .service-quality-section .service-quality-content [class^=col-] { padding: 0 50px; } .our-team-section { padding: 70px 0; } .main-section-title, .contact-section .main-section-title { padding: 0 0 40px; } .our-team-section .main-section-title h1, .our-team-section .main-section-title h2, .our-team-section .main-section-title h3, .our-team-section .main-section-title h4, .our-team-section .main-section-title h5, .our-team-section .main-section-title h6 { font-size: 45px; line-height: 55px; } .our-team-section .main-section-title h1 span, .our-team-section .main-section-title h2 span, .our-team-section .main-section-title h3 span, .our-team-section .main-section-title h4 span, .our-team-section .main-section-title h5 span, .our-team-section .main-section-title h6 span { padding: 0 0 10px; } .our-team-section .team-detail .team-member-name { padding: 0 0 20px; } .our-team-section .team-detail .team-member-name h1, .our-team-section .team-detail .team-member-name h2, .our-team-section .team-detail .team-member-name h3, .our-team-section .team-detail .team-member-name h4, .our-team-section .team-detail .team-member-name h5, .our-team-section .team-detail .team-member-name h6 { letter-spacing: 2px; } .our-team-section .team-detail .team-member-name h1 span, .our-team-section .team-detail .team-member-name h2 span, .our-team-section .team-detail .team-member-name h3 span, .our-team-section .team-detail .team-member-name h4 span, .our-team-section .team-detail .team-member-name h5 span, .our-team-section .team-detail .team-member-name h6 span { font-size: 18px; line-height: 24px; } .our-team-section .team-block .team-image img { height: 400px; } .our-team-section .team-block .team-detail { padding: 25px 30px 30px; height: 325px; } .accreditation-section { padding: 70px 0; } .accreditation-section .accreditation-content p { font-size: 18px; line-height: 25px; margin: 0 0 15px; } .services-section { padding: 70px 0; } .services-section .service-block { padding: 0 30px; } .contact-section { padding: 85px 0; } .main-section-title h1 span, .main-section-title h2 span, .main-section-title h3 span, .main-section-title h4 span, .main-section-title h5 span, .main-section-title h6 span { padding: 0 0 20px; } .main-banner-section .main-banner-content .main-banner-description { padding: 0 20px; } /* About Page End */ /* Service Page Start */ .our-business-section { padding: 70px 0 65px; } .our-business-section .our-business-content p { font-size: 18px; line-height: 30px; } .interior-construction-section .interior-construction-block { padding: 60px 0 55px; } .interior-construction-section .construction-title { padding: 0 0 15px; } .interior-construction-section .construction-title h1, .interior-construction-section .construction-title h2, .interior-construction-section .construction-title h3, .interior-construction-section .construction-title h4, .interior-construction-section .construction-title h5, .interior-construction-section .construction-title h6 { font-size: 30px; line-height: 35px; } .our-recent-projects-section .recent-project-block .project-title span { font-size: 25px; line-height: 30px; } .our-recent-projects-section .recent-project-block img { height: 275px; } /* Service Page End */ /* Construction Page Start */ .construction-management-list .row { margin: 0 -30px; } .construction-management-list [class^=col-] { padding: 0 30px; } .main-sub-banner-section .main-banner-content { padding: 60px 0 50px; } .construction-management-list .construction-block .construction-icon { width: 120px; height: 120px; } .construction-management-list .construction-block { padding-left: 160px; } .recent-project-detail-section { padding: 60px 0 50px; } .recent-project-detail-section .project-title { padding: 0 0 25px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 50px 100px 50px 50px; } .projects-section .project-block:nth-child(even) .project-description { padding: 50px 50px 50px 100px; } .projects-section .project-block .project-description:before { border-width: 45px 25px 45px 0; } .projects-section .project-block:nth-child(even) .project-description:before { border-width: 45px 0 45px 25px; } .projects-section .project-block .project-image img { height: 500px; } /* Projects Page End */ /* Contact Page Start */ .get-in-touch-section [class^=col-] { padding: 50px; } .get-in-touch-section .contact-address-block { padding: 30px 0 0; } .get-in-touch-section .drop-message-block form { padding: 20px 0 0; } .get-in-touch-section .contact-address-block ul li { font-size: 20px; line-height: 28px; margin: 0 0 40px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } .optus-think-pg { padding: 70px 0 0; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1500px) and (max-width: 1599px){ .container { width:1470px; } .common-text-section .space-block h3 { font-size: 24px; line-height: 26px; } /* Inner Pages Start */ /* Construction Page Start */ .construction-management-list .row { margin: 0 -35px; } .construction-management-list [class^=col-] { padding: 0 35px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 50px 125px 50px 70px; } .projects-section .project-block:nth-child(even) .project-description { padding: 50px 70px 50px 125px; } .projects-section .project-block .project-image img { height: 555px; } /* Projects Page End */ /* Contact Page Start */ .get-in-touch-section [class^=col-] { padding: 70px; } .get-in-touch-section .contact-address-block { padding: 50px 0 0; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1600px) and (max-width: 1699px){ .container { width:1570px; } /* Inner Pages Start */ /* Construction Page Start */ .construction-management-list .row { margin: 0 -35px; } .construction-management-list [class^=col-] { padding: 0 35px; } /* Construction Page End */ /* Projects Page Start */ .projects-section .project-block .project-description { padding: 50px 125px 50px 70px; } .projects-section .project-block:nth-child(even) .project-description { padding: 50px 70px 50px 125px; } .projects-section .project-block .project-image img { height: 555px; } /* Projects Page End */ /* Contact Page Start */ .get-in-touch-section [class^=col-] { padding: 70px 100px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1700px) and (max-width: 1749px){ .container { width:1670px; } /* Inner Pages Start */ /* Construction Page Start */ .services-section .service-block { padding: 0 70px; } .construction-management-list .row { margin: 0 -50px; } .construction-management-list [class^=col-] { padding: 0 50px; } /* Construction Page End */ /* Contact Page Start */ .get-in-touch-section [class^=col-] { padding: 70px 125px 100px; } /* Contact Page End */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -15px; } .optus-think-section [class^=col-] { padding: 0 15px; } /* Optus Think Page End */ /* Inner Pages End */ } @media (min-width: 1800px) and (max-width: 1899px){ /* Inner Pages Start */ /* Optus Think Page Start */ .optus-think-section .row { margin: 0 -40px; } .optus-think-section [class^=col-] { padding: 0 40px; } /* Optus Think Page End */ /* Inner Pages End */ } /*---------- Large Desktop , Large Screen End ----------*/