@media(max-width:1350px) {
    .weblinks ul li a {
        font-size: 12px;
    }

    .topbar .telnumber {
        font-size: 15px;
    }
}

@media(max-width:1265px) {
   

    .topbar .weblinks {
        display: table;
        margin: 0 auto;
    }

    .topbar .col-lg-8+.col-lg-2 {
        position: absolute;
        right: 0;
        top: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media(min-width:1200px) {

    .banner-section .container,
    .bannersec .container,
    .packages-section .container {
        max-width: 1240px;
        width: 100%;
    }

    .popular-articles:after {
        content: "";
        position: absolute;
        right: 0;
        top: 93px;
        bottom: 55px;
        width: 5px;
        border-radius: 5px;
        background: linear-gradient(130deg, #ff7a18, #af002d 41.07%, #319197 76.05%);
        box-shadow: -10px 0 20px 3px #000;
    }
}

@media(max-width:1199px) {
    
    .banner-section h1 {
        font-size: 45px;
    }

    .expert-section h2 {
        font-size: 30px;
    }
    .opportsec h2{
        font-size: 30px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .navbar-section .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px !important;
    }

    .navbar-section a.dbtn {

        padding: 8px 10px !important;
        font-size: 13px !important;

    }
}

@media (min-width: 992px) {
    .navbar-section .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }

    a.callbkreq,
    .mobbox {
        display: none;
    }

    .staffcansection .col-lg-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    /* ==== Google Ads ==== */

    .confusedmodal .modal-dialog.modal-xl {
        max-width: 1100px;
        width: 100%;
    }
}

@media(min-width:768px) {
    .featuredpop .modal-dialog {
        max-width: 730px;
    }

    .contactright {
        padding-left: 40px;
    }

    .wfeaturebox .my-auto {
        padding-left: 70px;
    }

    .wfeaturebox .my-auto:after {
        content: '';
        background-color: #f7f7f9;
        position: absolute;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 1000%;
    }

    .callbackpop .modal-dialog {
        max-width: 730px;
        width: 100%;
    }

    .dkbtn {
        display: block;
    }

    .mbbtn {
        display: none !important;
    }
}

@media (max-width:1199px){
    .webdevelopment .section-wrapper{
        padding: 20px 20px 23px 20px;
    }
}
@media(max-width:991px) {
    .footer-section{
        background-image: none !important;

    }
  
    
    .convert .htwork.first{
    background: linear-gradient(90deg, rgba(237, 24, 80, 1) 0%, rgba(252, 131, 70, 1) 100%) !important;
}
    .mobile .owl-carousel .owl-item img{
        width: auto;
    }
    .htwork.second {
        margin-top: 0px;
    }
    .marquee::before, .marquee::after{
        display: none;
    }
    .mobile.worried .img img{
        width: 35px !important;
        height: 35px !important;
        margin-left:3px
    }
  
    .mobile .htwork{
        border-radius: 10px;
    background-color:#181818 !important;
    border: none !important;
    }
    .convert .mobile .htwork.second{
        background-color:#fff !important;
    }
    .testmonial .htwork{
        border: 1px solid #dc3545  !important;
        border-image-slice: 1 !important;
        border-radius: 10px; 
    }
    .mobile .owl-nav .owl-prev::before {
        background-image: url(../img/icons/pre.png) !important;
        position: absolute;
        bottom: -23px;
        left: 50%;
        width: 37px;
        height: 26px;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 42px auto;
        -webkit-transition: all ease .4s;
        -ms-transition: all ease .4s;
        transition: all ease .4s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        z-index: 1;
    }
    .mobile .owl-nav .owl-next::before {
        background-image: url(../img/icons/next.png) !important;
        position: absolute;
        bottom: -23px;
        right: 55%;
        width: 37px;
        height: 26px;
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 42px auto;
        -webkit-transition: all ease .4s;
        -ms-transition: all ease .4s;
        transition: all ease .4s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        z-index: 1;
    }
    
    .mobile .owl-prev span {
        display: none !important;
    }
    .mobile .owl-next span {
        display: none !important;
    }
    .mobile .owl-dots{
        display: none !important;
    }
    .mobile .owl-carousel .owl-stage-outer{
        margin-bottom: 30px;
    }
    .mobile .startbtns button{
        margin-top: 40px !important;
    }
    .deskbox {
        display: none;
    }
    .mobile .htwork .row{
        margin-left: 0px;
    margin-right: 0px;
    }
    .mobile .htwork {
        border: 1px solid #fff;
        padding: 27px 0px 27px;
         height: auto;
        background-color: rgb(255 255 255 / 10%);
    }
.topbar{
    padding: 10px 0px 10px 0px;
}
    .footerinfo p {
        max-width: 100%;
    }

    .ftcontesec {
        padding: 20px 0 20px;
        margin-top: 40px;
        display: inline-block;
        width: 100%;
    }

    .ftcontesec ul li+li {
        margin-top: 12px;
    }

    .ftcontesec ul li {
        float: none;
        display: block;
    }

    .ftcontesec ul li:after {
        display: none;
    }

    .w3img img:nth-child(3) {
        width: 94px;
    }

    
    .cbancontent {
        padding: 50px 30px;
    }

    .mobilemenu .trending {
        padding: 15px 10px;
        display: inline-block;
        width: 100%;
    }

    .mobilemenu {
        background-color: #fff;
    }

    .mobilemenu .trending h5 {
        font-size: 16px;
        text-transform: capitalize;
        color: #000;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .mobilemenu .trending ul li {
        float: left;
        margin-right: 15px;
    }

    .mobilemenu .trending ul li a {
        font-size: 12px;
        color: #5b5b5b;
        padding: 5px 0;
        display: block;
        font-family: var(--mont);
        font-weight: 400;
        text-transform: capitalize;
        overflow: hidden;
    }
  

    .usefullinks ul li a {
        font-size: 16px;
        color: #000;
        text-transform: uppercase;
        padding: 8px 20px;
        font-weight: bold;
        display: block;
    }

    .usefullinks ul .navlink:last-child {
        border-bottom: 1px solid #ccc;
    }

    .usefullinks .navlink {
        border-top: 1px solid #ccc;
    }

    .navbar-section {
        background-color: rgb(0 0 0 / 72%);
    }

    .usefullinks .navlink .dropdownmenu:after {
        content: '\f107';
        font-family: 'FontAwesome';
        position: absolute;
        right: 20px;
        color: #9b0025;
        font-size: 22px;
        top: 5px;
    }

    .usefullinks .navlink .dropdownmenu {
        position: relative;
        color: #000;
        font-weight: bold;
    }

    .usefullinks .navlink ul {
        display: none;
        background-color: #ebe9e9;
    }

    .usefullinks .navlink ul li a {
        font-size: 15px;
        color: #282828;
        font-weight: 400;
    }

    .usefullinks .navlink ul li a:hover {
        background-color: #d7d6d6;
    }

    .usefullinks .navlink .dropdownmenu {
        border-bottom: 1px solid transparent;
    }

    .usefullinks .navlink.active .dropdownmenu {
        border-bottom: 1px solid #ccc;
    }

    .contbtns a {
        font-size: 24px;
        color: #9b0025;
        font-weight: 800;
        padding: 18px 0;
        display: block;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
    }

    .usefullinks .navlink.active .dropdownmenu:after {
        transform: rotate(180deg);
    }

    .navbar-toggler {
        font-size: 28px;
        color: #fff;
        padding-right: 5px;
    }

    .mnavbtn.active .fa-bars:before {
        content: '\f00d';
    }

    .usefullinks .navlink.active .dropdownmenu {
        background-color: #fff;
    }

    .expert-section img {
        object-fit: cover;
    }

    .startpro {
        max-width: 245px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .howitwork-section .workbox div:after {
        display: none !important;
    }

    .pricesec .border-left-0 {
        border-left: 1px solid #d6d6d6 !important;
    }

    .banner-section h1 {
        font-size: 24px;
        position: relative;
        z-index: 1;
    }

    .banner-section h1 span {
        font-size: 30px;
    }

    .banner-section h1:after {
        width: 50px;
    }

    .banner-section p {
        font-size: 16px;
    }

    .banner-section .btn3 {
        display: block;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }

    .startbtns p {
        margin-left: auto;
    }

    .startbtns a.t3 {
        margin-left: auto;
        position: absolute;
        top: 4px;
        left: 50%;
        transform: translateX(-50%);
    }

    .startbtns {
        text-align: center;
        margin-top: 25px;
    }

    .bgbox {
        background: var(--thm-color-blk) url('../img/mobile_banner_bg.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .banner-section:after {

        background: url('../img/mobile_banner_curve.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
    }

    .banner-one__shape-7 {
        bottom: -30px;
        right: auto;
        height: 50px;
        left: 0;
    }

    .banner-section img.banner-one__moc,
    .banner-section .banner-one__shape-10,
    .banner-section .banner-one__shape-11,
    .banner-section .banner-one__shape-8,
    .banner-section .banner-one__shape-9,
    .banner-section .banner-one__shape-12,
    .banner-section .banner-one__shape-13,
    .banner-section .banner-one__shape-14,
    .banner-section .banner-one__shape-15 {
        display: none;
    }

    .banner-section {
        padding-bottom: 120px;
    }

    /* ==== Google ads ===== */

    .googleadblk,
    .imgconsent,
    .easychecklist,
    .forganicsection,
    .worthhardsection,
    .ranking-highly,
    .barriers,
    .mx800,
    .mx950,
    .mx1000,
    .what-you-get,
    .forgot-the-guesswork,
    .unpack,
    .help-work-smarter,
    .make-progress,
    .real-results,
    .dont-make-mistakes,
    .seoprofilesec,
    .ready-to-climb,
    .faq_sec,
    .investing-in-seo,
    .website-onto-first {
        padding-left: 15px;
        padding-right: 15px;
    }

    .twinsection .row .col-lg-4 {
        margin-top: 25px;
    }

    .confusedmodal .chtimg {
        display: none;
    }

    .confusedmodal .description {
        padding: 30px 20px;
    }

}

@media(max-width:767px) {

    .footermenu ul li a,
    .footermenu.contft ul li {
        font-size: 12px;
        margin-top: 15px;
    }
    .section-head h2.card-title.text-size-word{
        font-size: 29px;
    }

    .w3img img {
        height: 45px;
        float: left;
        margin-top: 12;
        margin-right: 15px;
    }

    .disclaimerbx {
        padding-bottom: 25px;
    }

    .featurebox .imgholder {
        float: none;
        margin: 0 auto 15px;
        display: table;
    }

    .banner-section {
        padding-bottom: 80px;
    }

    h2.header-card-title {
        font-size: 22px;
        margin-bottom: 0px;
    }

    .mini-card-grid {
        padding: 0rem 0 48px 0px;
    }

    .getquote .contactright .conticon .contright p {

        max-width: 100%;
    }

    .bgart.maxw {
        padding-bottom: 30px;
    }

    .banner-one__shape-5 {
        height: 45px;
        left: auto;
        right: 14%;
    }

    .cta-three__moc {
        display: none;
    }

    .popular-header {
        margin-top: 8px;
        padding-bottom: 10px;
        margin-bottom: 12px;
    }

    .mini-card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .cdimg p {
        font-size: 12px;
    }

    .cdimg img {
        height: auto;
        width: 60%;
    }

    .avatar {
        width: 24px;
        height: 24px;
    }

    .author-row {

        grid-template-columns: 34px 1fr;
        gap: 0;
    }

    .mini-card {
        padding: 15px 15px 25px;
        border-radius: 10px;
        min-height: 260px;
    }

    .popular-header p,
    .tags a {
        font-size: 14px;
    }

    .featurebox .featured {
        overflow: visible;
        padding-left: 0;
        text-align: center;
    }

    .featurebox .featured h4 br {
        display: none;
    }

    .py80 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .fvideo-section .col-lg-6 .col-lg-6 .vidbox {
        text-align: center;
    }

    .py60 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .vidbox a {
        margin: 20px 0 10px;
    }

    .expert-section {
        padding-top: 10px;
    }

    .howitwork-section .workbox {
        margin-top: 40px;
    }

    .howitwork-section .row .col-lg-4:first-child .workbox {
        margin-top: 10px;
    }

    .testimonials {
        background-color: #f4f5f7;
        padding: 50px 0 60px;
    }

    .testbox {
        height: auto;
    }

    .contact-section .border-left,
    .contact-section .border-right {
        border: none !important;
    }

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

    .banner-section ul li {
        font-size: 14px;
        margin-top: 12px;
    }

    .banner-section .imgholder img {
        height: 410px;
    }

    .banner-section .chaticon {
        right: 15px;
        top: -50px;
    }

    .servbox p {
        margin-bottom: 20px;
    }

    .fancyheader h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .servbox {
        margin-top: 30px;
    }

    .servbox h5,
    .workdetail p {
        margin-top: 20px;
    }

    .workwithus [class*='col-'],
    .wfeaturebox [class*='col-'] {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ourservice-section,
    .workwithus,
    .py70 {
        padding: 40px 0;
    }

    .workfeatures .wfeaturebox .col-lg-4,
    .teamexperts,
    .bannersec .col-lg-4,
    .bannersec br {
        display: none;
    }

    h2,
    .growthleft h3,
    .contact-section .headingbox h3,
    .staffcansection .headingbox h3 {
        font-size: 30px;
    }

    .py28 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .letstart-section .startpro {
        margin-top: 30px;
    }

    .getinbox {
        margin-top: 26px;
    }

    .relatedfeatures h3 {
        font-size: 24px;
    }

    .getinbox h5 {
        margin-bottom: 10px;
    }

    .priceper h3 {
        font-size: 35px;
    }

    .fancyheader span {
        font-size: 16px;
    }

    .servbox ul li a {
        font-weight: 600;
    }

    .workfeatures {
        padding: 20px 0 40px;
        background-color: #f7f7f9 !important;
    }

    .workfeatures .wfeaturebox {
        padding-top: 22px;
    }

    .wfeaturebox .my-auto {
        background-color: transparent;
    }

    .priceper span {
        font-size: 11px;
    }

    .growthright .gbox p {
        font-size: 14px;
    }

    .growthright .gbox p {
        position: relative;
        top: 5px;
    }

    .priceper {
        max-width: 165px;
        height: 90px;
        padding: 20px 30px;
        width: 100%;
        right: 15px;
        top: -40px;
    }

    .growthsec .row .col-lg-6:last-child {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .growthright .gbox {
        padding: 12px 0 12px 53px;
    }

    .growthright {
        padding: 90px 15px 40px;

    }

    .mt50 {
        margin-top: 40px;
    }

    .py50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .headingbox {
        padding-bottom: 30px;
    }

    .contact-section {
        margin-bottom: 40px;
    }

    .contactbox h5 {
        margin-top: 25px;
    }

    .maxw {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-section .col-lg-4 .contactbox {
        border-bottom: none;
    }

    .contact-section .col-lg-4:last-child .contactbox {
        border-bottom: 1px solid #ccc;
    }

    .footer-section .footerinfo,
    .footer-section .footermenu {
        margin-top: 40px;
    }

    .footerinfo p {
        margin: 20px 0 20px;
    }

    .w3img img:nth-child(3) {
        width: 104px;
    }

    .disclaimer {
        padding: 15px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .copyright p {
        padding: 15px 5px;
    }

    .bannersec h1 {
        font-size: 35px;
    }

    .bannersec {
        padding: 30px 0 40px;
    }

    .headingbox p {
        margin-top: 8px;
    }

    .revsec .row,
    .relatedfeatures .revsec,
    .relatedfeatures .row:nth-child(even),
    .outstandsection .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .web-section .ybtn,
    .contactus-section .ybtn {
        margin-top: 15px;
        height: 45px;
        line-height: 45px;
        max-width: 100%;
    }

    .webox img {
        margin-top: 30px;
    }

    .offerbx .offerdet {
        padding-left: 20px;
    }

    .getintouch-sec .headingbox {
        padding-bottom: 0;
    }

    .getinright img,
    .contact-section .cta-two__shape-1,
    .aspectbox:before {
        display: none;
    }

    .getinright {
        padding-top: 30px;
        padding-bottom: 15px;
        margin-top: 30px;
    }

    .getinbox h5,
    .offerbx h4 {
        font-size: 18px;
    }

    .packages-section .border-right {
        border-right: none !important;
    }

    .pkgsection .row .col-lg-6:last-child {
        border-top: 1px solid #dee2e6;
    }

    .offerbx,
    .sitebuilt-section img,
    .relatedfeatures img {
        margin-top: 25px;
    }

    .offerbx h4 {
        margin-bottom: 9px;
    }

    .pb20 h3 {
        padding-bottom: 11px;
    }

    .packages-section .headingbox {
        padding-bottom: 36px;
    }

    .planbox {
        padding-left: 15px;
    }

    .offersection .headingbox {
        padding-bottom: 10px !important;
    }

    .aspectbox {
        padding-left: 0;
        margin-top: 30px;
    }

    .aspectbox img {
        position: initial;
        margin-bottom: 15px;
    }

    .outstandsection:after {
        content: '';
        width: 100%;
        height: 30%;
        background-color: #e8eaee;
        display: block;
        position: absolute;
        bottom: 0;
    }

    .outstandsection img {
        position: relative;
        z-index: 1;
        margin-top: 30px;
    }

    .outstandsection ul li {
        width: 100% !important;
    }

    .diffeaures .headingbox {
        padding-bottom: 10px;
    }

    .whyusdetail {
        padding: 30px 15px;
    }

    .whyus-section .col-lg-4 {
        margin: 10px 0;
    }

    .softabs .nav-item {
        width: 100%;
        padding: 0 2px;
        margin-top: 5px;
    }

    .softabs .relatedfeatures {
        padding-top: 30px !important;
    }

    .contform .headingbox {
        margin-bottom: 10px;
    }

    .contactright {
        margin-top: 20px;
    }

    .contactus-section .col-lg-3 {
        border-left: none !important;
    }

    .callbackpop .modal-dialog .modal-body .pop_left {
        display: none;
    }

    .callbackpop .modal-dialog .modal-body .pop_right {
        float: right;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .portblk .portbox:not(:last-child) {
        margin-bottom: 20px;
    }

    .cta-three__shape-1 {
        display: none;
    }

    .cta-three {
      
        padding-bottom: 160px;
        padding-top: 25px;
    }

    .cta-three__content {
        padding-left: 0;
    }

    .ybtn {
        display: block;
        line-height: 40px;
        height: 40px;
    }

    .cta-three__content .ybtn {
        margin: 30px auto 0;
    }

    .subhead {
        margin-bottom: 5px;
    }

    .head2 {
        font-size: 24px;
    }

    .cta-three__box-content h3 {
        font-size: 16px;
        margin-bottom: 6px;
        font-weight: bold;
    }

    .cta-three__box-content p {
        font-size: 16px;
        line-height: 1.4;
    }

    .cta-three__box-icon i {
        width: 45px;
        height: 45px;
        font-size: 22px;
        top: 0;
    }

    .vidact h2 {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 0;
    }

    .cta-three__shape-2 {
        top: 9%;
        height: 200px;
        transform: translateY(0);
    }

    .cta-three__shape-3 {
        display: none;
    }

    .cta-three__box::before {
        left: 22px;
        top: 45px;
    }

    .cta-three__box-content {
        padding-left: 20px;
    }

    .block-title,
    .block-title h2 {
        margin-bottom: 19px;
    }

    .cta-three__box+.cta-three__box {
        margin-top: 33px;
    }

    .hvidebox {
        height: 180px;
    }

    .hvidbtn img {
        height: 45px;
        width: 45px;
    }

    .hvidbtn:before {
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
        left: calc(50% - 35px);
    }

    .hvidbtn:after {
        width: 90px;
        height: 90px;
        top: calc(50% - 45px);
        left: calc(50% - 45px);
    }

    .homvideosec {
        margin-top: -120px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .funfact-one__shape-2 {
        bottom: -22px;
        height: 70px;
    }

    .hworksec h3 {
        font-size: 24px;
    }

    .hworksec .headingbox p {
        font-size: 16px;
        margin-top: 10px;
        width: 100%;
    }

    .htwork h4 {
        font-size: 18px;
    }

    .htwork p {
        font-size: 14px;
    }

    .htwork {
        padding: 15px 10px 15px;
    }

    .hworksec .headingbox {
        padding-bottom: 10px;
    }

    .hworksec .col-lg-3 {
        padding-top: 10px;
    }

    .nportfolio .headingbox h3 {
        font-size: 24px !important;
    }

    .nportfolio {
        padding-top: 0;
        padding-bottom: 0;
    }

    .blog-one__shape-1 {
        top: 0%;
        right: 3%;
        height: 50px;
    }

    .hworksec {
        padding-bottom: 40px;
    }

    .owl-item a {
        padding: 0 !important;
    }

    .portfolio-projects .row .col-lg-6:first-child {
        display: none;
    }

    .continf {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .dkbtn,
    a.callbkreq {
        display: none !important;
    }

    .mbbtn {
        display: block !important;
    }

    /* .mbanerbx {
    background-color: #fff;
    border-radius: 8px !important;
    display: inline-block;
    width: 100%;
    padding: 30px 5px 32px;
    height: 100%;
    position: relative;
    z-index: 1;
} */
    .mbanerbx h1 {
        font-size: 30px;
        margin-bottom: 17px;
    }

    .bandetail p:not(:last-child) {
        margin-bottom: 10px;
    }

    .startbtns {
        margin-top: 20px;
        padding-top: 0;
    }

    .banner-section .btn3 {
        background-color: #f5d67b;
        color: #282828;
        box-shadow: 1px 1px 0px 1px #735004;
        font-weight: 400;
        font-size: 21px;
    }

    .startbtns a.t3,
    .startbtns p {
        display: none;
    }

    .banner-section h1:after {
        height: 8px;
        margin: 13px 0 13px;
        display: none;
    }

    .banner-section img {
        z-index: 10;
    }

    .banner-one__shape-4 {
        right: 20%;

    }

    .banner-section .btn3 span {
        position: relative;
        padding-right: 30px;
        display: inline-block;
    }

    .banner-section .btn3 span:after {
        width: 20px;
        height: 14px;
        background: url('../img/barrowt.png');
        display: block;
        background-repeat: no-repeat;
        background-size: auto;
        position: absolute;
        top: 53%;
        content: '';
        transform: translateY(-50%);
        right: 0;
        filter: brightness(0);
    }

    .banner-section .btn3:hover span:after {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .workwithus.bg-white .py70,
    .workfeatures.bg-white .py70 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .workfeatures.bg-white .service_icon_shape {
        height: 60px;
    }

    .outstandsection {
        padding: 40px 0 40px;
    }

    .outstandsection {
        background-image: none;
        background-color: #e8eaee;
    }

    .offersection.py70.pb-0.bg-white.ychoose {
        padding-bottom: 40px !important;
    }

    .ychoose .offerbx .imgbx img {
        height: auto;
        width: 35px;
    }

    .turndreamsec .turnimg img {
        height: 300px;
        object-fit: cover;
    }

    body {
        overflow-x: hidden;
    }

    .termsbk h2 {
        margin-bottom: 10px;
    }

    section {
        overflow: hidden;
    }

    .homvideosec .funfact-one__shape-2,
    .workfeatures.bg-white .service_icon_shape {
        display: none;
    }

    .growthleft {
        padding-bottom: 80px;
        padding-top: 215px;
        max-width: 100%;
    }

    .growthleft h3 {
        margin-bottom: 20px;
    }

    .ellipse_shape_2 {
        top: 14%;
        height: 24%;
    }

    .growthsec .row .col-lg-6:first-child {
        padding: 0 15px;
    }

    .banner-one__shape-18 {
        bottom: 50px;
    }

    /* ======= Google ads ====== */

    .googleadspg .glogo {

        padding: 16px 10px;
        max-width: 265px;
    }

    .googleadspg .glogo h3 {
        font-size: 20px !important;
        margin-top: 10px;
    }

    .googleadblk {
        padding-top: 160px;
    }

    .aduserstars {
        display: none;
    }

    .details.mx800 {
        max-width: 100%;
        display: block;
    }

    .faq_sec ul li>div:first-child>div:first-child {
        flex: 1;
        word-break: break-all;
    }

    .googleadblk h5 {
        font-size: 18px;
    }

    .googleadblk h1 {
        font-size: 37px;
    }

    .googleadblk h4 {
        font-size: 28px;
    }

    .googleadblk p {
        font-size: 15px;
        margin: 18px auto 30px;
    }

    .gadbx {
        margin: 0 auto;
    }

    .aduserbk {
        margin-top: 40px;
        padding: 0 15px;
    }

    .adjoinuser {
        padding: 0 15px;
    }

    .googleadspg h3 {
        font-size: 32px !important;
    }

    .imgconsent p {
        font-size: 15px;
        margin-top: 25px;
    }

    .imgconsent {
        margin-top: 40px;
        margin-bottom: 0;
        padding-bottom: 40px;
    }

    .easychecklist h6 {

        margin: 30px 0 25px;
    }

    .easychecklist p {

        font-size: 15px;
        padding: 20px 20px;
    }

    .bouncebtn.fsml {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 18px !important;
    }

    .bouncebtn {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 18px !important;
        height: 60px;
        line-height: 54px;
        width: 100%;
    }

    .googleadspg .glogo {
        display: block;
    }

    .easychecklist .bouncebtn {
        margin-top: 40px;
    }

    .easychecklist h5 {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .easychecklist {
        padding-bottom: 30px;
        padding-top: 40px;
    }

    .twinsection .col-lg-12 p {
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .twinsection .persona {
        padding: 10px;
    }

    .twinsection .row .col-lg-4+.col-lg-4 {
        margin-top: 25px;
    }

    .twinsection {
        padding: 40px 0;
    }

    .forganicsection {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .forganicsection h3,
    .ranking-highly h3,
    .barriers>div h4,
    .no-time-to-waste h3.subm {
        line-height: 1.2;
    }

    .forganicsection p,
    .worthhardsection ul li,
    .what-you-get>div p,
    .what-you-get .boxed p,
    .what-you-get ul.big-numbers li .text,
    .what-you-get>div.after-big-numbers p,
    .forgot-the-guesswork .lists .list ul li,
    .unpack div.bonus-row div.content .description,
    .make-progress ul li .text,
    .faq_sec ul li>div:first-child,
    .confusedmodal .description p {
        font-size: 16px;
    }

    .barriers>div .cite,
    .real-results div.image+div {
        font-size: 18px;
    }

    .barriers>div .barrier-number p:last-child {
        font-size: 70px;
    }

    .forganicsection .pcheckbx {

        font-size: 20px;
        margin: 40px auto 40px;
    }

    .forganicsection .pcheckbx:before {
        left: 0;
    }

    .worthhardsection,
    .ranking-highly {
        padding: 40px 15px;
    }

    .no-time-to-waste {
        padding-bottom: 15px;
    }

    .what-you-get {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .barriers>div {
        margin-top: 30px;
        padding: 20px 20px 20px 20px;
    }

    .no-time-to-waste p.slogan {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .no-time-to-waste p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .what-you-get h2.subm {
        font-size: 40px;
        margin-bottom: 0;
    }

    .what-you-get h2.subm span {
        display: block;
    }

    .what-you-get h4.subd {
        font-size: 28px;
        margin-top: 28px;
        margin-bottom: 28px;
    }

    .what-you-get>div.image {
        margin-bottom: 30px;
    }

    .what-you-get .whatfeatures li {
        font-size: 16px;
        align-items: center;
    }

    .what-you-get .whatfeatures,
    .what-you-get .as-well-as {
        margin-bottom: 20px;
    }

    .what-you-get .boxed {
        padding: 20px 15px;
        margin-top: 50px;
    }

    .what-you-get .boxed p br {
        display: none;
    }

    .what-you-get>div h3.suba {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .what-you-get .header h3 {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .what-you-get ul.big-numbers li>div:first-child {
        width: 35px;
        height: 35px;
        min-width: 35px;
        min-height: 35px;
        font-size: 18px;
        margin-right: 10px;
    }

    .what-you-get ul.big-numbers li {
        margin-top: 0;
    }

    .what-you-get>div.free-updates-details .image,
    .what-you-get>div.not-course-details .image {
        margin-right: 15px;
    }

    .what-you-get .separator:empty {
        margin: 15px 0;
    }

    .what-you-get>div.that-covers {
        margin-top: 40px;
    }

    .what-you-get>div.that-covers h4 {
        font-size: 32px;
        margin-bottom: 18px;
        line-height: 1.2;
    }

    .forgot-the-guesswork,
    .unpack,
    .help-work-smarter,
    .real-results {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .forgot-the-guesswork h3.subm,
    .unpack h3.subm {
        line-height: 1.2;
    }

    .unpack div.bonus-row div.content .title {
        font-size: 26px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    .unpack div.bonus-row.split {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .unpack div.bonus-row .image .planning {
        width: 85px;
    }

    .unpack div.bonus-row .image .bonus {
        left: 11%;
        width: 70px;
        transform: translateX(-11%);
    }

    .unpack div.bonus-row .image .logo {
        display: none;
    }

    .unpack div.bonus-row {
        margin-bottom: 10px;
    }

    .googleadspg h3 {
        line-height: 1.2;
    }

    .time-to-grab p {
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 0;
    }

    .time-to-grab {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .help-work-smarter p {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .make-progress .illustratrion img {
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .make-progress {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .real-results h3 {
        margin-bottom: 35px;
    }

    .seoprofilesec {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .seoprofilesec .picture {
        display: none;
    }

    .seoprofilesec p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .dont-make-mistakes {
        padding-top: 40px;
    }

    .dont-make-mistakes>div.lists .list ul li {
        font-size: 18px;
        margin: 0px 0 10px;
    }

    .dont-make-mistakes>div.lists,
    .dont-make-mistakes>div.lists .bonuses {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .ready-to-climb {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
    }

    .ready-to-climb>div h3.subm {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .ready-to-climb .image-2 img:last-child {
        margin-top: 30px;
    }

    .ready-to-climb .details .order .order-header .title {
        font-size: 25px;
    }

    .ready-to-climb .details .order {
        padding: 20px 15px 15px;
    }

    .faq_sec h3.subm {
        margin-bottom: 0;
    }

    .faq_sec ul li>div:last-child p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .faq_sec ul li.expanded>div:last-child {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .faq_sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .investing-in-seo,
    .website-onto-first {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .investing-in-seo p {
        font-size: 16px;
        margin-bottom: 17px;
    }

    .investing-in-seo .enumerate {
        font-size: 16px;
    }

    .investing-in-seo p.separate {
        margin-top: 20px;
    }

    .techpartners,.vacanblok .arexpertise {
        margin-top: 30px;
    }

    .cbanimg{
        height: 180px;
    }
    .cbancontent {
        padding: 40px 15px 40px 15px;
    }
    .opportsec h2 {
        text-align: left;
        padding-top: 10px;
        margin-top: 15px;
    }
    .opportsec .col-lg-9 {
        padding-left: 15px;
        padding-top: 30px;
    }
    .vacanblok {
        margin-top: 20px;
    }
}




@media(min-width:577px) {
    .portimodal .modal-dialog {
        max-width: 850px;
        width: 100%;
    }
}



@media(max-width:576px) {
    .bgbox {
        background: var(--thm-color-blk) url('../img/mbbg.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .staffcansection .nav-tabs.projects-tabs > li a{
    padding: 10px 14px !important;
    font-size: 14px;
    font-weight: 600;
    }
    .banner-section:after {

        background: url('../img/mbbgs.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: cover;
    }
}