@media only screen and (max-width:1199px) {
    body {
        font-size: 16px;
        line-height: 20px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 30px 20px 27px
    }

    .footer-logo,
    .logo {
        width: 140px
    }

        .footer-logo img,
        .gigs-image-holder img,
        .logo img {
            width: 100%;
            height: auto
        }

    .welcome-section .emphaized-letter {
        font-size: 170px;
        line-height: 190px
    }

    .lang ul {
        margin: 0;
        padding: 0
    }

    .welcome-section .our-site-block {
        padding: 50px 0
    }

    .gig-section h2 {
        font-size: 58px;
        line-height: 62px
    }

    .add-job .gig-section-holder.content-section {
        padding: 150px 0
    }

    .footer-nav li {
        margin: 0 0 15px
    }

    #footer {
        font-size: 15px;
        line-height: 20px
    }

    .login-block-slide {
        top: 80px
    }
}

@media only screen and (max-width:991px) {
    #header.active {
        width: auto
    }

    .logo {
        width: 110px;
        padding: 15px 0
    }

    .lang ul {
        margin: 0;
        padding: 0
    }

    .navbar-toggler {
        position: absolute;
        top: 20px;
        right: 150px;
        margin: 0;
        border: none;
        padding: 0;
        outline: 0
    }

        .navbar-toggler:focus {
            outline: 0
        }

    #header {
        position: relative
    }

        #header .container {
            position: relative
        }

    .navbar {
        position: static
    }

    .navbar-collapse {
        width: 100% !important;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        z-index: 9
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px
    }

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link:hover {
        border-color: transparent;
        background: #d8310f;
        color: #fff
    }

    .main-banner .sub-text,
    .main-banner h1 {
        font-size: 50px;
        line-height: 55px
    }

    .welcome-section .emphaized-letter {
        font-size: 120px;
        line-height: 125px
    }

    .welcome-section .two-columns {
        padding: 0
    }

    .gig-section h2 {
        font-size: 42px;
        line-height: 46px
    }

    .classic-gigs.gig-section .gig-section-holder {
        font-size: 20px;
        line-height: 24px
    }

    .footer-nav li {
        margin: 0 0 10px
    }

    #footer h3 {
        margin: 0 0 15px;
        font-size: 18px;
        line-height: 22px
    }

    .footer-logo,
    .footer-top .footer-about-text {
        margin: 0 0 15px
    }

    .footer-top {
        padding: 30px 0
    }

        .footer-top .social-networks li a {
            padding: 9px 2px 0
        }

    .login-block-slide {
        top: 71px
    }

    .pos-stat {
        position: static !important
    }

    .bottom-btns-holder .btn {
        padding: 12px 20px 11px
    }
}

@media only screen and (max-width:767px) {
    .classic-gigs.gig-section .gig-section-holder,
    .footer-bottom .copyright-block,
    .main-banner,
    body {
        font-size: 14px;
        line-height: 18px
    }

    .footer-widget {
        margin: 0 0 15px
    }

    .login-block {
        position: absolute;
        top: 0;
        right: 15px
    }

    .navbar-toggler {
        right: 125px
    }

    .emphasized-letter-holder {
        display: none
    }

    .focus-letter {
        display: inline-block;
        vertical-align: top;
        color: #d8310f;
        font-size: 35px
    }

    .welcome-section h2 {
        font-size: 30px;
        line-height: 35px
    }

    .welcome-section h3 {
        font-size: 24px;
        line-height: 26px
    }

    .gig-section .sub-text {
        font-size: 34px;
        line-height: 38px
    }

    .gig-section h2 {
        font-size: 34px;
        line-height: 38px
    }

    .gig-section-holder.content-section {
        padding: 50px 0
    }

    .btn {
        font-size: 18px;
        line-height: 22px;
        padding: 6px 22px
    }

    .btn-success {
        padding: 10px 22px
    }

    .main-banner .sub-text,
    .main-banner h1 {
        font-size: 30px;
        line-height: 35px
    }

    .main-banner .bottom-btns-holder {
        padding: 10px 0 0
    }

    .welcome-section .our-site-block {
        padding: 30px 0
    }

    .add-job .gig-section-holder.content-section {
        padding: 100px 0
    }

    .main-banner .banner-holder {
        padding: 0 15px
    }
}

