/*MEDIA QUERY 320 TO 720*/
@media only screen and (min-width: 320px) and (max-width: 720px) {
  body.home .header-menu {
    position: static;
  }
.slider-bottom-info {
    width: 100%;
    bottom: 0;
  }
body.home .logo-image {
    padding: 0;
    margin-top: -21px;
  }
.logo-image {
    padding: 0;
  }
  #about_us .image-1 {
    margin: -100px auto 0;
  }
/*.open-menu {
    position: absolute;
    right: 20px;
    top: 11px;
    z-index: 99;
  }*/
.owl-carousel .owl-item .slider-box img {
    width: 100%;
    margin-left: auto;
    float: none;
    max-width: 100%;
  }
#slider .slider-img {
    margin-left: auto;
    height: auto;
    width: 100%;
    position: static;
    bottom: 0;
    right: 0;
    margin-bottom: 30px;
  }
#slider .slider-box {
    display: block;
    margin: auto;
  }
#slider h2 {
    font-weight: 400;
    font-size: 12px;
  }
#slider h1 {
    font-size: 20px;
    font-weight: 500;
  }
#about_us h6 {
    margin-bottom: 10px;
  }
div#services .container {
    display: block;
  }
#services .button2 {
    margin: 20px auto;
    filter: drop-shadow(-6.18px 1.756px 10px rgba(46, 136, 134, 0.3));
  }
#services .services-heading {
    width: 100%;
    flex: 0 0 100%;
    margin-top: -30px;
    text-align: center;
  }
#services .services-box {
    margin-bottom: 25px;
    text-align: center;
  }
#services .dashicons {
    margin-bottom: 30px;
  }
#services .col-md-8 {
    margin-top: 36px;
  }
  #gallery figure.projects-img img {
    width: 100%;
  }
.client_section {
    border-radius: 30px;
    padding: 40px 20px;
    margin: -54px 15px;
    width: auto;
  }
.box-inner {
    padding: 0;
    margin: 20px 0 0;
  }
#previous_clients figure {
    margin: 0 35px;
  }
.testimonials-box .testi-name {
    text-align: center !important;
  }
.testimonials-box {
    display: block;
    padding-bottom: 16px;
    margin-bottom: 10px;
  }
.testimonials-box .testi-rating {
    text-align: center;
  }
#testimonial .content {
    text-align: center;
  }
#testimonial .button2 {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 11px;
  }
#testimonial .button {
    margin: auto;
    padding: 19px;
  }
.admin-bar .fix-sticky {
    margin-top: 0;
  }
.fix-sticky {
    position: unset;
  }
#main-menu ul li a {
    color: #2d3446;
  }
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #f4ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 16px;
    text-align: center;
  }
#job {
    padding: 0px;
  }
#job h3 {
    font-size: 21px;
    margin-bottom: 21px;
  }
.job-listing h4 {
    font-size: 16px;
    padding: 6px 0px;
    width: 162px;
  }
.job-item {
    padding: 6px 22px;
    margin-bottom: 36px;
  }
#job .jobs-items h3 {
    font-size: 14px;
  }
.design_skill {
    text-align: center;
    margin-top: -46px;
  }
.design_skill h2 {
    font-size: 25px;
    line-height: 9px;
  }
.progress_bar {
    margin: 25px;
  }
#job .download_cv h3 {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
  }
.download_cv {
    padding: 16px 23px 0;
  }
.download_cv .button {
    padding: 9px 21px;
    outline: none;
    border: none;
    border-radius: 30px;
  }
#job .download_cv h5 {
    font-size: 17px;
    line-height: 21px;
  }
#appointment {
    text-align: center;
  }
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
#appointment .appointment-section {
    padding-top: 16rem;
    background-size: 35rem;
    background-color: #0f1221;
  }
#appointment .appointment-box h2 {
    font-size: 22px;
    line-height: 31px;
  }
.appointment-box .form {
    padding: 20px;
    margin: -33px;
  }
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 71%;
    padding: 5px;
    font-size: 16px;
    line-height: 27px;
  }
#recent_blog {
    margin-top: 22px;
  }
.recent_box {
    margin: 9px 15px;
  }
#recent_blog h3 {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 30px;
  }
#recent_blog .col-12 {
    margin-bottom: 28px;
  }
#recent_blog .button {
    padding: 7px 15px;
    font-size: 14px;
    line-height: 28px;
    margin: 29px auto 0;
  }
#main-menu {
    top: 50px;
  }
.sidenav a:hover {
    color: #f1f1f1;
  }
#main-menu ul.children, #main-menu ul.sub-menu {
    box-shadow: none;
  }
.sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
#site-navigation .sidenav a.closebtn, .open-menu {
    display: inline-block;
    background: #47c6c3;
    padding: 5px 4px 0;
    color: #fff;
    line-height: 30px;
  }
#main-menu ul.children, #main-menu ul.sub-menu {
    background: transparent;
  }
#main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #2d3446;
  }
#main-menu ul.sub-menu li a:hover {
    color: #2d3446;
  }
#main-menu ul.sub-menu li a:before {
    border: none;
  }
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text + .button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text + .button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text + .button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text + .button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }
.woocommerce .quantity .qty {
    max-width: 120px;
  }
.summary.entry-summary {
    text-align: center;
  }
.woocommerce div.product div.images img, .woocommerce ul.products li.product a img {
    padding: 0 5px;
  }
section.related.products {
    padding: 0 5px;
  }
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }
.page-404 h1 {
    font-size: 100px;
  }
.page-404 p {
    margin-left: 0;
    margin-right: 0;
  }
p.cart-item-box {
    left: 50%;
  }
.admin-bar .fix-sticky {
    position: relative;
  }
.menu-header .call_box:after {
    display: none;
  }
.logo-box {
    position: unset;
  }
.menu-box {
    position: static;
  }
.serch-box {
    left: 0;
  }
#slider .slider-content {
    top: 25%;
    transform: translateY(-25%);
    left: 5%;
    right: 20%;
    max-width: 130px;
  }
#slider {
    min-height: auto;
  }
#slider .expert-div {
    display: none;
  }
#slider .carousel-caption.slider-content {
    top: 37%;
    padding: 20px;
  }
.slider-email {
    right: 22%;
    bottom: -6rem;
    padding: 6px 17px;
    line-height: 14px;
  }
p.description {
    display: none;
  }
#slider .button {
    display: none;
  }
  #slider .social {
    border-radius: 10px;
    padding: 5px 8px;
    bottom: -1.8rem;
    left: 0;
    right: 0;
    margin: auto;
  }
.row.expert-div {
    display: none;
  }
div#slider {
    height: auto;
  }
#slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
#slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
#slider .owl-dots button.owl-dot.active {
    background-color: #47c6c3;
  }
#services h3, #about_us h3, #gallery_div h3, #testimonial h3, #newsletter h3 {
    margin: 0 0;
    font-size: 21px;
  }
#about_us .button {
    bottom: 18px;
    right: 0;
    padding: 6px 14px;
    font-size: 10px;
  }
  #about_us p {
    font-size: 16px;
}
#about_us .about_background {
    padding: 0px 15px;
    margin-top: 138px;
  }
#about_us .row .col-lg-7 {
    padding-left: 0px;
  }
#about_us h5 {
    letter-spacing: 3px;
    font-size: 22px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 18px;
  }
#about_us .image-box {
    display: block;
  }
#about_us .image-2 {
    position: unset;
    margin-top: 20px;
  }
#about_us .image-box {
    margin-bottom: 20px;
  }
#previous_clients .work-process-div {
    margin-left: 0;
    margin-right: 0;
  }
#previous_clients h3, #appointment h3 {
    width: 100%;
  }
#previous_clients .client_section h3 {
    font-size: 22px;
    line-height: 33px;
  }
#previous_clients .client_section h5 {
    font-size: 21px;
    line-height: 21px;
  }
#previous_clients .py-5 {
    padding-bottom: 1rem !important;
  }
.brand-logo h4 {
    margin-left: 12px;
    font-size: 25px;
    line-height: 22px;
  }
#previous_clients .testimonials-thumb {
    width: 40px;
    height: 40px;
  }
#previous_clients .testimonials-brand h6 {
    font-size: 14px;
    line-height: 32px;
  }
#previous_clients .box-inner .owl-carousel .owl-nav button.owl-prev, .box-inner .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    margin-left: 8px;
  }
#previous_clients .large i {
    font-size: 12px;
    width: 35px;
    height: 35px;
  }
#previous_clients .large {
    top: 62%;
  }
.developer h4 {
    font-size: 17px;
  }
#previous_clients .div-1 {
    order: 2;
  }
#previous_clients .div-2 {
    order: 1;
  }
#previous_clients .work-enquiry-div {
    right: 0;
    top: 0;
    margin: 10px;
  }
#appointment .appointment-box {
    bottom: -33px;
    position: relative;
  }
.appointment-box form label {
    color: #16151e;
    text-align: left;
  }
.testimonials-box .testimonials-thumb img {
    width: auto;
    height: 100%;
    object-fit: contain;
  }
#testimonial .owl-carousel .owl-nav {
    display: none;
  }
#testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
#testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
#testimonial .owl-dots button.owl-dot.active {
    background-color: #47c6c3;
  }
#site-navigation .sidenav a.closebtn {
    top: 25px;
    padding: 0 5px 5px 5px;
  }
#recent_blog .owl-dots {
    display: block;
  }
#banner_div h3 {
    margin: 0;
  }
#newsletter h3 {
    width: 100%;
    margin-bottom: 15px;
  }
div#newsletter {
  margin: 0 15px;
  padding-top: 0px !important;
  }
.newsletter_box {
    background-position: top !important;
    text-align: center;
    padding: 25px 20px;
  }
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 10px 7px;
    width: 95px;
    font-size: 11px;
    position: static;
    margin-top: 10px;

  }
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 11px 7px;
  }
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    line-height: 12px;
    padding: 10px 9px;
    font-size: 12px;
  }
#newsletter .wpcf7-spinner {
    display: block;
  }
footer {
    padding-top: 0;
    overflow: hidden;
  }
.footer-area .col-lg-3:first-child {
    padding-top: 0;
  }
.footer-area .fas, .footer-area .far {
    font-size: 17px;
    left: 17px;
  }
.footer-area .number p {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    line-height: 14px;
  }
.row.footer-area {
    padding: 56px 20px;
  }
.footer-area ul {
    padding: 0 3px;
  }
.footer-area h4.title {
    margin: 7px;
    line-height: 24px;
  }
#contact .dashicons {
    margin: 20px 0;
    display: inline;
  }
#contact hr {
    width: 30%;
  }
#contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }
#contact input.wpcf7-form-control.wpcf7-text, #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number, #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }
#contact .wpcf7 .ajax-loader {
    display: block;
    left: 38%;
  }
#comments textarea {
    width: 100%;
  }
.woocommerce-page div.product div.summary {
    padding: 15px;
  }
.post-single .blog_share_icon .fab {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
.copyright img {
    margin: 10px 0;
  }
.latest-post .comments {
    font-size: 16px;
  }
.latest-post .date-meta {
    font-size: 14px;
  }
.footer-area hr {
    width: 30%;
    margin-right: auto;
  }
#previous_clients .video-section .video-blog .is-open {
    top: 0;
  }
}
/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px) {
  body.home .header-menu {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
    padding-top: 0;
    line-height: normal;
  }
div#slider {
    height: auto;
  }
#about_us .about_background {
    margin-top: 0;
    padding: 30px;
  }
.slider-bottom-info {
    bottom: 0;
  }
  .slider-email {
    bottom: 5rem;
    padding: 6px 20px;
  }
#slider h5.follow {
    margin-right: 6px;
    font-size: 18px;
    margin-bottom: 0;
  }
#main-menu {
    float: left;
    width: 100%;
  }
#main-menu ul li a {
    padding: 9px 7px;
    font-size: 14px;
    margin: 11px;
    width: 100%;
  }
#slider .carousel-caption.slider-content {
    left: 40px;
    max-width: 46%;
    font-size: 15px;
    line-height: 20px;
    right: auto;
    top: 46%;
  }
#slider h2 {
    font-size: 20px;
    line-height: 17px;
    margin-bottom: 20px;
  }
#main-menu ul {
    display: flex;
    margin-left: auto;
    justify-content: right;
    align-items: center;
    align-content: center;
  }
.admin-bar .fix-sticky {
    margin-top: 45px;
  }
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 30%;
  }
#contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
    margin: 15px 0;
  }
#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 45%;
    margin: 10px 10px;
  }
#contact input.wpcf7-form-control.wpcf7-text {
    width: 46%;
    margin: 20px 10px;
  }
#contact .wpcf7 .ajax-loader {
    display: block;
  }
.sidebar-area .post-title {
    font-size: 14px;
  }
.woocommerce div.product div.images img {
    width: auto;
  }
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 50%;
  }
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }
.woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }
.top-header span {
    font-size: 12px;
  }
#main-menu ul li a {
    padding: 7px 0px;
    font-size: 14px;
  }
#about_us .image-1 {
    height: auto;
    margin: -333px auto 0;
  }
#about_us .image-box {
    margin-bottom: -169px;
  }
#about_us .button {
    padding: 5px 18px;
    bottom: 14px;
  }
#about_us .social {
    margin-top: 73px;
    margin-left: -12px;
  }
#about_us p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }
#about_us .col1, .col2 {
    width: 50%;
    float: left;
    text-align: left;
  }
#about_us h6 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 11px;
  }
#about_us h3 {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 25px;
  }
#job {
    padding: 0 24px;
  }
