@media only screen and (min-width:1280px) and (max-width:1366px) {
    .right-contact .headlist-rt li a.btn.btn-primary {
        padding: 8px 10px !important
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {

    .full-height {
        height: 600px
    }
}


@media only screen and (min-width:768px) and (max-width:991px) {
  

    .full-height {
        height: 500px
    }

    .cd-headline,
    h1 {
        font-size: 36px;
        line-height: 46px
    }

    .slide-caption {
        padding: 0 8%;
        width: 80%
    }

    .silder .owl-nav div {
        font-size: 24px;
        width: 50px;
        height: 50px;
        top: 55%;
        left: 10px;
        padding: 9px 13px
    }

    .silder .owl-nav .owl-next {
        right: 10px;
        padding: 10px 14px
    }

    .slide-btn a {
        padding: 8px 18px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1269px) {
    .canvas_open a {
        width: 40px;
        height: 36px;
        background: #fff;
        font-size: 28px;
        border-radius: 4px
    }

    .mob-headlogin {
        display: block !important;
        float: right;
        position: fixed;
        z-index: 11;
        right: 75px;
        padding: 18px 0 8px
    }

    .mob-headlogin a {
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 600
    }

    
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .dstoplogo-none .mob-logo {
        width: 50%;
        display: none !important
    }

    .mob-headlogin a {
        color: #29323c;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 600
    }

    .canvas_open a {
        width: 40px;
        height: 36px;
        background: #fff;
        font-size: 28px;
        border-radius: 4px
    }

   
    

    .canvas_open {
        right: 20px;
        display: inline-block;
        width: 40px;
        position: fixed;
        z-index: 11
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {

  

    .full-height {
        height: 400px
    }

    .cd-headline,
    h1 {
        font-size: 30px;
        line-height: 40px
    }

    h2 {
        font-size: 26px;
        line-height: 36px
    }

    .slide-single.full-height {
        height: 480px
    }

    .slide-caption {
        padding: 0 5%;
        width: 100%
    }

    .silder .owl-nav div {
        font-size: 22px;
        width: 40px;
        height: 40px;
        top: 55%;
        left: 5px;
        padding: 6px 8px
    }

    .silder .owl-nav .owl-next {
        padding: 6px 10px;
        right: 5px
    }

    .slide-btn a {
        padding: 6px 15px;
        margin-top: 20px
    }

    .silder .owl-dot {
        height: 3px;
        width: 30px
    }

    .silder .owl-dots {
        bottom: 18px
    }
}

@media only screen and (max-width:47.875em) {
    .fe-content.blk-min-height {
        height: auto
    }

    .who-we-banner-content a {
        width: 100%;
        margin: 0 0 15px !important
    }

    .callmob-on {
        display: block !important
    }


    .mob-block,
    .mob-excellent .our-ustomers img,
    .mob-homeblogcols {
        display: block
    }

    .cpa-col .cpa-inner .cpa-content .cpa-cat br,
    .cpa-col .cpa-inner .cpa-content .sub-content br,
    .how-dnscols p br,
    .mob-none,
    .our-ustomers,
    .owl-item.active .slide-caption p br,
    .resources-list li:first-child p br,
    .sub-page-title p br {
        display: none
    }

    .full-blokrow li {
        display: inline-block;
        margin: 0 0 30px
    }

    .full-blokrow li .emblems-bg {
        padding: 0;
        width: 100%
    }

    .description-right {
        margin: 10px 0 0;
        display: inline-block;
        width: 100%
    }

    #slider-area .owl-carousel.owl-loaded,
    .slide-single.full-height {
        height: 100vh
    }

    .branch-finders a,
    .fon-intro p,
    .footer-left,
    .guidecontnt-box,
    .loc-client .owl-item .item .clint-cols,
    .loc-intro .scrollbar,
    .oth-off-ul li,
    .our-customerssays p,
    .owl-item .item .client-img,
    .resources-list li:first-child .res-captions,
    .resources-list li:nth-child(2),
    .resources-list li:nth-child(2) img,
    .resources-list li:nth-child(3),
    .resources-list li:nth-child(4),
    .resources-list li:nth-child(4) img,
    .sub-page-title p,
    .webinar-col-1,
    .webinar-col-2 {
        width: 100%
    }

    .owl-item .item .clint-cols {
        width: 100%;
        padding: 50px 0 0
    }

    .resources-list li:first-child {
        width: 100%;
        margin: 0 0 10px
    }

    .dns-widget .widget-num {
        font-size: 24px;
        margin: 0 0 10px
    }

    .d-table-cell p,
    .loc-intro p,
    .section-title h1,
    .section-title h2 {
        font-size: 22px
    }

    .mobp-40,
    .sectionpd {
        padding: 40px 0
    }

    .sab-heading {
        font-size: 16px
    }

    .mob-40>.col,
    .mob-40>[class*=col-],
    .mobmb-40>.col,
    .mobmb-40>[class*=col-] {
        margin-bottom: 40px
    }

    .circular-img {
        width: auto;
        height: auto
    }

    #custom-search-input,
    .btn-blueborder,
    .circular-img img,
    .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body p,
    .our-customerssays,
    .square-right {
        width: 100% !important
    }

    .resources-list li:nth-child(3) {
        margin: 0 0 10px
    }

    .str-excellent {
        margin: 20px 0 30px;
        text-align: center;
        display: inline-flex
    }

    .our-customerssays {
        padding: 0 0 3em;
        float: left
    }

    .square-right {
        float: left
    }

    .owl-item.active .slide-caption h1 {
        line-height: 1.2;
        font-size: 50px
    }

    .chat-now {
        display: none;
        position: absolute;
        bottom: 50px;
        right: 50px
    }

    .chat-now i {
        background: #257ad2;
        padding: 26px;
        font-size: 30px;
        border-radius: 100%;
        color: #fff
    }

    .resources-list li:first-child p {
        margin: 0 auto;
        font-size: 16px;
        width: 96% !important
    }

    .loaction-section {
        padding-top: 61px
    }

    .sub-page-title {
        margin: 60px 0 0
    }

    .loc-thumb .loc-img-1 {
        width: 100%;
        height: auto
    }

    .loc-thumb .loc-img-2 {
        width: 50%;
        bottom: -40px;
        right: 16px;
        height: auto
    }

    .loc-intro {
        padding: 4em 0 1em;
        text-align: center
    }

    .loc-intro p {
        font-weight: 500;
        width: 100%;
        line-height: 1.3;
        margin: 0
    }

    .loc-gmap img {
        width: 100%;
        min-height: auto
    }

    .btitle,
    .loc-client .clint-head,
    .section-title,
    footer h4 a {
        font-size: 20px
    }

    .mob-contnt-blok .git-content {
        width: 88%;
        margin: 0 auto
    }

    .clint-head {
        font-size: 19px;
        line-height: 1.4
    }

    .clint-cols p {
        font-size: 18px;
        line-height: 1.5
    }

    .inner-page-title {
        margin: 67px 0 0
    }

    .who-we-video {
        padding-top: 70px
    }

    .loc-client .clint-cols p {
        font-size: 20px;
        font-weight: 500
    }

    .dns-widget span {
        font-size: 14px
    }

    .dns-widget {
        margin: 0 0 20px
    }

    footer {
        padding: 30px 10px
    }

    .footer-tile h3 {
        font-size: 28px
    }

    .social-media {
        margin: 20px 0 0
    }

    .branch-finders input {
        border: 2px solid #257ad2
    }

    .emai-newsletter input,
    .how-we-banner-content a {
        width: 100%;
        margin: 0 0 15px
    }

    .accreditations-list li {
        width: 54px;
        height: 54px;
        margin: 0 2px
    }

    .accreditations-list li img {
        margin-top: 18px;
        width: 85%
    }

    .footeremblem-bg:before {
        width: 130px;
        height: 130px;
        transform: rotate(5deg);
        background-position: 0 10px
    }

    .faq-section .panel-group .panel-heading+.panel-collapse>.list-group,
    .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body {
        padding: 0 40px 15px 20px
    }

    .modal-dialog {
        width: 90%
    }

    .faq-section .panel-title>a.collapsed:before {
        margin-top: 0 !important
    }

    .cpa-col .cpa-inner .cpa-content .cpa-cat {
        font-size: 16px;
        margin-bottom: 5px
    }

    .cpa-col .cpa-inner .cpa-content .sub-content {
        font-size: 14px;
        margin-bottom: 10px
    }

    #map-layern {
        float: left;
        position: sticky;
        width: 100%;
        min-height: 348px
    }

    .my_class {
        margin: 15px 0;
        text-align-last: center;
        padding: 30px 25px;
        width: 100%;
        color: #29323c;
        font-weight: 600;
        border: none;
        border-top: 2px solid #8f9398 !important;
        border-radius: 0;
        background-color: #f1f1f1;
        font: inherit;
        -webkit-appearance: none;
        -moz-appearance: window;
        font-size: 20px;
        background-image: url(https://www.dnsassociates.co/dns_projects/dnsassociates-test/dns-assets/images/down-arrow.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 18px
    }

    #what-clients,
    .fon-intro {
        padding-top: 0
    }

    .fon-intro,
    .webinars-col {
        padding-left: 0
    }

    .my_class:focus {
        outline: 0
    }

    .dwnlod-form iframe {
        min-height: 820px;
        width: 100%
    }

    .accountants-in-intro {
        width: 100%;
        padding-left: 0
    }

    .acc-services .ser-list,
    .bank-add-content,
    .bank-map,
    .join-col,
    .services-in-left .dot-ul {
        margin-bottom: 20px
    }

    .get-in-touch {
        margin-top: 40px
    }

    .tp-cl-review p {
        font-size: 18px
    }

    .acs-col .acs-inner {
        min-height: 398px
    }

    .helpu-buttons a {
        margin: 0 0 15px;
        width: 100%
    }

    .fon-thumb {
        margin: 40px auto;
        text-align: center
    }

    .fon-thumb .fon-img-2,
    .fon-thumb .fon-img-2.right {
        bottom: 0;
        right: 0;
        margin: 20px auto;
        position: inherit
    }

    .webinars-sec {
        margin-top: 67px
    }

    .webinar-col-3 {
        width: 100%;
        border-top: 1px solid #b99870
    }

    .outr-box {
        padding: 40px 10px
    }

    .res-midtitle {
        font-size: 20px;
        margin: 10px 0 20px
    }
}

@media only screen and (min-device-width:599px) and (max-device-width:600px) {
    .fe-content.blk-min-height {
        height: auto
    }

    .owl-item .item .client-img img {
        width: 100%
    }

    .clients-block .owl-nav {
        top: 25%;
        position: absolute;
        width: 100% !important
    }

    .clients-block .owl-nav .owl-next,
    .clients-block .owl-nav .owl-prev {
        width: 30px;
        height: 30px
    }

    .clients-block .owl-nav .owl-prev {
        background: url(../../dns-assets/images/svg/Gold-arrow-left.svg) no-repeat;
        text-indent: -999px;
        float: left;
        margin-left: -25px
    }

    .clients-block .owl-nav .owl-next {
        background: url(../../dns-assets/images/svg/Gold-arrow-right.svg) no-repeat;
        text-indent: -999px;
        margin-right: -30px;
        float: right
    }
}

@media only screen and (min-device-width:801px) and (max-device-width:991px) {
    

    .mob-headlogin {
        float: right;
        position: fixed;
        z-index: 11;
        right: 75px;
        padding: 18px 0 8px !important;
        display: block !important
    }

    .canvas_open {
        right: 15px
    }

    .dstoplogo-none .mob-logo {
        display: block;
        float: left;
        width: 18%
    }

 
}

@media only screen and (min-device-width:801px) and (max-device-width:1269px) {
    .dstoplogo-none .mob-logo {
        display: block;
        float: left;
        width: 18%
    }

    .canvas_open a {
        width: 40px;
        height: 36px;
        background: #fff;
        font-size: 28px;
        border-radius: 4px
    }

    .index-head .affix-top .mob-headlogin a {
        color: #fff
    }

    .mob-headlogin a {
        color: #29323c;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: underline;
        font-weight: 600
    }

    .mob-headlogin {
        float: right;
        position: fixed;
        z-index: 11;
        right: 75px;
        padding: 25px 0 8px !important;
        display: block !important
    }

    

    .canvas_open {
        right: 15px
    }
}

@media only screen and (min-device-width:801px) and (max-device-width:1366px) {
    #topBar>ul>li {
        float: left;
        padding: 31px 8px 4px
    }

    #topBar li.prc {
        padding: 31px 0 3px !important;
        margin: 0 8px !important
    }
}

@media only screen and (min-device-width:992px) and (max-device-width:1022px) {
   
    

   
    .main_menu nav {
        float: right !important
    }

    .main_menu nav ul li {
        border-bottom: 3px solid transparent !important
    }

    .main_menu nav .mainmenu-list li,
    .main_menu nav li {
        padding: 4px 12px !important
    }

    .headlist-rt li {
        padding: 4px 5px !important
    }

    ul.subMenu {
        left: auto;
        right: 0 !important
    }

    .sub_menu {
        left: auto !important;
        right: 0 !important
    }

    .mainmenu-list li ul.sub_menu li {
        padding-left: 30px !important
    }

    .who-we-video {
        margin: 53px 0 0
    }
}

@media only screen and (min-device-width:1279px) and (max-device-width:1280px) {
    .faq-section .panel-default>.panel-heading {
        min-height: 90px
    }
}

@media only screen and (min-device-width:1023px) and (max-device-width:1024px) {
    .dwnlod-form label.light {
        width: 90%;
        margin-top: 20px
    }

    .forms-col .forms-content-ot p {
        font-size: 18px
    }

    .main_menu nav ul li {
        border-bottom: 3px solid transparent !important
    }

    .crc-section {
        margin: 95px 0 0
    }

    .fe-content-inner {
        min-height: 216px
    }
}

@media only screen and (min-device-width:767px) and (max-device-width:768px) {
    #what-clients .owl-dots {
        bottom: 0
    }

    .mob-headlogin {
        display: block !important;
        float: right;
        position: fixed;
        z-index: 11;
        right: 75px;
        padding: 20px 0 8px
    }

    .faq-section .panel-title>a.collapsed:before {
        margin-top: 0 !important
    }

    .crc-section,
    .who-we-video {
        margin: 53px 0 0
    }

    #map-layern {
        float: left;
        position: sticky;
        width: 100%;
        min-height: 348px
    }

    .dwnlod-form iframe {
        min-height: 820px;
        width: 100%
    }

    .acc-services .ser-list,
    .bank-add-content,
    .bank-map,
    .join-col,
    .services-in-left .dot-ul {
        margin-bottom: 20px
    }

    #what-clients,
    .loc .owl-item .item .clint-cols {
        padding-top: 0
    }

    .get-in-touch {
        margin-top: 40px
    }

    .accountants-in-intro {
        width: 100%;
        padding-left: 0
    }

    .download-form {
        padding-left: 0;
        padding-right: 0
    }

    #map-layerl,
    #map-layerlb {
        width: 100% !important
    }

    .our-customerssays {
        padding: 0 0 5em
    }

    .res-midtitle {
        font-size: 28px
    }

    .post-midtitle br {
        display: none
    }

    .post-midtitle {
        font-size: 18px
    }

    .affix-top .mob-headlogin a {
        color: #29323c
    }

    .resources-list li:first-child img {
        width: 100%;
        min-height: 600px
    }

    .resources-list li:nth-child(4) img {
        min-height: 296px
    }

    .outr-box {
        padding: 40px 10px 75px
    }

    ul li {
        line-height: 1.5
    }

    .signup-step-content p {
        min-height: 72px
    }

    .crc-section {
        margin: 50px 0 0
    }
}

