@media only screen and (max-width: 767px) {
    .copy-right-area.style-2 .copy-logo img {
        max-width: 16%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .copy-right-area.style-2 .copy-logo {
        top: -20%;
    }
}





@media only screen and (max-width: 767px) {
    .slider-bg-1 {
        padding-top: 120px;
        padding-bottom: 100px;
    }
    .slider-bg-2 {
        padding-top: 120px;
        padding-bottom: 100px;
    }
    .slider-bg-3 {
        padding-top: 120px;
        padding-bottom: 100px;
    }
    .slider-bg-4 {
        padding-top: 120px;
        padding-bottom: 100px;
    }
    
}



@media only screen and (max-width: 767px) {
    .find-degree .content-image {
        padding: 235px 100px !important;
    }
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner-spacing {
        padding: 30px 0;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-spacing {
        /*padding-top: 30px;
        padding-bottom: 0px;*/
        padding: 30px 0;
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-banner .section-info {
        max-width: 500px;
        bottom: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner-spacing {
        padding: 20px 0 !important;
        margin-bottom: 0px;
    }
}


@media only screen and (max-width: 767px) {
    .section-banner .section-info {
        bottom: 0px;
        left: 0;
        right: 0;
        padding: 30px 20px;
        max-width: 100%;
        margin: auto;
    }
}

@media only screen and (max-width: 767px) {
    .banner-spacing {
        padding: 20px 0 !important;
        margin-bottom: 0;
    }
}