


@media (max-width:1599px){

	h1,.h1 { font-size:55px;}
	h2,.h2 { font-size:35px;}
	h3,.h3 { font-size:26px;}
	h4,.h4 { font-size:24px;}
	h5,.h5 { font-size:20px;}  
	h6,.h6 { font-size:18px;}

	

    .btn{padding: 16px 25px;font-size:18px;min-width: 146px;}

    .form-control::placeholder { font-size: 14px;}
	.form-control::-moz-placeholder { font-size: 14px;}
	.form-control:-ms-input-placeholder { font-size: 14px;}
	.form-control::-webkit-input-placeholder { font-size: 14px;}
	.form-control::-o-input-placeholder { font-size: 14px; }

	.form-control {font-size:14px;}

    /*==Banner==*/

	.offcanvas-main .head-title .h5{font-size:16px;}
	.offcanvas-main .head-title h2{font-size:26px;}
	.offcanvas-main .head-titlebtxt p{font-size:14px;margin-bottom:30px;}
	.offcanvas-form .form-btxt p{font-size:14px;}
	.offcanvas-form .submit-btn .btn{padding-top:18px;padding-bottom:18px;font-size: 16px;}
	.offcanvas-main{max-width:550px!important;}
	.offcanvas-main .offcanvas-body{padding:30px;}

	/*==Aboutus==*/

    /*==upgrade plan==*/

	.plan-top{padding:30px 30px 20px 30px;}
	.plan-bottom{padding:20px 30px 30px 30px;}
	.btn-outline{padding:15px;font-size:16px;}
	.btn1{padding:15px;font-size:16px;}
	.plan-save-p{padding:7px 15px;font-size:14px;}
	.plan-title-main{min-height:32px;}
	.plan-sub-txt p{font-size:16px;line-height:26px;}
	.plan-price-main h2{margin-top:10px;}
	.plan-feature-point li{font-size:14px;background-size:18px;margin-bottom:8px;padding-left:30px;line-height:24px;background-position: 0px 3px;}
	.plan-feature-point{margin-top:10px;}

	/*==app screenshot==*/

	.store-play-icon .sp-icon{width:35px;height:35px;}
	.store-play-icon .sp-icon:not(:last-child){margin-right:10px;}
	.app-screenshot-slider::before {top:-8px;}

	.benefits-col{margin-top:60px;}
	.benefits-col .benefits-col-head:before{width:7px;}
	.benefits-col .benefits-col-head h3 {font-size: 24px;}
	.benefits-col .benefits-col-head span.small-text {font-size: 18px; }
	.benefits-col p {font-size: 20px; }

	.app_features_info h3 {font-size: 24px; }
	.app_features_info .font-18 {font-size: 16px; }
	.app_features_info p {font-size: 16px;}

	.app_features-wrap .app_features_col{padding:20px;}
	.app_features-wrap .app_features_col .app_features_img img{margin-bottom:-10px;}

}

@media (max-width: 1499px) { 



	h1,.h1 { font-size:50px;}
	h2,.h2 { font-size:30px;}
	h3,.h3 { font-size:24px;}
	h4,.h4 { font-size:22px;}
	h5,.h5 { font-size:18px;}  
	h6,.h6 { font-size:16px;}	


	.btn{padding:16px 20px;font-size:17px;font-weight:bold;min-width:136px;}

	p{font-size: 18px;line-height:24px}

	.benefits-col .benefits-col-head h3 {font-size: 22px;}
	.benefits-col .benefits-col-head span.small-text {font-size: 16px; }
	.benefits-col p {font-size: 18px; }

	.app_features_info h3 {font-size: 22px; }
	.app_features_info .font-18 {font-size: 15px; }
	.app_features_info p {font-size: 15px;}

	/*==Banner==*/

	.offcanvas-main .head-title .h5{font-size:15px;}
	.offcanvas-main .head-title h2{font-size:24px;}
	.offcanvas-main .head-titlebtxt p{font-size:13px;}
	.offcanvas-form .form-btxt p{font-size:13px;}

	/*==Aboutus==*/

    /*==upgrade plan==*/

    /*==app screenshot==*/

    .store-play-icon .sp-icon{width:30px;height:30px;}
	
}