#job h5 {
    font-size: 20px;
    line-height: 18px;
  }
#job h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 38px;
  }
.jobs-items {
    margin-bottom: 0px;
    margin-top: 0;
  }
.job-listing h4 {
    font-size: 14px;
    line-height: 27px;
    padding: 5px 0;
    width: 175px;
    margin-bottom: -25px;
  }
#job .jobs-items h3 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
.design_skill h2 {
    font-size: 25px;
    line-height: 15px;
  }
.download_cv {
    border-radius: 30px;
    background-color: #47c6c3;
    width: 100%;
    padding: 20px 35px 0;
    margin-bottom: -8rem;
    position: relative;
  }
.appointment-box .form p {
    margin-bottom: 0;
  }
.appointment-box .form {
    padding: 20px;
  }
.appointment-box form label {
    font-size: 14px;
    margin-bottom: 0;
  }
#appointment input.wpcf7-form-control.wpcf7-text {
    padding: 5px 10px;
  }
#appointment .appointment-section {
    padding: 0 20px;
    background-size: 110%;
  }
#job .download_cv h3 {
    font-size: 20px;
    line-height: 35px;
  }
#testimonial {
    margin-top: 60px;
  }
#testimonial h3 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 23px;
  }
#testimonial h5 {
    font-size: 22px;
    line-height: 23px;
  }
#gallery .mt-5 {
    margin-top: 1rem !important;
  }
#appointment .appointment-box h4 {
    font-size: 21px;
    line-height: 8px;
  }
#appointment .appointment-box h2 {
    font-size: 22px;
    line-height: 37px;
    margin-bottom: 14px;
  }
#appointment {
    margin-top: -3rem;
  }
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 46%;
    padding: 7px;
    font-size: 14px;
    line-height: 28px;
  }
#recent_blog {
    margin-top: -30px;
    padding-top: 0 !important;
  }
#recent_blog h3 {
    font-size: 25px;
  }
.recent_box .post-views {
    width: 50px;
    height: 50px;
    bottom: -30px;
    right: 20px;
    font-size: 12px;
    line-height: 20px;
  }
.latest_content {
    padding: 40px 15px 0;
  }
#recent_blog h4 a {
    font-size: 15px;
  }
.newsletter_box {
    padding: 23px 40px;
  }
div#newsletter {
    margin-bottom: -150px;
    position: relative;
    width: auto;
    margin-left: 15px;
    margin-right: 52px;
  }
.logo-box {
    position: unset;
  }
.featured-box .content h5 a {
    font-size: 11px;
  }
#about_us .image-1 {
    width: auto;
  }
.menu-box {
    left: 0;
  }
.serch-box {
    left: 0;
  }
.menu-header .call_box {
    left: 30px;
  }
.menu-header .call_box {
    padding: 16px 0;
  }
.menu-header .call_text1 {
    font-size: 7px;
  }
.menu-header .call_text2 {
    font-size: 10px;
  }
#slider .slider-content {
    top: 40%;
    left: 5%;
    right: 25%;
  }
#slider .expert-div {
    display: none;
  }
#slider h1 {
    font-size: 26px;
  }
.header-email {
    padding: 7px 28px;
    bottom: 3.7rem;
    font-size: 10px;
    display: flex;
    padding: 3px 10px 7px 0;
    line-height: 13px;
    border-radius: 10px;
  }
.header-email .dashicons, .header-email .dashicons-before:before {
    font-size: 21px;
  }
.header-email .header-email-inner {
    margin-left: 6px;
  }
#slider .social {
    padding: 8px;
    bottom: 0.7rem;
    left: 2.5rem;
  }
#slider .button {
    padding: 6px 10px;
    font-size: 14px;
  }
.logo-image {
    padding-top: 15px;
  }
#slider .owl-carousel .owl-nav {
    display: none;
  }
#slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
#slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
#slider .owl-dots button.owl-dot.active {
    background-color: #47c6c3;
  }
#services h3 {
    font-size: 20px;
    line-height: 35px;
  }
#services .button2 {
    padding: 13px 25px;
    margin-top: 40px;
  }
.testimonials-box {
    padding-bottom: 3px;
    margin-bottom: 12px;
  }
#testimonial .testimonials-boxes {
    margin: 15px 0;
    padding: 0 30px;
  }
.testimonials-boxes .testi-name {
    margin-left: 10px;
    text-align: left;
  }
.testimonials-boxes .testi-rating span {
    font-size: 14px;
    line-height: 19px;
    padding: 3px 8px;
    margin-right: 8px;
  }
#testimonial .content {
    font-size: 14px;
    line-height: 25px;
  }
