@media (max-width: 1399px) {
    .headercontainer .navigation .sf-menu > li{margin: 0px 44px;}
    .footercontainer .footernav ul li a{font-size: 16px;}
    .footercontainer .paymentimg span{font-size: 18px;}
    .pricingcontainer .pricingbtx .pricingtp h3 {
        font-size: 26px;
    }
    }
    @media (max-width: 1200px) {
        .pricingcontainer .pricingbtx .pricingtp h3 {
            font-size: 20px;
        }
    }
    @media (max-width: 1199px) {
    .headercontainer .navigation .sf-menu > li{margin: 0px 29px;}
    .bannercontainer .bannerlt h1{font-size: 30px; line-height: 38px; max-width: 333px; margin-bottom: 5px;}
    .theme-btn{font-size: 14px;}
    .default-btn{font-size: 14px;}
    .earncontainer .earnbtx{padding: 25px;}
    .earncontainer .earnbtx h3{font-size: 22px;}
    .siteheading h2{font-size: 44px;}
    .pricingcontainer .pricingbtx .pricingtp h3{font-size: 20px;}
    .pricingcontainer .pricingbtx .pricingtp{padding: 50px 45px 60px 30px;}
    .pricingcontainer .pricingbtx .pricingtp:after{border-width: 0px 131px 123px 0px;}
    .pricingcontainer .pricingbtx .pricingtp .priceb{font-size: 26px; bottom: -27px;}
    .pricingcontainer .pricingbtx .pricingbt{padding: 70px 64px 108px 30px;}
    .keybenifitscontainer .keybenifitsbx h3{font-size: 24px;}
    .appcontainer .appbx .appcontent h2{font-size: 38px; line-height: 46px;}
    .earncontainer .earnbtx i{font-size: 48px;}
    .keybenifitscontainer .keybenifitsbx{background: #fff; padding: 25px;}
    .keybenifitscontainer .keybenifitsbx i{width: 70px; height: 66px; font-size: 48px; line-height: 66px;}
    .keybenifitscontainer .keybenifitsbx i img{max-height: 60px;}
    .appcontainer .appbx .appcontent h2{font-size: 30px; line-height: 34px;}
    .appcontainer .appbx .appcontent p{font-size: 14px; margin: 0px 0px 15px 0px;}
    .appcontainer .appbx .appcontent .apstorebrtx .appiconbtx img{max-width: 120px;}
    
    }
    @media (min-width: 992px) {
    .NavBar{display: none;}
    .headercontainer .navigation .navuser{display: none;}
    .headercontainer.sticky{position: fixed; top: 0 !important; z-index: 99; left: 0; padding: 10px 0px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); -webkit-animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both; animation: stickySlideDown .65s cubic-bezier(.23,1,.32,1) both;}
    .headercontainer.sticky .navigationouter{border: none; margin: 0px; padding: 0px;}
    .headercontainer.sticky .navigationouter:after{display: none;}
    .headercontainer.sticky .logoouter .logo img{max-width: 204px;}
    .sf-menu ul {background: rgba(13, 82, 149, 0.87); min-width: 200px; width: 200px; display: none; margin: 0px; padding: 12px 0px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .sf-menu li:hover > ul, .sf-menu li.sfHover > ul{top: 100%; z-index: 9; display: block;}
    .headercontainer.sticky .navigation .sf-menu > li > a:after{bottom: -14px;}
    
    }
    @media (max-width: 991px) {
    .headercontainer{padding: 10px 0px;}
    .headercontainer.sticky{position: fixed; top: 0 !important; z-index: 99; left: 0; padding: 10px 0px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);}
    .headercontainer .headtop .logobx{float: left;}
    .headercontainer .logoouter .logo img{max-width: 170px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    .headercontainer.sticky .logoouter .logo img{max-width: 155px;}
    .headercontainer .navigation .NavBar{float: right; font-size: 26px; text-decoration: none; color: #080808;}
    .headercontainer .topmailbx{display: none;}
    .headercontainer .navigation .navigationbox{position: fixed; top: 0; padding: 0; height: 100%; left: 0; margin-left: -380px; background: #12B0FA; border: none; padding-top: 0px; max-height: 100%; overflow: auto; margin-right: 0; transition: all 0.3s; width: 380px; z-index: 99999;}
    .layout-expanded2 .headercontainer .navigation .navigationbox{margin-left: 0px;}
    .layout-expanded2{overflow: hidden;}
    .layoutovarlay2{position: fixed; z-index: 1000; top: 0; right: 0; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
    .layout-expanded2 .layoutovarlay2{display: block;}
    .headercontainer .navigation .navuser{float: left; width: 100%; padding: 30px 20px 20px 20px; text-align: center; position: relative; background: #0D5295; margin-bottom: 0px;}
    .headercontainer .navigation .navuser .userimg{position: relative; width: 90px; height: 90px; background: #fff; display: inline-block; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
    .headercontainer .navigation .navuser .userimg img{position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; text-align: center; vertical-align: middle; margin: auto; width: auto; max-width: 100%; max-height: 100%; padding: 0px;}
    .headercontainer .navigation .navuser h3{color: #fff; text-align: center; margin: 10px 0px 4px 0px; font-size: 19px; padding: 0px; text-transform: capitalize;}
    .headercontainer .navigation .navuser p{color: #a6e2ff; text-align: center; margin: 0px 0px 8px 0px; font-size: 13px; padding: 0px; font-weight: 400;}
    .headercontainer .navigation .sf-menu{padding-top: 10px;}
    .headercontainer .navigation .sf-menu > li{float: left; width: 100%; margin: 0px; padding: 0px;}
    .headercontainer .navigation .sf-menu > li + li{border-top: 1px solid #4dc6ff;}
    .headercontainer .navigation .sf-menu > li a{color: #beeaff; float: left; font-size: 16px; width: 100%; text-align: left; padding: 14px 30px; margin: 0px;}
    .headercontainer .navigation .sf-menu > li > a:after{display: none;}
    .headercontainer .navigation .sf-menu > li.active a{color: #fff;}
    .headercontainer .navigation ul .slidedown{position: absolute; right: 5px; top: 8px; z-index: 10; font-size: 13px; width: 30px; height: 30px; line-height: 30px; color: #fff; text-align: center; cursor: pointer;}
    .headercontainer .navigation ul .slidedown:after{font-family: 'FontAwesome'; content: "\f067";}
    .headercontainer .navigation ul .slidedown.slideup:after{font-family: 'FontAwesome'; content: "\f068";}
    .headercontainer .navigation ul li.parent:after{display: none;}
    .headercontainer .navigation ul li.active .slidedown.slideup:after{color: #fff;}
    .headercontainer .navigation ul li.active .slidedown:after{color: #fff;}
    .headercontainer .navigation ul li.parent > a:after{display: none;}
    .headercontainer .navigation ul li ul{display: none; position: static;}
    .headercontainer .navigation .sf-menu>li:hover a{color: #fff;}
    .headercontainer .navigation .sf-menu>li ul li a{padding: 8px 30px 8px 60px; font-size: 15px;}
    .headercontainer .navigation .sf-menu>li ul li a:before{left: 43px;}
    .headercontainer .navigationouter{padding: 0px; border: none;}
    .headercontainer .loginbtx{margin: 0px; padding: 0px 0px 0px 0px; }
    .headercontainer .loginbtx > i{display: none;}
    .headercontainer .loginbtx span{display: none;}
    .headercontainer .loginbtx a{color: #3dccb5; padding: 0px; margin-right: 15px; margin-top: 2px;}
    .headercontainer .navigationouter:after{display: none;}
    .headercontainer .navigation .sf-menu{width: 100%;}
    .bannercontainer .bannerinner > img{-webkit-border-radius: 0px; border-radius: 0px;}
    .bannercontainer .bannerlt h1{font-size: 36px; line-height: 42px;}
    .bannercontainer .bannerlt p{font-size: 15px; line-height: 22px; margin: 0px 0px 12px 0px;}
    .pricingcontainer .pricingbtx .pricingtp:before{display: none;}
    .pricingcontainer .pricingbtx .pricingtp:after{display: none;}
    .pricingcontainer .pricingbtx .pricingtp .priceb{position: sticky; text-align: center;}
    .pricingcontainer .pricingbtx .pricingtp{padding: 30px 20px 20px 20px;}
    .pricingcontainer .pricingbtx .pricingtp h3{text-align: center; margin-bottom: 10px;}
    .pricingcontainer .pricingbtx .pricingbt{padding: 20px 20px 85px 20px;}
    .pricingcontainer .pricingbtx .pricingbt ul li{font-size: 14px; line-height: 20px; padding: 0px 0px 0px 18px;}
    .pricingcontainer .pricingbtx .pricingbt ul li:before{font-size: 10px; top: 0px;}
    .pricingcontainer .pricingbtx .btngroup{bottom: 25px;}
    .pricingcontainer .siteheading h2 span:after{display: none;}
    .bannercontainer .bannerinner{z-index: initial;}
    .bannercontainer:after{top: 0px; height: 100%; background: rgba(0, 0, 0, 0.26);}
    .bannercontainer .bannercaption{z-index: 2;}
    .bannercontainer .bannerlt .apstorebx .appiconbtx img{max-width: 122px;}
    .keybenifitscontainer .owl-carousel .owl-stage{padding-left: 0px !important;}
    .siteheading h2{font-size: 30px;}
    .siteheading h3{font-size: 17px;}
    .siteheading p{font-size: 15px;}
    .pricingcontainer .pricingtp ul li{font-size: 16px; margin: 8px 10px;}
    .pricingcontainer .pricingtp ul li:before{top: 8px;}
    .pricingcontainer .owl-carousel .owl-stage{padding-left: 0px !important;}
    .appcontainer .appbx .appcontent{padding-left: 20px;}
    .footercontainer .footernav ul li{margin: 0px 16px 4px 0px;}
    .footercontainer .footernav ul li a{font-size: 14px;}
    .footercontainer{-webkit-border-radius: 0px; border-radius: 0px;}
    .staticpagebx h2{font-size: 28px;}
    .staticpagebx h3{font-size: 22px;}
    
    }
    @media (max-width: 767px){
    .bannercontainer .bannerlt h1{font-size: 26px; line-height: 36px;}
    .bannercontainer .bannerlt .apstorebx .appiconbtx img{max-width: 100px;}
    .earncontainer{padding: 30px 0px 10px 0px;}
    .pricingcontainer .pricingbtx .pricingtp h3{font-size: 22px;}
    .siteheading{padding-bottom: 20px;}
    .siteheading h2{margin: 0px 0px 10px 0px; font-size: 24px;}
    .siteheading h3{font-size: 14px; margin: 0px;}
    .siteheading p{font-size: 13px; margin: 0px;}
    .pricingcontainer .pricingtp ul li{font-size: 13px; margin: 5px 5px;}
    .pricingcontainer .pricingtp ul li:before{top: 6px;}
    .pricingcontainer{padding: 0px 0px 30px 0px;}
    .keybenifitscontainer .keybenifitsbx i{width: 60px; height: 54px; margin: 0px 0px 7px 0px;}
    .keybenifitscontainer .keybenifitsbx h3{font-size: 20px;}
    .keybenifitscontainer{padding: 20px 0px 30px 0px;}
    .appcontainer .appbx{-webkit-border-radius: 20px; border-radius: 20px;}
    .appcontainer .appbx .appcontent{padding-left: 0px;}
    .appcontainer .appbx{padding: 30px 20px 0px 20px}
    .appcontainer .appbx .appcontent h2{font-size: 20px; line-height: 26px;}
    .appcontainer .appbx .appcontent p{font-size: 14px; line-height: 20px;}
    .appcontainer .appbx .appcontent .apstorebrtx .appiconbtx img{max-width: 90px;}
    .keybenifitscontainer .owl-carousel .owl-nav{margin-top: 20px;}
    .keybenifitscontainer .owl-carousel .owl-nav .owl-next{width: 38px; height: 38px; line-height: 38px;}
    .keybenifitscontainer .owl-carousel .owl-nav .owl-prev{width: 38px; height: 38px; line-height: 38px;}
    .appcontainer{padding: 0px 0px 30px 0px;}
    .bannercontainer .bannerlt h4 {
        font-size: 28px;
        
    }
    .bannercontainer .bannerlt p {
        font-size: 14px;
        line-height: 20px;
    }
    }
    @media (max-width: 575px){
    .headercontainer .navigation .navigationbox{width: calc(100% - 50px); margin-left: -100%;}
    .bannercontainer .bannerinner > img{height: 200px; -webkit-object-fit: cover; object-fit: cover;}
    .headercontainer .logoouter{-ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px;}
    .bannercontainer .bannerlt h1{font-size: 22px; line-height: 30px; display: none;}
    .bannercontainer .bannerlt p{font-size: 14px; line-height: 20px;}
    .bannercontainer .bannerlt .apstorebx .appiconbtx img{max-width: 80px;}
    .appcontainer .appbx .appcontent{text-align: center;}
    .appcontainer .appbx .appcontent .apstorebrtx .appiconbtx{margin: 4px;}
    .footercontainer .paymentimg{text-align: center; padding-bottom: 15px;}
    .footercontainer .paymentimg span{display: block; padding: 0px 0px 10px 0px;}
    .footercontainer .footersocial .socialbtn span + span{display: none;}
    .footercontainer .footersocial .socialbtn{margin: 0px;}
    .footercontainer .footersocial{text-align: center; margin-bottom: 5px;}
    .footercontainer .footersocial .socialbtn{margin: 5px;}
    .footercontainer .footersocialouter{width: 100%;}
    .footercontainer .footernav{text-align: center;}
    .footercontainer .footernav ul li{margin: 0px 5px 5px 5px;}
    .footercontainer .copyright{text-align: center; font-size: 14px;}
    .footercontainer{padding: 30px 0px;}
    .footercontainer .paymentimg img{max-height: 32px;}
    .staticpagebx h2{font-size: 22px;}
    .staticpagebx h3{font-size: 18px;}
    .staticpagebx{padding: 20px 0px;}

    .bannerp2{
       display: none;
    }
   
    }
    
    @media (max-width: 480px){
        .bannercontainer .bannerlt p {
            font-size: 13px;
        }
        .bannercontainer .bannerlt h4 {
            font-size: 22px;
        }
    }

    @media (max-width: 380px){
        .bannercontainer .bannerlt p {
            font-size: 13px;
        }
        .bannercontainer .bannerlt h4 {
            font-size: 20px;
        }
    }