/* Large Layout: 1200px. */

@media only screen and (min-width: 1200px) {
  .container {
    padding: 0;
  }

  .container-fluid {
    padding: 0;
  }
}

/* Medium screen  */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  /*==== Start call to action area  css ====*/
  .call-to-action-area .box {
    width: 870px;
  }

  /*==== End call to action area  css ====*/
  /*===Start trusted service area  css====*/
  .trusted-service-area .single-item .content {
    padding-left: 20px;
  }

  .trusted-service-area .single-item .icon-holder span::before {
    top: -41px;
  }

  .trusted-service-area .single-item .content h3 {
    font-size: 20px;
  }

  /*===End trusted service area  css ====*/
  /*===Start best service area  css ====*/
  .best-service-area .top-bg {
    width: 900px;
  }

  .best-service-area .single-item .title h3 {
    font-size: 20px;
    padding-left: 10px;
  }

  /*===End best service area  css ====*/
  /*===Start wheel work area  css ====*/
  .wheel-work-area {
    padding-bottom: 80px;
  }

  .wheel-work-left .title h1::after {
    width: 300px;
  }

  .wheel-work-left .content {
    padding-top: 30px;
  }

  .wheel-work-left .single-list-item {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .wheel-work-left .button a {
    margin-top: 15px;
  }

  /*===End wheel work area  css ====*/
  /*===Start meet our specialist area  css ====*/
  .meet-our-specialist-area {
    padding-bottom: 50px;
  }

  .meet-our-specialist-area .single-item {
    padding-bottom: 40px;
  }

  /*===Start meet our specialist area  css ====*/
  /*===Start our latest news area  css ====*/
  .single-blog-post .content-box .date-box {
    margin-top: 5px;
  }

  /*===End our latest news area  css ====*/
  /*===Start apply for job area  css ====*/
  .apply-for-job-area h2 {
    font-size: 20px;
  }

  /*===End apply for job area  css ====*/
  /*===Start fact counter area  css ====*/
  .fact-counter ul li {
    padding: 70px 14px 63px;
  }

  .fact-counter ul li .text h1 {
    font-size: 30px;
    margin: 0 0 2px;
  }

  .fact-counter ul li .icon {
    padding-left: 10px;
  }

  .fact-counter ul li .icon span::before {
    font-size: 45px;
  }

  /*===End fact counter area  css ====*/
  /*===Start combo package area  css ====*/
  .combo-package-area .text h1 {
    font-size: 25px;
  }

  /*===End combo package area  css ====*/
  /*===Start large blog content area  css ====*/
  .large-blog-post .single-blog-post ul {
    padding-left: 20px;
    padding-right: 0;
    width: 515px;
  }

  .large-blog-post .single-blog-post .content-box .date-box {
    margin-top: 55px;
  }

  /*===End large blog content area  css ====*/
  /*==== Start manasory blog with sidebar area css ====*/
  .manasory-blog-ws-area .manasory-blog-post-v2 {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0;
  }

  /*==== End manasory blog with sidebar area css ====*/
  /*==== Start write your comment area css ====*/
  .write-your-comment-form input[type="text"] {
    width: 442px;
    margin-bottom: 30px;
  }

  /*==== End write your comment area css ====*/
  /*==== Start blog details content area css ====*/
  .blog-details-content .single-blog-post ul {
    padding-right: 10px;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box {
    display: block !important;
    float: left;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box img {
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .text-box {
    padding-left: 0;
    padding-top: 30px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title {
    display: inline-block !important;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title h5 {
    margin: 0 0 10px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .social-icon {
    padding-left: 0px;
  }

  /*==== End blog details content area css ====*/
  /*==== Start google map area css ====*/
  .google-map-area .container-fluid {
    padding: 0;
  }

  /*==== End google map area css ====*/
  /*==== Start services package area css ====*/
  .single-price-box.single-package.top {
    position: relative;
    top: -84px;
  }

  /*==== End services package area css ====*/
  /*==== Start full range services area css ====*/
  .full-range-services-area .single-item .inner-content {
    padding: 60px 10px 53px;
  }

  /*==== End full range services area css ====*/
  /*==== Start services single area css ====*/
  .services-single-content .other-services-content .sec-title .decor::after {
    left: 19px;
    width: 400px;
  }

  .services-single-content .working-topics-content {
    margin-left: 15px;
    margin-top: 30px;
    padding-left: 0;
  }

  .pricing-plan .table-body td {
    padding: 15px 20px;
  }

  .pricing-plan .table-heading th {
    padding: 17px 20px;
  }

  .single-services-sidebar .single-item .single-service-sidebar-carousel .service-carousel-control {
    top: -335px;
  }

  /*==== End services single area css ====*/
  /*==== Start services single area ver two css ====*/
  .working-under-content {
    margin-left: 0;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 5px;
  }

  /*==== End services single area ver two css ====*/
  /*==== Start shop section css ====*/
  .single-shop-item a h3 {
    font-size: 14px;
  }

  /*==== End shop section css ====*/
  /*==== Start shop section with sidebar css ====*/
  .shop-section .sidebar {
    margin-top: 90px;
  }

  /*==== End shop section with sidebar css ====*/
  /*==== Start login register area css ====*/
  .login-register-area {
    padding-bottom: 90px;
    padding-top: 89px;
  }

  .login-register-area .form a.forgot-password {
    float: left;
    margin: 23px 0 0;
  }

  .login-register-area .form h6 {
    float: left;
  }

  /*==== End login register area css ====*/
  /*==== Start shop single css ====*/
  .shop-section.single-shop {
    padding-bottom: 28px;
    padding-top: 90px;
  }

  .magnify {
    display: block;
    position: relative;
  }

  .shop-section.single-shop .sidebar {
    margin-top: 40px;
  }

  /*==== End shop single css ====*/
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  /*==== Start call to action area css ====*/
  .call-to-action-area .box {
    width: 650px;
  }

  .call-to-action-area .box h2 {
    padding-left: 0;
    text-align: center;
    top: -55px;
  }

  .call-to-action-area .box a {
    left: 0;
    margin: 0 auto;
    top: -45px;
  }

  /*==== End call to action area css ====*/
  /*==== Start quality service area css ====*/
  .quality-service-area .service-content p {
    margin: 0 0 60px;
  }

  .quality-service-area .service-client-carousel {
    padding-top: 60px;
  }

  /*==== End quality service area css ====*/
  /*====Start trusted service area css====*/
  .trusted-service-area .single-item {
    padding-bottom: 15px;
  }

  .trusted-service-area .single-item .icon-holder span::before {
    top: -5px;
  }

  /*====End trusted service area css====*/
  /*==== Start best service area css====*/
  .best-service-area .top-bg {
    width: 700px;
  }

  .best-service-area .single-item.middle {
    margin: 0 auto;
    width: 345px;
    padding-top: 15px;
    padding-bottom: 40px;
  }

  /*==== End best service area css====*/
  /*==== Start wheel work area css====*/
  .wheel-work-area {
    padding-bottom: 80px;
  }

  .wheel-work-left .title h1::after {
    width: 110px;
  }

  .wheel-work-left .single-list-item {
    padding-bottom: 0;
    padding-top: 0;
  }

  .wheel-work-left .content h3 {
    margin: 20px 0 12px;
  }

  .wheel-work-left .button a {
    margin-top: 15px;
  }

  .wheel-work-right {
    padding-bottom: 30px;
  }

  /*==== End wheel work area css====*/
  /*====Start faq and gallery area css====*/
  .work-gallery-right {
    overflow: hidden;
    padding-top: 90px;
  }

  /*====End faq and gallery area css====*/
  /*===Start meet our specialist area  css ====*/
  .meet-our-specialist-area {
    padding-bottom: 50px;
  }

  .meet-our-specialist-area .single-item {
    padding-bottom: 40px;
  }

  .meet-our-specialist-area .single-item .text p {
    padding-left: 15px;
    font-size: 13px;
  }

  /*===Start meet our specialist area  css ====*/
  /*===Start our latest news area  css ====*/
  .single-blog-post .content-box .date-box {
    margin-top: 55px;
  }

  .single-blog-post ul {
    padding: 12px 25px 14px 20px;
  }

  .single-blog-post.middle {
    width: 345px;
    margin: 0 auto;
    padding-top: 40px;
  }

  /*===End our latest news area  css ====*/
  /*===Start free appoinment area  css ====*/
  .free-appoinment-form .select-field select {
    background: #ffffff url("../img/resources/dropdown.png") no-repeat scroll 98% 50%;
  }

  .free-appoinment-form .select-field select:hover {
    background: url(../img/resources/dropdown-red.png) no-repeat 98% 50% #ffffff;
  }

  /*===End free appoinment area  css ====*/
  /*===Start footer-area css ====*/
  .footer-middle {
    padding-bottom: 13px;
    padding-top: 52px;
  }

  .single-footer-widget {
    padding-bottom: 50px;
  }

  .single-footer-widget .carousel-indicators {
    bottom: -45px;
  }

  /*===End footer-area css ====*/
  /*===Start apply for job area  css ====*/
  .apply-for-job-area h2 {
    font-size: 17px;
  }

  /*===End apply for job area  css ====*/
  /*===Start customer area  css ====*/
  .customer-support {
    margin-top: 30px;
    text-align: center;
  }

  /*===End customer area  css ====*/
  /*===Start years tab area  css ====*/
  .years-tab-area .years-tab {
    padding-top: 50px;
  }

  .working-time {
    margin-top: 35px;
  }

  /*===End years tab area  css ====*/
  /*===Start fact counter area  css ====*/
  .fact-counter ul li {
    padding: 70px 64px 63px;
    border-left: none;
  }

  .fact-counter ul li:last-child {
    border-right: none;
  }

  /*===End fact counter area  css ====*/
  /*===Start ask your question area  css ====*/
  .faq-content-area .accordion .acc-btn {
    font-size: 16px;
  }

  .ask-your-question-form input[type="text"] {
    margin-bottom: 30px;
  }

  /*===End ask your question area  css ====*/
  /*===Start single price box  css ====*/
  .single-price-box.middle {
    margin: 0 auto;
    padding-top: 40px;
    width: 345px;
  }

  /*===End single price box  css ====*/
  /*===Start combo package area  css ====*/
  .combo-package-area {
    padding-bottom: 60px;
    padding-top: 43px;
  }

  /*===End combo package area  css ====*/
  /*===Start large blog content area  css ====*/
  .large-blog-post .single-blog-post ul {
    padding-left: 20px;
    padding-right: 0;
    width: 620px;
  }

  .large-blog-post .single-blog-post .content-box .date-box {
    margin-top: 55px;
  }

  .sidebar-wrapper {
    padding-top: 80px;
  }

  /*===End large blog content area  css ====*/
  /*===Start list blog content area css ====*/
  .list-blog-post .single-blog-post .content-box {
    padding-left: 100px;
    padding-top: 35px;
  }

  .list-blog-post .single-blog-post .content-box ul {
    margin: -7px 0 15px;
  }

  /*===End list blog content area css ====*/
  /*==== Start manasory blog content area css ====*/
  .manasory-blog-content-area .manasory-blog-post .single-blog-manasory-item.span-4 {
    width: 50%;
  }

  /*==== End manasory blog content area css ====*/
  /*==== Start gallery masonary v1 area css ====*/
  .gallery-masonary-v1-area .single-gallery-masonary-item.span-3 {
    width: 50%;
  }

  /*==== End gallery masonary v1 area css ====*/
  /*==== Start gallery masonary v2 area css ====*/
  .gallery-masonary-v2-area .single-gallery-masonary-item.span-4 {
    width: 50%;
  }

  /*==== End gallery masonary v2 area css ====*/
  /*==== Start manasory blog with sidebar area css ====*/
  .manasory-blog-ws-area .manasory-blog-post-v2 {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0;
  }

  /*==== End manasory blog with sidebar area css ====*/
  /*==== Start testimonial page css ====*/
  .testimonial-page .testimonial-masonary .masonary-testimonial-single-item.span-4 {
    width: 50%;
  }

  /*==== End testimonial page css ====*/
  /*==== Start write your comment area css ====*/
  .write-your-comment-form input[type="text"] {
    margin-bottom: 30px;
    width: 332px;
  }

  /*==== End write your comment area css ====*/
  /*==== Start blog details content area css ====*/
  .blog-details-content .single-blog-post ul {
    padding-right: 115px;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .text-box ul li {
    display: block;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box {
    display: block !important;
    float: left;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box img {
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .text-box {
    padding-left: 0;
    padding-top: 30px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title {
    display: inline-block !important;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title h5 {
    margin: 0 0 10px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .social-icon {
    padding-left: 0px;
  }

  .leave-reply-form form input[type="text"] {
    margin-bottom: 30px;
  }

  .leave-reply-form form textarea {
    margin-top: 0px;
  }

  /*==== End blog details content area css ====*/
  /*==== Start gallery single area css ====*/
  .gallery-items .gallery-single-item .right-content {
    margin-top: 60px;
    overflow: hidden;
  }

  /*==== End gallery single area css ====*/
  /*==== Start contact area css ====*/
  .contact-area .contact-form {
    margin-top: 80px;
  }

  /*==== End contact area css ====*/
  /*==== Start google map area css ====*/
  .google-map-area .container-fluid {
    padding: 0;
  }

  /*==== End google map area css ====*/
  /*==== Start services package area css ====*/
  .services-package-area .single-package {
    margin-bottom: 40px;
  }

  .single-price-box.single-package.top {
    top: 0;
  }

  /*==== End services package area css ====*/
  /*==== Start full range services area css ====*/
  .full-range-services-area .single-item .inner-content {
    padding: 60px 10px 53px;
  }

  .full-range-services-area .single-item .inner-content .content h3 {
    font-size: 15px;
  }

  /*==== End full range services area css ====*/
  /*==== Start services single area css ====*/
  .services-single-content .other-services-content .sec-title .decor::after {
    left: 19px;
    width: 500px;
  }

  .services-single-content .working-topics-content {
    margin-left: 15px;
    margin-top: 30px;
    padding-left: 0;
  }

  .single-services-sidebar {
    padding-top: 70px;
  }

  .single-services-sidebar .single-item .single-service-sidebar-carousel .service-carousel-control {
    top: -335px;
  }

  /*==== End services single area css ====*/
  /*==== Start services single area ver two css ====*/
  .working-under-content {
    margin-left: 0;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 5px;
  }

  /*==== End services single area ver two css ====*/
  /*==== Start services single area ver three css ====*/
  .services-single-area.ver-three .brake-repair-items .single-item {
    margin-bottom: 50px;
  }

  .services-single-area.ver-three .services-single-content .pricing-plan-area {
    padding-top: 20px;
  }

  /*==== End services single area ver three css ====*/
  /*==== Start shop section with sidebar css ====*/
  .shop-section .sidebar {
    margin-top: 90px;
  }

  /*==== End shop section with sidebar css ====*/
  /*==== Start login register area css ====*/
  .login-register-area {
    padding-bottom: 90px;
    padding-top: 89px;
  }

  .login-register-area .form a.forgot-password {
    float: left;
    margin: 23px 0 0;
  }

  .login-register-area .form.register {
    padding-top: 60px;
  }

  .login-register-area .form h6 {
    float: left;
  }

  /*==== End login register area css ====*/
  /*==== Start shop single css ====*/
  .shop-section.single-shop {
    padding-bottom: 28px;
    padding-top: 90px;
  }

  .single-shop-content .content h2 {
    font-size: 21px;
    margin: -3px 0 10px;
  }

  .review-tab-content .description-content {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .review-tab-content .description-content ul {
    margin: 0;
    padding-bottom: 0;
  }

  .shop-section.single-shop .sidebar {
    margin-top: 40px;
  }

  /*==== End shop single css ====*/
}
@media only screen and (max-width: 1199px) {
	section.main-slider {
    margin-top: -78px;
}


	.header-lower.navbar .navbar-nav > li > a {
            font-size: 12px;
        padding: 10px 5px;
	}
}
/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
	.single-testimonial-item .content{
		text-align:center;
	}
/* 	.header-lower.navbar.navbar-default .navbar-nav .dropdown-menu{
		position:unset !important;
	} */
	.single-testimonial-item .client-info .client-name {
    padding-left: 20px;
    width: 100%;
    text-align: center;
    display: block;
}
	.single-testimonial-item .content::before{
		display:none;
	}
.footer-middle .footer-social-link ul {
	float: left;}

  .header-lower.navbar .navbar-brand {
    padding-left: 15px;
  }


  html,
  body {
    /* height: 100%; */
    overflow-x: hidden;
  }



  .faq-content-left .accordion-box .accordion .acc-btn .toggle-icon {
    right: -20px;
    top: 0px;
  }

  .faq-content-left .accordion-box .accordion .acc-btn {
    padding-top: 35px;
  }



  /* .faq-content-left .accordion-box .accordion .acc-btn .toggle-icon .minus {
    height: 25px;  
    line-height: 28px;
    width: 25px;
}


  .faq-content-left .accordion-box .accordion .acc-btn .toggle-icon .plus{
    height: 25px;  
    line-height: 28px;
    width: 25px;
  } */


  .contact-area {
    padding-top: 0px;
  }


  .faq-and-gallery-area {
    padding-top: 0px;
  }





  /*==== Start call to action area css ====*/
  .call-to-action-area .box {
    width: 235px;
  }

  .call-to-action-area .box h2 {
    font-size: 18px;
    padding-left: 0;
    text-align: center;
    top: -65px;
  }

  .call-to-action-area .box a {
    left: 0;
    margin: 0 auto;
    top: -50px;
    width: 220px;
  }

  /*==== End call to action area css ====*/
  /*==== Start quality service area css ====*/
  .quality-service-area .service-content p {
    margin: 0 0 60px;
	  text-align:center;
  }
	.wheel-work-left .title{
		text-align:center;
	}
	.wheel-work-left .title h1, h2{
		text-align:center;
	}
  .quality-service-area .service-content a {
    margin-bottom: 5px;
  }

  .quality-service-area .service-client-carousel {
    padding-top: 60px;
  }

  .service-client-carousel .single-item .content {
    padding-left: 20px;
  }

  /*==== End quality service area css ====*/
  /*==== Start trusted service area css ====*/
  .trusted-service-area .single-item {
    padding-bottom: 0px;
  }

  .trusted-service-area .single-item .icon-holder span::before {
    top: -17px;
  }

  .trusted-service-area .single-item .content {
    padding-left: 20px;
  }

  /*==== End trusted service area css ====*/
  /*==== Start best service area css ====*/
  .best-service-area .top-bg {
    width: 235px;
  }

  .best-service-area {
    background: #f6f6f6 none repeat scroll 0 0;
    padding-bottom: 17px;
    padding-top: 20px;
  }

  .best-service-area .single-item {
    padding-bottom: 35px;
  }

  /*==== End best service area css ====*/
  /*==== Start wheel work area css ====*/
  .wheel-work-area {
    padding-bottom: 80px;
  }

  .wheel-work-left {
    padding-bottom: 50px;
  }

  .wheel-work-left .title h1::after {
    width: 0;
  }

  .work-gallery-right .work-gallery-items .single-item {
    float: none;
  }

  .wheel-work-left .single-list-item {
    padding-bottom: 0;
    padding-top: 0;
  }

  .wheel-work-left .content h3 {
    margin: 20px 0 12px;
  }

  .wheel-work-left .button a {
    margin-top: 15px;
  }

  .wheel-work-right {
    padding-bottom: 30px;
  }

  .wheel-work-right .single-other-service-list .icon-holder {
    width: 70px;
  }

  .wheel-work-right .single-other-service-list .title h3 {
    font-size: 16px;
  }

  /*==== End wheel work area css ====*/
  /*====Start faq and gallery area css====*/
  .work-gallery-right {
    overflow: hidden;
    padding-top: 90px;
  }

  /*====End faq and gallery area css====*/
  /*===Start meet our specialist area  css ====*/
  .meet-our-specialist-area {
    padding-bottom: 50px;
  }

  .meet-our-specialist-area .single-item {
    padding-bottom: 40px;
  }

  /*===Start meet our specialist area  css ====*/
  /*===Start our latest news area  css ====*/
  .our-latest-news-area {
    padding-bottom: 20px;
  }

  .our-latest-news-area .single-blog-post {
    padding-bottom: 50px;
  }

  .single-blog-post .content-box {
    padding-top: 50px;
  }

  .single-blog-post .content-box .date-box {
    margin-top: 5px;
  }

  /*===End our latest news area  css ====*/
  /*===Start free appoinment area  css ====*/
  .free-appoinment-form .select-field select {
    background: #ffffff url("../img/resources/dropdown.png") no-repeat scroll 98% 50%;
  }

  .free-appoinment-form .select-field select:hover {
    background: url(../img/resources/dropdown-red.png) no-repeat 98% 50% #ffffff;
  }

  /*===End free appoinment area  css ====*/
  /*===Start footer-area css ====*/
  .footer-middle {
    padding-bottom: 33px;
    padding-top: 52px;
  }

  .single-footer-widget {
    padding-bottom: 50px;
  }

  .single-footer-widget .carousel-indicators {
    bottom: -35px;
  }

  .copy-right p {
    text-align: center;
    padding-bottom: 10px;
  }

  .footer-social-link ul {
    float: none;
    text-align: center;
    padding-bottom: 10px;
  }

  /*===End footer-area css ====*/
  /*===Start breadcrumb bottom area css ====*/
  .breadcrumb-bottom-area ul {
    text-align: center;
  }

  .breadcrumb-bottom-area p {
    float: none;
    text-align: center;
  }

  /*===End breadcrumb bottom area css ====*/
  /*===Start not found content area css ====*/
  .notfound-content-area {
    padding-bottom: 100px;
    padding-top: 100px;
  }

  .notfound-content-area .content .search-form input {
    width: 290px;
  }

  /*===End not found content area css ====*/
  /*===Start apply for job area  css ====*/
  .apply-for-job-area h2 {
    font-size: 20px;
    padding-top: 0;
  }

  .apply-for-job-area a {
    margin-top: 20px;
  }

  /*===End apply for job area  css ====*/
  /*===Start customer area  css ====*/
  .customers-info .img-holder {
    display: block !important;
    float: none;
    width: 100%;
  }

  .customers-info .img-holder img {
    width: 100%;
  }

  .customers-info .content {
    padding-left: 0;
    padding-top: 30px;
  }

  .customer-support {
    margin-top: 30px;
    text-align: center;
  }

  /*===End customer area  css ====*/
  /*===Start years tab area  css ====*/
  .years-tab-area {
    padding-bottom: 90px;
  }

  .years-tab .tab-menu {
    display: block !important;
    float: none;
    width: 100%;
  }

  .years-tab .tab-content {
    padding-left: 0;
    padding-top: 40px;
  }

  .working-time {
    margin-top: 35px;
  }

  /*===End years tab area  css ====*/
  /*===Start fact counter area  css ====*/
  .fact-counter {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .fact-counter ul li {
    border-left: medium none;
    float: none;
    margin: 0 auto;
    padding: 40px 30px 33px;
    width: 300px;
  }

  .fact-counter ul li:last-child {
    border-right: none;
  }

  /*===End fact counter area  css ====*/
  /*===Start testimonial area  css ====*/
  .testimonial-area {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .single-testimonial-item .content {
    background: rgba(0, 0, 0, 0) url("../img/testimonial/content-bg.png") no-repeat scroll 0 0 / 100% 100%;
  }

  .single-testimonial-item {
    padding-bottom: 0px;
  }

  /*===End testimonial area  css ====*/
  /*===Start brand area  css ====*/
  .brand-area .owl-theme .owl-nav {
    display: none;
  }

  /*===End brand area  css ====*/
  /*===Start ask your question area  css ====*/
  .faq-content-area .accordion .acc-btn {
    font-size: 15px;
    padding-right: 50px;
  }

  .ask-your-question-form input[type="text"] {
    margin-bottom: 30px;
  }

  /*===End ask your question area  css ====*/
  /*===Start single price box  css ====*/
  .pricing-table-area {
    padding-bottom: 50px;
    padding-top: 115px;
  }

  .single-price-box {
    padding-bottom: 40px;
  }

  /*===End single price box  css ====*/
  /*===Start combo package area  css ====*/
  .combo-package-area {
    padding-bottom: 56px;
    padding-top: 30px;
  }

  .combo-package-area .button {
    float: left !important;
  }

  .combo-package-area .button a {
    top: 20px;
  }

  /*===End combo package area  css ====*/
  /*===Start large blog content area  css ====*/
  .large-blog-post .single-blog-post ul {
    padding-left: 15px;
    padding-right: 0;
    top: -50px;
    width: 290px;
  }

  .large-blog-post .single-blog-post .content-box {
    padding-top: 100px;
  }

  .large-blog-post .single-blog-post .content-box .date-box {
    margin-top: 5px;
  }

  .large-blog-post .single-blog-post .img-holder .overlay .image-view .icon-holder a span::before {
    font-size: 30px;
    position: relative;
    top: -10px;
  }

  .paginations ul li a {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }

  .sidebar-wrapper {
    padding-top: 80px;
  }

  /*===End large blog content area  css ====*/
  /*===Start list blog content area css ====*/
  .single-blog-post .content-box {
    padding-top: 35px;
  }

  .list-blog-post .single-blog-post .date-and-img-box .img-holder {
    margin-left: 20px;
  }

  .list-blog-post .single-blog-post .content-box ul {
    margin: -7px 0 15px;
  }

  /*===End list blog content area css ====*/
  /*==== Start manasory blog content area css ====*/
  .manasory-blog-content-area .manasory-blog-post .single-blog-manasory-item.span-4 {
    width: 100%;
  }

  .manasory-blog-post .single-blog-manasory-item .single-blog-post .content-box {
    padding-top: 50px;
  }

  .manasory-blog-post .single-blog-manasory-item .single-blog-post.video-gallery .content-box {
    margin-top: 0;
    padding-top: 50px;
  }

  /*==== End manasory blog content area css ====*/
  /*==== Start manasory blog with sidebar area css ====*/
  .manasory-blog-post-v2 .single-blog-manasory-item.span-6 {
    width: 100% !important;
  }

  .manasory-blog-post-v2 .single-blog-manasory-item .single-blog-post .content-box {
    padding-top: 50px;
  }

  .manasory-blog-post-v2 .single-blog-manasory-item .single-blog-post.video-gallery .content-box {
    margin-top: 0;
    padding-top: 50px;
  }

  /*==== End manasory blog with sidebar area css ====*/
  /*==== Start gallery masonary v1 area css ====*/
  .gallery-masonary-v1-area .single-gallery-masonary-item.span-3 {
    width: 100%;
  }

  /*==== End gallery masonary v1 area css ====*/
  /*==== Start gallery masonary v2 area css ====*/
  .gallery-masonary-v2-area .single-gallery-masonary-item.span-4 {
    width: 100%;
  }

  /*==== End gallery masonary v2 area css ====*/
  /*==== Start manasory blog with sidebar area css ====*/
  .manasory-blog-ws-area .manasory-blog-post-v2 {
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 0;
  }

  /*==== End manasory blog with sidebar area css ====*/
  /*==== Start testimonial page css ====*/
  .testimonial-page .testimonial-masonary .masonary-testimonial-single-item.span-4 {
    width: 100%;
  }

  /*==== End testimonial page css ====*/
  /*==== Start write your comment area css ====*/
  .write-your-comment-form input[type="text"] {
    width: 290px;
    margin-bottom: 20px;
  }

  /*==== End write your comment area css ====*/
  /*==== Start blog details content area css ====*/
  .blog-details-content .single-blog-post ul {
    padding-right: 0px;
  }

  .single-blog-post ul li {
    border-right: none;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .text-box ul li {
    display: block;
  }

  .blog-details-content .single-blog-post .content-box .content {
    padding-left: 20px;
    padding-top: 5px;
  }

  .blog-details-content .single-blog-post .content-box .content h3 {
    font-size: 20px;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box {
    display: block !important;
    float: left;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .img-box img {
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .caption-and-img-box .text-box {
    padding-left: 0;
    padding-top: 30px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title {
    display: inline-block !important;
    width: 100%;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .title h5 {
    margin: 0 0 10px;
  }

  .blog-details-content .single-blog-post .content-box .content .social-like-box .social-icon {
    padding-left: 0px;
  }

  .author-box .img-holder {
    display: block !important;
    width: 100%;
  }

  .author-box .text {
    padding-left: 0;
    padding-top: 20px;
  }

  .comment-box .img-box {
    display: block !important;
    width: 100%;
  }

  .comment-box .text-box {
    padding-left: 0px;
    padding-top: 20px;
  }

  .leave-reply-form form input[type="text"] {
    margin-bottom: 30px;
  }

  .leave-reply-form form textarea {
    margin-top: 0px;
  }

  /*==== End blog details content area css ====*/
  /*==== Start gallery single area css ====*/
  .gallery-items .gallery-single-item .right-content {
    margin-top: 60px;
    overflow: hidden;
  }

  /*==== End gallery single area css ====*/
  /*==== Start contact area css ====*/
  .contact-area .contact-form {
    margin-top: 80px;
  }

  /*==== End contact area css ====*/
  /*==== Start google map area css ====*/
  #contact-page-google-map {
    height: 320px;
    width: 100%;
  }

  /*==== End google map area css ====*/
  /*==== Start google map area css ====*/
  .google-map-area .container-fluid {
    padding: 0;
  }

  /*==== End google map area css ====*/
  /*==== Start services package area css ====*/
  .services-package-area .single-package {
    margin-bottom: 40px;
  }

  .single-price-box.single-package.top {
    top: 0;
  }

  /*==== End services package area css ====*/
  /*==== Start full range services area css ====*/
  .full-range-services-area .single-item .inner-content {
    padding: 60px 20px 53px;
  }

  /*==== End full range services area css ====*/
  /*==== Start services single area css ====*/
  .services-single-content .other-services-content .sec-title h1 {
    font-size: 22px;
  }

  .services-single-content .other-services-content .sec-title .decor::after {
    left: 19px;
    width: 60px;
  }

  .services-single-content .working-topics-content {
    margin-left: 15px;
    margin-top: 30px;
    padding-left: 0;
  }

  .single-services-sidebar {
    padding-top: 70px;
  }

  .single-services-sidebar .single-item .single-service-sidebar-carousel .service-carousel-control {
    top: -275px;
  }

  /*==== End services single area css ====*/
  /*==== Start services single area ver two css ====*/
  .working-under-content {
    margin-left: 0;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 5px;
  }

  /*==== End services single area ver two css ====*/
  /*==== Start services single area ver three css ====*/
  .services-single-area.ver-three .brake-repair-items .single-item {
    margin-bottom: 50px;
  }

  .services-single-area.ver-three .services-single-content .pricing-plan-area {
    padding-top: 20px;
  }

  /*==== End services single area ver three css ====*/
  /*==== Start shop section css ====*/
  .single-shop-item .img-box {
    text-align: center;
  }

  .shop-section .post-pagination li {
    height: 40px;
    width: 40px;
  }

  .shop-section .post-pagination li a {
    line-height: 40px;
    padding: 0;
  }

  /*==== End shop section css ====*/
  /*==== Start shop section with sidebar css ====*/
  .shop-section .sidebar {
    margin-top: 90px;
  }

  /*==== End shop section with sidebar css ====*/
  /*==== Start login register area css ====*/
  .login-register-area {
    padding-bottom: 90px;
    padding-top: 89px;
  }

  .login-register-area .form a.forgot-password {
    float: left;
    margin: 23px 0 0;
  }

  .login-register-area .form.register {
    padding-top: 60px;
  }

  .login-register-area .form h6 {
    float: left;
  }

  /*==== End login register area css ====*/
  /*==== Start shop single css ====*/
  .shop-section.single-shop {
    padding-bottom: 28px;
    padding-top: 90px;
  }

  .related-product .sec-title h1 {
    font-size: 22px;
  }

  .single-shop-content .img-holder {
    margin-right: 0;
  }

  .single-shop-content .img-holder img {
    width: 100%;
  }

  .magnify {
    display: block;
  }

  .single-shop-content .content {
    margin-left: 0;
    margin-top: 60px;
  }

  .review-tab-content .description-content {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
  }

  .review-tab-content .description-content ul {
    margin: 0;
    padding-bottom: 0;
  }

  .review-tab-content .single-review-content .img-box {
    position: static;
  }

  .review-box-content .tab-menu li a {
    width: 125px;
  }

  .review-tab-content .single-review-content {
    padding-left: 0;
    position: static;
  }

  .review-tab-content .single-review-content .content-box {
    padding-left: 0;
    padding-top: 25px;
  }

  .review-tab-content .single-review-content.left .content-box {
    padding-left: 0;
  }

  .shop-section.single-shop .sidebar {
    margin-top: 40px;
  }

  /*==== End shop single css ====*/



  .breadcrumb-area {

    padding-top: 90px;

  }



}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

  /*==== Start call to action area css ====*/
  .call-to-action-area .box {
    width: 350px;
  }

  .call-to-action-area .box h2 {
    padding-left: 0;
    text-align: center;
    top: -65px;
    font-size: 20px;
  }

  .call-to-action-area .box a {
    left: 0;
    margin: 0 auto;
    top: -55px;
  }

  /*==== End call to action area css ====*/
  /*==== Start best service area css ====*/
  .best-service-area .top-bg {
    width: 280px;
  }

  /*==== End best service area css ====*/
}

@media (max-width: 1024px) {
	.main-slider .swiper-slide img {
		height: 611px;
	}
	.navbar-collapse{
		padding:0;
	}
	.services-single-area {
    padding-bottom: 50px;
    padding-top: 50px;
}
	.services-single-content .working-topics-video-preview img{
		width:100%;
	}
    .tp-caption.tp-resizeme {
    width:900px !important;
    min-width: 900px !important;
    max-width:900px !important;
    white-space: normal !important;
    padding: 0 97px !important;
  }
.tp-parallax-wrap {
    width: 100%;
    top: 6% !important;
}
  .tp-caption.tp-resizeme br {
    display: none !important;
  }

  .rev_slider_wrapper .banner-h1 {
    font-size: 30px !important;
    line-height: 35px !important;
    margin-bottom: 30px !important;
  }

  .tp-mask-wrap {
           top: 293px;
  }
  .rev_slider_wrapper .banner-h3{
        margin-top: 92px !important;
  }
    .banner-btn {
 margin-top: 248px !important;
        left: 163px;
    }
  .header-lower.navbar .navbar-nav {
    padding-right: 0;
    text-align: center;
    width: 100%;
  }

  .header-lower.navbar .navbar-nav>li {
    display: inline-block;
    float: none;
    padding: 0 0 8px;
  }

  .header-lower .navbar-brand,
  .header-lower .appoinment {
    transition: margin-top 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  }

/*   .stricky-fixed .header-lower .navbar-brand,
  .stricky-fixed .header-lower .appoinment {
    margin-top: -102px;
    opacity: 0;
    visibility: hidden;
  } */
}

@media (max-width: 991px) {
	.main-slider {
    margin-top: -8px !important;
}

	ul#menu-main-menu {
    display: flex;
}
	    .navbar-collapse.collapse {
        display: flex !important;
    }
.main-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
	.trust-item h2 {
		font-size: 42px;
	}
	.footer-social-link h2{
		text-align:center;
	}
.services-single-content .working-topics-content ul li {
    line-height: 26px;
    padding-left: 26px;
    margin-bottom: 14px;
    align-items: self-start;
    display: flex;
}
.pagination-area .page-numbers {
      flex-wrap: wrap;
    padding: 10px;
	    gap: 10px;

}
	.header-lower.navbar .dropdown-menu > li > a:focus, .header-lower.navbar .dropdown-menu > li > a:hover{
		background:transparent !important;
	}
	.header-lower.navbar.navbar-default .navbar-nav .dropdown-menu>li>a{
		word-wrap: break-word;
        white-space: normal;
        display: inline-flex;
        padding-left: 28px;
		width:100%;
	}
	
	
	.best-service-area .top-bg {
    	top: 0px;
	}
	

	
	.main-slider {
       margin-top: 184px !important;
   }
	.breadcrumb-area{
     margin-top: 33px !important;
	}
	.breadcrumbs h1{
		    font-size: 26px;
	}
	.footer-top {
    padding-bottom: 0;
}
	.logo-section {
    padding: 50px 0 50px 0;
    margin-bottom: 50px;
}
	.main-slider .slider-content{
		transform: translateY(4%);
	}
	.main-slider .slider-content .banner-h1 {
		font-size: 33px !important;
	}
	.single-footer-widget .service-list {
    margin-top: 10px;
    column-count: 1;
}


html, body {
    height: 100%;
    overflow-x: hidden;
}
  .quality-service-area {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }

  .full-range-services-area {
    padding-bottom: 25px;
  }

  .full-range-services-area .sec-title {
    padding-top: 30px;
}

  .contact-area{
    padding-top: 50px;
  }


  .meet-our-specialist-area {
    padding-top: 20px;
  }


  .services-single-area{
    padding-bottom: 0px;
	padding-top: 50px;
  }


  .faq-and-gallery-area {
    padding-top: 70px;
  }


  .header-top .header-top-content #polyglotLanguageSwitcher {
    margin-left: 0;
  }

  .header-top .header-contact-info {
    text-align: center;
  }

  .main-header.stricky {
/*     position: relative; */
	  top:50px;
    background: #000;
  }

  .main-header.stricky-fixed {
    position: fixed;
    background: #000;
  }

  .stricky+section,
  .stricky+div {
    margin: 0;
  }

  .stricky-fixed .header-lower .navbar-brand,
  .stricky-fixed .header-lower .appoinment {
    margin-top: -120px;
  }
 .header-lower.navbar .dropdown-menu > li > a:before {
    content: "\f105";
    font-family: "FontAwesome";
    margin-right: 10px;
  }
  .main-header.stricky-fixed .header-top {
    margin-top: -72px;
  }

  .header-lower.navbar .navbar-nav>li {
    padding: 15px 0 23px;
  }

  .tp-caption.tp-resizeme {
    width: 700px !important;
    min-width: 700px !important;
    max-width:700px !important;
    white-space: normal !important;
    padding: 0 97px !important;
  }
.tp-parallax-wrap {
    width: 100%;
    top: 6% !important;
}
  .tp-caption.tp-resizeme br {
    display: none !important;
  }

  .rev_slider_wrapper .banner-h1 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .tp-mask-wrap {
    top: 43px;
  }
   
  .banner-btn {
        margin-top: 331px !important;
        left: 111px;
    }

	

    .navbar-header {
        float: none;
    }
/* 
    .navbar-toggle {
        display: block;
    } */

    .navbar-collapse {
        border-top: 1px solid #eee;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

  .header-lower.navbar.navbar-default .navbar-nav li.dropdown>a {
    position: relative;
  }

/*   .header-lower.navbar.navbar-default .navbar-nav li.dropdown>a::after {
    background: #000 none repeat scroll 0 0;
    border: 0px solid #fff;
    bottom: 0;
    color: #fff;
    content: "\f077";
    font-family: "FontAwesome";
    height: 35px;
    position: absolute;
    right: 15px;
    width: 35px;
    top: 7px;
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    border-radius: 4px;
  } */
 .header-lower.navbar.navbar-default .navbar-nav>.active>a,
  .header-lower.navbar.navbar-default .navbar-nav>.active>a:focus,
  .header-lower.navbar.navbar-default .navbar-nav>.active>a:hover,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a:focus,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a:hover {
    color: #000 !important;
	 background-color:#f46826 !important;

  } 

  .header-lower.navbar .container {
    border: none;
    margin: 0;
  }



    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
/*   .header-lower.navbar .navbar-toggle {
    background: #f46826 none repeat scroll 0 0;
    border: 1px solid #f46826;
    border-radius: 4px;
    float: right;
    margin: 25px 0;
    padding: 13px 15px;
    position: absolute;
	  right:0;
    margin-right: 8px;
  } */

  .header-lower.navbar.navbar-default .navbar-nav>li>a {
       font-size: 13px;
        color: #000;
        padding: 15px 5px;
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        white-space: nowrap;
  }

  .header-lower.navbar.navbar-default .navbar-nav>li:last-child>a {
    border-bottom: 0;
  }
	    .header-lower.navbar .navbar-nav>li:hover>a {
        color: #000 !important;
    }
  .header-lower.navbar.navbar-default .navbar-nav .dropdown-menu {
          background: #000;
        width: 100%;
        position: absolute;
     top: 56px;
      
  }
li.dropdown.open ul.dropdown-menu {
        display: block !important;
	    visibility: visible !important;
        transform: none !important;
	    opacity:1 !important;
	transition:none !important;
}
  .header-lower.navbar.navbar-default .navbar-nav  .dropdown-menu>li>a {
    font-size: 14px;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
.stricky-fixed .header-lower .navbar-brand {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
  }

  .header-lower.navbar .appoinment {
    display: none;
  }

  .header-lower.navbar .navbar-toggle .icon-bar {
    background: #fff;
  }

  .stricky-fixed .header-lower .navbar-brand {
    padding: 0;
  }

  .stricky-fixed .header-lower .navbar-brand img {
    width: 200px;
    margin-top: 6px;
  }

  .stricky-fixed .header-lower.navbar .navbar-toggle {
    margin: 10px 0px 20px;
  }

  .header-lower.navbar .navbar-nav>li {
    display: block;
    float: none;
    padding: 0;
    text-align: left;
  }

  .header-lower.navbar .navbar-nav {
    margin: 0;
  }

  .header-lower.navbar .navbar-collapse {
          padding: 0;
        text-align: left;
        max-height: 75vh;
        background:  #f46826;
        border: none;
  

  }

/*   .header-lower.navbar.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  } */

  .header-lower.navbar.navbar-default .navbar-nav>li:last-child>a {
    border-bottom: 0;
  }


  .header-lower.navbar.navbar-default .navbar-nav .open .dropdown-menu>li:last-child>a {
    border-bottom: 0;
  }

 
  .header-lower.navbar .container {
    border: none;
    margin: 0;
  }

  /* .tp-caption {display: none !important;} */
  .header-contact-info ul li {
    margin: 0;
    padding: 0 10px;
  }
	.header-lower.navbar .navbar-collapse{
		background:transparent !important;
	}
	
}

@media (max-width: 767px) {
	.main-slider .swiper-slide img {
		height: 282px;
	}
	.services-single-content .working-topics-content .sec-title{
		text-align:center;
	}
		.services-single-content .working-topics-content .sec-title.text-left span.decor {
    margin-left: 0;
}
	.tagline{
		    padding-left: 15px;
	}
	.navbar-toggle{
		display:block;
		        display: block;
        position: absolute;
        right: 0;
        background: #f46826 !important;
	}
	.header-lower.navbar .navbar-collapse{
		background:#f46826 !important;
		        padding: 0;
        text-align: left;
        max-height: 75vh;
        background: #f46826;
        border: none;
        position: absolute;
        top: 100%;
        width: 95%;
	}
	    ul#menu-main-menu {
        display: block;
    }
	    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in {
            display: block !important;
       
    }

	.footer-link {
    padding-bottom: 30px;
}
	.footer-middle h2 {
    text-align: left;
}
	.service-content {
    text-align: center;
}
	    .single-footer-widget {
        padding-bottom: 30px;
    }
	.getin-touch .sec-title.text-left span.decor {
    margin-left: 0;
}
	.work-gallery-right .sec-title.text-left span.decor {
    margin-left: 0;
}
	.contact-area .contact-form .sec-title {
    padding-bottom: 30px;
    text-align: center;
}
	.contact-area .contact-form .sec-title.text-left span.decor {
    margin-left: 0;
}
	.faq-content-left .sec-title{
		text-align:center;
	}
	.faq-content-left .sec-title.text-left span.decor {
    margin-left: 0;
}
	.contact-area .getin-touch .sec-title{
		text-align:center;
	}
	.work-gallery-right .sec-title {
    padding-bottom: 30px;
    text-align: center;
}
	    .faq-and-gallery-area {
        padding-top: 17px;
			padding-bottom: 30px;
    }

	.faq-content-left .sec-title {
    padding-bottom: 30px;
    text-align: center;
	}
	.faq-content-left .sec-title.text-left span.decor {
    margin-left: 0;
}
	.quality-service-area .sec-title {
    text-align: center;
}
	.quality-service-area .sec-title.text-left span.decor {
    margin-left: 0px; 
}
	.trust-indicators .trust-main{
		    flex-wrap: wrap;
          gap: 28px;
	}
	.breadcrumb-area{
     margin-top: 151px !important;
	}
	  .main-header.stricky {
	    top:75px;
		  margin-bottom:35px;
	}
	.logo-section {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 50px 0 50px 0;
    margin-bottom: 55px;
}
	.image-box {
    text-align: center;
    margin-bottom: 30px;
}
	.main-slider .slider-content{
		transform: translateY(0%);
	}
	.main-slider .slider-content .banner-h1 {
    font-size: 18px !important;
		line-height: 24px !important;
	}
	.main-slider .slider-content .banner-h3 {
    font-size: 11px !important;
		line-height: 13px !important;}
	.aut-cr-btn{
		    font-size: 12px;
    padding: 2.5px 8.5px;
	}
/* 	.main-slider .swiper-slide img {
    height: 359px !important;
  } */
    .banner-btn {
    margin-top: 201px !important;
    left: 84px;
  }
  .tp-caption.tp-resizeme {
    width: 550px !important;
    min-width: 550px !important;
    max-width: 550px !important;
    white-space: normal !important;
    padding: 0 97px !important;
  }

  .tp-caption.tp-resizeme br {
    display: none !important;
  }

  .rev_slider_wrapper .banner-h1 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .tp-mask-wrap {
    top: 43px;
  }

  .banner-btn {
    margin-top: 201px !important;
    left: 109px;
  }
  .tp-parallax-wrap {
    width: 100%;
    top: 0 !important;
  }

  .navbar-brand>img {
    width: 186px;
  }

  .rev_slider_wrapper .banner-h3 {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-top: 87px !important;
  }

  .trusted-service-area {
    padding-bottom: 45px;
  }

  .best-service-area .single-item .title .go-top-icon span::before {
    color: #fff;
    font-size: 26px;
    padding: 13px 0;
    display: block;
  }

  .best-service-area .single-item .title .go-top-icon {
    float: right;
    width: 60px;
    height: 70px;
    background: #f46826;
    text-align: center;
  }
}






@media (max-width: 640px) {
  .header-lower.navbar .navbar-toggle {
    background: #f46826 none repeat scroll 0 0;
    border: 1px solid #f46826;
    border-radius: 4px;
    float: right;
    margin: 25px 0;
    padding: 13px 15px;
    position: absolute;
	  right:0;
    margin-right: 8px;
  }

  .stricky-fixed .header-lower .navbar-brand {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
  }

  .header-lower.navbar .appoinment {
    display: none;
  }

  .header-lower.navbar .navbar-toggle .icon-bar {
    background: #fff;
  }

  .stricky-fixed .header-lower .navbar-brand {
    padding: 0;
  }

  .stricky-fixed .header-lower .navbar-brand img {
    width: 200px;
    margin-top: 6px;
  }

  .stricky-fixed .header-lower.navbar .navbar-toggle {
    margin: 10px 0px 20px;
  }

  .header-lower.navbar .navbar-nav>li {
    display: block;
    float: none;
    padding: 0;
    text-align: left;
  }

  .header-lower.navbar .navbar-nav {
    margin: 0;
  }

  .header-lower.navbar .navbar-collapse {
    padding: 0;
    text-align: left;
    max-height: 75vh;
    background: #f46826;
    border: none;
	  position:absolute;
	  top:100%;
	   width: 95%;

  }

  .header-lower.navbar.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    padding: 15px 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .header-lower.navbar.navbar-default .navbar-nav>li:last-child>a {
    border-bottom: 0;
  }
	
  .header-lower.navbar.navbar-default .navbar-nav .dropdown-menu {
    background: #000;
  }

  .header-lower.navbar.navbar-default .navbar-nav  .dropdown-menu>li>a {
    font-size: 12px;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .header-lower.navbar.navbar-default .navbar-nav .open .dropdown-menu>li:last-child>a {
    border-bottom: 0; 
  }

  .header-lower.navbar.navbar-default .navbar-nav li.dropdown>a {
    position: relative;
  }

  .header-lower.navbar.navbar-default .navbar-nav li.dropdown>a::after {
         background: #000 none repeat scroll 0 0;
        border: 0px solid #fff;
        bottom: 0;
        color: #fff;
        content: "";
        font-family: "FontAwesome";
        height: 35px;
        position: absolute;
        right: 15px;
        width: 35px;
        top: 7px;
        text-align: center;
        line-height: 35px;
        font-size: 17px;
        border-radius: 4px;
  }
 .header-lower.navbar.navbar-default .navbar-nav>.active>a,
  .header-lower.navbar.navbar-default .navbar-nav>.active>a:focus,
  .header-lower.navbar.navbar-default .navbar-nav>.active>a:hover,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a:focus,
  .header-lower.navbar.navbar-default .navbar-nav>.open>a:hover {
    color: #000;
  } 

  .header-lower.navbar .container {
    border: none;
    margin: 0;
  }

  /* .tp-caption {display: none !important;} */
  .header-contact-info ul li {
    margin: 0;
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .main-header.stricky-fixed .header-top {
    margin-top: -100px;
  }
}

@media (max-width: 360px) {
  .navbar-brand>img {
    width: 150px;
  }
}






@media only screen and (max-width: 768px) {

  .wheel-work-left .title h2::after {
    background: none;
  }
}