@media only screen and (max-width:599px) {
    .welcome-section h2 {
        font-size: 24px;
        line-height: 28px
    }

    .focus-letter {
        font-size: 30px;
        line-height: 34px
    }

    .gig-section h2 {
        font-size: 28px;
        line-height: 32px
    }

    .classic-gigs .bottom-btns-holder {
        padding: 10px 0 0
    }

    .add-job .gig-section-holder.content-section {
        padding: 80px 0
    }

    .footer-top {
        padding: 30px 0
    }

        .footer-logo,
        .footer-top .footer-about-text {
            margin: 0 0 15px
        }

    .footer-nav li {
        margin: 0 0 5px
    }

    .social-networks {
        top: 0
    }

    .footer-top .social-networks li {
        width: 35px;
        height: 35px
    }

        .footer-top .social-networks li a {
            padding: 8px 2px 0
        }

    .login-block-slide {
        padding: 15px
    }

        .login-block-slide .form-group,
        .login-block-slide h2 {
            margin: 0 0 15px
        }

    .bottom-btns-holder {
        margin-top: 15px
    }
}

@media only screen and (max-width:479px) {
    .gig-section h2,
    .main-banner .sub-text,
    .main-banner h1 {
        font-size: 26px;
        line-height: 27px
    }

    .manual-dropdown {
        margin-top: 15px
    }

    .bottom-btns-holder {
        padding: 0 15px
    }

        .add-job .bottom-btns-holder .btn,
        .bottom-btns-holder .btn {
            margin: 0 0 5px
        }

    .footer-logo,
    .logo {
        width: 120px;
        padding: 9px 0 0
    }

    .login-block {
        padding: 9px 0 0
    }

    .login-holder .login-icon {
        width: 25px;
        height: 25px;
        font-size: 13px;
        padding: 3px 2px 0
    }

    .login-holder .login-text {
        font-size: 14px;
        line-height: 18px;
        padding: 3px 0 0
    }

    .navbar-toggler {
        top: 22px;
        right: 128px
    }

    .login-block-slide {
        width: 290px;
        top: 57px;
        right: -290px
    }

    .bottom-btns-holder {
        margin-top: 15px
    }

    .login-block-slide.active {
        right: 0
    }

    .btn-add {
        margin-top: 15px
    }
}

@media only screen and (max-width:320px) {
    .social-networks {
        position: relative;
        top: 0;
        right: 0
    }

    .home-banner {
        background-image: url(../images/banner-320.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic--320.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/addr-320.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .btn {
        padding: 6px 24px
    }

    .btn-success {
        padding: 10px 22px
    }

    .heading h2 {
        font-size: 26px
    }

    .apply-job {
        padding: 10px
    }

    .bottom-btns-holder {
        margin-top: 15px
    }

    .modal-footer button.btn-defult {
        margin-top: 10px;
    }
}

@media screen and (max-width:2560px) and (min-width:1920px) {
    .home-banner {
        background-image: url(../images/banner-bg.jpg) !important;
        background-repeat: no-repeat;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic-bg.jpg) !important;
        background-color: #535456;
        background-repeat: no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-job-bg.jpg) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width:1919px) and (min-width:1400px) {
    .home-banner {
        background-image: url(../images/banner-bg.jpg) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic-bg.jpg) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-job-bg.jpg) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width:1399px) and (min-width:1023px) {
    .home-banner {
        background-image: url(../images/banner-1440.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic-1440.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-1440.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width:1024px) and (min-width:767px) {
    .home-banner {
        background-image: url(../images/banner-1024.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic-1024.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-1024.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width:768px) and (min-width:424px) {
    .home-banner {
        background-image: url(../images/banner-768.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic-768.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-768.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media screen and (max-width:425px) and (min-width:319px) {
    .home-banner {
        background-image: url(../images/banner-425.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .classic-gigs {
        background-image: url(../images/classic--425.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .add-job {
        background-image: url(../images/add-425.png) !important;
        background-color: #535456;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .modal-footer button.btn-defult {
        margin-top: 10px;
    }
}