@media (max-width: 1400px){



    .container{
        max-width: 1100px;
        padding: 0 15px;
    }
    html{
        font-size: 85%;

    }

.info-banner h1 {
    font-size: 3.75rem;
    line-height: 3.75rem;
    margin-bottom: 20px;
    letter-spacing: .5px;
}


h2 {
    font-size: 30px !important;
    line-height: 40px !important;
    margin-bottom: 15px;
}

.top-bar ul.head-cont {
    margin-left: -50px;
    gap: 40px;
}

.top-bar ul.head-cont li a {
    font-size: 14px;
    gap: 4px;
}

p {
    font-size: 14px !important;
}

    footer {
    padding-block: 0;
}

footer img.ft2 {
    bottom: -70px;
}

.btn {
    padding: 10px 26px;
    font-size: 12px !important;
}

section {
    padding: 80px 0;
}

header {
    padding: 20px 0;
}

.copyright p {
    font-size: 12px !important;
}

.copyright ul li a {
    font-size: 12px;
}


.heading {
    margin-bottom: 40px;
}

div#popupform {
    transform: scale(0.8);
}

.form-control {
    height: 46px;
}

.our-banner {
    padding-block: 80px 0;
}

.btn > span {
    width: 32px;
    height: 32px;
}

.btn svg {
    font-size: 15px;
}
.info-ban1 h4 {
    font-size: 18px;
    width: 90%;
}

.info-banner p {
    line-height: 22px;
    margin-bottom: 30px;
    font-size: 14px;
    width: 80%;
    margin-left: 0;
}
.info-banner img.banrat {
    width: 140px;
    margin-bottom: 20px;
}

.info-banner img.ban-arr {
    width: 60px;
    right: 90px;
}

.info-banner {
    margin-bottom: 80px;
}

.ban-list {
    padding-block: 35px;
}

.our-banner::before {
    height: calc(100% - 150px);
}

.ban-list ul li {
    font-size: 16px;
    line-height: 22px;
}

.ban-list ul {
    gap: 60px;
    justify-content: start;
}

.site-logo {
    padding-block: 40px;
}

    .copyright ul {
    gap: 25px;
}

.copyright ul li:first-child::before {
    right: -14px;
}

.site-logo .container::before {
    height: calc(100% + 80px);
    top: -40px;
}

.our-testimonials {
    padding-block: 80px 40px;
}

.our-testimonials .container::before {
    height: calc(100% + 120px);
    top: -80px;
}

.our-testimonials h5 {
    margin-bottom: 40px;
}

.info-test {
    margin-top: 0px;
    margin-bottom: 0;
}

.info-test img {
    width: 100px !important;
    margin-bottom: 20px;
}

.info-test img {
}

.info-test h6 {
    margin-bottom: 20px;
}

.info-test p {
    font-size: 1.85rem;
    margin-bottom: 0;
    width: calc(100% - 120px);
    min-height: 170px;
}

.owl-nav {
    bottom: 8px;
    right: 160px;
}

.info-test h5 {
    margin-bottom: 0;
}

.owl-testimonial::before {
    bottom: 0;
}

.our-hire::before {
    opacity: .2;
}

.info-hire p {
    width: 100%;
    margin-bottom: 30px;
}

.info-hire ul li {
    font-size: 14px;
}

.btn::before {
    width: 10px;
    height: 10px;
}

.our-range {
    margin-top: 60px;
    padding-block: 100px 0;
}

.our-range::before {
    display: none;
}

.our-range h2 {
    margin-bottom: 30px;
}

.our-range .heading {
    margin-bottom: 100px;
}

.box-range img {
    height: 90px;
    margin-bottom: 18px;
}

.box-range h4 {
    font-size: 16px;
}

.box-range {padding: 30px 0;justify-content: center;}

.img-ind {
    margin-left: 0;
    position: relative;
    left: -10px;
}

.info-ind p {
    margin-bottom: 70px;
}

.info-ind {
    margin-left: 0;
}

.info-ind img {
    width: 170px;
    bottom: -200px;
    right: 70px;
}

.info-stat {
    padding: 40px 30px 40px 40px;
    left: -20px;
}

.info-stat h3 {
    font-size: 5rem;
    line-height: 4rem;
    margin-bottom: 20px;
}

.info-stat h5 {
    font-size: 1.5rem;
    margin-bottom: 16px;
}

.info-stat p {
    font-size: 15px;
}

.our-cta img.cta-img1 {
    width: 360px;
    right: -70px;
    bottom: -10px;
}

.info-cta img {
    width: 300px;
    bottom: 0;
    right: 70px;
}

.info-cta p {
    margin-bottom: 30px;
}

.our-cta img.cta-img2 {
    top: 0;
    left: -360px;
    width: 320px;
}

.our-cta {
    padding-block: 60px;
}

    .info-cont h2 {
    font-size: 2.625rem !important;
}

.info-cont ul li a, .info-cont ul li span {
    font-size: 1.25rem;
}

.our-port::before {
    background-position: 50% center;
}

.our-port {
    padding-block: 80px 0;
}

.our-port .heading {
    margin-bottom: 60px;
}

.our-journey {
    padding-block: 150px 100px;
}

.info-journey ul li {
    margin-bottom: 32px;
}

.box-cta2 p {
    font-size: 15px;
    padding-left: 0;
}

.our-cta2 .info-cta2 {
    margin-top: 30px;
}

.our-cta2 .info-cta2 ul {
    gap: 20px;
    margin-top: 40px;
}

.our-cta2 .info-cta2 ul li {
    gap: 5px;
    font-size: 14px;
}


.foot-rev ul {
    margin-left: 110px;
    gap: 30px;
}

.pre-footer ul li a {
    font-size: 1.6rem;
}

.pub-data ul {
    gap: 55px;
}

.pub-data ul li {
    width: calc(25% - 55px);
    font-size: 1.5rem;
}

.pub-data .container {
    padding: 50px 70px 50px 40px;
}

.pub-data ul li br {
    display: none;
}
.logo-banner {
    padding-block: 30px;
}

.inner-banner .info-banner {
    margin-bottom: 50px;
}

.our-genre .info-gen img {
    left: 30px;
}

.our-genre .info-gen {
    padding: 30px 40px 30px 220px;
    min-height: 210px;
}

.our-genre .info-gen p {
    font-size: 13px;
    line-height: 17px;
}

.our-genre {
    padding-block: 0 80px;
}

.our-publish.our-market .info-pub p {
    font-size: 13px !important;
    line-height: 18px;
}

.our-publish .btn-block {
    margin-top: 10px;
}

.our-publish.our-market .container::before {
    top: -140px;
}
    
}


@media only screen and (max-width: 980px) and (min-width: 220px) {
    html{font-size:70%}
        a.menu-bottom {
        display: revert;
    }



    
    .menu li a:before{
        display: none;
    }
    .menu-bottom span:nth-child(2) {
        width: 70%;
    }
    .menu-bottom.click span:nth-child(1) {
        width: 0;
    }
    .menu-bottom.click span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 9px;
        width: 100%;
    }
    .menu-bottom.click span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-bottom span:last-child {
        margin-bottom: 0;
    }
    .menu-bottom {
        width: 40px;
        height: 40px;
        padding: 5px;
        float: none;
        position: absolute;
        z-index: 99999999999;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 10px;
        top: -45px;
        text-align: right;
    }
    .menu-bottom span {
        height: 2px;
        background: #012d4b;
        display: block;
        width: 100%;
        margin-bottom: 6px;
        position: relative;
    }
    .menu-bottom.click span {
        background: #ffffff;
    }
    .menu-bottom.click {
        top: -100px;
        position: fixed;
        top: 30px;
        right: 10px;
    }
    .main-menu{
        margin: 0;
        overflow: auto;
        position: fixed;
        right: -100%;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        height: 100%;
        z-index: 9999999 !important;
        padding-top: 80px;
        background: #2F3C7B;
        background: #FF5D41;
    }
    .main-menu ul {
        padding: 0 0;
        width: 100%;
        display: block;
    }
    .menu li {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #ffffff9c;
        position: relative;
        text-align: left;
    }
    .menu li a {
        font-size: 16px !important;
        padding-left: 0;
        color: #ffffff !important;
        font-weight: 400 !important;
        padding: 10px 0 10px 20px !important;
        text-align: left !important;
        display: block !important;
        width: 100%;
        letter-spacing: 0.5px;
        text-align: left;
        text-transform: uppercase;
        line-height: 22px !important;
        height: auto;
        position: relative;
    }

    .menu li a img {
    filter: brightness(0) invert(1);
    }
    
    .menu-open .main-menu {
        right: 0;
    }
    .menu-open .menu {
        transition-delay: 0.5s;
        opacity: 1;
    }
    
    header ul li.btn-head a.btn-green {
    display: inline-block;
    width: auto;
    margin: 10px 20px 20px;
    padding: 10px 40px;
    color: #fff !important;
}

