.displayEl {
    display: block !important;
}

@media (min-width: 576px) {
    .weather-tabs > .tab:first-child {
        left: 2%;
    }

    .weather-tabs > .tab:last-child {
        right: 2%;
    }
}

@media (min-width: 768px) { 
    .weather-tabs > .tab:first-child {
        left: 2%;
    }

    .weather-tabs > .tab:last-child {
        right: 2%;
    }
}
@media (min-width: 992px) {
    .weather-tabs > .tab:first-child {
        left: 2%;
    }

    .weather-tabs > .tab:last-child {
        right: 2%;
    }
}

@media (min-width: 1200px) {
    .weather-tabs > .tab:first-child {
        left: 2%;
    }

    .weather-tabs > .tab:last-child {
        right: 2%;
    }
}

@media (min-width: 1400px) {
    .weather-tabs > .tab:first-child {
        left: 4%;
    }
    .weather-tabs > .tab:last-child {
        right: 4%;
    }
}
@media (min-width: 1600px) {
    .weather-tabs > .tab:first-child {
        left: 10%;
    }
    .weather-tabs > .tab:last-child {
        right: 10%;
    }
}
@media (min-width: 1800px) {
    .weather-tabs > .tab:first-child {
        left: 16%;
    }
    .weather-tabs > .tab:last-child {
        right: 16%;
    }
}

@media (max-width: 1320px) {

    .container .weather-tabs {
        width: 94% !important;
        margin-left: 3%;
    }
}

@media (max-width: 1200px) {

    .container .weather-tabs {
        width: 88% !important;
        margin-left: 6%;
    }
}

@media (max-width: 992px) {

    .container .weather-tabs {
        width: 86% !important;
        margin-left: 7%;
    }
}

@media (max-width: 768px) {

    .container .weather-tabs {
        width: 82% !important;
        margin-left: 9%;
    }
}

@media (max-width: 576px) {

    .container .weather-tabs {
        width: 76% !important;
        margin-left: 12%;
    }
}

@media (max-width: 414px) {

    .container .weather-tabs {
        width: 74% !important;
        margin-left: 13%;
    }
    #widget-weather-area .img-expandable img {
        max-width: 384px;
        max-height: 208px;
        margin-left: -8px;
        border-radius: 8px !important;
    }

    .modal-dialog {
        width: calc(100% - 2rem) !important;
        margin-left: 0.8rem !important;
    }

    #widget-weather-area h2 {
        max-width: 98%;
        margin: auto !important;
    }
}

#widget-weather-area .img-expandable img {
    max-height: 432px;
}
.modal-header{
    border-bottom: 0px !important;   
    }
    .expandImg-width {
    max-width: 100% !important;
}