@media screen and (max-width:1367px) {
    .banner-img {
        height: 470px !important;
    }
}

@media screen and (max-width:768px) {
    .banner-img {
        height: 330px !important;
    }

    th {
        padding: 13px 8px !important;
        font-size: 13px !important;
    }

    td {
        padding: 13px 8px !important;
        font-size: 13px !important;
    }

    .myheader {
        text-transform: lowercase;
        font-size: 24px !important;
        letter-spacing: 0px !important;
    }

    .carousel-caption {
        bottom: 35%;
    }

      .min-height {
        min-height: 250px !important;
        height: 250px;
    }
    
    #fade-quote-carousel.carousel {
        height: 250px;
    }

    
}

@media screen and (max-width:550px) {
    .banner-img {
        height: 280px !important;
    }

    th {
        padding: 13px 8px !important;
        font-size: 13px !important;
    }

    td {
        padding: 13px 8px !important;
        font-size: 13px !important;
    }

      .min-height {
        min-height: 300px !important;
        height: 300px;
    }
    
    #fade-quote-carousel.carousel {
        height: 300px;
    }

}



@media screen and (max-width:447px) {
    .main-menu {
        padding: 22px 0;
    }

    .main-menu-icon {
        height: 17px;
        width: 17px;
    }

    .banner-img {
        height: 220px !important;
    }

    .margin-bottom-menu {
        margin-bottom: 35px !important;
    }

    th {
        padding: 13px 6px !important;
        font-size: 13px !important;
    }

    td {
        padding: 13px 6px !important;
        font-size: 13px !important;
    }

    .banner-position {
        top: -45px !important;
        padding: 25px 0 10px 0 !important;
    }

    .banner-round {
        padding: 26px 18px 32px 17px;
    }

    .banner-icon {
        height: 34px !important;
        width: 34px !important;
    }

    .font-15 {
        font-size: 15px !important;
    }

    .display-none-xs {
        display: none !important;
    }

    .text-left-xs {
        text-align: left;
    }

    .font-xs-20 {
        font-size: 20px !important;
    }

    .service-block {
        padding: 15px 0 15px 0;
    }

    .myheader {
        text-transform: lowercase;
        font-size: 16px !important;
        letter-spacing: 0px !important;
    }

    .min-height {
        min-height: 350px !important;
        height: 350px;
    }

    .carousel-caption {
        bottom: 15%;
    }

    #fade-quote-carousel.carousel {
        height: 325px;
    }
}

@media screen and (min-width:447px) {
    .display-none-lg {
        display: none !important;
    }
}

@media screen and (min-width:426px) and (max-width:461px) {

    .main-menu-round {
        margin-right: 10px !important;
    }

        .main-menu-round:hover {
            margin-right: 10px !important;
        }
}

@media screen and (min-width:396px) and (max-width:425px) {

    .main-menu > .container {
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .main-menu-round {
        margin-right: 10px !important;
    }

        .main-menu-round:hover {
            margin-right: 10px !important;
        }
}

@media screen and (min-width:366px) and (max-width:395px) {

    .main-menu > .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .main-menu-round {
        margin-right: 5px !important;
    }

        .main-menu-round:hover {
            margin-right: 5px !important;
        }
}

@media screen and (min-width:348px) and (max-width:365px) {
    .main-menu > .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .main-menu-round {
        margin-right: 3px;
    }

        .main-menu-round:hover {
            margin-right: 3px;
        }
}

@media screen and (min-width:323px) and (max-width:347px) {
    .main-menu > .container {
        padding-right: 0px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .main-menu-round {
        padding: 12px 13px 15px 14px !important;
        margin-right: 3px !important;
    }

        .main-menu-round:hover {
            padding: 12px 13px 15px 14px !important;
            margin-right: 3px !important;
        }
}

@media screen and (max-width:322px) {
    .main-menu > .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .main-menu-round {
        padding: 10px 11px 13px 12px !important;
        margin-right: 3px;
    }

        .main-menu-round:hover {
            padding: 10px 11px 13px 12px !important;
            margin-right: 3px;
        }
}