.dropdown-menu {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    margin: 0;
    top: 0;
    left: 0 !important;
    box-shadow: none;
}

.dropdown-toggle::after {
    width: 9px;
    height: 9px;
    filter: brightness(0) invert(1);
    top: 2px;
    position: relative;
}

.menu li .dropdown-item {padding: 5px 0 5px 45px !important;font-size: 15px !important;text-transform: capitalize;border-top: 1px solid #ffffff9c;border-bottom: none;position: relative;z-index: 1;}
    
    
    header .menu {
        opacity: 0;
    }
    
    header {
        padding: 20px 0;
        z-index: 2;
    }
     header ul li:last-child {
        border: 0;
    }

    header .logo img,header.fixed a.logo img {
        max-width: 160px;
        /* margin-left: 30px !important; */
    }

    .menu li a img {
    filter: brightness(0) invert(1);
}

header ul li:first-child a {
    padding-left: 15px;
}

header ul li > a svg {
    width: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 12px;
}

.menu li .dropdown-item:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 2px;
    background: #fff;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

header ul li a:hover {
    color: #fff !important;
}

    h2 {
        font-size: 26px !important;
        line-height: 32px !important;
        margin-bottom: 10px;
        letter-spacing: 0;
    }


    header nav {
        text-align: center;
        margin-top: 20px;
    }

    header {
        text-align: left !important;
        z-index: 9;
        top: 0;
        position: relative;
        background: #fff;
        border-radius: 00;
    }

    header ul li {
        margin-right: 0;
    }

    header ul {
        margin: 10px 0 0;
        text-align: center;
    }

    header ul li.phone a {
        font-size: 16px;
    }
   
    h2 {
        font-size: 26px !important;
        line-height: 24px !important;
        margin-bottom: 8px;
        letter-spacing: 0;
        font-weight: 500;
    }


    

    header {
        text-align: left !important;
        z-index: 9;
        top: 0;
        padding: 20px 0;
        position: relative;
    }

   
    .btn {
        font-size: 13px !important;
        padding: 8px 20px !important;
        text-transform: capitalize;
        display: inline-flex;
        align-items: center;
        /* border-radius: 30px; */
        border-width: 1px !important;
    }

    .btn img {
    width: 14px;
    margin-left: 5px;
}

    section {
        padding: 40px 0 !important;
        overflow: hidden;
    }

.info-banner h1 br {
    display: none;
}

.info-banner h1 {
    font-size: 30px !important;
    line-height: 32px !important;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 auto 5px !important;
    width: 100%;
}

p {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-bottom: 15px;
}

.info-banner p {
    width: 100%;
    margin-bottom: 16px;
}

.our-banner {
    padding-block: 40px 0 !important;
    text-align: center;
    border-bottom-width: 5px;
}

.our-banner .info-banner p {
    margin: 0 0;
    width: 100%;
    font-size: 14px !important;
    margin-bottom: 10px;
}


.row {
    margin: 0 -10px;
    justify-content: center;
}

header a.btn-head {
    display: none;
}


header .row {
    padding: 0;
    justify-content: start;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0 15px !important;
    width: 100%;
}

.heading {
    margin-bottom: 20px;
}

.heading.text-center {
    width: 100% !important;
}

h2 br {
    display: none;
}

div#popupform.fancybox-content .custom-pop {
    width: 100%;
    padding: 20px 15px;
    text-align: center;
}

div#popupform.fancybox-content {
    width: 100%;
    transform: scale(1);
    padding: 0 15px;
    height: auto;
    background: transparent;
}

.fancybox-slide--html .fancybox-close-small {
    width: 30px;
    height: 30px;
    top: 0px;
    right: 10px;
}

div#popupform.fancybox-content .custom-pop::before {
    display: none;
}

div#popupform.fancybox-content .img-pop {display: none;}

div#popupform.fancybox-content .custom-pop h4 {
    margin-bottom: 6px;
}

div#popupform.fancybox-content .form-control {
    height: 38px;
    padding: 10px 16px;
    font-size: 13px;
    border: 1px solid #c4c4c4;
}

div#popupform.fancybox-content textarea.form-control {
    height: 70px;
}
header .btn-head {
    display: none;
}

a.logo {
}


h2::before {
    display: none;
}


h2 br {
    display: none;
}

p br {
    display: none;
}

.copyright {
    text-align: center;
    padding-block: 10px;
    border-top: 1px solid #fff;
    position: relative;
    z-index: 1;
}

.copyright ul {
    text-align: center;
    justify-content: center;
    margin-top: 4px;
}

.btn svg {
    font-size: 11px;
}

div#popupform .popup-content {
    width: 100%;
    height: auto;
    margin: 12px 0 0;
    padding: 20px;
    text-align: center;
    top: 0;
    right: 0;
    margin: 0;
    background: #fff;
    border-radius: 20px;
    left: 0;
}

    div#popupform::before {
    display: none;
}

button.fancybox-button.fancybox-close-small {
    right: 24px;
    top: 8px;
    width: 22px;
    height: 22px;
    left: inherit;
}

div#popupform .popup-content p {
    font-size: 13px !important;
    color: #000;
    margin-bottom: 20px;
    line-height: 20px !important;
}

div#popupform .modal-body h4 {margin-bottom: 10px;}

div#popupform .modal-body::before {
    display: none;
}

div#popupform .modal-body {
    height: auto;
    background: transparent;
    margin: 0;
    border: none;
}

.site-logos {
    padding-block: 25px !important;
}


.form-control {height: 40px;padding: 8px 16px;font-size: 12px !important;border-radius: 6px !important;margin-bottom: 6px;}

textarea.form-control {
    height: 70px;
    margin-bottom: 12px;
}

div#popupform .popup-content h3 {
    font-size: 1.75rem;
    margin: 0 0 5px;
    width: 100%;
    letter-spacing: 2px;
    padding-block: 6px;
}

div#popupform .modal-body h4::before {
    width: calc(100% + 40px);
    left: -20px;
}

.heading.text-center p {
    width: 100%;
}

[class*='col']:last-child .info-ser {
    margin-bottom: 0 !important;
}

.btn-block.text-center {
    margin-top: 20px;
    width: 100%;
    gap: 5px;
}


.owl-theme .owl-nav {
    text-align: center !important;
}

.owl-theme .owl-nav [class*=owl-] {
    width: 26px;
    height: 19px;
}

header .btn-block {
    display: none;
}

.our-banner h1 br {
    display: none;
}

.head-btn {
    display: none;
}


.owl-theme .owl-nav {
    margin-top: 20px !important;
    position: relative;
    width: 100%;
    left: 0;
    justify-content: center;
}


.info-banner ul li {
    gap: 5px;
    font-size: 14px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 5px;
}