@media (max-width: 1399px) { 

	h1,.h1 { font-size:45px;}
	h2,.h2 { font-size:25px;}
	h3,.h3 { font-size:22px;}
	h4,.h4 { font-size:20px;}
	h5,.h5 { font-size:16px;}  
	h6,.h6 { font-size:14px;}

    .btn{padding:15px 20px;font-size:16px;min-width:126px;}

	p{font-size: 16px;line-height:20px;}


	/*==Banner==*/

    .offcanvas-form .submit-btn .btn{padding-top:16px;padding-bottom:16px;}

    .benefits-col .benefits-col-head h3 {font-size: 20px;}
	.benefits-col .benefits-col-head span.small-text {font-size: 14px; }
	.benefits-col p {font-size: 16px; }

	.app_features_info h3 {font-size: 20px; }
	.app_features_info .font-18 {font-size: 14px; }
	.app_features_info p {font-size: 14px;}

    /*==Aboutus==*/

    /*==upgrade plan==*/

	.plan-top{padding:15px 20px 20px 20px;}
	.plan-bottom{padding:15px 20px 20px 20px;}
	.plan-sub-txt p{font-size:14px;line-height:24px;}
	.btn-outline{padding:13px 15px;font-size: 14px;}
	.btn1{padding:13px 15px;font-size: 14px;}
	.plan-save-p{padding:6px 13px;font-size:13px;}
	.plan-feature-point li{font-size:13px;padding-left:25px;background-size:16px;line-height:22px;background-position:0px 4px;}
	.plan-title-main{min-height:30px;}
	.plan-card{border-radius:20px;}

    /*==app screenshot==*/

    .benefits-col .benefits-col-head:before{width:5px;}

}

@media (max-width: 1299px) { 

	h1,.h1 { font-size:40px;}
	h2,.h2 { font-size:23px;}
	h3,.h3 { font-size:20px;}
	h4,.h4 { font-size:18px;}
	h5,.h5 { font-size:15px;}  
	h6,.h6 { font-size:14px;}


	/*==Banner==*/

	/*==Aboutus==*/

    /*==upgrade plan==*/

	.plan-feature-point li{font-size:12px;padding-left:22px;background-size:15px;background-position:0px 3px;}
	.plan-sub-txt p{font-size:13px;line-height:22px;}
	.plan-save-p{padding:5px 12px;font-size:12px;}
	.plan-title-main{min-height:28px;}
	.btn-outline{padding:12px 15px;font-size:13px;}
	.btn1{padding:12px 15px;font-size:13px;}
	.plan-top{padding:15px 18px 18px 18px;}
	.plan-bottom{padding:15px 18px 18px 18px;}

    /*==app screenshot==*/

     .benefits-col .benefits-col-head h3 {font-size: 18px;}
	.benefits-col .benefits-col-head span.small-text {font-size: 14px; }
	.benefits-col p {font-size: 15px; }

	.app_features_info h3 {font-size: 18px; }
	


}

@media (max-width: 1199.98px) { 


	h1,.h1 { font-size:35px;}
	h2,.h2 { font-size:21px;}
	h3,.h3 { font-size:18px;}
	h4,.h4 { font-size:17px;}
	h5,.h5 { font-size:15px;}  
	h6,.h6 { font-size:14px;}

	p{font-size: 14px;line-height:20px;}


    .btn{padding:14px 18px;font-size:14px;min-width:120px;}

	.container {width: 94%; }


	/*==Banner==*/

    /*==Aboutus==*/

    /*==upgrade plan==*/

    .upgradeplan-main .chead-title .head-title h2{margin-bottom:10px;}
	
	/*==app screenshot==*/

    .app-screenshot-slider::before{width:33.333%;}
			
    .benefits-col .benefits-col-head h3 {font-size: 17px;}
    .app_features_info h3 {font-size: 17px; }

    .add-member-box {padding-bottom: 35px; }
    .benefits-col {margin-top:40px; }

}		




/*=========================================================
// Medium devices (tablets, less than 992px)
===========================================================*/

@media (max-width: 991.98px) 	{ 
	
	h1,.h1 { font-size:30px;}
	h2,.h2 { font-size:19px;}
	h3,.h3 { font-size:17px;}
	h4,.h4 { font-size:16px;}
	h5,.h5 { font-size:15px;}  
	h6,.h6 { font-size:14px;}	

	p{font-size: 14px;}

    .btn{padding:13px 20px;font-size:14px;}
  


    /*==Banner==*/

	.banner-txt-wrap{padding-top:0;padding-bottom:60px;}
	.banner-wrap{padding-top:150px;}
	.banner-txt-wrap .head-title h1{margin-bottom:20px;}
	.banner-txt-winner p{margin-bottom:20px;}
	.banner-img-wrap{text-align:center;}
	.c-sec{padding-top:60px;padding-bottom:60px;}
	.form-fname{background-position:0px 9px;}
	.form-email{background-position:0px 10px;}
	.form-pass{background-position:0px 9px;}
	.offcanvas-main .head-title .h5{font-size:14px;}
	.offcanvas-main .head-titlebtxt p{font-size:12px;}
	.offcanvas-form .form-btxt p{font-size:12px;}
	.offcanvas-form .submit-btn .btn{padding-top:15px;padding-bottom:15px;font-size: 14px;}
	.offcanvas-main .head-title h2{font-size:22px;}
	.chead-title .head-title h2{margin-bottom:20px;}
	.offcanvas-main .offcanvas-body{padding:25px;}

    /*==Aboutus==*/

	.aboutus-txt p:not(:last-child){margin-bottom:20px;}
	.chead-title .head-title h2{margin-bottom:25px;}

	/*==upgrade plan==*/
	
	/*==app screenshot==*/
	.benefits-col .benefits-col-head h3 {font-size: 16px;}
	.app_features_info h3 {font-size: 16px; }

	.face-c-bottom { padding: 20px; }
	.add-member-box { padding: 20px 30px 20px 30px; }
	.face-video { padding: 30px 30px 20px; }
	.app_features-wrap .app_features_col .app_features_img img {transform: unset;margin-bottom: -20px;}
}

