/*
Viewport Sizes
1920
1885
1875
1887
1787
1360
1280
1200
1180
1024
980
800
768
667
640
600
568
480
414
375
360
320
*/

/* Responsive */

.cd-section:nth-of-type(2) .cd-half-block:first-of-type, 
.cd-section:nth-of-type(3) .cd-half-block:first-of-type, 
.cd-section:nth-of-type(4) .cd-half-block:first-of-type, 
.cd-section:nth-of-type(5) .cd-half-block:first-of-type, 
.cd-section:nth-of-type(6) .cd-half-block:first-of-type, 
.cd-section:nth-of-type(7) .cd-half-block:first-of-type {
  background-size: cover !important;
}
.page-link .pagination li {
  margin-right: 15px;
}


@media only screen and (min-width: 768px){
  body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
  .cd-section {
    /*height: 80em;*/
    height: 100vh;
  }

  .cd-half-block {
    /*height: 80em !important;*/
    height: 100vh;
    width: 50%;
    position: absolute;
    top: 0;
  }
  .cd-block {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    visibility: hidden;
  }
  .cd-section:first-of-type .cd-block {
    visibility: visible;
  }
  .cd-block > * {
    visibility: visible;
  }
  .cd-vertical-nav {
    display: block;
  }
  .cd-half-block:nth-of-type(2),
  .cd-half-block {
    padding: 4% 4% 60px 4%;
  }

  .cd-section:nth-of-type(even) .cd-half-block:first-of-type, 
  .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2),
  .service-page .cd-section:nth-of-type(odd) .cd-half-block:first-of-type {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-section:nth-of-type(odd) .cd-half-block:first-of-type, 
  .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2),
  .service-page .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-section:nth-of-type(2) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(3) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(4) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(5) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(6) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(7) .cd-half-block:first-of-type {
    background-size: cover !important;
  }
  .cd-section:first-of-type .cd-block {
    /*height: 100vh !important;*/
  }
}


@media only screen and (min-width: 2249px) and (max-width: 2560px) {
  body{
    margin: 0;
  }
  .cd-section:first-of-type .cd-block,
  .cd-half-block {
    /*height: 90em !important;*/
  }
  .cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .member-name{
    display: block;
  }
  #portfolio .btn{
    display: block; 
  }
}

@media only screen and (min-width: 2048px) and (max-width: 2248px) {
  body{
    margin:0;
  }
  .overlay ul li a {
    font-size: 24px;
  }
  .cd-section,
  .cd-half-block {
    /*height: 90em !important;*/
  }
  .google-map-container {
    height: 1075px;
  }
}

@media only screen and (min-width: 1921px) and (max-width: 2247px) {
  body{
    margin:0;
  }
  .overlay ul li a {
    font-size: 24px;
  }
  .cd-section,
  .cd-half-block {
    /*height: 90em !important;*/
  }
  .google-map-container {
    height: 1450px;
  }
}

@media only screen and (min-width: 1788px) and (max-width: 1920px) {
  body{
    margin:0;
  }
  .cd-section,
  .cd-half-block {
    /*height: 80em !important;*/
    height: 100vh;
  }
  .google-map-container {
    height: 1290px;
  }
}

