@charset "utf-8";
@media only screen and (min-width: 960px) and (max-width: 1270px) {
  .container {
    width: 900px;
  }
  .boxed .wrapper {
    width: 940px;
    margin: 0 auto;
    float: none;
  }
  .boxed #header-wrapper .header {
    width: 940px;
  }
  .boxed .is-sticky #header-wrapper {
    width: 940px;
  }
  .boxed .header .menu-container {
    width: 900px;
  }
  .boxed #header-wrapper #main-menu {
    width: 100%;
  }
  #logo {
    margin: 0;
    width: 16%;
  }
  .header-animate #logo {
    padding: 12px 0;
  }
  .header-animate #main-menu ul li {
    padding: 14px 0;
  }
  .menu.type1 li {
    width: 14.28%;
  }
  #main-menu ul li.menu-item-simple-parent ul {
    width: 210px;
  }
  .breadcrumb h2 {
    margin: 20px 0;
    font-size: 30px;
  }
  .breadcrumb h2 span {
    font-size: 30px;
  }
  .breadcrumb .user-summary {
    margin: 10px 0;
  }
  .breadcrumb .account-links,
  .breadcrumb .user-summary .cart-count {
    padding: 20px 0;
  }
  .blog-section .blog-entry .entry-details {
    top: 52%;
  }
  .blog-section .blog-entry .entry-details .entry-title {
    margin: 0;
  }
  .blog-section .blog-entry .entry-details .entry-title h3 {
    font-size: 25px;
    margin: 0 0 5px;
  }
  .blog-section .blog-entry .entry-details .entry-body {
    margin: 0;
    padding: 0 10px;
  }
  .blog-section .blog-entry .entry-details .type1.dt-sc-button {
    padding: 10px 15px;
  }
  .blog-section .blog-entry .entry-details .entry-body p {
    font-size: 12px;
    line-height: 18px;
  }
  .blog-items .entry-details .entry-metadata p {
    margin: 0 8px 10px 0;
    padding: 0 8px 0 0;
  }
  .dt-sc-blog-sorting-container a {
    width: 12%;
  }
  #primary {
    width: 670px;
  }
  #primary.page-with-both-sidebar {
    width: 440px;
  }
  #secondary,
  #secondary-right,
  #secondary-left {
    width: 200px;
  }
  .page-with-sidebar .blog-items .dt-sc-one-third {
    width: 30.8%;
  }
  .blog-post .entry-title h3 a {
    font-size: 35px;
  }
  .blog-post .entry-details .entry-body .dt-sc-one-half {
    margin: 0 0 20px;
    width: 100%;
  }
  .dt-sc-tabs-frame-content {
    padding: 20px 0 0;
  }
  .widget .recent-posts-widget ul li h4,
  .widget.widget_popular_entries ul li h6 {
    display: block;
  }
  .dt-sc-tabs-container {
    margin: 0;
  }
  blockquote {
    padding: 10px 2% 0 7%;
    margin: 0;
  }
  blockquote q {
    font-size: 20px;
  }
  .entry-details blockquote span {
    font-size: 30px;
    left: 2%;
    top: 5px;
  }
  .post-author-details {
    padding: 15px 0;
  }
  .author-desc {
    width: 100%;
  }
  .post-author-details .author-desc p span {
    top: 2px;
  }
  .post-author-details .author-desc p {
    margin: 0 0 15px;
  }
  .author-metadata {
    float: left;
    padding: 0 40px;
  }
  #commentform p input,
  #commentform textarea,
  .enquiry-form p input,
  .enquiry-form textarea {
    font-size: 16px;
  }
  .enquiry-form p label.error,
  .enquiry-form p label.error,
  #respond #commentform p label.error {
    font-size: 12px;
  }
  .with-sidebar
    .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p {
    border: medium;
    padding: 0 5px 0 0;
    margin: 0 4px 10px 0;
  }
  .with-sidebar.post-author-details p,
  .with-sidebar .comment .author-metadata > p {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
  }
  .with-sidebar .entry-details blockquote span {
    font-size: 20px;
    left: 2%;
    top: 5px;
  }
  .with-sidebar .post-author-details .author-metadata {
    padding: 0 40px;
  }
  .with-sidebar ul.commentlist li ul.children {
    margin: 0;
  }
  .with-sidebar .author-metadata {
    padding: 0;
  }
  .boxed .blog-section .blog-entry .entry-details .entry-body {
    margin: 0;
    padding: 0 10px;
  }
  .boxed .blog-section .blog-entry .entry-details .entry-title {
    margin: 0;
  }
  .portfolio-fullwidth {
    margin: 0 0 20px;
  }
  .portfolio figure::after {
    border: 8px solid #fff;
  }
  .portfolio figure figcaption p {
    font-size: 12px;
    padding: 10px 20px;
  }
  .loadmore {
    margin: 0;
  }
  .portfolio-grid {
    padding: 80px 20px 40px;
  }
  .dt-sc-portfolio-container .portfolio:last-child {
    margin: 0;
  }
  .dt-sc-portfolio-container.isotope .portfolio.dt-sc-one-fourth {
    width: 32%;
  }
  .portfolio figure figcaption .portfolio-detail p {
    padding: 0;
  }
  .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 10px 0 0;
  }
  .portfolio figure figcaption .portfolio-detail .portfolio-title {
    padding: 0 0 0 10px;
  }
  .dt-sc-project-details {
    padding: 10px;
  }
  .dt-sc-project-details .enquiry-details p {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .boxed .portfolio-grid {
    padding: 80px 20px 40px;
  }
  .boxed .portfolio figure::after {
    border: 8px solid #fff;
  }
  .frame-grid .frame-details .frame-content {
    padding: 0 30px;
  }
  .frame-fullwidth .frame.dt-sc-one-third {
    width: 31.4%;
  }
  .mailchimp-form .submit,
  #searchform .submit {
    padding: 15px;
  }
  .dt-sc-service-content p {
    font-size: 16px;
    line-height: 26px;
  }
  .dt-sc-icon i {
    font-size: 200px;
  }
  .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper .dt-sc-icon i {
    height: 200px;
  }
  .dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i {
    font-size: 180px;
    height: 180px;
  }
  .service-grid .dt-sc-icon-content-wrapper {
    margin-bottom: 10px;
  }
  .dt-sc-ico-content {
    padding: 10px;
  }
  .dt-sc-ico-content h6 {
    margin: 0 0 10px;
  }
  .dt-sc-ico-content p span {
    margin: 0 15px 0 0;
  }
  .dt-sc-ico-content p i {
    margin: 0 5px 0 0;
  }
  .dt-sc-social-icons li {
    margin: 0 5px 0 0;
  }
  .dt-sc-social-icons li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
  }
  .dt-sc-contact-info {
    padding: 40px 0;
  }
  .dt-sc-contact-info::before {
    background-position: left center;
    background-size: auto auto;
  }
  .dt-sc-contact-details {
    margin: 0 0 0 3%;
    width: 97%;
    font-size: 15px;
  }
  .shop-grid {
    padding: 5px;
  }
  .shop-grid .products .product-wrapper.dt-sc-one-fifth {
    width: 22.9%;
  }
  .shop-grid .sorting-products .dt-sc-one-fifth {
    width: 32%;
  }
  .shop-dropdown > span {
    padding: 0 10px 0 20px;
  }
  .shop-grid .sorting-products .dt-sc-one-fifth:nth-child(4n) {
    margin: 0;
  }
  .shop-grid .dt-sc-post-pagination {
    margin: 15px 0 0;
  }
  .shop-grid .products {
    margin: 40px 0 0;
  }
  .shop-dropdown > span::after {
    width: 45px;
    background: #333;
  }
  .shop-dropdown ul li {
    width: 100% !important;
    z-index: 1099 !important;
  }
  .shop-dropdown.active ul li:nth-child(2n + 1) {
    margin-left: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n + 1) {
    margin-left: 5px !important;
  }
  .shop-dropdown.active ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n) {
    margin-right: 5px !important;
  }
  .products .product-wrapper .product-title p {
    bottom: 3em;
  }
  .woocommerce table.shop_table td,
  .woocommerce-page table.shop_table td {
    padding: 10px 25px;
  }
  .woocommerce table.shop_table .product-name h6 {
    margin: 0;
  }
  .woocommerce .cart-collaterals .coupon .input-text {
    width: 314px;
  }
  .woocommerce .cart-collaterals .coupon {
    margin-right: 18px;
  }
  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    margin: 0;
  }
  .woocommerce form .form-row.form-row-first {
    margin-right: 17px;
  }
  .woocommerce form .form-row label span,
  .woocommerce-shipping-fields label span {
    height: 14px;
    top: 1px;
    width: 14px;
  }
  .woocommerce .payment_methods label span {
    width: 14px;
    height: 14px;
    top: 2px;
  }
  .woocommerce .payment_methods label span::before {
    height: 8px;
    width: 8px;
  }
  .woocommerce .woocommerce-billing-fields .create-account {
    margin: 0 0 30px;
  }
  .cart-wrapper .cart-thumb,
  .cart-wrapper .thumblist {
    margin: 0 0 20px;
  }
  .cart-wrapper .thumblist > li {
    margin: 0 5px 0 0;
  }
  .cart-wrapper .thumblist > li:last-child {
    margin: 0;
  }
  .cart-wrapper .thumblist > li {
    width: 15.6%;
  }
  .cart-wrapper .thumblist a {
    width: 100%;
  }
  .cart-wrapper .author-metadata {
    padding: 0;
  }
  .cart-wrapper .cart-thumb-categories > li {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(n + 1) {
    margin: 0 5px 20px 0;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(4n) {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li {
    width: 23.9%;
  }
  .cart-wrapper .cart-thumb-categories > li a {
    width: 100%;
  }
  .cart-wrapper .category-details > h6 {
    font-size: 14px;
  }
  .client-details .tagcloud a {
    float: none;
    margin: 4px 0 0;
  }
  .cart-wrapper .entry-author-image {
    margin-right: 16px;
    width: 25%;
  }
  .cart-wrapper .author-title {
    margin: 0;
    padding: 0;
  }
  .cart-wrapper .post-author-details {
    padding: 15px 0;
  }
  .cart-wrapper .post-author-details .author-desc p {
    font-size: 16px;
    line-height: 22px;
    padding: 0;
  }
  .dt-sc-tabs-container.type2 .dt-sc-tabs-frame-content .thumb,
  .woocommerce-tabs .panel .thumb {
    margin: 0 15px 0 0;
  }
  .dt-sc-tabs-frame-content .thumb,
  .woocommerce-tabs .panel .thumb {
    margin: 0 10px 0 0;
    width: 35%;
  }
  ul.dt-sc-tabs-vertical-frame {
    margin: 0 16px 0 0;
  }
  .float-right .dt-sc-tabs-vertical-frame {
    margin: 0 0 0 16px;
  }
  .dt-sc-ico-content.type8 .icon::before {
    min-width: 100px;
  }
  .dt-sc-donutchart span {
    font-size: 25px;
  }
  .dt-sc-bar-text {
    width: 37%;
    padding: 0 22px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 710px;
  }
  .boxed .wrapper {
    width: 750px;
    margin: 0 auto;
    float: none;
  }
  .boxed .header {
    width: 750px;
    margin: 0 auto;
  }
  .boxed .is-sticky #header-wrapper {
    width: 750px;
  }
  .boxed .header .menu-container {
    width: 710px;
  }
  .boxed #header-wrapper .header {
    width: 750px;
  }
  .boxed #header-wrapper #main-menu {
    width: 100%;
  }
  #logo {
    margin: 0;
    width: 20%;
  }
  .header-animate #logo {
    padding: 12px 0;
  }
  .header-animate #main-menu ul li {
    padding: 12px 0;
  }
  #main-menu a {
    font-size: 12px;
    padding: 20px 0;
  }
  .menu.type1 li {
    width: 14.28%;
  }
  .boxed .menu.type1 li {
    width: 14.28%;
  }
  .menu.type1 li a span {
    font-size: 50px;
  }
  .menu.type1 li:hover a span,
  .menu.type1 .current_page_item span {
    font-size: 30px;
    opacity: 0.5;
    top: 15px;
  }
  .header-animate #main-menu ul li.menu-item-simple-parent ul,
  #main-menu ul li.menu-item-simple-parent ul {
    top: 62px;
  }
  #header.nav-is-visible {
    top: 62px !important;
  }
  .logo {
    width: 25%;
  }
  #primary {
    width: 500px;
  }
  #secondary,
  #secondary-right,
  #secondary-left {
    width: 180px;
  }
  #main-menu ul li.menu-item-simple-parent ul {
    width: 200px;
  }
  #main-menu ul li.menu-item-simple-parent ul li a {
    font-size: 11px;
    padding: 8px 0;
  }
  .menu.type4 a {
    font-size: 12px;
  }
  .dt-sc-services .dt-sc-icon.type1 {
    padding: 20px 0;
  }
  .dt-sc-services .dt-sc-icon.type1 h2 {
    font-size: 30px;
  }
  .main-title h1 {
    font-size: 70px;
  }
  .main-title h2 {
    font-size: 60px;
  }
  .main-title h3 {
    font-size: 40px;
  }
  .main-title h4 {
    font-size: 30px;
  }
  .main-title h5 {
    font-size: 20px;
  }
  .main-title h6 {
    font-size: 18px;
  }
  .breadcrumb h2 {
    margin: 20px 0;
    font-size: 20px;
  }
  .breadcrumb h2 span {
    font-size: 20px;
    letter-spacing: -1px;
  }
  .breadcrumb .user-summary {
    margin: 10px 0;
  }
  .breadcrumb .account-links,
  .breadcrumb .user-summary .cart-count {
    padding: 16px 0;
  }
  .breadcrumb .user-summary .account-links a,
  .breadcrumb .user-summary .cart-count a {
    margin: 0 5px 0 0;
  }
  .blog-section .blog-entry .entry-thumb {
    margin: 0 0 20px;
    width: 100%;
  }
  .blog-section .blog-entry .entry-details {
    display: block;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .blog-section .blog-entry .entry-details .entry-title {
    margin: 0;
  }
  .blog-section .blog-entry .entry-details .entry-title h3 {
    font-size: 40px;
  }
  .blog-section .blog-entry .entry-details .entry-body {
    padding: 0 50px;
  }
  .blog-items .dt-sc-one-fourth.isotope-item {
    width: 32%;
  }
  .blog-post .entry-title h3 a {
    font-size: 35px;
  }
  .blog-post .entry-details .entry-body .dt-sc-one-half {
    margin: 0 0 20px;
    width: 100%;
  }
  .dt-sc-tabs-frame-content,
  .with-sidebar .dt-sc-tabs-frame-content {
    padding: 20px 0 0;
  }
  blockquote {
    padding: 10px 2% 0 7%;
    margin: 0;
  }
  blockquote q {
    font-size: 20px;
  }
  .entry-details blockquote span {
    font-size: 30px;
    left: 2%;
    top: 5px;
  }
  .post-author-details {
    padding: 15px 0;
  }
  .author-desc {
    width: 100%;
  }
  .post-author-details .author-desc p span {
    top: 2px;
  }
  .post-author-details .author-desc p {
    margin: 0 0 15px;
  }
  .author-metadata {
    float: left;
    padding: 0 40px;
  }
  #commentform p input,
  #commentform textarea,
  .enquiry-form p input,
  .enquiry-form textarea {
    font-size: 16px;
  }
  .enquiry-form p label.error,
  .enquiry-form p label.error,
  #respond #commentform p label.error {
    font-size: 12px;
  }
  .with-sidebar
    .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p {
    border: medium;
    display: block;
    float: none;
    width: 100%;
    padding: 0 5px 0 0;
    margin: 0 5px 10px 0;
  }
  .with-sidebar.post-author-details p,
  .with-sidebar .comment .author-metadata > p {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
  }
  .with-sidebar .entry-details blockquote span {
    font-size: 20px;
    left: 2%;
    top: 5px;
  }
  .with-sidebar .post-author-details .author-metadata {
    padding: 0 40px;
  }
  .with-sidebar .author-metadata {
    padding: 0;
  }
  .entry-details .entry-title h4 {
    font-size: 18px;
  }
  .entry-details .entry-metadata p {
    font-size: 12px;
    margin: 0 5px 10px 0;
    padding: 0 5px 0 0;
  }
  .entry-details .entry-body {
    margin: 0;
  }
  .frame-grid {
    padding: 20px;
  }
  .frame-grid .frame-details .frame-content {
    padding: 0 20px;
  }
  .frame-grid .frame-sorting {
    margin: 10px 0;
  }
  .frame-grid .frame-sorting a {
    font-size: 12px;
    margin: 0 5px 8px 0;
    padding: 15px 10px;
    width: 20%;
  }
  .frame-grid .frame-fullwidth .frame.dt-sc-one-third {
    width: 48%;
  }
  .dt-sc-contact-info {
    padding: 40px 0;
  }
  .dt-sc-contact-info::before {
    background-position: left center;
    background-size: auto auto;
  }
  .dt-sc-contact-info h3 {
    margin-left: 4%;
  }
  .dt-sc-contact-details {
    line-height: 45px;
    margin: 0 0 0 3%;
    width: 97%;
  }
  .dt-sc-contact-details span {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .dt-sc-contact-info .dt-sc-social-icons {
    margin: 15px 0 0 4%;
  }
  .enquiry-details p {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .enquiry-details i {
    font-size: 12px;
    margin: 0 5px 10px 0;
  }
  .dt-sc-working-hours {
    margin: 0;
  }
  .dt-sc-working-hours li {
    font-size: 13px;
  }
  .about-section h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .about-section p {
    margin-bottom: 20px;
  }
  .mailchimp-form p input,
  #searchform p input {
    font-size: 14px;
    padding: 14px 0 14px 40px;
  }
  .mailchimp-form .submit,
  #searchform .submit {
    min-height: 30px;
    padding: 14px 10px;
  }
  .input-label-content {
    font-size: 14px;
    padding: 12px 0 12px 5px;
  }
  .input-label .icon {
    font-size: 14px;
    transform: translate3d(-3em, 0px, 0px);
    -moz-transform: translate3d(-3em, 0px, 0px);
    -webkit-transform: translate3d(-3em, 0px, 0px);
  }
  .mailchimp-form .submit,
  #searchform .submit {
    font-size: 14px;
    min-height: 30px;
    padding: 14px 5px;
  }
  .dt-sc-icon i {
    font-size: 230px;
  }
  .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper .dt-sc-icon i {
    height: 230px;
  }
  .dt-sc-icon-content-wrapper:hover .dt-sc-icon-wrapper .dt-sc-icon i {
    font-size: 200px;
    height: 200px;
  }
  .service-grid .dt-sc-one-half {
    width: 100%;
    margin: 0 0 20px;
  }
  .service-grid .dt-sc-one-half img {
    text-align: center;
    width: 100%;
  }
  .service-grid .dt-sc-icon-content-wrapper .dt-sc-one-half {
    width: 48.9%;
  }
  .service-grid .dt-sc-icon-content-wrapper {
    margin: 0;
  }
  .dt-sc-ico-content {
    box-shadow: 0 0 0 180px #252525 inset;
    -moz-box-shadow: 0 0 0 180px #252525 inset;
    -webkit-box-shadow: 0 0 0 180px #252525 inset;
  }
  .newsletter .newsletter-text i {
    margin-bottom: 45px;
  }
  .portfolio-fullwidth {
    margin-bottom: 20px;
  }
  .portfolio figure::after {
    border: 25px solid #fff;
  }
  .dt-sc-portfolio-container.isotope .portfolio.dt-sc-one-fourth {
    width: 48%;
  }
  .portfolio figure figcaption p {
    font-size: 16px;
    padding: 10px 20px;
  }
  .portfolio figure figcaption .portfolio-detail p {
    padding: 0;
  }
  .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 10px 0 0;
  }
  .portfolio figure figcaption .portfolio-detail .portfolio-title {
    padding: 0 0 0 10px;
  }
  .portfolio figure figcaption .portfolio-detail h5 {
    font-size: 16px;
  }
  .portfolio-grid {
    padding: 50px 20px;
  }
  .dt-sc-portfolio-container .portfolio:last-child {
    margin: 0;
  }
  .loadmore {
    margin: 0;
  }
  .recent-gallery-container #bx-pager {
    bottom: 0;
  }
  .dt-sc-project-details {
    padding: 10px;
  }
  .dt-sc-project-details .enquiry-details p {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .boxed .portfolio-grid {
    padding: 50px 20px;
  }
  .boxed .portfolio figure::after {
    border: 25px solid #fff;
  }
  .boxed .portfolio figure figcaption .portfolio-detail p {
    padding: 0;
  }
  .shop-grid {
    padding: 5px;
  }
  .shop-grid .products .product-wrapper.dt-sc-one-fifth {
    width: 31%;
  }
  .shop-grid .sorting-products .dt-sc-one-fifth {
    width: 32%;
  }
  .shop-dropdown > span {
    font-size: 13px;
    padding: 0 10px 0 15px;
  }
  .shop-grid .sorting-products .dt-sc-one-fifth:nth-child(4n) {
    margin: 0;
  }
  .shop-grid .dt-sc-post-pagination {
    margin: 15px 0 0;
  }
  .shop-grid .products {
    margin: 40px 0 0;
  }
  .shop-dropdown > span::after {
    width: 45px;
    background: #333;
  }
  .shop-dropdown ul li {
    width: 100% !important;
    z-index: 1099 !important;
  }
  .shop-dropdown.active ul li:nth-child(2n + 1) {
    margin-left: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n + 1) {
    margin-left: 5px !important;
  }
  .shop-dropdown.active ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n) {
    margin-right: 5px !important;
  }
  .selection-box {
    margin: 0 0 20px;
  }
  .woocommerce form .form-row.form-row-first {
    margin-right: 13px;
  }
  .woocommerce table.shop_table .product-name h6 {
    margin: 0;
  }
  table.shop_table .quantity .plus,
  table.shop_table .quantity .minus,
  .product .summary .quantity .qty,
  .product .summary .quantity .plus,
  .product .summary .quantity .minus {
    padding: 0 10px;
  }
  .woocommerce table.shop_table td,
  .woocommerce-page table.shop_table td {
    padding: 5px;
  }
  .woocommerce .cart-collaterals .coupon .input-text {
    width: 218px;
  }
  .woocommerce .cart-collaterals .coupon {
    margin-right: 14px;
  }
  .woocommerce .quantity .qty,
  .woocommerce-page .quantity .qty {
    width: 40px;
  }
  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    margin: 0;
  }
  .woocommerce form .form-row label span,
  .woocommerce-shipping-fields label span {
    height: 14px;
    top: 1px;
    width: 14px;
  }
  .woocommerce .payment_methods label span {
    width: 14px;
    height: 14px;
    top: 2px;
  }
  .woocommerce .payment_methods label span::before {
    height: 8px;
    width: 8px;
  }
  .woocommerce .woocommerce-billing-fields .create-account {
    margin: 0 0 30px;
  }
  .cart-wrapper .cart-thumb,
  .cart-wrapper .thumblist {
    margin: 0 0 20px;
  }
  .cart-wrapper .thumblist > li {
    margin: 0 5px 0 0;
  }
  .cart-wrapper .thumblist > li:last-child {
    margin: 0;
  }
  .cart-wrapper .thumblist > li {
    width: 15.6%;
  }
  .cart-wrapper .thumblist a {
    width: 100%;
  }
  .cart-wrapper .author-metadata {
    padding: 0;
  }
  .cart-wrapper ul.commentlist li ul.children .comment-body .author-metadata p {
    margin: 0 15px 10px 0;
  }
  .cart-wrapper .cart-thumb-categories {
    margin: 0;
  }
  .cart-wrapper .cart-thumb-categories > li {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(n + 1) {
    margin: 0 5px 20px 0;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(3n) {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li {
    width: 32.1%;
  }
  .cart-wrapper .cart-thumb-categories > li a {
    width: 100%;
  }
  .cart-wrapper .category-details > h6 {
    font-size: 15px;
  }
  .cart-wrapper .entry-author-image {
    margin-right: 12px;
    width: 25%;
  }
  .cart-wrapper .author-title {
    margin: 0;
    padding: 0;
  }
  .cart-wrapper .author-title .star-rating {
    float: none;
  }
  .cart-wrapper .post-author-details {
    padding: 15px 0;
  }
  .cart-wrapper .post-author-details .author-desc p {
    font-size: 16px;
    line-height: 22px;
    padding: 0;
  }
  .cart-wrapper .project-details ul.client-details {
    margin: 0 0 20px;
  }
  .cart-wrapper .project-details ul.client-details li {
    padding: 10px;
  }
  .cart-wrapper .project-details ul.client-details li span {
    font-size: 12px;
  }
  .cart-wrapper .project-details .client-details p {
    font-size: 11px;
  }
  .client-details .tagcloud a {
    float: none;
    margin: 4px 0 0;
  }
  .type2.dt-sc-button::after,
  .type2.dt-sc-sorting-container a::after,
  .type2.dt-sc-sorting-container a.active-sort::after,
  .type2.social-media li a::after,
  .type2.tagcloud a::after,
  .type2.caption .read-more::after,
  #mailchimp-form.type2 .submit::after {
    width: 110%;
  }
  .dt-sc-button.large {
    padding: 21px 35px;
  }
  .dt-sc-button.xlarge.with-icon i.fa {
    float: left;
  }
  .dt-sc-button.large.with-icon {
    padding: 0;
  }
  .dt-sc-button.large.with-icon span {
    padding: 21px 25px;
  }
  .dt-sc-button.xlarge.with-icon span {
    padding: 21px 26px;
    float: left;
  }
  .dt-sc-tabs-frame-content .thumb,
  .woocommerce-tabs .panel .thumb {
    margin: 0 10px 0 0;
    width: 50%;
  }
  .dt-sc-ico-content.type8 .icon::before {
    min-width: 50px;
  }
  .dt-sc-tabs-vertical-container.type2 ul.dt-sc-tabs-vertical-frame li a {
    padding: 15px 10px;
    font-size: 12px;
  }
  .widget .recent-posts-widget ul li h4 {
    width: 45%;
  }
  .widget .recent-posts-widget ul li .entry-thumb {
    margin: 0 20px 25px 0;
  }
  ul.dt-sc-tabs-vertical-frame {
    margin: 0 12px 0 0;
  }
  .float-right .dt-sc-tabs-vertical-frame {
    margin: 0 0 0 12px;
  }
  .dt-sc-donutchart-title {
    font-size: 15px;
  }
  .dt-sc-donutchart span {
    font-size: 25px;
  }
  .dt-sc-bar-text {
    width: 47%;
    padding-right: 22px;
  }
  #tiptip_content {
    padding: 10px 8px 8px;
  }
  .dt-sc-boxed-tooltip.dt-sc-tooltip-top,
  .dt-sc-boxed-tooltip.dt-sc-tooltip-right,
  .dt-sc-boxed-tooltip.dt-sc-tooltip-bottom,
  .dt-sc-boxed-tooltip.dt-sc-tooltip-left {
    padding: 15px 22px;
  }
  .dt-sc-callout-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .dt-sc-callout-box.with-icon h4 {
    font-size: 20px;
  }
  .dt-sc-callout-box.with-icon.type4 .icon {
    margin-right: 0;
  }
  .dt-sc-callout-box.with-icon.type4 h4 {
    margin-top: 15px;
  }
  .dt-sc-callout-box.with-icon.type4 h4,
  .dt-sc-callout-box.with-icon.type4 h5 {
    float: right;
    width: 75%;
  }
  .dt-sc-testimonial blockquote::before {
    font-size: 130px;
  }
  .dt-sc-testimonial q {
    font-size: 20px;
    line-height: 28px;
    margin: 0 auto 30px;
  }
  .dt-sc-testimonial p cite {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .boxed #header-wrapper .header {
    width: 100%;
  }
  .boxed .header .menu-container {
    width: 200px;
  }
  .boxed #header-wrapper #main-menu {
    width: 100%;
  }
  .boxed #header-wrapper #main-menu ul li.menu-item-simple-parent ul {
    width: 100%;
  }
  .boxed .wrapper {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .boxed .header {
    width: 100%;
  }
  .boxed .is-sticky #header-wrapper {
    width: 100%;
  }
  #logo {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  #main-menu {
    display: inline-block;
    float: none;
    padding: 10px 0;
    width: 100%;
    position: relative;
  }
  #main-menu {
    perspective: none;
    transform: translateY(0px);
    transition: transform 0.5s ease 0s, visibility 0.5s ease 0s;
    visibility: visible;
  }
  .menu.type1 {
    transform: none;
  }
  .menu.type1 a {
    text-align: left;
  }
  .menu.type1 li a span {
    display: none;
  }
  .menu.type1 a::before,
  .menu.type1 a::after,
  .menu.type1 li .sub-menu li a::before,
  .menu.type1 li .sub-menu li a::after {
    content: none;
  }
  #main-menu > ul > li > a.dt-menu-expand {
    border-bottom: none;
  }
  #main-menu ul li.menu-item-simple-parent ul li a.dt-menu-expand {
    border: none;
  }
  #main-menu > ul > li > a.dt-menu-expand {
    border-right: none;
  }
  .is-sticky .logo-wrapper {
    display: block;
  }
  .is-sticky .header.header4 #logo,
  .is-sticky .header.header6 #logo {
    display: block;
  }
  .dt-sc-hr-invisible {
    margin: 25px 0;
  }
  .dt-sc-hr-invisible-toosmall {
    margin: 12px 0;
  }
  .dt-sc-hr-invisible-small {
    margin: 20px 0;
  }
  .dt-sc-hr-invisible-medium {
    margin: 30px 0;
  }
  .dt-sc-hr-invisible-large {
    margin: 40px 0;
  }
  #main-menu a {
    display: block;
    margin: 0;
    padding: 8px 15px;
  }
  #main-menu > ul > li {
    width: 100%;
    padding: 0;
  }
  #main-menu > ul > li.current_page_item:before,
  #main-menu ul li.menu-item-simple-parent ul li {
    border-bottom: none;
  }
  #main-menu ul li.menu-item-simple-parent ul,
  #main-menu ul li.menu-item-simple-parent ul li ul {
    top: 44px;
    width: 100%;
    left: 0 !important;
    box-shadow: none;
  }
  #main-menu ul li.menu-item-simple-parent ul {
    padding: 0;
  }
  #main-menu ul li.menu-item-simple-parent ul li ul {
    border: none;
  }
  #header-wrapper {
    position: inherit !important;
  }
  .header-mean-wrapper .header {
    height: 68px;
  }
  .header-mean-wrapper .header .container {
    width: 100%;
  }
  .header-mean-wrapper .header #logo {
    padding: 15px 0 13px;
  }
  #main-menu > ul > li > a.header-cart span {
    top: inherit;
    right: inherit;
  }
  .main-title h1 {
    font-size: 60px;
  }
  .main-title h2 {
    font-size: 50px;
  }
  .main-title h3 {
    font-size: 30px;
  }
  .main-title h4 {
    font-size: 20px;
  }
  .main-title h5 {
    font-size: 18px;
  }
  .main-title h6 {
    font-size: 16px;
  }
  .main-title span.fonts {
    font-size: 20px;
  }
  .intro-text h5 {
    font-size: 15px;
  }
  .header {
    position: relative;
  }
  .logo {
    display: block;
    float: none;
    margin: 10px 0 5px;
    text-align: center;
  }
  .header.nav-is-visible .logo,
  .header-animate .logo {
    margin: 10px 0 5px;
  }
  .header.nav-is-visible,
  .header-animate {
    min-height: auto;
  }
  .menu-trigger {
    display: none;
  }
  .dt-menu-toggle {
    border: 1px solid;
    display: block;
  }
  .container.menu-container {
    width: 100%;
  }
  .logo,
  .menu-trigger {
    position: inherit;
    left: auto;
    right: auto;
  }
  .dt-menu-toggle {
    box-sizing: border-box;
    margin: 0 10px;
  }
  .menu.type1 {
    padding: 0 10px;
    box-sizing: border-box;
    margin-left: 0;
  }
  #main-menu ul li.menu-item-simple-parent ul {
    border: none;
  }
  #main-menu ul li.menu-item-simple-parent ul li {
    padding: 0;
    clear: both;
  }
  #main-menu ul li.menu-item-simple-parent ul li a {
    margin: 0 15px 0 25px;
  }
  #main-menu ul li.menu-item-simple-parent ul li ul li a {
    padding-left: 30px;
  }
  #main-menu ul li.menu-item-simple-parent ul ul ul li a {
    padding-left: 45px;
  }
  #main-menu ul li.menu-item-simple-parent ul li ul {
    padding: 0;
  }
  #main-menu .menu.type1 li .sub-menu > li {
    border-bottom: 1px solid;
  }
  #main-menu .menu.type1 li .sub-menu > li:last-child {
    border-bottom: 0;
  }
  #main-menu .menu.type1 li .sub-menu a {
    border: medium;
  }
  #main-menu .menu.type1 li a {
    border: 1px solid;
    border-top: 0;
  }
  #main-menu ul.menu.menu-toggle-open > li > ul.sub-menu {
    border: 1px solid;
    border-top: 0;
  }
  #main-menu ul li.menu-item-simple-parent ul li ul {
    border: none;
  }
  #main-menu ul li.menu-item-simple-parent ul,
  #main-menu ul li.menu-item-simple-parent ul li ul,
  .header-animate #main-menu ul li.menu-item-simple-parent ul,
  .header-animate #main-menu ul li.menu-item-simple-parent ul li ul {
    position: inherit;
    top: 0;
    margin: 0;
    left: 0 !important;
  }
  .dt-menu-expand {
    display: block !important;
    border-width: 0 1px !important;
  }
  #main-menu ul.menu {
    display: none;
  }
  #main-menu > ul > li.menu-item-simple-parent:hover > ul,
  #main-menu > ul > li.menu-item-simple-parent > ul > li:hover > ul,
  #main-menu ul li.menu-item-simple-parent ul > li > ul > li:hover > ul {
    display: none;
    -webkit-animation: 0s;
    -moz-animation: 0s;
    animation: 0s;
  }
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 15px;
  }
  h6 {
    font-size: 14px;
  }
  #slider,
  .breadcrumb {
    margin: 0;
  }
  .column {
    margin-right: 0;
  }
  .dt-sc-one-fourth,
  .dt-sc-one-half,
  .dt-sc-one-third,
  .dt-sc-three-fourth,
  .dt-sc-two-third,
  .dt-sc-one-fifth,
  .dt-sc-four-fifth,
  .dt-sc-three-fifth,
  .dt-sc-two-fifth,
  .dt-sc-one-sixth,
  .dt-sc-two-sixth,
  .dt-sc-three-sixth,
  .dt-sc-four-sixth,
  .dt-sc-five-sixth,
  .column.no-space.dt-sc-one-fourth,
  .column.no-space.dt-sc-one-third,
  .column.no-space.dt-sc-one-half,
  .column.no-space.dt-sc-one-fifth,
  .column.no-space.dt-sc-one-sixth,
  .column.no-space.dt-sc-three-fourth,
  .column.no-space.dt-sc-two-third,
  .column.no-space.dt-sc-four-fifth,
  .column.no-space.dt-sc-three-fifth,
  .column.no-space.dt-sc-two-fifth,
  .column.no-space.dt-sc-two-sixth,
  .column.no-space.dt-sc-three-sixth,
  .column.no-space.dt-sc-four-sixth,
  .column.no-space.dt-sc-five-sixth,
  .portfolio.with-space.dt-sc-one-fourth,
  .portfolio.with-space.dt-sc-one-third,
  .portfolio.with-space.dt-sc-one-half,
  .page-with-both-sidebar .portfolio.with-space.dt-sc-one-third,
  .page-with-both-sidebar .portfolio.with-space.dt-sc-one-fourth,
  .page-with-sidebar .portfolio.with-space.dt-sc-one-fourth,
  .dt-sc-pricing-table.no-space .dt-sc-one-fourth,
  .page-with-sidebar .blog-items.apply-isotope .dt-sc-one-half,
  .page-with-sidebar .blog-items .dt-sc-one-third,
  .page-with-sidebar .portfolio.with-space.dt-sc-one-third,
  ul.products li .product-wrapper.product-four-column,
  ul.products li .product-wrapper.product-three-column,
  ul.products li .product-wrapper.product-two-column,
  .woocommerce .col2-set .col-1,
  .woocommerce-page .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-2 {
    width: 100%;
    margin: 0 0 20px;
  }
  #primary,
  #primary.with-left-sidebar,
  #primary.with-right-sidebar,
  #secondary-left.secondary-has-both-sidebar,
  #secondary-right.secondary-has-both-sidebar,
  #primary.page-with-both-sidebar,
  .secondary-sidebar,
  #secondary-right,
  #secondary-left,
  #secondary,
  .portfolio-container .column.no-space.dt-sc-one-fourth,
  .portfolio-container.no-space .portfolio.dt-sc-one-third {
    width: 100%;
    margin: 0;
  }
  .dt-sc-testimonial blockquote::before {
    font-size: 100px;
  }
  .dt-sc-testimonial q {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 30px;
  }
  .dt-sc-testimonial p cite {
    font-size: 18px;
  }
  .breadcrumb {
    padding: 20px 0 10px;
    text-align: center;
  }
  .breadcrumb h2 {
    font-size: 22px;
    margin: 10px 0;
  }
  .breadcrumb h2 span {
    font-size: 22px;
    letter-spacing: -1px;
  }
  .breadcrumb .user-summary {
    margin: 10px 0;
    float: none;
    display: block;
  }
  .breadcrumb .account-links,
  .breadcrumb .user-summary .cart-count {
    padding: 5px 0;
  }
  .breadcrumb .user-summary .account-links a,
  .breadcrumb .user-summary .cart-count a {
    font-size: 10px;
    margin: 0 8px 0 0;
  }
  .blog-section .blog-entry .entry-details {
    display: block;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .blog-section .blog-entry .entry-thumb {
    width: 100%;
    margin: 0 0 20px;
  }
  .blog-section .blog-entry .entry-details .entry-body {
    padding: 0 15px;
  }
  .blog-post .entry-title h3 a {
    font-size: 35px;
  }
  .blog-post .entry-details .entry-metadata p {
    margin: 0 10px 10px 0;
    padding: 0 10px 0 0;
  }
  .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p {
    display: inline-block;
    float: left;
    width: auto;
  }
  .blog-section .blog-entry .entry-details .entry-title h3 {
    font-size: 35px;
  }
  .blog-section .blog-entry .entry-details .entry-title {
    margin: 0;
  }
  .blog-post .entry-thumb {
    margin-bottom: 20px;
  }
  .blog-post .entry-details .entry-title h3 a {
    font-size: 22px;
    line-height: 20px;
  }
  .blog-post .entry-details .entry-body > p {
    margin-bottom: 20px;
  }
  blockquote {
    padding: 10px 5% 0 10%;
    margin: 0;
  }
  blockquote q {
    font-size: 20px;
  }
  blockquote h6 {
    margin: 5px 0;
  }
  .entry-details blockquote span {
    font-size: 30px;
    left: 2%;
    top: 3px;
  }
  .widget .recent-posts-widget ul li h4,
  .widget.widget_popular_entries ul li h6 {
    display: block;
  }
  .widget:last-child {
    padding: 0 0 50px;
  }
  ul.dt-sc-tabs-frame > li {
    margin: 0 10px 0 0;
  }
  .dt-sc-tabs-frame-content .dt-sc-two-third,
  .dt-sc-tabs-frame-content .dt-sc-one-third {
    margin: 0;
  }
  .dt-sc-tabs-container {
    margin: 0;
  }
  .post-author-details {
    padding: 15px 0;
  }
  .author-desc {
    padding: 0 5px 0 25px;
  }
  .post-author-details .author-desc p span {
    top: 2px;
  }
  .post-author-details .author-desc p {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 0;
  }
  .author-metadata {
    float: left;
    padding: 0 10px 0 25px;
  }
  .commententries h4,
  #respond h3,
  .post-author-details h3 {
    font-size: 18px;
  }
  .commententries ul.commentlist {
    margin: 20px 0;
    padding: 0;
  }
  .comment-body .author-metadata {
    padding: 0 0 20px;
  }
  .comment .author-metadata > p {
    margin: 0 15px 15px 0;
  }
  .comment .author-metadata > p:last-child {
    margin: 0;
  }
  ul.commentlist li {
    padding: 0 0 24px;
  }
  ul.commentlist li .comment-details {
    padding: 0 0 0 100px;
    width: 100%;
  }
  ul.commentlist li .comment-content {
    margin: 10px 0;
    padding: 0 0 10px;
  }
  ul.commentlist li .reply a {
    font-size: 12px;
  }
  ul.commentlist li .reply {
    margin: -5px 0 0;
  }
  #commentform p input,
  #commentform textarea,
  .enquiry-form p input,
  .enquiry-form textarea {
    font-size: 16px;
  }
  .dt-sc-contact-form .dt-sc-one-third,
  #commentform .dt-sc-one-third {
    margin-bottom: 0;
  }
  .frame-grid .frame-sorting a {
    font-size: 13px;
    margin: 0;
    padding: 15px 5px;
    width: 18%;
  }
  .frame-grid .frame-thumb {
    margin: 0 0 50px;
    width: 100%;
  }
  .frame-grid .frame-sorting {
    margin: 40px 0 0;
  }
  .frame-grid .frame-details {
    display: inline-block;
    position: relative;
    top: auto;
    transform: none;
    width: 100%;
  }
  .frame-grid .frame-details .frame-content {
    padding: 0;
  }
  .frame-grid .frame-fullwidth .frame.dt-sc-one-third {
    width: 46%;
  }
  .about-section {
    margin: 40px 0 0;
  }
  .dt-sc-blog-sorting-container a {
    width: 25%;
    margin: 0 0 25px;
  }
  .dt-sc-service-content {
    margin: 0;
  }
  .dt-sc-service-content p {
    font-size: 16px;
    line-height: 25px;
    padding: 0 10px;
  }
  .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper {
    display: none;
  }
  .dt-sc-ico-content {
    box-shadow: 0 0 0 180px #252525 inset;
    -moz-box-shadow: 0 0 0 180px #252525 inset;
    -webkit-box-shadow: 0 0 0 180px #252525 inset;
    padding: 30px;
  }
  .service-grid .dt-sc-icon-content-wrapper {
    margin: 0;
  }
  .enquiry-form .dt-sc-one-half,
  #comment-form .dt-sc-one-half {
    width: 100%;
  }
  #respond #comment-form .textarea span {
    width: 8%;
  }
  .enquiry-form p.textarea,
  #comment-form p.textarea {
    width: 100%;
  }
  .enquiry-form .textarea span,
  #comment-form .textarea span {
    width: 12%;
  }
  .contact-section {
    margin: 0;
  }
  .dt-sc-contact-info {
    margin: 0;
    width: 100%;
  }
  .dt-sc-contact-info::before {
    background-position: center center;
    background-size: auto auto;
  }
  #contact_map::after {
    content: none;
  }
  #contact_map {
    width: 100%;
  }
  .dt-sc-contact-info h3 {
    margin-left: 4%;
  }
  .dt-sc-contact-details {
    margin: 0 0 0 2%;
    width: 98%;
  }
  .newsletter .newsletter-text i {
    margin: 22px 25px 22px 0;
  }
  .boxed .portfolio-grid {
    padding: 50px;
  }
  .boxed .portfolio figure::after {
    border: 25px solid #fff;
  }
  .boxed .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 25px;
  }
  .boxed .portfolio figure figcaption .portfolio-detail .portfolio-title {
    padding: 0 15px 0 25px;
  }
  .dt-sc-sorting-container a {
    margin: 0 5px 10px 0;
  }
  .portfolio-fullwidth {
    margin-bottom: 20px;
  }
  .portfolio figure::after {
    border: 25px solid #fff;
  }
  .dt-sc-portfolio-container.isotope .portfolio.dt-sc-one-fourth {
    width: 100%;
  }
  .loadmore {
    margin: 0;
  }
  .portfolio-grid {
    padding: 50px;
  }
  .dt-sc-portfolio-container .portfolio:last-child {
    margin: 0;
  }
  .recent-gallery-container .bx-controls a {
    line-height: 15px;
    padding: 15px;
  }
  .recent-gallery-container #bx-pager {
    bottom: 0;
  }
  .recent-gallery-container #bx-pager a.active,
  .recent-gallery-container #bx-pager a:hover {
    box-shadow: 0 0 0 2px #a81c51;
    -moz-box-shadow: 0 0 0 2px #a81c51;
    -webkit-box-shadow: 0 0 0 2px #a81c51;
  }
  .dt-sc-project-details .enquiry-details p {
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .shop-grid .products .product-wrapper.dt-sc-one-fifth {
    width: 47.1%;
  }
  .shop-grid {
    padding: 10px;
  }
  .shop-dropdown > span {
    padding: 0 10px;
  }
  .shop-dropdown > span::after {
    width: 45px;
    background: #333;
  }
  .shop-dropdown ul li {
    width: 100% !important;
    z-index: 1099 !important;
  }
  .shop-dropdown.active ul li:nth-child(2n + 1) {
    margin-left: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n + 1) {
    margin-left: 10px !important;
  }
  .shop-dropdown.active ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .shop-dropdown ul li:nth-child(2n) {
    margin-right: 10px !important;
  }
  .shop-grid .products {
    margin: 40px 0 0;
  }
  .boxed .shop-grid .sorting-products .dt-sc-one-fifth {
    width: 100%;
  }
  .products .product-wrapper .product-title p {
    bottom: 3em;
  }
  .selection-box {
    margin: 0;
  }
  .woocommerce .coupon > form {
    margin: 0;
  }
  .woocommerce form {
    margin: 0 0 20px;
  }
  .woocommerce form .form-row.form-row-first {
    margin-right: 16px;
  }
  table.shop_table .quantity .plus,
  table.shop_table .quantity .minus,
  .product .summary .quantity .qty,
  .product .summary .quantity .plus,
  .product .summary .quantity .minus {
    padding: 0 10px;
  }
  .woocommerce .quantity .qty,
  .woocommerce-page .quantity .qty {
    width: 40px;
  }
  .woocommerce div.product div.images,
  .woocommerce-page div.product div.images,
  .woocommerce #content div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page div.product div.summary,
  .woocommerce #content div.product div.summary,
  .woocommerce-page #content div.product div.summary {
    width: 100%;
  }
  .product .images .thumbnails .yith_magnifier_gallery li,
  .product .images .thumbnails .yith_magnifier_gallery li.last {
    margin: 0;
  }
  .woocommerce .shop_table .quantity .plus,
  .woocommerce .shop_table .quantity .minus,
  .woocommerce-page .shop_table .quantity .plus,
  .woocommerce-page .shop_table .quantity .minus {
    height: 30px;
    padding: 0 3px;
    font-size: 16px;
  }
  .woocommerce .shop_table .quantity .qty,
  .woocommerce-page .shop_table .quantity .qty {
    height: 30px;
    width: 20px !important;
    padding: 0;
  }
  .woocommerce table.shop_table td,
  .woocommerce-page table.shop_table td {
    padding: 6px 5px;
  }
  .woocommerce table.shop_table th,
  .woocommerce-page table.shop_table th {
    font-size: 13px;
    padding: 15px 5px;
  }
  .woocommerce table.cart img,
  .woocommerce-page table.cart img,
  .woocommerce #content table.cart img,
  .woocommerce-page #content table.cart img {
    width: 50px;
  }
  .wishlist_table .add_to_cart.button {
    font-size: 10px;
    padding: 9px 3px 7px;
  }
  table.cart td.product-name h6 {
    margin: 0;
  }
  table.cart td.product-name a {
    font-size: 12px;
  }
  .woocommerce .cart-collaterals .coupon {
    width: 100%;
    margin: 0 0 20px;
  }
  .woocommerce .cart-collaterals .coupon .input-text {
    width: 284px;
  }
  .woocommerce table.shop_table .product-subtotal span {
    font-size: 13px;
  }
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon,
  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon {
    margin: 0 0 10px 0;
    float: none;
  }
  .woocommerce table.cart td.actions,
  .woocommerce-page table.cart td.actions {
    padding: 6px 0 30px;
  }
  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    margin: 0;
  }
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals,
  .woocommerce .cart-collaterals .shipping_calculator,
  .woocommerce-page .cart-collaterals .shipping_calculator {
    width: 100%;
  }
  .woocommerce table.cart td.actions .coupon .input-text {
    margin: 0 5px 0 10px;
  }
  .dt-sc-tabs-frame-content .thumb,
  .woocommerce-tabs .panel .thumb {
    margin: 0 10px 0 0;
  }
  .woocommerce form .form-row label span,
  .woocommerce-shipping-fields label span {
    height: 14px;
    top: 1px;
    width: 14px;
  }
  .woocommerce .payment_methods label span {
    width: 14px;
    height: 14px;
    top: 2px;
  }
  .woocommerce .payment_methods label span::before {
    height: 8px;
    width: 8px;
  }
  .woocommerce #payment div.form-row,
  .woocommerce-page #payment div.form-row {
    padding: 10px 5px 10px 0;
  }
  .cart-wrapper .cart-thumb,
  .cart-wrapper .thumblist {
    margin: 0 0 20px;
  }
  .cart-wrapper .thumblist > li {
    margin: 0 5px 0 0;
  }
  .cart-wrapper .thumblist > li:last-child {
    margin: 0;
  }
  .cart-wrapper .thumblist > li {
    width: 15.6%;
  }
  .cart-wrapper .thumblist a {
    width: 100%;
  }
  .cart-wrapper .commententries ul.commentlist {
    margin: 20px 0 0;
  }
  .post-author-details .author-title {
    width: 65%;
  }
  .cart-wrapper .cart-thumb-categories > li {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(n + 1) {
    margin: 0 5px 20px 0;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(4n) {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li {
    width: 24.1%;
  }
  .cart-wrapper .cart-thumb-categories > li a {
    width: 100%;
  }
  .client-details .tagcloud a {
    float: none;
    margin: 4px 0 0;
  }
  .star-rating {
    font-size: 13px;
  }
  .dt-sc-ico-content.type7 {
    margin-bottom: 50px;
  }
  .dt-sc-ico-content.type8 .icon::before {
    border-top: medium;
  }
  .dt-sc-tb-header .dt-sc-price h2 {
    font-size: 40px;
  }
  .dt-sc-pr-tb-col.type3 .dt-sc-tb-header .dt-sc-price {
    margin: 30px auto 0;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-options-table {
    padding: 4% 4% 0;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-options-table .dt-sc-switch {
    margin-bottom: 10px;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-options-table .dt-sc-switch span {
    font-size: 14px;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul:after {
    display: none;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table ul::before {
    left: 2%;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table li i {
    margin-top: 0;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table li.buy-now {
    padding: 30px 0 0;
  }
  .dt-sc-progress,
  .dt-sc-bar-text {
    width: 100%;
    text-align: left;
  }
  .dt-sc-donutchart-small:before,
  .dt-sc-donutchart-medium:before {
    display: none;
  }
  .dt-sc-donutchart span {
    font-size: 25px;
  }
  .chart canvas {
    height: 200px !important;
    width: 200px !important;
  }
  .dt-sc-toggle-frame-set-container {
    width: 100%;
  }
  ul.dt-sc-tabs-frame li a,
  .woocommerce-tabs ul.tabs li a {
    font-size: 14px;
  }
  .dt-sc-partner-carousel li {
    margin: 0 10px;
  }
  .parallax-content h2 {
    font-size: 30px;
  }
  .parallax-content > a span {
    font-size: 70px;
  }
  .parallax-content-bg2 .dt-sc-social-icons li a {
    padding: 0;
  }
  .dt-sc-colored-box span {
    top: -18px;
  }
  .dt-sc-tabs-frame-content .widget:last-child {
    padding: 0;
  }
  .dt-sc-tabs-frame-content .widget.widget_recent_entries ul li {
    margin: 0;
    padding: 0;
  }
  ul.dt-sc-tabs-vertical-frame {
    margin: 0 15px 0 0;
  }
  .float-right .dt-sc-tabs-vertical-frame {
    margin: 0 0 0 15px;
  }
  .dt-sc-callout-box h4,
  .dt-sc-callout-box.with-icon h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .dt-sc-callout-box h5,
  .dt-sc-callout-box.with-icon.type5 .column {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .dt-sc-callout-box.type3 .column,
  .dt-sc-callout-box.type4 .column {
    margin: 0;
  }
  .dt-sc-callout-box.with-icon.type4 h5 {
    text-align: center;
    width: 100%;
  }
  th,
  #edd_checkout_cart .edd_cart_header_row th,
  #edd_user_history th {
    padding: 12px 8px 10px;
    font-size: 14px;
  }
  td,
  #edd_checkout_cart .edd_cart_header_row td,
  #edd_user_history td {
    padding: 13px 9px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 300px;
  }
  .loader-wrapper{
  	display: none;
  }
  .boxed .wrapper {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .boxed .header,
  .boxed .header6 #header-wrapper {
    width: 100%;
  }
  .main-title h1 {
    font-size: 50px;
  }
  .main-title h2 {
    font-size: 40px;
  }
  .main-title h3 {
    font-size: 30px;
  }
  .main-title h4 {
    font-size: 20px;
  }
  .main-title h5 {
    font-size: 18px;
  }
  .main-title h6 {
    font-size: 16px;
  }
  .main-title span.fonts {
    font-size: 20px;
  }
  .intro-text h5 {
    font-size: 15px;
  }
  .dt-sc-hr-invisible {
    margin: 20px 0;
  }
  .dt-sc-hr-invisible-toosmall {
    margin: 10px 0;
  }
  .dt-sc-hr-invisible-small {
    margin: 15px 0;
  }
  .dt-sc-hr-invisible-medium {
    margin: 25px 0;
  }
  .dt-sc-hr-invisible-large {
    margin: 35px 0;
  }
  .basket-top .shop-links {
    top: 170px;
    width: 100%;
    z-index: 1;
  }
  #header-wrapper {
    position: inherit !important;
  }

  .dt-sc-callout-box h4,
  .dt-sc-callout-box.with-icon h4 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
  }
  .dt-sc-ico-content.type9 a {
    font-size: 17px;
  }
  .dt-sc-services .dt-sc-icon.type1 h2 {
    font-size: 30px;
  }
  .dt-sc-testimonial blockquote::before {
    font-size: 100px;
  }
  .dt-sc-testimonial q {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto 30px;
  }
  .dt-sc-testimonial p cite {
    font-size: 18px;
  }
  .tweet-content .latest-tweets .tweet_text {
    font-size: 15px;
    line-height: 30px;
  }
  .tweet-content .latest-tweets span.tweet_time a {
    font-size: 14px;
    line-height: 20px;
  }
  .loader-title {
    font-size: 70px;
  }
  .breadcrumb {
    padding: 10px 0;
    text-align: center;
  }
  .breadcrumb .user-summary .account-links a,
  .breadcrumb .user-summary .cart-count a {
    font-size: 10px;
    margin: 0 6px 0 0;
  }
  .blog-post .entry-title h3 a {
    font-size: 30px;
  }
  .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p {
    display: inline-block;
    float: left;
    width: auto;
  }
  blockquote {
    padding: 10px 5% 0 10%;
    margin: 0;
  }
  blockquote q {
    font-size: 20px;
  }
  blockquote h6 {
    margin: 5px 0;
  }
  .entry-details blockquote span {
    font-size: 22px;
    left: 2%;
    top: 10px;
  }
  .widget .recent-posts-widget ul li h4,
  .widget.widget_popular_entries ul li h6 {
    display: block;
  }
  .post-author-details {
    padding: 15px 0;
  }
  .author-desc {
    padding: 0 10px 0 25px;
  }
  .post-author-details .author-desc p span {
    font-size: 18px;
    margin: 0;
    top: 4px;
  }
  .post-author-details .author-desc p {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 0;
  }
  .author-metadata {
    float: left;
    padding: 0 10px 0 25px;
  }
  .commententries h4,
  #respond h3,
  .post-author-details h3 {
    font-size: 16px;
  }
  .commententries ul.commentlist {
    margin: 20px 0;
    padding: 0;
  }
  .comment-body .author-metadata {
    padding: 0 0 20px;
  }
  .comment .author-metadata > p {
    margin: 0 15px 15px 0;
  }
  .comment .author-metadata > p:last-child {
    margin: 0;
  }
  ul.commentlist li {
    padding: 0 0 40px;
  }
  ul.commentlist li .comment-details {
    padding: 0 0 0 100px;
    width: 100%;
  }
  ul.commentlist li .comment-content {
    margin: 10px 0;
    padding: 0 0 10px;
  }
  ul.commentlist li .reply a {
    font-size: 12px;
  }
  ul.commentlist li .reply {
    margin: -5px 0 0;
  }
  #respond #commentform .submit .button,
  .enquiry-form .submit .button {
    padding: 6px 5px;
    min-height: 40px;
  }
  #commentform p input,
  #commentform textarea,
  .enquiry-form p input,
  .enquiry-form textarea {
    font-size: 16px;
    padding: 20px 15px;
  }
  .enquiry-form p label.error,
  .enquiry-form p label.error,
  #respond #commentform p label.error {
    font-size: 12px;
    padding: 0 2% 0 0;
  }
  .dt-sc-contact-form .dt-sc-one-third,
  #commentform .dt-sc-one-third {
    margin-bottom: 0;
  }
  .widget.widget_tag_cloud .tagcloud a,
  .widget.widget_product_tag_cloud .tagcloud a,
  .client-details .tagcloud.type3 > a {
    margin: 0 1px 4px 0;
  }
  .about-section h3 {
    font-size: 30px;
  }
  .mailchimp-form p input,
  #searchform p input {
    font-size: 14px;
    padding: 14px 0 14px 40px;
  }
  .mailchimp-form .submit,
  #searchform .submit {
    min-height: 30px;
    padding: 14px 10px;
  }
  .input-label-content {
    font-size: 14px;
    padding: 9px 0 9px 5px;
  }
  .input-label .icon {
    font-size: 14px;
    padding: 9px 0;
    transform: translate3d(-3em, 0px, 0px);
    -moz-transform: translate3d(-3em, 0px, 0px);
    -webkit-transform: translate3d(-3em, 0px, 0px);
  }
  .mailchimp-form .submit,
  #searchform .submit {
    font-size: 14px;
    min-height: 30px;
    padding: 14px 5px;
  }
  .dt-sc-service-content {
    margin: 0;
  }
  .dt-sc-service-content p {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
  }
  .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper {
    display: none;
  }
  .service-grid .dt-sc-icon-content-wrapper {
    margin: 0;
  }
  .boxed .portfolio-grid {
    padding: 20px 15px;
  }
  .boxed .portfolio figure::after {
    border: 15px solid #fff;
  }
  .boxed .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 10px 0 0;
  }
  .boxed .portfolio figure figcaption .portfolio-detail p {
    font-size: 11px;
  }
  .dt-sc-sorting-container a {
    margin: 0 5px 10px 0;
    padding: 10px 25px;
  }
  .portfolio figure::after {
    border: 15px solid #fff;
  }
  .portfolio-grid {
    padding: 20px 15px;
  }
  .dt-sc-portfolio-container .portfolio:last-child {
    margin: 0;
  }
  .portfolio.column.no-space.dt-sc-one-half {
    width: 100%;
  }
  .portfolio figure figcaption .portfolio-detail p {
    padding: 0;
  }
  .portfolio figure figcaption .portfolio-detail .views {
    padding: 0 10px 0 0;
  }
  .portfolio figure figcaption .portfolio-detail .portfolio-title {
    padding: 0 0 0 10px;
  }
  .recent-gallery-container .bx-controls a {
    line-height: 0;
    padding: 18px 12px;
  }
  .recent-gallery-container .bx-controls a::before {
    font-size: 25px;
  }
  .recent-gallery-container #bx-pager {
    bottom: 0;
  }
  .recent-gallery-container #bx-pager a.active,
  .recent-gallery-container #bx-pager a:hover {
    box-shadow: 0 0 0 2px #a81c51;
    -moz-box-shadow: 0 0 0 2px #a81c51;
    -webkit-box-shadow: 0 0 0 2px #a81c51;
  }
  .dt-sc-project-details {
    padding: 10px;
  }
  .dt-sc-project-details .enquiry-details p {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .dt-sc-post-pagination a.prev-post {
    margin-bottom: 10px;
  }
  .frame-grid {
    padding: 10px 20px;
  }
  .frame-grid .frame-sorting a {
    margin: 0 5px 10px 0;
    width: 30%;
  }
  .dt-sc-contact-info h3 {
    margin-left: 5%;
  }
  .dt-sc-contact-details {
    line-height: 40px;
    margin: 0 0 0 3%;
    width: 97%;
  }
  .dt-sc-contact-details span {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .newsletter .newsletter-text i {
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
  }
  .newsletter .newsletter-text {
    margin: 0;
  }
  .shop-grid .products .product-wrapper.dt-sc-one-fifth {
    width: 100%;
  }
  .shop-dropdown > span {
    padding: 0 10px;
  }
  .shop-dropdown > span::after {
    width: 45px;
    background: #333;
  }
  .woocommerce form .form-row-first,
  .woocommerce-page form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-last {
    width: 100%;
  }
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-account table.my_account_orders tbody,
  .woocommerce-wishlist table.shop_table tbody,
  .woocommerce .shop_table.cart tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .woocommerce-cart table.shop_table thead,
  .woocommerce-account table.my_account_orders thead,
  .woocommerce-wishlist table.shop_table thead,
  .woocommerce .shop_table.cart thead {
    display: block;
    float: left;
  }
  .woocommerce form {
    margin: 0 0 10px;
  }
  .woocommerce .cart .product-thumbnail > a {
    display: inline-block;
    margin: 10px 0 0;
    width: 40px;
  }
  .woocommerce table.cart img,
  .woocommerce-page table.cart img,
  .woocommerce #content table.cart img,
  .woocommerce-page #content table.cart img {
    border: 1px solid #fff;
  }
  .woocommerce table.shop_table th,
  .woocommerce-page table.shop_table th {
    font-size: 10px;
  }
  .woocommerce .shop_table.cart th {
    width: 140px;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    display: block;
  }
  .woocommerce .shop_table.cart td {
    min-width: 32px;
    border-bottom: 0;
    height: 50px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 98px;
    display: block;
  }
  .woocommerce .shop_table.cart tr {
    display: inline-block;
  }
  .woocommerce table.shop_table .cart_table_item td:last-child,
  .woocommerce table.shop_table .cart_table_item td:first-child {
    border: none;
  }
  .woocommerce .quantity,
  .woocommerce-page .quantity {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  .woocommerce .shop_table .quantity .plus,
  .woocommerce .shop_table .quantity .minus,
  .woocommerce-page .shop_table .quantity .plus,
  .woocommerce-page .shop_table .quantity .minus {
    padding: 0 4px;
  }
  .woocommerce .shop_table .quantity .plus,
  .woocommerce .shop_table .quantity .minus,
  .woocommerce-page .shop_table .quantity .plus,
  .woocommerce-page .shop_table .quantity .minus {
    height: 35px;
    padding: 0 3px;
    width: 35px;
  }
  .woocommerce .shop_table .quantity .qty,
  .woocommerce-page .shop_table .quantity .qty {
    height: 35px;
    padding: 0;
    width: 35px !important;
  }
  .woocommerce .quantity .qty,
  .woocommerce-page .quantity .qty {
    width: 40px;
  }
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    margin: 0;
  }
  .woocommerce table.shop_table,
  .woocommerce-page table.shop_table {
    display: block;
    margin: 0 0 20px;
  }
  .woocommerce .shop_table.cart .product-name h6 {
    margin: 0;
  }
  .woocommerce .shop_table.cart .product-name a,
  .woocommerce .shop_table.cart .product-price span,
  .woocommerce .shop_table.cart .quantity,
  .woocommerce .shop_table.cart .product-subtotal span {
    margin: 10px 0;
    display: inline-block;
  }
  .woocommerce table.shop_table .product-subtotal span {
    font-size: 16px;
  }
  .woocommerce table.cart td.actions .coupon .input-text {
    width: 145px;
    height: 45px;
    margin: 0;
  }
  .woocommerce table.cart td.actions,
  .woocommerce-page table.cart td.actions {
    width: 100%;
    padding: 6px 0 75px;
  }
  .woocommerce .button,
  .woocommerce-page .button {
    margin: 0 0 10px;
  }
  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    margin: 0;
  }
  .woocommerce .cart-collaterals .coupon {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
  .woocommerce .cart-collaterals .coupon .input-text {
    margin: 0 0 10px;
    width: 100%;
  }
  .woocommerce .cart-collaterals .cart_totals tr th {
    text-transform: capitalize;
    font-size: 13px;
  }
  .woocommerce
    .cart-collaterals
    .cart_totals
    .dt-sc-button.medium.with-icon
    span {
    font-size: 14px;
  }
  .woocommerce table.cart a.remove,
  .woocommerce-page table.cart a.remove,
  .woocommerce #content table.cart a.remove,
  .woocommerce-page #content table.cart a.remove {
    margin: 0 auto;
  }
  .woocommerce table.cart td.actions .coupon .input-text {
    float: right;
  }
  .woocommerce .shop_table.cart td {
    width: 200px;
  }
  table.cart td.product-name a {
    font-size: 13px;
  }
  .woocommerce .single-product .quantity,
  .woocommerce-page .single-product .quantity {
    width: 117px;
  }
  .woocommerce .single-product .button,
  .woocommerce-page .single-product .button {
    float: left;
    margin-top: 10px;
  }
  .woocommerce form .form-row label span,
  .woocommerce-shipping-fields label span {
    height: 14px;
    top: 1px;
    width: 14px;
  }
  .woocommerce .payment_methods label span {
    width: 14px;
    height: 14px;
    top: 2px;
  }
  .woocommerce .payment_methods label span::before {
    height: 8px;
    width: 8px;
  }
  .woocommerce #payment div.form-row,
  .woocommerce-page #payment div.form-row {
    padding: 10px 10px 0 0;
  }
  .cart-wrapper .cart-thumb,
  .cart-wrapper .thumblist {
    margin: 0 0 20px;
  }
  .cart-wrapper .thumblist > li:nth-child(n + 1) {
    margin: 0 5px 0 0;
  }
  .cart-wrapper .thumblist > li:nth-child(3n) {
    margin: 0;
  }
  .cart-wrapper .thumblist > li {
    width: 32.2%;
  }
  .cart-wrapper .thumblist a {
    width: 100%;
  }
  .cart-wrapper .commententries ul.commentlist {
    margin: 20px 0 0;
  }
  .cart-wrapper .post-author-details {
    padding: 0 0 15px;
  }
  .cart-wrapper .post-author-details .entry-author-image {
    margin: 0;
    width: 100%;
  }
  .post-author-details .author-title {
    width: 100%;
  }
  .post-author-details .author-title .woocommerce-product-rating {
    padding: 0;
  }
  .post-author-details .author-title .woocommerce-product-rating a {
    float: left;
    font-size: 13px;
    line-height: normal;
    margin: 0;
    width: 100%;
  }
  .cart-wrapper .cart-thumb-categories > li {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(n + 1) {
    margin: 0 5px 20px 0;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(3n) {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li {
    width: 32.2%;
  }
  .cart-wrapper .cart-thumb-categories > li a {
    width: 100%;
  }
  .cart-wrapper .project-details ul.client-details li {
    padding: 10px;
  }
  .cart-wrapper .project-details .client-details p {
    font-size: 11px;
  }
  .cart-wrapper .project-details ul.client-details li span {
    font-size: 12px;
  }
  .client-details .tagcloud {
    width: 100%;
    margin-top: 10px;
  }
  .client-details .tagcloud a {
    float: none;
  }
  #footer::before {
    background-position: center center;
  }
  #footer .copyright .payment-options li a {
    padding: 0 8px;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table .dt-sc-price {
    font-size: 25px;
    line-height: 50px;
  }
  ol,
  pre,
  code {
    padding: 0 0 0 20px;
  }
  ul.dt-sc-tabs-frame > li,
  .with-sidebar ul.dt-sc-tabs-frame > li {
    margin: 0 5px 0 0;
  }
  ul.dt-sc-tabs-frame li a,
  .with-sidebar .dt-sc-tabs-frame li a,
  .woocommerce-tabs ul.tabs li a {
    font-size: 12px;
    padding: 10px;
  }
  .dt-sc-tabs-frame-content {
    padding: 20px 0 0;
  }
  .dt-sc-tabs-frame-content h4 {
    font-size: 16px;
  }
  .dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion {
    line-height: 60px;
  }
  h5.dt-sc-toggle,
  h5.dt-sc-toggle-accordion {
    font-size: 14px;
  }
  .dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion::before {
    font-size: 16px;
    line-height: 68px;
    width: 55px;
  }
  th {
    font-size: 8px;
    padding: 8px 2px;
  }
  td {
    font-size: 8px;
    padding: 8px 0;
  }
  .dt-sc-tabs-vertical-container {
    margin: 0;
  }
  .dt-sc-tabs-vertical-frame-content {
    width: 100%;
    margin: 13px 0 0;
  }
  .dt-sc-tabs-vertical-frame-content p {
    margin-bottom: 0;
  }
  ul.dt-sc-tabs-vertical-frame {
    width: 100%;
  }
  ul.dt-sc-tabs-vertical-frame > li {
    margin: 0 5px 0 0;
    width: auto;
  }
  ul.dt-sc-tabs-vertical-frame > li > a {
    font-size: 12px;
    padding: 10px 12px;
  }
}
@media only screen and (max-width: 319px) {
  .container {
    width: 200px;
  }
  .boxed .wrapper {
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .boxed .header {
    width: 100%;
  }
  .dt-sc-hr-invisible {
    margin: 20px 0;
  }
  .dt-sc-hr-invisible-toosmall {
    margin: 10px 0;
  }
  .dt-sc-hr-invisible-small {
    margin: 15px 0;
  }
  .dt-sc-hr-invisible-medium {
    margin: 25px 0;
  }
  .dt-sc-hr-invisible-large {
    margin: 35px 0;
  }
  #header-wrapper {
    position: inherit !important;
  }
  .main-title h1 {
    font-size: 35px;
  }
  .main-title h2 {
    font-size: 30px;
  }
  .main-title h3 {
    font-size: 20px;
  }
  .main-title h4 {
    font-size: 18px;
  }
  .main-title h5 {
    font-size: 16px;
  }
  .main-title h6 {
    font-size: 14px;
  }
  .main-title span.fonts {
    font-size: 20px;
  }
  .intro-text h5 {
    font-size: 15px;
  }
  .basket-top .shop-links {
    top: 170px;
    z-index: 1;
  }
  .loader-title::before {
    background-position: center center;
    background-size: 65% 65%;
    top: -210%;
  }
  .loader-title {
    font-size: 34px;
  }
  .blog-section .blog-entry .entry-details .entry-title h3 {
    font-size: 30px;
  }
  .blog-section .blog-entry .entry-details .entry-title {
    margin: 0;
  }
  .blog-post .entry-thumb {
    margin-bottom: 20px;
  }
  .blog-post .entry-details .entry-title h3 a {
    font-size: 22px;
    line-height: 20px;
  }
  .blog-post .entry-details .entry-body > p {
    margin-bottom: 20px;
  }
  .dt-sc-tabs-frame-content p img {
    float: none;
    margin: 0 0 20px;
  }
  .dt-sc-tabs-container {
    margin: 0;
  }
  blockquote {
    margin: 0;
    padding: 10px 5% 0 12%;
  }
  .entry-details blockquote span {
    font-size: 15px;
    left: 4%;
    top: 5px;
  }
  blockquote q {
    font-size: 16px;
  }
  blockquote h6 {
    margin: 5px 0;
  }
  blockquote a {
    font-size: 13px;
  }
  .post-author-details {
    padding: 15px 0;
  }
  .author-desc {
    padding: 0 10px 0 20px;
  }
  .post-author-details .author-desc p span {
    font-size: 15px;
    margin: 0;
    top: 4px;
  }
  .post-author-details .author-desc p {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 15px;
    padding: 0;
  }
  .author-metadata {
    float: left;
    padding: 0 10px 0 20px;
  }
  .commententries h4,
  #respond h3,
  .post-author-details h3 {
    font-size: 16px;
  }
  .commententries ul.commentlist {
    margin: 20px 0;
    padding: 0;
  }
  .comment-body .author-metadata {
    padding: 0 0 20px;
  }
  .comment .author-metadata > p {
    margin: 0 15px 15px 0;
  }
  .comment .author-metadata > p:last-child {
    margin: 0;
  }
  ul.commentlist li .comment-author {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
  }
  ul.commentlist li {
    padding: 0;
    margin: 0;
  }
  ul.commentlist li .comment-details {
    padding: 0;
    width: 100%;
    margin: 0 0 70px;
  }
  ul.commentlist li .comment-content {
    margin: 10px 0;
    padding: 0 0 10px;
  }
  ul.commentlist li .reply a {
    font-size: 12px;
  }
  ul.commentlist li .commentmetadata {
    display: block;
  }
  ul.commentlist li .commentmetadata > span {
    margin-right: 5px;
  }
  ul.commentlist li .author-name {
    margin-right: 5px;
  }
  #respond #commentform .submit .button,
  .enquiry-form .submit .button {
    padding: 6px 5px;
    min-height: 40px;
  }
  #commentform p input,
  #commentform textarea,
  .enquiry-form p input,
  .enquiry-form textarea {
    font-size: 14px;
    padding: 15px 10px;
  }
  .enquiry-form p label.error,
  .enquiry-form p label.error,
  #respond #commentform p label.error {
    font-size: 10px;
    padding: 0 2% 0 0;
  }
  .widget.widget_tag_cloud .tagcloud a,
  .widget.widget_product_tag_cloud .tagcloud a {
    padding: 8px 12px;
  }
  .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p,
  .with-sidebar
    .blog-post
    .dt-sc-tabs-container
    .widget
    .recent-posts-widget
    ul
    li
    .entry-metadata
    p {
    border: medium;
    display: block;
    float: none;
    width: 100%;
  }
  .boxed .portfolio-grid {
    padding: 20px 10px;
  }
  .boxed .portfolio figure::after {
    border: 15px solid #fff;
  }
  .boxed .portfolio figure figcaption .portfolio-detail p {
    font-size: 10px;
    padding: 0;
  }
  .dt-sc-sorting-container a {
    margin: 0 5px 10px 0;
    padding: 15px 20px;
  }
  .portfolio.column.no-space.dt-sc-one-half {
    width: 100%;
  }
  .portfolio-fullwidth {
    margin-bottom: 30px;
  }
  .portfolio-grid {
    padding: 20px 10px;
  }
  .dt-sc-portfolio-container .portfolio:last-child {
    margin: 0;
  }
  .portfolio figure::after {
    border: 15px solid #fff;
  }
  .loadmore.with-icon {
    font-size: 13px;
  }
  .portfolio figure figcaption .portfolio-detail p {
    font-size: 10px;
    padding: 0;
  }
  .recent-gallery-container #bx-pager a.active,
  .recent-gallery-container #bx-pager a:hover {
    box-shadow: 0 0 0 2px #a81c51;
    -moz-box-shadow: 0 0 0 2px #a81c51;
    -webkit-box-shadow: 0 0 0 2px #a81c51;
  }
  .recent-gallery-container .bx-controls a::before {
    font-size: 15px;
  }
  .recent-gallery-container .bx-controls a {
    line-height: 0;
    padding: 12px;
  }
  .recent-gallery-container #bx-pager {
    bottom: 0;
  }
  .dt-sc-project-details {
    padding: 10px;
  }
  .dt-sc-project-details .enquiry-details p {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .dt-sc-post-pagination {
    margin: 10px 0 0;
  }
  .dt-sc-post-pagination a.prev-post {
    margin-bottom: 10px;
  }
  .about-section h3 {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .mailchimp-form p input,
  #searchform p input {
    padding: 14px 0 14px 15px;
    font-size: 12px;
  }
  .input-label .icon {
    display: none;
  }
  .input-label-content {
    font-size: 14px;
    padding: 11px 0 11px 20px;
  }
  .mailchimp-form .submit,
  #searchform .submit {
    font-size: 12px;
    min-height: 30px;
    padding: 13px 5px;
  }
  .dt-sc-service-content {
    margin: 0;
  }
  .dt-sc-service-content p {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
  }
  .dt-sc-icon-content-wrapper .dt-sc-one-half.dt-sc-icon-wrapper {
    display: none;
  }
  .dt-sc-social-icons li {
    margin: 0;
  }
  .dt-sc-social-icons li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
  }
  .service-grid .dt-sc-icon-content-wrapper {
    margin: 0;
  }
  .frame-grid {
    padding: 20px;
  }
  .frame-grid .frame-sorting a {
    margin: 0 5px 10px 0;
    width: 30%;
  }
  .dt-sc-contact-details {
    margin: 0 0 0 4%;
    width: 96%;
    line-height: 40px;
  }
  .dt-sc-contact-details span {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .newsletter .newsletter-text i {
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
  }
  .newsletter .newsletter-text {
    margin: 0;
  }
  #footer::before {
    background-position: center center;
  }
  #footer .copyright .payment-options li a {
    font-size: 28px;
    padding: 0 5px 10px;
  }
  #footer .copyright p {
    line-height: 25px;
  }
  #footer .copyright .footer-links li a {
    display: inline-block;
  }
  .shop-grid .products .product-wrapper.dt-sc-one-fifth {
    width: 100%;
  }
  .shop-dropdown > span {
    font-size: 15px;
    padding: 0 10px;
  }
  .shop-dropdown > span::after {
    width: 40px;
    background: #333;
  }
  .woocommerce form .form-row-first,
  .woocommerce-page form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-last {
    width: 100%;
  }
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-account table.my_account_orders tbody,
  .woocommerce-wishlist table.shop_table tbody,
  .woocommerce .shop_table.cart tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .woocommerce-cart table.shop_table thead,
  .woocommerce-account table.my_account_orders thead,
  .woocommerce-wishlist table.shop_table thead,
  .woocommerce .shop_table.cart thead {
    display: block;
    float: left;
  }
  .woocommerce form {
    margin: 0 0 10px;
  }
  .woocommerce .cart .product-thumbnail > a {
    display: inline-block;
    margin: 10px 0 0;
    width: 40px;
  }
  .woocommerce table.cart img,
  .woocommerce-page table.cart img,
  .woocommerce #content table.cart img,
  .woocommerce-page #content table.cart img {
    border: 1px solid #fff;
  }
  .woocommerce table.shop_table th,
  .woocommerce-page table.shop_table th {
    font-size: 10px;
  }
  .woocommerce .shop_table.cart th {
    width: 140px;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    display: block;
  }
  .woocommerce .shop_table.cart td {
    min-width: 32px;
    border-bottom: 0;
    height: 50px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 98px;
    display: block;
  }
  .woocommerce .shop_table.cart tr {
    display: inline-block;
  }
  .woocommerce table.shop_table .cart_table_item td:last-child,
  .woocommerce table.shop_table .cart_table_item td:first-child {
    border: none;
  }
  .woocommerce .quantity,
  .woocommerce-page .quantity {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  .woocommerce .shop_table .quantity .plus,
  .woocommerce .shop_table .quantity .minus,
  .woocommerce-page .shop_table .quantity .plus,
  .woocommerce-page .shop_table .quantity .minus {
    padding: 0 4px;
  }
  .woocommerce .shop_table .quantity .plus,
  .woocommerce .shop_table .quantity .minus,
  .woocommerce-page .shop_table .quantity .plus,
  .woocommerce-page .shop_table .quantity .minus {
    height: 35px;
    padding: 0 3px;
    width: 35px;
  }
  .woocommerce .shop_table .quantity .qty,
  .woocommerce-page .shop_table .quantity .qty {
    height: 35px;
    padding: 0;
    width: 35px !important;
  }
  .woocommerce .quantity .qty,
  .woocommerce-page .quantity .qty {
    width: 40px;
  }
  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    margin: 0;
  }
  .woocommerce table.shop_table,
  .woocommerce-page table.shop_table {
    display: block;
    margin: 0 0 20px;
  }
  .woocommerce .shop_table.cart .product-name h6 {
    margin: 0;
  }
  .woocommerce .shop_table.cart .product-name a,
  .woocommerce .shop_table.cart .product-price span,
  .woocommerce .shop_table.cart .quantity,
  .woocommerce .shop_table.cart .product-subtotal span {
    margin: 10px 0;
    display: inline-block;
  }
  .woocommerce table.shop_table .product-subtotal span {
    font-size: 16px;
  }
  .woocommerce table.cart td.actions .coupon .input-text {
    width: 145px;
    height: 45px;
    margin: 0;
  }
  .woocommerce table.cart td.actions,
  .woocommerce-page table.cart td.actions {
    width: 100%;
    padding: 6px 0 75px;
  }
  .woocommerce .button,
  .woocommerce-page .button {
    margin: 0 0 10px;
  }
  .woocommerce .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    margin: 0;
  }
  .woocommerce .cart-collaterals .coupon {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
  .woocommerce .cart-collaterals .coupon .input-text {
    margin: 0 0 10px;
    width: 100%;
  }
  .woocommerce .cart-collaterals .cart_totals tr th {
    text-transform: capitalize;
    font-size: 13px;
  }
  .woocommerce
    .cart-collaterals
    .cart_totals
    .dt-sc-button.medium.with-icon
    span {
    font-size: 11px;
    padding: 15px 20px;
  }
  .woocommerce table.cart a.remove,
  .woocommerce-page table.cart a.remove,
  .woocommerce #content table.cart a.remove,
  .woocommerce-page #content table.cart a.remove {
    margin: 0 auto;
  }
  .woocommerce table.cart td.actions .coupon .input-text {
    float: right;
  }
  .woocommerce .shop_table.cart th {
    width: 65px;
  }
  .woocommerce .shop_table.cart td {
    width: 135px;
  }
  table.cart td.product-name a {
    font-size: 12px;
    text-transform: capitalize;
  }
  .woocommerce .single-product .quantity,
  .woocommerce-page .single-product .quantity {
    width: 117px;
  }
  .woocommerce .single-product .button,
  .woocommerce-page .single-product .button {
    float: left;
    margin-top: 10px;
  }
  .woocommerce-shipping-fields h3,
  .woocommerce-billing-fields h3,
  #order_review_heading {
    font-size: 20px;
  }
  .woocommerce form .form-row label span,
  .woocommerce-shipping-fields label span {
    height: 14px;
    top: 1px;
    width: 14px;
  }
  .woocommerce .payment_methods label span {
    width: 14px;
    height: 14px;
    top: 2px;
  }
  .woocommerce .payment_methods label span::before {
    height: 8px;
    width: 8px;
  }
  .woocommerce #payment div.payment_box::after,
  .woocommerce-page #payment div.payment_box::after {
    top: -1px;
  }
  .woocommerce #payment div.form-row,
  .woocommerce-page #payment div.form-row {
    padding: 10px 10px 0 0;
  }
  .cart-wrapper .cart-thumb,
  .cart-wrapper .thumblist {
    margin: 0 0 20px;
  }
  .cart-wrapper .thumblist > li:nth-child(2n + 1) {
    margin: 0 5px 0 0;
  }
  .cart-wrapper .thumblist > li:nth-child(2n) {
    margin: 0;
  }
  .cart-wrapper .thumblist > li {
    width: 48.5%;
  }
  .cart-wrapper .thumblist a {
    width: 100%;
  }
  .cart-wrapper .commententries h4 {
    width: 100%;
  }
  .cart-wrapper .commententries h6 {
    float: left;
    margin: 15px 0;
  }
  ul.commentlist li .comment-body {
    display: inline-block;
  }
  .star-rating {
    float: left;
  }
  .star-rating span {
    padding-top: 2.5em;
  }
  .cart-wrapper ul.commentlist li .comment-details {
    margin: 0 0 20px;
  }
  .cart-wrapper .commententries ul.commentlist {
    margin: 0;
  }
  .cart-wrapper .post-author-details .entry-author-image {
    margin: 0;
    width: 100%;
  }
  .post-author-details .author-title {
    width: 100%;
  }
  .post-author-details .author-title .woocommerce-product-rating {
    padding: 0;
  }
  .post-author-details .author-title .woocommerce-product-rating a {
    float: left;
    font-size: 13px;
    line-height: normal;
    margin: 0;
    width: 100%;
  }
  .cart-wrapper .cart-thumb-categories > li {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(2n + 1) {
    margin: 0 5px 20px 0;
  }
  .cart-wrapper .cart-thumb-categories > li:nth-child(2n) {
    margin: 0 0 20px;
  }
  .cart-wrapper .cart-thumb-categories > li {
    width: 48.5%;
  }
  .cart-wrapper .cart-thumb-categories > li a {
    width: 100%;
  }
  .cart-wrapper .project-details ul.client-details li {
    padding: 10px 5px;
  }
  .cart-wrapper .project-details .client-details p {
    font-size: 10px;
  }
  .cart-wrapper .project-details ul.client-details li span {
    font-size: 12px;
    width: 48%;
  }
  .client-details .tagcloud {
    width: 100%;
    margin-top: 10px;
  }
  .client-details .tagcloud a {
    float: none;
  }
  .type2.dt-sc-button::after,
  .type2.dt-sc-sorting-container a::after,
  .type2.dt-sc-sorting-container a.active-sort::after,
  .type2.social-media li a::after,
  .type2.tagcloud a::after,
  .type2.caption .read-more::after,
  #mailchimp-form.type2 .submit::after {
    width: 110%;
  }
  .dt-sc-button.small.with-icon i.fa,
  .dt-sc-button.large.with-icon i.fa,
  .dt-sc-button.xlarge.with-icon i.fa {
    float: left;
  }
  .dt-sc-button.small.with-icon span {
    padding: 12px 17px;
    float: left;
  }
  .dt-sc-button.medium.with-icon span {
    padding: 13px 20px;
  }
  .dt-sc-button.large.with-icon span {
    padding: 17px 31px;
    float: left;
  }
  .dt-sc-button.xlarge.with-icon span {
    padding: 21px 26px;
    float: left;
  }
  .reply .dt-sc-button.small.with-icon span {
    padding: 15px 17px;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-options-table .dt-sc-switch span {
    font-size: 12px;
  }
  .dt-sc-pr-tb-col.type2 .dt-sc-pricing-table .dt-sc-price {
    font-size: 20px;
    line-height: 40px;
  }
  .dt-sc-success-box span::after,
  .dt-sc-error-box span::after,
  .dt-sc-warning-box span::after,
  .dt-sc-info-box span::after {
    font-size: 20px;
  }
  .dt-sc-success-box span,
  .dt-sc-error-box span,
  .dt-sc-warning-box span,
  .dt-sc-info-box span {
    width: 40px;
  }
  .dt-sc-error-box,
  .dt-sc-warning-box,
  .dt-sc-success-box,
  .dt-sc-info-box {
    padding: 15px 45px;
  }
  .border-title h1 {
    font-size: 18px;
  }
  .dt-sc-ico-content.type6 .icon {
    float: left;
    width: 100%;
    position: relative;
  }
  .dt-sc-ico-content.type6 {
    padding-left: 0;
    text-align: center;
  }
  .dt-sc-ico-content.type6 h4,
  .dt-sc-ico-content.type11 h4 {
    line-height: normal;
  }
  .dt-sc-tabs-vertical-container {
    margin: 0;
  }
  ul.dt-sc-tabs-vertical-frame {
    width: 100%;
  }
  .dt-sc-tabs-vertical-frame-content {
    width: 100%;
    margin: 13px 0 0;
  }
  .dt-sc-tabs-vertical-frame-content p {
    margin-bottom: 0;
  }
  ul.dt-sc-tabs-frame li,
  .woocommerce-tabs ul.tabs li {
    width: 100%;
    margin: 0 0 1px;
  }
  ul.dt-sc-tabs-vertical-frame > li {
    margin: 0 0 1px;
    width: 100%;
  }
  ul.dt-sc-tabs-frame li a,
  .woocommerce-tabs ul.tabs li a {
    box-sizing: border-box;
    width: 100%;
  }
  .alignright,
  img.alignleft {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  ul.dt-sc-tabs-frame > li,
  .with-sidebar ul.dt-sc-tabs-frame > li {
    margin: 0 0 1px;
  }
  .dt-sc-tabs-container.type2 .dt-sc-tabs-frame-content .thumb {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0 0 20px;
  }
  .dt-sc-toggle-frame-set.type2 h5.dt-sc-toggle-accordion {
    font-size: 14px;
    line-height: 28px;
  }
  .dt-sc-toggle-frame-set {
    margin: 0 0 30px;
  }
  .dt-sc-toggle-frame-set.type3 h5.dt-sc-toggle-accordion::before {
    line-height: 55px;
  }
  .dt-sc-toggle-frame-set.type3 h5.dt-sc-toggle-accordion {
    line-height: 30px;
  }
  .dt-sc-tabs-frame-content .thumb,
  .woocommerce-tabs .panel .thumb {
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
  }
  .dt-sc-callout-box {
    padding: 25px 5%;
  }
  .dt-sc-callout-box.with-icon.type3 {
    padding: 25px 5%;
  }
  .dt-sc-callout-box.type3 .dt-sc-button {
    float: left;
  }
  .dt-sc-callout-box.type4 .dt-sc-button {
    float: none;
  }
  .dt-sc-callout-box.with-icon.type2 .icon {
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .dt-sc-callout-box.with-icon {
    padding: 25px 3%;
  }
  .dt-sc-callout-box.with-icon h4 {
    float: left;
    font-size: 18px;
    margin: 10px 0;
    width: 100%;
  }
  .dt-sc-callout-box.with-icon h5 {
    float: left;
    width: 100%;
  }
  .dt-sc-callout-box.with-icon.type4 .icon {
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .dt-sc-callout-box.with-icon.type4 .dt-sc-button {
    float: none;
    margin-top: 30px;
  }
  .dt-sc-callout-box.with-icon.type5 .icon {
    margin: 15px 0 5px;
  }
  .alignright,
  .alignleft {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  th {
    font-size: 8px;
    padding: 8px 2px;
  }
  td {
    font-size: 8px;
    padding: 8px 0;
  }
  .dt-sc-services .dt-sc-icon.type1 {
    padding: 15px 0;
  }
  .dt-sc-services .dt-sc-icon.type1 h2 {
    font-size: 30px;
  }
}