@media only screen and (min-device-width:799px) and (max-device-width:800px) {
    #map-layern {
        float: left;
        position: sticky;
        width: 100%;
        min-height: 348px
    }
}

@media only screen and (max-width:1024px) {
    .post-img-list li:first-child {
        width: 575px;
        height: 415px
    }

    .post-img-list li:nth-child(2) {
        width: 363px
    }

    .post-img-list li:last-child {
        width: 363px;
        height: 209px
    }

    .dns-widget span br,
    .how-dnscols p>br {
        display: none
    }

    .blog-box .blogs-content p {
        font-size: 12px;
        margin-bottom: 10px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 24px
    }

    .blog-box .blogs-content {
        padding: 10px 20px
    }

    .guide-content-ot .guide-title {
        font-size: 19px
    }

    .guide-col .guide-content-ot {
        padding: 15px
    }

    .loc-thumb .loc-img-2 {
        right: 25px
    }

    .fe-cat,
    .git-link ul>li>a {
        font-size: 18px
    }

    #what-clients .owl-dots {
        bottom: 0
    }

    .cacl-content-ot .cacl-title a {
        font-size: 22px
    }

    .card-1 .card-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .team-grid-captions p {
        width: 70%
    }

    .video-block {
        height: 522px
    }

    .fe-content-inner {
        min-height: 175px
    }

    .faq-section .panel-default>.panel-heading {
        height: auto;
        min-height: 90px
    }

    .crm-col {
        padding: 150px 0 20px 70px
    }

    .pricing-section .uni-tabs .nav-tabs>li>a {
        font-size: 13px
    }
}

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

    .blog-box .blogs-content .blog-title,
    .loc-intro p {
        font-size: 28px
    }

    .blog-box .blogs-content p {
        font-size: 14px;
        margin-bottom: 15px
    }

    .blog-box .blogs-content {
        padding: 15px 20px
    }

    .guide-content-ot .guide-title {
        font-size: 20px
    }

    .loc-thumb .loc-img-2 {
        right: 100px;
        bottom: -45px
    }

    .loc-thumb .loc-img-1 {
        margin-left: 100px
    }

    .loc-intro,
    .trusted-team {
        text-align: center
    }

    .loc-intro p,
    .square-right img,
    .trusted-team .online-col p {
        width: 100%
    }

    .loc-git .git-content {
        margin: 0 150px
    }

    .loc-gmap {
        padding: 0
    }

    .owl-item .item .clint-cols {
        padding-top: 0
    }

    .video-block,
    .video-block .video-thumbnail figure {
        height: 400px
    }

    .how-we-video,
    .who-we-video {
        max-height: inherit
    }

    .sectionpd.our-values {
        margin-top: 0
    }

    .our-story .img-ul-2 {
        display: none
    }

    .trusted-team:before {
        bottom: 300px;
        left: 18px
    }

    .online-col {
        padding-left: 0
    }

    .timeline.t-style-2 .content:last-child {
        margin-bottom: 30px
    }

    .faq-section .panel-title>a.collapsed:before {
        margin-left: 20px;
        margin-top: 19px;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0
    }

    .faq-section .panel-title>a:before {
        margin-left: 25px;
        padding-left: 0;
        padding-top: 10px;
        padding-right: 60px
    }

    .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body p {
        width: 85%
    }

    .who-we-anywear {
        padding-top: 100px
    }

    .mb-bt {
        margin-bottom: 20px
    }

    .price-head {
        font-size: 22px;
        padding: 0 5px
    }

    .signup-step-content {
        padding: 5px 30px
    }
}