/*=========================================================
// Small devices (landscape phones, less than 768px)
===========================================================*/

@media (max-width: 767.98px) {


	h1,.h1 { font-size:25px;}
	h2,.h2 { font-size:18px;}
	h3,.h3 { font-size:16px;}
	h4,.h4 { font-size:15px;}
	h5,.h5 { font-size:14px;}  
	h6,.h6 { font-size:14px;}	

	p{font-size: 14px;}


	/*==Banner==*/

	.c-sec{padding-top:45px;padding-bottom:45px;}
	.offcanvas-main .offcanvas-body{padding:20px;}
	.banner-wrap{padding-top:120px;}

	/*==Aboutus==*/

	/*==upgrade plan==*/

	.plan-card-main{margin:15px 0px;}
	.plan-top{min-height:auto;}

	/*==app screenshot==*/

	.app-screenshot-slider .slick-list.draggable{padding:0% 25%!important;}
	.app-screenshot-slider::before{width:100%;top: -6px;}


	.app-screenshot-slider button.slick-prev.slick-arrow{top:50%;transform:translateY(-50%);right:auto;left:17%;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);}
	.app-screenshot-slider button.slick-next.slick-arrow{top:50%;transform:translateY(-50%);left:auto;right:17%;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5);}


    .app-screen-sec-wrap{margin-top:45px;}

	.benefits-col{padding-left:15px;}
	.benefits-col .benefits-col-head:before{left:-15px;width:4px;}
	
	.row-chead-btn{margin-bottom:10px;}
	.benefits-col{margin-top:25px;}

	.app_features-wrap .app_features_col{flex-direction:column;}
	.app_features-wrap .app_features_col .app_features_info{width:100%;}
	.app_features-wrap .app_features_col .app_features_img{width:100%;}
	.app_features_info p{margin-top: 5px; margin-bottom: 30px;}

}

/*=========================================================
Extra small devices (portrait phones, less than 576px)
===========================================================*/
@media (max-width: 576px) { 


	h1,.h1 { font-size:23px;}
	h2,.h2 { font-size:17px;}
	h3,.h3 { font-size:16px;}
	h4,.h4 { font-size:15px;}
	h5,.h5 { font-size:14px;}  
	h6,.h6 { font-size:14px;}	

	.container{ width: 100%; padding-left:20px; padding-right:20px; }

	/*==Banner==*/

	/*==Aboutus==*/

	/*==upgrade plan==*/

	/*==app screenshot==*/

	.exp-interface-main .chead-title{padding-right:0px;margin-bottom:20px;}
	.exp-interface-main{justify-content:flex-start;flex-direction:column;align-items:flex-start;}
	.store-play-icon .sp-icon{width:25px;height:25px;}

}

/*=========================================================
Extra small devices (portrait phones, less than 567px)
===========================================================*/
@media (max-width: 567px) { 


	/*==Banner==*/

	/*==Aboutus==*/

	/*==upgrade plan==*/

	/*==app screenshot==*/

	.app-screenshot-slider button.slick-prev.slick-arrow{left:8%;}
	.app-screenshot-slider button.slick-next.slick-arrow{right:8%;}


}

/*=========================================================
Extra small devices (portrait phones, less than 480px)
===========================================================*/
@media (max-width: 480px) { 

	/*==Banner==*/
	
	/*==Aboutus==*/

	/*==upgrade plan==*/

	/*==app screenshot==*/

	.app-screenshot-slider button.slick-prev.slick-arrow{width:35px;height:35px;}
	.app-screenshot-slider button.slick-prev.slick-arrow::after{line-height:35px;padding-right:2px;font-size: 21px;}
	.app-screenshot-slider button.slick-next.slick-arrow{width:35px;height:35px;}
	.app-screenshot-slider button.slick-next.slick-arrow::after{line-height:35px;padding-left:2px;font-size: 21px;}

}



/*=========================================================
Extra small devices (portrait phones, less than 400px)
===========================================================*/
@media (max-width: 399px) { 

	/*==Banner==*/
	
	/*==Aboutus==*/

	/*==upgrade plan==*/

    /*==app screenshot==*/

    .app-screenshot-slider .slick-list.draggable{padding:0px 60px!important;}
    
	

}




