@media (min-width:1601px) and (max-width:1920px) {
    section.better-work::before {
        width: 380px;
        height: 380px;
        top: 25px;
        left: 0
    }

    section.testimonial .content {
        padding-left: 360px;
        padding-right: 20px
    }

    .research .before-background::before {
        left: -215px;
    }

}

@media (max-width:1600px) {
    section.testimonial .content {
        padding-left: 100px;
    }

    .row.tesimonial-slider .content,
    .row.tesimonial-slider img {
        width: 400px
    }

    .research .before-background::before {
        left: -200px;
    }

    section.better-work::before {
        width: 350px;
        height: 358px;
        top: 58px
    }
}

@media (max-width:1400px) {
    
    section.counter ul li span {
    font-size: 16px;
    font-weight: 500;
}
.home-banner{
    padding:2rem 0;
}
    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }

    a.navbar-brand img {
        width: 220px;
    }

    .header ul:nth-child(2) p {
        font-size: 10px;
    }

    .research .right-content h2 {
        font-size: 27px
    }

    .cipd-modules .left-content ul li:nth-child(2) a {
        font-size: 16px;
    }

    .research .left-content {
        max-width: 325px;
        padding: 30px 20px 30px;
    }

    .f34 {
        font-size: 28px;
    }

    .research-girl {
        width: 450px;
        left: -160px;
    }

    .level-3-points {
        height: 543px;
        overflow: auto;
        padding-right: 10px !important
    }

    .levels-men img {
        left: -89px
    }

    .research .before-background::before {
        width: 395px;
        height: 818px;
        left: 200px
    }

    .research .right-content h3 {
        font-size: 23px;
        line-height: 32px
    }

    .research .right-content div ul {
        margin-top: 0
    }

    .research .right-content p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px
    }

    .research .right-content div ul li h6,
    .research .right-content h4 {
        font-size: 20px;
        font-weight: 600;
        padding-top: 20px
    }

    .home-banner .right-content::before {
        width: 450px;
        height: 500px;
        right: 0px;
        bottom: -16px
    }


    .home-banner .right-content {
        width: 500px;
        height: 400px;
        background-size: cover
    }

    .home-banner .left-content h1 {
        font-size: 35px
    }



    p {
        font-size: 14px
    }

    .home-banner .right-content h3 {
        font-size: 24px
    }

    .research .left-mail {
        width: 350px;
        height: 100px;
        margin-left: 60px
    }

    .research .left-mail ul li a {
        font-size: 16px
    }

    section.better-work .left-content h4 {
        font-size: 25px;
        line-height: 32px;
        padding-right: 50px
    }

    section.better-work::before {
        width: 200px;
        height: 200px;
        top: 259px;
        z-index: 1;
        display: none
    }

    .cipd-modules::before {
        width: 600px;
        height: 354px;
        top: 27px
    }
}

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

    .research-girl,
    .research .left_border::before {
        display: none;
    }

    .research .left-content {
        margin: auto;
    }
}

