/*==================================
    [Table of contents]
===================================
    01. min-width: 1594px
    02. min-width: 1594x & max-width: 1880px
    03. max-width: 1594px
    04. min-width: 1366px & max-width: 1593px
    05. min-width: 1200px & max-width: 1365px
    06. max-width: 1365px
    07. min-width: 1200
    08. min-width: 992px & max-width: 1199px
    09. max-width: 1199px
    10. min-width: 768px & max-width: 991px
    11. max-width: 991px
    12. min-width: 576px & max-width: 767px
    13. max-width: 767px
    14. max-width: 679px 
    15. max-width: 575px 
    16. max-width: 539px  
    17. max-width: 479px  
    18. max-width: 359px
*/

 /*----------------========----------------
/  01. min-width: 1594px
/----------------========----------------*/
 @media (min-width: 1594px) {
     .mid-cus-container {
         max-width: 1594px;
     }
 }

 /*----------------========----------------
/  02. min-width: 1594x & max-width: 1880px
/----------------========----------------*/
 @media (min-width: 1594px) and (max-width: 1880px) {
     .hm1-ServiceSection:before {
         left: -422px;
     }

     .hm1-ServiceSection:after {
         right: -130px;
     }

     .ServiceWhatWE-do:before {
         left: 40px;
     }

     .ServiceWhatWE-do:after {
         right: 30px;
     }

     .LatestBlogs01 {
         background-position: center center;
         background-size: contain;
     }
 }

 /*----------------========----------------
/  03. max-width: 1594px
/----------------========----------------*/
 @media (max-width: 1593px) {
     .mid-cus-container {
         width: 100%;
         max-width: 100%;
     }
 }

 /*----------------========----------------
/  04. min-width: 1366px & max-width: 1593px
/----------------========----------------*/
 @media (min-width: 1366px) and (max-width: 1593px) {
     .project01-desc {
         padding: 26px 10px 19px 120px;
     }

     .project01-desc h3 {
         font-size: 20px;
         line-height: 26px;
     }

     .project01-desc .pj-category {
         font-size: 15px;
         line-height: 29px;
     }

     .projectSection01 {
         background-position: center top 233px;
     }

     .ProjectMainV2 {
         background-position: center 250px;
     }

     .projectSection01:before {
         left: 40px;
     }

     .Testimonail02-area .testimonial-item {
         padding: 18px 15px 33px;
     }

     .Testimonial01-area:before {
         left: 80px;
     }

     .LatestBlogs01 {
         background-position: center center;
         background-size: contain;
     }

     .ServiceWhatWE-do:before {
         left: 10px;
     }

     .hm1-ServiceSection:before {
         top: -15px;
         left: -470px;
     }

     .hm1-ServiceSection:after {
         top: -75px;
         right: -210px;
     }

     .header02 .mainMenu>ul>li {
         margin: 0 30px 0 0;
     }
 }

 /*----------------========----------------
/  05. min-width: 1200px & max-width: 1365px
/----------------========----------------*/
 @media (min-width: 1200px) and (max-width: 1365px) {

     .Testimonial01-area,
     .testimonialNO-gb {
         overflow-x: hidden;
     }

     .ProjectMain-section {
         overflow: hidden;
     }

     .ProjectMainV2 .col-lg-4.col-xl-3 {
         width: 33.33333333%;
     }

     .Testimonial01-area:before {
         left: 80px;
     }

     .LatestBlogs01 {
         background-position: center center;
     }

     .hm1-ServiceSection:before {
         top: -85px;
         left: -325px;
     }

     .hm1-ServiceSection:after {
         top: -135px;
         right: -240px;
     }

     .header02 {
         padding: 31px 18px 0;
     }

     .headerInner02 .mainMenu>ul {
         padding: 0 22px 0 0;
     }

     .header02 .mainMenu>ul>li:last-child {
         margin-right: 0;
     }
 }

 /*----------------========----------------
/  06. max-width: 1365px
/----------------========----------------*/
 @media (max-width: 1365px) {
     .ProjectMainV2 {
         background-position: center 255px;
     }

     .projectSection01:before {
         left: 40px;
     }

     .ServiceWhatWE-do:before {
         top: 38px;
         left: 20px;
     }

     .projectSection01 {
         background-position: center top 245px;
     }

     .faq-Section:before {
         top: 220px;
         left: 12px;
     }

     .faq-Section:after {
         bottom: 160px;
         right: 12px;
     }

     .s2underlines:after {
         background-size: 100%;
         background-position: bottom left;
         bottom: 18px;
     }
 }

 /*----------------========----------------
/  07. min-width: 1200
/----------------========----------------*/
 /* @media(min-width:1200px) { */
 @media(min-width:992px) {
     .mainMenu {
         display: -webkit-box !important;
         display: -ms-flexbox !important;
         display: flex !important;
     }
 }

 /*----------------========----------------
/  08. min-width: 992px & max-width: 1199px
/----------------========----------------*/
 @media (min-width: 992px) and (max-width: 1199px) {
     .Our-teamMember-area {
         padding: 125px 0 94px;
     }

     .contactIconBox-section .iconBox01:after {
         bottom: -330px;
         left: 170px;
     }

     .subscribe-Form {
         margin-left: 0px;
     }

     .secTitle {
         font-size: 50px;
         line-height: 55px;
     }

     .aboutDigitalAgency .secTitle,
     .projectSection02 .secTitle {
         line-height: 60px;
     }

     .sdb-widget,
     aside.latestPost-widget {
         padding: 40px 25px 32px 25px;
     }

     .sdb-quickemail-text h3 {
         font-size: 24px;
         line-height: 32px;
     }

     .latestpost h4 {
         font-size: 16px;
         line-height: 26px;
     }

     .commentContent br {
         display: none;
     }

     .project03-desc {
         padding: 32px 18px 33px;
     }

     .project03-desc h3 {
         line-height: 28px;
         font-size: 20px;
     }

     .project01-desc {
         padding: 26px 10px 19px 118px;
     }

     .project01-desc h3 {
         font-size: 19px;
         line-height: 25px;
     }

     .project01-desc .pj-category {
         font-size: 15px;
         line-height: 29px;
     }

     .pj-dIconBox01 {
         padding: 0 0 0 84px;
     }

     .pj-dIconBox01 h3 {
         font-size: 19px;
         line-height: 31px;
     }

     .prj-ProcessDetails p br {
         display: none;
     }

     .iconBox05 {
         padding: 63px 18px 62px;
     }

     .srv-DetailsMain-content p br {
         display: none;
     }

     .srv-Process-smThumb {
         margin-right: 0;
     }

     .srv-Process-smThumb img {
         width: 100%;
         height: auto;
     }

     .about-company-content {
         padding: 0;
     }

     .about-company-content .secTitle,
     .our-Mission-content .secTitle {
         font-size: 44px;
         line-height: 49px;
     }

     .our-Mission-content .secTitle {
         line-height: 54px;
     }

     .aboutCompany01-readMore p {
         font-size: 22px;
         line-height: 34px;
     }

     .consulation-content .secDesc br {
         display: none;
     }

     .anmoCounter {
         padding: 18px 9px;
     }

     .anmoCounter01-desc {
         font-size: 17px;
         line-height: 25px;
     }

     .call-Accuracy-Counter {
         margin-left: 0px;
     }

     .noPaddingLeft {
         padding-left: 12px;
     }

     .ourAgency-left {
         padding-right: 0;
     }

     .ourAgency-thumbnailColL {
         padding: 0 38px 0 12px;
     }

     .ourAgency-thumbnailColR {
         padding: 0px 45px 0 0px;
     }

     .ourAgency-left:after {
         width: 520px;
         height: 520px;
     }

     .ourAgency-projectDone {
         padding: 19px 15px 18px;
         margin: 0;
     }

     .ourAgency-pojectDone-desc {
         padding: 0;
     }

     .ourAgency-pojectDone-desc p {
         font-size: 16px;
     }

     .h2OurAgency-iconBox h3 {
         font-size: 18px;
         line-height: 28px;
     }

     .h2OurAgency-iconBox .iconBox02-icon {
         width: 60px;
         height: 60px;
     }

     .h2OurAgency-iconBox .iconBox02-icon i {
         font-size: 40px;
     }

     .h2OurAgency-iconBox .iconBox02 {
         padding: 0 4px 2px 72px;
     }

     .counterIconBox-3 .countericonBox01 {
         margin-left: 10px;
     }

     .counterIconBox-4 .countericonBox01 {
         float: unset;
         padding-left: 10px;
     }

     .aboutDigitalAgency-content {
         padding-right: 25px;
     }

     .serviceR01-iconbox03-col {
         padding: 0 12px 0 12px;
     }

     .hm1-ServiceSection:before {
         top: 30px;
         left: -657px;
     }

     .hm1-ServiceSection:after {
         top: -20px;
         right: -350px;
     }

     .contactIconBox-section .iconBox01 {
         padding: 48px 30px 33px;
     }
 }

 /*----------------========----------------
/  09. max-width: 1199px
/----------------========----------------*/
 @media (max-width: 1199px) {
     .pageBanner:after {
         left: -4px;
     }

     .Hero-button {
         padding-left: 0;
         float: right;
     }

     .Hero-content h3 {
         font-size: 20px;
     }

     .footer .widget.aboutAnmo {
         padding: 0;
     }

     .footer .widget.getInTouch {
         padding: 0;
         margin-right: 0;
     }

     .footer .widget.explore-link {
         padding: 0 0 0 40px;
     }

     .footer .widget.officeTime-widget {
         padding: 0 0 0 0px;
         margin-right: -4px;
     }

     .footer-area:before {
         top: 25px;
         left: 20px;
     }

     .footer-area:after {
         top: 111px;
         right: 15px;
     }

     .Testimonial01-area,
     .testimonialNO-gb {
         overflow-x: hidden;
     }

     .Testimonial01-area .secTitle:after {
         right: -10px;
     }

     .Testimonial01-area:after {
         right: 10px;
         bottom: 150px;
     }

     .Testimonial01-area:before {
         top: 45px;
         left: 40px;
     }

     .testimonialNO-gb .testimonial-item {
         padding: 35px 34px 61px;
     }

     .fofPage h3 {
         font-size: 44px;
     }

     .fofPage h1 {
         font-size: 222px;
     }

     .fofPage {
         padding: 140px 0 150px;
     }

     .contact-googleMap,
     .googleMapJS {
         padding: 0 0px 0 0;
     }

     .sdb-widget:before {
         left: auto;
         right: 21px;
     }

     .blogDetails-content p>br {
         display: none;
     }

     .babSocial {
         right: 30px;
     }

     .project01-SectionTitle .secTitle:after {
         top: auto;
         bottom: -50px;
         right: -35px;
     }

     .consulation-content {
         padding-top: 10px;
     }

     .LatestBlogs01 {
         background-position: center center;
         background-size: cover;
     }

     .aboutDigitalAgency-content p br {
         display: none;
     }

     /* Menu CSS */
     .header02 {
         padding: 31px 18px 0;
     }


     .sliderMainImage img {
         width: 100% !important;
         height: auto !important;
     }

     .s2underlines:after {
         bottom: 17px;
     }
 }

 /*----------------========----------------
/  10. min-width: 768px & max-width: 991px
/----------------========----------------*/
 @media (min-width: 768px) and (max-width: 991px) {
     .testimonial-item {
         padding: 18px 25px 33px;
     }

     .testimonialNO-gb .testimonial-item {
         padding: 35px 18px 61px;
     }

     .contactIconBox-section .iconBox01:after {
         bottom: -329px;
         left: 206px;
     }

     .iconBox02 p br {
         display: none;
     }

     .iconBox02 {
         padding: 0 15px 0 81px;
         position: relative;
     }

     .hm1-ServiceSection:before {
         left: -635px;
     }

     .hm1-ServiceSection:after {
         right: -350px;
     }

     .project03-desc {
         padding: 32px 22px 33px;
     }

     .bi01Body h3 {
         font-size: 22px;
         line-height: 34px;
     }

     .textLayer .textPara {
         white-space: normal !important;
     }

     .textLayer .textPara br {
         display: none;
     }
 }

 /*----------------========----------------
/  11. max-width: 991px
/----------------========----------------*/
 @media (max-width: 991px) {
     .menuToggler {
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
         background: #fff;
         height: 61px;
         width: 61px;
         padding: 0;
         color: #140e25;
         font-size: 18px;
         font-weight: 600;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin: 17px 0 21px 15px;
         border-radius: 50%;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }

     .headerInner02 .menuToggler {
         width: auto;
         height: 60px;
         padding: 0 25px;
         border-radius: 3px;
         background: #3482fe;
         color: #FFF;
         margin: 20px 15px 19px 0;
     }

     .menuToggler i {
         position: relative;
         margin: 0;
     }

     .headerInner02 .menuToggler i {
         top: -1px;
         margin: 0 9px 0 0;
     }

     .menuToggler span {
         display: none;
     }

     .headerInner02 .menuToggler span {
         display: inline-block;
     }

     .menuToggler:hover,
     .menuToggler.active {
         background: #3482fe;
         color: #fff;
     }

     .mainMenu {
         display: none;
         position: absolute;
         left: 0;
         top: 100%;
         z-index: 999;
         background: #fff;
         width: 100%;
         border-top: 2px solid #3482fe;
         border-radius: 2px;
         box-shadow: 0 0 50px 0 rgb(29 35 58 / 8%);
         padding: 5px 0;
         max-height: calc(100vh - 180px);
         overflow-y: auto;
     }

     .mainMenu ul {
         display: block;
         width: 100%;
     }

     .headerInner02 .mainMenu>ul {
         padding: 0;
     }

     .mainMenu>ul>li,
     .header02 .mainMenu>ul>li {
         margin: 0;
         padding: 0;
     }

     .mainMenu>ul>li:last-child>a {
         border-bottom: none;
     }

     .mainMenu>ul>li>a {
         display: block;
         padding: 14px 25px;
     }

     .mainMenu ul li.menu-item-has-children>a:after {
         float: right;
     }

     .mainMenu ul li ul {
         position: relative;
         display: none;
         top: auto;
         left: auto;
         width: 100%;
         padding: 0 25px;
         margin: 0;
         background: transparent;
         text-align: left;
         box-shadow: none;
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
         border-top: none;
         visibility: visible;
         border-radius: 0;
         -webkit-transition: none;
         transition: none;
     }

     .mainMenu ul li ul li ul {
         left: auto;
         top: auto;
         margin: 10px 0 0;
     }

     .mainMenu ul li ul li {
         padding: 0;
         margin: 0;
         background: #f6f6f7;
         padding: 12px 25px;
     }

     .mainMenu ul li ul li ul li {
         background: rgba(255, 255, 255, .9);
     }

     .mainMenu ul li ul li a {
         width: 100%;
     }

     .underlines:after {
         bottom: 1px;
         background-size: 100%;
         background-position: bottom left;
         left: 0;
     }

     .mainMenu ul li ul li:hover ul {
         top: auto;
         left: auto;
     }

     .mainMenu ul li>ul li.menu-item-has-children>a:after {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }

     .footer .noPaddingRight {
         padding-right: 12px;
     }

     .footer .widget.explore-link {
         padding: 0;
     }

     .fofImg {
         margin: 40px 0 0;
         bottom: 0;
         text-align: center;
     }

     .fofContent-col {
         text-align: center;
     }

     .fofPage h1,
     .fofPage h3,
     .fofPage p {
         padding-left: 0px;
     }

     .contact-form {
         padding: 0;
         margin: 55px 0 0;
     }

     .subscribe-Form {
         margin: 40px 0 0;
     }

     .secTitle {
         font-size: 44px;
         line-height: 49px;
     }

     .our-Mission-content .secTitle,
     .aboutDigitalAgency .secTitle,
     .projectSection02 .secTitle {
         line-height: 54px;
     }

     .aboutDigitalAgency .secTitle br,
     .projectSection02 .secTitle br {
         display: none;
     }

     .contact-section-heading {
         margin: 0 0 60px;
     }

     .LatestBlogs02 .col-lg-4.col-md-12 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         margin-top: 50px;
     }

     .blogList-Main-section .col-lg-4.col-md-12 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         margin-top: 50px;
     }

     .blogDetails-section .col-lg-4.col-md-12 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         margin-top: 50px;
     }

     .projectDetails-section .col-lg-4.col-md-12 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         margin-top: 50px;
     }

     .serviceDetails-section .col-lg-4.col-md-12 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
         margin-top: 50px;
     }

     .ProjectMainV2 {
         background-position: center 285px;
     }

     .prj-ProcessDetails p br {
         display: none;
     }

     .serviceDetails-section p br {
         display: none;
     }

     .anmoCounter {
         padding: 60px 9px;
     }

     .about-company-content {
         padding: 0;
         margin-top: 40px;
     }

     .abOur-MissonCol-Call {
         -webkit-box-ordinal-group: 0;
         -ms-flex-order: -1;
         order: -1;
     }

     .our-Mission-img {
         padding: 0;
         margin-bottom: 30px;
     }

     .our-Mission-img img {
         width: 100%;
         height: auto;
     }

     .our-Mission-content .secTitle br {
         display: none;
     }

     .Free-consulation-section .secDesc br {
         display: none;
     }

     .Free-Consulation {
         max-width: 100%;
         margin: 50px 0 0 0;
     }

     .Free-consulation-section .secTitle {
         margin-bottom: 25px;
     }

     .teamCarousel01-area:before {
         top: 75px;
         left: 20px;
     }

     .teamCarousel01-secHeading .secTitle br {
         display: none;
     }

     .testimonalNav {
         padding: 0;
     }

     .teamCarousel01-secHeading .secTitle {
         font-size: 42px;
         line-height: 48px;
     }

     .ourAgency-left {
         padding-right: 12px;
     }

     .ourAgency-thumbnailColL {
         padding: 0 12px 0 12px;
     }

     .ourAgency-thumbnailColR {
         padding: 0 0 0 17px;
         margin: 40px 0 0;
     }

     .ourAgency-pojectDone-desc p br {
         display: none;
     }

     .project02-GetStarted {
         padding: 2px 0 0 0px;
     }

     .countericonBox01,
     .counterIconBox-2 .countericonBox01,
     .counterIconBox-4 .countericonBox01 {
         margin-left: auto;
         margin-right: auto;
         float: unset;
     }

     .trusted-partnersCarousel {
         margin: 58px 0 100px;
     }

     .aboutDigitalAgency-content {
         padding-right: 0;
     }

     .about-digitialAgency-thumb1 {
         margin-top: 40px;
         padding: 0;
     }

     .about-digitialAgency-thumb2 {
         float: unset;
         width: 100%;
         padding: 0;
     }

     .about-digitialAgency-thumb1 img,
     .about-digitialAgency-thumb2 img {
         width: 100%;
         height: auto;
     }

     .ourAgency-left:after {
         bottom: 25%;
         width: 500px;
         height: 500px;
         left: auto;
     }

     .what-WeDo-column {
         margin-top: 50px;
     }

     .agency-Card-placeHolder .paddingRight1 {
         padding-right: 12px;
     }

     .agency-Card-placeHolder .paddingLeft1 {
         padding-left: 12px;
         margin-top: 2px;
     }

     .ServiceWhatWE-do:after {
         top: 215px;
         right: 20px;
     }

     .LatestBlogs01 {
         padding: 83px 0 119px;
         background-color: #faf6f3;
         background-image: url(../images/home1/H-blog-bg.png);
         background-position: center center;
         background-size: cover;
         background-repeat: no-repeat;
     }

     .ServiceWhatWE-do:before {
         height: 76px;
         width: 46px;
     }

     .ServiceWhatWE-do:after {
         height: 70px;
         width: 64px;
     }

     .tb-info {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         padding: 15px 12px;
     }

     div.tb-info {
         justify-content: flex-end;
         padding-right: 0px;
     }

     span.tb-infoTime {
         display: none;
     }

     .tb-info span a {
         top: -1px;
     }

     .s2underlines:after {
         bottom: 12px;
         left: 0;
     }

 }

 /*----------------========----------------
/  12. min-width: 576px & max-width: 767px
/----------------========----------------*/
 @media (min-width: 576px) and (max-width: 767px) {
     .contactIconBox-section .iconBox01:after {
         bottom: -330px;
         left: 376px;
     }

     .mid-cus-container {
         max-width: 540px;
         width: 100%;
     }

     .anmoCounter {
         padding: 27px 9px;
     }

     .anmoCounter01-desc {
         font-size: 20px;
         line-height: 28px;
     }

     .h2OurAgency-iconBox .iconBox02 {
         padding: 0 4px 2px 70px;
     }

     .h2OurAgency-iconBox .iconBox02-icon {
         width: 60px;
         height: 60px;
     }

     .h2OurAgency-iconBox .iconBox02-icon i {
         font-size: 40px;
     }

     .h2OurAgency-iconBox h3 {
         font-size: 18px;
         line-height: 28px;
     }

     .Header-Topbar01 .container,
     .header01 .container {
         max-width: 100%;
     }

 }

 /*----------------========----------------
/  13. max-width: 767px
/----------------========----------------*/
 @media (max-width: 767px) {
     .pageBannerContent h2 {
         font-size: 66px;
     }

     .Hero-button {
         float: unset;
         text-align: center;
     }

     .Hero-content h3 {
         text-align: center;
         margin-bottom: 25px;
     }

     .singleAddress.saMapCall i {
         top: 2px;
     }

     .siteInfo {
         text-align: center;
         margin-bottom: 10px;
     }

     .footerInfoNav {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         padding: 0;
     }

     .secTitle br {
         display: none;
     }

     .subscribe-content .secTitle {
         margin-bottom: 20px;
     }

     .Testimonial01-area .secTitle:after {
         top: 100px;
     }

     .testimonialNO-gb .testimonial-item {
         padding: 35px 25px 61px;
     }

     .fofImg>img {
         width: 100%;
     }

     .fofPage:before {
         left: 25px;
     }

     .fofPage:after {
         right: 25px;
         top: 70%;
     }

     .Contact-Subscribe,
     .blogGrid-subscribe,
     .blog-listSubscrive-section {
         padding: 110px 0 95px;
     }

     .contactIconBox-section {
         padding: 100px 0 75px;
     }

     .sdb-quickemail-text h3 br {
         display: none;
     }

     .blogMain-grid {
         padding: 100px 0 0;
     }

     .commentContent br {
         display: none;
     }

     .bdetails-testimonial-text {
         padding: 21px 10px 5px 17px;
     }

     .ProjectMain-section {
         padding: 100px 0 0;
     }

     .Projectv1-Subscribe {
         padding: 100px 0 102px;
     }

     .case-Statuslist .case_statusUlRight {
         padding-left: 0px;
     }

     .solution-List02Right {
         padding-left: 0px;
     }

     .srv-ProcessList ul {
         margin: 0;
         padding: 0;
     }

     .case-Statuslist {
         margin: 0 0 7px;
     }

     .projectDetails-section {
         padding: 102px 0 92px;
     }

     .srv-ProcessList ul.case_statusUlRight {
         margin-bottom: 38px;
     }

     .projectGallery.owl-carousel .owl-nav button,
     .projectGallery2.owl-carousel .owl-nav button {
         line-height: 54px;
         width: 50px;
         height: 50px;
     }

     .service-itemsRow .iconBox06 h3 br {
         display: none;
     }

     .srv-Process-smThumb {
         margin-right: 0;
         margin-top: 40px;
     }

     .srv-Process-smThumb img {
         width: 100%;
         height: auto;
     }

     .call-Accuracy-Counter {
         margin-left: 0;
     }

     .noPaddingLeft {
         padding-left: 12px;
     }

     .testimonalNav .tmprev,
     .testimonalNav .tmnext {
         width: 50px;
         height: 87px;
     }

     .testimonalNav .tmprev i,
     .testimonalNav .tmnext i {
         font-size: 24px;
         line-height: 87px;
     }

     .testimonalNav .tmprev {
         margin-right: 12px;
     }

     .counterIconBox-3 .countericonBox01,
     .counterIconBox-4 .countericonBox01 {
         margin-left: auto;
         padding-left: 0;
     }

     .hm1-ServiceSection:after {
         right: -500px;
     }

     .hm1-ServiceSection:before {
         left: -900px;
     }

     .iconBox02 {
         padding: 0 25px 0 81px;
     }

     .iconBox02 p br {
         display: none;
     }

     .accordion-body {
         padding: 29px 20px 32px 20px;
     }


     .shapeResponsive img {
         width: 100% !important;
         height: auto !important;
     }

     .textLayer .textPara {
         white-space: normal !important;
     }

     .textLayer .textPara br {
         display: none;
     }

     .s2underlines:after {
         bottom: 8px;
     }
 }

 /*----------------========----------------
/ 14. max-width: 679px 
/----------------========----------------*/
 @media(max-width:679px) {
     .headerInner02 .menuToggler span {
         display: none;
     }

     .headerInner02 .menuToggler i {
         margin: 0;
     }

     .headerInner02 .anUser a span {
         display: none;
     }

     .headerInner02 .anUser a i {
         margin: 0;
     }
 }

 /*----------------========----------------
/  15. max-width: 575px
/----------------========----------------*/
 @media (max-width: 575px) {
     .footer-area {
         padding: 105px 0 29px;
     }

     .pageBanner:after {
         left: 50%;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
         bottom: -430px;
     }

     .Hero-content h3 {
         font-size: 22px;
     }

     .secTitle,
     .projectSection01 .secTitle {
         font-size: 38px;
         line-height: 43px;
     }

     .our-Mission-content .secTitle,
     .aboutDigitalAgency .secTitle,
     .projectSection02 .secTitle {
         line-height: 48px;
     }

     .fofPage h1 {
         font-size: 130px;
     }

     .fofPage h3 {
         font-size: 30px;
         line-height: 40px;
     }

     .fofPage {
         padding: 85px 0 80px;
     }

     .contactIconBox-section .iconBox01:after {
         bottom: -330px;
         left: auto;
         right: -285px;
     }

     .contact-section-heading p br {
         display: none;
     }

     .blogMain-grid,
     .blogList-Main-section,
     .blogDetails-section {
         padding: 100px 0 0;
     }

     .singleComment .comment-reply {
         position: relative;
         right: 0px;
         margin-top: 23px;
     }

     .blogSocialIcon {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }

     .blogTag {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         margin-top: 20px;
     }

     .ProjectMainV2 {
         padding: 106px 0 97px;
     }

     .pj-dIconBox01 .iconBox02-icon {
         width: 60px;
         height: 60px;
     }

     .pj-dIconBox01 {
         padding: 0px 0 0 78px;
     }

     .srv-DetailsTitle {
         font-size: 40px;
     }

     .teamCarousel01-secHeading .secTitle {
         font-size: 36px;
         line-height: 42px;
     }

     .teamCarousel01-secHeading {
         padding: 0 0 20px;
         -webkit-box-align: end;
         -ms-flex-align: end;
         -ms-grid-row-align: flex-end;
         align-items: flex-end;
     }

     .testimonalNav {
         padding: 40px 0 0;
     }

     .teamCarousel01-area:after {
         right: 15px;
     }

     .consulation-processing-timer {
         text-align: center;
     }

     .call-Accuracy-Counter {
         margin-top: 40px;
     }

     .homeAbout-company-mainThumb {
         border-radius: 4px;
     }

     .aboutHm01-col-7 {
         padding: 0 12px;
     }

     .aboutHm01-col-5 {
         margin-top: 40px;
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
         padding: 0 12px;
     }

     .ourAgency-projectDone {
         padding: 50px 25px 52px;
         margin-bottom: 30px;
     }

     .ourAgency-pojectDone-desc {
         padding: 0;
     }

     .h2OurAgency-iconBox .iconBox02 {
         min-height: 75px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }

     .Agency-core-dev {
         padding: 0 12px;
         margin-top: 30px;
     }

     .ourAgency-left {
         padding: 0;
         overflow: hidden;
     }

     .ourAgency-thumbnailColR {
         padding: 0;
     }

     .serviceR01-iconbox03-col {
         padding: 0 12px 0 12px;
     }

     .iconBox03 p {
         max-width: 100%;
     }

     .digital-solution-expertise {
         left: -54px;
     }

     .header02 {
         padding: 20px 3px 0;
     }

     .header02 .anItems .anUser {
         margin: 34px 15px 32px 0;
     }

     .header02 .headerInner02 {
         padding: 0 15px 0;
     }

     .anContact a {
         min-width: 130px;
     }

     .headerInner02 .menuToggler {
         padding: 0 22px;
     }

     div.tb-info {
         display: none;
     }

     .contactExpert01-icon i {
         padding: 9px 9px 10px 12px;
     }

 }

 /*----------------========----------------
/ 16. max-width: 539px 
/----------------========----------------*/
 @media(max-width:539px) {
     .anUser a span {
         display: none;
     }

     .anUser a i {
         margin: 0;
     }
 }


 /*----------------========----------------
/  17. max-width: 479px
/----------------========----------------*/
 @media (max-width: 479px) {
     .pageBannerContent h2 {
         font-size: 46px;
     }

     #backtotop {
         right: 12px;
         bottom: -25px;
         width: 40px;
         height: 40px;
         line-height: 40px;
     }

     section.testimonialNO-gb {
         padding: 50px 0 70px;
     }

     .testimonialNO-gb .testimonial-item {
         padding: 35px 15px 61px;
     }

     .testimonial-item {
         padding: 18px 15px 33px;
     }

     .subscribe-content .secTitle {
         font-size: 32px;
         margin-bottom: 20px;
         line-height: 42px;
     }

     .subscribe-Form {
         padding: 35px 15px 30px;
     }

     .sdb-widget,
     aside.latestPost-widget,
     aside.sdb-QuickEmail {
         padding: 52px 20px 42px 20px;
     }

     .latestpost h4 {
         font-size: 16px;
         line-height: 26px;
     }

     .blogDetails-content .blogTitle {
         font-size: 28px;
     }

     .blogListItem .bi01Body h3 {
         font-size: 28px;
     }

     .bdetails-testimonial-text {
         padding: 17px 10px 1px 12px;
         font-size: 19px;
         line-height: 35px;
     }

     .blogAuthorBox {
         padding: 45px 10px 25px 10px;
     }

     .blogAuthorBox .cm-Author-date h3 {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         margin: 0 0 0 16px;
     }

     .blogAuthorBox p {
         margin-top: 18px;
     }

     .blogAuthorBox img {
         position: relative;
         top: 0;
         left: 0;
         width: 65px;
         height: 65px;
     }

     .babSocial {
         top: 37px;
         right: 10px;
     }

     .cm-Author-date {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }

     .cm-Author-date h3 {
         margin: 7px 0 2px 16px;
     }

     .cm-Author-date .commentdate {
         margin: 0 0 0 16px;
     }

     .commentContent {
         margin-top: 18px;
     }

     .singleComment img {
         position: relative;
         top: 0;
         left: 0;
         width: 65px;
         height: 65px;
         border-radius: 50%;
     }

     .singleComment {
         padding: 4px 0px 41px 0;
     }

     ul .singleComment {
         padding: 4px 0 29px 0px;
     }

     .comment-list ul {
         padding: 0 0 0 0px;
     }

     .project03-desc {
         padding: 32px 18px 33px;
         margin: 0 24px;
         margin-top: -74px;
     }

     .project03-desc h3 {
         line-height: 30px;
         font-size: 22px;
     }

     .project01-desc span {
         font-size: 52px;
         line-height: 36px;
     }

     .project01-desc {
         padding: 26px 8px 19px 110px;
     }

     .project01-desc h3 {
         font-size: 20px;
         line-height: 26px;
     }

     .project01-desc .pj-category {
         font-size: 15px;
         line-height: 29px;
     }

     .aboutCompany01-readMore {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
     }

     .aboutCompany01-readMore p {
         margin: 0 0 30px;
         text-align: center;
         max-width: 100%;
     }

     .iconBox02 {
         padding: 0px 8px 0 74px;
     }

     .Free-Consulation {
         padding: 52px 10px 62px;
     }

     .Free-Consulation h2 {
         font-size: 34px;
         line-height: 58px;
     }

     .teamCarousel01-area {
         padding: 125px 0 127px;
     }

     .iconBox04-icon {
         width: 60px;
         height: 71px;
         left: 15px;
         border-radius: 10px;
     }

     .iconBox042nd-card .iconBox04-icon {
         left: 15px;
     }

     .iconBox04-icon img {
         width: 35px;
         height: auto;
     }

     .iconBox04-icon img.file-interface-icon {
         width: 48px;
         height: auto;
     }

     .iconBox04 {
         background-color: #333e4f;
         border-radius: 3px;
         padding: 42px 15px 36px 90px;
         position: relative;
     }

     .popup_search_form input[type="search"] {
         font-size: 20px;
         line-height: 48px;
     }

     .menuToggler {
         height: 45px;
         width: 45px;
         margin: 26px 0 28px 10px;
     }

     .anItems>div.menu-grid {
         margin: 26px 0 28px;
     }

     .menu-grid>a {
         width: 45px;
         height: 45px;
         line-height: 45px;
     }

     .menu-grid>a i {
         font-size: 25px;
         top: 4px;
     }

     .anItems>div.anSearch {
         margin: 32px 10px 35px 0;
     }

     .anItems .anSearch a>i {
         top: 5px;
         font-size: 20px;
     }

     .anItems .anUser {
         display: none;
     }

     .headerInner01 {
         padding: 0 12px 0 12px;
     }

     .anItems {
         padding: 0 0 0 12px;
     }

     .leftSidebarContent {
         padding: 35px 15px 40px;
     }

     .leftSidebarContentArea p {
         font-size: 16px;
         line-height: 30px;
     }

     .leftSidebarCloser {
         right: 15px;
         top: 35px;
         width: 40px;
         height: 40px;
         line-height: 40px;
     }

     .leftSidebarLogo {
         margin-bottom: 32px;
     }

     .leftSidebarContentArea p {
         margin: 0 0 28px;
     }

     .leftSidebarContentArea .singleAddress {
         margin: 0 0 15px;
     }

     .header02 .anItems>div.anContact {
         display: none;
     }

     .headerInner02 .menuToggler {
         margin: 20px 0px 19px;
     }

     .headerInner02 .menuToggler i {
         font-size: 22px;
     }
 }

 /*----------------========----------------
/  18. max-width: 359px
/----------------========----------------*/
 @media (max-width: 359px) {
     .siteInfo {
         font-size: 13px;
         margin-bottom: 5px;
     }

     .footerInfoNav ul li a {
         font-size: 13px;
     }

     .iconBox05 {
         padding: 63px 18px 62px;
     }

     .anmoSupport .tb-contect-tel,
     .anmoSupport .tb-contect-expert {
         font-size: 14px;
         line-height: 24px;
     }

     .tb-info span,
     .tb-info span a {
         font-size: 14px;
         line-height: 24px;
     }

     .anItems>div.anSearch {
         display: none;
     }

     .contactIconBox-section .iconBox01 {
         padding: 48px 25px 33px;
     }
 }