/* 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: 35px;
    }
    .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: 35px;
    }
    /*==== 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 ====*/
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    
    /*==== 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: 180px;
    }
    /*==== 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-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: 35px;
    }
    .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: 0;
    }
    .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: 50px;
    }
    .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: 90px;
    }
    .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: 40px;
    }
    /*===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 ====*/
}


/* 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) {
	.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 .4s ease,
					opacity .4s ease,
					visibility .4s ease;
	}
	.stricky-fixed .header-lower .navbar-brand,
	.stricky-fixed .header-lower .appoinment {margin-top: -102px; opacity: 0; visibility: hidden; }
}

@media (max-width: 768px) {
	.header-top .header-top-content #polyglotLanguageSwitcher {margin-left: 0;}
	.header-top .header-contact-info {text-align: center;}
	.main-header.stricky {position: relative;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;}
	.main-header.stricky-fixed .header-top {margin-top: -72px;}
	.header-lower.navbar .navbar-nav > li {padding: 15px 0 23px; }
}
@media (max-width: 640px) {
	.header-lower.navbar .navbar-toggle {background: #ba0913 none repeat scroll 0 0; border: 1px solid #ba0913; border-radius: 4px; float: right; margin: 29px 0; padding: 13px 15px; position: relative; }
	.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: #BA0913;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 {background: #000;}
	.header-lower.navbar.navbar-default .navbar-nav .open .dropdown-menu > 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 .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: 225px; }
}