@media only screen and (max-width:768px) {
    .side-icon {
        top: 130px
    }

    .post-img-list li:first-child {
        width: 437px;
        height: 315px
    }

    .post-img-list li:nth-child(2) {
        width: 280px
    }

    .post-img-list li:last-child {
        width: 280px;
        height: 157px
    }

    .blog-nav {
        margin: 20px 0
    }

    .ad-services-desk,
    .dns-widget span br,
    .path-to .img-ul-2,
    .uni-tabs .nav-tabs {
        display: none
    }

    .team-grid-captions p {
        width: 60%
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .accounting-slider-desk,
    .ad-services-mob,
    .desktop-none {
        display: block
    }

    .ad-services .owl-nav {
        position: absolute;
        top: 55%;
        width: 100%;
        z-index: 999;
        transform: translateY(-50%)
    }

    .ad-services .owl-nav div.owl-prev {
        left: 10px;
        position: absolute;
        transition: .4s
    }

    .ad-services .owl-nav div.owl-next {
        right: 10px;
        position: absolute;
        transition: .4s
    }

    .ad-services .owl-nav div.owl-next,
    .ad-services .owl-nav div.owl-prev {
        color: #b99870;
        font-size: 26px;
        background-color: rgb(234 247 247/85%);
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 50px;
        border-radius: 50px;
        z-index: 9
    }

    .accounting-slider-mob {
        display: none;
        margin-top: 80px
    }

    .mob-on {
        display: block;
        margin: 0 0 15px;
        border-radius: 4px;
        color: #00a4a2 !important;
        font-weight: 600 !important;
        border: 2px solid #47a2a2;
        font-size: 15px
    }
}

@media only screen and (max-width:47.938em) {

    .blog-info .auth-name,
    .blog-info .blog-date,
    .blog-info .blog-tag {
        display: block;
        margin-left: 55px
    }

    .fe-cat,
    .fe-content.blk-min-height {
        height: auto
    }

    .signup-step-content p {
        min-height: auto
    }

    .signup-setp-cta a {
        width: 100%;
        margin: 0 0 15px
    }

    .crm-col {
        padding: 50px 0 80px !important
    }

    .crm-col ul li {
        position: relative;
        padding-left: 30px
    }

    .crm-col ul li i,
    .online-col ul li i,
    .timeline .content ul li i {
        position: absolute;
        left: 0;
        top: 5px
    }

    .category-select .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
    .crm-col a,
    .hfa-services .online-col p,
    .owl-item .item .client-img img,
    .price-row li,
    .webinars-col p {
        width: 100%
    }

    .download-form {
        padding-right: 20px
    }

    .dwnlod-form label.light {
        width: 90%;
        margin-top: 20px
    }

    .complete-guide {
        width: 94%;
        padding-left: 20px
    }

    .breadcrumb {
        padding-left: 0
    }

    .privacy-policy-section .row {
        padding: 0 15px
    }

    .how-we-banner-content,
    .privacy-policy-section .policy-ul,
    .who-we-banner-content {
        padding-left: 20px
    }

    .page-title-content {
        padding-left: 30px
    }

    .thankyou-section p {
        font-size: 18px
    }

    .blog-info .auth-name {
        margin-top: -50px
    }

    .blog-info .blog-read-time {
        float: none;
        position: absolute;
        line-height: 0;
        border-left: 1px solid #333;
        padding-left: 10px;
        margin-top: -20px;
        margin-left: 168px
    }

    .blog-single .blog-content .author-info p {
        width: 88%
    }

    .search-section #custom-search-input {
        width: 90%
    }

    .blog-box .blogs-content {
        padding: 10px 20px
    }

    .guide-col .guide-img figure {
        height: auto;
        width: 100%
    }

    .guide-col .guide-img:before {
        width: 109px;
        bottom: -187px
    }

    .guide-col .guide-content-ot {
        padding: 15px 30px
    }

    .loc-thumb .loc-img-1 {
        margin-left: 0
    }

    .loc-thumb .loc-img-2 {
        right: 0;
        display: none
    }

    .loc-git .git-content {
        margin: 0 auto
    }

    .owl-item .item .clint-cols {
        padding: 30px 3px 0
    }

    .clients-block .owl-nav {
        top: 25%;
        position: absolute;
        width: 100% !important
    }

    .clients-block .owl-nav .owl-next,
    .clients-block .owl-nav .owl-prev {
        width: 30px;
        height: 30px
    }

    .clients-block .owl-nav .owl-prev {
        background: url(../../dns-assets/images/svg/Gold-arrow-left.svg) no-repeat;
        text-indent: -999px;
        float: left;
        margin-left: -25px
    }

    .clients-block .owl-nav .owl-next {
        background: url(../../dns-assets/images/svg/Gold-arrow-right.svg) no-repeat;
        text-indent: -999px;
        margin-right: -30px;
        float: right
    }

    #loc-benefits .owl-dots {
        margin: 0
    }

    #loc-benefits .dns-widget span,
    .acs-col .acs-inner .acs-content p {
        font-size: 22px
    }

    .our-story .section-title span {
        display: inline
    }

    .team-grid-captions p {
        width: 38%
    }

    .price-row .free-col,
    .price-row .lite-col {
        margin-bottom: 50px
    }

    .price-row {
        padding: 0 30px
    }

    .fe-content-inner {
        min-height: initial
    }

    .va-serv .left-heading {
        text-align: center
    }

    .how-dnscols p {
        width: 96%
    }

    .how-we-banner .how-we-banner-content p {
        width: 75%
    }

    .how-we-banner .str-excellent,
    .who-we-banner .str-excellent {
        text-align: left;
        display: block;
        margin-top: 50px
    }

    .acs-col .acs-inner .acs-content h3 {
        font-size: 28px
    }

    .acs-col .acs-inner .acs-content ul {
        padding-left: 35px
    }

    .acs-col .acs-inner .acs-content ul li {
        font-size: 20px
    }

    .cl-col .cl-inner figure,
    .cu-col .cu-inner figure {
        height: auto;
        min-height: initial;
        width: 100%
    }

    .client-stry-slider-mob {
        display: block
    }

    .client-stry-slider-desk {
        display: none
    }

    .cl-col .cl-inner .cl-content .cl-cat {
        font-size: 36px
    }

    .cl-col .cl-inner .cl-content .sub-content {
        font-size: 30px;
        line-height: 1.3
    }

    .cu-col .cu-inner .cu-content {
        height: 100%
    }

    .faq-section .panel-group .panel-heading+.panel-collapse>.panel-body p {
        line-height: 1.5
    }

    .faq-section .panel-title>a:before {
        margin-left: 20px !important
    }

    .online-col ul li,
    .timeline .content ul li {
        position: relative;
        padding-left: 25px
    }

    .sab-heading {
        min-height: 55px;
        font-size: 16px
    }

    .sab-heading a {
        font-size: 16px !important
    }

    .crc-section {
        margin: 50px 0 0
    }

    .form-textarea,
    .form-textbox {
        width: 100% !important;
        max-width: 100% !important
    }
}

