@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

.container                                  { max-width: 1420px; }


/*----------------- Inner Pages -----------------*/


}

/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1440px) and (max-width: 1680px) {

.container                                  { max-width: 1420px; }

#header .header-top .mainMenu				{ padding: 8px 20px 0 0; }
#header .header-top .mainMenu ul.menu li	{ padding-right: 40px; }
#header .header-top .header-social			{ padding-top: 8px; }
#header .header-top .login					{ padding-top: 8px; }

#heroBanner .banner-wrap .left-clm			{ width: 435px; }

#heroBanner .banner-wrap .right-clm			{width: calc(100% - 472px);/*height: 642px;*/}
#heroBanner .banner-wrap .right-clm .banner-image	{height: 642px;}

#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign h3	{ margin: 0 0 20px 0; font-size: 22px; line-height: 32px; }

#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate h5	{ font-size: 22px; line-height: 30px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign	{ padding: 20px 0 0 0; }

#heroBanner .banner-wrap .left-clm .clm-bottom .protectTitle	{ padding: 25px 60px 25px 62px; font-size: 18px; line-height: 28px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .signBtn	{ font-size: 18px; }


#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn	{ width: 260px; padding: 16px 40px; margin: 0 20px 0 0; font-size: 18px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn	{ width: 315px; padding: 16px 40px; margin: 0 20px 0 0; font-size: 18px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn	{ width: 280px; padding: 15px 40px; font-size: 18px;}


#workSec .work-step							{ padding: 35px 40px; }
#workSec .work-cont							{ padding: 50px 40px; }

#workSec .work-cont .item .item-cont		{ padding: 0 60px 0 60px; }
#workSec .work-cont .clm:last-child .item .item-cont { padding: 0px 0px 0 60px; }

#empowerSec .cont-clm h3					{ font-size: 26px; line-height: 36px; }
#empowerSec .cont-clm .findBtn				{ padding: 6px 60px; font-size: 18px; line-height: 30px; }	

#offerSec .cont-clm h3						{ font-size: 26px; line-height: 36px; }
#offerSec .cont-clm .subscription-form		{ width: 560px; }
#offerSec .cont-clm .subscription-form .field .form-control	{ padding: 15px 160px 13px 32px; font-size: 16px; line-height: 20px; }



/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1400px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

.container                                  { max-width: 1250px; }

#header .logoWrap							{ width: 554px; }
#header .logoWrap .logo-slogan				{ margin: 0 0 0 35px; font-size: 25px; line-height: 32px; }
#header .header-top							{ width: calc(100% - 555px); }
#header .header-top .mainMenu				{ padding: 8px 20px 0 0; }
#header .header-top .mainMenu ul.menu li	{ padding-right: 40px; }
#header .header-top .header-social			{ padding-top: 8px; }
#header .header-top .login					{ padding-top: 8px; }

#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn { width: 240px; padding: 16px 30px; margin: 0 15px 0 0; font-size: 16px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn { width: 250px; padding: 16px 30px; margin: 0 15px 0 0; font-size: 16px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn { width: 240px; padding: 16px 30px; font-size: 16px;}

#workSec .work-cont .item .item-cont		{ padding: 0 50px 0 50px; }
#workSec .work-cont .clm:last-child .item .item-cont { padding: 0px 0px 0 50px; }
#workSec .work-cont .item .item-cont p		{ font-size: 16px; line-height: 26px; }


#empowerSec .cont-clm h3 					{ font-size: 20px; line-height: 27px; }
#protectionSec .plan-started h5				{ font-size: 27px; line-height: 33px; }
#protectionSec .plan-offer h4				{ font-size: 35px; line-height: 40px; }

#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap	{ margin: 66px 0 0 0; }
#legacySec .legacy-cont .right-clm-wrap .right-clm	{ padding: 30px 75px; }

#offerSec .cont-clm h3 						{ font-size: 20px; line-height: 30px; }

/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1250px;}

