@media screen and (max-width:575px) {
    .login-form {
        width: auto !important;
    }
}

@media screen and (max-width:768px) {
    .main-tabs-sec {
        margin-top: 0px;
    }

    .testimonial-bg h1 img {
        width: 75px;
        bottom: -8px;
        left: 90px;
    }

    .news-bg h1 img {
        width: 75px;
        bottom: -8px;
        left: 90px;
    }

    .order-detail-img {
        float: none;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .order-detail {
        min-height: auto !important;
    }

    .payment-success {
        margin-top: 0px;
    }

    .order-detail .pull-left {
        float: none !important;
    }

    .top-125 {
        margin-top: 100px;
    }

    .my-col-nav {
        width: 33%;
        padding: 0 10px;
        font-size: 16px;
    }
    
#left-button {
    background: transparent;
    position: initial;  
    color: #8c8c8c !important;
}

    #left-button a {
        color: #8c8c8c !important;
    }


#right-button {
    background: transparent;
    position: initial;
    color: #8c8c8c !important;
}

    #right-button a {
        color: #8c8c8c !important;
    }
}

@media screen and (max-width:991px) {
    .button-carousel {
        position: relative;
        bottom: 0px;
        margin: 25px;
        right: 5%;
    }

        .button-carousel .btn-orange {
            font-size: 16px;
            padding: 7px 8px 4px;
        }

    #myCarousel .carousel-item-next, #myCarousel .carousel-item-prev, #myCarousel .carousel-item.active {
        height: auto;
    }

    #myCarousel .carousel-inner {
        height: auto;
    }

    #myCarousel .portlet {
        vertical-align: middle;
        display: block;
        height: auto !important;
        overflow: hidden;
        background: #fff;
        color: #000;
        border: 0px;
        border-radius: 0;
        text-align: center;
    }

    .hidden-sm{
        display:none;
    }

     .hidden-lg{
        display:block;
    }
}

@media screen and (min-width:992px) {
       .banner-wrappers .carousel-item {
        /*height: 730px;*/
        height: calc(50vh - 62px) !important;
    }
}

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

    .main-tabs-sec .nav li a {
        font-size: 14px;
    }

    .main-tabs-sec .nav li i {
        font-size: 20px;
    }

    .main-tabs-sec .nav li a {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .main-tabs-sec .nav li:first-child {
        border-left: 2px solid #fff;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: 2px solid #fff;
    }
}

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

    .main-tabs-sec .nav li a {
        font-size: 14px;
    }

    .main-tabs-sec .nav li i {
        font-size: 20px;
    }

    .main-tabs-sec .nav li a {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .main-tabs-sec .nav li:first-child {
        border-left: 2px solid #fff;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: 2px solid #fff;
    }

    .nav-justified li {
        font-size: 16px;
    }

    #myCarousel .nav a small {
        display: none;
    }
}

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

    .main-tabs-sec .nav li a {
        font-size: 11px;
    }

    .nav > li > a {
        padding: 10px 5px;
    }

    .main-tabs-sec .nav li i {
        font-size: 16px;
    }

    .main-tabs-sec .nav li a {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .main-tabs-sec .nav li:first-child {
        border-left: 2px solid #fff;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: 2px solid #fff;
    }

    .nav-justified li {
        font-size: 14px;
    }

    .my-col-nav {
        width: 50%;
        padding: 0 10px;
        font-size: 15px;
    }
}