@media only screen and (max-width:640px) {
    .home-caption.d-table p.text-white.d-sm-none {
        display: none
    }

    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-slide h1 {
        font-size: 28px !important
    }

    .home-slide {
        height: 40vh
    }

    .home-caption {
        margin: 0 3% -5% 0 !important;
        padding-top: 100% !important;
        width: 100% !important
    }

    .blog-box .blogs-content .blog-title {
        font-size: 48px
    }

    .blog-box .blogs-content p {
        font-size: 22px
    }

    .blog-box .blogs-content {
        padding: 45px 20px
    }

    .values-slider .owl-nav div.owl-next,
    .values-slider .owl-nav div.owl-prev {
        background-color: rgb(234 247 247/72%);
        width: 65px;
        height: 65px;
        text-align: center;
        line-height: 60px;
        border-radius: 50px;
        z-index: 9
    }

    .values-slider .owl-nav div.owl-prev {
        left: 0
    }

    .values-slider .owl-nav div.owl-next {
        right: 0
    }

    .card-2 .card-content a {
        display: block
    }

    .video-block {
        height: 289px
    }

    .cl-col .cl-inner .cl-content .sub-content {
        font-size: 26px
    }
}

@media only screen and (max-width:540px) {
    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .helpu-buttons a:nth-child(3),
    .home-caption.d-table p.text-white.d-sm-none,
    .page-title .page-title-content h1 br {
        display: none
    }

    .home-slide h1 {
        font-size: 28px !important
    }

    .home-slide {
        height: 40vh
    }

    .blog-page-heading p {
        width: 91%
    }

    .side-icon {
        right: 7px
    }

    .post-img-list li:first-child {
        width: 310px;
        height: 220px
    }

    .post-img-list li:nth-child(2) {
        width: 198px
    }

    .post-img-list li:last-child {
        width: 198px;
        height: 112px
    }

    .blog-nav .nav-post a>i,
    .blog-nav .nav-pre a>i {
        background-color: #eaf7f7;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border-radius: 50px
    }

    .blog-single .blog-content .author-info p {
        width: 66%
    }

    .howdns-row .section-title span,
    .section-title span {
        display: inline-block
    }

    .how-dnscols p {
        width: 87%
    }

    .blog-box .blogs-content {
        padding: 32px 20px
    }

    .video-block {
        height: 284px
    }

    .our-story .timeline,
    .path-to .timeline {
        margin-left: 20px
    }

    #accordion2 {
        padding-right: 15px
    }

    #accordion2 .panel-title a,
    .acs-col .acs-inner .acs-content ul li {
        font-size: 18px
    }

    .howdns-row .emblem-bg {
        padding: 0 0 10px
    }

    .acs-col .acs-inner .acs-content {
        padding: 20px
    }

    .online-col p {
        width: 100%
    }

    .cl-col .cl-inner .cl-content .sub-content {
        font-size: 24px
    }

    .who-we-banner .who-we-banner-content p {
        width: 75%
    }
}