@media screen and (max-width:991px) {
    .home-banner {
        background: var(--white)
    }

    #cover-spin::after {
        left: 35%;
    }

    .myXs {
        font-size: 14px;
        left: 0;
        height: 94% !important;
    }

    .navbar .chat-btn {
        float: left;
        border-radius: 0;
        height: 33px !important;
    }

    .research .left-mail ul {
        padding-left: 0 !important
    }

    .research .before-background::before {
        left: 0 !important
    }

    .research .right-content {
        padding: 70px 0
    }

    .home-banner .right-content::before {
        width: 400px;
        height: 370px;
        background-size: contain;
        background-repeat: no-repeat;
        right: 0px;
        bottom: 47px
    }

    .home-banner .right-content h3 {
        font-size: 20px;
        font-weight: 800;
        padding-right: 30px;
        padding-left: 40px;
        padding-top: 32px;
        /* transform: rotate(340deg) */
    }

    .home-banner .right-content {
        width: 450px;
        height: 430px;
        background-size: contain;
        position: relative;
        background-repeat: no-repeat;
        margin-top: 0;
        bottom: -46px
    }

    .navbar-light .navbar-nav .nav-link {
        line-height: 35px
    }

    header .navbar-nav.m-auto.mb-2.mb-lg-0.mt-0,
    section.inlineForm .right-content {
        padding-top: 20px
    }

    .header ul:nth-child(2) {
        padding: 0;
        display: 0
    }

    .home-btn {
        display: inline-flex
    }

    .home-banner .left-content h1 {
        font-size: 30px
    }

    .levels img {
        width: 100px;
        height: auto
    }

    .home-banner .right-content a {
        max-width: max-content;
        margin-left: 66px;
        font-size: 12px;
        margin-top: 46px;
        transform: rotate(340deg);
        display: inline-flex;
        padding: 0 25px
    }

    .better-work .left-content ul:first-child li p,
    .home-banner ul:nth-child(2) p,
    .levels,
    footer.footer .row:first-child ul li:nth-child(2) p,
    section.tabs-btn .content ul,
    section.testmonial .left-content ul li:nth-child(3) p {
        padding: 0
    }

    .better-work .left-content ul:nth-child(2) li:nth-child(2) a,
    .cipd-modules .left-content ul li:nth-child(2) a,
    .home-banner .left-content p,
    .research .left-mail ul li a,
    section.research.level-3 ul li {
        font-size: 14px
    }

    .levels {
        display: flex;
        margin-left: 0;
        justify-content: start
    }

    .chat-btn,
    .home-btn {
        width: max-content;
        font-size: 14px;
        padding: 10px 20px;
        height: auto
    }

    .home-banner .left-content {
        padding-top: 30px
    }

    .inlineForm .left-content h3,
    section.cipd-modules .left-content h5,
    section.inlineForm .right-content h4,
    section.testmonial .left-content h4 {
        font-size: 25px;
        line-height: 32px
    }

    .inlineForm input,
    .inlineForm select {
        width: 100%;
        padding-left: 75px;
        appearance: auto;

    }

    .inlineForm form {
        padding: 20px 30px
    }

    .research .right-content h4 {
        font-size: 20px;
        padding-top: 20px
    }

    .research .right-content p {
        padding: 20px 0 0;
        font-size: 14px;
        line-height: 22px;
        font-weight: 300
    }

    .research .right-content div ul li span {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px
    }

    .inlineForm .left-content {
        padding: 20px 40px
    }

    .research .left-mail {
        margin-left: 0;
        position: relative;
        z-index: 999999999;
        margin-top: 50px;
        width: max-content;
        height: auto;
        padding: 10px 20px;
        left: 0
    }

    section.tabs-btn .container h2 {
        font-size: 25px
    }

    section.tabs-btn .container .content ul li a {
        width: 100%;
        height: auto;
        padding: 15px 30px;
        font-size: 14px
    }

    section.better-work .left-content h4 {
        font-size: 25px;
        text-align: center
    }

    section.better-work .left-content .text {
        padding: 0 100px;
  
    }

    section.better-work::before {
        display: none
    }

    section.better-work .right-content {
        margin: 10px auto 0
    }

    section.All-levels .content ul li {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px
    }

    .cipd-modules::before {
        width: 500px;
        top: 48px
    }

    section.testmonial .left-content .t-para {
        font-size: 14px;
        padding: 15px 30px 20px 0;
        line-height: 22px
    }

    section.usa-banner .content h2 {
        font-size: 30px;
        line-height: 40px
    }

    section.usa-banner .content p:nth-child(2) {
        padding: 15px 140px
    }
}

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

    .home-banner ul:nth-child(2),
    section.All-levels .container .row:first-child::before,
    section.All-levels .container .row:nth-child(2)::before,
    section.All-levels .container .row:nth-child(3)::before {
        display: none
    }

    .home-banner .left-content h1 {
        font-size: 22px;
        line-height: 30px
    }

    .home-banner .left-content p {
        padding-right: 0
    }

    .home-banner .right-content::before {
        width: 300px;
        height: 300px;
        right: 38px;
        bottom: 64px
    }

    .home-banner .right-content {
        width: 430px;
        height: 430px;
        top: -100px;
        right: 0
    }

    .inlineForm .left-content h3,
    section.inlineForm .right-content h4 {
        font-size: 20px;
        line-height: 26px
    }

    .inlineForm .left-content {
        padding: 20px 40px 20px 15px
    }

    .inlineForm .left-content p {
        font-size: 14px
    }

    .inlineForm form {
        padding: 0px
    }

    .inlineForm input,
    .inlineForm select {
        border-radius: 0;
        margin-bottom: -20px
    }

    .inlineForm ul li:first-child {
        font-size: 18px;
        font-weight: 700
    }
}