.info-banner ul li:last-child {
    margin-bottom: 0;
}

.btn-block .btn:last-child {
    margin: 0 0 0 10px;
}

.form-group textarea.form-control {
    height: 80px;
    margin-bottom: 20px;
}

.form-group .form-control {
    height: 48px;
}

.top-bar {
    display: none;
}

.our-banner img.ban-img1 {
    display: none;
}

.our-banner::before {
    height: 100%;
    width: 100%;
    opacity: .3;
}

.info-banner img.banrat {
    width: 120px;
    margin-bottom: 10px;
}

.info-banner img.ban-arr {
    display: none;
}

.our-banner::after {
    height: 100%;
    background: #CDE0D0;
    background: linear-gradient(180deg, rgba(205, 224, 208, 1) 0%, rgba(173, 230, 164, 1) 100%);
}

.info-banner {
    margin-bottom: 40px;
}

.ban-list {
    padding-block: 25px;
}

.ban-list ul {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 15px;
}

.ban-list ul li {
    width: calc(50% - 5px);
    font-size: 15px;
    line-height: 20px;
}

.ban-list ul li img {
    display: table;
    margin: 0 auto 6px;
    width: 22px;
}

.ban-list::before {
    width: 100%;
}

.ban-list ul li:last-child:nth-child(odd) {
    width: 100%;
}

.site-logo {
    padding-block: 20px;
}

.our-testimonials h5 {
    font-size: 2rem;
    text-align: center;
    display: block;
    font-weight: 600;
    font-family: 'Bricolage Grotesque' !important;
    margin-bottom: 30px;
}

.site-logo .container::before {
    display: none;
}

.our-testimonials .row::before {
    opacity: .3;
    right: 0;
    top: 70px;
}

.our-testimonials .container::before {
    display: none;
}

.our-testimonials::before {
    width: 100%;
}

.our-testimonials .container::after {
    display: none;
}

.img-test {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

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

.info-test img {
    display: table !important;
    margin: 0 auto 10px;
}

.info-test h6 {margin-bottom: 10px;}

.info-test p {
    width: 90%;
    margin: 0 auto 20px;
    min-height: auto;
}

.our-testimonials .info-test h5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fbd3cb;
    font-size: 15px;
    padding: 0 20px;
    border-radius: 5px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.owl-testimonial::before {
    display: none;
}

.our-hire img.hire-img {
    position: relative;
    width: 60%;
    margin: 20px auto 0;
    display: table;
}
.pub-data .container::before {
    display: none;
}

.our-hire::before {opacity: .15;}

.our-hire {
    text-align: center;
}

.info-hire p {
    margin: 0 auto 25px;
}

.info-hire ul li {
    font-size: 11px;
    list-style-type: none;
    position: relative;
    z-index: 1;
    width: calc(50% - 10px);
}

.info-hire ul {
    margin: 0 8px 20px;
    gap: 20px;
    row-gap: 5px;
}

::marker {
}

.info-hire ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    top: 6px;
    left: -8px;
}

.our-range {
    margin-top: 0;
    text-align: center;
    padding-bottom: 0 !important;
}

.our-range [class*='col'] {
    width: 100%;
    padding: 0 !important;
}

.our-range .row {
    /* display: inline-flex; */
    width: 50%;
}

.our-range .container-fluid {
    display: flex;
}

.box-range img {
    width: 60%;
    object-fit: contain;
    height: 80px;
    margin-bottom: 12px;
}

.our-range .heading {
    margin-bottom: 30px;
}

.our-range h2 {
    margin-bottom: 10px;
}

.box-range h4 {
    font-size: 15px;
}

.box-range {
    padding: 0;
}

.img-ind {
    left: 0;
    width: 70%;
    margin: 0 auto;
}

.img-ind::before {
    display: none;
}

h2 > span {
    line-height: 26px;
}

.info-ind {
    text-align: center;
}

.info-ind h2 {
    margin-bottom: 10px;
}

.info-ind p {
    margin-bottom: 20px;
}

.our-stats {
    margin-top: 0;
}

.info-ind ul li > span {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 2px;
}

.info-ind img {
    display: none;
}

.cta-stats img.stat-img {
    display: none;
}

.info-stat {
    width: calc(90% - 20px);
    margin: 0 auto;
    left: -10px;
}

.info-stat::before, .info-stat::after {
    width: 20px;
    right: -20px;
}

main.cta-stats::after {
    width: 70px;
    top: 10px;
    right: 10px;
}

.cta-stats::before {width: 100%;top: 0;height: 22%;}


.our-cta::before {
    width: 100%;
}

.our-cta {
    text-align: center;
}

.our-cta img.cta-img1 {
    width: 70px;
    bottom: 50px;
    left: -140px;
    position: absolute;
    right: 0;
    margin: auto;
}


.info-cta img {
    position: relative;
    z-index: 1;
    width: 170px;
    margin-left: auto !important;
    display: table;
    margin-right: 20px;
    margin-bottom: 20px;
    right: 0;
}

.info-cta p {
    margin-bottom: 20px;
}

.our-port .heading h4 {
    margin-bottom: 10px;
}

.our-port .heading h4 img {
    width: 29px;
}

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

.our-port .heading {
    margin-bottom: 30px;
}

.our-port [class*='col'] {
    width: 50%;
}

.our-port [class*='col']:nth-child(2) {
    margin-top: 0;
}

.our-port a:first-child {
    margin-bottom: 20px;
}

.our-port [class*='col']:first-child {
    padding-right: 10px !important;
}

.our-port [class*='col']:nth-child(even) {
    padding-left: 10px !important;
}

.our-port [class*='col']:last-child {
    margin-top: 20px;
    display: flex;
    width: 100%;
    gap: 20px;
}

.our-port [class*='col']:last-child a {margin-bottom: 0;}

.our-work::before {
    opacity: .15;
}

.our-port::before {
    height: 100%;
}

.our-work .heading {
    margin-bottom: 30px;
}

.info-work h2 {
    font-size: 22px !important;
    line-height: 24px !important;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 20px;
}

.info-work p.para-cap:first-letter {
    font-size: 3rem;
}

.info-work p + h2 {
    margin-top: 35px;
}

.our-work {
    text-align: center;
}

.our-journey {text-align: center;}

.info-journey ul li {
    border: 2px solid #aae5a1;
    border-radius: 8px;
    padding: 30px 20px;
    font-size: 13px;
    margin-bottom: 20px;
}

.info-journey ul li img {
    position: relative;
    margin-bottom: 15px;
}

.info-form-jor {
    margin-top: 20px;
    border-radius: 20px;
    padding: 30px 20px;
}

.info-form-jor::before {
    display: none;
}

.count {
    width: calc(100% + 40px);
    left: -20px;
    margin-bottom: 20px;
}

.info-form-jor h4 {
    font-size: 2.5rem;
    margin-bottom: 4px;
}

.info-faq p {
    width: 100%;
}

.our-faq {
    text-align: center;
}

.our-faq [class*='col']:first-child .info-faq {
    margin-bottom: 30px;
}

.our-faq .accordion-body p {
    width: 100%;
    text-align: left;
    font-size: 12px !important;
}

.our-faq .accordion-body {
    padding: 0 30px 15px 10px;
}

.our-cta2 .info-cta2 {
    width: 100%;
    left: 0;
    margin-top: 0;
}

.our-cta2 [class*='col']:first-child {
    order: 1;
}



.our-cta2 .info-cta2 ul {
    left: 0;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
    margin-block: 20px;
}

.our-cta2 .info-cta2 ul li {
    gap: 5px;
    font-size: 12px;
    width: calc(50% - 2.5px);
    justify-content: center;
}

.our-cta2 .info-cta2 ul li:nth-child(2) {
    order: 1;
    width: 100%;
}

.our-cta2 .info-cta2 h3 {
    font-size: 1.5rem;
}