@media only screen and (max-width:480px) {
    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-caption.d-table p.text-white.d-sm-none {
        display: none
    }

    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    .blog-box .blogs-content .blog-title {
        font-size: 38px
    }

    .blog-box .blogs-content p {
        font-size: 20px
    }

    .video-block {
        height: 250px
    }

    .faq-section .panel-title>a.collapsed:before {
        margin-top: 0
    }

    .faq-section .panel-default>.panel-heading {
        padding: 15px 20px
    }

    .acs-col .acs-inner .acs-content p,
    .acs-col .acs-inner .acs-content ul li {
        font-size: 14px
    }

    .acs-col .acs-inner .acs-content ul {
        padding-left: 20px
    }
}

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

    .blog-box .blogs-content p,
    .team-page p,
    .terms-conditions-content #accordion2 .panel-heading h2 {
        font-size: 18px
    }

    .fe-content.blk-min-height {
        height: auto
    }

    .post-img-list li:first-child {
        width: 232px;
        height: 165px
    }

    .post-img-list li:nth-child(2) {
        width: 148px
    }

    .post-img-list li:last-child {
        width: 149px;
        height: 85px
    }

    .blog-single .blog-content .author-info p {
        width: 88%
    }

    .howdns-row .section-title br {
        display: none
    }

    .how-dnscols p {
        width: 100%
    }

    .terms-conditions-content #accordion2 .panel-title a {
        font-size: 18px;
        padding: 12px 15px 12px 50px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 32px
    }

    .acs-col .acs-inner .acs-content,
    .blog-box .blogs-content {
        padding: 20px
    }

    .guide-col .guide-img:before {
        width: 75px;
        bottom: -124px
    }

    .guide-col .guide-img figure {
        min-height: initial
    }

    .video-block {
        height: 211px
    }

    .video-block .video-play img {
        width: 80px
    }

    .timeline .container,
    .timeline.t-style-2 .content {
        padding-right: 10px
    }

    .team-page p {
        width: 75%
    }

    .team-grid-captions p {
        width: 54%
    }

    .price-row {
        padding: 0 20px
    }

    .faq-section .panel-title>a {
        font-size: 16px
    }

    .acs-col .acs-inner .acs-content ul {
        padding-top: 15px;
        padding-left: 0
    }

    .acs-col .acs-inner .acs-content h3 {
        font-size: 20px
    }

    .cl-col .cl-inner .cl-content .cl-cat {
        font-size: 30px
    }

    .cl-col .cl-inner .cl-content .sub-content {
        font-size: 22px
    }
}

