@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1200px) and (min-width: 992px){

}
@media screen and (min-width: 992px){
    .menu-sec .navbar-nav .nav-item{
        margin-right: 1px;
    }
    .menu-sec .navbar-nav .nav-link, .menu-sec .btn{
        padding: 13px 20px;
    }
    .banner-caption h1{
        font-size: 44px;
    }
    .sec-header h2{
        font-size: 40px;
    }
    .owner-info{
        padding-left: 0;
    }
    .service-content{
        padding-left: 0;
    }
    .service-tab {
        background: #484848;
        height: 100%;
    }
    .service-tab{
        flex-direction: column!important;
    }
}
@media screen and (max-width: 992px){
    .menu-sec .navbar-nav .nav-item{
        margin-bottom: 1px;
    }
    .banner-sec .carousel-item{
        height: 400px;
    }
    .banner-caption h1{
        font-size: 30px;
    }
    .banner-caption h3{
        font-size: 22px;
    }
    .welcome-img{
        height: initial;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){

}
@media screen and (min-width: 768px){

}
@media screen and (max-width: 768px){
    .banner-sec .carousel-item{
        height: 350px;
    }
    .banner-caption h1{
        font-size: 25px;
    }
    .banner-caption h4{
        font-size: 18px;
    }
    .service-box{
        display: block;
        height: initial;
        width: 100%;
    }
    .service-box img{
        width: 100%;
    }

}
@media screen and (min-width: 400px) and (max-width: 992px){

}
@media screen and (min-width: 576px){

}
@media screen and (max-width: 576px){
    .banner-sec .carousel-item{
        height: 250px;
        padding: 15px 0;
    }
    .banner-caption h1{
        font-size: 22px;
    }
    .banner-caption h4{
        font-size: 15px;
    }
    .banner-sec button{
        width: 30px;
    }
    .page-header-sec{
        height: 250px;
    }
    .service-content {
        padding: 15px;
    }

}
@media screen and (max-width: 500px){

}
@media screen and (max-width: 450px){

}
@media screen and (max-width: 400px){
    .benefit{
        position: initial;
        padding-left: initial;
    }
    .benefit-img{
        position: initial;
    }
}
@media screen and (max-width: 350px){

}