#header .logoWrap .logo-slogan				{ margin: 0 0 0 30px; font-size: 22px; line-height: 29px; }
#header .logoWrap							{ width: 495px; }

#header .header-top							{ width: calc(100% - 495px); }

#header .header-top .mainMenu				{ padding: 10px 15px 0 0; }	
#header .header-top .mainMenu ul.menu li	{ padding-right: 20px; }	

#header .header-top .header-social ul li	{ padding: 0 8px; font-size: 14px; line-height: 14px; }
#header .header-top .header-social ul li a	{ line-height: 14px; }
#header .header-top .login a				{ font-size: 14px; line-height: 14px; }


#heroBanner .banner-wrap .left-clm			{ width: 400px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-logo	{ margin: 0 0 35px 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate h5	{ font-size: 22px; line-height: 30px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign	{ padding: 25px 0 0 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign h3	{ margin: 0 0 20px 0; font-size: 22px; line-height: 32px;
}
#heroBanner .banner-wrap .left-clm .clm-wrap	{ padding: 40px 82px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .protectTitle	{ padding: 25px 60px 26px 62px; font-size: 16px; line-height: 26px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .signBtn	{ font-size: 16px; line-height: 26px; }

#heroBanner .banner-wrap .right-clm			{ width: calc(100% - 437px); height: 637px; }
#heroBanner .banner-wrap .right-clm .banner-image	{ height: 637px; }


#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn { width: 210px; padding: 12px 15px; margin: 0 20px 0 0; font-size: 14px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn { width: 210px; padding: 12px 15px; margin: 0 20px 0 0; font-size: 14px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn { width: 210px; padding: 12px 15px; font-size: 14px; }


#protectionSec .protection-level .levelWrap .item .plan-cont ul li	{ font-size: 13px; line-height: 42px; }
#protectionSec .plan-started h5				{ font-size: 27px; line-height: 33px; }
#protectionSec .plan-offer h4				{ font-size: 35px; line-height: 40px; }

#workSec .work-step							{ padding: 35px 65px; }
#workSec .work-cont							{ padding: 50px 65px 50px 65px; }
#workSec .work-cont .item .item-cont		{ padding: 0 50px 0 50px; }
#workSec .work-cont .clm:last-child .item .item-cont { padding: 0px 0px 0 50px; }
#workSec .work-cont .item .item-cont p		{ font-size: 16px; line-height: 26px; }


#empowerSec .cont-clm h3					{ font-size: 20px; line-height: 27px; }
#empowerSec .cont-clm .findBtn				{ padding: 6px 45px; font-size: 18px; line-height: 30px; }

#offerSec									{ padding: 36px 71px 37px 71px; }
#offerSec .cont-clm h3						{ font-size: 20px; line-height: 27px; }	
#offerSec .cont-clm .subscription-form		{ width: 545px; }
#offerSec .cont-clm .subscription-form .field .form-control	{ padding: 15px 160px 13px 22px; font-size: 15px; line-height: 20px; }

#footer .footerSec							{ padding: 37px 50px 0px 50px; grid-gap: 80px; }
#footer .footerBtm							{ padding: 30px 50px 41px 50px; }


/*----------------- Inner Pages -----------------*/


}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

.container									{ max-width: 960px; }

#header										{ padding: 14px 18px 8px 18px; }			
#header .logoWrap							{ width: 376px; }
#header .logoWrap .logo-slogan				{ margin: 0 0 0 18px; font-size: 16px; line-height: 23px; }
#header .header-top							{ width: calc(100% - 376px); }
#header .header-top .mainMenu				{ padding: 10px 10px 0 0; }
#header .header-top .mainMenu ul.menu li	{ padding-right: 18px; }
#header .header-top .header-social ul li	{ padding: 0 5px; font-size: 14px; line-height: 14px; }
#header .header-top .mainMenu ul.menu li.loginBtn a	{ padding: 6px 20px; }
#header .header-top .login					{ margin: 0 0 0 5px; padding-top: 10px; }
#header .header-top .login a				{ font-size: 14px; line-height: 14px; }

