@media only screen and (max-width:1600px){
.btn-custom{height: 50px; line-height: 50px; font-size: 16px;}
.white-lrg-right-angle::after{border-bottom-width: 340px;}
.white-midium-left-angle::before{border-top-width: 340px;}
h2, .h2{font-size: 32px;}
h3, .h3{font-size: 24px;}
/*header css start*/
/*header css end*/
/*banner css start*/
.banner-content{width: 68%;}
.bnr-mobile-img{width: 30%;}
.banner-content h1{font-size: 56px;}
.bnr-stats{bottom: 0;}
/*banner css end*/
/*benifit css start*/
.benifit-section{padding-top: 315px; padding-bottom: 235px;}
/*benifit css end*/
/*feature css start*/
.feature-section .title-block{margin-top: -70px;}
/*feature css end*/
/*latest app start*/
.latest-app-section{ padding-top: 280px; padding-bottom: 324px;}
/*latest app end*/
/*footer start*/
.footer{padding-top: 260px;}
/*footer end*/
}

@media only screen and (max-width:1440px){
.container{padding-left: 35px; padding-right: 35px;}
h3, .h3{font-size: 22px;}
.white-midium-left-angle::before {border-top-width: 240px;}
.white-lrg-right-angle::after {border-bottom-width: 240px;}
/*header css start*/
/*header css end*/
/*banner css start*/
.banner-content{padding-top: 80px;}
.banner-content h1{font-size: 45px;}
.bnr-mobile-img img{max-width: 270px;}
.bnr-stats li{width: 110px; height: 110px; font-size: 13px; padding-top: 13px;}
.bnr-stats li i{font-size: 27px;}
.bnr-stats li span b{font-size: 15px;}
.bnr-stats li:nth-of-type(1) {margin-top: 0;margin-bottom: -27px;}
.bnr-stats li:nth-of-type(2) {margin-top: -55px;}
.bnr-stats li:nth-of-type(3) {margin-top: -108px;}
/*banner css end*/
/*about css start*/
.about-section .h2{font-size: 26px;}
/*about css end*/
/*benifit css start*/
.benifit-section{padding-top: 245px; padding-bottom: 145px;}
/*benifit css end*/
/*feature css start*/
.feature-section{padding-bottom: 50px;}
.feature-section .title-block{margin-top: -30px;}
.feaure-img{margin: 0;}
.feaure-img img{margin: 0;}
.feature-icon{width: 80px;}
.feature-text{width: calc(100% - 80px);}
.feature-text{padding-left: 27px;}
/*feature css end*/
/*latest app start*/
.latest-app-section{ padding-top: 225px; padding-bottom: 275px;}
.app-link li a i{font-size: 35px; margin-right: 15px;}
.app-link li a{font-size: 13px; line-height: 21px;}
.app-link li a span b{font-size: 20px;}
/*latest app end*/
/*pricing plan start*/
.pricing-plan-section{margin-top: -40px; padding-bottom: 40px;}
.price-col{margin-top: 65px;}
.plan-head{padding: 25px 20px;}
.plan-title{font-size: 20px;}
.plan-price strong{font-size: 50px;}
.price-col.lrg .plan-title{font-size: 22px;}
.price-col.lrg .plan-price strong{font-size: 60px;}
.price-col.lrg .plan-head{padding: 30px 20px;}
/*pricing plan end*/
/*app view start*/
.app-slide{margin-top: 40px;}
/*app view end*/
/*footer start*/
.footer{padding-top: 200px; padding-bottom: 80px;}
/*footer end*/
}

@media only screen and (max-width:1199px){
body{font-size: 15px;}
.btn-custom {height: 45px;line-height: 45px;font-size: 15px;}
h2, .h2{font-size: 28px;}
/*banner css start*/
.banner-content h1{font-size: 40px;}
/*banner css end*/
/*about css start*/
.about-section .btn-custom{margin-top: 5px;}
/*about css end*/
/*benifit css start*/
.benifit-section{margin-top: -100px;}
.benifit-block .icon{width: 80px;}
/*benifit css end*/
/*pricing plan start*/
.price-col{padding-left: 20px; padding-right: 20px;}
/*pricing plan end*/
/*app review start*/
.author-comment{font-size: 13px;}
.author-name{font-size: 20px;}
/*app review end*/
}

