/*------------------ Custom Responsive Layout ------------------*/

@media only screen and (min-width: 1200px) {
    .NewsEventItemStyle:nth-child(3n-2) { padding-right: 12px; }
    .NewsEventItemStyle:nth-child(3n-1) { padding-left: 6px; padding-right: 6px; }
    .NewsEventItemStyle:nth-child(3n) { padding-left: 12px; }
    .NewsEventImage { height: 250px; } 

    .MapLocation .ContactMap { height: 530px; }

    .FeaturedMerchantsTitle { margin: 15px auto 0; font-size: 28px; line-height: 1.3 }
    .FeaturedMerchantDiv:nth-child(1) { padding-right: 12px; }
    .FeaturedMerchantDiv:nth-child(2) { padding-left: 6px; padding-right: 6px; }
    .FeaturedMerchantDiv:nth-child(3) { padding-left: 12px; }
    .FeaturedMerchantsAd iframe { height: 260px; }
    .ContentDataItem { width: calc(14.285% - 10px); }

    .ContentBannerParent .row { min-height: 440px; padding: 30px 10px; }
    .ContentBannerParent:nth-child(2n) .ContentBannerPanel { width: calc(52% - 50px); margin-left: 50px; text-align: left; }
    .ContentBannerParent:nth-child(2n+1) .ContentBannerPanel { width: calc(52% - 50px); margin-right: 50px; text-align: right; }
    .ContentBannerheader { font-size: 34px; }
    .ContentBannerparagraph h1 { font-size: 34px; }
    .ContentBannerparagraph h2 { font-size: 32px; }
    .ContentBannerparagraph h3 { font-size: 30px; }
    .ContentBannerparagraph { font-size: 20px; }
        .ContentBannerparagraph p { font-size: 20px; }
    .ContentBannerPanel iframe { height: 350px; width: 100%; }

    .HeaderMenu ul li a.HyperLink { padding: 10px 30px; }
    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 10px 30px; }

    .footer-columns-common.menu { margin-top: 20px; margin-bottom: 20px; }
    .footer-columns-location { margin-top: 10px; }


    .IntroductionMessage { font-size: 22px; }
        .IntroductionMessage h1 { font-size: 34px; }
        .IntroductionMessage h2 { font-size: 30px; }
        .IntroductionMessage h3 { font-size: 27px; }
        .IntroductionMessage p { margin: 10px 0; font-size: 22px; }

    .SimplyInfo H1 { font-size: 28px; }
    .SimplyInfo H2 { font-size: 25px; }
    .SimplyInfo H3 { font-size: 22px; }
} 

@media only screen and (min-width: 980px) and (max-width: 1199.99px) {

    .NewsEventItemStyle:nth-child(3n-2) { padding-right: 10px; }
    .NewsEventItemStyle:nth-child(3n-1) { padding: 0 5px; }
    .NewsEventItemStyle:nth-child(3n) { padding-left: 10px; }
    .NewsEventImage { height: 205px; }

    .FeaturedMerchantsTitle { margin: 15px auto 0; font-size: 24px; line-height: 1.3 }
    .FeaturedMerchantDiv:nth-child(1) { padding-right: 10px; }
    .FeaturedMerchantDiv:nth-child(2) { padding-left: 5px; padding-right: 5px; }
    .FeaturedMerchantDiv:nth-child(3) { padding-left: 10px; }
    .FeaturedMerchantsAd iframe { height: 220px; }

    .ContentDataItem { width: calc(20% - 10px); }
    .ContentBannerParent .row { min-height: 360px; padding: 30px 10px; }
    .ContentBannerParent:nth-child(2n) .ContentBannerPanel { width: calc(52% - 30px); margin-left: 30px; text-align: left; }
    .ContentBannerParent:nth-child(2n+1) .ContentBannerPanel { width: calc(52% - 30px); margin-right: 30px; text-align: right; }
    .ContentBannerheader { font-size: 30px; }
    .ContentBannerparagraph h1 { font-size: 30px; }
    .ContentBannerparagraph h2 { font-size: 28px; }
    .ContentBannerparagraph h3 { font-size: 26px; }
    .ContentBannerparagraph { font-size: 18px; }
        .ContentBannerparagraph p { font-size: 18px; }
    .ContentBannerPanel iframe { height: 300px; width: 100%; }

    .HeaderMenu ul li a.HyperLink { padding: 8px 20px; }
    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 8px 20px; }

    .IntroductionMessage { font-size: 20px; }
        .IntroductionMessage h1 { font-size: 32px; }
        .IntroductionMessage h2 { font-size: 30px; }
        .IntroductionMessage h3 { font-size: 27px; }
        .IntroductionMessage p { margin: 10px 0; font-size: 20px; }

    .SimplyInfo H1 { font-size: 26px; }
    .SimplyInfo H2 { font-size: 24px; }
    .SimplyInfo H3 { font-size: 20px; }
}