#heroBanner .banner-wrap					{ margin: 0 0 220px 0; }


#heroBanner .banner-wrap .left-clm			{ width: 330px; }


#heroBanner .banner-wrap .left-clm .clm-wrap	{ padding: 40px 60px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate h5	{ margin: 15px 0 0 0; font-size: 20px; line-height: 26px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign	{ padding: 20px 0 0 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign h3	{ margin: 0 0 20px 0; font-size: 22px; line-height: 32px; }


#heroBanner .banner-wrap .left-clm .clm-bottom .protectTitle	{ padding: 25px 40px 26px 40px; font-size: 18px; line-height: 27px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .signBtn	{ padding: 17px 30px 16px 30px; font-size: 16px; line-height: 26px; }
#heroBanner .banner-wrap .right-clm			{ width: calc(100% - 366px); }


#heroBanner .banner-wrap .right-clm .banner-image .banner-button	{ padding: 0 0 0 20px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn { width: 122px; padding: 7px 15px; margin: 0 10px 0 0; font-size: 11px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn { width: 175px; padding: 7px 15px; margin: 0 10px 0 0; font-size: 11px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn { width: 158px; padding: 7px 15px; font-size: 11px; }

#protectionSec .protection-level .levelWrap .item .plan-cont	{ padding: 65px 30px 65px 30px; }	
#protectionSec .protection-level .levelWrap .item .plan-cont ul li	{ font-size: 16px; line-height: 35px; }
#protectionSec .plan-started h5					{ font-size: 20px; line-height: 30px; }
#protectionSec .plan-offer h4					{ font-size: 25px; line-height: 30px; }

#workSec .work-step								{ padding: 35px 15px; }	
#workSec .work-step .item .icon					{ width: 200px; height: 200px; }
#workSec .work-step .item .icon img				{ max-width: 70%; }
#workSec .work-cont								{ padding: 50px 15px 50px 15px; }
#workSec .work-cont .item .item-cont			{ padding: 0 20px 0 20px; }
#workSec .work-cont .clm:last-child .item .item-cont	{ padding: 0px 0px 0 20px; }
#workSec .work-cont .item .item-cont p			{ font-size: 16px; line-height: 30px; }




#empowerSec										{ padding: 30px 30px; }	
#empowerSec .cont-clm h3						{ font-size: 20px; line-height: 30px; }
#empowerSec .cont-clm .findBtn					{ width: 25%; padding: 6px 40px; font-size: 18px; line-height: 28px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm	{ padding: 31px 40px; }	
#legacySec .legacy-cont .right-clm-wrap .right-clm h4	{ font-size: 22px; line-height: 30px; }

#offerSec										{ padding: 36px 15px 37px 15px; }
#offerSec .cont-clm h3							{ font-size: 20px; line-height: 30px; }
#offerSec .cont-clm .subscription-form .field .form-control	{ padding: 15px 155px 13px 20px; font-size: 15px; line-height: 20px; }


#footer .footerSec								{ padding: 37px 15px 0px 15px; grid-gap: 40px; }
#footer .footerSec .ftr-menu					{ padding: 40px 0 0 0; }
#footer .footerSec .ftr-menu ul					{ grid-gap: 13px; }

#footer .footerBtm								{ padding: 30px 15px 30px 15px; }



/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }


.floating-button .btn {
    width: 60px;
    height: 60px;
  }
.floating-button .btn img {
    width: 34px;
    height: 30px;
  }
  
  .floating-button .btn-text {
    padding: 10px 0px 10px 25px;
    font-size: 12px;
    left: 16px;
  }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container									{ max-width: 738px; }