@media only screen and (min-width: 1681px) and (max-width: 1787px) {
  body{
    margin:0;
  }
  .cd-section,
  .cd-half-block {
    /*height: 80em !important;*/
  }
  .google-map-container {
    height: 1290px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  body{
    margin:0;
  }
  .cd-section,
  .cd-half-block {
    /*height: 75em !important;*/
    height: 100vh !important;
  }

  .google-map-container {
    height: 1290px;
  }
  .about-page .member {
    max-width: 45%;
  }
}



@media (max-width: 1500px) {
  p {
    margin-bottom: 10px;
  }
  .section-title {
    font-size: 2.4rem;
  }
  .item-title {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .service-details .item {
    padding-bottom: 30px;
  }
  .contactform input, .contactform textarea {
    padding: 10px 0;
    margin-bottom: 15px;
  }
  .contactform textarea {
    height: 45px;
    min-height: 45px;
  }
  
  .testimonial-slider {
    min-height: 320px;
    padding-top: 20px;
  }
  .success-counter .item-name {
    font-size: 1.2rem;
  }
  .skills-count-container li {
    padding: 20px 20px;
  }
  .success-counter .count {
    font-size: 2.5em
  }
}



@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  body{
    margin:0;
  }
  .overlay .overlay-close {
    width: 20px !important;
    height: 22px !important;
    /*right: 5.6% !important;
    top: 5% !important;*/
  }
  .overlay-genie.open nav {
    left: 0%;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    font-size: 2.8rem;
  }
  .cd-section h1 {
    font-size: 2.5rem;
  }
  .cd-section,
  .cd-block,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 64em !important;*/
  }
  .next-section {
    padding-top: 100px;
  }

  .blog-single .commentform input {
    width: 48.25%;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    /*font-size: 3.06rem;*/
  }
  .section-description {
    font-size: 1.2rem;
    line-height: 25px;
    padding-bottom: 30px;
  }
  .item-details{
    font-size: 1em;
    /*padding-top: 10px;*/
    line-height: 25px;
  }
  .item-title{
    /*font-size: 1rem;*/
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: 45%;
    height: 140px;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text,.comment-content p {
    font-size: 1rem;
    line-height: 22px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .contact-icon{
    font-size: 2.18rem;
  }
  .address-details{
    padding-top: 50px;
    padding-bottom: 60px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .9rem;
    line-height: 20px;
  }

  .google-map-container {
    height: 1024px;
  }

  /* Service Page */
  .service-page .section-description {
    padding-bottom: 30px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
  }
  .service-page .service-details .item p{
    font-size: .9rem;
    line-height: 22px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2.5em;
    padding-bottom: 15px;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .9rem;
  }

  /* About US */
  .about-page .our-team{
    padding-top: 40px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 45%;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 70%;
  }
}



@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  body{
    margin:0;
  }
  .overlay .overlay-close {
    width: 20px !important;
    height: 22px !important;
    /*right: 5.6% !important;
    top: 5% !important;*/
  }
  .overlay-genie.open nav {
    left: 0%;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    /*font-size: 2.8rem;*/
  }
  .cd-section h1 {
    font-size: 2.5rem;
  }
  .cd-section,
  .cd-block,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 43em !important;*/
  }
  .next-section {
    padding-top: 30px;
  }
  .section-title{
    /*padding-bottom: 10px;
    font-size: 3.06rem;*/
  }
  .section-description {
    /*font-size: 1.2rem;
    line-height: 25px;
    padding-bottom: 55px;*/
  }
  .item-details{
    font-size: 1em;
    /*padding-top: 10px;*/
    line-height: 25px;
  }
  .item-title{
    /*font-size: 1rem;*/
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: 45%;
    height: 140px;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text,.comment-content p {
    font-size: 1rem;
    line-height: 22px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .contact-icon{
    font-size: 2.18rem;
  }
  .address-details{
    padding-top: 50px;
    padding-bottom: 60px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .9rem;
    line-height: 20px;
  }
  .google-map-container {
    height: 640px;
  }
  
  /* Service Page */
  .service-page   .section-description {
    padding-bottom: 30px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
  }
  .service-page .service-details .item p{
    font-size: .9rem;
    line-height: 22px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2.5em;
    padding-bottom: 15px;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .9rem;
  }



  /* About US */
  .about-page .our-team{
    padding-top: 30px;
  }
  .about-page .section-title{
    /*font-size: 2.6rem;  */
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 44% !important;
  }
  .about-details .item{
    padding-bottom: 30px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }

  .wpcf7-form-control-wrap textarea {
    width: 65%;
  }
}


@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  body{
    margin:0;
  }
  .overlay .overlay-close {
    width: 20px !important;
    height: 22px !important;
    /*right: 5.6% !important;
    top: 5% !important;*/
  }
  .overlay-genie.open nav {
    left: 0%;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    /*font-size: 2.8rem;*/
  }
  .cd-section h1 {
    font-size: 2.5rem;
  }
  .cd-block,
  .cd-section,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 64em !important;*/
    height: 100vh;
  }
  .next-section {
    padding-top: 30px;
  }
  .section-title{
    /*padding-bottom: 10px;
    font-size: 3.06rem;*/
  }
  .section-description {
    font-size: 1.2rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .item-details{
    font-size: 1em;
    padding-top: 10px;
    line-height: 25px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: 45%;
    height: 140px;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text,.comment-content p{
    font-size: 1rem;
    line-height: 22px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .contact-icon{
    font-size: 1.18rem;
  }
  .address-details{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .7rem;
    line-height: 15px;
  }
  .google-map-container {
    height: 1024px;
  }

  /* Service Page */
  .service-page   .section-description {
    padding-bottom: 30px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
  }
  .service-page .service-details .item p{
    font-size: 1rem;
    line-height: 22px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2.5em;
    padding-bottom: 15px;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: 1rem;
  }


  /* About US */
  .about-page .cd-half-block {
    height: 64em !important;
  }
  .about-page .our-team{
    padding-top: 40px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 43% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }


  /* About US */
  .about-page .our-team{
    padding-top: 40px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 44%;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
}



@media only screen and (min-width: 1181px) and (max-width: 1200px) {
  body{
    margin:0;
  }
  .overlay .overlay-close {
    width: 20px !important;
    height: 22px !important;
    /*right: 5.6% !important;
    top: 5% !important;*/
  }
  .overlay-genie.open nav {
    left: 0%;
  }
  .cd-section h1 {
    font-size: 4.06rem;
  }
  .cd-section
  .cd-half-block,
  .cd-block,
  .cd-section:first-of-type .cd-block {
    /*height: 64em !important;*/
  }
  .item-title{
    font-size: 1.1em;
  }
  .item-details{
    font-size: 1em;
  }
  .about-details .item{
    padding-bottom: 25px;
  }
  .service-details .item{
    padding-bottom: 25px; 
  }
  .section-description{
    font-size: 1.1em;
    line-height: 27px;
    padding-bottom: 35px;
  }
  .portfolio-details figure{
    max-width: inherit;
    height: inherit;
  }
  .contact-icon{
    font-size: 1.18rem;
  }
  .cd-vertical-nav {
    display: block;
  }
  .cd-half-block:nth-of-type(2){
    padding: 7%;
  }
  .address-details{
    padding-top: 15px;
  }
  span.mobile-no{
    font-size: .8em;
  }
  address p{
    font-size: .8rem;
  }
  .section-title{
    /*padding-bottom: 10px;*/
  }


  /* Service Page */
  .service-page   .section-description {
    padding-bottom: 30px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .9em;
  }
  .service-page .service-details .item p{
    font-size: .94em;
    line-height: 18px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2.5em;
    padding-bottom: 7px;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .94em;
    line-height: 18px;
  }



  /* About US */
  .about-page .our-team{
    padding-top: 40px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 44% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
}


@media only screen and (min-width: 1025px) and (max-width: 1180px) {
  body{
    margin:0;
  }
  .overlay .overlay-close {
    width: 20px !important;
    height: 22px !important;
    /*right: 5.6% !important;
    top: 5% !important;*/
  }
  .overlay-genie.open nav {
    left: 0%;
  }
  .cd-section,
  .cd-block,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 48em !important;*/
  }
  .section-description{
    font-size: 1em;  
    padding-bottom: 35px;
    line-height: 27px;
  }
  .about-details .item{
    padding-bottom: 40px;
  }
  .item-details{
    font-size: .8em;  
  }
  .cd-half-block:nth-of-type(2){
    /*padding: 7% 8%;*/
    padding: 4%;
  }
  .about-details .item{
    padding-right: 15px;
  }
  .service-details .item{
    padding-right: 7px;
  }
  .portfolio-details figure{
    max-width: inherit;
  }
  .entry-title{
    padding-bottom: 10px;
  }
  .entry-title a{
    font-size: .9em;
  }
  .post-content {
    padding-left: 70px;
    text-align: justify;
  }
  .address-details{
    padding-top: 75px;
  }
  .contact-icon{
    font-size: 1.2rem;
    padding-bottom: 6px;
  }
  .section-title{
    /*padding-bottom: 0;*/
  }
  span.mobile-no{
    font-size: .8em;
  }
  address p{
    font-size: .8rem;
  }
  .google-map-container {
    height: 768px;
  }

  /* Service Page */
  .service-page   .section-description {
    padding-bottom: 30px;
    font-size: 1.1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .9em;
  }
  .service-page .service-details .item p{
    font-size: .94em;
    line-height: 18px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.4em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .85em;
    line-height: 18px;
  }



  /* About US */
  .about-page .our-team{
    padding-top: 40px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: 1rem;   
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
  }
  .our-story p{
    font-size: 1rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.9em;
    padding-top: 8px;
    line-height: 20px;
  }
  .testimonial-slider label {
    bottom: 10px;
  }
  .about-page .member{
    max-width: 43% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 60px 0px 60px;
  }
  .wpcf7-form .submit-button:before {
    left: 35px;
  }
}


@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .cd-section,
  .cd-block,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 48em !important;*/
    height: 100vh;
  }
  .section-title{
    /*padding-bottom: 20px;
    font-size: 3.06rem;*/
  }
  .section-description{
    font-size: 1rem;
    line-height: 27px;
    padding-bottom: 35px;
  }
  .entry-title a{
    font-size: .9em;
  }
  .post-content {
    padding-left: 70px;
  }
  .type-post {
    padding-bottom: 30px;
  }
  .item-details {
    font-size: .8em;
  }
  .about-details .item{
    padding-bottom: 30px;
  }
  .item-title{
    font-size: .85rem;
  }
  .portfolio-details figure{
    max-width: inherit;
    height: inherit;
    width: 100%;
  }
  .entry-title{
    font-size: 1rem;   
  }
  .entry-text,.comment-content p{
    font-size: .8rem;  
  }

  .address-details{
    padding-top: 25px;
  }


  /* Service Page */
  .service-page   .section-description {
    padding-bottom: 30px;
    font-size: 1rem;
    line-height: 25px;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .9em;
  }
  .service-page .service-details .item p{
    font-size: .94em;
    line-height: 18px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.4em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services{
    padding-top: 10px;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .8em;
    line-height: 22px;
  }



  /* About US */
  .about-page p{
    font-size: .9em;
  }
  .about-page .our-team{
    padding-top: 30px;
  }
  .about-page .section-title{
    /*font-size: 2.6rem;  */
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
    left: 39%;
  }
  .our-story p, .our-team p{
    font-size: .9rem;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.8em;
    padding-top: 8px;
    line-height: 20px;
  }
  .testimonial-slider label {
    bottom: 10px;
  }
  .about-page .member{
    max-width: 43% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote{
    font-size: 1.2rem;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 60px 0px 60px;
  }
  .wpcf7-form .submit-button:before {
    left: 35px;
  }
}




@media only screen and (min-width: 800px) and (max-width: 979px) {
  .cd-section,
  .cd-block,
  .cd-half-block,
  .cd-section:first-of-type .cd-block {
    /*height: 40em !important;*/
  }
  .next-section {
    padding-top: 40px;
  }
  .cd-section h1{
    font-size: 2.06rem;
  }
  .section-title{
    /*padding-bottom: 10px;
    font-size: 2.5rem;*/
  }
  .section-description {
    font-size: .89rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .member-name {
    font-size: 1rem;
  }
  .item-details{
    font-size: .75em;
    padding-top: 10px;
    line-height: 20px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: inherit;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p{
    font-size: .78rem;
    line-height: 20px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .contact-icon{
    font-size: 1.18rem;
  }
  .address-details{
    padding-top: 40px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .7rem;
    line-height: 15px;
  }


  /* Service Page */
  .service-page .section-description {
    padding-bottom: 30px;
    font-size: .8rem;
    line-height: 20px;
  }
  .service-page .item-title {
    font-size: .94rem;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: .8rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .85em;
  }
  .service-page .service-details .item p{
    font-size: .8em;
    line-height: 18px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.1em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services{
    padding-top: 10px;
  }
  .other-services p{
    font-size: .8em;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .65em;
    line-height: 22px;
  }
  .list-items li p{
    padding-left: 10px;
  }


  /* About US */
  .about-page p{
    font-size: .8rem;
    line-height: 20px;
  }
  .about-page .our-team{
    padding-top: 30px;
  }
  .about-page .section-title{
    /*font-size: 2.6rem;  */
  }
  .about-page .section-description{
    font-size: .8rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
  }
  .our-story p, .our-team p {
    font-size: .8rem;
    line-height: 20px;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.7em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 41% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote {
    font-size: 1rem;
    line-height: 22px;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .testimonial-slider h2{
    font-size: 1.2em !important;
  }
  .testimonial-slider h6{
    font-size: 1em !important;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 50px 0px 50px;
  }
  .wpcf7-form .submit-button:before {
    left: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
  .next-section {
    padding-top: 60px;
  }
  .section-title {
    /*padding-bottom: 10px;
    font-size: 2.8rem;*/
  }
  .section-title{
    /*padding-bottom: 10px;
    font-size: 3.06rem;*/
  }
  .section-description {
    font-size: .89rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .item-details{
    font-size: .9em;
    padding-top: 10px;
    line-height: 20px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .service-details .item {
    max-width: inherit;
    width: 100%;
  }
  .member {
    max-width: inherit;
    height: inherit;
  }
  .portfolio-details figure {
    max-width: inherit;
  }
  .entry-date {
    font-size: .93rem;
  }
  .entry-date span {
    font-size: 1em;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p {
    font-size: .78rem;
    line-height: 20px;
  }
  .post-content {
    padding-left: 50px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .contact-icon{
    font-size: 1.18rem;
  }
  .address-details{
    padding-top: 40px !important;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .7rem;
    line-height: 15px;
  }
  .about-page .member-social li a {
    width: 23px;
    height: 27px;
  }
  .cd-half-block:nth-of-type(2){
    padding: 4%;
  }
  .service-page .section-1 .cd-half-block.left-side{
    /*padding: 3% !important; */
  }

  /* Service Page */
  .service-page .section-description {
    padding-bottom: 30px;
    font-size: .9rem;
    line-height: 20px;
  }
  .service-page .item-title {
    font-size: .94rem;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: .9rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .85em;
  }
  .service-page .service-details .item p{
    font-size: .9em;
    line-height: 18px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.1em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services{
    padding-top: 10px;
  }
  .other-services p{
    font-size: .8em;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .65em;
    line-height: 22px;
  }
  .list-items li p{
    padding-left: 10px;
  }



  /* About US */
  .about-page p{
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .our-team{
    padding-top: 30px;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: .8rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
    left: 38%;
  }
  .our-story p, .our-team p {
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.75em;
    padding-top: 8px;
    line-height: 20px;
  }

  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote {
    font-size: 1rem;
    line-height: 22px;
  }
  .slide img {
    max-width: 150px;
  }
  .skills-details canvas{
    height: 130px;
    width: 130px;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .testimonial-slider h2{
    font-size: 1.2em !important;
  }
  .testimonial-slider h6{
    font-size: 1em !important;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 50px 0px 50px;
  }
  .wpcf7-form .submit-button:before {
    left: 25px;
  }

}

@media (max-width: 767px) {
  .sub-title {
    font-size: 24px;
    text-align: center;
  }
  .cd-half-block:nth-of-type(1) {
    height: auto;
    min-height: 300px;
    background-position: 50% 50%;
  }
  .service-page .section-title {
    /*margin-bottom: 30px;*/
  }
  .item-title{
    font-size: 1.8rem;
  }
  .about-page {
    padding-top: 100px;
  }
  .service-page {
    padding-top: 100px;
  }
  .privacy-section {
    padding-top: 0px;
  }
}

@media only screen and (min-width: 669px) and (max-width: 767px) {
  .cd-section:first-of-type .cd-block {
    /*height: 48em !important;*/
    /*height: auto;*/
  }

  .main-title {
    /*padding-top: 200px;*/
  }
  .sub-title {
    font-size: 24px;
    text-align: center;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    /*font-size: 2.8rem;*/
  }
  .section-description {
    font-size: 1.1rem;
    line-height: 30px;
    padding-bottom: 40px;
  }

  .about-section.cd-section {
    /*height: 100% !important;*/
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .service-section.cd-section {
    /*height: 100% !important;*/
  }
  .portfolio-details figure {
    max-width: 45%;
  }
  .service-page .section-1 .cd-half-block.left-side {
    /*height: 40em !important;*/
    height: auto;
    /*padding: 2% 1% 10% 1%;*/
    /*top: 47em;*/
    top: auto;
    position: absolute;
  }
  .service-page .section-1 .cd-half-block{
    top: 0%;
    position: absolute;
  }
  .other-services{
    padding-bottom: 30px;
  }
  .service-details .item {
    max-width: inherit;
    width: 100%;
    display: block;
  }
  .blog-details{
    padding-right: 15px;
  }
  .team-section.cd-section {
    /*height: 100% !important;*/
  }
  .member-name{
    font-size: 1rem;
  }
  .portfolio-section.cd-section {
    /*height: 75em !important;*/
  }
  .google-map-container {
    height: 575px;
  }
  .address-details{
    padding-top: 40px !important;
    padding-bottom: 60px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .9rem;
    line-height: 22px;
  }


  /* About US */

  .about-page .cd-section:first-of-type .cd-block {
    background: #ffffff;
    background-image: none;;
  }
  .about-page .section-1 .cd-block {
    /*height: 88em !important*/
  }
  .about-page .section-1 .cd-half-block.right-side,
  .about-page .section-1 .cd-half-block.left-side {
    box-shadow: none !important;
  }
  .about-page .section-1 .cd-half-block.left-side {
    /*height: 57em !important;*/
    /*top: 33em;*/
  }
  .about-page p{
    font-size: .9rem;
    line-height: 20px;
  }
  .blog-section.cd-section {
    /*height: 70em !important;*/
  }
  #blog-single .commentform button{
    margin: 1px 10px 0px 0px;
  }
  .about-page .section-title{
    /*font-size: 2.6rem;  */
  }
  .portfolioFilter a{
    margin: 0px 8px 10px;
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
    left: 40%;
  }
  .our-story p, .our-team p {
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.8em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-page .member{
    max-width: 41% !important;
  }
  .about-page .cd-half-block:nth-of-type(2){
    /*padding: 7% 1%;*/
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page .section-1 .cd-half-block.right-side {
    /*height: 35em !important;*/
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 40em !important;*/
  }
  .about-page blockquote {
    font-size: 1rem;
  }
  .skills-details{
    padding-bottom: 80px;
  }
  .skills-details canvas{
    height: 110px;
    width: 110px;
  }
  .about-details .item {
    max-width: inherit !important;
    width: 100%;
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .about-page .section-1 .cd-half-block.left-side{
    position: absolute;
    right: 0px !important;
  }
  .about-page .cd-half-block.left-side{
    /*padding: 7% 1%;*/
  }
  .testimonial-slider h2{
    font-size: 2em !important;
  }
  .testimonial-slider h6{
    font-size: 1.4em !important;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 50px 0px 50px;
  }
  .wpcf7-form .submit-button:before {
    left: 25px;
  }
  .service-page .cd-half-block:nth-of-type(2) {
    /*padding: 5% 1%;*/
  }
  .service-page .service-details .item {
    padding-bottom: 30px;
  }
  .page-top {
    height: 20px;
  }
  .blog-single {
    width: 100%;
  }
  .leave-comment {
    padding-bottom: 60px;
  }
  .sidebar {
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-bottom: 40px;
  }
  .search-btn {
    padding: 15px 15px !important;
  }
  .sidebar .widget {
    padding-bottom: 40px;
  }
  .sidebar .latest-post li {
    clear: both;
    padding-bottom: 10px;
    width: 100%;
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 7% 3%;*/
  }
}

@media only screen and (min-width: 640px) and (max-width: 668px) {
  .section-title{
    /*padding-bottom: 10px;*/
    /*font-size: 2.8rem !important;*/
  }
  .section-description {
    font-size: 1rem;
    line-height: 25px;
    padding-bottom: 35px;
  }
  .item-details{
    font-size: 1em;
    padding-top: 10px;
    line-height: 25px;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: inherit;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p {
    font-size: .78rem;
    line-height: 20px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .contact-icon{
    font-size: 1.18rem;
  }
  .address-details{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: 0.9rem;
    line-height: 22px;
  }
  #service .cd-half-block:nth-of-type(2){
    margin: 0;
  }

  .service-page .section-1 .cd-half-block.left-side{
    /*top: 47em !important;
    position: absolute;*/
    /*height: 43em !important;*/
    /*padding: 3% 1% 10% 1%;*/
  }
  .service-page .section-1 .cd-half-block{
    /*top: 0%;
    position: absolute;*/
  }
  .other-services{
    padding-bottom: 30px;
  }

  /* About US */
  .about-page .section-1 .cd-block {
    background-image: none;
    /*height: 94em !important;*/
  }
  .about-page .section-1 .cd-half-block.right-side {
    left: 0px !important;
    box-shadow: none !important;
    position: absolute;
    /*height: 44em !important;*/
    width: 100%;
  }
  .about-page .section-1 .cd-half-block.left-side {
    right: 0px !important;
    box-shadow: none !important;
    position: absolute;
    top: 44em;
    /*height: 46em !important;*/
    width: 100%;
  }
  .item-image{
    top: 45%;
    margin-top: 0;
  }
  .cd-half-block:nth-of-type(1){
    /*height: 25em;*/
  }
  .about-page .our-story p {
    font-size: 1em;
    line-height: 25px;
  }   
  .about-page .about-details{
    position: absolute;
  }
  .about-details .item, .service-details .item {
    width: 100%;
    max-width: inherit;;
    padding-bottom: 25px;
    padding-right: 0px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 7% 2%;*/
  }
  .team-details{
    padding-top: 30px; 
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 40em !important;*/
  }
  .testimonial-slider {
    width: 97%;
    margin: 0 auto;
    position: absolute;
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 50px;
    z-index: 300;
  }
  .about-page blockquote {
    font-size: 1.15rem;
  }
  .testimonial-slider label{
    /*bottom: 40px;*/
  }
  .testimonial-slider h2{
    font-size: 1.5em;
  }
  .about-page .cd-half-block.left-side{
    padding: 2%;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap {
    width: 35%;
  }
  .chart-title{
    font-size: 1.2em;
  }
  .half-block.right-side .our-skills{
    top: 400%;
    position: absolute;
  }
  .about-page .section-title{
    /*font-size: 2.6rem;  */
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2.5em;
    left: 36%;
  }
  .our-story p, .our-team p {
    font-size: 1rem;
    line-height: 25px;
  }
  .about-page .about-details{
    padding-top: 50px;
  }
  .about-page .item-details {
    padding-top: 8px;
    font-size: 1em;
    line-height: 25px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page .member{
    max-width: 38% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .skills-details{
    padding-bottom: 80px;
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 8px !important;
  }
  .skills-details canvas{
    height: 50%;
    width: 80%;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .google-map-container {
    height: 400px;
  }
  .entry-date span {
    font-size: 1.15rem;
    text-align: center;
  }
  .comment-list .child {
    padding-left: 0px;
  }
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .commentform input {
    width: 30% !important;
  }
  .blog-single .post-content {
    padding-left: 50px;
  }
  .entry-date {
    font-size: .875em;
    padding: 5px 5px 6px 5px;
  }
  .blog-single .entry-title {
    font-size: 1.31rem;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .leave-comment {
    padding-bottom: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }

}

@media only screen and (min-width: 601px) and (max-width: 639px) {
  .site-logo {
    padding-top: 50px !important;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    font-size: 2rem;
  }
  .cd-section h1 {
    font-size: 2.5rem;
  }
  .home-section.cd-section {
    /*height: 40em !important;*/
  }
  .service-details .title{
    font-size: 1.4em;
  }
  .sub-title{
    /*font-size: 1em;*/
    /*margin-top: -60px !important;*/
  }
  .member{
    padding-right: 0;
  }
  .cd-half-block:nth-of-type(1){
    /*height: 25em;*/
  }
  .next-section {
    padding-top: 30px;
  }
  .section-description {
    font-size: .9rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .item-details{
    font-size: .9em;
    padding-top: 10px;
    line-height: 20px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: inherit;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p {
    font-size: .9rem;
    line-height: 20px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .address-details{
    padding-top: 40px !important;
    padding-bottom: 30px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .9rem;
    line-height: 15px;
  }

  /* Menu */
  .menu-area{
    width: 240px;
  }
  .sliding-menu li{
    max-width: 150px !important;
  }
  .sliding-menu a{
    font-size: .8em;
    padding: .8em;
  }
  .sliding-menu a.nav:before{
    top: 15px;
  }
  .sliding-menu a.back:before{
    left: 60px;
    top:15px;
  }
  .sliding-menu a.back{
    padding-top: 12px;
    padding-left: 75px;
  }


  /* Service Page */
  .service-page .section-description {
    padding-bottom: 30px;
    font-size: 1rem;
    line-height: 25px;
  }
  .service-page .item-title {
    font-size: 1rem;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .85em;
    max-width: 100%;
  }
  .service-page .service-details .item p{
    font-size: 1em;
    line-height: 22px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.1em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services {
    padding-bottom: 30px !important;
  }
  .other-services p{
    font-size: 1em;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .8em;
    line-height: 18px;
  }
  .list-items li p{
    padding-left: 10px;
  }
  .service-page .section-1 .cd-half-block.left-side {
    /*height: 40em !important;*/
    top: 41em;
    padding: 7% 2%;
    position: absolute;
  }
  .service-page .section-1 .cd-half-block{
    top: 0%;
    position: absolute;
  }
  .other-services{
    padding-bottom: 30px;
  }


  /* About US */

  .about-page .section-1 .cd-block {
    /*height: 85em !important;*/
    background-image: none;
  }
  .about-page .section-1 .cd-half-block.left-side,
  .about-page .section-1 .cd-half-block.right-side {
    box-shadow: none !important;
    right: 0px !important;
    left: 0px !important;
  }
  .about-page .section-1 .cd-half-block.right-side {
    position: absolute;
    top: 0px;
    /*height: 37em !important;*/
  }
  .about-page .section-1 .cd-half-block.left-side {
    position: absolute;
    top: 37em;
    /*height: 48em !important;*/
    padding: 7% 2%;
  }
  .about-page .our-story p {
    font-size: .8em;
    line-height: 20px;
  }   
  .about-page .about-details{
    position: absolute;
  }
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 7% 2%;*/
  }
  .team-details{
    padding-top: 40px; 
  }
  .about-page .cd-half-block.left-side {
    /*padding: 7% 2%;*/
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 38em !important;*/
  }
  .about-page blockquote{
    font-size: .9rem;
    padding: 10px;
  }
  .testimonial-slider {
    width: 100%;
    min-height: 330px;
    margin: 0 auto;
    position: absolute;
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 50px;
    z-index: 300;
  }
  .testimonial-slider h2{
    font-size: 1.5em;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap {
    width: 45%;
  }
  .half-block.right-side .our-skills{
    top: 400%;
    position: absolute;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2.5em;
    left: 36%;
  }
  .our-story p, .our-team p {
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.8em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page .member{
    max-width: 38% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote {
    font-size: 1rem;
  }
  .skills-details{
    padding-bottom: 80px;
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 8px !important;
  }
  .skills-details canvas{
    height: 50%;
    width: 80%;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }

  .testimonial-slider {
    width: 100%;
    min-height: 360px;
    margin: 30px auto;
    position: relative;
    padding-top: 0px; 
  }
  .testimonial-slider h2{
    font-size: 2em !important;
  }
  .testimonial-slider h6{
    font-size: 1.4em !important;
  }
  .testimonial-slider label {
    bottom: 0px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 40px 0px 40px;
  }
  .wpcf7-form .submit-button:before {
    left: 20px;
  }
  .page-top {
    height: 20px;
  }
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .commentform input {
    width: 30% !important;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .leave-comment {
    padding-bottom: 50px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-list .child {
    padding-left: 0px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .google-map-container {
    height: 595px;
  }

}

@media only screen and (min-width: 481px) and (max-width: 600px) {
  .section-title{
    /*padding-bottom: 10px;*/
    font-size: 2rem;
  }
  .cd-section h1 {
    font-size: 2.5rem;
  }
  .service-details .title{
    font-size: 1.4em;
  }
  .sub-title{
    font-size: 1em;
    /*margin-top: -60px !important;*/
  }
  .member{
    padding-right: 0;
  }
  .cd-half-block:nth-of-type(1){
    /*height: 25em;*/
  }
  .next-section {
    padding-top: 30px;
  }
  .section-description {
    font-size: .9rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .item-details{
    font-size: .9em;
    padding-top: 10px;
    line-height: 20px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: inherit;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p {
    font-size: .9rem;
    line-height: 20px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
  }
  .google-map-container {
    height: 400px;
  }
  .address-details{
    padding-top: 40px !important;
    padding-bottom: 30px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: .9rem;
    line-height: 15px;
  }

  /* Menu */
  .menu-area{
    width: 240px;
  }
  .sliding-menu li{
    max-width: 150px !important;
  }
  .sliding-menu a{
    font-size: .8em;
    padding: .8em;
  }
  .sliding-menu a.nav:before{
    top: 15px;
  }
  .sliding-menu a.back:before{
    left: 60px;
    top:15px;
  }
  .sliding-menu a.back{
    padding-top: 12px;
    padding-left: 75px;
  }


  /* Service Page */
  .service-page .section-1 .cd-block {
    /*height: 80em !important;*/
  }
  .service-page .section-description {
    padding-bottom: 30px;
    font-size: 1rem;
    line-height: 25px;
  }
  .service-page .item-title {
    font-size: 1rem;
  }
  .service-page .service-details p, .service-page .our-success p{
    font-size: 1rem;
  }
  .service-page .service-details .item{
    padding-bottom: 25px;
    font-size: .85em;
    max-width: 100%;
  }
  .service-page .service-details .item p{
    font-size: 1em;
    line-height: 22px;
  }
  .service-page .our-success{
    padding-top: 35px;
  }
  .success-counter .item-icon{
    font-size: 2em;
    padding-bottom: 7px;
  }
  .success-counter .item-name{
    font-size: 1.1em;
  }
  .success-counter .count{
    font-size: 3em;
  }
  .other-services {
    padding-bottom: 30px !important;
  }
  .other-services p{
    font-size: 1em;
  }
  .list-items{
    padding-top: 20px;
  }
  .list-items p{
    font-size: .8em;
    line-height: 18px;
  }
  .list-items li p{
    padding-left: 10px;
  }
  .service-page .section-1 .cd-half-block.left-side{
    top: 55%;
    position: absolute;
    /*height: 40em !important;*/
    padding: 7% 2%;
  }
  .service-page .section-1 .cd-half-block{
    top: 0%;
    position: absolute;
  }
  .other-services{
    padding-bottom: 30px;
  }


  /* About US */
  .about-page .section-1 .cd-block {
    background-image: none;
    /*height: 70em !important;*/
  }
  .about-page .section-1 .cd-half-block.left-side,
  .about-page .section-1 .cd-half-block.right-side {
    box-shadow: none !important;
    right: 0px !important;
    left: 0px !important;
    /*height: 35em !important;*/
  }
  .about-page .section-1 .cd-half-block.left-side {
    top: 35em;
    position: absolute;
    padding: 3%;
    /*height: 37em !important;*/
  }
  .about-page .section-1 .cd-half-block.right-side {
    top: 0em;
    position: absolute;
  }
  .about-page .our-story p {
    font-size: .8em;
    line-height: 20px;
  }   
  .about-page .about-details{
    position: absolute;
  }
  .about-details .item, .service-details .item {
    max-width: inherit;
    width: 100%;
    padding-bottom: 30px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 7% 2%;*/
    margin-bottom: 40px;
  }
  .team-details{
    padding-top: 40px; 
  }
  .about-page .member-details {
    height: 135px;
  }
  .about-page blockquote{
    font-size: .9rem;
    padding: 10px;
  }
  .testimonial-slider h2{
    font-size: 1.5em;
  }
  .slide img{
    max-width: 100%;
    height: 145px;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap {
    width: 45%;
  }
  .half-block.right-side .our-skills{
    top: 400%;
    position: absolute;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2.5em;
    left: 36%;
  }
  .our-story p, .our-team p {
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 31em !important;
    padding: 7% 2%;*/
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.8em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page .member{
    max-width: 38% !important;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote {
    font-size: 1rem;
  }
  .skills-details{
    padding-bottom: 80px;
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 8px !important;
  }
  .skills-details canvas{
    height: 50%;
    width: 80%;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }
  .testimonial-slider {
    width: 100%;
    min-height: 300px;
    margin: 30px auto 0px auto;
    position: relative;
    padding-top: 0px; 
  }
  .testimonial-slider label{
    /*bottom: 30px;*/
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 40px 0px 40px;
  }
  .wpcf7-form .submit-button:before {
    left: 20px;
  }
  .leave-comment {
    padding-bottom: 40px;
  }
  .blog-single .entry-title {
    font-size: 1.25rem;
  }
  .blog-single .entry-date {
    font-size: .875rem;
    padding: 5px 5px 6px 5px;
  }
  .blog-single .entry-date span {
    font-size: 1em;
    text-align: center;
  }
  .commentform input {
    width: 46.5%;
  }
  .comment-list .child {
    padding-left: 0px;
  }


}

@media only screen and (min-width: 361px) and (max-width: 480px) {
  .service-details .item{
    max-width: 100%;
  }
  .section-title{
    /*padding-bottom: 10px;*/
    font-size: 2rem;
  }
  .cd-section h1 {
    font-size: 1.75rem !important;
  }
  .cd-words-wrapper {
    width: 180px !important
  }
  .service-details .title{
    font-size: 1.4em;
  }
  .sub-title{
    font-size: 1em;
    /*margin-top: -60px;*/
  }
  .member{
    padding-right: 0;
    max-width: 100%;
    padding-bottom: 30px;
  }
  .cd-half-block:nth-of-type(1){
    /*height: 20em;*/
  }
  .next-section {
    padding-top: 15px;
  }
  .section-description {
    font-size: .9rem;
    line-height: 25px;
    padding-bottom: 55px;
  }
  .entry-title {
    font-size: 0.9rem;
  }
  .item-details{
    font-size: .9em;
    padding-top: 10px;
    line-height: 22px;
  }
  .item-title{
    font-size: 1rem;
  }
  .about-details .item{
    padding-bottom: 35px;
  }
  .portfolio-details figure {
    max-width: 95%;
  }
  .entry-title{
    font-size: .95rem;
  }
  .entry-text, .comment-content p {
    font-size: .78rem;
    line-height: 20px;
  }
  .blog-details{
    padding-right: 15px;
  }
  .member-name{
    font-size: 1rem;
    display: block;
  }
  .address-details{
    padding-top: 40px !important;
    padding-bottom: 60px;
  }
  .address-details .item {
    padding-bottom: 30px;
    width: 100%;
  }
  .social-list {
    padding-top: 0px;
  }
  address p, span.mobile-no, .address-details a {
    font-size: 0.9rem;
    line-height: 20px;
  }


  /* Menu */

  /* About page */
  .about-page .section-1 .cd-block {
    background-image: none;
    /*height: 135em !important;*/
  }
  .about-page .section-1 .cd-half-block.left-side,
  .about-page .section-1 .cd-half-block.right-side {
    box-shadow: none !important;
    width: 100%;
    right: 0px !important;
    left: 0px !important;
  }
  .about-page .section-1 .cd-half-block.right-side {
    position: absolute;
    top: 0;
    height: 42em;
  }
  .about-page .section-1 .cd-half-block.left-side {
    padding: 7% 2%;
    position: absolute;
    top: 42em;
    /*height: 100em !important;*/
  }
  .about-page .our-story p {
    font-size: .8em;
    line-height: 20px;
  }   
  .about-page .about-details{
    position: absolute;
  }
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 7% 2%;*/
  }
  .about-page .member-details {
    /*height: 135px;*/
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 35em !important;
    padding: 7% 2%;*/
  }
  .about-page blockquote{
    font-size: .9rem;
    padding: 10px;
  }
  .testimonial-slider {
    width: 100%;
    min-height: 400px;
    margin: 0 auto;
    /*position: absolute;*/
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 50px;
    z-index: 300;
  }
  .testimonial-slider h2{
    font-size: 1.5em;
  }
  .slide img{
    max-width: 100%;
    height: 145px;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap {
    width: 45%;
  }
  .testimonial-slider label{ 
    bottom: 0px;
  }
  .chart-content{
    left: 31%;
  }
  .chart-title{
    font-size: 1.1em;
  }
  footer{
    padding-bottom: 60px;
  }
  .half-block.right-side .our-skills{
    top: 400%;
    position: absolute;
  }
  .about-page .section-title{
    font-size: 2.6rem;  
  }
  .about-page .section-description{
    font-size: .9rem;
    padding-bottom: 35px;
  }
  .chart-content{
    margin-left: 0;
    font-size: 2em;
  }
  .our-story p, .our-team p {
    font-size: .9rem;
    line-height: 20px;
  }
  .about-page .about-details{
    padding-top: 30px;
  }
  .about-page .item-details {
    font-size: 0.8em;
    padding-top: 8px;
    line-height: 20px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page .member{
    max-width: inherit;
    margin: 0px 15px 15px 0px;
  }
  .about-details .item{
    padding-bottom: 15px;
  }
  .about-page blockquote {
    font-size: 1rem;
  }
  .skills-details{
    padding-bottom: 80px;
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 12px !important;
  }
  .skills-details canvas{
    height: 110px;
    width: 110px;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .about-details .item {
    padding-right: 5px;
  }
  .about-page .member-social li a{
    margin: 0;
  }

  /* Service Page */

  .success-counter .count{
    font-size: 2.75em;
  }
  .success-counter .item-name {
    font-size: .9em;
  }
  .service-details .item{
    max-width: 100%;
  }
  .list-items li{
    margin-bottom: 10px;
  }
  .list-items li p {
    padding-left: 25px;
    margin-top: -23px;
  }
  .service-page .section-description, .service-details p {
    font-size: .9rem;
    line-height: 20px;
  }
  .item-details{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .service-page .section-1 .cd-block {
    background-image: none !important;
    /*height: 95em !important;*/
  }
  .success-counter .count{
    font-size: 2.75em;
  }
  .success-counter .item-name {
    font-size: .9em;
  }
  .service-page .section-1 .cd-half-block.left-side {
    /* position: absolute; */
    /* z-index: 20; */
    /* width: 100%; */
    /* top: 48em; */
    /* height: 45em !important; */
  }
  .other-services{
    position: absolute;
  }
  .service-details .item{
    max-width: 100%;
  }
  .list-items li{
    margin-bottom: 10px;
  }
  .list-items li p {
    padding-left: 25px;
  }
  .service-page .section-description, .service-details p {
    font-size: .9rem;
    line-height: 20px;
  }
  .item-details{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 60%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 40px 0px 40px;
    margin-right: 0px;
  }
  .wpcf7-form .submit-button:before {
    left: 20px;
  }
  .google-map-container {
    height: 320px;
  }
  .post-meta {
    border: none;
    float: none;
  }
  .entry-date span {
    display: inline-block;
  }
  .page-top {
    height: 20px;
  }
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .blog-single .post-content {
    padding-left: 0px;
  }
  .entry-date {
    font-size: .875em;
    padding: 5px 5px 6px 5px;
  }
  .entry-date span {
    font-size: 1rem;
  }
  .post-content {
    padding-left: 0px;
  }
  .entry-title {
    font-size: 1.25rem;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    font-size: .875rem;
    padding-left: 0px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    float: none;
    max-width: 70px;
  }
  .comment-content {
    padding-top: 20px;
    padding-left: 0px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .comment-list .child {
    padding-left: 0px;
  }
  .commentform input,
  .commentform textarea {
    width: 100%;
  }
  .commentform button {
    width: 29%;
    float: none;
  }
  .leave-comment {
    padding-bottom: 50px;
  }

}


@media only screen and (min-width: 321px) and (max-width: 360px) {
  .cd-section:first-of-type .cd-block {
    /*height: 20em !important;*/
  }
  .cd-half-block:nth-of-type(1) {
    /*height: 20em !important;*/
  }
  .service-details .item{
    max-width: 100%;
  }
  .site-logo {
    padding-top: 0 !important;
  }
  .cd-section:nth-of-type(2) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(3) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(4) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(5) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(6) .cd-half-block:first-of-type,
  .cd-section:nth-of-type(7) .cd-half-block:first-of-type {
    background-size: cover;
  }
  .site-logo {
    max-width: 60px;
    padding-top: 40px !important;
  }
  .next-section {
    padding-top: 30px;
  }
  .sub-title{
    font-size: .9em;
    /*margin-top: -75px;*/
  }
  .entry-text {
    font-size: .8rem;
    line-height: 20px;
  }  
  .main-title{
    font-size: 1.25rem !important;
    /*padding-top: 150px;*/
  }
  .section-title {
    font-size: 2.06rem;
    padding-bottom: 15px;
  }
  .item-details{
    font-size: .8em;
    line-height: 22px;
  }
  .section-description{
    font-size: .9rem;
    line-height: 22px;
    letter-spacing: normal;
    padding-bottom: 25px;
  }
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .address-details li {
    width: auto;
  }
  .member-name {
    font-size: .8rem;
  }
  .member-position{
    font-size: .8rem; 
  }
  .entry-title{
    font-size: .9rem;   
  }
  .type-post {
    padding-bottom: 40px;
  }
  .service-details .item{
    max-width: 100% !important;
    padding-bottom: 25px !important;
    font-size: 0.8em !important;
  }
/*.overlay-genie.open nav{
  padding-top: 15% !important;
}
.overlay .overlay-close{
  right: 6% !important;
  top: 6% !important;
  }*/

  .portfolio-page .section-description{
    font-size: .8em !important;
  }
  .member{
    width: 100%;
    max-width: inherit;
    padding-bottom: 30px !important;
  }
  .portfolio-details figure {
    max-width: inherit;
    width: 100%;
  }
  .btn{
    padding: 10px 20px !important;
  }
  .post-meta {
    border: none;
    float: none;
  }
  .post-meta .entry-date {
    font-size: .93em;
    padding: 0px;
  }
  .entry-date span {
    display: inline-block;
    font-size: .93em;
    padding-bottom: 15px;
  }
  .post-content{
    display: inline !important;
    padding-left: 0;
  }

  .address-details {
    padding: 30px 0px !important;
  }
  .address-details .item {
    width: 100%;
    padding-top: 20px;
  }
  .contact-icon{
    padding-bottom: 8px !important;
  }
  .contact-bottom {
    display: inline-block;
    padding-bottom: 40px;
  }
  details a {
    font-size: 0.8rem !important;
    line-height: 20px !important;
  }
  .about-page .member{
    margin: 0;
    margin-top: 25px !important;
    width: 100%;
  }
  section.cd-section.section-2{
    top: 250% !important;
  }
  .chart-content{
    left: 42% !important;
    font-size: 2.5em !important;
  }
  .skills-details{
    padding-bottom: 0px
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 12px !important;
  }
  .blog-single .post-meta{
    display: none !important;
  }
  .blog-single .post-content {
    padding-left: 0px !important;
  }
  .comment-author img{
    width: 50px !important;
  }
  .comment-content {
    padding-left: 0px !important;
  }
  .commentform input {
    width: 100% !important;
  }
  .commentform textarea{
    width: 100% !important;
  }
  .commentform button {
    float: none;
    margin-top: 0px;
  }
  .leave-comment {
    padding-bottom: 40px;
  }
  .success-count-container{
    padding: 25px 0px 0px !important;
  }
  .success-counter .item-icon {
    font-size: 3em !important;
  }
  .success-counter .item-name {
    font-size: .8em !important;
  }
  .success-counter .count {
    font-size: 3em;
  }
  .success-counter .item-icon {
    font-size: 2em !important;
  }

  .comment-content {
    padding-left: 0px !important;
  }
  .comment-content p{
    font-size: .8em;
    line-height: 22px;
  }
  .comment-content .author-name{
    margin-left: 60px;
  }
  .comment-date time{
    margin-left: 10px;
  }


  /* About Page */ 
  .about-page .section-1 .cd-block {
    background-image: none;
    /*height: 148em !important;*/
  }
  .about-page .section-1 .cd-half-block.left-side,
  .about-page .section-1 .cd-half-block.right-side {
    box-shadow: none !important;
    right: 0px !important;
    left: 0px !important;
    position: absolute;
  }
  .about-page .section-1 .cd-half-block.right-side {
    top: 0px;
    height: 48em;
  }
  .about-page .section-1 .cd-half-block.left-side {
    top: 48em;
    /*height: 104em !important*/
  }
  .about-page .our-story p{
    font-size: .9em;
    line-height: 22px;
  }   
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 0 15px;*/
    margin-bottom: 30px;
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 33em !important;
    padding: 7% 2%;*/
  }
  .about-page blockquote{
    font-size: .9rem;
    padding: 10px;
  }
  .testimonial-slider label {
    bottom: 0px;
  }
  .testimonial-slider {
    width: 100%;
    min-height: 330px;
    margin: 0 auto;
    /*position: absolute;*/
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 50px;
    z-index: 300;
  }
  .testimonial-slider h2{
    font-size: 1.25em;
  }
  .testimonial-slider h6 { 
    font-size: .93rem;
  }
  .slide img{
    max-width: 100%;
    height: 145px;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap{
    width: 100%;
  }
  .chart-title {
    font-size: 1.25rem;
  }

  /* Service Page */
  .service-page .cd-block {
    /*height: 150em !important;*/
  }
  .service-page .cd-half-block.right-side {
    /* top: 0px; */
    /* height: 55em !important; */
    /* position: absolute; */
  }
  .service-page .cd-half-block.left-side {
    /* height: 55em !important; */
    /* position: absolute; */
    /* top: 55em; */
  }
  .success-counter .count{
    font-size: 2.75em;
  }
  .success-counter .item-name {
    font-size: .9em;
  }
  .service-details .item{
    max-width: 100%;
  }
  .list-items li{
    margin-bottom: 10px;
  }
  .list-items li p {
    padding-left: 25px;
    margin-top: -23px;
  }
  .service-page .section-description, .service-details p {
    font-size: .9rem;
    line-height: 20px;
  }
  .item-details{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 55%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 30px 0px 30px;
    margin-right: 0px;
  }
  .wpcf7-form .submit-button:before {
    left: 15px;
  }
  .google-map-container {
    height: 320px;
  }
}


@media only screen and (max-width: 320px){
  .cd-section:first-of-type .cd-block {
    /*height: 25em;*/
  }
  .cd-half-block:nth-of-type(1) {
    height: 20em;
  }
  .portfolio-page .section-description{
    font-size: .8em !important;
  }
  .member{
    max-width: inherit;
    width: 100%;
    padding-bottom: 30px !important;
  }
  .site-logo {
    padding-top: 60px;
    max-width: 50px;
  }
  .sub-title{
    font-size: .9em;
    /*margin-top: -65px;*/
  }
  .main-title{
    font-size: 1.35rem !important;
    /*padding-top: 100px;*/
  }
  .sub-title {
    /*margin-top: -35px;*/
  }
  .next-section {
    padding-top: 30px;
  }
  .entry-title{
    font-size: .9rem;   
  }
  .entry-text {
    font-size: .8rem;
    line-height: 18px;
  }
  .post-meta {
    border: none;
    float: none;
  }
  .post-meta .entry-date {
    font-size: .93em;
    padding: 0px;
  }
  .entry-date span {
    display: inline-block;
    font-size: .93em;
    padding-bottom: 15px;
  }
  .type-post {
    padding-bottom: 30px;
  }
  .section-title {
    font-size: 2rem;
    /*padding-top: 30px;*/
  }
  .item-details{
    font-size: .8em;
    line-height: 22px;
  }
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .member-name {
    font-size: .8rem;
  }
  .portfolio-details figure{
    max-width: inherit;
    width: 100%;
  }
  .member-position{
    font-size: .8rem;
  }
  .section-description{
    font-size: .8rem;
    line-height: 22px;
    letter-spacing: normal;
    padding-bottom: 35px;
  }
  .btn{
    padding: 10px 20px !important;
  }
  .post-content{
    display: inline !important;
    padding-left: 0;
  }
  .google-map-container {
    height: 400px;
  }

  .contact-icon{
    padding-bottom: 8px !important;
  }
  .address-details {
    padding-top: 40px !important;
  }
  .address-details .item {
    width: 100%;
    padding-top: 15px;
  }
  .contact-bottom {
    display: inline-block;
    padding-bottom: 40px;
  }
  details a {
    font-size: 0.8rem !important;
    line-height: 20px !important;
  }
  .chart-content{
    left: 44% !important;
    font-size: 2.5em !important;
  }
  .skills-details{
    padding-bottom: 0px
  }
  .comment-content {
    padding-left: 0px !important;
  }
  .comment-content p{
    font-size: .8em;
    line-height: 22px;
  }
  .comment-content .author-name{
    margin-left: 60px;
  }
  .comment-date time{
    margin-left: 10px;
  }
  .portfolioFilter a{
    margin: 5px 5px !important;
    padding: 5px 12px !important;
  }
  .blog-single .post-meta{
    display: none !important;
  }
  .blog-single .post-content {
    padding-left: 0px !important;
  }
  .comment-author img{
    width: 50px !important;
  }
  .comment-content {
    padding-left: 0px !important;
  }
  .commentform input {
    width: 100% !important;
  }
  .commentform textarea{
    width: 100% !important;
  }
  .commentform button{
    float: none;
    max-width: 35%;
    margin: 0px 10px 0px 0px !important;
  }

  /* About Page */ 
  .about-page .section-1 .cd-block {
    background-image: none;
    /*height: 150em !important*/
  }
  .about-page .section-1 .cd-half-block.left-side,
  .about-page .section-1 .cd-half-block.right-side {
    box-shadow: none !important;
    right: 0px !important;
    left: 0px !important;
    position: absolute;
  }
  .about-page .section-1 .cd-half-block.left-side {
    height: 104em;
    top: 48em;
  }
  .about-page .our-story p{
    font-size: .9em;
    line-height: 22px;
  }   
  .about-details .item, .service-details .item {
    padding-bottom: 15px;
  }
  .about-details .btn, .service-details .btn {
    margin-bottom: 30px;
  }
  .our-team p{
    font-size: .9em;
    line-height: 20px;  
  }
  .about-page .member{
    margin: 45px 34px -25px 0px;
  }
  .cd-half-block:nth-of-type(2) {
    /*padding: 0 15px;*/
    margin-bottom: 40px;
  }
  .about-page .section-2 .cd-half-block.left-side {
    /*height: 44em !important;
    padding: 7% 2%;*/
    box-sizing: border-box;
  }
  .about-page .section-2 .cd-half-block.right-side {
    padding: 7% 2%;
  }
  .about-page blockquote{
    font-size: .9rem;
    padding: 10px;
  }
  .testimonial-slider {
    width: 100%;
    min-height: 330px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 50px;
    z-index: 300;
    box-sizing: border-box;
  }
  .testimonial-slider h2{
    font-size: 1.5em;
  }
  .testimonial-slider label {
    bottom: 0px;
  }
  .slide img{
    max-width: 100%;
    height: 145px;
  }
  .about-page .about-details .item{
    max-width: 100%;
  }
  .progress-wrap{
    width: 100%;
  }

  /* Service Page */
  .success-counter .count{
    font-size: 2.75em;
  }
  .success-counter .item-name {
    font-size: .9em;
  }
  .service-page .section-1 .cd-half-block.left-side{
    /* position: absolute; */
    /* z-index: 20; */
    /* top: 54em; */
    /* height: 45em; */
  }
  .service-details .item{
    max-width: 100%;
  }
  .list-items li{
    margin-bottom: 10px;
  }
  .list-items li p {
    padding-left: 25px;
    margin-top: -23px;
  }
  .service-page .section-description, .service-details p {
    font-size: .9rem;
    line-height: 20px;
  }
  .item-details{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wpcf7-form-control-wrap textarea {
    width: 55%;
  }
  .wpcf7-form input[type=submit] {
    padding: 15px 30px 0px 30px;
    margin-right: 0px;
  }
  .wpcf7-form .submit-button:before {
    left: 15px;
  }
}


@media only screen and (min-width: 1025px) and (max-width: 1180px) {
  .single-page .post-container {
    padding: 0 7%;
  }
}

@media only screen and (min-width: 980px) and (max-width: 1024px) {
  .single-page .post-container {
    padding: 0 2%;
  }
  .commentform input {
    width: 30.5%;
  }
}

@media only screen and (min-width: 800px) and (max-width: 979px) {
  .single-page .post-container {
    padding: 0 2%;
  }
  .commentform input {
    width: 30.5%;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .sidebar a {
    font-size: .875rem;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    padding: 15px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 799px) {
  .single-page .post-container {
    padding: 0px;
  }
  .sidebar {
    padding-left: 15px;
  }
  .commentform input {
    width: 30.5%;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .sidebar a {
    font-size: .875rem;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    padding: 15px;
  }
}


@media only screen and (min-width: 737px) and (max-width: 768px) { 
  .single-page .post-container {
    padding: 0px;
  }
  .sidebar {
    padding-left: 15px;
  }
  .commentform input {
    width: 31% !important;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .sidebar a {
    font-size: .875rem;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    top: 1px;
    padding: 14px 15px !important; 
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 667px) and (max-width: 736px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .commentform input {
    width: 30% !important;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
}


@media only screen and (min-width: 601px) and (max-width: 639px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .commentform input {
    width: 30% !important;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
}


@media only screen and (min-width: 569px) and (max-width: 600px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .commentform input {
    width: 30% !important;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
}


@media only screen and (min-width: 481px) and (max-width: 568px) {
  .page-top {
    height: 20px;
  }
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .blog-single .post-content {
    padding-left: 55px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
}


@media only screen and (min-width: 415px) and (max-width: 480px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 0px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .comment-list .child {
    padding-left: 0px;
  }
}


@media only screen and (min-width: 361px) and (max-width: 384px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .comment-list .child {
    padding-left: 0px;
  }
}


@media only screen and (min-width: 321px) and (max-width: 360px) {
  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    padding-left: 70px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .comment-list .child { padding-left: 0px;}
}

@media only screen and (max-width: 320px){
  .cd-section h1 img {}

  .single-page .post-container {
    padding: 0px;
  }
  .blog-single {
    width: 100%;
  }
  .sidebar {
    float: none;
    padding-left: 0px;
    width: 100%;
  }
  .blog-single .post-content {
    padding-left: 70px;
  }
  .entry-date {
    padding: 5px 10px 13px 10px;
  }
  .entry-text {
    font-size: .875rem !important;
    line-height: 23px;
  }
  .post-bottom {
    font-size: .875em !important;
    padding-left: 0px;
  }
  .comment-content .btn {
    margin-top: 10px;
    padding: 10px 15px;
  }
  .search-field {
    font-size: .875rem;
  }
  .search-btn {
    margin-top: 0px !important;
    padding: 15px 20px !important; 
  }
  .latest-post li {
    display: block;
    min-height: 50px;
  }
  .comment-author {
    max-width: 70px;
  }
  .comment-content {
    padding-left: 90px;
  }
  .comment-content p {
    font-size: .8rem;
    line-height: 23px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .blog-single blockquote {
    margin-left: 0px;
    margin-right: 0px;
  }
  .comment-list .child {
    padding-left: 0px;
  }
}



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

  
}
@media only screen and (max-width: 800px) {
  .hidden-mob {display: none;}
  .hidden-web {display: block;} 
  .terms-privacy-link {right: 0; left: 0;text-align: center;margin: 0 auto;}
}

@media only screen and (max-width: 640px) {  
  .testimonial-slider {min-height: 420px;}
  .slide ul {}
  .slide li {width: 45%; flex: 1 0 45%;margin-bottom: 30px;}
}

@media only screen and (max-width: 767px) { 
  body {
    margin: 0;
  }
  .cd-intro {
    /*height: 100%;*/
  }
  .cd-section h1 {
    /*top: 0;*/
    transform: none;
    /*padding-top: 43%;*/
    max-width: 90%;
    margin: 0 auto;
  }
  .next-section {    position: relative;}
  .service-page .cd-section .cd-block {
    /*height: 100% !important;*/
    /*height: 100vh;*/
    height: auto;
  }
  .service-page .section-1 .cd-half-block,.service-page .section-2 .cd-half-block {position: relative;}
  .service-page .section-1 .cd-half-block.left-side,  .service-page .section-1 .cd-half-block.right-side,
  .service-page .section-2 .cd-half-block.left-side,  .service-page .section-2 .cd-half-block.right-side {position: relative;
    /*height: 100%;*/
    display: block;
  } 
  .service-page .section-1 .cd-half-block.left-side,.service-page .section-2 .cd-half-block.right-side {
    /*height: 400px !important;
    top: auto !important;*/
    background-position: center;
  }
  .slide img {max-width: 25%; min-width: 100px;height: auto;}
  .about-details .item, .service-details .item {width: 100%;}
  .button-holder button {float: none;  position: relative;bottom: auto;}
  .button-holder textarea::-webkit-input-placeholder {font-size: 0.9rem !important;}
  textarea {min-height: 24px;}

  .our-skills-subtitle {
    margin-bottom: 30px;
  }
  .skills-details{
    padding-top: 0;
  }
}

@media only screen and (max-width: 380px) {
  .home-section .cd-block:nth-of-type(1) {  
    background-size: cover;
  }
  .skills-count-container li {vertical-align: text-top; width: 100%;padding: 25px 20px;}
  form .field-box:after{content:''; width:100%; height: 0; display: block; clear: both;}  
  .attach-field #file-box{ width: 100%;}
  .attach-field #file-box .btn {  padding: 10px 0 !important;}
  .attach-field #file-box .file-text {float: right; padding: 10px 0 !important;}
}