@media (max-width: 1215px) {
    #home_content .container {
        background-size: contain;
        width: 100%;
    }
}

@media (max-width: 1199px) {
    header .menu ul>li>a {
        margin-left: 1em;
    }
    #home_content div.row.wrapper {
        margin: 73px 3.7% 0;
    }
    .blog-content .img-post {
        height: 175px;
    }
    .color-block .img-block {
        height: 50px;
    }
  .mid-cost .top-line:after {
    max-width: 37%;
}
  .q-graph .between-cost {
    bottom: 60px;
}
}

@media (max-width: 1100px) {
    #home_content div.row.wrapper {
        margin: 60px 3.5% 0;
    }
    #home_content .container {
         background-size: cover;
         background-position: top;
    }
    #home_content div.row.wrapper img {
        /*margin-top: 45px;*/
        
        margin-top: 0px;
        height: 435px;
        display: block;
        position: absolute;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 12px;
    }
    header .menu ul>li>a {
            margin-left: 1em;
            letter-spacing: -1px;
    }
    .slider-title {
        font-size: 2em;
    }
    .slider-desc {
        font-size: 1.4em;
    }
    #slider_section .text-block {
        margin-left: -250px;
        width: 500px;
    }
    .service-title {
        min-height: 36px;
        font-size: 16px;
    }
    #why-us .img-block img {
        width: 100%;
    }
    #home_content div.row.wrapper {
        margin: 55px 3.5% 0;
    }
    #home_content .col-sm-8 .text-block {
        padding: 0 6em 0 2em;
    }
    .call_footer {
        margin-top: 0;
        font-size: 1.5em;
    }
    #video-section .container {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    #home_content div.row.wrapper img {
        /*margin-top: 45px;*/
        
        margin-top: 0px;
        height: 435px;
        display: block;
        position: absolute;
    }
    #page-contact .sidebar-contact-page {
        margin-left: 0;
    }
    .single-services .title {
        font-size: 1.5em;
    }
    .services-slider {
        max-width: 570px;
    }
    .color-section-inner h4.title {
        float: left;
        width: 100%;
    }
    .color-block {
        width: 20%;
    }
   #q-top-content h1 {
    font-size: 25px;
}
  .q-graph .text-block {
    font-size: 12px;
}
  .between-cost .count {
    font-size: 20px;
    padding-bottom: 10px;
}
  .q-graph .low-cost, .q-graph .high-cost {
    bottom: 33px;
}
}

@media (max-width: 768px) {
    #home_content h2.title {
        font-size: 1.5em;
    }
    .choose-us-info {
        padding: 0 2em 2em;
    }
    .page-template-page-about .title {
        font-size: 1.5em;
    }
    .testimonials-slider {
        font-size: 1.2em;
    }
    .featured-posts {
        width: 100%;
    }
    .featured-posts .blog-content .img-post {
        height: 135px;
    }
    .single-post #page-title .col-sm-12 .page-title-inner>img, .single-post #page-title .col-sm-12 .page-title-inner, #page-title.title-about .container {
        height: 265px;
    }
    #page-title.title-about .container h1 {
        padding-top: 175px;
        padding-left: 40px;
    }
    .blog-content .img-post {
        height: 140px;
    }
    .page-title {
        font-size: 2em;
    }
    #services .img-post img {
        height: 100px;
    }
}