@media only screen and (max-width:411px) {
    .post-img-list li:first-child {
        width: 232px;
        height: 165px
    }

    .post-img-list li:nth-child(2) {
        width: 147px
    }

    .post-img-list li:last-child {
        width: 147px;
        height: 85px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 34px
    }

    .blog-box .blogs-content p {
        font-size: 16px
    }

    .video-block {
        height: 195px
    }

    .path-to .timeline .content {
        padding-right: 19px
    }
}

@media only screen and (max-width:375px) {
    .fe-content.blk-min-height {
        height: auto
    }

    .post-img-list li:first-child {
        width: 210px;
        height: 151px
    }

    .post-img-list li:nth-child(2) {
        width: 133px
    }

    .post-img-list li:last-child {
        width: 133px;
        height: 67px
    }

    .blog-single .blog-content h2 {
        font-size: 22px
    }

    .page-title .page-title-content h1 {
        font-size: 36px;
        line-height: 41px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 30px
    }

    .blog-box .blogs-content p {
        font-size: 15px
    }

    .blog-box .blogs-content {
        padding: 10px
    }

    .guide-col .guide-img:before {
        width: 75px;
        bottom: -105px
    }

    .acs-col .acs-inner .acs-content h3,
    .guide-content-ot .guide-title {
        font-size: 20px
    }

    .guide-col .guide-content-ot {
        padding: 15px
    }

    .video-block {
        height: 192px
    }

    .video-block .video-play img {
        width: 65px
    }

    .team-grid-captions p {
        width: 65%
    }

    .acs-col .acs-inner .acs-content p,
    .plan-cols p {
        font-size: 16px
    }

    .faq-section .panel-title>a.collapsed:before {
        width: 40px;
        height: 40px
    }

    .faq-section .panel-default>.panel-heading h4 {
        line-height: 23px
    }

    .faq-section .panel-title>a:before {
        width: 40px;
        height: 40px;
        margin-left: 0;
        padding-left: 0;
        padding-top: 10px;
        padding-right: 40px
    }

    .how-we-banner .how-we-banner-content .btn-primary {
        margin-right: 10px
    }

    .acs-col .acs-inner .acs-content ul li {
        font-size: 14px
    }
}

