@media only screen and (max-width:991px) {
}
@media only screen and (max-width:767px) {
.menu-btn {
min-width: 40px;
min-height: 40px;
border-radius: 50%;
margin-left: 0px;
border: none;
background: none !important;
}
.menu-btn:hover {
background: none !important;
}
.menu-btn:hover span {
background: var(--lime) !important;
}
.menu-btn div {
width: 30px;
}
.menu-btn span {
width: 75%;
height: 2px;
margin: 5px auto;
background: var(--lime) !important;
}
.side-menu {
width: 100%;
min-width: 100%;
}
header {
padding: 25px 0px;
}
header.fixed {
padding: 25px 0px;
}
.slogan-tag {
display: none;
}
:root {
--fs-body-lg: 17px;
--fs-body: 15px;
--fs-small: 13px;
--fs-xs: 12px;
}
h1 {
font-size: 42px;
line-height: 1.11;
}
h2 {
font-size: 36px;
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
p {
font-size: 15px;
}
.section-title h6 span.border-dot {
width: 55px;
margin-left: 10px;
}
.section-title h6 span.border-dot:after {
top: -1px;
left: 20px;
width: 35px;
background: var(--lime);
}
.section-title h6 span.border-dot.left:after {
left: auto;
right: 20px;
}
.hero-banner {
background-size:auto 55% !important;
background-position:75% 0% !important;
padding: 130px 0px 100px 0px;
}
.hero-banner p br {
display: none;
}
.hero-banner h1 {
font-size: 29px;
width: 253px;
}
.hero-banner p {
margin: 25px 0px 30px 0px;
max-width: 79%;
font-size: 14px;
}
.hero-banner .btn-default {
margin-right: 15px;
}
.btn-default {
line-height: 55px;
padding: 0px 15px 0px 18px;
}
.video-btn {
margin: 0px;
margin-top: 20px;
}
.counter-item {
padding: 30px 10px;
}
.services .section-title {
padding-right: 40px;
}
.services .line-p {
padding: 0px 40px 0px 0px;
margin: 0px 0px 30px 0px;
border: none;
}
.whychoose-box {
padding: 4px 5px;
border: none;
}
.portfolio p {
margin-bottom: 20px;
}
.owl-theme .owl-dots .owl-dot span {
width: 7px;
height: 7px;
margin: 5px 7px 0px 7px;
}
.our-process .space {
display: inline-block;
width: 100%;
padding: 0px 0px;
}
.our-process .process-wrapper {
display: inline-block;
width: 100%;
}
.our-process .right-side {
padding: 50px 30px 60px 30px;
width: calc(100% - 0px);
}
.our-process .process-wrapper .left-side {
display: none;
}
.our-process .owl-theme .owl-nav [class*=owl-] {
left: -20px;
top: 100%;
margin-top: 0px;
}
.our-process .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -20px;
}
.process-box {
padding: 10px 0px;
border: none;
}
.testimonials .owl-theme .owl-dots {
margin-top: 20px !important;
}
.testimonials .btn-default {
margin-top: 23px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
top: 105%;
width: 45px;
height: 45px;
left: 0px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] img {
max-height: 13px;
}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 0px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] {
top: 103%;
width: 45px;
height: 45px;
left: 0px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] img {
max-height: 13px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 0px;
}
.services-box {
padding: 30px 30px 30px 30px;
height: calc(100% - 20px);
margin-bottom: 20px;
}
.services .margin-top {
margin-top: 30px;
}
.cta p {
padding: 0px 35px;
margin: 25px 0px 30px 0px;
}
.cta p br {
display: none;
}
.blog-box {
background: var(--black-card);
display: flex;
padding: 15px 10px 15px 15px;
margin-bottom: 15px;
gap: 20px;
}
.blog-box::before {
display: none;
opacity: 0;
}
.blog-box .img {
background: var(--black-card);
min-width: 40%;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.blog-box .img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, .85) 100%, rgba(0, 0, 0, .85) 100%);
z-index: 1;
pointer-events: none;
transition: var(--transition);
opacity: 0;
}
.blog-box .text {
min-width: 53%;
padding: 10px 0px;
}
.blog-box h3 {
width: 100%;
}
.blog-box .arrow {
bottom: 13px;
}
.our-blogs .btn-default {
margin-top: 20px;
}
.footer h3 {
margin-top: 35px;
}
.footer .copyright {
text-align: center;
}
.page-banner p br {
display: none;
}
.page-banner p {
font-size: var(--fs-body);
}
.contact-box {
padding: 5px 20px;
border: none;
}
.contact-card {
padding: 30px 20px 20px 20px;
}
.filter-buttons button {
width: 100%;
text-align: left;
}
.main-port-box .sortby {
width: 100%;
text-align: left;
margin-top: 10px;
}
.main-port-box .sortby select {
min-width: 77%;
}
.portfolioinner-box .text {
width: 100%;
}
.projectmind-box {
padding: 30px 20px;
text-align: center;
}
.projectmind-box .text-end {
text-align: center !important;
}
.projectmind-box h3 {
margin-top: 20px;
}
.projectmind-box p {
margin-bottom: 20px;
}
.contact-space-border.large {
padding: 30px 7px;
}
.hero-banner.services-banner {
background-size: 150% auto;
background-position: 1% 2%;
padding: 70px 0px 100px 0px;
}
.processinner-box {
text-align: center;
padding: 0px 20px;
padding-bottom: 40px;
} 
.processinner-box .icon {
margin: 0 auto;
}
.processinner-box .line {
display: none;
}
.projectmind-box.big {
padding: 0px 0px 30px 0px;
}
.projectmind-box.big h3 {
margin-top: 30px;
}
.hero-banner.services-banner.about-banner {
background-size: 150% auto;
background-position: 1% -1%;
padding: 70px 0px 100px 0px;
}
.our-story .btn-default {
margin-bottom: 20px;
}
.timeline-box {
padding: 0px 30px;
margin-bottom: 40px;
}
.timeline-box .line {
display: none;
}
.timeline-box .text {
border: none;
}
.blog-box {
height: auto;
}
.services-box .icon {
width:auto !important;
}
.why-choose {
position: relative;
}
.why-choose::after {
content: '';
background: rgba(0, 0, 0, 0.5);
top: 0px;
left: 0px;
width: 100%;
height: 100%;
position: absolute;
}
.why-choose .container {
position: relative;
z-index: 2;
}
.whychoose-box h3 {
margin: 0px;
}
.why-choose .text {
margin-bottom: 15px;
margin-top: 10px;
}
.whychoose-box .icon {
width:80px;
}
.team-box .img img {
margin-top: -20px;
}
.contact-info .iframe-map {
position:unset;
height: 100% !important;
border-radius: 10px !important
}
body.error404 .services-banner {
background-size:cover !important;
background-position: top left !important;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
:root {
--fs-body-lg: 18px;
--fs-body: 16px;
--fs-small: 13px;
--fs-xs: 12px;
}
h1 {
font-size: 64px;
line-height: 1.11;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 22px;
}
p {
font-size: 15px;
}
.hero-banner {
background-size: auto 60%;
background-position: 100% 30%;
}
.slogan-tag {
font-size: 12px;
top: 50%;
left: -110px;
letter-spacing: 5px;
}
.process-box {
margin: 10px 0px;
}
.trusted-partner .section-title {
margin-bottom: 20px;
}
.counter-item {
padding: 0px 10px;
}
.our-process .space {
padding: 0px 0px;
}
.our-process .process-wrapper {
}
.our-process .right-side {
padding: 50px 30px 60px 30px;
}
.our-process .owl-theme .owl-nav [class*=owl-] {
left: -20px;
top: 100%;
margin-top: 0px;
}
.process-text h2 {
font-size: 31px;
}
.our-process .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -20px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
top: 105%;
width: 45px;
height: 45px;
left: 0px;
}
.testimonials .owl-theme .owl-nav [class*=owl-] img {
max-height: 13px;
}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 0px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] {
top: 103%;
width: 45px;
height: 45px;
left: 0px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] img {
max-height: 13px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-prev {
transform: rotate(180deg);
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: 0px;
}
.footer .footer-menu {
margin: 0px 0px 20px 0px;
}
.footer p {
font-size: var(--fs-xs);
}
.services-box {
padding: 30px 50px 30px 30px;
}
.contact-box {
padding: 5px 20px;
margin: 5px 0px;
}
.page-banner p {
font-size: var(--fs-body);
}
.main-port-box .sortby {
margin-top: 10px;
}
.hero-banner.services-banner {
background-size: auto 60%;
background-position: 151% 30%;
}
.processinner-box .line {
top: 44px;
right: -7px;
height: 20px;
}
.btn-default {
line-height: 45px;
letter-spacing: 1px;
padding: 0px 10px 0px 18px;
}
.btn-default img {
max-height: 11px;
margin-left: 7px;
}
.timeline-box {
margin-bottom: 40px;
}
.timeline-box .line {
display: none;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.navbar-brand img, header .logo img {
max-height: 41px;
}
.hero-banner {
background-size: auto 100%;
background-position: 70% 50%;
}
.slogan-tag {
font-size: 14px;
left: -172px;
}
.counter-item {
padding: 0px 0px;
}
.navbar-light .navbar-nav.center > .nav-item {
margin: 0px 13px;
}
.footer .contact-list li a {
font-size: var(--fs-small);
}
.testimonials .owl-theme .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
left: -28px;
}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -28px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
left: -28px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -28px;
}
.services-box {
padding: 30px 30px 30px 30px;
}
.contact-box {
margin: 5px 0px;
}
.portfolioinner-box .text {
width: 57%;
}
.filter-buttons button {
font-size: 10px;
font-weight: 500;
padding: 0px 5px;
line-height: 32px;
}
.processinner-box .line {
top: 47px;
right: -13px;
height: 12px;
}
.hero-banner.services-banner {
background-size: auto 100%;
background-position: 900% 50%;
}
.hero-banner.services-banner.about-banner {
background-size: auto 100%;
background-position: 200% 50%;
}
.timeline-box .line {
top: 38px;
right: -29px;
height: 12px;
}
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
.testimonials .owl-theme .owl-nav [class*=owl-] {
left: -28px;
}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -28px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] {
left: -28px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -28px;
}
.contact-box {
margin: 5px 0px;
padding: 0px 20px;
gap: 10px;
}
.contact-box .icon img {
min-width: 47px;
}
.filter-buttons button {
font-size: 11px;
font-weight: 500;
padding: 0px 12px;
line-height: 35px;
}
.processinner-box .line {
top: 44px;
right: -10px;
height: 20px;
}
.timeline-box .line {
top: 38px;
right: -44px;
height: 18px;
}
}
@media only screen and (min-width:1400px) and (max-width:1440px) {
.testimonials .owl-theme .owl-nav [class*=owl-] {
left: -53px;
}
.testimonials .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -53px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-] {
left: -53px;
}
.our-blogs .owl-theme .owl-nav [class*=owl-].owl-next {
left: auto;
right: -53px;
}
.contact-box {
padding: 0px 20px;
}
}