File: //home/seoprovi/patnaacrepair.com/assets/css/responsive.css
/******** all responsive code here *********/
@media all and (max-width: 1199px) {
.cooli-item-area .cooli-item-bg .single-cooli-item {
padding: 30px 20px;
}
.cooli-item-area {
margin-top: -150px;
}
.facilities-area .single-facilities-item .title {
font-size: 20px;
}
.facilities-area .single-facilities-item {
padding: 30px 20px 30px;
}
.cta-area .cta-wrapper .single-info-item .content .details {
font-size: 18px !important;
}
.service-area .single-service-item {
padding: 30px 20px;
}
.cta-area.home2 {
margin-top: -87px;
}
.faq-wrap .accordion li .answer {
font-size: 15px;
}
.about-us-area .about-area-right {
padding: 30px 30px 30px 30px;
}
.testimonial-area .title {
font-size: 14px;
}
.checkbox_option label {
font-size: 14px;
}
.cta-area.cta-bg .cta-wrapper .single-info-item .icon {
margin-right: 15px;
height: 60px;
width: 60px;
line-height: 54px;
}
.cta-area.cta-bg .cta-wrapper .single-info-item .icon i {
font-size: 16px;
}
}
@media all and (max-width: 991px) {
.info-bar-inner .right-content {
display: block;
float: left;
width: 100%;
}
.info-bar-inner .right-content .request-quote {
float: right;
margin-top: 6px;
}
.info-bar-inner {
padding: 10px 0;
overflow: hidden;
}
.nav-right-content {
position: absolute;
right: 60px;
top: 26px;
}
.navbar-toggler {
position: absolute;
right: 0;
top: 23px;
}
.navbar-toggler:focus {
outline: 0;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
font-size: 14px;
color: #fff;
}
.single-cooli-item {
margin-bottom: 30px;
}
.cta-area .cta-wrapper .single-info-item .content .details {
font-size: 16px !important;
}
.contact-area .left-content-area {
margin-bottom: 30px;
}
.newsletter-subcribe .form-group .subcribe-submit {
padding: 0 18px;
font-size: 15px;
}
.header-slider-item {
padding: 70px 0 120px;
}
.cooli-item-area {
margin-top: -65px;
}
.counterup-area .countr p {
font-size: 14px;
}
.project-masonry .filtr-item .inner-box .image .img-overlay .content-area .title {
font-size: 13px;
margin-bottom: 0px;
}
.project-masonry .filtr-item .inner-box .image .img-overlay .content-area .category a {
font-size: 12px;
}
.project-masonry .filtr-item .inner-box .image .img-overlay .content-area {
padding: 0 10px;
}
.project-masonry .filtr-item .inner-box .image .img-overlay .icon {
font-size: 15px;
}
.cta-area .cta-wrapper .single-info-item .content .details {
font-size: 14px !important;
}
.single-blog-item {
margin-bottom: 30px;
}
.testimonial-area .thumb-prev {
left: -34%;
}
.testimonial-area .thumb-next {
right: -34%;
}
.testimonial-area .line {
left: 0;
}
}
@media all and (max-width: 767px) {
.topbar-area {
text-align: center;
height: auto;
padding: 10px 0;
}
.info-bar-area {
display: none;
}
.topbar-area .right-contnet {
float: inherit;
margin-top: 10px;
}
.topbar-area .left-contnet span {
padding: 4px 0;
display: inline-block;
}
.ask-area {
text-align: center;
}
.ask-area .right-content {
text-align: center;
margin-top: 20px;
}
.counterup-area .countr p:after {
display: none;
}
.cta-area .cta-wrapper {
padding: 20px 30px;
border-radius: 4px;
display: block;
top: -61px;
}
.cta-area .cta-wrapper .left-content {
margin-bottom: 30px;
}
.cta-area.cta-bg .cta-wrapper .left-content {
border-right: 0;
}
.cta-area.cta-bg {
background: transparent;
margin-bottom: -190px;
z-index: 999;
}
.widget.footer-widget {
margin-bottom: 40px;
}
.copyright-area .copyright-text {
text-align: left;
margin-top: 10px;
}
.copyright-area .footer-menu ul li:first-child {
margin-left: 0;
}
.header-slider-item .title {
font-size: 46px;
}
.cta-area.newsletter .cta-wrapper .right-content {
border-left: 0;
}
.testimonial-area .line,
.testimonial-area .subline,
.testimonial-area .feedback-slider .owl-nav,
.testimonial-area .feedback-slider .owl-dots,
.testimonial-area .thumb-prev,
.testimonial-area .thumb-next {
display: none !important;
}
.testimonial-area .feedback-slider-item {
padding: 0;
}
.testimonial-area .feedback-slider-item p {
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}
.cta-area.newsletter .cta-wrapper .right-content .newsletter-subcribe {
margin-left: 0;
}
.content-box-style-06 .nav-tabs {
margin-bottom: 30px;
}
.project-masonry .filtr-item .inner-box .image .img-overlay .content-area {
display: none;
}
.header-slider-two .header-slider-item {
padding: 80px 0 230px;
}
.header-slider-two .header-slider-item .sub-title {
font-size: 16px;
}
.header-slider-two .header-slider-item .title {
font-size: 36px;
line-height: 1.3;
}
.header-slider-two .header-slider-item p {
font-size: 15px;
}
.cta-area.service-page .cta-wrapper .right-content {
border-left: 0;
}
.cta-area.service-page .cta-wrapper .right-content {
padding-left: 0;
}
}
@media all and (max-width: 575px) {
.breadcumb-area .breadcumb-inner .page-lists:before,
.breadcumb-area .breadcumb-inner .page-lists:after,
.section-title .subtitle:before,
.section-title .subtitle:after,
.ask-area .left-content .subtitle:before,
.ask-area .left-content .subtitle:after {
display: none;
}
.mobile-logo img {
width: 150px;
}
.back-to-top {
position: fixed;
right: 16px;
bottom: 20px;
}
.cta-area.cta-bg .cta-wrapper .single-info-item .content {
padding-right: 25px;
}
.section-title .title {
font-size: 30px;
}
.counterup-area .countr .counter {
font-size: 30px;
}
.nav-right-content {
top: 23px;
}
.navbar-toggler {
top: 20px;
}
.header-slider-item .title {
font-size: 30px;
line-height: 1.2;
}
.header-slider-item .subtitle:before,
.header-slider-item .subtitle:after {
display: none;
}
.header-slider-item .subtitle {
font-size: 16px;
}
.header-slider-item p {
font-size: 15px;
}
.slick-next {
right: -14%;
height: 50px;
line-height: 50px;
}
.slick-prev {
left: -14%;
height: 50px;
line-height: 50px;
}
.slick-next img,
.slick-prev img {
height: 50px;
}
.slick-next:hover {
right: -14%;
}
.slick-prev:hover {
left: -14%;
}
.about-us-area .about-image img {
height: auto;
}
.about-us-area .about-area-right {
padding: 30px 0;
}
.header-slider-two .header-slider-item .title {
font-size: 30px;
}
.blog-area .single-blog-item .content .title {
font-size: 20px;
}
.blog-details .blog-details-content .post-meta li {
font-size: 12px;
margin: 5px;
}
.blog-details .blog-details-content .title {
font-size: 18px;
line-height: 1.2;
margin: 5px 0;
}
.blog-details .blog-details-content .title:before,
.blog-details .blog-details-content .title:after {
display: none;
}
.blog-details .blog-single-content .title {
font-size: 18px;
}
.blog-details .blog-single-content .numbered-list {
padding-left: 0;
}
.blog-details .blog-single-content .numbered-list li {
font-size: 14px;
}
.blog-details .entry-comment .comment-list li .single-comment-item .content {
padding-left: 0;
}
.blog-details .entry-comment .comment-list li .single-comment-item .content {
margin-top: 90px;
}
.blog-details .entry-comment .comment-list li .single-comment-item {
padding: 20px;
}
.blog-details .entry-comment .comment-list li .single-comment-item.reply {
margin-left: 0;
}
.blog-details .entry-comment .comment-list li .single-comment-item .content.content-reply {
padding-left: 0 !important;
}
.blog-details .entry-comment .comment-list li .single-comment-item .content .reply {
top: -90px;
}
.blog-details .entry-comment .comment-list {
padding-left: 0;
}
.contact-area .right-content-area,
.contact-area .left-content-area {
padding: 20px;
}
.contact-area .left-content-area .info-list li .single-info-item .icon {
width: 60px;
height: 60px;
font-size: 18px;
line-height: 60px;
}
.contact-area .left-content-area .info-list li .single-info-item .heading {
margin-left: 10px;
font-size: 16px;
}
.contact-area .left-content-area .info-list li .content .details {
font-size: 14px;
}
.breadcumb-area .breadcumb-inner .title:before {
display: none;
}
.breadcumb-area .breadcumb-inner .page-lists li a,
.breadcumb-area .breadcumb-inner .page-lists li {
font-size: 24px;
}
.breadcumb-area .breadcumb-inner .title {
margin-top: 5px;
}
.service-more .services-content .single-service-content {
padding: 0 15px;
}
.service-more .services-content .single-service-content {
display: block;
padding: 15px;
}
.service-more .services-content .single-service-content .details {
border-left: 0;
padding: 0;
margin-top: 10px;
}
.service-more .services-content .single-service-content .details p {
font-size: 15px;
}
.service-more .services-content .single-service-content .service-number {
padding: 0;
}
.cooli-item-area .cooli-item-bg {
padding-left: 15px;
padding-right: 15px;
}
.cta-area.service-page .cta-wrapper .right-content {
border-left: 0;
padding-left: 0;
}
.nav-tabs .nav-item {
margin-bottom: 10px;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li {
font-size: 15px;
}
.servive-single-page-inner h3,
.servive-single-page-inner ul li {
line-height: 1.5;
}
}