@import url("bootstrap-icons.css");
@font-face {
   font-family: 'ReadexPro-bold';
   src: url('../fonts/ReadexPro-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ReadexPro-bold.woff') format('woff'), url('../fonts/ReadexPro-bold.ttf') format('truetype'), url('../fonts/ReadexPro-bold.svg#ReadexPro-bold') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'ReadexPro-Light';
   src: url('../fonts/ReadexPro-Light.eot?#iefix') format('embadded-opentype'), 
        url('../fonts/ReadexPro-Light.woff') format('woff'),
        url('../fonts/ReadexPro-Light.ttf') format('truetype'),
        url('../fonts/ReadexPro-Light.svg#ReadexPro-Light') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'ReadexPro-Medium';
   src: url('../fonts/ReadexPro-Medium.eot#iefix') format('embadded-opentype'),
        url('../fonts/ReadexPro-Medium.woff') format('woff'),
        url('../fonts/ReadexPro-Medium.ttf') format('truetype'),
        url('../fonts/ReadexPro-Medium.svg#ReadexPro-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face{
   font-family: 'ReadexPro-Regular';
   src: url('../fonts/ReadexPro-Regular.eot#iefix') format('embadded-opentype'),
        url('../fonts/ReadexPro-Regular.woff') format('woff'),
        url('../fonts/ReadexPro-Regular.ttf') format('ttf'),
        url('../fonts/ReadexPro-Regular.svg#ReadexPro-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

:root {
   --font-regular: 'ReadexPro-Regular', sans-serif;
   --font-light: 'ReadexPro-Light', sans-serif;
   --font-medium: 'ReadexPro-Medium', sans-serif;
   --font-bold: 'ReadexPro-bold', sans-serif;
   --main-color: #4776ad;
}
html{scroll-behavior: smooth;}
body {
   font-family: var(--font-regular);overflow-x: hidden;scroll-behavior: smooth;
   width: 100%;overflow-x: hidden;
}
* { margin: 0; padding: 0; box-sizing: border-box;}
a {color: inherit;text-decoration: none;}
h1,
h2,
h3,
h4 { color: #000000;}
*:focus {outline: none !important;box-shadow: none !important;}
button:focus {outline: none;}
button { border: 0;}
ol,
ul {padding-left: 0;}
ol,
ul,
dl {margin-top: 0;margin-bottom: 0;}
ul li { list-style: none; color: inherit;}
img {max-width: 100%;}
a:hover {
   -webkit-transition: all .3s ease 0s;
   -moz-transition: all .3s ease 0s;
   -ms-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   text-decoration: none;
}


.menu-header .toChild:after {content: '\f3d3';font-family: 'Ionicons';font-size: 17px;margin-left: 9px;font-weight: bold;float: right;}
span.toChild {position: absolute;display: block;right: 0;width: 20px;z-index: 9999;}
span.toChild.active::after {transform: rotate(90deg);}
span.toChild.active::after {transform: rotate(90deg);}

/*Main Content*/
.main-menu .menu-lft li a.active, .main-menu .menu-lft li a:hover {color: #b524a4 !important;/* background: linear-gradient(90deg, #7512CB 0%, #E73184 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
.sticky-top.sticky {transform: translateY(-18px); padding-bottom: 12px; background: #000000; backdrop-filter: blur(10px);background: #000000d4; -webkit-backdrop-filter: blur(20px);}
.sticky-top.sticky .main-menu .menu-lft li a,
.sticky-top.sticky .main-menu .menu-rgt .logo{color: #ffffff;}

header{padding: 30px 0px;margin-bottom: 30px; transition: 0.3s ease-in-out;}
.pb-5 { padding-bottom: 80px !important;}
.mb-175{margin-bottom: 100px}
.main-menu {display: inline-flex;width: 100%;align-items: center;justify-content: space-between;}
.main-menu .menu-rgt .logo {font-family: var(--font-bold);font-size: 30px;line-height: inherit;color: #000000;}
.main-menu .menu-lft {display: inline-flex;align-items: center;row-gap: 20px;column-gap: 40px;}
.main-menu .menu-lft li a {display: block;font-family: var(--font-medium);font-size: 16px;color: #666666;}
.BannerLft h1 {font-size: 65px;font-family: var(--font-bold);line-height: 85px;color: #000000;margin: 35px 0 10px;}
.LinearTextColor {background: linear-gradient(120deg, #00D9FF, #4F54FF, #AC49D6, #FFC54F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.BannerLft h1 span:last-child {font-size: 34px;line-height: 64px;display: block;font-family: var(--font-regular);}
.BannerLft p {font-size: 16px;color: #626262;font-family: var(--font-regular);margin-bottom: 40px;width: 400px;}
.BannerLft>ul {display: inline-flex;align-items: center;gap: 20px;}
.MainBtn {display: inline-flex;align-items: center;justify-content: center;border-radius: 40px;background-color: #FFCE00;padding: 15px 35px;font-size: 18px;font-family: var(--font-medium);color: #ffffff !important;background: linear-gradient(90deg, #7512CB 0%, #E73184 100%);}
.Btn2 {display: inline-flex;align-items: center;justify-content: center;gap: 15px;color: #000000;font-size: 18px;font-family: var(--font-medium);border-radius: 40px;border: 2px solid #000000;padding: 13px 34px;box-sizing: border-box;transition: 0.3s ease-in-out}
.BannerLft>ul.bannerLftBtm {margin: 90px 0 30px;gap: 100px;position: relative;}
.BannerImg {border-radius: 18px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.BannerLft>ul.bannerLftBtm li {display: inline-flex;align-items: center;column-gap: 20px;row-gap: 10px;position: relative;}
.BannerLft>ul.bannerLftBtm li>span:nth-child(1) {font-size: 22px;font-family: var(--font-bold);color: #000000;}
.BannerLft>ul.bannerLftBtm li>span:nth-child(2) {font-size: 14px;color: #000000;width: 80px;}
.MainBtn:hover,
.Btn2:hover {color: inherit;}
ul.bannerLftBtm li:first-child::after {content: ' ';position: absolute;width: 1px;height: 100%;background-color: #000000;left: 100%;margin: 0px 50px;}
.IconMain {width: 40px;margin-bottom: 10px;}
.subTitle {font-size: 62px;font-family: var(--font-bold);line-height: inherit;line-height: 75px;color: #000000;}
.widgetsMainBlocks h2.subTitle {margin-bottom: 20px;}
.widgetsMainBlocks p {font-size: 18px;color: #272A33;width: 870px;margin: auto;}
.WidgetsSubBlocks {position: relative;}
.WidgetsSubBlocks {margin-top: 80px;display: inline-block;width: 100%;margin: 80px 0 120px;}
.WidgetsSubBlocks .container {width: 100%;position: absolute;height: 480px;border-radius: 50px 150px 50px 50px;background: linear-gradient(234deg, rgba(0, 217, 255, 0.06) 0.17%, rgba(79, 84, 255, 0.06) 32.49%, rgba(172, 73, 214, 0.06) 67.38%, rgba(255, 197, 79, 0.06) 98.67%), rgba(46, 46, 46, 0.05);right: 0;left: 0;margin: auto;}
.WidgetsOuterMain {display: inline-flex;width: 100%;margin-top: 35px;flex-wrap: wrap;gap: 20px;transform: rotate(-3deg);}
.WidgetsOuterMain .marquee-container {width: 100%;}
.WidgetsOuterMain .marquee-container marquee ul,.WidgetsOuterMain .marquee-container  ul.marqueeUi {width: max-content;display: inline-flex;flex-wrap: wrap;gap: 24px;align-items: center;}
.WidgetsBenifits {width: 100%;display: inline-flex;flex-wrap: wrap;column-gap: 45px;row-gap: 26px;justify-content: center;}
.WidgetsBenifits li {border: 0.7px solid #000000;border-radius: 20px;padding: 11px 26px;font-size: 18px;display: block;color: #000000;line-height: 23px;font-family: var(--font-regular);}
.WidgetsBenifits li:nth-child(even) {background-color: #3B3B3B;border-color: #3B3B3B;color: #EDEDED;}
.AdTaglines { font-size: 55px; color: #525252; font-family: var(--font-bold);}
.AdTaglinesMain {position: relative;}
.AdTaglinesMain svg {position: absolute;right: -37px;top: -57px;}
.WallpaperSamplesMain {padding: 0 30px;height: 870px;overflow: hidden;}
.WallpaperSamplesMain ul {width: 100%;display: inline-flex;column-gap: 30px;justify-content: center;}
.WallpaperSamplesMain ul li {display: inline-flex;flex-direction: column;gap: 18px;}
.WallpaperSamplesMain ul li img {border-radius: 17px;}
.WallpaperSamplesMain ul li:nth-child(1) {margin-top: 146px;}
.WallpaperSamplesMain ul li:nth-child(3) {margin-top: 105px;}
.WallpaperSamplesMain ul li:nth-child(4) {margin-top: 170px;}
.WallpaperSamplesMain ul li:nth-child(5) {margin-top: 130px;}
.WallpaperSamplesMain ul li:nth-child(6) {margin-top: 10px;}
.WallpaperSamplesMain ul li:nth-child(7) {margin-top: 115px;}
.WallpaperData {border-radius: 30px;color: #ffffff;background-color: #171C1C;padding: 40px 60px;display: inline-flex;align-items: center;gap: 123px;margin-bottom: -20px;transform: translateY(-111px);position: relative;z-index: 99;}
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 20%); display: none; z-index: 99;background-size: cover; background-position: center;}
.gallery-item { position: relative;border-radius: 16px;overflow: hidden;width: 100%;}
.WallpaperData h2.subTitle {color: #ffffff;margin: 0px;line-height: 85px;}
.WallpaperData p {margin: 0px;font-family: var(--font-regular);font-size: 17px;line-height: 26px;}
.ExploreAppsMain {width: 100%;display: inline-flex;background-color: #F7F6F9;padding: 40px;border-radius: 30px;gap: 25px;}
.ExploreAppsLft > img {margin-bottom: 20px;}
.ExploreAppsLft p {color: #272A33;font-size: 18px;line-height: 26px;font-family: var(--font-regular);margin-bottom: 40px;}
.ExploreAppsRgt {border-radius: 15px;background-color: #ffffff;padding: 50px;display: inline-flex;align-items: center;}
.ExploreAppsRgt ul {width: 100%;display: inline-flex;flex-wrap: wrap;column-gap: 85px;text-align: center;row-gap: 70px;justify-content: center;}
.ExploreAppsRgt ul li {width: calc(100% / 3 - 58px);}
.ExploreAppsLft {max-width: 454px;}
.ExploreAppsRgt ul li img {width: 80px;height: 80px;border-radius: 20px;margin-bottom: 18px;}
.ExploreAppsRgt ul li p {font-size: 18px;color: #272A33;margin: 0px;line-height: 18px;}
.ExploreAppsRgt ul li span {font-size: 12px;color: #797A7B;}
.ExploreAppsLft h2.subTitle {margin-bottom: 20px; width: 90%;}
textarea{resize: none;}
footer {width: calc(100% - 86px);margin: auto;background-color: #000000;border-radius: 30px;margin-bottom: 15px;padding: 45px 0px;color: #ffffff;}
.PolicyBlock ul {display: inline-flex;gap: 25px;}
.PolicyBlock {margin-bottom: 30px;}
.PolicyBlock ul li a:hover { color: #c320b3;}
.PolicyBlock ul li {font-size: 14px;text-transform: capitalize;color: #000000;font-family: 'ReadexPro-Medium', sans-serif;}
.FtMain {width: 100%;display: inline-flex;justify-content: space-between;}
.ContactFt h2.subTitle {font-size: 50px;color: #ffffff;margin-bottom: 20px;line-height: 60px;}
.ContactFt p {color: #A0A0A0;font-size: 18px;font-family: var(--font-regular);margin-bottom: 30px;width: 590px;}
ul.SocialFt {display: inline-flex;align-items: center;margin-bottom: 61px;column-gap: 25px;row-gap: 10px;font-size: 16px;width: 100%;}
ul.ContactDtl li {display: inline-flex;width: 100%;align-items: center;gap: 20px;flex-wrap: wrap;}
ul.ContactDtl li span {border-radius: 10.56px;border: 0.8px solid #383838;background: rgba(78, 78, 78, 0.52);width: 40px;height: 40px;display: inline-flex;align-items: center;color: #c320b3;justify-content: center;font-size: 14px;}
ul.ContactDtl {display: inline-flex;flex-direction: column;row-gap: 35px;}
ul.ContactDtl li a {font-size: 18px;color: #ffffff;font-family: var(--font-regular);max-width: calc(100% - 220px);}
.FormFt {width: 390px;height: 100%;}
.FormFt form {border-radius: 15px;border: 1px solid #484848;background: linear-gradient(0deg, #2A2A2A 0%, #2A2A2A 100%), #1A1A1A;padding: 25px 22px;display: inline-flex;flex-direction: column;width: 100%;row-gap: 20px;}
.FormFt form input, .FormFt form textarea {width: 100%;border-radius: 10px;border: 1px solid #242424;background: #000;font-size: 15px;font-style: normal;font-family: var(--font-regular);padding: 18px;line-height: 19px;color: #ffdf56;}
.FormFt form input::placeholder {color: #888888;}
.FormFt form textarea {height: 125px;}
.FormFt form .SendBtn {border-radius: 12px;background: linear-gradient(90deg, #7512CB 0%, #E73184 100%);align-items: di;display: flex;align-items: center;justify-content: center;padding: 12px;font-size: 17px;color: #ffffff;font-family: var(--font-medium);}
.MainBtn:hover {box-shadow: 2px 2px 1px 0px #000000;transition: 0.3s ease-in-out;}
.Btn2:hover { background-color: #000000; color: #ffffff;}
.widgetsMainBlocks { width: 100%; overflow-x: hidden;}
.MainBtn, .Btn2{white-space: nowrap;}
.BannerImg.mob { display: none;}
/********** media query **********/

@media (max-width: 1199px) {
   .BannerLft h1 {font-size: 50px;line-height: 65px;}
   .BannerLft h1 span:last-child {font-size: 25px;}
   .BannerLft p {font-size: 14px;margin-bottom: 35px;}
   .main-menu .menu-rgt .logo {font-size: 28px;}
   .main-menu .menu-lft li a {font-size: 15px;}
   .main-menu .menu-lft {column-gap: 32px;}
   .MainBtn {padding: 9px 30px;font-size: 15px;}
   .Btn2 {font-size: 15px;padding: 7px 28px;}
   .BannerLft>ul {gap: 12px;}
   .BannerLft>ul.bannerLftBtm {margin: 60px 0 20px;}
   .BannerLft>ul.bannerLftBtm {gap: 80px;}
   ul.bannerLftBtm li:first-child::after {margin: 0 40px;}
   .BannerLft>ul.bannerLftBtm li>span:nth-child(1) {font-size: 19px;}
   .BannerLft>ul.bannerLftBtm li {column-gap: 15px;}
   .BannerLft>ul.bannerLftBtm li>span:nth-child(2) {font-size: 13px;}
   .mb-175 {margin-bottom: 70px;}
   .IconMain {width: 30px;margin-bottom: 5px;}
   .subTitle {font-size: 45px;line-height: 56px;}
   .widgetsMainBlocks h2.subTitle {margin-bottom: 15px;}
   .widgetsMainBlocks p {font-size: 16px;width: 800px;}
   .WidgetsSubBlocks {margin: 50px 0 100px;}
   .WidgetsSubBlocks .container {height: 410px;}
   .WidgetsOuterMain .marquee-container marquee ul li img , .WidgetsOuterMain .marquee-container  ul.marqueeUi li img{height: 95px;}
   .WidgetsBenifits {column-gap: 30px;row-gap: 23px;}
   .WidgetsBenifits li {padding: 8px 25px;font-size: 15px;}
   .AdTaglines {font-size: 39px;}
   div#TagLines {padding-bottom: 25px !important;}
   .mb-175.AdTaglinesMain {margin-bottom: 45px;}
   .WallpaperSamplesMain {height: 670px;}
   .WallpaperData {padding: 25px 30px;gap: 90px;border-radius: 25px;transform: translateY(-113px);margin-bottom: -36px;}
   .WallpaperData p {font-size: 15px;}
   .WallpaperData h2.subTitle {line-height: 73px;}
   .ExploreAppsMain {padding: 35px;}
   .ExploreAppsLft p {font-size: 16px;line-height: 24px;margin-bottom: 40px;}
   .ExploreAppsRgt {padding: 25px;}
   .ExploreAppsRgt ul {column-gap: 25px;row-gap: 47px;}
   .ExploreAppsRgt ul li {width: calc(100% / 3 - 17px);}
   .ExploreAppsLft {max-width: 380px;}
   .ExploreAppsLft h2.subTitle {width: 75%;}
   .ExploreAppsRgt ul li img {width: 65px;height: 65px;border-radius: 12px;margin-bottom: 15px;}
   .ExploreAppsRgt ul li p {font-size: 16px;line-height: 15px;}
   .ExploreAppsRgt ul li span {font-size: 12px;}
   .ContactFt h2.subTitle {font-size: 40px;line-height: 48px;margin-bottom: 15px;}
   .ContactFt p {font-size: 15px;width: 400px;margin-bottom: 22px;}
   ul.SocialFt {font-size: 14px;column-gap: 20px;margin-bottom: 45px;}
   ul.ContactDtl li span {width: 35px;height: 35px;font-size: 12px;border-radius: 9px;}
   ul.ContactDtl li {gap: 18px;}
   ul.ContactDtl li a {max-width: calc(100% - 235px);font-size: 15px;}
   ul.ContactDtl {row-gap: 28px;}
   footer {padding: 40px 0;}
   .FormFt {/* width: 100%; */width: 400px;}
   .ContactFt {}
   .FtMain {gap: 15px;}
   .FormFt form {padding: 18px 15px;border-radius: 14px;row-gap: 12px;}
   .FormFt form input, .FormFt form textarea {padding: 14px;font-size: 14px;}
   .FormFt form .SendBtn {padding: 9px;font-size: 15px;}
   header {padding: 40px 0px;}
}

@media (max-width: 991px) {
   header {padding: 30px 0px;}
   .main-menu .menu-lft {column-gap: 20px;}
   .main-menu .menu-rgt .logo {font-size: 25px;}
   .BannerSection > div > div {width: 100%;}
   .BannerLft span.LinearTextColor {display: inline-block;}
   .BannerLft h1 {text-align: center;line-height: 62px;margin: 20px 0 10px;}
   .BannerLft p {text-align: center;margin: auto;margin-bottom: 30px;width: 500px;}
   .BannerLft h1 span:last-child {line-height: 49px;}
   .BannerLft>ul {justify-content: center;width: 100%;}
   .BannerLft>ul.bannerLftBtm {margin: 40px 0 18px;}
   .BannerLft>ul.bannerLftBtm li>span:nth-child(2) {width: auto;}
   .mb-175 {margin-bottom: 50px;}
   .IconMain {width: 25px;}
   .subTitle {font-size: 35px;line-height: 45px;}
   .widgetsMainBlocks p {width: 100%;margin: auto;font-size: 14px;line-height: 20px;}
   .WidgetsSubBlocks {margin: 30px 0 75px;}
   .WidgetsSubBlocks .container {height: 339px;border-radius: 35px 120px 35px 35px;}
   .WidgetsOuterMain .marquee-container marquee ul li img, .WidgetsOuterMain .marquee-container  ul.marqueeUi li img {height: 79px;}
   .WidgetsOuterMain {gap: 12px;margin-top: 31px;}
   .WidgetsOuterMain .marquee-container marquee ul, .WidgetsOuterMain .marquee-container  ul.marqueeUi {gap: 12px;}
   .WidgetsBenifits {column-gap: 20px;row-gap: 16px;}
   .WidgetsBenifits li {padding: 7px 24px;font-size: 14px;}
   .AdTaglines {font-size: 29px;}
   .mb-175.AdTaglinesMain {margin-bottom: 15px;}
   .WallpaperSamplesMain {height: 575px;padding: 0 15px;}
   .WallpaperSamplesMain ul {column-gap: 12px;}
   .WallpaperSamplesMain ul li img {border-radius: 12px;}
   .WallpaperSamplesMain ul li {gap: 10px;}
   .WallpaperData {padding: 20px 20px;gap: 45px;margin-bottom: -70px;}
   .WallpaperData p {font-size: 14px;line-height: 23px;}
   .WallpaperData h2.subTitle {line-height: 65px;}
   .pb-5 {padding-bottom: 50px !important;}
   .ExploreAppsMain {padding: 25px;}
   .ExploreAppsLft p {font-size: 14px;line-height: 20px;margin-bottom: 25px;}
   .ExploreAppsLft {max-width: 290px;}
   .ExploreAppsRgt {padding: 18px;}
   .ExploreAppsRgt ul {column-gap: 25px;row-gap: 30px;}
   .ExploreAppsRgt ul li img {width: 50px;height: 50px;border-radius: 10px;margin-bottom: 10px;}
   .ExploreAppsRgt ul li p {font-size: 14px;line-height: 15px;}
   .ExploreAppsRgt ul li span {font-size: 11px;line-height: 15px;display: block;margin-top: 4px;}
   .ExploreAppsRgt ul li {width: calc(100% / 3 - 17px);}
   .ExploreAppsLft h2.subTitle {margin-bottom: 15px;}
   .ContactFt h2.subTitle {font-size: 35px;line-height: 42px;margin-bottom: 12px;}
   .FtMain {flex-wrap: wrap;gap: 30px;}
   .ContactFt p {width: 100%;}
   ul.ContactDtl li a {max-width: calc(100% - 53px);}
   ul.ContactDtl {width: 100%;}
   ul.SocialFt {font-size: 13px;column-gap: 20px;margin-bottom: 35px;}
   footer {width: 100%;border-radius: 0px;}
   .BannerSection > div { flex-direction: column-reverse;}
   .BannerImg { width: 100%; height: 380px;}
   .col-md-6.BannerImg { display: none;}
   .BannerImg.mob {display: block;margin: 20px 0;    border-radius: 14px;}
   header { background: #000000;}
   .main-menu .menu-rgt .logo, .main-menu .menu-lft li a {color: #ffffff;}
   .sticky-top.sticky {padding: 10px 0 15px;}
   .main-menu .menu-rgt .logo {font-size: 24px;}
   .main-menu .menu-lft li a {font-size: 13px;}
}

@media (max-width: 767px) {
   .main-menu {flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;}
   .menu-rgt {width: 100%;display: inline-flex;justify-content: center;}
   header {padding: 20px 0px;}
   .BannerImg {height: 295px;}
   .BannerLft h1 {font-size: 35px;line-height: 45px;}
   .BannerLft h1 span:last-child {line-height: 38px;font-size: 22px;}
   .BannerLft p {margin-bottom: 21px;}
   .sticky-top.sticky {padding: 8px 0 13px;}
   .mb-175 {margin-bottom: 0px;}
   .IconMain {width: 20px;}
   .subTitle {font-size: 29px;line-height: 35px;}
   .WidgetsOuterMain .marquee-container marquee ul li img, .WidgetsOuterMain .marquee-container  ul.marqueeUi li img {height: 65px;}
   .WidgetsOuterMain {gap: 10px;margin-top: 26px;}
   .WidgetsSubBlocks .container {height: 272px;border-radius: 28px 60px 28px 28px;}
   .WidgetsSubBlocks {margin: 30px 0 47px;}
   .WidgetsBenifits li {padding: 5px 15px;font-size: 13px;}
   .WidgetsBenifits {column-gap: 14px;row-gap: 10px;}
   div#TagLines {padding-bottom: 45px !important;}
   .AdTaglines {font-size: 21px;}
   .WallpaperSamplesMain ul li img {border-radius: 10px;}
   .WallpaperSamplesMain ul {column-gap: 7px;}
   .WallpaperSamplesMain {padding: 0px 10px;height: 470px;}
   .WallpaperSamplesMain ul li:nth-child(1) {margin-top: 41px;}
   .WallpaperSamplesMain ul li:nth-child(3) {margin-top: 58px;}
   .WallpaperSamplesMain ul li:nth-child(4) {margin-top: 99px;}
   .WallpaperSamplesMain ul li:nth-child(5) {margin-top: 69px;}
   .WallpaperSamplesMain ul li:nth-child(7) {margin-top: 38px;}
   .WallpaperData {padding: 16px 15px;gap: 45px;margin-bottom: -70px;text-align: center;flex-wrap: wrap;gap: 12px;border-radius: 12px;}
   .WallpaperData h2.subTitle {line-height: 44px;text-align: center;display: block;width: 100%;}
   .WallpaperData p {font-size: 14px;line-height: 21px;}
   .ExploreAppsMain {margin-bottom: 46px;padding: 20px;flex-wrap: wrap;}
   .ExploreAppsLft {text-align: center;width: 100%;max-width: 100%;}
   .ExploreAppsLft h2.subTitle {width: 100%;margin-bottom: 8px;}
   .ExploreAppsLft p {margin-bottom: 17px;}
   .BannerLft p{width: 100%;}
}
@media (max-width: 575px) {
   .WidgetsSubBlocks .container { width: 95%;}
   .FormFt {width: 100%;}
   .ContactFt h2.subTitle {font-size: 28px;line-height: 36px;margin-bottom: 10px;}
   footer {padding: 20px 10px;}
   .WallpaperData h2.subTitle {font-size: 25px;}
   .WallpaperData h2.subTitle {line-height: 28px;}
   .subTitle {font-size: 28px;line-height: 35px;}
   .BannerLft span.LinearTextColor {display: block;}
   .BannerLft h1 {font-size: 32px;line-height: 41px;}
   .BannerImg {height: 280px;}
   .BannerLft p {width: 95%;margin-bottom: 20px;}
   .BannerLft>ul.bannerLftBtm {margin: 33px 0 12px;}
   .gallery-item { border-radius: 10px;}
   .BannerLft h1{margin-top:0px;}
}
@media (max-width: 450px) {
   .BannerImg {height: 215px;}
}


/*tryal*/

/*21-03-2024*/
.gallery-item{width: 139px;height: 260px;}
.WidgetsBenifits li{    background-color: #ffffff;}
@media (max-width: 1400px) {
   .gallery-item{width: auto;height: auto;}

}


/*11-04-2024*/
/*watch faces section*/
.main-menu .menu-rgt .logo img { width: 55px;}
.WatchFacesSectionLft .WatchFaceIcon {width: 37px;margin-bottom: 20px;}
.WatchFacesSectionLft {background-color: #171C1C;border-radius: 30px;color: #ffffff;overflow: hidden;height: 100%;}
.WatchFacesSectionLftDtl {padding: 35px;}
.WatchFacesSectionLftDtl h2 {margin-bottom: 24px;}
.WatchFacesSectionLftDtl p {font-size: 17px;line-height: 26px;font-family: 'ReadexPro-Regular', sans-serif;font-weight: 200;margin-bottom: 0px;}
.WatchFacesBgOuter {position: relative;}
.WatchFacesBGSliderItem {width: 71px;height: 85px;background-size: cover;position: relative;top: 0;right: 0;left: 0;border-radius: 20px;background-position: center; overflow: hidden;}
.WatchFacesBGSliderItem:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;right: 0;background-size: contain;}
.WatchFacesBGSlider::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;right: 0;background-image: url(../img/WatchCase.webp);background-size: contain;}
.WatchFacesBGSlider {width: 84px;height: 95px;overflow: hidden;transform: rotate(-15deg);position: absolute;top: 56px;left: 149px;overflow: hidden;padding: 5px;border-radius: 25px;}
.WatchSliderBgMain {width: 100%;height: 100%;background: #607D8B;border-radius: 30px;overflow: hidden;display: block;}
.WatchSliderBgMain .item {width: 100%;height: 100%;background-size: cover;background-position: center; display: block;}
/*.WatchFacesMain { padding-top: 60px;}*/
.WatchFacesMain .AdTaglinesMain { margin-top: 80px;}
.WatchFacesMainSlider .slick-slide.slick-current.slick-active, .WatchFacesMainSlider .slick-slide.slick-current.slick-active .item {width: 180px !important;height: 220px;}
.WatchFacesMainSlider::before {content: '';width: 201px;height: auto;height: 345px;position: absolute;display: block;top: -62px;left: 49%;background-image: url(../img/WatchCaseBand.webp);background-size: contain;background-position: center;transform: translateX(-50%);z-index: 9;}
.WatchFacesMainSlider {position: relative;}
.WatchFacesMainSliderOuter {
    margin-bottom: 80px;
/*    margin-bottom: calc(80px + 60px);*/
    padding-top: 60px;
    padding-bottom: 30px;
}
.WatchFacesMainSlider  .slick-slide { margin: 0 27px;}
.WatchFacesMainSlider  .slick-list { margin: 0 -27px;}
/*.WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item::after{ content: unset;}*/
.WatchFacesMainSlider .item {position: relative;border-radius: 40px;overflow: hidden;transform: scale(0.7);}
.WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item { transform: scale(0.9); padding: 0px;}
.WatchFacesMainSlider .slick-slide .item {
    transform: scale(0.7);
   transition: transform 0.5s linear;
}
.WatchFacesMainSlider .slick-slide.slick-center .item {
    transform: scale(0.9);
    transition: transform 1.2s ease-in-out; 
}
.WatchFacesMainSlider .slick-list {
    padding: 0px !important;
}
@media (max-width: 1399px) {
   .WatchFacesMainSlider  .slick-slide { margin: 0 5px;}
   .WatchFacesMainSlider  .slick-list { margin: 0 -5px;}
   .WatchFacesMainSlider .item {border-radius: 35px;}
   .WatchFacesBGSlider {width: 76px;height: 86px;top: 45px;left: 126px;}
   .WatchFacesBGSliderItem{height: 79px;border-radius: 18px;}
}
@media (max-width: 1199px) {
   .WatchFacesBGSlider {width: 66px;height: 74px;top: 36px;left: 103px;}
   .WatchFacesSectionLftDtl p { font-size: 16px;}
   .WatchFacesSectionLftDtl h2 { margin-bottom: 10px;}
   .WatchFacesSectionLft .WatchFaceIcon { width: 30px; margin-bottom: 5px;}
   .WatchFacesSectionLftDtl { padding: 25px 35px;}
   .WatchFacesMainSlider  .slick-slide { margin: 0 0px;}
   .WatchFacesMainSlider  .slick-list { margin: 0 0px;}
   .WatchFacesMainSlider .slick-slide .item { transform: scale(0.6);}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item { transform: scale(0.9);}
   .WatchFacesMainSlider::before{left: 51%;}
   .WatchFacesBGSliderItem{border-radius: 0px;height: 67px}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active, .WatchFacesMainSlider .slick-slide.slick-current.slick-active .item{ width: 188px !important; }
}
@media (max-width: 991px) {
   .WatchFacesSectionLftDtl p {font-size: 14px;line-height: 20px;}
   .WatchFacesSectionLft .WatchFaceIcon {width: 25px;}
   .WatchFacesSectionLftDtl {padding: 20px;}
   .WatchFacesSectionLft {border-radius: 25px;}
   .WatchFacesBgOuter {display: inline-flex;align-items: center;justify-content: center;height: 100%;}
   .WatchFacesBGSlider {width: 47px;height: 54px;top: 62px;left: 76px;border-radius: 17px;}
   .WatchFacesBGSliderItem{height: 47px;border-radius: 8px;}
   .WatchFacesMainSlider .slick-list{padding: inherit !important;}
   .WatchFacesMainSlider  .slick-slide { margin: 0 10px;}
   .WatchFacesMainSlider  .slick-list { margin: 0 -10px;}
   .WatchFacesMainSlider::before { left: 49%;}
   .WatchFacesMainSliderOuter { margin-bottom: 0px;}
   .PolicyBlock { margin-bottom: 0px;padding-bottom: 30px;}
   footer { margin: 0px;}
   .PolicyBlock.text-center {background-color: black;color: #ffffff;}
   .PolicyBlock ul li { color: #ffffff;}
   header { padding: 18px 0px;}
   .main-menu .menu-rgt .logo img { width: 45px;}
   .sticky-top.sticky { transform: translateY(-1px);}
}
@media (max-width: 767px) {
   .WatchFacesSectionLftDtl { text-align: center;}
   .sticky-top.sticky .menu-rgt {display: none;}
   .sticky-top.sticky{top: 17px;}
   .WatchFacesSectionLft.WatchFacesSectionLftv1 { display: none;}
   .WatchFacesMain .AdTaglinesMain { margin-top: 30px;}
      .WatchFacesMainSlider .slick-slide .item { transform: scale(1)!important;}
   /*   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item { transform: scale(1)!important; width: 139px !important;border-radius: 16px; }*/
   /*.WatchFacesMainSlider .slick-slide .item { width: 112px !important; border-radius: 16px;}*/
   /*.WatchFacesMainSlider::before{ width: 173px;  height: 296px;}*/
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active, .WatchFacesMainSlider .slick-slide.slick-current.slick-active .item {width: unset !important;height: unset;}
   .WatchFacesMainSliderOuter { padding-bottom: 60px;}
   .WatchFacesMainSlider .slick-slide { display: inline-flex; justify-content: center;}
   .WatchFacesMainSlider::before { left: 50%;}
   .WatchFacesMainSlider .slick-slide .item {width: 60px !important;border-radius: 16px;}
   .WatchFacesMainSlider  .slick-slide { margin: 0 0px;}
   .WatchFacesMainSlider  .slick-list { margin: 0 -0px;}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item {transform: scale(1)!important;width: 90px !important;border-radius: 16px;   }
   .WatchFacesMainSlider::before {width: 107px;height: 185px;top: -37px;}
   .WatchFacesMainSlider .slick-track {display: flex;}
   .WatchFacesMainSlider .slick-track .slick-slide {display: flex; height: auto;align-items: center; justify-content: center;}
   .WatchFacesSectionLft .WatchFaceIcon { width: 20px;}
   .sticky-top.sticky { transform: translateY(-17px);}
   .FormFt { width: 100%;}
}
@media (max-width: 575px) {
   .WatchFacesMainSlider::before { left: 49%;}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item{ width: 89px !important;}
}
@media (max-width: 535px) {
   .WatchFacesMainSlider::before { left: 50%;}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item { width: 92px !important;}
}
@media (max-width: 472px) {
   div#WatchFaces { padding: 0px !important;}
   .WatchFacesMainSlider::before { left: 51%;}
   .WatchFacesMainSlider .slick-slide .item {width: 53px !important;border-radius: 11px;}
   .WatchFacesMainSlider .slick-slide.slick-current.slick-active.slick-center .item{width: 86px !important;}
   .WatchFacesMainSlider::before {width: 100px;height: 174px;top: -35px;}
   .WatchFacesMainSlider::before {  left: 50%;}
   .main-menu .menu-lft li a { font-size: 11px;}
   ul.ContactDtl li a,.PolicyBlock ul li,.ContactFt p,.FormFt form .SendBtn{ font-size: 13px;}
   ul.ContactDtl li span{width: 30px; height: 30px; font-size: 11px;}
   ul.ContactDtl { row-gap: 16px;}
   .PolicyBlock {padding-bottom: 20px;}
   .MainBtn{padding: 8px 25px; font-size: 14px;}
   .WidgetsBenifits li{padding: 4px 14px;font-size: 12px;}
   .Btn2 { font-size: 14px; padding: 6px 25px;}
   .BannerLft>ul.bannerLftBtm { gap: 65px;}
   ul.bannerLftBtm li:first-child::after { margin: 0 32px;}
   .AdTaglines { font-size: 20px;}
   .subTitle { font-size: 27px; line-height: 33px;}
}
@media (max-width: 450px) {
   .WatchFacesMainSlider  .slick-slide { margin: 0 10px;}
   .WatchFacesMainSlider  .slick-list { margin: 0 20px;}
   .WatchFacesMainSlider .slick-slide .item { width: 64px !important;}
   .WatchFacesMainSlider::before { left: 48%;}
   .main-menu .menu-rgt .logo img {width: 38px; margin-bottom: 5px;}
   header { padding: 14px 0px;}
}
@media (max-width: 420px) {
   .WatchFacesMainSlider::before { width: 100px;height: 172px;left: 49%;}
   .main-menu .menu-lft li a{text-align: center;}
}
@media (max-width: 390px) {
   .WatchFacesMainSlider::before{left: 50%;}
   .subTitle { font-size: 25px; line-height: 30px;}
   .WallpaperData p,.BannerLft p,.widgetsMainBlocks p, .WatchFacesSectionLftDtl p, .ExploreAppsLft p{ font-size: 12px; line-height: 20px;}
   .BannerLft h1 { font-size: 26px; line-height: 35px;}
   .main-menu .menu-lft {column-gap: 14px;}
}
/*17-04-2024*/
.WidgetsOuterMain .marquee-container ul.marqueeUi li { border-radius: 16px; overflow: hidden;}
/*22-04-2024*/
/*privacy*/
.PrivacyDtl {width: 100%;padding: 15px;background-color: #ffffff;border-radius: 12px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);margin: 20px 0 20px;padding-top: 40px;}
.PrivacyDtl p {font-size: 15px;color: #626262;font-family: var(--font-regular);word-wrap: break-word; }
.PrivacyDtl h6 {margin-bottom: 18px;color: #000000;font-family: ReadexPro-bold, sans-serif;}
.PrivacyDtl p strong { color: #000000;}
.PrivacyDtl h1 { margin-bottom: 80px;}
.mob-ft-logo{display:none;}

/* 02 May 2024 */
.DevLink > img {
    height: 15px;
}

.DevLink  {
    color: inherit !important;
    text-decoration: none;
}
@media (max-width: 500px){
   .privacyMainBlock p {font-size: 13px;}
   .PrivacyDtl {padding: 15px 0;}
   .PrivacyDtl h6 {font-size: 15px;}
   .PrivacyDtl h1 {margin-bottom: 16px;}
    .desktop-ft-logo{display:none;}
    .mob-ft-logo{display:inline-block;}
    .DevLink > img {height: 14px;}
}

.apple-badge{height:60px;}
@media (max-width: 700px){
    .apple-badge{height:45px;}
}


/*4 / 6 /2024*/
.mb-70{margin-bottom: 70px}
.BlogIdxMain {gap: 20px;flex-wrap: wrap;}
.BlogIdxMain .blogItem {width: calc(100% / 3 - 14px);}
.BlogIdxMain .blogItem .blogBanner {height: 300px;width: 100%;background-size: cover;background-position: center;border-radius: 24px;overflow: hidden;position: relative;display: inline-flex;align-items: end;justify-content: space-between;}
.BlogIdxMain .blogItem .blogBanner ul.tags, .BlogDtlBanner ul.tags {display: inline-flex;align-items: center;padding: 10px;gap: 7px;}
.BlogIdxMain .blogItem .blogBanner ul.tags li , .BlogDtlBanner ul.tags li{font-size: 13px;padding: 12px 15px;background-color: rgba(255,255,255,0.8);border-radius: 20px;line-height: 14px;font-size: 13px;font-family: 'ReadexPro-Medium';color: #000000;}
.BlogIdxMain .blogItem .blogBanner a.blogLink {width: 50px;height: 50px;background-color: #000000;margin: 10px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 24px;color: #ffffff;transition: 0.5s ease-in-out;}
.BlogIdxMain .blogItem .blogBanner a.blogLink:hover {background: linear-gradient(90deg, #7512CB 0%, #E73184 100%);}
.blogDtl {width: 100%;display: inline-block;margin-top: 35px;}
.blogDtl > ul, ul.BlogTimeUpdate {display: inline-flex;flex-wrap: wrap;gap: 10px;color: #747474;margin-bottom: 20px;}
.blogDtl > ul li, ul.BlogTimeUpdate li {font-size: 16px;font-family: 'ReadexPro-Regular', sans-serif;}
.blogDtl h3.blogTitle:hover a{
    /*color: linear-gradient(90deg, #7512CB 0%, #E73184 100%);
    background: linear-gradient(120deg, #00D9FF, #4F54FF, #AC49D6, #FFC54F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    cursor: pointer;opacity: 0.8;color: inherit;
}
.blogDtl h3.blogTitle {margin: 0px;font-size: 28px;font-family: 'ReadexPro-Medium';color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.blogSlider  .slick-slide { margin: 0 15px;}
.blogSlider  .slick-list { margin: 0 -15px;}
.blogSlider ul.slick-dots {bottom: -50px;}
.blogSlider .slick-dots li {width: 15px;height: 15px;}
.blogSlider .slick-dots li button {width: 15px;height: 15px;padding: 0px;}
.blogSlider .slick-dots li button:before {font-size: 32px;width: 12px;height: 12px;}
.blogSlider .slick-dots li.slick-active button:before {opacity: 1;}
/*.BlogIdxSection:before {width: calc(100% - 60px);position: absolute;height: 100%;border-radius: 50px;background: linear-gradient(234deg, rgba(0, 217, 255, 0.06) 0.17%, rgba(79, 84, 255, 0.06) 32.49%, rgba(172, 73, 214, 0.06) 67.38%, rgba(255, 197, 79, 0.06) 98.67%), rgba(46, 46, 46, 0.05);right: 0;left: 0;margin: auto;content: '';top: 0;}*/
/*.BlogIdxSection.mb-175 {position: relative;padding: 41px 0px 70px;}*/
.mb-200{margin-bottom: 200px}
/*.BlogIdxMain .blogItem .blogBanner a.blogLink img{animation: myymove 1s ease-in-out;}*/
.BlogIdxMain .blogItem .blogBanner a.blogLink:hover img{
   animation: mymove 1s ease-in-out;
}
@keyframes mymove { 100% {transform: rotate(360deg);}}
/*@keyframes myymove {
  100% {transform: rotate(-360deg);}
}*/
ul.breadcrumb {margin-bottom: 75px;}
ul.breadcrumb li:not(:last-child):after {content: ' / ';margin: 0 5px;color: #000000;}
ul.breadcrumb li a {color: #000000;}
ul.breadcrumb li a:hover {color: #9F1EB2;}
ul.breadcrumb li {color: #9F1EB2;font-size: 18px;font-family: 'ReadexPro-Medium', sans-serif;}
.BlogInPageMain { display: inline-flex; row-gap: 60px;}
.BlogInPgSection h1 {margin-bottom: 50px;}
.BlogDtlBanner {height: 700px;background-size: cover;background-position: center;border-radius: 24px;position: relative;overflow: hidden;display: inline-flex;width: 100%;align-items: end;    margin-bottom: 40px;}
.BlogDtlMain p {color: #333333;font-size: 22px;margin-bottom: 40px;}
ul.BlogTimeUpdate li {font-size: 18px;}
ul.BlogTimeUpdate {margin-bottom: 40px;}
.BlogDtlMain > ul > li > h6 {font-size: 22px;color: #000000;font-family: 'ReadexPro-bold', sans-serif;margin-bottom: 20px;}
.BlogDtlMain p {color: #333333;font-size: 22px;margin-bottom: 40px;}
ul.BlogTimeUpdate li {font-size: 18px;}
ul.BlogTimeUpdate {margin-bottom: 40px;}
.BlogDtlMain > ul > li > h6 {font-size: 22px;color: #000000;font-family: 'ReadexPro-bold', sans-serif;margin-bottom: 20px;}
.socialIcons {gap: 16px;display: flex;width: 100%;flex-wrap: wrap;gap: 15px;}
.socialIcons li {width: 100%;font-size: 19px;}
.sticky-offset { top: 56px;}
.sticky-offset { top: 100px;}
.PrevBlock a {display: inline-flex;cursor: unset;gap: 22px;}
.PrevBlock a .prevImg {width: 180px;border-radius: 11px;background-size: cover;background-position: center;cursor: pointer;}
.PrevBlock a  .prevDtl h6 {font-size: 18px;color: #000000;font-family: 'ReadexPro-Medium', sans-serif;margin: 25px 0 15px;overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer;}
.PrevBlock a .prevDtl p {font-family: 'ReadexPro-bold', sans-serif;font-size: 18px;margin-bottom: 25px; cursor: pointer;    color: #000000;}
.mt-100{margin-top: 100px;}
.NextBlock .prevDtl { text-align: right;}
.mb-60{margin-bottom: 60px;}
.PrevBlock a .prevDtl h6 span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.prevDtl { width: calc(100% - 180px - 25px);}
.PrevBlock.NextBlock a { justify-content: flex-end;width: 100%;}
@media (max-width: 1200px){
   .BlogIdxMain .blogItem .blogBanner { height: 220px; border-radius: 20px;}
   .BlogIdxMain .blogItem .blogBanner ul.tags li, .BlogDtlBanner ul.tags li {padding: 8px 10px;white-space: nowrap;font-size: 12px;}
   .BlogIdxMain .blogItem .blogBanner a.blogLink {width: 40px;height: 40px;padding: 13px;}
   .blogDtl {margin-top: 20px;}
   .blogDtl > ul li, ul.BlogTimeUpdate li {font-size: 14px;}
   .blogDtl > ul, ul.BlogTimeUpdate {margin-bottom: 10px;}
   .blogDtl h3.blogTitle {font-size: 20px;}
   ul.breadcrumb { margin-bottom: 50px;}
   .BlogInPgSection h1 { margin-bottom: 40px;}
   .BlogDtlBanner{height: 530px;}
   .BlogDtlMain p{font-size: 18px;margin-bottom: 35px;}
   .socialIcons li{font-size: 16px;}
   .BlogDtlMain > ul > li > h6 {font-size: 20px;margin-bottom: 12px;}
   .PrevBlock a .prevDtl h6 { font-size: 15px; margin: 20px 0 10px;}
   .PrevBlock a .prevDtl p { font-size: 16px; margin-bottom: 15px;}
   .prevDtl { width: calc(100% - 180px);}
   .PrevBlock a .prevImg { width: 150px;}

}
@media (max-width: 991px){
   .BlogDtlBanner {height: 400px;}
   .socialIcons{gap: 10px;}
   .BlogDtlMain p {font-size: 16px;margin-bottom: 25px;}
   .BlogDtlMain > ul > li > h6 {font-size: 18px;margin-bottom: 7px;}
   .paginationSection.mt-100.mb-175 { margin: 50px 0 100px;}
   .PrevBlock a .prevImg {width: 100px;}
   .prevDtl {width: calc(100% - 123px);}
   .PrevBlock a .prevDtl p {font-size: 14px;margin-bottom: 8px;}
   .PrevBlock a .prevDtl h6 {font-size: 13px;margin: 15px 0 10px;}
   .mb-200 {  margin-bottom: 120px;}

}
@media (max-width: 767px){
   .BlogIdxMain .blogItem .blogBanner {height: 170px;border-radius: 20px;}
   .BlogIdxMain .blogItem .blogBanner a.blogLink {width: 35px;height: 35px;padding: 12px;}
   .BlogIdxSection.mb-200 {margin-bottom: 120px;}
   .BlogIdxSection .row.mb-70 {display: inline-flex;width: 100%;flex-wrap: nowrap;justify-content: space-between;margin-bottom: 35px;overflow: hidden;}
   .BlogIdxSection .row.mb-70 > div {width: auto;}
   .BlogIdxSection .row.mb-70 > div.col-md-6.text-end {padding: 0px;}
   .blogDtl > ul li, ul.BlogTimeUpdate li {font-size: 12px;}
   .blogDtl > ul, ul.BlogTimeUpdate {margin-bottom: 7px;}
   .blogDtl {margin-top: 12px;}
   .BlogIdxMain .blogItem { width: calc(100% / 2 - 10px);}
   ul.breadcrumb {margin-bottom: 40px;}
   .BlogInPageMain {margin-bottom: 50px;}
   .paginationSection.mt-100.mb-175 { margin: 30px 0 70px;}
   .PrevBlock a .prevImg { width: 95px;}
   .PrevBlock a { width: 100%;}
   .PrevBlock a .prevDtl h6 span { width: 100% !important;  }
   .paginationSection.mt-100.mb-175 > div { gap: 25px;}
   .BlogDtlBanner { height: 329px;}
   .socialIcons li {width: auto;}
   .socialIcons {gap: 10px;    margin-bottom: 15px;}
   .BlogDtlBanner{   margin-bottom: 22px;}
   .socialIcons li {font-size: 13px;}

}
@media (max-width: 500px){
   .BlogIdxMain .blogItem .blogBanner { height: 280px;}
   .BlogIdxMain .blogItem { width: 100%;}
   .BlogInPageMain{row-gap: 30px;}
   .blogDtl h3.blogTitle { font-size: 15px;}
   .blogDtl { margin-top: 9px;}
   .BlogInPgSection.mb-175 h2.subTitle.text-center.mb-60 { margin-bottom: 25px;}
   .mb-200 { margin-bottom: 100px;}
   .blogSlider.BlogIdxMain { width: 99%;}
   .BlogDtlBanner {height: 295px;}
   ul.breadcrumb li{font-size: 13px;}
   ul.breadcrumb {margin-bottom: 20px;}
   .BlogInPgSection h1 {margin-bottom: 20px;}
   .BlogDtlMain p {font-size: 14px;margin-bottom: 22px;}
   .BlogDtlMain > ul > li > h6 {font-size: 15px;margin-bottom: 7px;}
   .MainBtn { padding: 7px 22px; font-size: 14px;}
}
@media (max-width: 472px){
   .MainBtn { padding: 7px 22px; font-size: 14px;}
}
@media (max-width: 400px){
   .BlogIdxMain .blogItem .blogBanner { height: 220px;}
   .MainBtn {padding: 7px 22px;font-size: 14px;}
}