.our-cta2 .info-cta2 h3 > b {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-top: 5px;
}

.box-cta2 img {
    display: none;
}

.img-cta2 {
    display: none;
}

.box-cta2 p {
    text-align: center;
}

.our-cta2 .info-cta2 img {
    width: 40px;
    z-index: -1;
    top: 20px;
    transform: rotate(25deg);
}

.box-down {
    width: 60px;
    height: 60px;
    top: -10px;
    transform: rotate(25deg);
    right: 20px;
    left: inherit;
}

.box-down img {
    width: 18px;
}

.our-cta2 {
    padding-top: 65px !important;
}

.info-foot {
    margin-top: 20px;
    margin-left: 0;
}

footer .row.row-foot [class*='col']:nth-child(2),footer .row.row-foot [class*='col']:nth-child(3) {
    width: 50%;
}

footer .row.row-foot [class*='col']:nth-child(2) .info-foot.box-foot {
    padding-left: 0;
}

footer {padding-block: 40px 0;}

.foot-rev {
    margin-left: 0;
    margin-bottom: 40px;
}

.foot-rev h3 {
    margin-block: 40px 15px;
    font-size: 1.5rem;
}

.foot-rev ul {
    margin: 0;
    gap: 20px;
}

.foot-rev h3 + img {
    display: none;
}

.info-foot h4 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 15px;
}

.foot-form {
    margin-bottom: 15px;
    padding: 30px 20px;
    text-align: center;
}

.foot-form p {
    margin-bottom: 15px;
}

.foot-form h3 {
    margin-bottom: 5px;
}

.form-group .form-control {
    margin-bottom: 5px;
}

.form-group textarea.form-control {
    margin-bottom: 12px;
}

.form-group textarea.form-control {
}

.info-foot ul.cont-foot li {
    margin-bottom: 8px;
}

.pre-footer img.pre-bg1 {
    display: none;
}

.pre-footer h4 {
    padding-left: 0;
    text-align: center;
    margin-bottom: 15px;
}

.pre-footer ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    row-gap: 12px;
}

.pre-footer {
    padding-block: 25px;
}

.pre-footer ul li img {
    width: 32px;
}

.pre-footer ul li {
    gap: 8px;
}

.pre-footer ul li a {
    font-size: 1.5rem;
}

img.foot-bg {
    display: none;
}

.inner-banner .info-banner img.ban-bg1 {
    height: 100%;
    object-fit: contain;
    bottom: 0;
    top: inherit;
    right: -10px;
}

.inner-banner {
    border-top: 2px solid #044b7d;
    padding-bottom: 0 !important;
}

.inner-banner .container::before {display: none;}

.inner-banner .info-banner {
    text-align: center;
    margin-bottom: 40px;
}

.inner-banner .info-banner h6 {
    justify-content: center;
    gap: 8px;
    margin-bottom: 14px;
}

.inner-banner .info-banner h6 img {width: 22px;}

.inner-banner .info-banner p {
    width: 100%;
    margin-bottom: 20px;
}

.inner-banner .info-banner h1 {
    margin-bottom: 10px !important;
}

.logo-banner {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    padding-block: 30px;
}

.logo-banner h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
}

.logo-banner ul {
    gap: 30px;
}

.img-inner {
    display: none;
}

.img-about {
    width: 80% !important;
    margin: 0 auto 25px;
}

.our-about {
    text-align: center;
}

.info-about p {
    margin-bottom: 20px;
}

.info-about img {
    bottom: calc(100% - -20px);
    width: 70px;
    top: inherit;
    right: 20px;
}

.our-service::before {
    width: 100%;
    height: 100%;
}

.our-service {
    padding-block: 40px !important;
}

.info-ser img {
    margin-bottom: 25px;
    box-shadow: 0 10px 22px rgba(0,0,0,0.2);
}

.info-ser {
    text-align: center;
    padding: 30px 20px !important;
}

.info-ser h4::before {
    right: 0;
    margin: auto;
}

.info-ser p {
    margin-bottom: 16px !important;
    font-size: 12px !important;
    min-height: auto;
}

.info-ser::after {
    width: 130px !important;
    height: 70px !important;
}

.info-ser h4 {
    margin-bottom: 10px;
}

.our-hire.ab-hire {
    margin-top: 0;
}

.our-hire.ab-hire .info-hire p {
    width: 100%;
}

.info-incta2 img {
    position: relative;
    width: 120px;
    order: 1;
    right: 0;
    bottom: 0;
    display: none;
}

.inner-cta .row::before {
    display: none;
}

.inner-cta::before {
    display: none;
}

.inner-cta .row::after {
    display: none;
}

.inner-cta::after,.inner-cta::before {
    position: absolute;
    content: "";
    width: 10%;
    background: #007846;
    background: linear-gradient(90deg, rgba(0, 45, 76, 1) 32%, rgba(0, 105, 178, 1) 100%);
    height: 100%;
    top: 0;
    z-index:-1;
    display: block;
    border-left: 5px solid #aae5a4;
}

.inner-cta::before {
    left: 0;
    right: inherit;
    background: #007846;
    background: linear-gradient(90deg, rgba(0, 105, 178, 1) 0%, rgba(0, 45, 76, 1) 72%);
    border-right: 5px solid #aae5a4;
    border-left: 0;
}

.inner-cta h2 {
    text-align: center;
    letter-spacing: 0;
    margin: 0 auto 10px;
    line-height: 28px !important;
    width: 90%;
}

.inner-cta h2 > span.clr1 {
    background: #000;
    padding: 0 5px;
}

.inner-cta [class*='col']:nth-child(2) {
    order: 1;
}

.info-incta h4 {
    text-align: center;
    width: 80%;
    margin: 0 auto 20px;
}

.info-incta h4 br {
    display: none;
}

.info-incta h3 {
    text-align: center;
    justify-content: center;
}

.info-incta h3::before {
    background: #000;
}

.info-incta a {
    justify-content: center;
}

.info-incta a::before {
    left: 0;
    background: #aae5a1;
    width: 100%;
}

.info-incta2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.info-incta2 a.btn {
    margin: 0;
    background: #000 !important;
    padding-inline: 40px !important;
}

.inner-cta .row {
    padding-block: 0;
}

.inner-cta {
    background: #FF5D41;
}

.row.row-need::before {
    display: none;
}

.your-needs .container::before {
    display: none;
}

.row.row-need {
    padding: 0px 5px;
    margin: 0;
    border-radius: 10px;
}

.info-need {
    padding: 40px 30px;
}

.info-need::before,.info-need::after {
    background: #aae5a4;
    width: 5px;
    height: 30px;
    position: absolute;
    content: "";
    bottom: 0;
}

.info-need::after {
    bottom: inherit;
    top: 0;
}

.info-need span {
    font-size: 5rem;
    line-height: 4rem;
    margin-bottom: 10px;
    color: #f07976;
}

.info-need h4 {
    font-size: 1.75rem;
    margin-bottom: 10px;
}

.your-needs [class*='col']:last-child .info-need::before {
    display: none;
}

.your-needs [class*='col']:nth-child(2) .info-need::after {display: none;}

.row.row-need::after, .your-needs .container::after , .row.row-need .bg-need::before {
    display: none;
}

img.popoff {
    width: 90px;
    top: 0;
    transform: rotate(25deg);
    left: -10px;
    right: inherit;
    margin: 0;
}

div.popupform .modal-body h5 {
    padding-left: 60px;
}

div.popupform .popup-content h3 + h5 {
    padding-left: 0;
}

.our-service.book-service::after {
    width: 120px;
    left: 0;
    opacity: .2;
}

.our-service.book-service .info-ser {
    padding: 30px;
    margin: 0 0 20px;
    width: 100%;
    left: 0;
}

.book-process [class*='col']:first-child {
    width: calc(100% - 30px);
}