@media screen and (max-width:576px) {
    .levels-men img {
        left: -129px;
        top: -176px;
        z-index: 0
    }

    .inlineForm form div {
        width: 100%;

    }

    .font-awesome:before {
        position: relative;
        left: 20px;
    }

    .cipd-modules::before,
    .research .before-background::before,
    section.usa-banner .content ul:nth-child(2),
    span.before-background::after {
        display: none
    }

    .content5 {
        display: flex !important;
        gap: 10px
    }

    .card-slider .slick-slide {
        height: auto !important
    }

    .home-banner .right-content {
        width: 270px;
        height: 280px;
        top: 51px
    }

    .home-banner .right-content::before {
        width: 270px;
        height: 270px;
        right: -96px;
        bottom: 40px
    }

    .research,    .research .right-content {
        
        padding: 30px 0px;
    }
    .emails{
        margin-left: 15px;
    }
    .research .right-content div ul li p{
        padding: 0px;
    }
    section.btn-tabs h4, section.levels-tabs .writer1 p.h5, section.tabs-btn .container h3.h2 , section.better-work .left-content h3.h4 , .f34 , .f30 , section.cipd-modules .left-content p.h5,section.inlineForm .right-content p.h2 ,
    section.usa-banner .content h1
    {
  

        font-size: 24px;
        line-height: normal;
    }
    .fs-1{
        font-size: 24px!important;
        line-height: normal !important;
    }
    .dublin-based .right-content p{
        padding-right: 0px;
    }
    img.WhiteBoardBook{
        display: none;
    }

    .home-banner .right-content h3 {
        font-size: 15px;
        padding-left: 25px
    }
    form.order-form ul input {
        width: 100%;
    }
    .home-banner .right-content a {
        margin-left: 45px;
        font-size: 12px;
        margin-top: 17px;
        padding: 0 11px
    }

    .font-awesome {
        left: -11px
    }

    .inlineForm input,
    .inlineForm select {
        padding-left: 50px;
        font-weight: 400
    }

    .inlineForm ul {
        margin-bottom: 40px;
        align-items: baseline;
        padding-left: 0
    }

    .research .left-mail {
        padding: 10px 60px 10px 20px
    }

    .research .right-content h3 {
        font-size: 22px;
        line-height: 29px;
        font-weight: 600
    }

    .first-flag a,
    .research .right-content div ul li h6 {
        font-size: 18px
    }

    .research .right-content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .research .right-content h4 {
        font-size: 18px;
        padding-top: 10px
    }

    .research .right-content div ul,
    section.levels-tabs .writer1 .my-4 {
        flex-direction: column
    }

    .research .left-content {
        position: relative;
        margin: 50px auto
    }

    section.inlineForm .right-content {
        padding: 20px 0
    }

    .bg-usa-img,
    section.tabs-btn .content {
        background: 0 0
    }

    section.better-work .left-content h4 {
        font-size: 22px;
        line-height: 28px;
        padding: 0 20px
    }

    section.better-work .left-content .text {
        padding: 0;
        font-size: 15px
    }

    section.better-work .left-content div {
        flex-direction: column;
        align-items: start
    }

    section.better-work .left-content ul:nth-child(2) li:nth-child(2) a {
        font-size: 16px !important
    }

    section.better-work .right-content {
        width: 100%;
        height: auto
    }

    section.better-work .right-content ul {
        flex-direction: column;
        align-items: center;
        padding: 0;
        text-align: center
    }

    section.better-work .right-content ul p:nth-child(2) {
        padding: 0 10px;
        margin-bottom: 0
    }

    section.All-levels .container,
    section.client-reviews {
        padding: 40px 0
    }

    section.All-levels .container .row h4 {
        font-size: 22px
    }

    section.All-levels .content ul,
    section.levels-tabs {
        padding: 0
    }

    section.All-levels .content ul li {
        padding: 0 20px
    }

    section.All-levels .row {
        height: 300px;
        overflow-y: auto
    }

    section.All-levels .row::-webkit-scrollbar {
        width: 4px
    }

    section.All-levels .row::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgb(60, 17, 82, .3)
    }

    section.All-levels .row::-webkit-scrollbar-thumb {
        background-color: var(--color-perpal)
    }

    section.cipd-modules .left-content h5 {
        font-size: 22px;
        line-height: 28px;
        text-align: center
    }

    .cipd-modules,
    section.countries {
        padding: 30px 0
    }

    section.cipd-modules .left-content div:nth-child(3) {
        flex-direction: column !important
    }

    section.cipd-modules .left-content p {
        font-size: 15px;
        color: #fff;
        padding-right: 35px;
        line-height: 22px;
        font-weight: 300;
        text-align: center
    }

    section.cipd-modules .left-content div:nth-child(3) ul {
        margin-bottom: 15px
    }

    section.countries .container h4 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 20px
    }

    .countries .slick-slide img {
        width: 150px;
        margin: auto
    }

    .first-flag a {
        max-width: 120px;
        height: auto;
        border-radius: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
        margin: 19px auto;
        padding: 5px 15px;
        border: 1px solid var(--color-yellow)
    }

    a.ft-btn,
    section.payment .container img {
        margin: auto;
        display: block
    }

    .payment .slick-slide img {
        display: block;
        width: 110px;
        height: auto
    }

    .countries-name ul,
    section.payment .left-content h5 {
        text-align: center
    }

    footer.footer .row:first-child ul li a,
    section.research.level-3 ul li {
        font-size: 14px;
        line-height: 30px
    }

    .footer .row:first-child {
        margin-top: 30px
    }

    a.ft-btn {
        width: max-content;
        height: auto;
        font-size: 16px;
        padding: 5px 25px
    }

    .countries-name ul li a {
        font-size: 16px;
        font-weight: 600;
        padding: 0 8px
    }

    a.footer-logo img {
        margin-top: 25px
    }

    .levels-tabs .content div:first-child {
        flex-direction: column;
        margin: 10px 0
    }

    section.levels-tabs button {
        width: 100%;
        height: auto;
        border-radius: 0 !important;
        margin: 5px 0;
        color: #000;
        padding: 10px 30px;
        font-size: 17px;
        font-weight: 600;
        border: 1px solid var(--color-perpal) !important
    }
    section.levels-tabs .writer1 ul{
        flex-direction: column;
    }
    .nav-pills .show>.nav-link,
    section.levels-tabs .nav-pills .nav-link.active {
        border: 1px solid var(--color-perpal) !important
    }

    section.levels-tabs .writer1 h5,
    section.research.level-3 .right-content h3 {
        font-size: 22px;
        font-weight: 600
    }

    div#v-pills-tabContent {
        width: 100%
    }

    section.levels-tabs .writer1 p {
        font-size: 14px;
        padding-right: 0;
        margin-bottom: 0
    }

    section.levels-tabs .writer1 .my-4 li {
        font-size: 20px;
        font-weight: 600;
        line-height: 46px
    }

    section.levels-tabs .writer1 ul p {
        font-size: 18px;
        font-weight: 500;
        text-align: center
    }

    section.levels-tabs .writer1 ul span {
        font-size: 16px;
        display: flex;
        justify-content: center
    }

    section.testmonial .slick-slide {
        width: max-content !important;
        margin-right: 20px;
        height: 100%;
        overflow-y: hidden;
        overflow-x: hidden
    }

    section.testmonial .col-sm-6:nth-child(2) {
        position: relative;
        bottom: 0;
        top: -147px;
        right: 0
    }

    section.header {
        background-color: var(--color-grey);
        padding-bottom: 10px
    }

    .navbar-toggler-icon:focus,
    .navbar-toggler:active,
    .navbar-toggler:focus {
        outline: 0;
        box-shadow: none
    }

    section.usa-banner .content h2 {
        font-size: 22px;
        line-height: 28px
    }

    section.usa-banner .content {
        padding: 60px 10px 55px
    }

    section.usa-banner .content p:nth-child(2) {
        padding: 10px 0;
        font-size: 14px
    }

    .level-3::before {
        width: 100px;
        height: 100%;
        right: 26px
    }

    .level-3 .before-background::before {
        display: block;
        width: 188px;
        right: 0;
        left: -12px;
        height: 300px;
        background-size: cover;
        top: 29px
    }

    .level-3 .content img {
        width: 180px;
        height: auto;
        margin: 92px auto 50px 123px;
        display: block;
        z-index: 0
    }

    .amount li span:nth-child(3),
    section.research.level-3 ul li span::before {
        font-size: 14px
    }

    section.research.level-3 ul:nth-child(2) {
        height: 250px;
        overflow-y: auto
    }

    section.research.level-3 ul:nth-child(2)::-webkit-scrollbar {
        width: 3px
    }

    section.research.level-3 ul:nth-child(2)::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
    }

    section.research.level-3 ul:nth-child(2)::-webkit-scrollbar-thumb {
        background-color: #fff
    }

    .right-content.p-0.bg-yellow img {
        width: 80%;
        margin: -20px auto 0;
        display: block
    }

    section.pricing-table .content h3 {
        width: 100%;
        height: auto;
        font-size: 22px;
        font-weight: 600;
        padding: 20px
    }

    section.pricing-table .content ul li {
        width: 100%;
        height: 60px;
        cursor: pointer
    }

    section.pricing-table .row {
        padding: 40px 0 0;
        margin-bottom: 50px
    }

    .h-400 {
        height: 250px !important
    }

    .review ul li:nth-child(2) span:first-child,
    section.pricing-text h3 {
        font-size: 20px
    }

    .review ul:nth-child(3) li span:first-child,
    .review ul:nth-child(3) li span:nth-child(2) {
        font-size: 16px
    }



    .levels img {
        width: 25px;
        height: auto;
    }

    .header .home-btn {
        margin-left: 13px !important;
        border-radius: 0;
        padding: 5px 20px
    }

    .order-details {
        height: auto
    }

    form.order-form ul {
        flex-direction: column;
        align-items: center
    }

    form.order-form {
        padding: 50px 10px
    }

    form.order-form input,
    form.order-form select {
        width: 100%;
        border-radius: 0
    }

    form.order-form ul input {
        margin-bottom: 0
    }

    form.order-form ul span {
        font-size: 16px;
        font-weight: 600;
        color: var(--color-perpal)
    }

    .amount {
        flex-direction: row !important
    }

    .br-40 {
        border-radius: 0
    }

    section.testimonial .content {
        padding-left: 0;
        padding-right: 0
    }

    .row.tesimonial-slider .content,
    .row.tesimonial-slider img {
        margin: auto
    }

    section.testimonial .content h3 {
        font-size: 22px;
        text-align: center
    }

    section.testimonial .content p {
        text-align: center;
        font-size: 14px
    }

    section.testimonial .content a {
        display: block;
        max-width: max-content;
        margin: auto
    }

    .testimonial {
        background: var(--color-grey);
        color: #000
    }

    section.testimonial .content,
    section.testimonial .content h3,
    section.testimonial .content p {
        color: #000
    }
}

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

    .All-levels .content ul li:before,
    .home-banner .right-content a {
        display: none
    }

    .home-banner .right-content::before {
        right: 0px
    }

    footer.footer .content a {
        font-size: 15px
    }

}