/********************************** Font Family Start ***********************************/  
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600&display=swap');

@font-face {
    font-family: 'Chantal';
    src: url('../fonts/ChantalMedium/ChantalMedium.eot');
    src: url('../fonts/ChantalMedium/ChantalMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ChantalMedium/ChantalMedium.woff2') format('woff2'),
        url('../fonts/ChantalMedium/ChantalMedium.woff') format('woff'),
        url('../fonts/ChantalMedium/ChantalMedium.ttf') format('truetype'),
        url('../fonts/ChantalMedium/ChantalMedium.svg#ChantalMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; color: #000; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; color: #363636; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
.img-full-fill { display: block; width: 100%; height: auto; }
.img-responsive { display: block; max-width: 100%; height: auto; }
/**************************************************************************************/
a { color: #000000; text-decoration: none !important; outline: 0 none; outline: none !important; }
a:hover { color:#000000; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; text-decoration: none; }
h1 { font-size: 32px; color:#3C3C3C; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h2 { font-size: 27px; color: #3C3C3C; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h3 { font-size: 18px; color:#3C3C3C; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h4 { font-size: 16px; color: #3C3C3C; padding: 10px 0 10px 0; margin: 0; }
h5 { font-size: 14px; color:#3C3C3C; padding: 10px 0 10px 0; margin: 0; }
h6 { font-size: 12px; color:#3C3C3C; padding: 10px 0 10px 0; margin: 0; }
p { font-size: 16px; line-height: 22px; color: #3C3C3C; padding: 10px 0 10px 0; margin: 0; }
/*----------------------------------------------------------------------------------*/
::selection { background: #3C3C3C !important; color: #fff !important; text-shadow: none; }
::-moz-selection { background: #3C3C3C !important; color: #fff !important; text-shadow: none; }
/*----------------------------------------------------------------------------------*/ 
html { }
body { font-size: 14px; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #fff;  font-family: 'Work Sans', sans-serif;}
/* ---------------------------------------------------------------------------------*/ 
/* ----------------------- layout ----------*/
.wrapper { margin: 0 auto; overflow: hidden;}
.container { max-width: 1280px; width: 100%; } 
/*-------------------------------------------*/  
/* ==================== Loader content Start ==================== */
.loader { display: table; width: 100%; height: 100%; position: fixed; z-index: 99999999999999999999999; left: 0;top:0;background: #F1E3C7; }
.loaderin { width: 100%; height: 100%; display: table-cell; vertical-align: middle; margin: auto; }
.loader-circle {width: 49px; height: 49px; border-radius: 50%; margin: 0 auto; display: block; position: relative; vertical-align: middle;
background:#919E88; }
.loader-circle, .loader-circle:before, .loader-circle:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; }
.loader-circle:before, .loader-circle:after { width: 100%;  height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; }
.loader-circle { animation-name: cssload-loader; -o-animation-name: cssload-loader; -ms-animation-name: cssload-loader; -webkit-animation-name: cssload-loader; -moz-animation-name: cssload-loader; }  
@keyframes cssload-loader { from { transform: scale(0); opacity: 1; } to	 { transform: scale(1); opacity: 0; } } 
@-o-keyframes cssload-loader { from { -o-transform: scale(0); opacity: 1; } to	 { -o-transform: scale(1); opacity: 0; } } 
@-ms-keyframes cssload-loader { from { -ms-transform: scale(0); opacity: 1; } to	 { -ms-transform: scale(1); opacity: 0; } } 
@-webkit-keyframes cssload-loader { from { -webkit-transform: scale(0); opacity: 1; } to	 { -webkit-transform: scale(1); opacity: 0; } } 
@-moz-keyframes cssload-loader { from { -moz-transform: scale(0); opacity: 1; } to	 { -moz-transform: scale(1); opacity: 0; } }  
.form-control::-webkit-input-placeholder { color: #3C3C3C; }
.form-control::-moz-placeholder { color: #3C3C3C; }
.form-control:-ms-input-placeholder { color: #3C3C3C; }
.form-control:-moz-placeholder { color: #3C3C3C; }
/* ==================== Loader content End ==================== */  
/* ==================== my self ==================== */
.social-icon{    max-width: 86.29px; width: 100%; margin: 0 auto;}
.social-icon ul{     display: flex; align-items: center; justify-content: space-between;}
.mx-120{max-width:120px; width:100%;}
.banner-main { position: relative; display: block; }
/*.banner-main .cal-height{    height: calc(100vh - 0px); object-fit: cover; object-position: 100% 100%;}*/
.banner-inner-posb { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; place-items: flex-end; }
.banner-inner-box { width: 100%; max-width: 790px; margin: 0 auto; height: 100%; display: flex; align-items: flex-start; justify-content: center; }
.banner-inner-box .banner-log { text-align: center; padding-top: 79px; }
.banner-inner-box .banner-log h1 {     font-size: 34px;font-weight: 300;text-transform: uppercase;letter-spacing: 2.5px;
padding-top: 35px;padding-left: 7px;color: #fff; }
.banner-scroll { position: absolute; bottom: 46px; }
.download-app { max-width: 1041px; width: 100%; margin: 0 auto; }
.download-app .app-content { text-align: center; min-height: 446px; display: flex; align-items: center; flex-direction: column; justify-content: center; padding-top: 35px; }
.download-app .app-content h4 { font-size: 15px; font-weight: 400; line-height: 18px; color: #3C3C3C; letter-spacing: 2.25px; text-transform: uppercase; padding-bottom: 0px; }
.download-app .app-content h2 { font-size: 31px; font-weight: 400; line-height: 37px; color: #3C3C3C; letter-spacing: 4.65px; text-transform: uppercase; padding-bottom: 12px; padding-top: 8px; }
.download-app .app-content ul { padding-right: 10px; }
.download-app .app-content ul li { display: inline-block; padding-right: 24px; }
.app-image { max-width: 450px; width: 100%; margin: 28px auto 0 14px; }
.faq-banner { background: url(../images/FAQBanner.jpg) no-repeat; background-size: cover; background-position: 100% 100%; padding: 79px 0; }
.faq-gird { max-width: 1112px; width: 100%; margin: 0px auto; background: rgba(255,255,255,0.90); }
.faq-content { max-width: 751px; width: 100%; margin: 0 auto; padding-top: 64px; padding-bottom: 73px; }
.faq-content h3 { font-size: 25px; line-height: 29px; font-weight: 400; text-transform: uppercase; color: #3C3C3C; letter-spacing: 3.75px; padding-bottom: 3px; }
.faq-content h5 { font-size: 17px; line-height: 20px; font-weight: 600; color: #3C3C3C; padding-bottom: 0; }
.faq-content p { font-size: 15px; color: #3C3C3C; line-height: 18px; font-weight: 400; padding-top: 7px; padding-bottom: 3px; }
.faq-content a { font-size: 17px; font-weight: 600; line-height: 20px; color: #3C3C3C; text-decoration: underline !important; margin-top: 10px; display: block; }
.home-blog-gird { max-width: 846px; width: 100%; margin: 88px auto; }
.home-blog-gird .heading { text-align: center; padding-bottom: 24px; padding-left: 2px; }
.home-blog-gird .heading h2 { font-size: 25px; padding-bottom: 6px; line-height: 29px; font-weight: 400; letter-spacing: 3.75px; text-transform: uppercase; }
.home-blog-gird .heading a { font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: 2.25px; text-decoration: underline !important; color: #3C3C3C; text-transform: uppercase; }
.home-blog-column { position: relative; display: block; padding: 16px 0px; margin-bottom: 24px; }
.home-blog-column:after { background-color: rgba(241,227,199,0.77); content: ''; position: absolute; width: calc(100% - 220px); height: 100%; border-radius: 0px; left: auto; right: 0; top: 0%; bottom: 0; z-index: -1; }
.home-blog-column .blog-img { max-width: 320px; width: 100%; margin: 0; }
.home-blog-column .blog-content h3 { font-size: 25px; padding-bottom: 8px; font-weight: 400; line-height: 29px; letter-spacing: 3.75px; color: #3C3C3C; text-transform: uppercase; }
.home-blog-column .blog-content h4 { font-size: 17px; font-weight: 600; line-height: 20px; color: #3C3C3C; padding-top: 0px; padding-bottom: 8px; }
.home-blog-column .blog-content p { font-size: 15px; line-height: 18px; font-weight: 400; color: #3C3C3C; padding: 0px 0 4px; }
.home-blog-column .blog-content a { display: block; font-size: 14px; line-height: 16px; color: #3C3C3C; font-weight: 600; text-decoration: underline !important; }
.home-blog-box { padding-left: 9px; }
.blog-content { padding: 36px 45px 0 27px; }
.home-blog-box ul li:nth-child(even) .home-blog-column .row { display: flex; flex-direction: row-reverse; }
.home-blog-box ul li:nth-child(even) .home-blog-column:after { left: 0; right: auto; }
.home-blog-box ul li:nth-child(even) .home-blog-column .blog-img { margin: 0 0 0 auto; }
.home-blog-box ul li:nth-child(even) .home-blog-column .blog-content { padding: 36px 22px 0 76px; }
.contact-info { max-width: 1081px; width: 100%; margin: 0 auto; padding-bottom: 96px; }
.contact-info .row .col-md-6:last-child .contact-support-gird { margin: 0 0 0 auto; }
.contact-support-gird { max-width: 466px; width: 100%; margin: 0; padding-top: 5px; }
.contact-support-gird h5 { font-size: 17px; font-weight: 600; line-height: 20px; color: #3C3C3C; padding-bottom: 0px; }
.contact-support-gird h3 { color: #3C3C3C; letter-spacing: 4.65px; font-weight: 400; text-transform: uppercase; font-size: 31px; padding-top: 4px; }
.contact-support-gird .form-group { margin-bottom: 9px; }
.contact-support-gird textarea.form-control { height: 149px; resize: none; padding-top: 10px; }
.contact-support-gird .form-control { border-radius: 0; border: 0; height: 42px; background: #F7F7F7; font-size: 17px; font-weight: 600; line-height: 20px; color: #3C3C3C; padding-left: 15px; }
.contact-support-gird .btn-submit { background: #D6AB4A; border: 0; border-radius: 0; font-size: 17px; line-height: 20px; font-weight: 600; color: #fff; padding: 12px 18px 11px; transition: all .5s ease-in-out; }
.contact-support-gird .btn-submit:hover { color: #fff;  box-shadow: 0 0 0 .2rem rgba(214, 171, 74,.25)!important;
transform: scale(1.01); }
footer { background: #919E88; text-align: center; }
footer p { font-size: 12px; text-transform: uppercase; color: #fff; letter-spacing: 1.8px; padding-left: 3px; }
footer p a { color: #fff !important; }
.modal-backdrop { background-color: rgba(0, 0, 0, 0.2); }
body.modal-open .wrapper { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }
.faq-pop-gird .modal-dialog { max-width: 1002px; }
.faq-pop-gird .modal-content { border: 0; border-radius: 0; }
.faq-pop-gird .fag-popup-box a { font-size: 17px; font-weight: 600; line-height: 20px; color: #3C3C3C; text-decoration: underline !important; }
.faq-popup-content { max-width: 751px; width: 100%; margin: 11px auto 0 85px; padding-bottom: 27px; }
.faq-popup-content h3 { font-size: 25px; line-height: 29px; font-weight: 400; letter-spacing: 3.75px; text-transform: uppercase; padding-bottom: 0px; }
.faq-popup-content ul li h4 { font-size: 17px; line-height: 20px; font-weight: 600; padding-top: 9px; padding-bottom: 9px; }
.faq-popup-content ul li p { font-size: 15px; line-height: 18px; font-weight: 400; padding-top: 0px; padding-bottom: 2px; }
.blog-wrapper h6 { padding-bottom: 25px; }
.blog-wrapper h6 a { font-size: 17px; color: #3C3C3C; line-height: 20px; font-weight: 600; text-decoration: underline !important; }
.blog-wrapper { max-width: 1065px; width: 100%; margin: 40px auto 32px; }
.blog-wrapper .home-blog-box { max-width: 846px; padding-left: 0px; }
.blog-right-content { padding-top: 43px; padding-left: 4px;     max-width: 150px; width: 100%;}
.blog-right-content h2 { letter-spacing: 3.75px; font-size: 25px; font-weight: 400; line-height: 29px; text-transform: uppercase; color: #3C3C3C; border-bottom: 1px solid #D6AB4A; padding-bottom: 4px; margin-bottom: 11px; }
.blog-right-content ul li { padding-bottom: 10px; }
.blog-right-content ul li a { font-size: 15px; line-height: 18px; font-weight: 400; letter-spacing: 2.25px; color: #3C3C3C; }
.blog-inner .banner-log { padding-top: 61px; }
.blog-inner .banner-log h1 { padding-top: 17px; }
.blog-inner .banner-scroll { bottom: 28px; }
.pagination-list { margin-top: 39px; display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 13px; line-height: 23px; }
.pagination-list .btn { background: #ffff !important; border: 1.5px solid rgba(214, 171, 74,0.30) !important; padding: 3px 10px; font-size: 13px; line-height: 15px; color: #000; min-width: 41px; border-radius: 6px; margin-top: 1px; }
.pagination-list .ml-2 { margin-left: 4px !important; }
.pagination-list .ml-1.next-page { padding-left: 5px !important; }
.pagination-list-in { display: flex; flex-wrap: wrap; align-items: center; }
.pagination-list-in img { width: 6px; height: auto; }
.pagination-list-in .prev-page { transform: rotate(180deg); }
.pagination-list-in .disabled { opacity: 0.15; }
.blog-detail-wrapper .home-blog-column .blog-img { max-width: 100%; }
.blog-detail-wrapper .home-blog-column:after { display: none; }
.blog-detail-wrapper .blog-content { background: rgba(241,227,199,0.77); padding: 38px 47px 52px 45px; }
.blog-detail-wrapper .blog-content h4 { padding-bottom: 11px; }
.blog-detail-wrapper { margin: 40px auto 12px; }
.story-inner .cal-height{    height: 100vh;
object-fit: cover;
object-position: 100% 100%;}
#ourapp { position: relative;  } 

.home-middle-bg{    position: relative; display: block;}
.home-middle-bg img{  width: 100%;}
.home-middle-bg .home-middle-position{     position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0;     display: flex; align-items: center; justify-content: center;}
.home-content-grid .home-content-info:last-child{padding-bottom: 0px;}







/* ==================== Header Start ==================== */
/*.header-container{max-width: 1215px;}*/
.header{background-color:#fff; height: auto; position: fixed;top: 0; left: 0; right: 0; width: 100%; z-index:99;padding:18px 0px; transition: all 0.5s ease-in-out;} 
.headertoprgt {margin:0; transition: all 0.5s ease-in-out; }
.logo	{display:block;padding: 0;float:none;}
.logo img{transition: all 0.5s ease-in-out;max-width: 100%; width: 112px; height: auto; display: block; margin: 0;}
.header.sticky { transition: all 0.5s ease-in-out; padding: 20px 0 10px;} 
.header.sticky .logo img{width: 94px;transition: all 0.5s ease-in-out; height: auto;} 
.navbar-header{display: none;}
/*.head-login{width: 15%;text-align: right;margin: -8px 0 10px;}
.head-login ul li{display: block;margin: 0 0 0px;}
.head-login ul li a.login-link{color: #fff;font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; text-decoration: underline !important;}*/
/*.head-login .btn-pink-outline{width: 162px;padding: 14px 8px 12px;}*/
.header-space-grid{padding-top: 138px;}

.social-icons{    width: 11.5%;text-align: right;    padding-right: 10px;}
.social-icons li{display:inline-block;padding: 0 12px 0 0;}
/* ==================== Header ENd ==================== */

/* ==================== Navigation Start ==================== */
.mobilelist {display:none;}
.mobilelist .headertoprgt {display:none ;}  
.nav-brand-parent{display: flex; width: 100%;justify-content: space-between; align-items: center;}
.navigation{ position: relative; background-color: rgba(255, 255, 255, 0.69);} 
.navlist{width: 10%; display: inline-block; padding: 0 0 0 15px; position: relative;transition: all 0.5s ease-in-out;}
.navbar-default {width: 80%; display: inline-block; border: none; box-shadow: none; border-radius: 0; background: none;padding: 0 10px;transition: all 0.5s ease-in-out;} 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {background:none !important; box-shadow:none !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:none !important; box-shadow:none !important;}
.navbar-collapse{padding:0;}
.navbar-nav{     padding-right: 10px;display: flex; display: -webkit-flex; -webkit-justify-content: space-between;     justify-content: flex-end; width: 100%; align-items: center;}
.navbar-nav	li{display:inline-block; position:relative; vertical-align: middle; } 
.navbar-default .navbar-nav > li{text-align:center;  padding:0 0; float:none;}

.navbar-default .navbar-nav > li > a{font-family: 'Chantal';font-size:17px; font-weight: 500; display: block; line-height:20px; color:#3C3C3C;padding:10px 2px; text-shadow:none !important; text-transform: uppercase; transition:all ease-in-out 0.3s; letter-spacing:2.55px;}
.navbar-default .navbar-nav > li:hover > a{text-decoration: none !important;font-weight: 500;}

.navbar-default .navbar-nav > li.active > a {color:#fff;}
.navbar-default .navbar-nav > li > a:hover:after {visibility:visible; width:100%; opacity:1;} 
.navbar-default .navbar-nav > li > a:after	{content:''; display:none; width:5%; height:1px; background:#fff !important;  margin:6px auto 0; padding:0; visibility:visible; opacity:0; transition:all ease-in-out 0.3s; }
.navbar-nav > li.active > a:after {content:''; width:100%;  visibility:visible; opacity:1; } 
.navbar-default .navbar-nav li.active ul li a {color:#fff;}
.navbar-nav	li ul {width:155px; top:100%; left:0; box-shadow: none !important; position:absolute; /*display:none; */ padding:5px 0;
background:rgba(32,32,32,1); visibility:hidden;opacity:0;transform:translateY(25px); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; border-radius: 4px;}
.navbar-nav	li ul li {display:block; float:none; padding:2px 10px 2px 10px; text-align:left; }
.navbar-nav	li ul li a {font-size:14px; line-height:18px; font-weight: 400; color:#fff; padding:2px 0; display:block; letter-spacing: 1.4px; text-transform: uppercase;}
.navbar-nav	li ul ul {width:155px; top:0; left:155px; border-radius: 0; position:absolute; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important; display:none; background:rgba(36,36,36,0.9);  padding:0; }
.navbar-nav	li ul ul li {display:block; float:none; padding:0 5px; text-align:left;  line-height:21px;}
.navbar-nav	li ul ul li a {font-size:14px; line-height:18px;font-weight: 400; color:#fff;padding:8px 10px;display:block;letter-spacing: 1.4px;}
.navbar-nav	li ul li:hover{background-color: transparent; color:#fff; transition:all ease-in-out 0.5s;}
.navbar-nav	li ul li a:hover{opacity: 0.8;} 
/* .navbar-nav li span {background:url(../images/icon_plus_white.svg) no-repeat center; width:25px; height:25px; position:absolute; right:0px; top:5px; display:none; cursor:pointer;position:absolute;top: 0;display:none;cursor:pointer;width: 100%;left: auto; background-position: right;transition:all ease-in-out 0.3s;}
.navbar-nav li span.open {background:url(../images/icon_minus_white.svg) no-repeat center;transition:all ease-in-out 0.3s;    background-position: right;} */
.navbar-nav li span {background:url(../images/icon_plus_white.svg) no-repeat center; width:25px; height:25px; position:absolute; right:0; top:5px; display:none; cursor:pointer;}
.navbar-nav li span.open {background:url(../images/icon_minus_white.svg) no-repeat center;}
.navbar-toggle {float: none; display:block;margin:0 0 0 10px;border-color:#000000;padding:14px 10px;border-radius:50%; background:#000000;position:relative;outline:none!important; } 
.navbar-toggle .icon-bar:nth-child(2) {width: 20px;margin: 4px 0; right: 0;top: 1px;}
.navbar-toggle .icon-bar:nth-child(3) {width: 16px;top: 2px;}
.navbar-toggle .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px; position: relative; transition: all 500ms ease-in-out;background: #ffffff;}   
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} 
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent;} 
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; width: 22px !important; transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.navbar-toggle .sr-only { width:45px;text-align:center;height:auto;font-size:12px;line-height:12px;clip:inherit;position:absolute;left:-31px;top:15px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);text-shadow:inherit!important;color:#fff;font-weight:400; display: none;}




.home-content-grid{max-width: 571px;width: 100%;margin: 0px auto 10px;text-align: center;}
.home-content-info{    padding:0px 0 80px;}
.home-content-info h2{font-family: 'Chantal';letter-spacing: 4.65px;color: #61242A;line-height: 37px;padding: 0;font-size: 31px;}
.home-content-info p{font-size: 15px;color: #3C3C3C;    line-height: 18px; padding: 0; font-weight: 400;}

.app-content h2{font-family: 'Chantal';}
.download-app .app-content ul{    padding-right: 0;    margin: 0 -10px 0 0;}




@media(max-width:1200px) and (min-width:768px){
.download-app .app-content{min-height: 100%;}
}


@media (max-width: 1200px) { 
    .social-icons{padding-right: 0px;}
    .navbar-nav li:last-child ul {right:0; left:-55px;}
    .navbar-default .navbar-nav > li { padding: 8px 0;} 
    .navbar-nav li ul{left:0;}
    .navbar-nav li:hover ul {display:block;}  
  }


  @media (max-width: 1079px) {
    .header-space-grid{padding-top: 104px;}
    .headertoprgt {display:none;} 
    .mobilelist .headertoprgt {display:block;    width: 100%;} 
    .mobilelist {display:block;width: 60%;margin: auto;} 
    .collapse.navbar-collapse {display:none;}
    .navbar-default .navbar-collapse.show{ display: block !important;  transition: all ease-in-out 0.2s;  -o-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s;}
    .navbar-collapse { width: 100%; max-width: 100%; height: calc(100% - 104px); top: 70px; position: fixed; left: -100%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: rgba(32,32,32, 1); /* transform: translateX(-100%); */ border-top:1px solid #49365A; overflow-y: auto; overflow-x: hidden; padding: 0 15px; z-index: 9;}
    .navbar-collapse.show { left:0; transform: translateX(0%);} 
    .navbar-default .navbar-collapse{border:none; box-shadow:none;}  
    .header.sticky .navbar-collapse{top: 66px !important;}  
  
    .social-icons{text-align: center;}
    .navbar-nav {width:100%;max-width: 100%;margin:0 0 0;}
    .navbar-nav li{width:100%;} 
    .navbar-nav > li > a{padding:5px 3px !important;}
    .navbar-nav li span {display:block;}
    .navbar-nav li ul{ position:static;width:100% !important;padding:5px 0;visibility:visible;opacity:1;transform:none!important;   transition:none!important;display:none;}
    .navbar-nav li ul ul {position:static; width:100%; padding:5px 0;}
    .navlist {padding:5px 0px 5px;position:relative;z-index:9;display: flex;width: 100%;align-items: center;justify-content: space-between;-webkit-align-items: center;
    -webkit-justify-content: space-between; display: -webkit-flex;} 
    .logo img {width: 84px;}
    .header.sticky .logo img{width: 75px;}
    /* .logo_pos   {display:none !important;} */
    .navbar-header {display: block; padding: 0 0; margin: 0;} 
    .navbar-default .navbar-nav > li > a {text-align:center; display: block;color: #fff !important;} 
    .navbar-default .navbar-nav > li { padding: 15px 0; text-align:center;}
    .navbar-default .navbar-nav > li > a:after {display:none;}
    .navbar-nav li:hover ul {display:none;}
    .navbar-nav li ul {display:none;}
    /*.navbar-nav li ul ul {display:none !important;}*/
    .navbar-nav li ul li:hover ul{display:none;}
    .navbar-nav li ul li:hover{ color:#fff;} 
    .navbar-nav li:last-child {border:none;}
    .navbar-nav li ul li{padding: 0 5px 0 5px;} 
    .header.sticky .navlist{padding: 5px 0px;}
    .header.sticky{padding: 5px 0 5px;}
    .navbar{display: block;}  
    .header{background: rgba(255,255,255,1);padding: 5px 0 5px;}
    .nav-brand-parent{display: block;}
    .head-login{width: 100%;margin: 3px 0;text-align: center;}
    .head-login ul li{display: inline-block;padding: 0 10px;margin: 0;}
    .home-content-info {padding: 0px 0 50px;}
    .home-middle-bg{background-position: center center !important;}
  }
   
  @media(max-width:991px) and (min-width:768px){
    .contact-support-gird h3{font-size: 21px; letter-spacing: 3.15px;}
    .faq-content { padding: 35px; }
    .home-blog-column:after{width: calc(100% - 130px);}
    .blog-content, .home-blog-box ul li:nth-child(even) .home-blog-column .blog-content{    padding: 6px 5px;}
    
    .home-content-grid{margin: 0px auto 0px; max-width: 700px;}
    .home-content-info {padding: 0px 0 30px;}
    } 


@media(max-width:767px){
    .home-middle-bg img{display: none;}
    .home-middle-bg .home-middle-position{position: relative;}
    .home-middle-bg{    background: url(../images/WanderloreStamps.jpg) no-repeat; background-size: cover; padding: 35px 0;}
.banner-inner-box .banner-log h1{    font-size: 33px; letter-spacing: 4.95px; padding-left: 0px;}
.blog-inner .cal-height{    height: 400px; object-fit: cover;}
.pagination-list{margin-top: 15px;}
footer p{padding-left: 0px;}
.contact-info{padding-bottom: 30px;}
.faq-popup-content, .contact-info .row .col-md-6:last-child .contact-support-gird{margin: 0 auto;}
.faq-pop-gird{padding-right: 0px !important;}
.contact-support-gird{padding-bottom: 20px; margin: 0 auto;}
.blog-content, .home-blog-box ul li:nth-child(even) .home-blog-column .blog-content, .blog-detail-wrapper .blog-content{padding: 25px 10px; background: rgba(241,227,199,0.77);}
.home-blog-box{padding-left: 0px;}
.home-blog-column:after{display: none;}
.home-blog-column .blog-img{max-width: 100%;}
.home-blog-gird{    margin: 38px auto;}
.faq-content{padding: 25px;}
.download-app .app-content ul li{padding: 0px 5px;}
.download-app .app-content h2, .contact-support-gird h3{    font-size: 21px; letter-spacing: 3.15px;}
.app-image{margin: 28px auto 0 auto;}
.download-app .app-content{min-height: inherit;}
.download-app .app-content ul{padding-right: 0px;}
.download-app .row{    flex-direction: column-reverse;}
}