@media only screen and (min-width: 768px) and (max-width: 991px) {
.heading-left p {
margin-top: 15px;
} .top-bar-area .item-flex {
display: none;
}
.top-bar-area .item-flex {
justify-content: center;
margin-top: 15px;
}
.top-bar-area.multi-content .item-flex {
display: flex;
justify-content: space-between;
}
.top-bar-area .social li {
margin: 0 10px;
} body,
.banner-area,
.banner-area div {
height: auto;
}
.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
padding-bottom: 30px;
margin-bottom: -30px;
}
.banner-area .content {
padding: 120px 0;
}
.banner-area .carousel-indicator {
height: 100%;
}
.shadow.gradient::after {
background: #000000;
opacity: 0.6;
}
.banner-area.inc-shape .box-cell::before {
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 70%) repeat scroll 0 0;
}
.banner-area .appinment-forms {
margin-left: 0;
}
.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
padding-bottom: 30px;
}
.banner-area .appinment-forms {
margin-left: 0;
} .about-style-one .thumb .experience {
left: 0;
bottom: 0;
margin: 0;
position: inherit;
margin-top: 30px;
}
.about-style-one.info {
padding-left: 0;
padding-right: 0;
}
.about-style-one .thumb {
margin-bottom: 30px;
}
.about-style-one .thumb img:first-child {
width: 100%;
}
.about-style-one .thumb img:nth-child(2) {
width: 250px;
bottom: 20px;
right: 50px;
display: none;
}
.about-style-one .color-shape {
display: none;
}
.about-style-one .thumb .experience {
left: 0;
bottom: 0;
margin: 0;
position: inherit;
margin-top: 30px;
}
.about-style-one .thumb::after {
display: none;
}
.about-style-two .thumb {
margin-right: 0;
margin-bottom: 50px;
margin-left: 0;
max-width: 100%;
padding: 0;
} .features-style-two-box {
padding: 50px 30px;
}
.features-style-two img {
margin: 0;
max-width: 100%;
margin-top: 30px;
}
.award .item::after {
display: none;
}
.feature-style-three {
display: flex;
}
.feature-style-three.award {
margin: 50px 0;
margin-bottom: 70px;
margin-top: 20px;
}
.feature-style-three .item {
margin-top: 30px !important;
margin: 0 15px;
}
.feature-style-three.award .item {
width: 100%;
padding: 140px 50px;
padding-bottom: 50px;
}
.award .item h4 {
display: inline-block;
min-width: 500px;
}
.feature-style-four .item {
float: left;
width: 50%;
margin: 0;
padding: 0 15px;
} .appoinment-area {
width: 100% !important;
}
.appoinment-area .thumb {
display: none;
}
.appoinment-form::before {
display: none;
}
.appoinment-form {
margin: 120px 0;
margin-bottom: 135px;
}
.appoinment-area {
width: 100%;
border-radius: inherit;
overflow: inherit;
} .process-items {
margin-top: -50px;
}
.work-process-area::after {
height: 100%;
width: 100%;
}
.process-style-one {
margin-top: 50px !important;
}
.process-style-one:first-child {
margin-top: 0;
}
.process-items .line-shape {
display: none;
}
.process-style-one:nth-child(2) .item span {
bottom: 20px;
}
.process-style-one span {
left: 50% !important;
bottom: -15px !important;
top: auto !important;
transform: translateX(-50%) !important;
}
.process-style-one h5 {
margin-top: 10px;
}
.process-style-one:nth-child(2n) .item img, 
.process-style-one .item:hover img {
transform: inherit;
margin-bottom: 25px;
}
.process-style-one .item:hover span, 
.process-style-one:nth-child(2n) .item span {
right: inherit;
} .fun-fact-items .item .fun-fact {
border: 1px solid #e7e7e7;
padding: 30px;
background: rgba(255, 255, 255, 0.9);
}
.bg-dark .fun-fact-items .item .fun-fact,
.bg-theme .fun-fact-items .item .fun-fact {
border-color: rgba(255, 255, 255, 0.3);
background: transparent;
}
.fun-fact-items .item {
margin-top: 30px;
}
.fun-fact-items .item:first-child,
.fun-fact-items .item:nth-child(2) {
margin-top: 0;
}
.fun-factor-area .medium {
color: var(--black);
}
.fun-factor-area.bg-dark .medium,
.fun-factor-area.bg-theme .medium {
color: var(--white);
}
.fun-factor-area .shape-animated-left-right {
display: none;
} .pricing-area .fixed-sahpe-bottom {
width: 100%;
}
.pricing-style-two .pricing-item ul {
overflow: hidden;
display: inline-block;
text-align: left;
}
.pricing-style-two .pricing-item>i {
position: inherit;
right: auto;
margin-bottom: 30px;
}
.pricing-style-two .pricing-header,
.pricing-style-two .pricing-item .price {
text-align: center;
}
.pricing-style-two .pricing-item li {
float: none;
display: block;
width: auto;
}
.pricing-style-two .pricing-item {
text-align: center;
} .gallery-items.colums-2 .pf-item,
.gallery-items.colums-3 .pf-item,
.gallery-items.colums-4 .pf-item {
width: 50% !important;
}
.project-details-area .project-info {
border: none;
margin-top: 40px;
margin-bottom: 10px;
background: #f7f7f7;
padding: 50px;
}
.project-style-one .info h4 {
transform: translateY(0);
transform: translateX(10px);
}
.project-style-one .info span {
transform: translateX(10px);
opacity: 1;
}
.project-items-area .project-style-one .info span {
opacity: 0;
}
.project-items-area .project-style-one:hover .info span {
opacity: 1;
} .search-service-box .input-button {
margin-top: 20px;
margin-bottom: 10px;
} .team-single-area .team-content-top {
bottom: 0;
margin-top: 0;
}
.team-single-area .team-content-top .right-info {
padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
margin-bottom: 120px;
}
.team-single-area .bottom-info .skill-items {
padding-left: 0;
margin-top: 30px;
}
.team-single-area .thumb img {
width: 100%;
} .estimate-area .estimate-form .shape {
display: none;
}
.estimate-area .estimate-form {
top: 0;
margin: 0;
}
.estimate-area .estimate-form::after {
right: -30px;
display: none;
}
.estimate-area {
background: #ffb400;
}
.estimate-area .estimate-form .fixed-shape-left {
display: none;
}
.estimate-area .estimate-form h2 {
margin-bottom: 15px;
}
.estimate-area .estimate-form .form-group {
margin-bottom: 15px;
}
.estimate-area .estimate-form button {
margin-top: 15px;
} .services-style-two-box {
border-left: none;
}
.services-style-two-box .owl-stage-outer {
padding: 15px;
margin: -15px;
}
.sevices-style-two {
background: #ffffff;
border: 1px solid #e7e7e7 !important;
}
.services-type-items.services-type-carousel .owl-dots {
right: 30px;
display: none;
}
.services-tyle-two-box {
border: none;
}
.services-types-area::after {
display: none;
}
.services-style-one .thumb {
margin-left: 0;
margin-top: 50px;
}
.services-style-one .thumb h4 {
left: auto;
right: 50px;
display: none;
}
.services-details-items .services-sidebar {
padding-left: 15px;
margin-top: 50px;
}
.sevices-style-two:hover .thumb::after {
opacity: 0.7;
visibility: visible;
}
.sevices-style-two:hover .thumb {
opacity: 1;
width: 100%;
visibility: visible;
}
.sevices-style-two:hover h4,
.sevices-style-two:hover i,
.sevices-style-two:hover p,
.sevices-style-two:hover a {
color: #ffffff;
}
.services-style-three .item {
border: 1px solid #e7e7e7;
}
.services-style-three {
margin-top: 30px;
}
.services-style-three:first-child,
.services-style-three:nth-child(2) {
margin-top: 0;
} .carousel-shadow .owl-stage-outer {
margin-bottom: -30px;
}
.testimonial-carousel .item {
display: block;
padding: 80px;
padding-bottom: 120px;
background: #ffffff;
box-shadow: 0px 2px 12px 0px #e7e7e7;
text-align: center;
border-radius: 6px;
}
.testimonial-carousel .item .provider {
justify-content: center;
}
.testimonial-carousel .item .content {
padding: 0;
background: transparent;
}
.testimonial-carousel .item img {
margin: auto auto 50px;
}
.testimonial-carousel .item .content img {
top: -36px;
left: 50%;
transform: translateX(-50%);
}
.testimonial-carousel .item .content::after,
.testimonial-carousel .item .content::before {
display: none;
}
.testimonial-carousel .item .content img {
top: -36px;
left: 50%;
transform: translateX(-50%);
}
.testimonials-area .testimonial-carousel.owl-carousel .owl-dots {
position: inherit;
top: auto;
bottom: 80px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 10px;
} .choose-style-one .video {
display: none;
}
.choseus-style-one-area::before {
display: none;
}
.choseus-style-one-area .angle-shape {
display: none;
}
.choose-style-one ul {
padding-left: 0;
margin-top: 30px;
}
.choose-style-one ul li {
margin-top: 30px;
}
.choseus-style-one-area {
padding-bottom: 120px;
} ul.achivement li {
margin: 0;
padding: 30px !important;
width: 50%;
border: 1px solid #e7e7e7 !important;
}
ul.achivement li:first-child {
border-right: none !important;
}
ul.achivement {
margin-top: 50px;
}
.services-style-two-area .heading-left {
text-align: center;
}
ul.achivement li .counter {
justify-content: center;
} .features-style-two .experience {
padding: 0;
}
.features-style-two img {
max-width: 100%;
margin: 0;
margin-top: 30px;
}
.features-style-two .thumb::after {
display: none;
} .blog-area.left-sidebar .blog-content {
float: none;
}
.blog-area .thumb .date {
left: 30px;
right: auto;
}
.blog-area .blog-thin-colums .thumb {
margin-bottom: 30px;
}
.blog-area.left-sidebar .sidebar,
.blog-area.right-sidebar .sidebar {
margin-top: 50px;
}
.blog-area .blog-items .blog-thin-colums .item {
padding: 0;
border: none;
}
.blog-area.right-sidebar .sidebar {
padding-left: 15px;
}
.blog-area.left-sidebar .sidebar {
padding-right: 15px;
}
.blog-area .item .thumb img {
width: 100%;
}
.sidebar-item.recent-post li .thumb {
padding-top: 0;
} .maps-area {
margin: 0;
padding: 0;
}
.maps-area iframe {
min-height: 450px;
}
.contact-form-box {
padding-left: 15px;
margin-top: 50px;
}
.contact-content .content {
overflow: hidden;
}
.contact-content .content img {
width: 80%;
}
.contact-content .content li {
margin-top: 30px !important;
float: left;
width: 50%;
padding: 0 15px;
}
.bg-theme .contact-content .content {
padding: 50px;
background: var(--white);
}
.bg-theme .contact-content .content li,
.bg-theme .contact-content .content li p {
color: var(--color-heading);
} footer .f-items .f-item.about {
margin-right: 0;
border: none !important;
}
footer .fixed-shape-left {
display: none;
}
footer .footer-bottom-box {
padding: 30px 0;
}
footer .footer-bottom-box {
text-align: center;
}
footer .footer-bottom-box .text-right {
text-align: center !important;
margin-top: 15px;
}
footer .footer-bottom li {
margin: 0 7px !important;
padding: 0 10px;
}
footer .footer-bottom li::before {
left: -9px;
}
.animate-right-left {
display: none;
}
} @media only screen and (max-width: 767px) {
.default-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.default-padding.bottom-less {
padding-bottom: 20px;
padding-top: 50px;
}
.default-padding-bottom {
padding-bottom: 50px;
}
.default-padding-top {
padding-top: 50px;
}
.site-heading {
margin-bottom: 40px;
}
.heading-left {
margin-bottom: 40px;
}
.heading-left p {
margin-top: 15px;
}
.site-heading h2 {
font-size: 36px;
}
.breadcrumb-area h1 {
font-size: 36px;
}
.owl-carousel.owl-theme .owl-nav {
display: none;
}
.breadcrumb-area {
padding: 80px 0;
position: relative;
} .top-bar-area {
display: none;
}
.navbar .attr-nav .call {
display: none;
}
nav.navbar .quote-btn {
display: none;
}
.attr-nav {
display: none;
}
.navbar.navbar-fixed.transparent .attr-nav>ul>li.contact,
.navbar .attr-nav.button {
display: none;
}
.side {
padding: 50px 50px 50px 35px;
width: 320px;
}
.side .close-side {
top: -25px;
} body,
.banner-area,
.banner-area div {
height: auto;
}
.banner-area .content,
.banner-area .double-items {
overflow: hidden;
padding: 50px 0;
}
.banner-area {
text-align: center;
opacity: inherit;
}
.banner-area p {
padding: 0 !important;
}
.banner-area .content-box h2,
.banner-area h2 {
font-size: 36px !important;
}
.banner-area .carousel-indicators li {
display: inline-block;
}
.banner-area .carousel-indicators.right {
right: auto;
left: 50%;
transform: translate(-50%, 0);
margin-bottom: 30px;
top: auto;
bottom: -50px;
}
.banner-area.inc-shape .content {
padding-bottom: 90px;
}
.banner-area .carousel-control {
display: none;
}
.banner-area.top-pad-extra .content {
padding-top: 140px;
}
.banner-area .carousel-item .bottom {
justify-content: center;
}
.shadow.gradient::after {
background: #000000;
opacity: 0.6;
}
.banner-area.inc-shape .box-cell::before {
width: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 50%) repeat scroll 0 0;
}
.banner-area.bg-cover.shadow.theme-hard.text-light.text-multi-weight {
padding-bottom: 30px;
}
.banner-area .appinment-forms {
margin-left: 0;
} .about-us-area {
text-align: center;
}
.about-style-one .thumb img:nth-child(2) {
display: none;
}
.about-style-one .color-shape {
display: none;
}
.about-style-one .thumb .experience {
left: 0;
bottom: 0;
margin: 0;
position: inherit;
margin-top: 30px;
}
.about-style-one .thumb {
margin-bottom: 30px;
}
.about-style-one .thumb img:first-child {
width: 100%;
}
.about-style-one .bottom-info {
margin-right: 0;
justify-content: left;
}
.about-style-one .bottom-info .contact .content {
border: none;
padding-left: 0;
margin-top: 30px;
display: none;
}
.about-style-one .thumb::after {
display: none;
}
.about-style-one .bottom-info .button {
margin-right: 0;
}
.about-style-one.info {
padding-left: 0;
padding-right: 0;
}
.about-style-two .thumb img:nth-child(2) {
display: none;
}
.about-style-two .thumb {
padding: 0 50px;
margin: auto;
}
.about-style-three ul li {
width: 100%;
} .estimate-area .estimate-form .shape {
display: none;
}
.estimate-area .estimate-form {
top: 0;
margin: 0;
}
.estimate-area .estimate-form::after {
right: -30px;
display: none;
}
.estimate-area {
background: var(--color-secondary);
}
.estimate-area .estimate-form .fixed-shape-left {
display: none;
}
.estimate-area .estimate-form h2 {
margin-bottom: 15px;
}
.estimate-area .estimate-form .form-group {
margin-bottom: 15px;
}
.estimate-area .estimate-form button {
margin-top: 15px;
} .features-style-two .thumb::after {
display: none;
}
.experience .year {
display: block;
}
.features-style-two .experience {
padding: 0;
}
.experience .year h4 {
margin: 0;
top: 0;
}
.features-area {
text-align: center;
}
.experience .year h2 {
margin: 0;
}
.features-style-two-box .item-carousel .item {
display: block;
}
.features-style-two-box .item-carousel .icon i {
margin-right: 0;
margin-bottom: 30px;
font-size: 80px;
}
.item-carousel.feature-service-carousel.owl-carousel.owl-theme .owl-dots {
position: relative;
margin-top: 30px;
}
.features-style-two-box {
padding: 50px 30px;
}
.features-style-two img {
margin: 0;
max-width: 100%;
margin-top: 30px;
}
.award .item::after {
display: none;
}
.feature-style-three.award {
margin: 30px 0;
margin-bottom: 50px;
}
.feature-style-three .item:first-child {
margin-top: 30px;
}
.feature-style-three .item {
text-align: center;
} .choseus-style-one-area {
text-align: center;
}
.feature-list {
display: block;
text-align: center;
}
.feature-list i {
margin: 0;
margin-bottom: 30px;
}
.choseus-style-one-area::after {
background: #eef1f6;
width: 100%;
}
.choseus-style-one-area::before {
display: none;
}
.choseus-style-one-area .angle-shape {
display: none;
}
.choseus-style-one-area .video {
display: none;
}
.choose-style-one ul {
padding-left: 0;
margin-top: 30px;
} .pricing-style-two .pricing-item ul {
overflow: hidden;
display: inline-block;
text-align: left;
}
.pricing-style-two .pricing-item>i {
position: inherit;
right: auto;
margin-bottom: 30px;
}
.pricing-style-two .pricing-header,
.pricing-style-two .pricing-item .price {
text-align: center;
}
.pricing-style-two .pricing-item li {
float: none;
display: block;
width: auto;
}
.pricing-style-two .pricing-item {
text-align: center;
} .gallery-items.colums-2 .pf-item,
.gallery-items.colums-3 .pf-item,
.gallery-items.colums-4 .pf-item {
width: 100% !important;
}
.project-details-area .project-info {
border: none;
margin-top: 40px;
background: #f7f7f7;
padding: 50px;
padding-top: 45px;
}
.project-style-one .info h4 {
transform: translateY(0);
transform: translateX(10px);
}
.project-style-one .info span {
transform: translateX(10px);
opacity: 1;
}
.project-items-area .project-style-one .info span {
opacity: 0;
}
.project-items-area .project-style-one:hover .info span {
opacity: 1;
}
.project-details-area .project-info>ul {
display: block;
}
.project-details-area .project-info>ul li {
border-top: 1px solid #cccccc;
padding-top: 10px;
margin-top: 10px;
}
.project-details-area .project-info>ul li:first-child {
margin-top: 0;
padding-top: 0;
border: none;
}
.project-details-area .project-info>ul li:nth-child(2) {
border-top: 1px solid #cccccc;
margin-top: 10px;
padding-top: 10px;
}
.project-details-area img {
max-width: 100%;
width: 100%;
} .work-process-area::after {
height: 100%;
width: 100%;
}
.process-items .process-style-one {
margin-top: 50px;
}
.process-items .process-style-one:first-child {
margin-top: 0;
}
.process-items::after {
display: none;
}
.work-process-area .process-items .process-style-one .item span {
left: 50% !important;
bottom: -15px !important;
top: auto !important;
transform: translateX(-50%) !important;
}
.work-process-area .process-items .item h5 {
margin-top: 10px;
}
.work-process-area .process-items .process-style-one:nth-child(2n) .item img, 
.work-process-area .process-items .process-style-one .item:hover img {
transform: inherit;
margin-bottom: 25px;
}
.work-process-area .process-items .item:hover span, 
.work-process-area .process-items .process-style-one:nth-child(2n) .item span {
right: inherit;
}
.process-items {
margin-top: 0;
}
.process-items .line-shape {
display: none;
} .fun-fact {
display: block;
border: 1px solid #e7e7e7;
padding: 30px;
background: rgba(255, 255, 255, 0.9);
}
.bg-dark .fun-fact,
.bg-theme .fun-fact {
border-color: rgba(255, 255, 255, 0.3);
background: transparent;
}
.fun-fact-items .item {
margin-top: 30px;
}
.fun-fact-items .item:first-child {
margin-top: 0;
}
.fun-factor-area .fun-fact-items .fixed-bg {
display: none;
}
.fun-factor-area .shape {
bottom: -30px;
}
.fun-fact .medium {
color: var(--color-heading);
}
.bg-dark .fun-fact .medium,
.bg-theme .fun-fact .medium {
color: var(--white);
}
.fun-factor-area .shape-animated-left-right {
display: none;
} .appoinment-area {
width: 100% !important;
}
.appoinment-area .thumb {
display: none;
}
.appoinment-form::before {
display: none;
}
.appoinment-form {
padding: 50px 30px;
margin: 50px 0;
margin-bottom: 65px;
}
.appoinment-area {
width: 100%;
border-radius: inherit;
overflow: inherit;
} .team-area.shape::after {
height: 100%;
width: 100%;
}
.team-single-area .team-content-top {
bottom: 0;
margin-top: 0;
}
.team-single-area .team-content-top .right-info {
padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
}
.team-single-area .right-info .social .share-link {
display: none;
}
.team-single-area .right-info .social {
display: block;
}
.team-single-area .bottom-info .skill-items {
padding-left: 0;
margin-top: 30px;
} .services-style-two-box {
border-left: none;
}
.services-style-two-area {
text-align: center;
}
.sevices-style-two:hover .thumb::after {
opacity: 0.7;
visibility: visible;
}
.sevices-style-two:hover .thumb {
opacity: 1;
width: 100%;
visibility: visible;
}
.sevices-style-two:hover h4,
.sevices-style-two:hover i,
.sevices-style-two:hover p,
.sevices-style-two:hover a {
color: #ffffff;
}
.sevices-style-two {
border: 1px solid #e7e7e7 !important;
}
.services-type-items.services-type-carousel .owl-dots {
right: auto;
left: 30px;
top: auto;
transform: inherit;
bottom: 30px;
display: none;
}
.services-type-items.services-type-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0;
}
.services-types-area::after {
display: none;
}
.services-style-one .thumb {
margin-left: 0;
margin-top: 30px;
}
.services-style-one .thumb h4 {
left: auto;
right: 50px;
display: none;
}
.services-details-items .services-sidebar {
padding-left: 15px;
margin-top: 50px;
}
.services-details-area .features {
margin-bottom: 0;
}
.services-details-area .features .content {
margin-bottom: 30px;
}
.services-more .item {
text-align: center;
padding: 50px 37px;
}
.services-style-three .item {
border: 1px solid #e7e7e7;
}
.services-style-three {
margin-top: 30px;
}
.services-style-three:nth-child(2) {
margin-top: 30px;
}
.services-style-three:first-child {
margin: 0;
} .search-service-area .illustration {
display: none;
}
.search-service-box {
padding: 50px 0;
}
.search-service-box::after {
display: none;
}
.search-service-area {
background: #004876;
}
.search-service-box .input-button {
margin-top: 20px;
}
.search-service-box .input-box button {
display: block;
width: 100%;
border-radius: 5px;
}
.search-service-box .input-box {
background: transparent;
margin-top: 30px;
}
.search-service-box .input-box input,
.search-service-box .input-box .nice-select {
background: #ffffff;
}
.search-service-box .input-box .form-group {
width: 50%;
margin-bottom: 15px;
}
.search-service-box .input-box .nice-select::after {
right: 20px;
}
.search-service-box .input-box input {
border-radius: 5px 0 0 5px;
}
.search-service-box .input-box .nice-select {
border-radius: 0 5px 5px 0;
} .carousel-shadow .owl-stage-outer {
margin-bottom: -30px;
}
.testimonial-carousel .item {
display: block;
padding: 50px;
padding-bottom: 80px;
background: #ffffff;
box-shadow: 0px 2px 12px 0px #e7e7e7;
text-align: center;
border-radius: 6px;
}
.testimonial-carousel .item .provider {
justify-content: center;
}
.testimonial-carousel .item .content {
padding: 0;
background: transparent;
}
.testimonial-carousel .item img {
margin: auto auto 50px;
}
.testimonial-carousel .item .content img {
top: -36px;
left: 50%;
transform: translateX(-50%);
}
.testimonial-carousel .item .content::after,
.testimonial-carousel .item .content::before {
display: none;
}
.testimonial-carousel .item .content img {
top: -36px;
left: 50%;
transform: translateX(-50%);
}
.testimonials-area .testimonial-carousel.owl-carousel .owl-dots {
position: inherit;
top: auto;
bottom: 50px;
right: auto;
left: 50%;
transform: translateX(-50%);
}
.testimonials-area .testimonial-carousel.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 10px;
} .blog-area .blog-thin-colums .thumb {
margin-bottom: 30px;
}
.blog-area .blog-items .thumb .date {
left: 30px;
right: auto;
}
.blog-area .blog-items .meta ul {
border-top: none;
padding-top: 0;
}
.blog-area .meta ul li::after {
display: none;
}
.blog-area .pagi-area .pagination {
display: block;
}
.blog-area .pagi-area .pagination li {
display: inline-block;
margin-top: 5px;
}
.blog-area .blog-content .post-tags,
.blog-area .blog-content .share {
display: block;
text-align: center;
padding: 20px 0;
padding-bottom: 15px;
}
.blog-area .blog-content .share .social {
margin-top: 10px;
}
.blog-area.left-sidebar .blog-content {
float: none;
}
.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
padding: 50px 30px;
}
.blog-area.left-sidebar .sidebar,
.blog-area.right-sidebar .sidebar {
margin-top: 50px;
overflow: hidden;
}
.blog-area.right-sidebar .sidebar {
padding-left: 15px;
}
.blog-area.left-sidebar .sidebar {
padding-right: 15px;
}
.comments-list .commen-item.reply {
margin-left: 0;
}
.comments-list .commen-item .content,
.comments-list .commen-item .avatar {
display: block;
text-align: center;
}
.comments-list .commen-item .avatar {
min-width: 100px;
margin: auto;
height: auto;
}
.comments-list .commen-item .content {
width: 100%;
margin-top: 15px;
padding-bottom: 50px;
}
.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
display: block;
}
.comments-list .commen-item .content .reply {
margin-top: 15px;
}
.comments-list .commen-item .content .title span a {
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.blog-area .comments-area {
text-align: center;
}
.comments-list .commen-item .content .title {
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
.comments-list .commen-item {
margin-bottom: 50px;
display: block;
}
.blog-area .contact-comments .comments {
margin: 0;
}
.comments-area .comments-title {
margin-top: 50px;
}
.sidebar-item.recent-post li .thumb {
padding-top: 0;
} .maps-area {
margin: 0;
padding: 0;
margin-bottom: 50px;
}
.maps-area iframe {
min-height: 300px;
}
.contact-form-box {
padding-left: 15px;
margin-top: 30px;
}
.bg-theme .contact-content .content {
padding: 50px;
background: var(--white);
}
.bg-theme .contact-content .content li,
.bg-theme .contact-content .content li p {
color: var(--color-heading);
}
.contact-content .form-box p {
padding-right: 0;
}
.bg-theme .contact-content .content ul {
text-align: center;
}
.contact-content .content ul {
text-align: center;
} footer .f-items .f-item.about {
border: none !important;
padding: 0;
margin: 0;
margin-top: 50px;
}
footer .fixed-shape-left {
display: none;
}
footer .animate-illustration {
display: none;
}
footer .footer-bottom-box {
padding: 30px 0;
}
footer .footer-bottom-box {
text-align: center;
}
footer .footer-bottom-box .text-right {
text-align: center !important;
margin-top: 15px;
}
footer .footer-bottom li {
margin: 0 7px !important;
padding: 0 10px;
}
footer .footer-bottom li::before {
left: -9px;
}
.footer-bottom ul {
text-align: center !important;
}
.animate-right-left {
display: none;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.side {
padding: 50px;
width: 400px;
}
.attr-nav {
display: inline-block;
} .comments-list .commen-item .content {
padding-bottom: 0;
}
.comments-list .commen-item .avatar {
margin: 0;
}
.comments-list .commen-item .content .title span a {
margin-left: 30px;
position: inherit;
left: inherit;
transform: inherit;
}
.blog-area .blog-items .meta ul li:last-child {
display: inline-block;
}
.blog-area .meta ul li::after {
display: inline-block;
}
.blog-area .comments-area {
text-align: left;
}
.comments-list .commen-item {
display: flex;
}
.comments-list .commen-item .content {
width: auto;
margin-top: 0;
margin-left: 25px;
text-align: left;
}
.comments-list .commen-item .content .title {
margin-top: 0;
}
.comments-list .commen-item .content .title {
margin-top: 0;
}
.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
display: flex;
}
.comments-list .commen-item .content .reply {
margin-top: 0;
}
}
@media screen and (max-width: 991px) { .order-last {
order: 0;
}
} @media only screen and (max-width: 400px) {
.error-box h1 {
font-size: 170px;
}
.banner-area .carousel-item .bottom .video-play-button {
display: none;
} .pricing-item .price {
right: 30px;
}
.pricing-item {
padding: 50px 30px;
} .testimonial-carousel .item .provider {
display: block;
}
.testimonial-carousel .item .provider h5::after {
display: none;
}
.testimonial-carousel .item .provider h5 {
padding: 0;
margin: 0;
margin-top: 5px;
}
.award .item {
padding: 120px 30px;
padding-bottom: 50px;
}
.award .item h4 {
font-size: 20px;
}
.testimonial-carousel .item {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.top-bar-area .col-lg-5.offset-lg-3.info {
margin-left: 0;
max-width: 66.666667%;
flex: 0 0 66.666667%;
}
.top-bar-area .col-lg-5.offset-lg-3.info ul {
text-align: left;
}
.container-fill {
width: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
nav.navbar .container-full {
width: 100%;
max-width: 100%;
}
} @media only screen and (min-width: 768px) and (max-width: 1023px) {
.top-bar-area.multi-content .item-flex {
display: flex;
justify-content: space-between;
max-width: 100%;
flex: 100%;
margin-top: 0;
}
nav.navbar.bootsnav.navbar-fixed.nav-box.no-background {
top: 82px;
}
} @media only screen and (max-width: 450px) {
.services-types-area .item ul li {
width: 100%;
}
}
@media screen and (max-width: 600px) {
body.logged-in .banner-area.top-pad-extra .content {
padding-top: 190px;
}
} @media only screen and (min-width: 992px) and (max-width: 1024px) {
nav.navbar.bootsnav.nav-box .col-lg-9, 
nav.navbar.bootsnav .navbar-collapse {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.about-style-one.info {
padding-left: 0;
}
.feature-style-three.award {
margin-top: 50px;
}
.appoinment-form {
margin: 120px 0;
}
.appoinment-area .thumb {
display: none;
}
footer .f-items .f-item.about {
margin-right: 0;
border: none !important;
}
.features-style-two img {
max-width: 100%;
margin-left: 0;
margin-top: 30px;
}
.team-single-area .team-content-top {
bottom: 0;
margin-top: 0;
position: relative;
z-index: 1;
padding-bottom: 90px;
}
.project-details-area .top-info .left-info {
padding-right: 15px;
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.project-details-area .top-info .right-info {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
margin-top: 30px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1024px) {
li.search {
display: none !important;
}
}
@media (max-width: 1023px) {
nav.navbar.bootsnav .col-lg-9, 
nav.navbar.bootsnav .col-lg-6, 
nav.navbar.bootsnav .navbar-collapse {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
header.common {
min-height: 80px;
position: relative;
}
nav.navbar.bootsnav {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
nav.navbar.navbar-default.logo-less .navbar-collapse {
margin-left: 0;
}
}
@media only screen and (max-width: 500px) {
.post-pagi-area {
display: block;
text-align: center;
}
.post-pagi-area>div:nth-child(2) {
text-align: center;
margin-left: 0;
}
.post-pagi-area a {
display: block;
}
}