/*==================================
    [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){
    .mainMenu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .headerInner01 .logo img{max-width: 300px;}
}

/*----------------========----------------
/  08. min-width: 992px & max-width: 1199px
/----------------========----------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    
    .headerInner01 .logo img{max-width: 280px;}
    
    .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;
    }
    .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: 45px;
        padding: 0 25px;
        border-radius: 3px;
        background: var(--thm-1);
        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: var(--thm-1);
        color: #fff;
    }
    .mainMenu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        background: #fff;
        width: 100%;
        border-top: 2px solid var(--thm-1);
        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);
    }
    .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) {
    .headerInner01 .logo img{max-width: 250px;}
    .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) {
    .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: 33px;
        line-height: 39px;
    }
    .our-Mission-content .secTitle,
    .aboutDigitalAgency .secTitle,
    .projectSection02 .secTitle {
        line-height: 42px;
    }
    .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 13px;
    }
    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: 36px;
    }
    #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: 18px 0px 18px;
    }
    .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;
    }
}