.client_section {
    padding: 45px 30px 30px 30px;
  }
.client_section h5 {
    font-size: 22px;
    line-height: 14px;
  }
.client_section h3 {
    font-size: 24px;
    line-height: 40px;
  }
#previous_clients h3 {
    width: 100%;
    margin: 0 0;
  }
#previous_clients .div-1 {
    order: 1;
  }
#previous_clients .div-2 {
    order: 1;
  }
#previous_clients .large i {
    font-size: 18px;
    width: 50px;
    height: 50px;
  }
#previous_clients a.open-video {
    top: -27px;
  }
.brand-logo h4 {
    margin-left: 20px;
    font-size: 25px;
    line-height: 25px;
  }
#previous_clients .testimonials-thumb {
    width: 40px;
    height: 40px;
  }
.testimonials-brand h6 {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 700;
  }
.box-inner .owl-carousel .owl-nav button.owl-prev, .box-inner .owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
  }
#previous_clients .work-enquiry-div {
    right: 0;
    top: 0;
  }
#testimonial .owl-carousel .owl-nav {
    display: none;
  }
#gallery_div h3 {
    margin: 0px 9%;
    font-size: 25px;
  }
#appointment .appointment-box {
    position: unset;
    padding: 40px 0 30px;
  }
#appointment h3 {
    width: 100%;
  }
#recent_blog .owl-dots {
    display: block;
  }
#newsletter .newsletter_box {
    background-position: center !important;
    margin-top: -68px;
  }
#newsletter h3 {
    font-size: 20px;
    line-height: 28px;
  }
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    line-height: 22px;
    padding: 15px 70px 15px 15px;
  }
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 6px 17px;
    width: 290px;
  }
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 8px 9px;
    font-size: 14px;
    width: 125px;
    right: 0;
  }
footer {
    padding-top: 105px;
  }
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    right: 0;
    margin: -4px 0;
  }
#newsletter .wpcf7-spinner {
    display: block;
  }
.page-template-frontpage .footer {
    margin-top: 40px;
  }
#previous_clients .work-process-div {
    margin-left: 0;
    margin-right: 0;
  }
.featured-box .content span {
    padding: 3px 5px;
    font-size: 10px;
    line-height: 26px;
    margin-right: 10px;
  }
.featured-box .content p {
    font-size: 9px;
    margin-bottom: 6px;
  }
}
/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  #slider .social {
    bottom: 81px;
  }
#slider .carousel-caption.slider-content {
    left: 50px;
  }
body.home .header-menu {
    padding-top: 0;
  }
#slider .social {
    bottom: 25px;
    padding: 10px;
    left: 50px;
  }
div#slider {
    height: auto;
    overflow: hidden;
  }
.slider-email {
    bottom: 6rem;
  }
.slider-bottom-info {
    bottom: 0;
    width: 100%;
  }
#slider h5.follow {
    margin-bottom: 0;
  }
#about_us .social {
    margin-top: 106px;
    margin-left: 56px;
  }
#about_us .image-1 {
    margin: -44px auto 0;
    padding: 139px 17px 0px 0px;
  }
#about_us .button {
    bottom: -19px;
  }
#testimonial {
    margin-top: 129px;
  }
#previous_clients a.open-video {
    top: -9px;
  }
#main-menu ul li a {
    padding: 10px 10px;
    font-size: 16px;
  }
.menu-header .call_box {
    font-size: 12px;
  }
#slider .expert-div {
    top: 30px;
    right: 7%;
  }
#previous_clients h3 {
    width: 100%;
  }
#previous_clients .work-enquiry-div {
    width: 600px;
    right: 50%;
  }
#testimonial h3 {
    margin-left: 25%;
    margin-right: 25%;
  }
#testimonial .owl-carousel .owl-nav {
    display: none;
  }
#testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
#testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
#testimonial .owl-dots button.owl-dot.active {
    background-color: #47c6c3;
  }
#about_us .image-1 {
    width: auto;
  }
#appointment h3 {
    width: 100%;
  }
#appointment .appointment-box {
    bottom: -18%;
  }
#newsletter h3 {
    font-size: 28px;
  }
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    width: 68%;
  }
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 140px;
    right: 80px;
  }
#contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }
.latest-post .date-meta {
    font-size: 12px;
  }
#recent_blog .owl-dots {
    display: block;
  }
}
/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }
.woocommerce .quantity .qty {
    max-width: 150px;
  }
.latest-post .date-meta {
    font-size: 12px;
  }
#previous_clients .work-enquiry-div {
    width: 600px;
  }
#previous_clients h3 {
    width: 100%;
  }
}