.info-bkpro {
    padding: 50px 20px 0;
}

.info-bkpro::before {
    width: 70px;
    height: 70px;
    right: 0;
}

.info-bkpro ul li {
    margin-bottom: 15px !important;
    text-align: left;
    gap: 12px;
}

.info-bkpro ul {
    margin-bottom: 40px;
}

.info-bkpro img.bkbg1 {
    left: 0;
}

.book-process img.bk-img3 {
    right: 0;
    left: 0;
    width: calc(100% - 40px);
    bottom: 0;
    position: relative;
    height: auto;
    margin: auto;
    display: table;
}

.book-process p {
    padding: 0;
    margin: 20px 0;
    text-align: center;
    font-size: 12px !important;
}

.our-service.book-service {
    padding-block: 40px !important;
}

.info-about h4 {
    margin-bottom: 16px;
}

.pub-data img.pub-bg1 {
    display: none;
}

.pub-data ul {
    gap: 15px !important;
    flex-wrap: wrap;
    row-gap: 15px !important;
}

.pub-data ul li {
    width: calc(50% - 7.5px) !important;
    text-align: center;
    justify-content: center;
    font-size: 1.5rem;
    gap: 5px;
    margin: 0;
    align-items: center;
}

.pub-data .container {padding: 0 20px;}

.pub-data ul li img {
    margin: auto;
}

.pub-data ul li br {
    display: none;
}

.pub-data {
    padding-block: 30px;
    background: #fef2f1;
}

.our-publish .container::before {
    top: -40px;
    height: calc(100%  + 80px);
    left: calc(100% - 30px);
}

.our-publish {
    text-align: center;
}

.our-publish .heading {
    width: 100%;
}

.info-pub {
    border: 3px solid #FF5D41;
    padding: 20px;
    width: calc(100% - 20px);
    margin: 0 auto 12px;
    border-radius: 15px 0;
}

.info-pub p {
    width: 100% !important;
}

.our-publish .btn-block {
    margin-top: 10px;
}

.img-pub {
    width: 60%;
    left: 0;
    margin: 30px auto 0;
}

.our-service.pub-service .info-ser {
    margin: 0 0 20px;
}

.our-service::after {
    left: 0;
    opacity: 0.3;
    width: 129px;
}

.our-service.pub-service + .inner-cta {
    margin-top: 0;
}

.info-bkpro ul li img {
    width: 20px;
}

.info-bkpro img.pubbg2 {
    width: 100%;
    bottom: 0;
    width: calc(100% + 70px);
    max-width: calc(100% + 70px);
    left: -35px;
    margin-bottom: 0;
}

.our-about.pub-about.cover-about .img-about {
    width: 100%;
    left: 0;
}

.our-about.pub-about.cover-about .info-about {
    margin-top: 0;
}

.img-pub.img-cover {
    width: 70%;
    left: 0;
}

.col-up {
    order: 1;
}

.our-publish.our-cover .heading {
    width: calc(100% - 20px);
    padding-left: 0;
    margin: 0 auto 30px;
}

.our-service.pub-service + .inner-cta {
    margin-top: 0;
}

.info-bkpro ul li img {
    width: 20px;
}

.info-bkpro img.pubbg2 {
    width: 100%;
    bottom: 0;
    width: calc(100% + 70px);
    max-width: calc(100% + 70px);
    left: -35px;
    margin-bottom: 0;
}

.img-need {
    width: 90%;
    margin: 0 auto;
}

.our-about.pub-about.cover-about .img-about.img-mark {
    left: 0;
}

.pub-data.mark-data {
    margin-bottom: 0;
}

.our-publish.our-market .container {
    padding-inline: 15px;
}

.our-publish.our-market .container::after {
    display: none;
}

.our-publish.our-market .container::before {
    display: none;
}

.our-price h2 img {
    display: none;
}

.our-price img.markimg3 {
    display: none;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 10px;
}

.our-price .text-price {
    margin: 0 0 40px;
}

.info-price img {
    margin-bottom: 12px;
}

.info-price h4 {
    margin-bottom: 8px;
}

.info-price h4 {
    margin-bottom: 12px;
}

.info-price p {
    margin-bottom: 18px;
}

.info-price ul {
    padding-top: 18px;
    margin-bottom: 20px;
}

.info-price ul li {
    margin-bottom: 8px;
}

.info-price h3 {
    margin-bottom: 20px;
}

.info-price a.btn.btn-red {
    width: 100%;
    left: 0;
}

.our-genre .container::before {
    display: none;
}

.our-genre .container {
    padding-inline: 15px;
}

.our-genre .heading {
    padding-inline: 0;
    text-align: center;
}

.our-genre {
    margin-top: 0;
}

.our-genre .info-gen img {
    position: relative;
    left: 0;
    right: 0;
    margin-bottom: 12px;
}

.our-genre .info-gen {
    padding: 30px 20px;
    text-align: center;
}

.our-genre .info-gen h4 {
    margin: 0 auto 6px;
    font-size: 1.75rem;
}

.our-genre [class*='col']:last-child {
    margin-bottom: 0;
}

.our-genre + .inner-cta {
    margin-bottom: 0;
}

.our-hire.ab-hire.book-hire + .our-port {
    margin-bottom: 0;
}

.our-edit {
    text-align: center;
}

.our-edit [class*='col']:last-child p {
    margin-bottom: 0;
}

.inner-cta + .our-port {margin-block: 0;}
.our-pricing .info-price {
    margin-bottom: 20px;
}

.our-pricing [class*='col']:last-child .info-price {
    margin-bottom: 0;
}

.info-cont2 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.info-cont2 form {
    margin-top: 25px;
}

.info-cont2  .form-control {
    height: 42px;
    margin-bottom: 8px;
}

.info-cont2 textarea.form-control {
    height: 80px;
    margin-bottom: 15px;
}

.info-cont2 button.btn.btn-blue {
    margin: 0 auto;
}

.info-cont {
    width: 100%;
    padding: 40px 30px 0;
}

.info-cont h2 br {
    display: none;
}

.info-cont h2 > span {
    display: inline;
}

.info-cont h2 b {
    display: inline;
}

.info-cont h2 {font-size: 23px !important;text-align: center;margin-bottom: 20px;}

.info-cont ul li {
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    text-align: center;
    gap: 10px;
}

.info-cont ul {
    margin-bottom: 30px;
}

.info-cont img.contbg1 {
    width: 100%;
    max-width: 100%;
    left: 0;
}

}




/*///////////////////////////////////////////*/




@media (max-width: 1400px) { 

    .hero-section h1 {
    font-size: 42px;
    line-height: 52px;
}

html    {   font-size:90%  }    

.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1100px;  
} 

nav.main-menu {
    padding: 0 60px; 
}

nav.main-menu ul.menu li i.fa-angle-down, nav.main-menu ul.menu li svg.fa-angle-down {
     right: -6px; 
    top: 16px; 
}

.info-banner p {
    font-size: 1.2rem;
        margin-top: 10px;
}

header {
    padding: 15px 10px;
}

.col-md-2.col-1 {
    width: 14.666667%;
}

.col-md-2.col-3 {
    width: 12.666667%;
}

a.logo {
    margin-top: 20px;
}   

section.our-banner {
    padding-top: 12rem;

        min-height: 600px;
        max-height: 600px;
}  

.mark-banner .info-banner {
    margin-top: -140px;
}

img.cvb-bthumb {
    max-width: 130%;
}
nav.main-menu ul.menu li a {
    padding: 12px 10px;
}

header .btn {
    text-transform: none;
    padding: 15px 10px;
    line-height: normal;
    font-size: 0.8rem;
}

.logo img {
    max-width: 150px;
}    

img.arc-shape {
    max-width: 150px;
    bottom: 170px;
}

