/*media for devices size less than and equals to 767px*/

@media only screen and (max-width: 767px) {
    main nav.navbar #hamburger-icon {
        display: block;
    }

    main .main-header {
        padding: 80px 0 0 0;
    }

    main .main-header .header-video {
        text-align: center;
    }

    main .main-header .header-video img.video-img {
        height: 200px;
    }

    main .main-header .header-tree {
        text-align: center;
    }

    main .main-header .header-tree img.tree-img {
        height: 300px;
    }

    main .main-header .header-tree .bottom-img img {
        height: 40px;
    }

    main .just-some-clients {
        padding: 50px 10px;
        font-size: 12px;
    }

    main .just-some-clients .home-first-slider .book-slider img {
        margin: auto;
        height: 200px;
    }

    main .write-book {
        padding: 40px 0 0 0;
        font-size: 12px;
    }

main .write-book .write-section-inner {
    padding: 0;
}
    main .write-book .frame .loader {
        left: calc(62% - 52px);
        top: calc(60% - 52px);
    }

    main .write-book .frame .loader .rocket {
        width: 70px;
        height: auto;
    }

    main .write-book .frame .loader .trail-wrapper {
        top: 50px;
        width: 70px;
        height: 80px;
    }

    main .write-book .frame .loader .trail {
        width: 10px;
    }

    main .write-book .content {
        padding-bottom: 60px;
text-align: left;
    }

    main .write-book h2 {
        font-size: 2em;
    }

    main .write-book .bottom-content h3 {
        font-size: 20px;
    }

    main .write-book .bottom-content h3.heading {
        margin: 20px 0 10px 0;
    }

    main .authors {
        height: 500px;
        font-size: 12px;
    }

    main .authors .author-content h2.main-heading {
        margin: 20px 0 0 0;
    }

    main .authors .author-content .img-box img.new-york {
        top: 30%;
    }

    main .authors .author-content .img-box img {
        height: 100px !important;
    }

    main .authors .author-content .img-box img.amazon {
        top: 45%;
    }

    main .authors .author-content .img-box img.wall {
        top: 26%;
    }

    main .authors .author-content .img-box img.today {
        top: 45%;
    }

    main .authors .author-content .img-box img.noble {
        right: 30%;
        bottom: 15%;
    }

    main .authors .author-content .img-box img.pw {
        left: 0;
    }

    main .authors .author-content .img-box img.neil {
        bottom: 0;
    }

    main .different-stage {
        padding: 50px 0;
        font-size: 12px;
    }

    main .hundred-clients {
        font-size: 12px;
    }

    main .hundred-clients .right .client-slider .slider-content .icon {
        height: 100px;
        width: 100px;
    }

    main .hundred-clients .right .client-slider .slider-content .icon i {
        font-size: 3em;
        line-height: 100px;
    }

    main .upcoming-launches {
        font-size: 12px;
    }

    main .upcoming-launches .upcoming-slider {
        margin-bottom: 50px;
    }

    main .upcoming-launches .upcoming-slider .content img {
        height: 200px;
    }

    main .upcoming-launches .street-content {
        font-size: 10px;
    }

    main .upcoming-launches .street-content .street-slider {
        padding: 20px 0;
    }

main .upcoming-launches .street-content .street-slider button.slick-arrow.slick-prev{
    left: -20px;
}

main .upcoming-launches .street-content .street-slider button.slick-arrow.slick-next{
    right: -20px;
}

    main .upcoming-launches .street-content .street-slider .content img {
        height: 100px;
    }

    main .good-company {
        margin-bottom: 50px;
        font-size: 12px;
    }

    main .good-company .company-slider {
        padding: 0;
    }

    main .good-company .company-slider .content img {
        height: 100px;
    }

    footer .footer-bottom {
        font-size: 13px;
    }

    footer .footer-top-banner {
        padding: 50px 0;
    }

    footer .footer-top .footer-logo a img {
        height: 50px;
    }

    footer .footer-top-banner img.book-now {
        left: 68%;
        height: 80px;
        top: 90%;
    }

    footer .cloud-links ul {
        flex-wrap: wrap;
    }

    footer .cloud-links ul li {
        width: 33%;
        margin-bottom: 30px;
    }

    footer .cloud-links ul li img {
        height: 80px;
    }

    footer .address {
        max-width: 100%;
        padding: 20px 0 0 0;
    }

    footer .address .content {
        padding-bottom: 40px;
    }

    footer .footer-company {
        max-width: 100%;
    }

    footer .footer-company .content {
        margin-bottom: 20px;
    }

    footer .footer-bottom .footer-social {
        justify-content: center;
        padding-top: 30px;
    }

    footer .footer-bottom .footer-links {
        justify-content: center;
    }

    footer .footer-bottom .footer-links ul li {
        padding: 0 8px;
    }
}