@media only screen and (max-width:360px) {
    .fe-content.blk-min-height {
        height: auto
    }

    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-caption.d-table p.text-white.d-sm-none {
        display: none
    }

    
    

    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    .home-caption {
        margin: 0 3% -5% 0 !important;
        padding-top: 100% !important;
        width: 100% !important
    }

    .post-img-list li:first-child {
        width: 200px;
        height: 144px
    }

    .post-img-list li:nth-child(2) {
        width: 128px
    }

    .post-img-list li:last-child {
        width: 128px;
        height: 67px
    }

    .page-title-content {
        padding-left: 30px;
        padding-top: 20px
    }

    .blog-box .blogs-content {
        padding: 10px 30px
    }

    .blog-box .blogs-content p {
        font-size: 14px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 28px
    }

    .video-block {
        height: 183px
    }

    .hfa-services .online-col p {
        width: 100%;
        font-size: 18px
    }

    .trusted-team:before {
        bottom: 305px;
        left: 1px;
        width: 90px;
        height: 90px
    }

    .acs-col .acs-inner .acs-content {
        padding: 20px
    }

    .cl-col .cl-inner .cl-content .cl-cat {
        font-size: 22px
    }

    .cl-col .cl-inner .cl-content .sub-content {
        font-size: 18px
    }

    .dns-widget .iconcol-top img,
    .iconcol-top embed {
        width: 70%
    }

    .dns-widget .widget-num {
        margin: 0
    }
}

@media only screen and (max-width:320px) {
    .fe-content.blk-min-height {
        height: auto
    }

    .home-caption.d-table p.text-white.d-sm-none {
        display: none
    }

    .price-row,
    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    .post-img-list li:first-child {
        width: 176px;
        height: 122px
    }

    .post-img-list li:nth-child(2) {
        width: 112px
    }

    .post-img-list li:last-child {
        width: 112px;
        height: 64px
    }

    .blog-single .blog-content .author-info p {
        width: 83%
    }

    .page-title {
        padding: 15px 0
    }

    .dwnlod-form label.light {
        margin-top: 44px
    }

    .forms-col .forms-content-ot p,
    .inner-page-title .breadcrumb .breadcrumb-item,
    .inner-page-title .breadcrumb .breadcrumb-item>a {
        font-size: 18px
    }

    .terms-conditions-content #accordion2 .panel-title a {
        font-size: 16px;
        padding: 12px 15px 12px 40px
    }

    .acs-col .acs-inner .acs-content p,
    .terms-conditions-content #accordion2 .panel-heading h2,
    .thankyou-section p {
        font-size: 14px
    }

    .blog-single .blog-content .related-post-info p {
        line-height: 18px
    }

    .acs-col .acs-inner .acs-content ul li,
    .related-post-info p>a {
        font-size: 12px
    }

    .blog-box .blogs-content .blog-title {
        font-size: 22px
    }

    .blog-box .blogs-content p {
        font-size: 11px
    }

    .guide-col .guide-img:before {
        width: 60px;
        bottom: -74px
    }

    .card-2 .card-content p,
    .guide-content-ot .guide-title {
        font-size: 16px
    }

    .clint-cols p {
        font-size: 20px;
        line-height: 1.2
    }

    .accreditations-list li {
        width: 45px;
        height: 45px
    }

    .video-block {
        height: 161px
    }

    .values-slider .owl-nav div.owl-next,
    .values-slider .owl-nav div.owl-prev {
        width: 50px;
        height: 50px;
        line-height: 46px
    }

    .trusted-team:before {
        bottom: 328px;
        left: 3px;
        width: 80px;
        height: 80px
    }

    .card-2 .card-content .card-label {
        font-size: 16px;
        margin-left: 5px;
        margin-right: 5px
    }

    .team-grid-captions p {
        width: 75%
    }

    .helpu-buttons .btn-primary {
        margin-bottom: 20px
    }

    #accordion2 .panel-title a {
        font-size: 16px;
        padding: 12px 15px 12px 45px
    }

    #accordion2 .panel-body p {
        padding-left: 30px
    }

    .card-2 .card-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 30px
    }

    .how-we-banner .how-we-banner-content h1,
    .who-we-banner .who-we-banner-content h1 {
        font-size: 30px
    }

    .how-we-banner .how-we-banner-content p {
        font-size: 18px;
        width: 85%
    }

    .signup-setp-cta .btn-wborder {
        margin-bottom: 20px;
        margin-right: 0
    }

    .who-we-banner .who-we-banner-content .btn-primary {
        margin-right: 20px
    }

    .who-we-banner .who-we-banner-content p {
        width: 100%
    }

    .dns-widget span {
        font-size: 13px
    }
}

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

    .home-caption.d-table p.text-white.d-sm-none,
    .team-grid-captions p>br {
        display: none
    }

    .download-form,
    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    .dwnlod-form label.light {
        width: 89%;
        margin-top: -24px;
        margin-left: 20px
    }

    .complete-guide {
        padding-left: 0
    }

    .dwnlod-form,
    .location-box .loc-content {
        padding: 15px
    }

    .inner-page-title .page-title-content h1 {
        font-size: 32px;
        margin-bottom: 10px
    }

    #loc-benefits .dns-widget span,
    .acs-col .acs-inner .acs-content h3,
    .blockquote p,
    .cacl-col .cacl-content-ot p,
    .cacl-content-ot .cacl-title a,
    .card-1 .card-content .card-sub,
    .cl-col .cl-inner .cl-content .sub-content,
    .forms-col .forms-content-ot p,
    .forms-content-ot .forms-title a,
    .loc-intro p,
    .page-title .page-title-content p,
    .team-top-head {
        font-size: 16px
    }

    .btn-primary {
        padding: 8px 10px
    }

    .center-heading p,
    .guide-content-ot .guide-title,
    .inner-page-title .breadcrumb .breadcrumb-item,
    .inner-page-title .breadcrumb .breadcrumb-item>a,
    .team-grid-captions p,
    .timeline .content p {
        font-size: 14px
    }

    .bottom-title,
    .privacy-policy-section h3 {
        font-size: 22px
    }

    .blockquote {
        padding: 20px;
        margin-top: 20px
    }

    .page-title .page-title-content h1 {
        font-size: 28px;
        line-height: 35px
    }

    .blog-info .blog-author img {
        height: 30px;
        width: 30px
    }

    .blog-info .auth-name,
    .blog-info .blog-date {
        margin-right: 25px
    }

    .acs-col .acs-inner .acs-content p,
    .blog-info .auth-name a,
    .blog-info .blog-date a,
    .blog-info .blog-read-time a,
    .blog-info .blog-tag a,
    .blog-nav .nav-post a,
    .blog-nav .nav-pre a,
    .git-link ul>li>a,
    .online-col ul li {
        font-size: 12px
    }

    .blog-info .blog-read-time {
        padding-left: 5px;
        margin-left: 139px
    }

    .blog-info .auth-name,
    .blog-info .blog-date,
    .blog-info .blog-tag {
        margin-left: 42px
    }

    .blog-nav .nav-post a>i,
    .blog-nav .nav-pre a>i {
        width: 25px;
        height: 25px;
        line-height: 26px;
        border-radius: 30px
    }

    .blog-single .blog-content .author-info p {
        width: 77%
    }

    .related-post-info img {
        width: 100%;
        margin-bottom: 10px
    }

    .related-post-info p {
        margin-left: 0;
        width: 100%
    }

    .location-box .loc-content .loc-title a {
        font-size: 24px
    }

    .search-section #custom-search-input .search-query {
        padding-left: 10px
    }

    .search-section #custom-search-input input[type=submit] {
        padding: 0 15px
    }

    .blog-box .blogs-content {
        padding: 15px 10px
    }

    .blog-box .blogs-content .blog-title,
    .card-1 .card-content .card-title,
    .loc-git .git-content .git-text,
    .online-col p {
        font-size: 18px
    }

    .blog-box .blogs-content p {
        font-size: 9px
    }

    .blog-box .blogs-content .btn-primary {
        padding: 6px 8px;
        font-size: 12px
    }

    .guide-col .guide-img:before {
        width: 50px;
        bottom: -40px;
        left: -12px
    }

    .loc-git .git-content {
        padding: 15px;
        width: 100%
    }

    .cacl-content-ot .cacl-title {
        line-height: 12px
    }

    .video-block {
        height: 117px
    }

    .video-block .video-play img {
        width: 45px
    }

    .trusted-team:before {
        bottom: 405px
    }

    .teamhover figure .head-emblem-svg img {
        width: 20px;
        height: 20px
    }

    .cu-col .cu-inner .cu-content .cu-cat,
    .how-we-banner .how-we-banner-content .btn-primary,
    .who-we-banner .who-we-banner-content .btn-primary {
        margin-bottom: 20px
    }

    #accounting-sl .owl-nav div.owl-next,
    #accounting-sl .owl-nav div.owl-prev {
        width: 40px;
        height: 40px;
        line-height: 35px
    }

    .acs-col .acs-inner .acs-content ul {
        padding-top: 0;
        padding-left: 0
    }

    .acs-col .acs-inner .acs-content ul li {
        font-size: 10px
    }

    .cu-col .cu-inner .cu-content {
        padding: 25px 15px
    }

    .cl-col .cl-inner .cl-content .cl-cat {
        font-size: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:360px) and (max-width:479px) {
    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    

   
    .full-height {
        height: 400px
    }

    .cd-headline,
    h1 {
        font-size: 30px;
        line-height: 40px
    }

    .cd-headline.clip span {
        padding: 0
    }

    .hero-content p {
        margin: 8px 0 0
    }

    h2 {
        font-size: 26px;
        line-height: 36px
    }

    .slide-caption {
        padding: 0 5%;
        width: 100%
    }

    .silder .owl-nav div {
        font-size: 22px;
        width: 40px;
        height: 40px;
        top: 55%;
        left: 5px;
        padding: 6px 8px
    }

    .silder .owl-nav .owl-next {
        padding: 6px 10px;
        right: 5px
    }

    .slide-btn a {
        padding: 6px 15px;
        margin-top: 0
    }

    .silder .owl-dot {
        height: 3px;
        width: 30px
    }

    .silder .owl-dots {
        bottom: 15px
    }
}