@media only screen and (max-width:991px){
.container{padding-left: 25px; padding-right: 25px;}
.white-midium-left-angle::before {border-top-width: 130px;}
.white-lrg-right-angle::after {border-bottom-width: 130px;}
.pad-ext-lr {padding-right: 15px;padding-left: 15px;}
/*header css start*/
.site-header .navbar-nav li{margin: 0 0 15px 0;}
.site-header .navbar-nav li:last-child{margin: 0;}
.navbar-toggler{padding: 0; border: none; width: 44px; height: 44px; border-radius: 0; position: absolute; right: 0; top: auto;}
.navbar-light .navbar-toggler-icon{ background: url('../images/nav-icon.png') no-repeat; width: 34px; height: 25px;}
.navbar-collapse{position: absolute; top: 100%; left: -25px; right: -25px; background: #040707; padding: 25px; z-index: 3; border-bottom: solid 2px #ffffff;}
/*header css end*/
/*banner css start*/
.banner-content{padding-top: 10px;}
.banner-content h1{font-size: 35px;}
.banner-content .btn-custom {margin-right: 15px;margin-top: 5px;}
.bnr-stats li{width: 90px; height: 90px; font-size: 12px; padding-top: 10px; border-width: 2px;}
.bnr-stats li i{font-size: 22px;}
.bnr-stats li span b{font-size: 13px;}
.bnr-stats li:nth-of-type(1) {margin-top: 0;margin-bottom: -27px;}
.bnr-stats li:nth-of-type(2) {margin-top: -28px;}
.bnr-stats li:nth-of-type(3) {margin-top: -55px;}
.btn-inline {width: 150px;}
/*banner css end*/
/*about css start*/
.about-section .btn-custom{margin-right: 15px;}
/*about css end*/
/*benifit css start*/
.benifit-section{margin-top: 0;padding-top: 185px;padding-bottom: 80px;}
/*benifit css end*/
/*feature css start*/
.feature-section .title-block{margin-top: 0;}
.feature-block.lrg-left{margin-left: 0;}
.feature-block.midium-left{margin-left: 0;}
/*feature css end*/
/*latest app start*/
.latest-app-section{margin-top: -40px;}
.latest-app-section {padding-top: 140px;padding-bottom: 140px;}
.app-link li {margin: 30px 10px 0;}
.app-link li a{font-size: 12px; line-height: 19px; padding: 6px 15px 10px;}
.app-link li a i {font-size: 28px;margin-right: 10px;}
.app-link li a span b{font-size: 16px;}
/*latest app end*/
/*pricing plan start*/
.pricing-plan-section{margin-top: 0;}
.price-col{margin-top: 40px;}
.plan-title{font-size: 18px;}
.plan-price{font-size: 16px;}
.plan-price strong{font-size: 42px;}
.price-col.lrg .plan-title{font-size: 20px;}
.price-col.lrg .plan-price{font-size: 18px;}
.price-col.lrg .plan-price strong{font-size: 52px;}
.plan ul{padding: 25px 15px;}
.plan ul li{font-size: 16px;}
/*pricing plan end*/
/*app view start*/
.app-img{max-width: 78%;}
/*app view end*/
/*footer start*/
.footer {padding-top: 125px;padding-bottom: 50px;}
.subsctiption-block{margin: 55px auto 0;}
.field-block{height: 45px;}
.field-block .btn-custom{height: 45px; padding: 0 30px; font-size: 14px;}
/*footer end*/
}

@media only screen and (max-width:767px){
.btn-custom {height: 40px;line-height: 40px;font-size: 14px;}
.white-midium-left-angle::before {border-top-width: 65px;}
.white-lrg-right-angle::after {border-bottom-width: 65px;}
.pad-tb50 {padding-top: 30px;padding-bottom: 30px;}
.site-header {padding: 10px 0;background: #040707;}
.navbar-brand img {max-width:44px;}
/*banner css start*/
.home-banner,.inner-bnr {padding-top: 100px;}
.bnr-stats{padding: 0; position: relative; margin-top: 15px;}
.bnr-stats li:nth-of-type(1) {margin-top: 30px;margin-bottom: -30px;}
.bnr-stats li:nth-of-type(2) {margin-top: 14px;margin-bottom: -14px;}
.bnr-stats li:nth-of-type(3) {margin-top: 0;}
.btn-inline {width: 140px;margin: 10px 10px 0 0;}
/*banner css end*/
/*about css start*/
.about-section{text-align: center;}
.about-section .img-block {margin: 0 auto 20px;display: block;text-align: center;}
.about-section .btn-custom{margin: 0 10px;}
/*about css end*/
/*benifit css start*/
.benifit-section {margin-top: 0;padding-top: 65px;padding-bottom: 80px;}
.benifit-block.second{margin-top: 20px;}
.benifit-block.third{margin-top: 20px;}
/*benifit css end*/
/*feature css start*/
.feature-section {padding-bottom: 50px;padding-top: 30px;}
/*feature css end*/
/*latest app css start*/
.latest-app-section {padding-top: 95px;padding-bottom: 95px;}
/*latest app css end*/
/*pricing plan start*/
.pricing-plan-section{padding-top: 30px;}
.price-col{width: 100%; padding-left: 0; padding-right: 0;}
.price-col.lrg{width: 100%;}
.price-col.lrg .plan ul li {margin-top: 5px;margin-bottom: 5px;}
/*pricing plan end*/
/*app view start*/
.app-view-section{margin-bottom: 0;}
/*app view end*/
/*footer start*/
.footer{padding-top: 90px;}
.contact-info{margin-top: 25px;}
.contact-form h3, .contact-info h3{margin-bottom: 20px;}
/*footer end*/
}

@media only screen and (max-width:679px){
.mrg-t50{margin-top: 25px;}
/*banner css start*/
.banner-content{width: 100%;}
.bnr-mobile-img {width: 100%;margin: 30px auto;max-width: 180px;}
.bnr-stats {position: relative;margin-top: 25px;left: auto;right: 0;}
.bnr-stats li:nth-of-type(1) {margin-top: 0;margin-bottom: 0;}
.bnr-stats li:nth-of-type(2) {margin-top: 0;margin-bottom: 0;}
.bnr-stats li:nth-of-type(3) {margin-top: 0;}
/*banner css end*/
/*benifit css start*/
.benifit-block .icon{width: 60px;}
/*benifit css end*/
/*feature css start*/
.feature-icon{width: 60px;}
.feature-text{width: calc(100% - 60px);}
/*feature css end*/
/*latest app css start*/
.app-link li{width: 100%; margin: 15px 0 0 0;}
.app-link li a{display: flex; justify-content: center; align-items: center;}
/*latest app css end*/
/*footer css start*/
.subsctiption-block {margin: 30px auto 0;}
/*footer css end*/
}

@media only screen and (max-width:575px){
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-bottom: 10px;}
p{line-height: 22px;}
.container{padding-left: 15px; padding-right: 15px;}
/*header start*/
.navbar-collapse{left: -15px; right: -15px;}
/*header end*/
/*banner css start*/
.banner-content h1{font-size: 28px;}
.banner-content .btn-custom{margin-right: 10px;}
/*banner css end*/
/*about css start*/
.about-section .btn-custom {margin: 0 5px;}
/*about css end*/
/*pricing plan css start*/
.pricing-plan-section .container {padding-left: 15px;padding-right: 15px;}
/*pricing plan css end*/
/*footer css start*/
.field-block .btn-custom{font-size: 12px; padding: 0 20px;}
.social-link li {margin-left: 5px;margin-right: 5px;}
/*footer css end*/
}