@media (max-width: 767px) {
    #services, #video-section, #why-us, #brands, #about-page {
        padding: 0 4em;
    }
    footer {
        padding: 21px 3em 40px;
    }
    header .logo a {
        display: block;
        width: 200px;
        margin: auto;
    }
    header .phone>div {
        margin: auto;
    }
    header .menu {
        width: 500px;
        overflow: hidden;
        margin: auto;
    }
    .service-title, #video-section.video-services .description_block >div , .single-services .title, #video-section, .choose-us-info h1.title, #contact_form_section {
        text-align: center;
    }
    .video_block {
        margin-top: 3em;
    }
    #services .col-xs-6 {
        width: 50%;
        margin-bottom: 3em;
    }
    #video-section .video-section-inner {
        padding-left: 0;
    }
    #why-us .img-block img {
        width: initial;
    }
    .video-section-inner .description_block {
        padding-top: 0;
    }
    #brands .col-xs-6 {
        min-height: 100px;
    }
    #home_content .col-sm-4 {
        position: absolute;
        width: 90%;
        opacity: 0.3;
    }
    #home_content .container:after{
        display: none;
    }
    #home_content div.row.wrapper img {
        margin-top: 0;
        height: 400px;
    }
    #home_content div.row.wrapper {
        margin: 65px 0 0;
    }
    .call_block {
        padding-left: 20px;
        float: none;
        text-align: center;
    }
    .social_block {
        width: 145px;
        margin: 20px auto;
    }
    .socials_item {
        margin-right: 5px;
        margin-left: 5px;
    }
    .about-page-content .testimonials .col-sm-4 {
        display: none;
    }
    .about-page-content .testimonials {
        padding-bottom: 1em;
        padding-top: 1em;
    }
    .choose-us-info {
        color: #000000;
    }
    .img-block-left {
        height: 300px;
        position: absolute;
        opacity: 0.3;
        width: 100%;
    }
    .img-block-left img {
        height: 100%;
    }
    .title-our-services h1, .title-blog h1, .title-contact h1, .title-service h1 {
        padding-top: 150px;
    }
    #contact_form_section, .map-section {
        padding: 0 2em;
    }
    #contact_form_section .h_btn {
        float: none !important;
    }
    .map-section {
        margin-left: 0;
    }
    #page-contact .sidebar-contact-page {
        text-align: center;
        max-width: 300px;
        margin: auto;
        margin-bottom: 4em;
    }
    .featured-posts  .blog-content .img-post {
        height: 214px;
    }
    .sidebar {
        padding-left: 0;
    }
    .sidebar .categories {
        text-align: center;
        margin-bottom: 2em;
    }
    .entry {
        padding: 0 2em;
    }
    #services .img-post img {
        height: 140px;
    }
    .page-template-page-services .service-block {
        margin-bottom: 2em;
    }
    .sidebar-faq ul {
        margin-top: 2em;
        max-width: 100%;
    }
    .sidebar-faq ul {
        padding: 0 2em;
    }
    #video-section.video-services {
        padding: 0;
    }
    #video-section.video-services .video-section-inner {
        padding-right: 0;
    }
    .services-gallery {
        padding: 2em 0;
    }
	.sidebar-faq li {
    padding: 0 15px;
}
  .c-img {
    position: relative;
    padding: 0;
}
  .quote-form {
    margin: auto;
}
  .quoteform-title {
    margin-left: auto;
    margin-right: auto;
}
  #small-quote-form, #big-quote-form {
    padding: 4em 3em;
}
  .q-graph .count, .between-cost .count {
    font-size: 18px;
    padding-bottom: 0;
}
  .q-graph .mid-cost, .q-graph .low-cost {
    left: 4%;
}
  .mid-cost .bot-line {
    font-size: 13px;
    padding-top: 0;
}
  .q-graph .high-cost {
    right: 4%;
}
  .q-graph .text-block {
    font-size: 11px;
}
}

@media (max-width: 600px) {
    #slider_section .text-block {
        margin-left: -200px;
        width: 400px;
    }
    #services, #video-section, #why-us, #brands {
        padding: 0 2em;
    }
    #why-us .img-block img {
        width: 100%;
    }
    #why-us .col-sm-4 {
        min-height: 125px;
    }
    #about-page {
        padding: 0 2em;
    }
    .blog-content .img-post, .featured-posts .blog-content .img-post {
        height: 150px;
    }
  #q-top-content .container {
    padding-top: 1em;
    padding-bottom: 1em;
}
   #q-top-content h1 {
    font-size: 20px;
}
  .between-cost .count {
    font-size: 12px;
}
  .q-graph .between-cost {
    bottom: 20px;
}
  .q-graph .mid-cost .count {
    padding-right: 5px;
}
  .q-graph .count {
    font-size: 13px;
}
  .q-graph .text-block {
    font-size: 9px;
}
  .mid-cost .bot-line {
    font-size: 11px;
}
  .q-graph .low-cost, .q-graph .high-cost {
    bottom: 10px;
}
  #small-quote-form, #big-quote-form {
    padding: 1em;
}
}