@media only screen and (min-width:320px) and (max-width:359px) {

    .cd-headline.clip span,
    .py-120 {
        padding: 0
    }

    .bg-cover.py-60 {
        padding: 10px 0;
        margin-top: 10px
    }

    .home-caption.d-table p.text-white.d-sm-none {
        display: none
    }

    .home-slide h1 {
        font-size: 20px !important
    }

    .home-slide {
        height: 40vh
    }

    .home-caption {
        margin: 0 3% -5% 0 !important;
        padding-top: 100% !important;
        width: 100% !important
    }

    

    .full-height {
        height: 400px
    }

    .cd-headline,
    h1 {
        font-size: 30px;
        line-height: 40px
    }

    .hero-content p {
        margin: 8px 0 0
    }

    h2 {
        font-size: 26px;
        line-height: 36px
    }

    .slide-single.full-height {
        height: 480px
    }

    .slide-caption {
        padding: 0 5%;
        width: 100%
    }

    .silder .owl-nav div {
        font-size: 22px;
        width: 40px;
        height: 40px;
        top: 55%;
        left: 5px;
        padding: 6px 8px
    }

    .silder .owl-nav .owl-next {
        padding: 6px 10px;
        right: 5px
    }

    .slide-btn a {
        padding: 6px 15px;
        margin-top: 20px
    }

    .silder .owl-dot {
        height: 3px;
        width: 30px
    }

    .silder .owl-dots {
        bottom: 15px
    }
}

@media only screen and (min-device-width:2559px) and (max-device-width:2560px) {
    .main_menu nav ul.subMenu li {
        padding: 4px 0 !important
    }
}