@media screen and (max-width: 1440px){
    .abt-sec-title{
        font-size: 54px;
        line-height: 80px;
    }

    body{
        font-size: 24px;
    }

    .abt-sec-blks .sec-txt-blk .abt-sec-text{
        line-height: 40px;
    }

    .abt-auth-sec.sec4 .abt-sec-title {
        max-width: 500px;
    }
}

@media screen and (max-width: 1280px){
    .abt-sec-title{
        font-size: 48px;
        line-height: 74px;
    }

    .abt-sec-blks .sec-txt-blk .abt-sec-text {
        line-height: 42px;
    }

    .abt-auth-sec.sec4 .abt-sec-title{
        max-width: 500px;
    }
}

@media screen and (max-width: 1180px){
    .amber-page.amber-home .amber-page-container {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 1024px){
    .abt-auth-sec .abt-sec-blks{
        padding: 0;
    }

    .abt-sec-blks .abt-sec-img{
        padding: 0 20px;
    }

    .abt-sec-blks .sec-txt-blk{
        padding: 0 20px;
    }

    .page-head .page-head-wrap{
        padding: 70px 0 20px;
    }

    .amber-home-sec .bird.bird1{
        max-width: 180px;
    }

    .amber-home-sec .bird.bird2{
        max-width: 190px;
        right: 30%;
    }

    .amber-home-sec .bird.bird3 {
        right: 10%;
        max-width: 180px;
    }

    .amber-home-sec .bird.bird4{
        max-width: 200px;
        left: 10%;
    }

    .abt-book-sec.sec1 .bird.bird1 {
        top: 4%;
        right: 6%;
        max-width: 180px;
    }

    .abt-book-sec.sec1 .bird.bird2 {
        top: 30%;
        left: 5%;
        max-width: 200px;
    }

    .abt-book-sec.sec1 .bird.bird3 {
        right: 5%;
        max-width: 180px;
    }

    .abt-book-sec .abt-sec-blks .sec-txt-blk, .abt-auth-sec .abt-sec-blks .sec-txt-blk{
        top: -70px;
    }

    .abt-book-sec .abt-sec-blks .abt-sec-img, .abt-auth-sec .abt-sec-blks .abt-sec-img{
        top: 70px;
    }

    .page-head.with-bg .page-head-wrap {
        padding: 50px 0 80px;
    }

    .contact-info .contact-info-blks .cintro-blk .contact-intro-text{
        font-size: 32px;
    }

    body{
        font-size: 22px;
    }

    .amber-btn:hover::before {
        height: 100%;
        border-radius: 5px;
    }

    .amber-btn:hover span {
        color: #ffffff;
    }

    .amber-btn.nl-submit-wrap:hover input{
        color: #000;
    }
}

@media screen and (max-width: 768px) and (orientation: portrait){
    .amber-home-sec.slogan {
        background-image: url(assets/images/home-sec2-mob.jpg);
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap {
        background-image: url(assets/images/auth-sec2-bg-mob.jpg);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .abt-auth-sec.sec2{
        padding: 0;
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap .abt-auth-sec-cont{
        top: auto;
    }

    .abt-auth-sec.sec4 .abt-auth-sec-wrap {
        background-image: url(assets/images/auth-sec4-bg-mob.jpg);
        background-position: top center;
        background-size: cover;
    }

    .abt-auth-sec.sec4 .abt-auth-sec-wrap {
        padding: 80px 0 50px;
    }

    .abt-book-sec.sec1 .abt-book-sec-wrap {
        background-image: url(assets/images/about-the-book-bg-mob.jpg);
    }

    .abt-book-sec.sec5 .abt-book-sec-wrap {
        background-image: url(assets/images/bg-paper-mob.jpg);
        background-position: top center;
    }
}

@media screen and (max-width: 768px){
    .amber-stores .store-icon{
        max-width: 150px;
    }

    .amber-stores .store-name-loc,
    .amber-stores .store-link-wrap{
        padding: 0 25px 0 0;
    }

    .contact-info .contact-info-blks .cintro-blk .contact-intro-text{
        font-size: 28px;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a{
        font-size: 18px;
    }

    .contact-info .contact-info-blks .cintro-blk{
        flex: 0.45;
        padding: 0 0 0 24px;
    }

    .contact-info .contact-info-blks .cinf-blk{
        flex: 0.55;
        padding: 0 16px 0 0;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a span.cinf-icon{
        width: 34px;
        padding: 0 4px 0 0;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row{
        padding: 0 0 18px;
    }

    .insta-feed #sb_instagram #sbi_images .sbi_item {
        padding: 5px !important;
    }

    .page-head .page-head-wrap .page-head-cont h1{
        font-size: 32px;
    }

    .page-head.with-bg .page-head-wrap {
        padding: 40px 0 60px;
    }

    .amber-page.amber-instagram .insta-feed {
        padding: 0 0 60px;
    }

    .abt-book-sec .abt-book-sec-wrap .abt-book-intro .page-head .page-head-wrap {
        padding: 100px 0 20px;
    }

    .abt-book-sec .abt-sec-blks .sec-txt-blk,
    .abt-book-sec .abt-sec-blks .abt-sec-img {
        padding: 0 20px;
    }

    .abt-sec-title {
        font-size: 40px;
        line-height: 60px;
        padding: 0 0 15px;
    }

    .abt-sec-blks .sec-txt-blk .abt-sec-text {
        line-height: 38px;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk .abt-sec-text{
        display: none;
    }

    .abt-auth-sec.sec4 .abt-sec-text.mobile-only{
        display: block;
        padding: 25px 0 0;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk,
    .abt-auth-sec.sec4 .abt-sec-blks .abt-sec-img{
        align-self: flex-end;
    }

    .abt-auth-sec.sec4 .abt-auth-sec-wrap{
        padding: 60px 0;
    }

    .amber-home-sec.intro .book-intro-container .book-intro .book-name{
        max-width: 220px;
    }

    /* menu */
    header .header-wrapper .header-container .header-inner .amber-logo {
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    header .header-wrapper .header-container .header-inner .amber-logo a{
        font-size: 45px;
        line-height: 60px;
    }

    header .header-wrapper .header-container .header-inner{
        padding: 70px 0 0;
    }

    header .header-wrapper .header-container{
        padding: 5px 15px 0;

        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }

    #main-menu{
        display: none;
    }

    header #main-menu ul#menu-main-menu li{
        display: block;
        padding: 0 0 20px;
        text-align: center;
    }

    #main-menu #menu-content{
        padding: 20px 0;
    }

    header.menu-open .header-wrapper .header-container{
        padding: 25px 15px 0;
    }

    header.amber-header .mobile_menu_cta{
        display: block;
    }

    header.amber-header{
        z-index: 25;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

    header #main-menu ul#menu-main-menu li a{
        display: inline-block;
    }

    .amber-page {
        padding: 75px 0 0;
    }

    header #main-menu ul#menu-main-menu{
        max-height: 60vh;
        overflow: auto;
    }
    /* end menu */

    footer.amber-footer .nl-footer .nl-wrapper .nl-intro{
        font-size: 20px;
        line-height: 30px;
    }

    .amber-btn span, .amber-btn input{
        font-size: 20px;
    }

    footer.amber-footer .cr-footer .copyright{
        padding: 15px;
    }

    .amber-page.amber-home .amber-page-container{
        overflow-x: hidden;
    }

    .sec-par {
        padding: 0 0 30px;
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap .abt-auth-sec-cont {
        padding: 70px 15px 0;
    }

    .abt-auth-sec.sec3 {
        padding: 50px 0 0;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk,
    .abt-auth-sec.sec2 .abt-sec-blks .abt-sec-img {
        padding: 0 0 0 25px;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .abt-sec-img,
    .abt-auth-sec.sec2 .abt-sec-blks .sec-txt-blk {
        padding: 0 25px 0 0;
    }
}

@media screen and (max-width: 667px){
    .contact-info .contact-info-blks .cintro-blk {
        flex: 0.4;
        padding: 0 0 0 12px;
    }

    .contact-info .contact-info-blks .cinf-blk {
        flex: 0.6;
        padding: 0 12px 0 0;
    }

    .contact-info .contact-info-blks .cintro-blk .contact-intro-text {
        font-size: 23px;
    }

    .amber-stores .store-icon {
        max-width: 100px;
    }

    .book-cover .book-cover-wrap{
        max-width: 460px;
    }

    .abt-book-sec.sec1 .bird.bird2 {
        top: 37%;
        left: 3%;
        max-width: 175px;
    }

    .page-head .page-head-wrap {
        padding: 45px 0 20px;
    }

    .amber-home-sec .bird.bird3 {
        right: 6%;
        max-width: 160px;
        top: 5%;
    }

    .amber-home-sec .bird.bird4 {
        max-width: 175px;
        left: 7%;
    }

    .abt-book-sec .abt-book-sec-wrap .abt-book-intro .page-head .page-head-wrap {
        padding: 60px 0 20px;
    }
}

@media screen and (max-width: 640px){
    .abt-auth-sec .sec1-banner{
        display: none;
    }

    .abt-auth-sec .sec1-banner.mobile-only{
        display: block;
    }

    .page-head .page-head-wrap .page-head-cont h1 {
        font-size: 28px;
    }

    body{
        font-size: 20px;
    }

    .abt-sec-title {
        font-size: 36px;
        line-height: 50px;
    }

    .abt-sec-blks .abt-sec-img {
        padding: 0 10px;
    }

    .abt-sec-blks .sec-txt-blk {
        padding: 0 10px;
    }

    .abt-sec-blks .sec-txt-blk .abt-sec-text {
        line-height: 34px;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk,
    .abt-auth-sec.sec2 .abt-sec-blks .abt-sec-img {
        padding: 0 0 0 15px;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .abt-sec-img,
    .abt-auth-sec.sec2 .abt-sec-blks .sec-txt-blk {
        padding: 0 15px 0 0;
    }
}

@media screen and (max-width: 568px){
    .contact-info .contact-info-blks{
        display: block;
    }

    .contact-info .contact-info-blks .cintro-blk {
        padding: 0 0 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .contact-info .contact-info-blks .cintro-blk .contact-intro-text {
        font-size: 26px;
        max-width: 420px;
    }

    .contact-info .contact-info-blks .cinf-blk{
        border: none;
        padding: 0;
    }

    .contact-info .contact-info-wrap{
        padding: 50px 0 60px;
    }
}

@media screen and (max-width: 520px){
    .page-head.with-bg .page-head-wrap {
        padding: 30px 0 40px;
    }

    .amber-stores .store-row .store-row-wrap .store-row-cont{
        display: block;
    }

    .amber-stores .store-icon {
        max-width: 180px;
        text-align: right;
    }

    .amber-stores .store-name-loc {
        padding: 20px 0 0;
    }

    .amber-stores .store-link-wrap{
        padding: 20px 0 0;
        text-align: right;
    }

    .amber-stores .store-name-loc .store-name {
        font-size: 25px;
        padding: 0 0 5px;
        max-width: 240px;
        line-height: 32px;
    }

    .amber-stores .store-link-wrap.link-empty {
        display: none;
    }

    .amber-stores .store-row .store-row-wrap{
        padding: 30px 15px;
    }

    .amber-stores .amber-stores-wrap{
        padding: 0;
    }

    .book-cover .book-cover-wrap{
        width: 85%;
    }

    .abt-sec-blks{
        flex-direction: column;
    }

    .abt-book-sec .abt-sec-blks .sec-txt-blk, .abt-auth-sec .abt-sec-blks .sec-txt-blk{
        order: 2;
        padding: 0;
    }

    .abt-book-sec .abt-sec-blks .abt-sec-img, .abt-auth-sec .abt-sec-blks .abt-sec-img{
        order: 1;
        padding: 0 0 20px;
    }

    .abt-book-sec.sec3 .abt-sec-blks .sec-txt-blk{
        text-align: right;
    }

    .abt-auth-sec.sec2 .abt-sec-blks .abt-sec-img{
        z-index: 5;
        top: 30px;

        -webkit-transition: all 600ms cubic-bezier(0.200, 0.750, 0.695, 0.930);
        -moz-transition: all 600ms cubic-bezier(0.200, 0.750, 0.695, 0.930);
        -ms-transition: all 600ms cubic-bezier(0.200, 0.750, 0.695, 0.930);
        -o-transition: all 600ms cubic-bezier(0.200, 0.750, 0.695, 0.930);
        transition: all 600ms cubic-bezier(0.200, 0.750, 0.695, 0.930);
    }

    .abt-auth-sec.sec2.visible .abt-sec-blks .abt-sec-img{
        top: 90px;
    }

    .abt-auth-sec.sec1 .sec-par:last-child {
        padding: 0;
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap .abt-auth-sec-cont{
        padding: 0;
    }

    .abt-book-sec .abt-sec-blks .abt-sec-img .abt-sec-img-wrap,
    .abt-auth-sec .abt-sec-blks .abt-sec-img .abt-sec-img-wrap{
        width: 85%;
        margin: 0 auto;
    }

    .abt-book-sec.middle-blk .abt-book-sec-wrap .abt-book-sec-cont{
        padding: 20px 0;
    }

    .abt-book-sec.sec5 .abt-book-sec-wrap .abt-book-sec-cont{
        padding: 40px 0;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk, .abt-auth-sec.sec4 .abt-sec-blks .abt-sec-img {
        align-self: flex-start;
    }

    .abt-auth-sec.sec4 .abt-sec-text.mobile-only{
        padding: 10px 0 0;
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap .abt-sec-blks .sec-txt-blk {
        background-image: url(assets/images/auth-sec2-bg-mob.jpg);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        padding: 100px 15px 0;
    }

    .abt-auth-sec.sec2 .abt-auth-sec-wrap{
        background: transparent;
    }

    .abt-book-sec .abt-sec-blks .sec-txt-blk, .abt-auth-sec .abt-sec-blks .sec-txt-blk{
        top: 70px;
    }

    .amber-home-sec.intro .book-intro-container{
        display: block;
        padding: 45px 15px 0;
    }

    .amber-home-sec.intro .book-intro-container .book-intro,
    .amber-home-sec.intro .book-intro-container .book-cover{
        padding: 0;
    }

    .amber-home-sec.intro .book-intro-container .book-cover{
        top: 40px;
    }

    .amber-home-sec.slogan{
        padding: 20px 0 0;
    }

    .amber-home-sec .bird,
    .abt-book-sec.sec1 .bird.bird2 {
        display: none;
    }

    .amber-home-sec.intro .book-intro-container .book-intro .book-name{
        width: 60%;
    }

    .abt-book-sec.sec1 .bird.bird1 {
        top: 15px;
        right: -40px;
        max-width: 150px;
    }

    .abt-book-sec.sec1 .bird.bird3 {
        right: auto;
        max-width: 120px;
        bottom: 50%;
        left: -35px;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .sec-txt-blk{
        padding: 0;
    }

    .abt-auth-sec.sec4 .abt-sec-blks .abt-sec-img{
        padding: 0 0 15px;
    }

    .abt-auth-sec.sec2 .abt-sec-blks .abt-sec-img {
        padding: 0 0 20px;
    }
}

@media screen and (max-width: 480px){
    .insta-feed #sb_instagram #sbi_images .sbi_item{
        width: 50%;
    }
}

@media screen and (max-width: 460px){
    footer.amber-footer .nl-footer .nl-wrapper .nl-intro{
        font-size: 18px;
    }

    footer.amber-footer .nl-footer .nl-wrapper .nl-form .wpcf7 input[type="email"]{
        font-size: 18px;
    }

    .amber-btn.nl-submit-wrap,
    .amber-btn.nl-submit-wrap input{
        width: 100%;
        text-align: center;
    }

    .amber-btn.nl-submit-wrap span{
        text-align: center;
    }

    .amber-btn span, .amber-btn input{
        font-size: 18px;
    }

    footer.amber-footer .cr-footer .copyright p{
        font-size: 18px;
    }

    .amber-home-sec .page-head .page-head-wrap .page-head-cont h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .abt-auth-sec.sec4 .abt-sec-title {
        max-width: 340px;
    }
}

@media screen and (max-width: 420px){
    .page-head .page-head-wrap .page-head-cont h1 {
        font-size: 26px;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a span.cinf-icon {
        width: 26px;
        padding: 0;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a {
        font-size: 17px;
    }

    .amber-home-sec .page-head .page-head-wrap .page-head-cont h1 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media screen and (max-width: 360px){
    .contact-info .contact-info-blks .cinf-blk .cinf-row a span.cinf-icon{
        width: 24px;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a {
        font-size: 16px;
    }
}

@media screen and (max-width: 320px){
    .contact-info .contact-info-blks .cinf-blk .cinf-row a span.cinf-icon{
        width: 23px;
    }

    .contact-info .contact-info-blks .cinf-blk .cinf-row a {
        font-size: 15px;
    }
}