@CHARSET "US-ASCII";

@media screen and (max-width: 955px) {
	.cy, .gr, .gr-2 {
		height: 350px;
	}
	.cy {
		background-size: contain;
	}
	.gr-con, .gr-2>.gr-con {
		background-size: 50%;
	}
	.gr-con h3, .cy h3, .gr-2>.gr-con h3, .bot h3 {
		padding-top: 80px;
		font-size: 28px;
		width: 100%;
	}
	.cy p {
		font-size: 18px;
		margin-top: 10px;
	}
	.gr-con p, .gr-2>.gr-con p {
		padding: 0px;
		margin: 0px;
	}
	.gr-con p, .gr-2>.gr-con p {
		width: 50%;
		padding-left: 30px;
		margin-top: 10px;
		font-size: 18px;
	}
	.bot>p {
		font-size: 18px;
	}
	.features {
		position: relative;
		display: inline-block;
	}
	.bot>.features li {
		margin: 0px 30px 0px 30px;
	}
	.bot>.features li:last-child {
		/* margin: 30px 40px 0px 40px;	 */
		
	}
	footer {
		margin: 0px;
	}
	.getstart {
		padding: 0px 20px 40px;
	}
	footer h3 {
		margin: 0px;
		padding-top: 0px;
	}
	.btn-footer {
		margin-bottom: 20px;
	}
	footer span {
		
	}
}

@media screen and (max-width: 882px) {
	.features li {
		width: 160px;
	}
}

@media screen and (max-width: 836px) {
	.top h2 span {
		display: initial;
	}
}

@media screen and (max-width: 768px) {
	.otherlink_list {
		width: 45%;
		margin-right: 0;
		border: 0;
	}
	.contactus_hold {
		width: 30%;
	}
	.contact-holder div {
		margin-right: 10%;
		width: 55%;
	}
	.contact-holder-followus {
		width: 35% !important;
	}
	.cookie-message button.close {
		top: -4px !important;
		right: 3px !important;
		padding: 5px !important;
	}
	.mobile_bar>a:hover, ul.mobile_barmenu>li>a:hover {
		background: transparent;
		color: #5f7172;
	}
	.landing-head .nav-head.pull-right {
		display: none;
	}
	.top ul.features>li {
		width: 39%;
	}
	header.landing-head {
		z-index: 2;
		border-bottom: 1px solid #eee;
		padding-bottom: 0;
	}
	ul.header_nav {
		display: none;
	}
	.mobile_bar {
		display: block;
	}
	.pricing_hold .col-md-4 {
		width: 100%;
	}
	.basic_plan, .pro_plan {
		width: 47% !important;
		float: left;
	}
	.col-md-4.detials_plan {
		margin-bottom: 70px;
	}
	.row.pricing_hold {
		margin-left: 0;
		margin-right: 0;
		padding: 0px 0px 60px;
	}
	.col-md-4.basic_plan {
		margin-left: 1.4%;
	}
	figure.main-banner {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	ul.mobile_barmenu {
		position: fixed;
		background-color: #fff;
		width: 100%;
		top: 84px;
		bottom: 0;
		overflow-y: auto;
	}
	.contactus_hold {
		width: 100%;
	}
	.contactdtl_hold, .social_linkhold {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	.otherlink_list {
		width: 100%;
		margin-right: 0px;
		border: 0;
		margin-bottom: 40px;
	}
	.mobileview {
		display: none;
	}
	.contact-holder div {
		width: 100% !important;
		margin-right: 0px;
	}
	.contact-holder-followus {
		/* display: none; */
		margin-top: 50px;
	}
	.top h2 span {
		display: block;
	}
	.getstart button.btn.btn-footer.btn-success.try_it {
		padding: 5px;
		box-sizing: content-box;
	}
	.top ul.features>li {
		width: 37%;
		margin-bottom: 40px;
	}
	.bot>.features li img {
		height: 134px;
	}
	.landing-head .nav-head.pull-right {
		display: none;
	}
	.col-md-4.basic_plan {
		margin-left: 0px;
	}
	.basic_plan h3 {
		margin-top: 50px;
	}
	.pro_plan h3 {
		margin-top: 35px;
	}
	.plan_btn {
		margin-bottom: 50px;
	}
	.pricing_hold .col-md-4 label {
		margin-bottom: 20px;
	}
	.basic_plan, .pro_plan {
		width: 48.5% !important;
		margin: 0px 0px 20px;
	}
	.plans_hold {
		width: 100%;
		margin-bottom: 25px;
	}
	.basic_plan p, .pro_plan p {
		font-size: 16px;
	}
	footer .linklist {
		padding: 40px;
	}
	footer .linklist>ul {
		/* 	width: 200px;
float: inherit;
margin: 0 auto; */
		
	}
	footer .linklist>ul li {
		padding: 5px 0px;
	}
	.getstart {
		padding-top: 0px;
	}
	.gr-2, .bot {
		text-align: center;
	}
	header.landing-head {
		/* padding-bottom:15px; */
		
	}
	.landing-head h1 {
		padding: 0;
		margin-left: 22px;
	}
	.landing-head h1 a {
		/*  width: 100px; */
		margin: 0px;
		background-position: 0px 0px;
	}
	#signuppoup .modal-body .button {
		margin-top: 7px;
	}
	.mobile_bar {
		margin: -6px !important;
	}
	.mobile_bar>a {
		padding: 3px 8px 2px;
		border: 0;
	}
	.landing-section {
		margin-top: 56px;
	}
	.banner a {
		display: block;
	}
	.nav-head a {
		font-size: 14px;
	}
	.nav-head>button.btn {
		width: 110px;
		height: 36px;
		font-size: 14px;
	}
	h1, h2, h3 {
		font-size: 28px;
	}
	.banner p, .gr-con p, .cy p, .gr-2>.gr-con p, .bot>p {
		font-size: 18px;
	}
	figure.main-banner {
		width: 100%;
	}
	.bot>.features li {
		display: block;
		margin: 0px auto;
		width: 33%;
		float: left;
	}
	.bot>.features li:last-child {
		margin: 0px auto;
	}
	.features {
		padding: 0px;
	}
	.features li {
		margin-bottom: 80px;
	}
	.features li:last-child {
		margin-bottom: 0px;
	}
	.btn-footer {
		width: 150px;
		height: 46px;
		font-size: 18px;
	}
	#social-login div#signup_mail p {
		color: #ffffff;
		font-size: 12px;
		font-weight: 300;
	}
	#social-login div#signup_mail {
		margin-top: 0px;
		width: 30%;
		padding: 11px 15px 13px 15px;
	}
}

