.showOnMobile {
    display: none;
}

@media only screen and (max-width: 1920px) {
    .iconItemHolder {    
        margin-left: 10px;
    }
    .slide {
        background-size: 100% auto !important;
        min-height: 900px;
    }
}

@media only screen and (max-width: 1376px) {
    .iconItemHolder {    
        margin-left: 0px;
    }
    .slide {
        background-size: auto 70% !important;
        min-height: 900px;
    }
    .homepageVideo {
        /*
        width: auto !important;
        height: 100% !important;
        margin-left: -40%;
        */
    } 
}


@media only screen and (max-width: 1200px) {
    .iconItemHolder {    
        margin-left: 0px;
    }
    .footerBg .captureTitle {
        font-size: 30px !important; 
    }
    .partnerImage {
        min-width: 100px !important;
    }
    .homepageArticlesContent {
        height: 120px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .iconItemHolder {    
        margin-left: 0px;
    }
    .lineBannerWrapper  {
        margin-right: -30px !important;;
    }
}


@media only screen and (max-width: 1040px) {
    .hideOnMobile {
        display: none !important;
    }
    .showOnMobile {
        display: block !important;
    }
    footer {
        padding-bottom: 40px;
    }
    
    .footerClients {
        padding-top: 20px !important;
    }
    .slide {
        background-size: auto 80% !important;
        min-height: 700px !important;
    }
    .covidButtonTablet {
        display: block !important;
    }
    .homepageArticlesContent {
        height: 80px !important;
    }
    .footerBg {
        margin-top: -100px !important;
    }
    .homepageArticlesContainer {
        padding-top: 100px !important;
        padding-bottom: 140px !important;
    }
    .rightIconHolder {
        margin-right: 22px !important;
    }
}

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

    .width-100-991 {
        width: 100% !important;
    }
    
    .footerAdv {
        width: 230px !important;
    }
    .slide {
        background-size: auto 80% !important;
        min-height: 722px !important;
    }
    .partnerImage {
        min-width: 200px !important;
    }
    .covidButtonTablet {
        display: block !important;
        right: -30px !important;
    }
    .homepageArticlesContent {
        height: 90px !important;
    }
}
@media only screen and (max-width: 986px) {
    .covidButtonTablet {
        display: block !important;
        right: -70px !important;
    }

}
@media only screen and (max-width: 874px) {
    .covidButtonTablet {
        display: block !important;
        right: -55px !important;
    }
}
@media only screen and (max-width: 768px) {
    .popupBannerContent {
        width: 90% !important;
    }
    .bannerBottom {
        background-size: 100% auto !important;
        height: 3% !important;
    }
    .bannerHotelSlider {
        height: 450px !important; 
    }
    .slide {
        min-height: 600px !important;
        background-position: auto 60% !important;
    }

    .footerBg {
        background-size: 80% auto !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -100px !important;
    }
    .footerBg .circleIcon {
        height: 40px !important;
        margin-top: 20px  !important;
        margin-bottom: 20px;
    }
    .flexEnd, .flexStart { 
        justify-content: center !important;
        align-items: center  !important;
        margin-top: 10px;
    }
    .copyrightHolder span {
        top: 6px !important;
    }
    
    #forecastModal .modal-dialog, 
    #covidModal .modal-dialog, 
    #streamingModal .modal-dialog {
        width: 98% !important;
        max-width: 98% !important;
    }
    .bannerContainer .articleBgBottom {
        height: 60px !important;
    }
    .contentBanner {
        margin-bottom: 0px !important;
    }
    .parralaxBanner {
        min-height: 300px !important;
    }
    .parralaxMiniBanner {
        min-height: 150px !important;
    }
    .hotelShortDesc {
        height: auto !important;
        overflow: visible !important;
    }
    .fontsizeBanner {
        font-size: 30px !important;
    }
    .pl30 {
        padding-left: 0px !important;
    }
    .covidButtonTablet {
        display: block !important;
        right: -100px !important;
    }
    .homepageArticlesContent {
        height: 80px !important;
    }
    .bannerIconsContainer img {
        max-height: 90px !important;
    }
    .bannerIconsContainer h3 {
        font-size: 24px !important;
    }
    .bannerIconsContainer {
        margin-bottom: 2px;
    }
    .socialSectionContainer {
        margin-top: 3px !important;
    }
}

@media only screen and (max-width: 660px) {
    .covidButtonTablet {
        display: block !important;
        right: -65px !important;
    }
}

@media only screen and (max-width: 576px) {
    .covidButtonMobile {
        display: block !important;
    }
    .covidButtonTablet {
        display: none !important;
    }
    .bannerContainer .articleBgBottom {
        height: 40px !important;
    }
    .triangle {
        display: none !important;
    }
    .lineBannerWrapper  {
        padding-left: 10px !important;;
    }
    .articleBgTop {
        height: 70px !important;
    }
    .articleBgBottom {
        height: 70px !important;
    }
    .requestFormHolder {
        margin-top: 15px;
    }
    .homepageArticlesContent {
        height: 150px;
    }
    .homepageFormsContainer {
        top: 70px !important;
    }
    .formHolder {
        padding: 15px !important;
        margin-bottom: 15px !important;
    }
    .bannerSlider {
        min-height: 700px !important;
        height: 700px !important;
    }
    .footerAdv {
        top: -183px !important;
    }
    .newsContent {
        height: 80px !important;
    }
    .copyrightHolder span {
        font-size: 14px;
    }
    .paddingNone {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .mrNoneMobile{
        margin-right: 0px !important;
    }
    .homepageArticlesContainer {
        margin-top: -21px !important;
        bottom: -4px !important;
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .rightIconHolder {
        margin-right: 15px !important;
    }
}
@media only screen and (max-width: 480px) {
    .rightIconHolder {
        margin-right: 15px !important;
    }
    .mrNoneMobile{
        margin-right: 0px !important;
    }
}
@media only screen and (max-width: 400px) {
    .homepageArticlesContent {
        height: 90px !important;
    }
    .copyrightHolder span {
        font-size: 12px;
    }
}
@media only screen and (max-width: 380px) {
    .rightIcons {
        width: 20px !important;
    }
    .newsContent {
        height: 100px !important;
    }
    
}