#header										{ padding: 14px 15px 8px 15px; }
#header .logoWrap							{ width: 375px; }
#header .logoWrap .logo-slogan				{ margin: 0 0 0 15px; font-size: 16px; line-height: 26px; }

#header .header-top							{ width: calc(100% - 375px); }
#header .header-top .mainMenu				{ display: none; }

#header .header-top .header-social ul li	{ padding: 0 5px; font-size: 14px; line-height: 14px; }	
#header .header-top .login a				{ font-size: 14px; line-height: 14px; }

#heroBanner .banner-wrap					{ grid-gap: 25px; margin: 0 0 90px 0; }

#heroBanner .banner-wrap .left-clm			{ width: 300px; }
#heroBanner .banner-wrap .left-clm .clm-wrap	{ padding: 40px 35px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-logo	{ margin: 0 0 16px 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-logo img	{ max-width: 80%; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate p	{ margin: 0 0 10px 0; font-size: 14px; line-height: 17px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate img	{ max-width: 75%; }

#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate h5	{ margin: 11px 0 0 0; font-size: 20px; line-height: 25px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign	{ padding: 20px 0 0 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign h3	{ margin: 0 0 10px 0; font-size: 18px; line-height: 30px; }		
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign p		{ font-size: 13px; line-height: 20px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .protectTitle	{ padding: 14px 30px 15px 32px; font-size: 16px; line-height: 26px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .signBtn			{ padding: 10px 33px 10px 32px; font-size: 14px; line-height: 24px; }

#heroBanner .banner-wrap .right-clm			{ width: calc(100% - 325px); height: 497px; }
#heroBanner .banner-wrap .right-clm .banner-image	{ height: 497px; }
#heroBanner .banner-wrap .right-clm .banner-image img	{ height: auto; object-fit: unset; }

#heroBanner .banner-wrap .right-clm .banner-image .banner-button	{ padding: 0 0 0 10px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn	{ width: 120px; padding: 7px 5px; margin: 0 10px 0 0; font-size: 10px;line-height: 20px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn:after	{ height: 5px; bottom: -6px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn	{ width: 140px; padding: 7px 5px; margin: 0 10px 0 0; font-size: 10px;line-height: 20px;}
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn:after	{ height: 5px; bottom: -6px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn	{ width: 120px; padding: 7px 5px; font-size: 10px; line-height: 20px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn:after	{ height: 5px; bottom: -6px; }


#protectionSec .title						{ padding: 12px 30px; font-size: 20px; line-height: 30px; }
#protectionSec .title:after					{ height: 65px; }

#protectionSec .protection-level .levelWrap .item .img-thumbnail	{ max-width: 70%; }
#protectionSec .protection-level .levelWrap .item .plan-price	{ width: 172px; padding: 9px 40px; font-size: 16px; line-height: 20px; justify-content: center; }
#protectionSec .protection-level .levelWrap .item .free-plan	{ width: 172px; padding: 9px 40px; font-size: 16px; line-height: 20px; }
#protectionSec .protection-level .levelWrap .item .plan-cont	{ padding: 35px 20px 35px 20px; }
#protectionSec .protection-level .levelWrap .item .plan-cont ul li	{ padding: 0 25px 5px 0px; font-size: 12px; line-height: 18px; }		
#protectionSec .protection-level .levelWrap .item .plan-cont ul li:after	{ width: 14px; height: 14px; top: 0px; }
#protectionSec .protection-level .levelWrap .item .selectBtn	{ padding: 10px 10px; font-size: 18px; letter-spacing: 1.3px; }

#protectionSec .plan-started				{ padding: 14px 13px 14px 13px; }
#protectionSec .plan-started h5				{ font-size: 15px; line-height: 18px; }	
#protectionSec .plan-offer					{ padding: 15px 13px 15px 13px; }	
#protectionSec .plan-offer:before			{ top: -10px; }
#protectionSec .plan-offer h4				{ font-size: 18px; line-height: 28px; }

#workSec									{ padding-top: 100px; }
#workSec .title								{ padding: 0 15px; }
#workSec .title h2							{ margin: 0 0 15px 0; font-size: 25px; line-height: 30px; }
#workSec .work-step							{ padding: 35px 0px; }
#workSec .work-step .item .item-title		{ margin: 0px auto 20px auto; padding: 0 0 10px 0; font-size: 20px; line-height: 28px; border-bottom: 4px solid #7DDE9D; }
#workSec .work-step .item .icon				{ width: 120px; height: 120px; }
#workSec .work-step .item .icon img			{ max-width: 75%; }
#workSec .work-cont							{ padding: 30px 0; }
#workSec .work-cont .item:after				{ width: 4px; height: calc(100% + 20px); }
#workSec .work-cont .item .item-cont		{ padding: 0 15px; }
#workSec .work-cont .clm:last-child .item .item-cont	{ padding: 0 15px; }
#workSec .work-cont .item .item-cont p		{ font-size: 12px; line-height: 20px; }

#empowerSec									{ padding: 20px 15px; }	
#empowerSec .cont-clm h3					{ font-size: 16px; line-height: 26px; }
#empowerSec .cont-clm .findBtn				{ width: 30%; padding: 6px 20px; font-size: 15px; line-height: 25px; text-align: center; }

#legacySec									{ padding-top: 50px; padding-bottom: 50px; }
#legacySec .legacy-cont						{ padding: 0 25px; }

#legacySec .legacy-cont .left-clm-wrap		{ padding: 0 30px 0 0; }
#legacySec .legacy-cont .left-clm-wrap .left-clm h4	{ margin: 0 0 15px 0; font-size: 20px; line-height: 28px; }
#legacySec .legacy-cont .left-clm-wrap .left-clm p	{ margin: 0 0 15px 0; font-size: 12px; line-height: 18px; }
#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap	{ margin: 30px 0 0 0; }
#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap h6	{ font-size: 14px; line-height: 24px; }
#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap .readBtn	{ font-size: 12px; }

#legacySec .legacy-cont .right-clm-wrap		{ padding: 0 0 0 30px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm	{ padding: 20px 25px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm h4	{ margin: 0 0 15px 0; font-size: 20px; line-height: 28px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm p	{ margin: 0 0 15px 0; font-size: 12px; line-height: 22px; }

#offerSec									{ padding: 30px 15px 30px 15px; }
#offerSec .cont-clm							{ justify-content: center; align-items: center; flex-direction: column; }
#offerSec .cont-clm h3						{ margin: 0 0 20px 0; font-size: 18px; line-height: 28px; }
#offerSec .cont-clm .subscription-form		{ width: 550px; }
#offerSec .cont-clm .subscription-form .field .form-control	{ padding: 15px 150px 13px 20px; font-size: 16px; line-height: 23px; }

#footer .footerSec							{ padding: 37px 15px 0px 15px; grid-gap: 0; flex-wrap: wrap; }
#footer .footerSec .ftr-logo				{ width: 50%; }

#footer .footerSec .ftr-menu				{ width: 50%; padding: 35px 0 0 30px; }
#footer .footerSec .ftr-menu ul				{ grid-gap: 5px; }

#footer .footerSec .ftr-newsletter			{ width: 50%; max-width: unset; padding: 30px 0 0 0; }

#footer .ftr-contact						{ width: 50%; padding: 30px 0 0 30px; }

#footer .footerBtm							{ padding: 30px 15px 20px 15px; }
#footer .footerBtm .cont-wrap .left-clm p	{ font-size: 12px; line-height: 22px; }
#footer .footerBtm .cont-wrap .right-clm p	{ font-size: 12px; line-height: 22px; }


.floating-button .btn {
    width: 60px;
    height: 60px;
  }
.floating-button .btn img {
    width: 34px;
    height: 30px;
  }
  
  .floating-button .btn-text {
    padding: 10px 0px 10px 25px;
    font-size: 12px;
    left: 16px;
  }
/***     Sign Up Popup     ***
======== 18-06-24 ======== */

.sign-popup									{ max-width: 550px; }
.sign-popup .sign-modal .sign-dialog .sign-content .sign-header	{ padding: 15px 25px; }
.sign-popup .sign-modal .sign-dialog .sign-content .sign-header .title	{ font-size: 20px; line-height: 30px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .form-info	{ padding: 8px 25px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .sign-form	{ padding: 20px 25px 0px 25px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .sign-form .input-group .form-control	{ height: 35px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer .ftr-text p	{ font-size: 20px; line-height: 30px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer				{ padding: 0 25px 20px 25px; }
/*----------------- Inner Pages -----------------*/

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.container									{ max-width: 100%; padding: 0 15px; }

#header										{ padding: 14px 15px 8px 15px; }
#header .logoWrap							{ width: 73px; }
#header .logoWrap .logo-slogan				{ display: none; }

#header .header-top							{ width: calc(100% - 73px); }
#header .header-top .mainMenu				{ display: none; }

#heroBanner .banner-wrap					{ grid-gap: 0; flex-direction: column-reverse; padding: 25px 0 0 0; margin: 0 0 100px 0; }

#heroBanner .banner-wrap .left-clm			{ margin: 30px 0 0 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap	{ padding: 30px 35px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-logo	{ margin: 0 0 20px 0; text-align: center; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-logo img	{ max-width: 90%; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate p	{ margin: 0 0 10px 0; font-size: 14px; line-height: 18px; text-align: center; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate h5	{ margin: 10px 0 0 0; font-size: 20px; font-size: 20px; }

#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign	{ padding: 20px 0 0 0; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign h3	{ margin: 0 0 15px 0; font-size: 22px; line-height: 30px; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-sign p	{ font-size: 12px; line-height: 20px; }
#heroBanner .banner-wrap .left-clm .clm-bottom .protectTitle	{ padding: 15px 40px 16px 42px; font-size: 16px; line-height: 28px; }

#heroBanner .banner-wrap .left-clm .clm-bottom .signBtn			{ padding: 12px 32px; font-size: 16px; }

#heroBanner .banner-wrap .right-clm			{ width: 100%; height: auto; margin: 30px 0 0 0; }
#heroBanner .banner-wrap .right-clm .banner-image	{ height: auto; }
#heroBanner .banner-wrap .right-clm .banner-image img	{ height: auto; object-fit: unset; }

#heroBanner .banner-wrap .right-clm .banner-image .banner-button	{ margin: 30px 0 0 0; padding: 0 15px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .shareBtn	{ width: 100%; padding: 10px 55px; margin: 0 0 35px 0; font-size: 16px; }
#heroBanner .banner-wrap .right-clm .banner-image .banner-button .memoriesBtn	{ width: 100%; padding: 10px 45px; margin: 0 0 35px 0; font-size: 16px; }

#heroBanner .banner-wrap .right-clm .banner-image .banner-button .videoBtn	{ width: 100%; padding: 10px 55px;  font-size: 16px; }	


#protectionSec								{ padding-top: 50px; padding-bottom: 50px; }
#protectionSec .title						{ padding: 12px 18px; font-size: 15px; line-height: 25px; }
#protectionSec .title:after					{ height: 59px; }
#protectionSec .protection-level .levelWrap	{ grid-template-columns: 100%; }

#protectionSec .protection-level .levelWrap .item	{ height: calc(100% - 30px); margin: 0 0 30px 0; }
#protectionSec .protection-level .levelWrap .item.standard	{ margin: 0 0 30px 0; height: calc(100% - 30px); }
#protectionSec .protection-level .levelWrap .item .img-thumbnail	{ max-width: 60%; }

#protectionSec .protection-level .levelWrap .item .plan-price	{ width: auto; font-size: 18px; padding: 6px 37px; }
#protectionSec .protection-level .levelWrap .item .free-plan	{ width: auto; padding: 6px 62px; font-size: 18px; line-height: 28px; }
#protectionSec .protection-level .levelWrap .item .plan-cont	{ padding: 30px 15px 30px 15px; }
#protectionSec .protection-level .levelWrap .item .plan-cont ul li	{ padding: 0 25px 5px 0px; font-size: 14px; line-height: 24px; }
#protectionSec .protection-level .levelWrap .item .plan-cont ul li:after	{ width: 14px; height: 14px; top: 5px; }
#protectionSec .protection-level .levelWrap .item .selectBtn	{ padding: 10px 10px; font-size: 18px; letter-spacing: 1.3px; }

#protectionSec .plan-started				{ margin: 0px 0 0 0; }
#protectionSec .plan-started h5				{ font-size: 16px; line-height: 26px; }

#protectionSec .plan-offer					{ margin: 50px 0 -100px 0; }
#protectionSec .plan-offer h4				{ font-size: 20px; line-height: 30px; }

#workSec									{ padding-top: 100px; }
#workSec .title								{ padding: 0 15px; }
#workSec .title h2							{ margin: 0 0 15px 0; font-size: 22px; line-height: 30px; }

#workSec .work-step							{ padding: 30px 15px 0px 15px; }
#workSec .work-step .item					{ margin: 0 0 40px 0; }
#workSec .work-step .item .item-title		{ margin: 0 auto 20px auto; padding: 0 0 10px 0; font-size: 22px; line-height: 32px; border-bottom: 4px solid #7DDE9D; }
#workSec .work-step .item .icon				{ width: 180px; height: 180px; }
#workSec .work-step .item .icon img			{ max-width: 75%; }

#workSec .work-step .cont-wrap				{ grid-template-columns: 100%; }
#workSec .work-cont							{ padding: 30px 0px; }
#workSec .work-cont .item .item-cont		{ padding: 20px 0; }
#workSec .work-cont .item .item-cont p		{ font-size: 16px; line-height: 28px; }
#workSec .work-cont .item:after				{ width: 100%; height: 7px; top: unset; }

#empowerSec									{ padding: 30px 15px; text-align: center; }
#empowerSec .cont-clm						{ flex-direction: column; }
#empowerSec .cont-clm h3					{ margin: 0 0 20px 0; font-size: 18px; line-height: 28px; }
#empowerSec .cont-clm .findBtn				{ padding: 6px 45px; font-size: 16px; line-height: 28px; }

#legacySec									{ padding-top: 30px; padding-bottom: 30px; }
#legacySec .legacy-cont						{ padding: 0; }
#legacySec .legacy-cont .left-clm-wrap		{ padding: 0; display: flex; flex-direction: column-reverse; }
#legacySec .legacy-cont .left-clm-wrap .left-clm	{ margin: 0 0 0px 0; }
#legacySec .legacy-cont .left-clm-wrap .left-clm h4	{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
#legacySec .legacy-cont .left-clm-wrap .left-clm p	{ margin: 0 0 10px 0; }
#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap	{ margin: 20px 0 0px 0; flex-direction: column; align-items: flex-start; }
#legacySec .legacy-cont .left-clm-wrap .left-clm .cont-wrap h6	{ margin: 0 0 10px 0; }
#legacySec .legacy-cont .left-clm-wrap .left-thumb	{ margin: 0 0 30px 0; }

#legacySec .legacy-cont .right-clm-wrap		{ padding: 30px 0 0 0px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm	{ padding: 20px 15px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm h4	{ margin: 0 0 15px 0; font-size: 20px; line-height: 28px; }
#legacySec .legacy-cont .right-clm-wrap .right-clm p	{ margin: 0 0 15px 0; }

#offerSec									{ padding: 30px 15px 30px 15px; text-align:center; }
#offerSec .cont-clm							{ flex-direction: column; }
#offerSec .cont-clm h3						{ margin: 0 0 20px 0; font-size: 18px; line-height: 28px; }
#offerSec .cont-clm .subscription-form .field .form-control	{ padding: 15px; height: 40px; font-size: 11px; text-align: center;  }
#offerSec .cont-clm .subscription-form .field .submit-btn	{ position: static; margin: 20px auto 0 auto; }


#footer										{ text-align: center; }
#footer .footerSec							{ padding: 30px 15px; grid-gap: 0px; flex-direction: column; }

#footer .footerSec .ftr-logo				{ width: 100%; }

#footer .footerSec .ftr-menu				{ width: 100%; padding: 30px 0 0 0; }
#footer .footerSec .ftr-menu ul				{ column-count: 1; grid-gap: 0; }

#footer .footerSec .ftr-newsletter			{ width: 100%; padding: 30px 0 0 0; }
#footer .footerSec .ftr-newsletter .form-control	{ width: calc(100% - 80px); padding: 10px 70px 10px 20px; }
#footer .footerSec .ftr-newsletter .subscribe-btn	{ right: 40px; }

#footer .ftr-contact						{ width: 100%; padding: 30px 0 0 0; }
#footer .ftr-contact ul li					{ justify-content: center; }	


#footer .footerBtm							{ padding: 0px 15px 30px 15px; }
#footer .footerBtm .cont-wrap				{ flex-direction: column; }
#footer .footerBtm .cont-wrap .left-clm p	{ padding: 0 0 20px 0; }
#footer .footerBtm .cont-wrap .right-clm	{ text-align: left; }
#footer .footerBtm .cont-wrap .right-clm p	{ text-align: center; }

/***     Sign Up Popup     ***
======== 18-06-24 ======== */

.sign-popup									{ max-width: 90%; }
.sign-popup .sign-modal .sign-dialog .sign-content .sign-header	{padding: 15px 15px;}
.sign-popup .sign-modal .sign-dialog .sign-content .sign-header .title	{font-size: 18px;line-height: 28px;}

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .form-info	{ padding: 8px 15px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .sign-form	{ padding: 20px 15px 0px 15px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-body .sign-form .input-group .form-control	{ height: 35px; }

.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer				{ padding: 0 15px 20px 15px; }
.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer .ftr-logo	{ width: 60px; }	
.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer .ftr-text	{ width: calc(100% - 60px); }
.sign-popup .sign-modal .sign-dialog .sign-content .sign-footer .ftr-text p	{ font-size: 16px; line-height: 26px; }


/*----------------- Inner Pages -----------------*/

.floating-button .btn {
    width: 60px;
    height: 60px;
  }
.floating-button .btn img {
    width: 34px;
    height: 30px;
  }
  
  .floating-button .btn-text {
    padding: 10px 0px 10px 25px;
    font-size: 12px;
    left: 16px;
  }
  
  .floating-button:hover .btn-text {
    padding: 6px 10px 6px 38px;
    left: 27px;
    font-size: 12px;
}

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

#heroBanner .banner-wrap .left-clm			{ width: 100%; }
#heroBanner .banner-wrap .left-clm .clm-wrap .trustpilot-clm .item-rate p	{ text-align: center; }


/*----------------- Inner Pages -----------------*/
.floating-button .btn {
    width: 60px;
    height: 60px;
  }
  
.floating-button .btn img {
    width: 34px;
    height: 30px;
  }
  
  .floating-button .btn-text {
    padding: 10px 0px 10px 25px;
    font-size: 12px;
    left: 16px;
  }
  
  .floating-button:hover .btn-text {
		padding: 6px 10px 6px 38px;
		left: 27px;
		font-size: 12px;
	}
}