@media ( max-width : 414px) {
	footer .linklist>div>ul {
		width: 100%;
		margin-bottom: 0;
	}
	.contactdtl_hold {
		margin-bottom: 40px;
	}
	.contactdtl_hold, .social_linkhold {
		width: 100%;
	}
	.pricing_hold .col-md-4 {
		width: 100% !important;
	}
	footer span {
		/* display: none; */
		font-size: 10px;
	}
	footer>span .rights_hold {
		padding: 0px 15px;
	}
	.top ul.features>li {
		margin: 0px 0px 40px;
		float: inherit;
		box-sizing: border-box;
		width: 256px;
	}
	.bot>.features li {
		margin: 0px auto 20px;
	}
	.bot>.features li img {
		height: 90px;
	}
	.bot>.features li h4 {
		font-size: 14px;
	}
	.getstart h3 {
		padding-top: 60px;
	}
	#signuppoup .modal-title, #forgotpwd .modal-title {
		font-size: 25px;
	}
	header.landing-head {
		padding: 15px 0px 0px;
	}
	header.landing-head .nav-head.pull-right {
		line-height: 47px;
	}
	button.signup_popup {
		display: none;
	}
	a.signup_popup {
		display: inline;
	}
	.top h2 {
		font-size: 28px;
		width: 100%;
		text-align: center;
	}
	#signuppoup .modal-dialog {
		width: 100%;
	}
	#social-login, #signup-popup-form {
		width: 100%;
		padding: 0 !important;
		border: 0 !important;
	}
	div#looptodo_content_wrapper a {
		display: none !important;
	}
	div#social-login {
		margin-top: 15px;
	}
	.modal-body div#social-login .button {
		width: 48%;
		float: left;
	}
	div#social-login .button span {
		display: none;
	}
	div#social-login .button i {
		display: inline-block;
	}
	.button.button-facebook {
		margin-right: 2%;
		background: #fff;
		color: #5c85c1;
		border: 1px solid #5c85c1;
	}
	.button.button-google {
		margin-left: 2%;
		background: #fff;
		color: #e85f61;
		border: 1px solid #e85f61;
	}
	.button.button-facebook:hover {
		color: #fff;
		background: #5c85c1;
	}
	.button.button-google:hover {
		background: #e85f61;
		color: #fff;
	}
	article.gr {
		height: inherit;
		padding-bottom: 60px;
	}
	.cy {
		background: #00b5c5;
		height: auto;
		padding-bottom: 60px;
	}
	.cy-con {
		width: 100%;
		float: inherit;
	}
	.cy-con>.pull-right {
		float: inherit !important;
	}
	.bot h3 {
		padding-top: 60px;
	}
	.bot>.features {
		margin-bottom: 60px;
	}
	.cy-con h3 {
		padding-top: 60px;
		text-align: center;
		padding-right: 0;
		padding-left: 30px;
	}
	.cy p {
		width: 100%;
		padding-left: 30px;
		padding-right: 0;
		text-align: center;
	}
	.gr-con {
		background: #F5F5F6;
	}
	.features {
		padding-bottom: 20px;
	}
	.gr-con h3 {
		padding-top: 60px;
	}
	.gr-con h3, .gr-con p {
		width: auto;
		padding-right: 30px;
		text-align: center;
	}
	.top h2 {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	footer .linklist>ul li {
		width: 100%;
	}
	#social-login div#signup_mail p {
		color: #ffffff;
		font-size: 12px;
		font-weight: 300;
	}
	#social-login div#signup_mail {
		margin-top: 0px;
		width: 30%;
		padding: 11px 15px 13px 15px;
	}
}

@media ( max-width : 384px) {
}

@media ( max-width : 320px) {
	.top h2 span {
		display: initial;
	}
	.bot>.features li img {
		height: 70px;
	}
	.bot>.features li {
		margin: 0px 6px;
		width: 29.7%;
	}
	.bot>.features {
		padding-top: 40px;
	}
}