img.banner-left {
    max-width: 140px;
    left: 0.;
}

section.our-banner h1 {
    font-size: 2.6rem;
}

img.banner-right {
    max-width: 125%;
    position: relative;
    right: 50px;
}

.coffee-img img {
    right: 240px;
}

img.ats-right {
    max-width: 150px;
}

img.ats-left {
    max-width: 150px;
}

section.yel-cta {
    width: 98%;
}

img.yel-thumb {
    max-width: 300px;
}

img.book-bar {
    max-width: 170%;
}

.yellow-id {
    padding-top: 70px;
}

.yellow-id h2 {
    font-size: 2rem;
}

.rating-id {
    padding: 50px 48px 80px 48px;
}

.green-id {
    padding: 80px 50px 0;
}

section.our-abt-new {
    padding: 60px;
}

section.our-anatomy {
    padding-top: 13rem;  
}

.info-ban-shd h2 {
    font-size: 2rem;
}

.info-ban-form h4 {
    font-size: 1rem;
}

.info-ban-form {
    padding: 50px 50px;
}

section.wcta h2 {
    font-size: 3.5rem;
    line-height: 3.5rem;
}

.info-ban-shd {
    margin-top: 40px;
}

img.abt-sphone {
    max-width: 120px;
}

.abtw-item {
    margin-bottom: 30px;
}

.abtw-item:first-child {
    padding-bottom: 20px;
}

img.book-men {
    max-width: 120%;
    position: relative;
    right: 110px;
}

img.abtsecinfo {
    right: 430px;
}

.our-banner.edit-banner {
    padding-top: 12rem;
    padding-bottom: 6rem;
}

section {
    padding: 80px 0;
}   

.heading h2 {
    font-size: 2.2rem;
}

.bky-cinn h2 {
    font-size: 2rem;
}

img.bk-cta-men {
    left: -180px;
    /* max-width: 160%; */
    transform: scale(0.9);
    top: -160px;
}

.bk-circle:before {
    left: -80px;
    width: 390px;
    height: 400px;
}

.yl-item {
    padding: 15px;
    gap: 10px;
}   
.rating-id {
    padding: 50px 28px 80px 28px;
}

.rating-pnt {
    padding: 10px 15px;
}   

.rating-lnt span {
    font-size: 1rem;
}

.yellow-id {
    padding-top: 40px;
}

section.our-banner h1 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 0;
}

section.our-banner h1 span {
    font-size: 1.2rem;
}

.bkli-item {
    padding: 32px;
}

img.ostop-thumb {
    right: 320px;
}   

section.genre-sec {
    background-position: 50%;
}

img.cvb-ethumb {  
    right: 180px;
}


img.cvb-bk {
    position: absolute;
    z-index: 1;
    max-width: 180px;
    right: 10px;
}

.cvb-item {
    padding: 60px 60px;
}   

img.genre-bthumb {
    max-width: 100%;
    margin-top:0px;
}
 
.btn {
    padding: 11px 20px;
    display: inline-block;
}

img.mleft-thumb {
    right: 200px;
}  

.market-list .btn-block .btn {
    padding: 11px 18px;
}   

.our-banner.prc-banner {
    padding-bottom: 6rem;
}   

.oul-item {
    padding: 36px 40px;
}

.oul-item p {
    font-size: 14px;
}

.process-step h3 {
    font-size: 1.7rem;
}

.process-step ul li h5 {
    font-size: 3rem;
}

.orc-item {
    padding: 33px 30px;
}    

} 
    

@media (max-width: 980px)  {
    
html{font-size:80%} 
  
  
    .menu li a:before{
        display: none;
    }
    .menu-bottom span:nth-child(2) {
        width: 70%;
    }
    .menu-bottom.click span:nth-child(1) {
        width: 0;
    }
    .menu-bottom.click span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 9px;
        width: 100%;
    }
    .menu-bottom.click span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-bottom span:last-child {
        margin-bottom: 0;
    }
    .menu-bottom {
        width: 40px;
        height: 40px;
        padding: 5px;
        float: right;
        position: absolute;
        z-index: 99999999999;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 18px;
        top: 20px;
    }
    .menu-bottom span {
        height: 2px;
        background: #007846;
        display: block;
        width: 100%;
        margin-bottom: 6px;
        position: relative;
    }
    .menu-bottom.click span {
        background: white;
    }
    .menu-bottom.click {
        top: -100px;
        position: fixed;
        top: 30px;
    }
    .main-menu{
        margin: 0;
        overflow: auto;
        position: fixed;
        right: -100%;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: rgb(71,66,117);
        background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0) 100%);
        height: 100%;
        z-index: 9999999 !important;
        padding-top: 80px;
    }
    .main-menu ul {
        padding: 0 0;
        width: 100%;
    }
    .menu li {
        display: block !important;
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #ffffff9c;
        position: relative;
        text-align: left;
    }
    .menu li a {
        font-size: 16px !important;
        padding-left: 0;
        color: #fff !important;
        font-weight: 400 !important;
        padding: 10px  0;
        text-align: left;
        display: block;
        width: 100%;
        letter-spacing: 0.5px;
        text-align: left;
        margin-bottom: 0;
        text-transform: uppercase;
    }
    .menu-open .main-menu {
        right: 0;
    }
    .menu-open .menu {
        transition-delay: 0.5s;
        opacity: 1;
    }
    header .menu {
        opacity: 0;
        margin-top: 100px;
    }  
  
    nav.main-menu ul.menu li {
        clear: both;
        display: block;
    }
    
    nav.main-menu ul.menu {
        display: block;
    } 

header .row {
    justify-content: center;
}

header .row .col-md-9 {
    display: none;
}
   
header {
    padding: 15px 0;
    overflow: hidden;
    text-align: center;
}

section.our-banner {
    padding-top: 10rem;
    padding-bottom: 5rem;
    background-position: center;
    width: 100%;
    border-radius: 0;
    min-height: auto;
    max-height: unset;
}

section.our-banner h1 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    line-height: normal;
}

br {
    display: none;
} 
section {
    padding: 40px 0;
    overflow: hidden;
}

.heading h2 {
    font-size: 1.8rem;
    padding: 0;
    text-align: center;
    line-height: normal;
}

.heading p {
    font-size: 1.125rem;
}

.info-banner {text-align: center;margin: 0;}

.info-banner p {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 25px;
    padding: 0;
    border: none;
    margin-top: 0;
    line-height: normal;
}

.btn-block {
    justify-content: center;
    display: flex;
}

.info-ban-form {
    float: none;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 0;
}

.info-ban-form h2 {
    font-size: 1.5rem;
    text-align: center;
}

.info-ban-form textarea.form-control {
    height: 80px;
}

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

.copyright ul {justify-content: center;text-align: center;}

.copyright .row {justify-content: center;}

.copyright p {
    text-align: center;
    font-size: 13px;
}

.copyright ul li {
    font-size: 14px;
}

.btn-block.text-center {
    margin-top: 30px;
}

.owl-testimonial p {
    font-size: 1.1rem;
    min-height: auto;
    margin-bottom: 20px;
}

.owl-testimonial .owl-stage {
    padding-top: 0;
}
  
.copyright {
    padding: 10px 0;
}

.copyright a {
    font-size: 13px;
}

.btn {
    padding: 10px 22px;
    text-transform: none;
} 

.row {
    display: block;
} 

.heading {
    text-align: center;
}

.heading h4 {
    margin-left: auto;
    margin-right: auto;
}
 
.info-idea h4 {
    margin-top: 20px;
}

.owl-testimonial .item {
    text-align: center;
    padding: 0;
}
 
.owl-testimonial .owl-nav {
    text-align: center;
    left: 0;
    right: 0;
    margin: 20px auto 0;
}
 
.owl-testimonial h5 {
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}
    
.footer-up a {
    /* letter-spacing: 5px; */
}

