@media (min-width:1400px) {
    #main-slider {
        height: 640px
    }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper {
            padding-top: 144px
        }

    .about-text {
        padding-right: calc(((100% - 1320px) / 2) + .75rem)
    }

    .quote-text {
        padding-right: calc(((100% - 1320px) / 2) + .75rem)
    }

    .contact-text {
        padding-left: calc(((100% - 1320px) / 2) + .75rem)
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    #main-slider .content-slider nav .controls label {
        width: 20%;
        font-size: 15px
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        background: var(--dark)
    }

    .dropdown-item {
        color: #fff !important
    }

        .dropdown-item:focus, .dropdown-item:hover {
            background-color: var(--primary) !important
        }

    .about-text {
        padding-right: calc(((100% - 1140px) / 2) + .75rem)
    }

    .quote-text {
        padding-right: calc(((100% - 1140px) / 2) + .75rem)
    }

    .contact-text {
        padding-left: calc(((100% - 1140px) / 2) + .75rem)
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s
    }

    #main-slider {
        height: 640px
    }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper {
            padding-top: 100px
        }

    #main-slider {
        height: 560px
    }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper {
            padding-top: 112px
        }

            #main-slider .content-slider .slider .banner .banner-inner-wrapper .line {
                margin: 32px auto
            }

        #main-slider .content-slider nav .controls {
            width: 80%
        }

            #main-slider .content-slider nav .controls label span {
                font-size: 22px;
                font-weight: 700
            }

            #main-slider .content-slider nav .controls label {
                width: 20%;
                font-size: 14px
            }

    .container.about {
        max-width: 100% !important
    }

    .about-text {
        padding-right: calc(((100% - 960px) / 2) + .75rem)
    }

    .container.quote {
        max-width: 100% !important
    }

    .quote-text {
        padding-right: calc(((100% - 960px) / 2) + .75rem)
    }

    .testimonial-carousel::before, .testimonial-carousel::after {
        width: 300px
    }

    .container.contact {
        max-width: 100% !important
    }

    .contact-text {
        padding-left: calc(((100% - 960px) / 2) + .75rem)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .navbar-nav .dropdown-menu {
        text-align: center
    }

    .navbar-light .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #EEEEEE
    }

    .navbar .navbar-brand::after {
        display: none
    }

    #main-slider {
        height: 432px
    }

        #main-slider .content-slider nav .controls {
            width: 100%;
            padding: 6px
        }

            #main-slider .content-slider nav .controls label {
                width: 23%;
                margin: 0 5px;
                font-size: 12px
            }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper .line {
            margin: 27.2px auto
        }

    #main-slider {
        height: 464px
    }

        #main-slider .content-slider nav {
            bottom: 0
        }

            #main-slider .content-slider nav .controls {
                width: 90%
            }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper h2 {
            font-size: 20px
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper h1 {
            font-size: 45px
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper {
            padding-top: 80px
        }

    .btn-play {
        left: 50%;
        right: auto !important;
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -moz-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important
    }

    .testimonial-carousel::before, .testimonial-carousel::after {
        width: 200px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .navbar-nav .dropdown-menu {
        text-align: center
    }

    .navbar .navbar-brand::after {
        display: none
    }

    #main-slider {
        height: 448px
    }

        #main-slider .content-slider nav .controls label span {
            font-size: 13px
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper h1 {
            font-size: 35px;
            line-height: 49px;
            text-transform: capitalize;
            position: relative;
            z-index: 1
        }

        #main-slider .content-slider nav .controls {
            width: 100%;
            padding: 0
        }

            #main-slider .content-slider nav .controls label {
                width: 22%;
                margin: 0 7px;
                font-size: 12px
            }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper .line {
            margin: 27.2px auto
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper {
            padding-top: 80px
        }

            #main-slider .content-slider .slider .banner .banner-inner-wrapper h2 {
                font-size: 25px
            }

    .btn-play {
        left: 50%;
        right: auto !important;
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -moz-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important
    }

    .testimonial-carousel::after, .testimonial-carousel::before {
        display: none
    }
}

@media (max-width:575.98px) {
    .navbar-nav .dropdown-menu {
        text-align: center
    }

    .navbar .navbar-brand::after {
        display: none
    }

    #main-slider .content-slider .slider .banner .banner-inner-wrapper {
        /*padding-top: 89px*/
        padding-top:20px
    }

    #main-slider {
        height: 480px
    }

        #main-slider .content-slider nav .controls label {
            margin: 0 12px
        }

        #main-slider .content-slider nav .controls {
            width: 100%;
            padding: 0
        }

            #main-slider .content-slider nav .controls label {
                width: 20%;
                font-size: 12px
            }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper .line {
            margin: 27.2px auto
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper h2 {
            font-size: 25px
        }

        #main-slider .content-slider .slider .banner .banner-inner-wrapper h1 {
            font-size: 37px;
            line-height: 40px
        }

        #main-slider .content-slider nav .controls label {
            width: 42%;
            font-size: 12px
        }

            #main-slider .content-slider nav .controls label span {
                font-size: 18.4px
            }

    .btn-play {
        left: 50%;
        right: auto !important;
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -moz-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        -o-transform: translate(-50%,-50%) !important
    }

    #single_service h5 {
        font-size: 15px
    }

    .contact_form .form-floating > label {
        font-size: 12px
    }

    .testimonial-carousel::after, .testimonial-carousel::before {
        display: none
    }

    #error-page h1 {
        font-size: 100px
    }

    #error-page h2 {
        font-size: 33px
    }
}

@media (min-width:341px) and (max-width:399.98px) {
    #main-slider .content-slider .slider .banner .banner-inner-wrapper h2 {
        font-size: 16px
    }

    #main-slider .content-slider .slider .banner .banner-inner-wrapper h1 {
        font-size: 27px;
        line-height: 36px
    }

    #main-slider .content-slider nav .controls label {
        width: 42%;
        font-size: 12px
    }

        #main-slider .content-slider nav .controls label span {
            font-size: 18.4px
        }
}

@media (min-width:320px) and (max-width:340.98px) {
    #main-slider .content-slider .slider .banner .banner-inner-wrapper h2 {
        font-size: 16px
    }

    #main-slider .content-slider .slider .banner .banner-inner-wrapper h1 {
        font-size: 27px;
        line-height: 36px
    }

    #main-slider .content-slider nav .controls label {
        width: 40%;
        font-size: 11px
    }

        #main-slider .content-slider nav .controls label span {
            font-size: 15.4px
        }
}