@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,700');

body{background-color: #221b2c; font-family: 'Lato', sans-serif;font-size: 16px;color:#535353;}

.se-pre-icon{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1000;background: url("../images/preloader.gif") center no-repeat #fff!important;background-size: 300px !important;opacity:1;}

.total_bg{background-color: #fff;height:auto;position: absolute;width: 100%;}

/*** Logo and Nav bar section css ***/
@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position:320px 0;}
}
.main_image{background-image: url(../images/bg.png);background-repeat:no-repeat;background-size: cover;background-color: #4c2f44;}
.stars{background-image:url(../images/star.png); background-repeat:repeat-x;animation: animatedBackground 30s linear infinite;}
.logo{margin:25px 0 25px 124.5px;width:150px;}
.navbar-nav {margin:13.5px 56px !important;}
.navbar-fixed-top.scrolled {background: rgba(30,24,39,.6);transition: background-color 200ms linear;}
.navbar-default{background:none;border:none;margin-bottom: 0px;float: right;}
.navbar-default .navbar-nav > li{padding:0 15px;}
.navbar-default .navbar-nav > li > a{color:#bababa;margin-top:8px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#ef6087;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #ef6087;
	background: none;
}
/*** Logo and Nav bar section css end ***/

/*** Main Heading Section css ***/
.heading h1{text-align:center;font-weight:bold;color:#fff;margin:-25% 0 0;font-size:78px;}
.heading h3{text-align:center;color:#ef5d7c;margin:20px 0;font-size:30px;}
.app_store{border:1px solid #ef5d7c;margin:1.4% 45% 25%; text-align: center;padding:10px;border-radius:25px;}
/*.app_store{border:1px solid #ef5d7c;margin:1.4% 45% 37.8%; text-align: center;padding:10px;border-radius:25px;}*/
.heading a{color:#f0f0f0;font-weight: bold;}
.heading a:hover{text-decoration: none;}
/*** Main Heading Section css end ***/

/*** Our App Section css ***/
.our_app h1{font-weight:bold;color:#3b3b3b;margin-left: 124px;}
.noteshelf-img {right: 0%;position: absolute;margin-top: -33%;}
.noteshelf{margin-top:15%;}
.noteshelf h1{font-size:70px;color:#31cbcf;text-align: right;font-weight: 900;}
.noteshelf h4{text-align: right;margin: 0;line-height: 30px;font-size:22px;color:#535353;/**width:468px;margin-left:-11%;**/}
.noteshelf p{text-align: right;margin: 0;line-height: 30px;font-size:20px;font-weight:bold;margin-top:15px;}
.noteshelf a{color:#3b3b3b;}
.noteshelf a:hover{text-decoration: none;}
.lone01{width:1px;border: 1px solid #757575; height:240px;margin:15px auto 0;}
.mrg_auto{margin:auto;}
.noteshelf img{margin-top:60px;}
.daily_note{margin-left:-15px;position: absolute;margin-top:56%;}
.dailynote{margin-top:51%;}
.dailynote img{margin-top:80%;margin-left:9.5%;}
.dailynote h1{font-size:70px;color:#28a1e6;margin-top:12.5%;font-weight: 900;}
.dailynote h4{margin: 0;line-height: 30px;font-size:22px;color:#535353;}
.dailynote p{line-height: 30px;font-size:20px;font-weight:bold;margin-top:20px;}
.dailynote a{color:#3b3b3b;}
.dailynote a:hover{text-decoration: none;}
.lone02{width:1px;border: 1px solid #757575; height:200px;margin: 95px auto 120px;}
.img01{display: block;}
.img02{display: none;}
/*** Our App Section css end ***/

/*** Our success section css ***/
.success{background-image:url(../images/successbg.jpg);background-repeat: no-repeat;background-size: cover;}
.success h1{color: #cfd2d5;float:right;margin-top:150px;font-weight: bold;margin-right:85px;}
.circleChart{margin-top:70px;}
.circleChart .box{width: 300px;text-align: center;position: absolute;top: 20%;left: 25%;color:#BEC4CA;}
.circleChart .box i{font-size:55px;}
.circleChart .box h2{color:#BEC4CA;font-size:80px;font-weight: bold;margin:8px;}
.circleChart .box h3{color:#BEC4CA;font-size:40px;font-weight: bold;margin:8px;}

.loading_para{font-size:20px;color:#8da3b0;margin-bottom:125px;padding:30px 40px 0;font-weight: bold;text-align: center;}
/*.loading_para{font-size:20px;color:#8da3b0;margin-bottom:250px;padding:0 40px;font-weight: bold;}*/
/*** Our success section css end ***/

/*** Testimonial section start ***/

.testimo h1{color:#3b3b3b; font-weight:bold;margin:80px 111px;}
.testimonial{margin: 20px 20px;padding: 30px;background:#fff;box-shadow:5px 5px 15px  #858585;height:450px;}
.testimonial .description{color: #535353;line-height: 1.4;position: relative;padding: 10px 0;margin-top:30px;font-size: 16px;}
.testimonial a{color: #f05b68;font-weight:bold;}
.testimonial a:hover{text-decoration: none;}
#testimonial-slider div.owl-item:nth-child(2n) .description:before{color: #ffd0d8;}
#testimonial-slider div.owl-item:nth-child(3n) .description:before{color: #dae0ff;}
.testimonial .testimonial-pic {float: left;width: 80px;height: 80px;margin-right: 20px;}
.testimonial .testimonial-pic img{width: 100%;height: auto;border-radius: 50%;}
.testimonial .testimonial-review{margin:22px 0 0 25px;}
.testimonial .testimonial-title{font-size:18px;font-weight: bold;margin:0;color:#3b3b3b;}
.testimonial .testimonial-review span{color: #a3a3a3;display: block;font-size: 13px;margin-bottom:5px;margin-top:7px;font-weight:bold;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #f05b68;}
.owl-theme .owl-controls .owl-page span{width: 10px;height:10px;background: #b0b0b0;opacity: 1;}
.owl-theme .owl-controls {text-align: center;margin-top:10px;}

/*** Testimonial section end ***/

/*** Press section start ***/
.press_bg{background-image:url(../images/press_bg.jpg); background-repeat: no-repeat;margin-top:5%;padding-bottom:10%; background-size: cover;}
.press_bg h1{color:#cfd2d5;float:right;margin-top:5%;font-weight: bold;margin-bottom:5%;margin-right:70px;}

.mar0 .col-md-2 {padding:0;}

/*** image01 section ****/
.nomal_view{background-color: #292137;width: 100%;height:350px;border: 1px solid #f05b68;border-left: none;padding:135px 35px;}
#box61{border-left: none;border-right: none;}

.zoom_animation {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.selection_view{background-color:#f05b68;width: 100%;height: 350px;border-radius: 5px;z-index: 2;
	-webkit-transition: all 100ms ease-in;-ms-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;box-shadow: 5px 5px 45px #252525;position: absolute;top:0;text-align: center;
	display: none;}

.selection_view img {padding:45px 40px 15px;}

.selection_view p {padding:10px 35px 0px;color: #fff;font-size: 16px;font-style: italic;font-weight: bold;text-align: center;
	line-height: 25px;}

.selection_view .para{font-size: 16px;font-weight: bold;text-align: center;margin-top:10px;}
.selection_view .para a{color:#b02d34;}

/*** imgae01 section ***/

.slideeffect{margin: 20px 2px;padding: 30px;background:#f05b68;height:400px;border-radius: 10px;box-shadow:3px 3px 8px #242424;}
.mrg_auto{margin:auto;}
.slideeffect .description{color:#fff;font-weight:bold;font-style: italic;margin-top:12%;font-size:17px;text-align: center;margin-bottom: 8%;
	line-height:30px;}
.slideeffect a{color:#b02d34;font-size:18px;font-weight:bold;}
.slideeffect a:hover{text-decoration: none;}
/*** Press section end ***/

/*** Award sectrion start ***/
.award{margin:50% auto 0;}
.award_down{margin:38% auto 0;}
.award1 h5 {text-align: center;color: #fff;position: absolute;top: 66%;left:40%;font-weight:bold;}
.award1 h3 {text-align: center;color: #fff;position: absolute;top: 70%;left: 26%;font-weight:bold;font-size:28px;}
.award1 p {text-align: center;color: #fff;position: absolute;top:88%;left: 40%;font-size: 14px;}

.award2 h5 {text-align: center;color: #fff;position: absolute;top: 66%;left:41%;font-weight:bold;}
.award2 h3 {text-align: center;color: #fff;position: absolute;top: 69%;left: 35%;font-weight:bold;font-size:28px;}
.award2 p {text-align: center;color: #fff;position: absolute;top: 87%;left: 37%;font-weight:bold;font-size: 12px;}
.award2 h4 {text-align: center;color: #fff;position: absolute;top: 90%;left:28%;font-size:14px;}

.award3 h5 {text-align: center;color: #fff;position: absolute;top: 66%;left:41%;font-weight:bold;}
.award3 h3 {text-align: center;color: #fff;position: absolute;top: 70%;left: 18.5%;font-weight:bold;font-size:28px;}
.award3 p {text-align: center;color: #fff;position: absolute;top:88%;left: 34%;font-size: 14px;}

.award4 h5 {text-align: center;color: #fff;position: absolute;top: 60%;left:41%;font-weight:bold;}
.award4 h3 {text-align: center;color: #fff;position: absolute;top: 65%;left: 20%;font-weight:bold;font-size:28px;}
.award4 p {text-align: center;color: #fff;position: absolute;top:88%;left: 40%;font-size: 14px;}

.award5 h5 {text-align: center;color: #fff;position: absolute;top: 60%;left:40%;font-weight:bold;}
.award5 h3 {text-align: center;color: #fff;position: absolute;top:65%;left: 24%;font-weight:bold;font-size:28px;}
.award5 p {text-align: center;color: #fff;position: absolute;top:88%;left: 28%;font-size: 14px;}
.mrg_top{margin-top:10%;}
.awards{margin:20% auto 0;}
/*** Award sectrion end ***/

/*** Footer section start ***/
.footer_bg{background-color:#221b2c; padding:10px 10px 5px 10px;font-size:13px;}
.footer_logo{margin:0 117px;width:100px;}
.footer_bg .copy_right{color:#fff;padding-top:10px;text-align:center;}
.footer_bg .copy_right span{color:#ef5e7e;}
.footer-menu{color:#fff;margin-top:10px;margin-left:85px;}
.footer-menu p{ display: inline;margin-left:20px;}
.footer-menu p span{margin-left:20px;}
.footer-menu a{color:#fff;}
.footer-menu a:hover{color:#fff;text-decoration:none;}
/*** Footer section end ***/


@media (min-width: 768px) and (max-width:1024px){
	.logo {margin: 15px 0 0 17px;}
	.navbar-nav {margin: 7.5px 0px !important;}
	.navbar-default .navbar-nav > li{padding:0 0px; margin-top:0px;}
	.pad-left{margin-left:250px;}
	.heading h1{margin:32% 0 0;font-size:40px;}
	.app_store{margin:0% 40% 25%;}
	.our_app h1{margin-top:10%;margin-left: 28px;font-size:26px;}
	.lone01 {height:210px;}
	.noteshelf h1{font-size: 40px !important;}
	.noteshelf img {margin-top:0;}
	.noteshelf-img {margin-top: -55% !important;}
	.dailynote h1 {font-size: 35px !important;}	
	audio, canvas, progress, video {width: 220px;}
	.circleChart .box{left:19%;width:140px}
	.circleChart .box i{font-size: 30px;}
	.circleChart .box h2 {font-size: 50px;}
	.circleChart .box h3 {font-size: 25px;}
	.loading_para{margin-top:10px;}	
	.testimo h1{margin-left: 15px;font-size:26px;margin-top:50px;}	
	.success h1 {margin-top: 50px;margin-right:15px;font-size:26px;}
	.testimonial{height:460px;}	
	.press_bg{padding-bottom:7%;}
	.press_bg h1{margin-right:0px;font-size:26px;}	
	
	.award {margin: 20% auto 0;}	
	.footer-menu{margin-left:0px;}
	.footer_logo{margin:5px auto 0; width:75px;}
	
	.footer-menu p{ display: inline;margin-left:2px;}
	.footer-menu p span{margin-left:2px;}
	.footer_bg .copy_right {padding-top: 5px;font-size: 12px;}	
	
	.nomal_view{padding:145px 40px;border-left:1px solid #f05b68;}
	.nomal_view img{max-width:100%;}
	
	.selection_view{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);
		transform: scale(1.1);-webkit-transition: all 100ms ease-in;-ms-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;transition: all 200ms ease-in;box-shadow: 5px 5px 45px #252525;position: relative;top:0;
		text-align: center;}
	
	.selection_view img {padding:25px 40px 15px;}
	#box11, #box21, #box31, #box41, #box51, #box61{border-left:none;}
	#box31, #box61{border-right:none;}
	#box41, #box51, #box61{border-top:none;}
}

@media (max-width: 480px){	
	#particles-js{width:100%;height:350px;}	
	.logo {margin: 10px 0 25px 10px;}	
	.navbar-default .navbar-toggle {border-color: #ddd;margin-right:23px;margin-top: 17px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{background: rgba(30,24,39,.9);margin-top:10px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
	.navbar-right{margin-right:-15px;}
	.navbar-nav {margin: 2px 110px !important;}
	.navbar-default .navbar-nav > li{width:180px;}
	.navbar-default .navbar-nav > li > a{margin-top:2px;}
	.heading h1 {font-size: 20px !important;margin-top: -80% !important;}	
	.app_store{margin:5% 25% 80% !important;font-size:12px;}
	.heading h3{font-size:15px !important;}
	.our_app h1{font-size:24px;text-align: center;margin-left: 0;}
	.noteshelf img {margin-top: -177% !important;width: 36%;margin-left:auto;}
	.noteshelf h1 {font-size: 30px !important;text-align:center;margin-top: 33%;}
	.noteshelf h4 {text-align: center;font-size: 16px;margin-top: 106%;line-height: 26px;color: #000;/**width:auto;margin-left:0;88**/}
	.noteshelf-img {margin-top: -106% !important;position: absolute;width: 57%;left:0;right:0;margin-left:auto;margin-right:auto;}
	.noteshelf p{text-align:center;font-size:16px;color:#000;margin-top:0;}	
	.img01{display: none;}
	.img02{display: block;}	
	.img01_01{display: none;}
	.img02_02{display: block;}	
	.dailynote img {margin-top: -25% !important;width: 34%;margin-left:auto !important;}
	.dailynote h1 {font-size: 30px !important;text-align: center;margin-top:5% !important;}
	.daily_note {position: absolute;margin-top:55% !important;width: 71%;	margin: 57% auto 0 13%;}
	.dailynote h4 {margin-top: 62%;	font-size:16px;color: #000;line-height: 26px;text-align: center;}
	.dailynote p{text-align:center;font-size:16px; color:#000;margin-top:0;margin-bottom:16%;}	
	.success {background-image: url(../images/successbg.jpg);}
	.success h1{margin:0;text-align:center;}
	.success h1 {margin:15% 0 5%;text-align: center;float: none;font-size:24px;}
	.loading01 {margin:5% auto 0;width: 60%;}
	.loading_para{margin:0px;padding:0 !important;font-size:16px;text-align:center;color:#8da3b0;margin-bottom:50px;}	
	.testimo h1{font-size:24px;margin:40px 0 0 0;text-align: center;line-height:38px;}	
	.testimonial{margin:30px 20px;}
	.owl-theme .owl-controls {margin-bottom: 26px;}	
	.slideeffect{margin:0 10px;}
	.press_bg h1{font-size:24px;margin:40px 0; float:none;text-align:center;}
	.press_bg{background-color: #402d43;background-image:none;}	
	.awards {margin:8% auto 0;max-width:90%;}
	.mrg_top{margin-top:0%;margin-bottom:15%;}	
	.footer_logo{margin:auto;}
	.footer_bg .copy_right{margin-left:0;}
	
	
}

@media(max-width:2566px) and (min-width:2000px){	
	#particles-js{width:100%;height:1100px !important;}
	.pad-left{margin-left:440px;}
	.main_image{height:1381px;}
	.stars{background-image: url(../images/lgscreen/stars.png);}
	.daily_note {margin-top:36%;}
	.dailynote {margin-top:34%;padding-bottom: 40%;}
	.noteshelf h4{width:auto;margin-left:0;}
	.lone02 {margin: 155px auto 120px;}
	.dailynote h1 {margin-top: 16%;}	
	.circleChart .box{left:29%;width:347px;top:21%;}
	.circleChart .box i{font-size: 50px;}
	.circleChart .box h2 {font-size: 85px;}
	.circleChart .box h3 {font-size: 45px;}	
	.loading01 {margin-left: 24%;margin-top: 16%;}	
	.success{background-image:url(../images/lgscreen/successbg2056.jpg);background-repeat: no-repeat;}
	.press_bg{background-image:url(../images/lgscreen/lg_bg_3.jpg);background-repeat: no-repeat;}
	
	.nomal_view{padding:135px 80px;}
	.nomal_view img{max-width:100%;}
	.selection_view img {padding:40px 80px 15px;max-width:100%;}
	
}

@media (max-width:1366px){
	.heading h1{font-size:50px;}
	.lone01 {margin: auto;}
	.noteshelf img {margin-top:0px;}
	.loading_para {padding: 0 20px;}	
	
	.footer_bg .copy_right{margin-left:0%;}
	
}

@media(min-width:481px) and (max-width:768px){
	.navbar-default .navbar-toggle {margin-top: 30px;margin-right: 54px;}
}

@media(min-width:1361px) and (max-width:1800px){
	.heading h1 {margin: -28% 0 0;}	
	#particles-js{height:650px !important;}	
	.app_store {margin: 2% 42% 27%;}
	.noteshelf h1 {font-size: 53px;}
	.lone01 {margin:auto;}
	.noteshelf img {margin-top: 0px;}
	.lone02 {margin: 10px auto 120px;height: 165px;}
	.dailynote h1 {font-size: 50px;margin-top: 0;}
	.dailynote img {margin-top: 54%;}
	
}

@media(min-width:1029px) and (max-width:1153px){
	.navbar-nav {margin: 13.5px 20px !important;}
}

@media screen and (min-width:980px) and (max-width:1000px){	
	.heading h1 {margin: 24% 0 0;}
	.noteshelf img {margin-top:0;}
}

@media(max-width:1280px) and (min-width:600px){
	.loading_para {padding: 0;font-size: 17px;}
}

@media(min-width:1020px) and (max-width:1279px){
	.heading h1 {margin: 23% 0 0;}
	.app_store {margin: 2% 40% 28%;}
	.noteshelf img {margin-top: 0 !important;position: absolute;}
	.lone01 {height: 176px;}	
	audio, canvas, progress, video {width: 220px;}	
	.testimo h1{margin-top:50px;}
	.testimonial {height: 500px;}
	.testimonial .testimonial-title {font-size: 14px;}
	.slideeffect {height: 380px;margin: 0 4%;}	
	.img01_01{display: none;}
	.img02_02{display: block;}
}

/*** Media Quaries ***/
@media(min-width:359px) and (max-width:479px){
	#particles-js{width:100%;height:600px;}
	.heading h1 {margin-top:-110% !important;}
	.app_store {margin: 5% 25% 120% !important;font-size: 12px;}
}

@media(min-width:400px) and (max-width:479px){	
	#particles-js{width:100%;height:400px;}
	.heading h1 {margin-top:-80% !important;}
	.app_store {margin: 5% 25% 120% !important;font-size: 12px;}	
}
	
@media(min-width:1453px) and (max-width:1800px){	
	#particles-js {height:900px !important;}
	.heading h1{font-size:50px;line-height:30px;margin-top:-38%;}
	.app_store {margin:2% 42% 43%;padding:6px;font-size:18px;}	
	.our_app h1{margin-top:0;margin-left:28px;font-size:35px;}
	.our_app h1{margin-top:0;}
	.heading h3{font-size:28px;margin-top:30px;}	
	.noteshelf img{margin-top:40px;}
	.lone01{height:200px;margin-top:20px;}	
	.dailynote{margin-top:70%;}	
	.dailynote h1{margin-top:0px;font-size:50px;}
	.lone02{height:165px;margin-top:8px;}
	.dailynote img {margin-top:39px;}
	.daily_note {margin-top:77%;}
	.success h1 {margin-top: 50px;margin-right:85px;font-size:30px;}
	
	.circleChart .box {left: 20%;margin-top: 0%;}
	.circleChart .box i{font-size:50px;}
	.circleChart .box h2 {font-size:70px;}
	.circleChart .box h3 {font-size:45px;}
	
}

@media(min-width:1280px) and (max-width:1452px){	
	#particles-js {height: 750px !important;}
	.heading h1{font-size:50px;line-height:30px;margin-top:-30%;}
	.app_store {margin:2% 43% 38%;padding:6px;font-size:16px;}	
	.our_app h1{margin-top:0;margin-left:28px;font-size:35px;}
	.noteshelf h1{font-size:50px;}
	.noteshelf img{margin-top:80px;}
	.lone01{height:190px;margin-top:30px;}	
	.noteshelf h4{font-size:20px;}
	.dailynote{margin-top:50%;}	
	.dailynote h1{margin-top:0px;font-size:50px;}
	.lone02{height:165px;margin-top:8px;}
	.dailynote img {margin-top:39px;}
	.daily_note {margin-top:52%;}		
	audio, canvas, progress, video {width: 250px;}
	.loading_para{margin-top:20px;}		
	.success h1 {margin-top: 50px;margin-right: 85px;font-size:30px;}
	
	.circleChart .box {left:16%;margin-top:0%;}	
	.circleChart .box i{font-size: 35px;}
	.circleChart .box h2 {font-size: 55px;}
	.circleChart .box h3 {font-size: 30px;}		
	
	.nomal_view{padding:155px 20px;margin-top:20%;}
	.nomal_view img{max-width:100%;}
	.selection_view {margin-top:20%;}
	.selection_view img {padding:20px 30px 15px;max-width:100%;}
}

@media(max-width:1279px) and (min-width:1212px){	
	#particles-js {height: 700px !important;}
	.heading h1{font-size:50px;line-height:30px;margin-top:-30%;}
	.app_store {margin:2% 40% 43%;padding:6px;font-size:16px;}	
	.logo {margin: 25px 0 25px 80px;width: 150px;}	
	.our_app h1{margin-top:0;margin-left:28px;font-size:35px;}	
	.our_app h1{margin-top:0;}
	.lone01{height:210px !important;margin-top:25px !important;}
	.noteshelf img{margin-top:60px !important;}
	.noteshelf h1{font-size:40px;}	
	.dailynote{margin-top:60%;}
	.dailynote h1{margin-top:15px;font-size:37px;}
	.lone02{height:180px;margin-top:8px;}
	.dailynote img {margin-top:39px;margin-left: -20px;width: 100%;position: absolute;}
	.daily_note {margin-top:74%;}
	.success h1 {margin-top: 50px;margin-right:85px;font-size:30px;}
	.testimo h1{font-size:30px;margin:55px 35px 25px;}
	
	.circleChart .box {left:10%;margin-top:0%;}	
	.circleChart .box i{font-size: 30px;}
	.circleChart .box h2 {font-size: 50px;}
	.circleChart .box h3 {font-size: 25px;}
}

@media(min-width:1020px) and (max-width:1211px){
	#particles-js {height: 700px !important;}	
	.logo {margin: 25px 0 25px 20.5px;width: 150px;}	
	.navbar-nav {margin: 13.5px 0px !important;}
	.our_app h1{margin-top:0;margin-left:28px;font-size:35px;}
	.heading h1{font-size:42px;line-height:30px;margin-top:-37%;}
	.heading h3{font-size:28px;margin-top:20px;}
	.app_store {margin:2% 40% 43%;padding:6px;font-size:16px;}	
	.noteshelf img{margin-top:75px !important;}
	.lone01{height:205px;margin-top:30px;}
	.noteshelf h4{font-size:21px;}
	.noteshelf h1{font-size:37px;}	
	.dailynote{margin-top:50%;}
	.dailynote h1{margin-top:0;font-size:37px;}
	.lone02{height:180px;margin-top:8px;}
	.dailynote img {margin-top:39px;margin-left: -25px;width: 100%;position: absolute;}
	.daily_note {margin-top:73%;}	
	.success h1 {margin-top: 50px;margin-right: 15px;font-size: 26px;}
	.testimo h1{font-size:26px;margin:55px 5px 25px;}
	.testimonial {height: 500px;}	
	.circleChart .box {left:7%;margin-top: 0%;}
	.circleChart .box i {font-size: 35px;}
	.circleChart .box h2 {font-size: 50px;}
	.circleChart .box h3 {font-size: 25px;}	
	.loading_para{margin-top:20px;}
}

@media(min-width:1020px) and (max-width:1024px){	
	.circleChart .box {left:26%;}
}

@media(min-width:992px) and (max-width:1019px){	
	#particles-js{width:100%;height:700px !important;}	
	.our_app h1{margin-top:0;}
	.heading h1{font-size:36px;line-height:30px;margin-top:-35%;}
	.heading h3{font-size:23px;margin-top:15px;}
	.app_store {margin:2% 40% 50%;padding:6px;font-size:16px;}	
	.noteshelf img{margin-top:110px;}
	.noteshelf h1{font-size:37px !important;}
	.lone01{height:238px;margin-top:24px;}	
	.dailynote{margin-top:30%;}
	.dailynote h1{margin-top:0;}
	.lone02{height:180px;margin-top:8px;}
	.dailynote img{margin-top:65px;margin-left:0;}
	.daily_note {margin-top:35%;}	
	.testimo h1{font-size:26px;margin:55px 5px 25px;}
	.testimonial {height: 500px;}
	.img01_01{display: none;}
	.img02_02{display: block;}	
	.circleChart .box {left:26%;}
}

@media(min-width:881px) and (max-width:991px){	
	#particles-js{width:100%;height:600px !important;}	
	.our_app h1{margin-top:0;}
	.heading h1{font-size:36px;line-height:30px;margin-top:-40%;}
	.heading h3{font-size:23px;margin-top:15px;}
	.app_store {margin:2% 40% 45%;padding:6px;font-size:16px;}	
	.noteshelf img{margin-top:65px;}
	.lone01{height:210px;margin-top:25px;}	
	.dailynote{margin-top:50%;}
	.dailynote h1{margin-top:0;}
	.lone02{height:208px;margin-top:8px;}
	.dailynote img{margin-top:35px;margin-left:0;}
	.daily_note {margin-top:90%;}	
	.testimo h1{font-size: 26px;margin:55px 5px 25px;}
	.circleChart .box {left: 24%;}
}

@media(max-width:768px){	
	#particles-js{height:560px !important;}	
	.our_app h1{margin-top:0;}
	.heading h1 {font-size: 33px;line-height: 30px;margin-top: -40%;}
	.heading h3{font-size:25px;margin-top:15px;}
	.app_store {margin: 2% 38% 45%;padding:5px;font-size:16px;}
	.noteshelf img{margin-top:85px;}
	.lone01{height:238px;margin-top:25px;}	
	.dailynote{margin-top:30%;}
	.dailynote h1{font-size:35px;margin-top:0;}
	.lone02{height:208px;margin-top:8px;margin-bottom:77px;}
	.dailynote img{margin-top:50px;margin-left:0;}
	.daily_note {margin-top:65%;}	
	.testimo h1{font-size: 26px;margin:55px 5px 25px;}
}

@media(min-width:769px) and (max-width:880px){	
	#particles-js{width:100%;height:650px !important;}
	.our_app h1{margin-top:0;}
	.heading h1{font-size:33px;line-height:30px;margin-top:-50%;}
	.heading h3{font-size:22px;margin-top:15px;}
	.app_store {margin: 2% 40% 55%;padding:5px;font-size:14px;}
	.noteshelf{margin-top:6%;}
	.noteshelf img{margin-top:72px;}
	.lone01{height:210px;margin-top:25px;}
	.noteshelf-img {margin-top: -40% !important;}	
	.dailynote{margin-top:40%;}
	.dailynote h1{margin-top:0;}
	.lone02{height:208px;margin-top:8px;}
	.dailynote img{margin-top:45px;margin-left:0;}
	.daily_note {margin-top:84%;}	
	.testimo h1{font-size:26px;margin:55px 5px 25px;}
}

@media(min-width:481px) and (max-width:767px){	
	#particles-js{width:100%;height:850px;}
	.heading h1{font-size:23px;line-height:30px;margin-top:-80%;}
	.heading h3{font-size:18px;margin-top:5px;}
	.app_store {margin: 2% 35% 80%;padding:5px;font-size:14px;}	
	.our_app h1{margin-left:0;text-align:center;margin-top:30px;font-size:30px;}
	.noteshelf{margin-top:0;}
	.noteshelf h1{margin-top:4%;text-align:center;font-size:40px;}
	.noteshelf h4, .noteshelf p{text-align:center}	
	.noteshelf img{margin-top:20px;width:25%;}	
	.noteshelf-img{max-width:50%;position: relative;margin:20px auto;}	
	.dailynote{margin-top:0;}
	.dailynote img{width:25%;margin:20px auto;}
	.dailynote h1{text-align:center;font-size:40px;margin-top:0px;}
	.dailynote h4{text-align:center;}	
	.dailynote p{text-align:center;margin-top:10px;margin-bottom:55px;}	
	.daily_note {margin: 10px auto 0;position: relative;max-width: 100%;}	
	.loading01{margin-top:5%;}
	.loading_para{margin-bottom:40px;}	
	.success h1{text-align:center;font-size:30px;margin-top:50px;margin-right:0;float: none;}
	.testimo h1{text-align:center;font-size: 30px;margin:60px 0 30px;}	
	.img01{display:none;}
	.img02{display:block;}	
	.testimonial{height:auto;}
	.mrg_top{margin:15% 0;}
	.awards{max-width:70%;margin:5% auto 5%;}	
	.footer_logo{margin:1% auto 0;}
}

@media(min-width:551px) and (max-width:767px){	
	#particles-js{width:100%;height:600px !important;}
	.heading h1{font-size:23px;line-height:30px;margin-top:-60%;}
	.heading h3{font-size:18px;margin-top:5px;}
	.app_store {margin: 2% 35% 80%;padding:5px;font-size:14px;}
}

@media(min-width:200px) and (max-width:358px){	
	#particles-js{height:500px !important;}
	.heading h1{margin-top:-110% !important;}
	.app_store {margin: 5% 25% 120% !important;}
	.noteshelf img{margin-top: -197% !important;}	
	.noteshelf-img {margin-top: -111% !important;}
}

@media(min-width:100px) and (max-width:359px){	
	audio, canvas, progress, video {width: 250px;}	
	.loading_para{margin-top:10px;font-size:18px;}
	.testimonial {height: 510px;}	
	.circleChart .box{left:25%;width:140px}
	.circleChart .box i{font-size: 30px;}
	.circleChart .box h2 {font-size: 60px;}
	.circleChart .box h3 {font-size: 30px;}
}

@media(min-width:480px) and (max-width:550px){		
	.circleChart .box{left:34%;width:140px;margin-top:-1%;}
	.circleChart .box i{font-size:40px;}
	.circleChart .box h2 {font-size: 60px;}
	.circleChart .box h3 {font-size: 30px;}	
	.loading_para{margin-top:20px;font-size:18px;}	
}
	
@media(min-width:360px) and (max-width:479px){	
	.noteshelf img {margin-top: -185% !important;}	
	.circleChart .box{left:28%;width:140px;margin-top:-1%;}
	.circleChart .box i{font-size:40px;}
	.circleChart .box h2 {font-size: 60px;}
	.circleChart .box h3 {font-size: 30px;}	
	.loading_para{margin-top:20px;font-size:18px;}	
}

@media(min-width:360px) and (max-width:550px){	
	audio, canvas, progress, video {width: 250px;}
}
/*** Media Quaries ***/
#particles-js{width:100%;height:800px;}