footer.footer {
    margin-top: 0;
}   

.banner-bar {
    display: none;
} 

header .col-md-6:last-child {
    display: none;
}
   
.active-up {
    padding: 40px 0;
    border-radius: 0;
    width: 100%;
}

.act-head h2 {
    font-size: 1.5rem;
}

.act-head {
    text-align: center;
}

.info-ban-form button.btn.btn-green {
    margin-top: 0;
}

.act-sub-head {
    margin-top: 0;
    padding-left: 0;
    text-align: center;
}

.active-down {
    /*display: none;*/  
}

section.active-sec {
    width: 100%;
    border-radius: 0;
    border: none;
    padding-top: 4rem;
    padding-bottom: 4rem;
} 

ul.list-ico li::before {transform: scale(0.8);top: -5px;}

ul.list-ico li {
    padding-left: 40px;
    font-size: 1rem;
}   

.owl-testimonial .owl-stage-outer .item {
    /*padding: 30px;*/   
}   

.info-ban-shd {
    max-width: 100%;
    float: none;
    margin: 0 auto;
    border-radius: 0;
    width: 100%;
}

.our-banner .col-md-5 {
    display: none;
}

section.our-abt-new {} 

section.our-anatomy {}    
 
.owl-testimonial {
    margin-top: 0;
} 

.info-ban-form h4 {
    width: 100%;
    left: 0;
    border-radius: 0;
    text-align: center;
} 

section.our-unlock {background-size: 10%;}

.owl-nav {
}

.footer-up h2 {
    padding-right: 0;
    font-size: 1.5rem;
    left: 0;
    line-height: normal;
}

.footer-up p {
    margin-bottom: 10px;
}
      
.footer-up {
    padding: 0;
}     
 
.info-ban-form form.validate-banner li input {
    height: 44px;
}

.our-unlock .col-md-2 {
    display: none;
}

.card-body {}   

.our-anatomy .col-md-4 {
    /* display: none; */
    background: url('../images/cont-thumb-bg.png') no-repeat scroll right top #1f2244;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
}

section.our-anatomy {   }       

.our-anatomy .heading h2 {
}   

.ftr-cta .btn-block {
    position: static;
    justify-content: left;
    margin-top: 20px;
} 

ul.cinfo {
    display: none;
}

nav.main-menu {
    /* display: none; */
    margin-top: 0;
    padding: 0 10px;
}

header .btn {
    display: none;
}

section.our-banner {
    background-position: left;
}

.oul-list ul li {
    width: 100%;
    padding: 30px;
    text-align: center;
}   

.on-block-1 .heading, .on-block-1 .btn-block {
    padding-left: 0;
}

.on-block-1 .heading {
    margin-top: 30px;
}

.bk-img {
    left: 0;
    display: none;
}

.coffee-img {margin-bottom: 30px;}

.coffee-img img {
    right: 0;
    max-width: 200px;
    margin: 0 auto;
    display: table;
}      

img.banner-left {
    display: none;
}

.awards-txt {
    display: none;
}   

.logo img {
    max-width: 120px;
}

img.arc-shape {
    max-width: 70px;
    margin-bottom: 0;
    top: -40px;
    right: -10px;
}   

.portslider .owl-dots {
    position: static;
}

.op-proces {}

img.ats-left {
    display: none;
}

img.ats-right {
    display: none;
}

.process-step {
    display: block;
    text-align: center;
}

.op-proces-cvr {
    margin-bottom: 40px;
    padding: 20px;
}

.process-step ul {
    width: 100%;
    flex-flow: wrap;
}

.process-step ul li {
    width: 50%;
}

.process-step ul li h5 {
    font-size: 1.5rem;
}

.process-step h3 {
    margin-bottom: 10px;
}      


section.yel-cta {
    width: 100%;
    border-radius: 0;
    text-align: center;
}

img.yel-thumb {
    display: none;
}

.yel-cta h2 {
    font-size: 1.5rem;
}

.yel-cta p {
    font-size: 1.2rem;
}    

.rating-id {
    padding: 30px;
    height: auto;
}

.rating-lnt {
    flex-flow: wrap;
    text-align: center;
}

.rating-pnt {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; 
}

.green-id {
    padding: 30px;
    height: auto;
}

section.our-abt-new {
    display: none;
}

section.os-section {
    padding-bottom: 40px;
}

section.our-anatomy {
    padding-top: 5rem;
}

.our-anatomy:before {
    height: 25%;
}

.card-body {
    padding: 30px;
}

.card-header {
    padding: 20px;
    padding-right: 50px;
}
  
section.wcta h2 {
    font-size: 1.8rem;
    line-height: normal;
}

section.wcta {
    margin-top: 0;
    padding-top: 40px;
}

section.wcta p {
    font-size: 1.125rem;
}

footer.our-footer {
    text-align: center;
}

.footer-up .col-md-7 {
    padding-left: 15px;
}

.footer-up ul {
    margin-top: 0;
    display: inline-flex;
    flex-flow: wrap;
    justify-content: center;
}

.footer-up {
    padding: 40px 0 0;
}

img.ftr-sticker {
    max-width: 120px;
}      

.yellow-id {
    height: auto;
    padding: 30px;
    text-align: center;
}

.yellow-id h2 {
    font-size: 1.8rem;
}

section.our-wiw {
    text-align: center;
}

.info-ico {
    margin-left: auto;
    margin-right: auto;
}

.wwrk-sec .col-md-4.order-1 {
    display: none;
}   

.footer-up ul li {
    margin: 4px 10px;
    /* width: 20%; */
}

.our-footer .col-md-4 {
    margin-top: 20px;
}   


.portslider .owl-dots button.owl-dot {
    background: #0a1a08;
}    

.col-md-2.col-1 {width: 100%;display: flex;justify-content: space-between;}

a.logo {margin-top: 0;text-align: left;}

.oul-item {text-align: center;padding: 40px;height: auto;}
  
.yel-cinn {    padding: 30px;    border-radius: 0;  }

.org-cta {    margin-top: 30px;  }

.info-ser {padding: 30px;height: auto;} 

.os-section [class*="col-"]:first-child {    /* margin-top: 0; */  }

.btn-ac .arrow {    right: -40px;    top: 0;    }

.card {    border-radius: 10px; }

.btn-ac .arrow {    right: -40px;   } 

.info-ser p {    margin-bottom: 0;     }  

img.abti-thumb1, img.abti-thumb2, img.abti-thumb3, img.abti-thumb4, img.abti-thumb5 {       display: none;     }  

section.abt-unlock {    padding-top: 40px;  } 

.oul-list .col-md-3 {    margin-top: 10px;  }

.abt-secinfo .col-md-5 {    display: none;  }

.abt-proces h3 {    position: static;    padding-top: 0;    text-align: center;    margin: 20px 0;  }

.abt-proces div#counter {margin-top: 0;display: flex;align-items: unset;}

.abt-proces h3:before {    display: none;   }

div#counter .col-md-3 {margin-top: 20px;width: 49%;}

.wac-abt {    width: 100%;    text-align: center;   }

.abt-yel-info {padding: 40px 10px 0 10px;text-align: center;border-radius: 10px;overflow: hidden;margin-bottom: 0;}

.abt-yel-info h2 {    font-size: 1.8rem;    line-height: normal;    }

img.abt-cta-thumb {    display: none;   }

img.abt-cta-arch {    display: none;    }