@media only screen and (min-width: 980px) {
    h1 { font-size: 30px; }
    h2 { font-size: 26px; }
    h3 { font-size: 24px; }
    h4 { font-size: 22px; }
    h5 { font-size: 20px; }
    h6 { font-size: 18px; }

    .HeaderMenu ul li a.HyperLink { line-height: 25px; font-size: 18px; }
    .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { line-height: 25px; font-size: 18px !important; }

    .header-container2 { padding-top: 10px; padding-bottom: 10px; }
    .HeaderLogo img { max-height: 80px; }
    .sticky-menu .header-container2 { padding-top: 8px; padding-bottom: 8px; }
    .sticky-menu .HeaderLogo img { max-height: 60px; }
    .sticky-menu .header-container1 { visibility: hidden; display: none; line-height: 0; width: 0; height: 0; opacity: 0; }
    .sticky-menu .HeaderMenu ul li a.HyperLink { padding: 8px 20px; }
    .sticky-menu .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 8px 20px; }
    .sticky-menu .DynamicMenuFirstLevel { top: 46px !important; }

    .CenterBlockTopTitle { font-size: 38px; line-height: 1.3; }

    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .PromotionIteSocialLinkm .SidebarTopTitle, .BlogListTop .BlogDetailsTopTitle, .BlogDetail-TopTitle { font-size: 30px; }

    .ContentBannerParent .ContentBanner { width: 48% }
    .ContentBannerButton a { font-size: 16px; padding: 10px 20px 8px; margin-top: 10px; }

    .ContentButton a { font-size: 16px; padding: 8px 10px 6px; }
    .ContentLayout p { font-size: 17px; font-weight: 400; }
    .ContentLayout ul { font-size: 17px; font-weight: 400; }

    .NewsEventTitleSub { font-size: 24px; }
    .NewsEventImageLink { padding: 10px 25px; font-size: 18px; }
    .NewsTopicLink { font-size: 20px; }
    .NewsInfo { font-size: 18px; line-height: 1.2; }

    .LayoutFooter { padding-top: 50px; padding-bottom: 30px; }
    .titletext-footer { font-size: 20px; }
    .content-footer { font-size: 16px; }
        .content-footer ul li { font-size: 16px; }
        .content-footer p { font-size: 16px; }
        .content-footer .CompanyName { font-size: 18px; }
    .footer-columns-common { width: 36%; }
        .footer-columns-common.menu { width: 28%; padding-left: 10px; padding-right: 10px; }
            .footer-columns-common.menu .HeaderMenu ul li a.HyperLink, .footer-columns-common.menu .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { font-size: 18px !important; padding-left: 0; padding-right: 0; color: #fff; }

                .footer-columns-common.menu .HeaderMenu ul li a.HyperLink:hover, .footer-columns-common.menu .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem:hover { color: #00a8ff; background-color: transparent; }

    .FeaturedMerchants { padding-top: 40px; padding-bottom: 40px; }
    .IntroductionMessagePanel { padding-top: 40px; padding-bottom: 40px; }

    .ContactUs .ContactMap { height: 480px; }
}

@media only screen and (max-width: 979.99px) {
    .SidebarTopTitle { font-size: 22px; }
    .SideMenu.Active { width: 320px; z-index: 16000003; }
     

    .header-container1 .HeaderLogin, .header-container1 .HeaderLoginWishlist, .header-container1 .LanguageSection, .header-container2 .HeaderLoginAccount, .header-container3 { display: none; visibility: hidden; height: 0; width: 0; line-height: 0; font-size: 0; }

    .HeaderMenuToggle { width: 15%; display: block; }
    .header-container1 .HeaderMenuPanel { display: none; visibility: hidden; line-height: 0; width: 0; height: 0; }
    .header-container2 { padding-top: 8px; padding-bottom: 8px; }
    .header-container2-left { width: 70%; }
    .sticky-menu .HeaderLogo img { max-height: 50px; }

    .SideMenuSocialMedia { padding: 0; line-height: 30px; clear: left; float: left; width: 100%; background-color: #fff; border-bottom: solid 1px #fff; }
        .SideMenuSocialMedia .SocialLink { display: flex; width: 100%; }
        .SideMenuSocialMedia.SocialSection .SocialLink a { width: 100%; margin: 0; padding: 10px 0; text-decoration: none; text-align: center; border-right: solid 1px #fff; font-size: 22px; height: auto; border-radius: 0; }
        .SideMenuSocialMedia .SocialLink a:last-child { border: 0; }

    .FeaturedMerchants { padding-top: 30px; padding-bottom: 30px; }
    .FeaturedMerchantsTitle { margin: 15px auto 0; font-size: 20px; }
    .FeaturedMerchantDiv:nth-child(1) { padding-right: 6px; }
    .FeaturedMerchantDiv:nth-child(2) { padding-left: 3px; padding-right: 3px; }
    .FeaturedMerchantDiv:nth-child(3) { padding-left: 6px; }
}

@media only screen and (min-width: 768px) and (max-width: 979.99px) {
    h1 { font-size: 26px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 21px; }
    h5 { font-size: 20px; }
    h6 { font-size: 18px; }

    .ContentLayout p { font-size: 16px; font-weight: 400; }
    .ContentLayout ul { font-size: 16px; font-weight: 400; }
    .ContentBannerParent .row { min-height: 320px; padding: 30px 10px; }
    .ContentBannerParent:nth-child(2n+1) .ContentBannerPanel { width: calc(52% - 30px); margin-right: 30px; text-align: right; }
    .ContentBannerParent:nth-child(2n) .ContentBannerPanel { width: calc(52% - 30px); margin-left: 30px; text-align: left; }

    .ContentBannerParent .ContentBanner { width: 48% }
    .ContentBannerPanel iframe { height: 205px; width: 100%; }

    .ContentBannerheader { font-size: 28px; }
    .ContentBannerparagraph h1 { font-size: 28px; }
    .ContentBannerparagraph h2 { font-size: 26px; }
    .ContentBannerparagraph h3 { font-size: 24px; }
    .ContentBannerparagraph { font-size: 17px; }
        .ContentBannerparagraph p { font-size: 17px; }
    .ContentBannerButton a { font-size: 15px; padding: 8px 15px 6px; margin-top: 10px; }
    .ContentDataItem { width: calc(25% - 10px); }

    .ContentButton a { font-size: 15px; padding: 7px 12px 5px; }
    .NewsEventItemStyle:nth-child(3n-2) { padding-right: 6px; }
    .NewsEventItemStyle:nth-child(3n-1) { padding-left: 3px; padding-right: 3px; }
    .NewsEventItemStyle:nth-child(3n) { padding-left: 6px; }
    .NewsInfo { font-size: 16px; line-height: 25px; }
    .NewsTopicLink { font-size: 18px; line-height: 1.3 }
    .NewsEventTitleSub { font-size: 20px; }
    .NewsEventImage { height: 163px; }
    .NewsEventImageLink { padding: 8px 20px; font-size: 14px; }

    .HeaderMenu ul li a.HyperLink, .HeaderMenu ul li a.ContentMenuNavListStaticMenuItem { padding: 8px 15px; font-size: 18px !important; }
    .HeaderLogo img { max-height: 60px; }

    .titletext-footer { font-size: 18px; }
    .content-footer .CompanyName { font-size: 16px; }
    .content-footer { font-size: 15px; }
        .content-footer ul li { font-size: 15px; }
        .content-footer p { font-size: 15px; }
    .footer-columns-common { width: 50%; }
        .footer-columns-common.Ldiv { padding-right: 10px; }
        .footer-columns-common.Rdiv { padding-left: 10px; }
        .footer-columns-common.menu { display: none; visibility: hidden; height: 0; width: 0; line-height: 0; font-size: 0; }

    .info-contact { float: none; }
    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .CatalogName, .BlogDetailsTopTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .CenterBlockTopTitle, .AllBrandsTitle, .AllDepartmentsTitle, .PromotionItem .SidebarTopTitle, .VendorList .CommonPageTopTitle, .BlogDetail-TopTitle { font-size: 27px; }

    .IntroductionMessagePanel { padding: 20px }
    .IntroductionMessage { font-size: 18px; }
        .IntroductionMessage h1 { font-size: 30px; }
        .IntroductionMessage h2 { font-size: 27px; }
        .IntroductionMessage h3 { font-size: 24px; }
        .IntroductionMessage p { margin: 10px 0; font-size: 18px; }

    .FeaturedMerchantsAd iframe { height: 170px; }

    .ContactUs .ContactMap { height: 420px; }
}

@media only screen and (min-width: 768px) {
    .LayoutFooter { padding-top: 40px; padding-bottom: 20px; }
        .LayoutFooter .row { display: flex; }
    .Rdiv { text-align: right; }
    .SocialSection .SocialLink a { font-size: 16px; width: 26px; height: 26px; line-height: 20px; padding-top: 5px; }
    .footer-columns-social .SocialLink { justify-content: end; }
        .footer-columns-social .SocialLink a { font-size: 22px; width: 32px; height: 32px; line-height: 24px; padding-top: 5px; }

    .ContentBanner .row { display: flex; align-items: center; }

    .MapLocation .ContactMap { height: calc(100vw * 0.35); }

    .TableContainer { display: flex; align-items: center; margin-bottom: 20px }
    .TableDiv.two-cols { display: flex; }
    .TableStyle { border-spacing: 5px; margin-bottom: 5px; }
        .TableStyle.w50 { width: calc(50% - 10px); margin-right: 10px; float: left; clear: none }
        .TableStyle th { padding: 8px 15px; line-height: 1.3; font-size: 20px; }
        .TableStyle td { padding: 8px 15px; line-height: 1.3; font-size: 15px; }
        .TableStyle.text-left td { text-align: left; }


    .StoreBanner { width: 100%; display: inline-block; background-color: #fff; }
        .StoreBanner .camera_caption { text-align: center; bottom: 45px; }
            .StoreBanner .camera_caption > div { background: rgba(44, 57, 76, 0.75); padding: 10px; }
                .StoreBanner .camera_caption > div > span { font-size: 16px; }
        .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul { text-align: center; }
        .StoreBanner .camera_wrap { margin-bottom: 0 !important; }
            .StoreBanner .camera_wrap .camera_fakehover .camera_pag { bottom: 15px; }
                .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li { background-color: #fff; width: 12px; height: 12px; margin: 3px; border-radius: 30px; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li > span, .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent > span { background: none; left: 0; top: 0; width: 12px; height: 12px; border-radius: 30px; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li:hover > span { background-color: #194991; }

                    .StoreBanner .camera_wrap .camera_fakehover .camera_pag .camera_pag_ul li.cameracurrent { background-color: #00a8ff; }
    .banner-div { position: relative; width: 100%; text-align: center; }
    .banner-caption { position: absolute; bottom: 0; background: rgba(44, 57, 76, 0.75); font-size: 16px; padding: 10px; width: 100%; text-align: center; color: #fff; font-weight: 400; }

    .ContentBannerParent .row { display: flex; align-items: center; flex-wrap: wrap; }
    .ContentBannerParent:nth-child(2n) .row { flex-direction: row-reverse; }

    .NewsEventViewAll { position: absolute; right: 10px; bottom: 0; }
    .NewsEventViewAllLink { font-size: 16px; padding: 10px 20px 8px;  } 
    .ContactUs .CommonPageInnerTitle { font-size: 20px; }
    .ContactUsLabel { line-height: 25px; font-size: 16px; }
    .ContactUsData { line-height: 25px; font-size: 16px; }
    .ContactUsBlock table { width: 480px; line-height: 25px; font-size: 16px; }
    .ContactUsCompanyInfo { width: 50%; padding: 20px; }
    .ContactUsContact { width: 50%; padding: 20px; }
    .ContactUsBlock { padding: 20px; }
    .ContactUsButtonDiv { margin: 5px 0 5px 20px; width: calc(50% - 20px); }

    .MaintenanceTitle { font-size: 26px; }
    .MaintenanceText { font-size: 16px; }
        .MaintenanceText p { font-size: 16px; }

    .SimplyContainer { padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; }
    .SimplyImage { width: calc(50% - 20px); margin-right: 20px; }
    .SimplyInfo { width: 50%; padding-left: 20px; padding-right: 20px }
        .SimplyInfo a { margin-top: 20px; }
    .SimplyContainer:nth-child(2n-1) .SimplyImage { margin-left: 20px; }
    .SimplyContainer:nth-child(2n-1) { flex-direction: row-reverse; }
        .SimplyContainer:nth-child(2n-1) .SimplyImage { margin-right: 0 }
        .SimplyContainer:nth-child(2n-1) .SimplyInfo { padding-left: 0; }
    .SimplyContainer:last-child { border-bottom: 0 } 
}

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

    h1 { font-size: 24px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; }
    h5 { font-size: 17px; }
    h6 { font-size: 16px; }

    .ContentLayout p { font-size: 15px; font-weight: 400; }
    .ContentLayout ul { font-size: 15px; font-weight: 400; }
    .CountryAndStateListDropDown { width: 60%; }

    .MainDivLeft { display: none; }

    .ContentMainDiv .common-center-col { float: none; }
     
    .MaintenanceInnerDiv { max-width: 84%; }
    .MaintenanceTitle { font-size: 22px; } 

    .facebookMessengerBox { right: 0; }

    .tel-div { font-size: 14px; line-height: 24px; }

    .LanguageSection { float: right; clear: none; margin: 0; }
    .SwitchLanguageDropPanel { margin-top: 0; }

    .Newsletter .SidebarTop { min-height: 0; padding: 0 10px 0 20px; }
    .Newsletter .SidebarTopTitle { margin-bottom: 0; }
    .NewsletterLabel { padding: 0 10px 0 20px; }
    .NewsletterForm { margin-left: 20px; width: 95%; }

    .StoreBanner { display: none; }
    .swiper-container.MobileBanner { display: block !important; }

    input[type="text"].NewsletterTextBox { height: 38px; }
    .NewsletterSubmit.BtnStyle1 { line-height: 38px; }

    /*ContentBreadcrumb Begin*/
    .CatalogBreadcrumbDiv { width: 100%; padding: 5px 0; border-bottom: solid 1px #cccccc; margin-bottom: 10px; }
    .ContentMenuSitemapDiv { width: 100%; padding: 5px 0; border-bottom: solid 1px #cccccc; }
        .CatalogBreadcrumbDiv .row .columns, .ContentMenuSitemapDiv .row .columns { background-color: #fff; padding: 0; }
    .ContentMenuSitemapPanel { font-size: 12px; line-height: 20px; }
    span.sitemap-seperator { width: 20px; font-size: 12px; }
    .CatalogBreadcrumb { font-size: 12px; }
    /*ContentBreadcrumb End*/
     
    .StoreSiteMapProductDataListItemStyle, .StoreSiteMapDepartmentDataListItemStyle { display: block; width: 100%; }     

    .LanguageSwitch select { font-size: 14px; height: 28px; }

    .footer-columns-dbdregister { margin-top: 0; }
    .content-footer { text-align: center }

    .NewsEvent .row { padding-bottom: 0; }
    .NewsEventItemStyle { width: 100%; display: flex; align-items: center; border-bottom: solid 2px #cccccc; margin: 0; padding-top: 5px; padding-bottom: 5px; }
        .NewsEventItemStyle:nth-child(3n-2) { padding-right: 0; }
        .NewsEventItemStyle:nth-child(3n-1) { padding-right: 0; padding-left: 0; }
        .NewsEventItemStyle:nth-child(3n) { padding-left: 0; }
    .NewsEventImage { width: 45%; float: left; }
    .NewsInfo { width: 55%; clear: none; padding-left: 15px; float: left; text-align: left; font-size: 14px; line-height: 20px; margin-top: 5px; margin-bottom: 5px; }
    .NewsTopic { margin-top: 8px; }
    .NewsTopicLink { font-size: 16px; text-align: left; }
    .NewsEventItemStyle:nth-child(1) { width: 100%; display: block; align-items: initial; padding-bottom: 15px; }
        .NewsEventItemStyle:nth-child(1) .NewsEventImage { width: 100%; }
        .NewsEventItemStyle:nth-child(1) .NewsInfo { width: 100%; padding-left: 0; text-align: center; }
        .NewsEventItemStyle:nth-child(1) .NewsTopicLink { text-align: center; }
        .NewsEventItemStyle:nth-child(1) .NewsEventImageLink { padding: 8px 20px 6px; font-size: 15px; }
    .NewsEventViewAll { width: 100%; text-align: center; margin-top: 25px; clear: both; float: left; }
    .NewsEventViewAllLink { font-size: 14px; text-align: center; display: inline-block; padding: 10px 15px 8px; }
    .NewsEventTitleSub { font-size: 18px; }

    .ContentBannerParent { background-size: cover; }
        .ContentBannerParent .ContentBanner { width: 100%; text-align: center; padding: 20px 0 10px; }
        .ContentBannerParent .ContentBannerPanel { width: 100%; text-align: center; margin-bottom: 10px; }

    .ContentBannerButton { margin-top: 10px; margin-bottom: 10px; }
    .ContentBannerParent.FullWidthPanel .ContentBanner { padding: 30px 0; }
    .ContentBanner { padding: 30px 10px; }
    .ContentBannerparagraph ul { position: relative; left: 50%; transform: translateX(-50%); float: left; text-align: left; }

    .ContentBannerParent .ContentBannerparagraph hr { margin-left: 20%; }
    .ContentDataItem { width: calc(25% - 10px); }

    .ContentButton a { font-size: 14px; padding: 8px 25px 6px; }

    .FeaturedMerchants { padding-top: 20px; padding-bottom: 20px; }
    .FeaturedMerchantDiv:nth-child(1), .FeaturedMerchantDiv:nth-child(2), .FeaturedMerchantDiv:nth-child(3) { width: 100%; padding: 0; margin-top: 15px; margin-bottom: 15px; }
    .HeaderLogo img { max-height: 50px; }

    .header-container1 { display: none; visibility: hidden; line-height: 0; width: 0; height: 0; }
    /*-- fix - common header --*/
    .header-container2 { position: relative; }
        .header-container2 .row { padding-left: 10px; padding-right: 10px; max-width: 100%; width: 100%; }

    .IntroductionMessagePanel { padding: 30px 0; }
    .IntroductionMessage { font-size: 16px; }
        .IntroductionMessage h1 { font-size: 24px; }
        .IntroductionMessage h2 { font-size: 22px; }
        .IntroductionMessage h3 { font-size: 20px; }
        .IntroductionMessage p { margin: 10px 0; font-size: 16px; }

    .LayoutFooter { padding-top: 30px; padding-bottom: 30px; }
        .LayoutFooter .HeaderLogo { margin-bottom: 10px; }
            .LayoutFooter .HeaderLogo img { max-height: 50px; }
    .footer-columns-common { width: 100%; text-align: center; padding: 0 }
    .footer-columns-social .SocialLink { justify-content: center; margin-top: 15px; }
        .footer-columns-social .SocialLink a { font-size: 24px; width: 37px; height: 37px; line-height: 26px; padding-top: 7px; margin-right: 2px; margin-left: 2px; color: #fff; }

    .footer-columns-common.menu { display: none; visibility: hidden; line-height: 0; width: 0; height: 0; }
    .footer-columns-social { margin-bottom: 30px; }

    .MapLocation { margin-bottom: 0; }
        .MapLocation .ContactMap { height: calc(100vw * 0.5625); margin-top: 0; margin-bottom: 0; padding-bottom: 0; }

    .ContactUs .ContactMap { height: 300px; }
    .ContactUs .CommonPageInnerTitle { font-size: 18px; }
    .ContactUsLabel { line-height: 22px; font-size: 14px; }
    .ContactUsData { line-height: 22px; font-size: 14px; }
    .ContactUsBlock table { width: 100%; line-height: 22px; font-size: 14px; }
    .ContactUsCompanyInfo { width: 100%; padding: 10px 0; }
    .ContactUsContact { width: 100%; padding: 10px 0; }
    .ContactUsBlock { padding: 10px 0; }
    .ContactUsButtonDiv { margin: 5px 0; width: 100%; }

    .TableContainer { clear: left; float: left; width: 100%; margin-bottom: 20px; }
    .TableStyle { border-spacing: 5px; margin-bottom: 10px; }
        .TableStyle th { padding: 8px 10px; line-height: 1.3; font-size: 16px; }
        .TableStyle td { padding: 8px 10px; line-height: 1.3; font-size: 14px; }
        .TableStyle.text-left td { text-align: left; }

    .cookie-box { bottom: 55px; }

    .SimplyContainer { padding-top: 20px; padding-bottom: 20px; }
    .SimplyImage { clear: left; float: left; width: 100%; margin-bottom: 20px; }
    .SimplyInfo { clear: left; float: left; width: 100%; }
        .SimplyInfo a { font-size: 14px; margin-top: 10px; }
    .SimplyContainer iframe { height: 250px; width: 100%; }
    .SimplyInfo H1 { font-size: 22px; }
    .SimplyInfo H2 { font-size: 20px; }
    .SimplyInfo H3 { font-size: 18px; }
    .SimplyInfo p { font-size: 15px; }
}

@media only screen and (min-width: 480px)and (max-width: 767.99px) {

    .FeaturedMerchantsAd iframe { height: calc(450px * 0.5625); }

    .ContentBannerParent .row { min-height: 300px; padding: 20px 10px; }
    .ContentBannerPanel iframe { width: 450px; height: calc( 450px * 0.5625 ); }
    .ContentBannerButton a { font-size: 14px; padding: 10px 20px 8px; margin-top: 10px; }
    .ContentBannerheader { font-size: 26px; }
    .ContentBannerparagraph h1 { font-size: 26px; }
    .ContentBannerparagraph h2 { font-size: 24px; }
    .ContentBannerparagraph h3 { font-size: 21px; }
    .ContentBannerparagraph { font-size: 16px; }
        .ContentBannerparagraph p { font-size: 16px; }

    .NewsEventImageLink { padding: 6px 12px 4px; font-size: 14px; }
    .NewsEventImage { height: 150px; }
    .NewsEventItemStyle:nth-child(1) .NewsEventImage { height: 300px; }
    .NewsEventItemStyle:nth-child(1) .NewsTopicLink { font-size: 20px; }

    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .CatalogName, .BlogDetailsTopTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .CenterBlockTopTitle, .AllBrandsTitle, .AllDepartmentsTitle, .VendorList .CommonPageTopTitle, .BlogDetail-TopTitle { font-size: 24px; }

    .titletext-footer { font-size: 18px; }
    .content-footer { font-size: 15px; }
        .content-footer ul li { font-size: 15px; }
        .content-footer p { font-size: 15px; }
        .content-footer .CompanyName { font-size: 16px; }
}

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

    body { font-size: 14px; }

    .MaintenanceDiv { background-size: cover }
    .MaintenanceInnerDiv { background-color: rgba(255, 255, 255, 0.65); width: 300px; }
    .MaintenanceTitle { font-size: 28px; color: #3e3a3a; }

    .StoreBannerContainer .columns { padding: 0; }

    .CommonPageTopTitle, .CommonLoginPageTitle, .ContentLayoutTopTitle, .NewArrivalCategory .NewArrivalTitle, .CatalogName, .BlogDetailsTopTitle, .PromotionItem .SidebarTopTitle, .CheckoutIndicatorTable .CurrentPageTitle span, .BlogListTop .BlogDetailsTopTitle, .CenterBlockTopTitle, .AllBrandsTitle, .AllDepartmentsTitle, .PromotionItem .SidebarTopTitle, .VendorList .CommonPageTopTitle, .BlogDetail-TopTitle { font-size: 22px; }

    .NewsletterForm { margin-left: 0; width: 100%; }
    .NewsletterLabel { font-size: 12px; }
    .NewsletterPageTable {   width: 100%; }

    .sticky-contact .call { padding-left: 40px; }
    .sticky-contact .chat { padding-left: 45px; }


    .CommonPage, .CommonLoginPage, .ContentLayout { margin-top: 0; margin-bottom: 0; }
    .MainDiv, .ContentMainDiv, .ProductMainDiv, .DefaultMainDiv, .AccountMainDiv { padding: 0 0 20px; }

    .HeaderSocialLink { margin: 7px 0; }

    .fb-customerchat iframe { right: 10px !important; bottom: 10px !important; width: 210pt !important; height: 300pt !important; }

    .LayoutFooterLicense { font-size: 12px; }
    .logofooter { height: 25px; }

    .titletext-footer { font-size: 16px; }
    .content-footer { font-size: 14px; }
        .content-footer ul li { font-size: 14px; }
        .content-footer p { font-size: 14px; }
        .content-footer .CompanyName { font-size: 15px; }

    .BlogNavList { margin: 0; }
    .tel-div { padding: 5px; }
    .NewsEvent { margin-top: 15px; margin-bottom: 10px; }
    .NewsTopicLink { font-size: 14px; }
    .NewsEventImage { height: calc(42vw * 0.667); }
    .NewsEventItemStyle:nth-child(1) .NewsEventImage { height: calc((100vw - 20px) * 0.667); }
    .NewsEventItemStyle:nth-child(1) .NewsTopicLink { font-size: 18px; }
    .NewsDate { font-size: 12px; }
    .NewsEventImageLink { padding: 5px 10px; font-size: 12px; }
    .NewsCategoryName { display: none; }

    .ContentBannerTop .row, .ContentBannerBottom .row { max-width: 100%; width: 100%; }

    .FeaturedMerchants .row { max-width: 100%; width: 100%; }
    .FeaturedMerchantsAd iframe { height: calc(100vw * 0.5625); }

    .ContentBannerheader { font-size: 22px; line-height: 1.3 }
    .ContentBannerparagraph h1 { font-size: 24px; }
    .ContentBannerparagraph h2 { font-size: 22px; }
    .ContentBannerparagraph h3 { font-size: 20px; }
    .ContentBannerparagraph { font-size: 15px; }
        .ContentBannerparagraph p { font-size: 15px; }

    .ContentBannerButton a { font-size: 14px; padding: 10px 15px 8px; margin-top: 10px; }

    .ContentBannerParent .row { min-height: 300px; padding: 10px; } 
    .ContentBannerPanel iframe { width: 100%; height: calc((100vw - 20px) * 0.5625); }

    .IntroductionMessage { font-size: 15px; }
        .IntroductionMessage h1 { font-size: 22px; }
        .IntroductionMessage h2 { font-size: 20px; }
        .IntroductionMessage h3 { font-size: 18px; }
        .IntroductionMessage p { font-size: 15px; }
}

@media only screen and (orientation: portrait) {
}