@media(min-width:1400px) {
    .container{
        max-width:1310px;
    }
}
@media(max-width:1399px) {
    .container{
        max-width: calc(100% - 60px);
    }
    .logo-area {
        left: 15px;
    }
    .steps-holder {
        gap: 30px;
    }
    .each-steps-block {
        max-width: calc(25% - 23px);
        min-width: calc(25% - 23px);
    }
    .common-button {
        font-size: 14px;
        line-height: 20px;
        padding: 15px 25px;
        padding-right: 45px;
    }
    .common-button:after {
        top: 12px;
    }
}
@media(max-width:1299px) {
    .navbar-area{
        display: none;
    }
    .welcome-area-right {
        padding-left: 0px;
    }
    .welcome-area {
        margin: 100px 0px;
    }
    .work-with-us {
        margin: 100px 0px;
        padding: 100px 0px;
    }
    .featured-wrapper {
        margin: 100px 0px;
    }
    .steps-of-publish {
        margin: 100px 0px 0px;
        padding: 100px 0px;
    }
    .contact-us {
        margin: 100px 0px 100px;
    }
    .listed-author{
        margin:100px 0px
    }
    .publication-plans-area{
        margin: 100px 0px 70;
    }
    .author-details-area {
        margin: 100px 0px 70px;
    }
}
@media(max-width:1199px) {
    .logo-area a img {
        max-width: 115px;
    }
    h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .banner-content-wrapper p {
        font-size: 20px;
        line-height: 30px;
    }
    .each-work-with-us-block {
        padding: 35px;
    }
    h3 {
        font-size: 18px;
        line-height: 28px;
    }
    p{
        font-size: 14px;
        line-height: 25px;
    }
    .work-with-us-heading p {
        font-size: 18px;
    }
    .each-steps-block h4 {
        font-size: 18px;
    }
    .step-number {
        font-size: 90px;
    }
    .author-qoute-wrapper p {
        font-size: 25px;
        line-height: 140%;
    }
}
@media(max-width:991px) {
    .header-top-area{
        display: none;
    }
    .logo-area {
        margin-top:0px
    }
    .welcome-area .row{
        row-gap: 30px;
    }
    .work-with-us .row{
        row-gap: 30px;
    }
    .each-work-with-us-block{
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    .steps-holder{
        flex-wrap:wrap;
        row-gap: 50px;
    }
    .each-steps-block {
        max-width: calc(50% - 23px);
        min-width: calc(50% - 23px);
    }
    .portfolio-block-wrapper {
        flex-direction: column;
        gap:30px;
        text-align: center;
    }
    .contact-us .container >.row{
        row-gap: 30px;
    }
    .footer-area .container .row{
        row-gap: 30px;
    }
    .footer-bottom-left{
        text-align: center;
    }
    .footer-bottom-left ul{
        justify-content: center;
    }
    .footer-logo {
        margin-bottom: -50px;
    }
}
@media(max-width:767px) {
    .container{
        max-width: calc(100% - 0px);
    }
    h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .banner-content-wrapper p {
        font-size: 16px;
        line-height: 30px;
    }
    .welcome-area {
        margin: 75px 0px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .work-with-us {
        margin: 75px 0px;
        padding: 100px 0px;
    }
    .featured-wrapper {
        margin: 75px 0px;
    }
    .work-with-us-heading{
        flex-direction: column;
        row-gap: 30px;
    }
    .each-steps-block {
        max-width: calc(100% - 0px);
        min-width: calc(100% - 0px);
        padding-bottom: 60px;
    }
    .contact-form {
        padding: 30px;
    }
    .qoutation-text {
        padding: 0px 30px;
    }
    .contact-us {
        margin: 75px 0px 75px;
    }
    .address-box{
        flex-direction: column;
        gap:20px
    }
    .listed-author{
        margin:75px 0px
    }
    .each-author img {
        height: 270px;
    }
    .inner-banner-area .each-slide {
        min-height: 330px;
    }
    .publication-plans-area{
        margin: 75px 0px;
    }
    .author-details-area {
        margin: 75px 0px 70px;
    }
}