.abtc-info {    position: relative;    left: 0;    bottom: 0;    margin-top: 20px;    background: #222822;    padding: 10px 0;  }     

section.abtw-sec {    padding-top: 40px;    text-align: center;    padding-bottom: 40px;   }

img.book-men {    position: static;      display: none;   }

img.abt-sphone {    display: none;    }

.abtw-item {    margin-bottom: 0;    padding-bottom: 0;   }

.abtw-item:first-child {    padding-bottom: 0;   }

.info-ritem {    margin-top: 0;   }

.abtw-item h3 {    font-size: 1.8rem;   }

.wac-abt h2 {    font-size: 1.8rem;    margin-bottom: 20px;   }

.abt-nos {    height: 100%;    padding: 30px;   }

.abt-nos p {    line-height: normal;  }

.abt-nos h5 {    font-size: 3rem;   }

.abt-nos h5:before {    width: 35px;    height: 35px;   }      

img.edit-typerwrter {    display: none;     }

.yle-cnc {    margin-top: 0;    }

img.typewriter-shape {    display: none;    }

.yle-text {    text-align: center;     } 

.bk-circle {    display: none;  }

.bky-cinn {padding: 40px;border-radius: 0;text-align: center;}

section.bk-yel-cta {padding-top: 0;padding-bottom: 40px;}

.bky-cinn h2 {    font-size: 1.8rem;    }    

.bkar-cta0 {    display: none;  }

.bky-cinn .btn-block {    width: 100%;    margin: 20px 0;   }

.bk-yel-cta h3 {    margin-top: 20px;    font-size: 1rem;   }

.bky-cinn {}    

.bps-text {    text-align: center;  }

img.opc-img {    display: none; }

.pub-outshine .col-md-4 {    display: none; }

img.ostop-thumb {    display: none; }

.bkli-blk {    width: 100%; }

.bk-list-m {    display: block; }

.bkli-item {    margin-bottom: 20px;    text-align: center; }

.one-stop-pub .col-md-5 {    text-align: center;    }

.cta-ycal {    margin-bottom: 0;   }

section.all-emb-pub {    padding-top: 40px;  }

.aep-txt {    padding: 35px;    text-align: center;   }  

.bkli-blk + .bkli-blk .bkli-item:last-child {    margin-bottom: 0;   }    

.cols-img{    display: none;    }    

.cols-img + .col-md-6 {margin-top: 0;}

.our-banner.bk-banner {background-position: left;padding-bottom: 4rem;}  

img.bkout-thumb-l {     right: 0;   max-width: 100%;    margin-top: 0;       }   

.bk-outshine ul {    margin-top: 30px;    margin-bottom: 30px;  }

img.bkout-flower {    display: none;    }

.bk-outshine .btn-block {    position: static;  }

img.bkout-thumb-r {    margin-top: 30px;    max-width: 100%;    }

section.genre-sec {    margin-top: 0;   }

.inportslider {    clear: both; }

.in-portfolio .btn-block {    float: none;  }

.our-banner.inn-banner.cvb-banner {    padding-bottom: 4rem;   }
   
img.cvb-ethumb {    max-width: 100%;    right: 0;   display:none;   }  

img.cvb-bk {right: 0;z-index: 1;margin-bottom: 40px;position: relative;}

.cvb-item {    height: auto;    display: block;    padding: 40px;       text-align: center;     }

.cvb-ibk {     width: 100%;     position: relative;      z-index: 1;    }

.cvb-item:after {    height: 100%;   }

section.our-banner.inn-banner.mark-banner {padding-bottom: 5rem;padding-top: 9rem;margin-top: 0;}

img.mark-ethumb {    display: none; }

.market-list .col-md-4.order-1 {    display: block; }
  
.market-list .col-md-4.order-2 {    margin-top: 0;  }

.market-list .btn-block {    position: static;  }

img.mleft-thumb {    display: none; }

.mcta-gren {    margin-bottom: 50px;    }       

.our-wiw .col-md-3 {    margin-top: 20px;   }    

.every-mark p {    margin-bottom: 0;    }  

.second-tab-leftbullets, .second-tab-rightbullets {    width: 100%;     }

.content-main-tab {    flex-flow: wrap;     }

.second-tab-leftbullets {    margin-bottom: 50px;   }

.cta-pink .bk-yel-cta {    padding-bottom: 0;   }    

img.genre-bthumb {    display: none;    }  

img.genre-bwc-ico {    display: none;   }

img.gen-bk {    display: none;  }

.gen-tblk h3 {    max-width: 100%;  }

.gen-tblk p {    max-width: 100%;   }
   
.gen-tblk {    background-position: right top;    padding: 40px;    background-size: 30%;   }

.gen-types {    margin-top: 40px;   }
   
.gen-tblk:last-child {    margin-bottom: 0;     }  

.genre-pick .heading {
    margin-top: 30px;
}

.genre-pick .heading p {
    text-align: center;
}

img.genre-result {
    max-width: 100%;
}

div#counter {
    display: flex;
    align-items: unset;
}   


.abtw-item:first-child {
    padding-bottom: 10px;
}

.abtw-item {
    margin-bottom: 30px;
}

      
img.abt-sphone {
    max-width: 120px;  
}   

nav.main-menu ul.menu li ul.sub-menu { 
    position: static;
    width: 100%;
    display: none !important;
}

nav.main-menu ul.menu li ul.sub-menu.active {
    display: block !important;
}

nav.main-menu ul.menu li i.fa-angle-down, nav.main-menu ul.menu li svg.fa-angle-down {
    top: 0; 
    bottom: auto;
    width: 50px;
    /* height: 40px; */
    padding: 10px;
    padding: 16px 0;
    font-size: 16px;
    background: #07582b;
}   

nav.main-menu ul.menu li.open i.fa-angle-down, nav.main-menu ul.menu li.open svg.fa-angle-down {
    transform: rotate(180deg);
}

.talk-txt h2 {
    font-size: 1.8rem;
    line-height: normal;
}

.talk-txt p {
    text-align: center;
}

.talk-txt {
    text-align: center;
}

.talk-txt h6 {
    font-size: 1.3rem;
}

.talk-txt .number {
    font-size: 2rem;
}

.talk-txt ul {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-bottom: 30px;  
}

.talk-txt ul a {height: 40px;width: 40px;font-size: 18px;}  

.side-contact .contact-form input, .side-contact .contact-form textarea {
    font-size: 13px;
}

.side-contact {
    padding: 0;
    box-shadow: none;
}    

.popupform {background: #0e8062;width: 90%;padding: 20px;border-radius: 20px;}

.popupform h2 {font-size: 1.3rem;}
   
.popupinn {    right: 0;    float: unset;    max-width: 100%;   }     

.aep-items {    height: auto !important;    }

.col-md-4 .aep-txt {    padding: 20px;  }

.aep-txt {    padding: 20px;  }  

.gen-item {    height: auto;    }  

.bcds-item {
    height: auto;
}   

.mark-banner .info-banner {
    margin-top: 0;
}

}
   
   
                       
                       
@media (max-width: 767px){

    .home-banner.our-banner {
        height: 50vh;
    }

        section.our-banner {
        padding-top: 5rem;
    }

    .rating-id:after{
        display: none;
    }

    .footer-up .coninfo {
    margin-top: 25px;
}


.hero-section .hero-copy {
    text-align: center;
}

.hero-section h1 {
    font-size: 30px;
    line-height: 40px;
}

.hero-actions {
    justify-content: center;
    margin-bottom: 20px;
}

.hero-actions a.btn {
    width: 100%;
    display: block;
}

.img-pub.img-cover {
    display: none;
}



section.price-design .pricing-tab-main {}

section.price-design .pricing-tab-main .main-div {
    padding: 30px 30px 60px !important;
}

.footer-up .coninfo ul {
    display: block;
}

.footer-up .coninfo ul li {
    flex-direction: column;
}

    header .logo img, header.fixed a.logo img {
        max-width: 110px;
    }



img.pymnt {
    margin: 0 auto 20px;
}


.copyright ul li.sep{
    display: none;
}

.copyright ul {
    display: inline-block;
    padding: 0;
    margin-top: 20px;
}

.copyright ul li {display: inline-block;width: 45%;margin-bottom: 10px;}

}