@media (max-width: 480px) {
    #slider_section .text-block {
        margin-left: -150px;
        width: 300px;
    }
    #services .col-xs-6 a p {
        text-align: justify;
    }
    #services .col-xs-6 {
        width: 100%;
    }
    #services .service-block {
        display: block;
        width: 275px;
        margin: auto;
    }
    #brands .col-xs-6>div {
        max-width: 100%;
        margin: auto;
        width: 200px;
    }
    #brands .col-xs-6 {
        min-height: 50px;
        width: 100%;
        margin-bottom: 3em;
    }
    #home_content .col-sm-8 .text-block {
        padding: 0 1em;
    }
    #home_content .col-sm-12 {
        padding: 0;
    }
    #home_content .col-sm-4 {
        width: 100%;
        padding: 0;
    }
    #home_content div.row.wrapper img {
        max-width: 100%;
        margin-left: 0;
    }
    #home_content .container {
        padding: 0;
    }
    #home_content h2.title, .service-block-title, .sidebar-faq, .featured-posts .featured-posts-title, .title, .testimonials-slider .slider-btn {
        text-align: center;
    }
    .f_col {
        width: 100%;
        text-align: center;
        margin-bottom: 2em;
    }
    header .menu, .sidebar-faq li {
        width: 100%;
    }
    button.navbar-toggle {
       display: block;
    }
    header .menu ul>li>a {
        margin-left: 0;
        letter-spacing: 0;
    }
    header .menu ul>li {
        line-height: 21px;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }
    header ul.menu {
        display: none;
    }
    .featured-posts .blog-content {
        padding: 0 3em 2em;
    }
    .featured-posts .blog-content .col-xs-6 {
        width: 100%;
    }
    .img-block-left {
        height: 350px;
    }
    #contact_form_section, .map-section {
        padding: 0;
    }
    .blog-content .col-xs-6 {
        width: 100%;
    }
    .blog-content {
        max-width: 330px;
        margin: auto;
    }
    blockquote {
        font-size: 15px;
    }
    .featured-posts .blog-content {
        padding: 0 0 2em;
    }
    .services-slider {
        max-width: 276px;
    }
    .color-block {
        width: 25%;
    }
    .specialise {
        margin-bottom: 30px;
    }
    .specialise .col-sm-4 {
        height: 4em;
    }
    .sidebar-faq li a {
        float: none;
    }
    #video-section.video-services .video-section-inner .description_block {
        padding-left: 0;
    }
  header .menu ul {
    min-height: auto;
}
  .quote-form .info {
    font-size: 10px;
}
  #q-top-content .container {
    padding-top: 0;
}
  .q-graph .low-cost {
    bottom: 0;
    left: 1%;
}
  .q-graph .high-cost {
    right: 1%;
    bottom: 0;
}
  .q-graph .mid-cost {
    left: 1%;
    bottom: 43px;
}
  #q-top-content .container {
    padding-bottom: 2em;
}
  .mid-cost .top-line:after {
    margin-top: 2px;
}
  .q-graph .between-cost {
    bottom: 10px;
}
  .q-graph .mid-cost {
    left: 1%;
    bottom: 71px;
}
  .mid-cost .top-line:after {
    max-width: 43%;
}
}

@media (max-width: 375px) {
    .slider-title {
        font-size: 1.2em;
    }
    .slider-desc {
        font-size: 1em;
    }
    #slider_section .text-block {
        margin-left: -125px;
        width: 250px;
    }
    .slick-next:before, .slick-prev:before {
        font-size: 15px;
    }
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
    .slick-prev, .slick-next {
        width: 25px;
        height: 25px;
    }
    .title {
        font-size: 18px;
    }
    #why-us .col-sm-4 {
        width: 100%;
    }
    #services .service-block {
        width: 100%;
    }
    .featured-posts .blog-content {
        padding: 0 0 2em;
    }
    .title-contact p, .title-our-services h1, .title-blog h1, .title-contact h1, .title-service h1 {
        padding-left: 0;
    }
    .single-post .page-title-inner .post-title-block , .title-service h1{
        padding-left: 1em;
    }
    .page-service-content {
        padding-left: 0;
    }
    .page-service-content .col-xs-4, .page-service-content .col-xs-8 {
        width: 100%;
    }
    .page-service-content .col-xs-4 .img-block {
        max-width: 150px;
        margin: auto;
    }
    .color-block {
        width: 33%;
    }
 .q-graph .mid-cost {
    left: 1%;
    bottom: 51px;
}
}

@media (max-width: 320px) {
  .mid-cost .top-line:after {
    max-width: 47%;
}
  #small-quote-form, #big-quote-form {
    padding: 0;
}
  .q-graph .mid-cost {
    bottom: 43px;
}
  .q-graph .text-block, .mid-cost .bot-line {
    color: #000;
}
  .quote-form {
    padding: 2em 1em;
}
    #video-section .container {
        padding-top: 0;
        padding-bottom: 0;
    }
    #video-section .video-section-inner {
        margin: 0;
    }
    .specialise .col-sm-4 {
        width: 100%;
    }
}