@media only screen and (max-width: 1280px) {

    #logo{
        height: 85px;
    }

}
@media only screen and (max-width: 1100px) {
    .slider_content {
        padding: 25px;
    }

    #main_slider{
        bottom: 10%;
    }
   
}

@media only screen and (max-width: 992px) {
    .slider_content {
        padding: 20px;
    }

    .slider_h {
        font-size: 20px;
        padding:0 !important;
        line-height: 36px;
    }
    #main_slider{
        width: 50%;
        left: 3%;
    }
    .slider_p {
        line-height: 28px;
        letter-spacing: 0.3px;
        font-size: 14px;
    }

    #slider_btn {
        padding: 7px 25px;
        margin-top: 8px;
    }

    #logo {
        height: 80px;
    }

    .navbar .navbar-nav>li>a {
        margin: 15px 8px;
    }
}

@media only screen and (max-width: 991px) {
    #reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .top_ser_p{
        color: var(--secondary-color);
        font-size: 19px;
        line-height: 42px;
        letter-spacing: 0.65px;
        font-weight: 600;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #logo {
        height: 75px;
        margin-left: 15px !important;
    }
    .slider_h {
        font-size: 17px;
        line-height: 30px;
    }
    #main_slider{
        width: 65%;
        left: 2%;
        bottom: 0%;
    }
    .slider_p {
        line-height: 25px;
        letter-spacing: 0;
        font-size: 13.5px;
        padding:0 !important;
    }
    #slider_btn {
        padding: 6px 25px;
        margin-top: 10px;
    }

    .navbar-toggle{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
}

@media only screen and (max-width: 735px) {
    .top_ser_p{
        color: var(--secondary-color);
        font-size: 18px;
        line-height: 40px;
        letter-spacing: 0.35px;
        font-weight: 600;
        text-align: center;
    }
    #top_ser{
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 645px) {
    .top_ser_p{
        color: var(--secondary-color);
        font-size: 17px;
        line-height: 40px;
        letter-spacing: 0.35px;
        font-weight: 600;
        text-align: center;
    }
    #top_ser{
        padding: 30px 25px;
    }
}


@media only screen and (max-width: 559px) {

    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        line-height: 1;
        height: 200px;
    }

    .slider_h {
        font-size: 17px;
        line-height: 30px;
    }
    #main_slider{
        width: 85%;
        left: 0%;
        bottom: 5%;
    }
    .slider_p {
        line-height: 22px;
        letter-spacing: 0;
        font-size: 13px;
        padding:0 !important;
    }
    #slider_btn {
        padding: 5px 25px;
        margin-top: 10px;
        font-size: 13px;
    }

}