@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: 1200px; }


/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {

.container                                  { max-width: 1200px; }


#resultSec .left-clm .result-box .item		{ max-width: 850px; }	

/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1200px; }


/*----------------- Inner Pages -----------------*/


}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

.container									{ max-width: 960px; }

.topRight									{ padding: 0px 0 0 50px; }
.mainMenu ul.menu li:first-child			{padding: 15px 10px 30px 10px;}
.mainMenu ul.menu li						{padding: 15px 10px 30px 10px;}
.topRight .rightMenu ul li.trialBtn a		{ margin: 0 0 0 20px; }

#homeBanner .caption						{ width: 100%; }
#homeBanner .caption h1						{ margin: 0 0 30px 0; font-size: 65px; line-height: 75px; }
#homeBanner .caption p						{ margin: 0 0 30px 0; font-size: 20px; line-height: 30px; }

#ourService .item-box						{ padding: 35px 15px; }
#ourService .item-box .service-cont h3		{ margin: 0 0 20px 0; font-size: 20px; line-height: 28px; }
#ourService .item-box .service-cont p		{ font-size: 16px; line-height: 24px; }

#premiumSec .contentBox						{ padding: 0 100px; }	

#footer .footerSection .ftr-menu			{ padding: 0 0 0 50px; }

#footer .footerSection .ftr-menu.product	{ padding: 0 0 0 0; }

#footer .footerSection .ftr-menu ul li a	{ font-size: 17px; }	


/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }

/*----------------- File Upload Page -----------------*/

#uploadSec									{ display: flex; }	


}



/* #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: 20px 30px 20px 20px; }
#header.sticky								{ padding: 20px 30px 20px 20px; }

.topRight									{ padding: 0px 0 0 0px; }
.topRight .mainMenu							{ display: none; }

#header .mobileNav							{ margin: 5px 0 0 30px; }
#header .hamburger nav						{ width: 90%; left: auto; right: 0; }

#homeBanner .caption						{ width: 100%; padding: 85px 0; }
#homeBanner .caption h1						{ margin: 0 0 30px 0; font-size: 50px; line-height: 60px; }
#homeBanner .caption p						{ margin: 0 0 20px 0; font-size: 18px; line-height: 28px; }

#ourService									{ padding-top: 50px; padding-bottom: 50px; }
#ourService .item-box .service-cont h3		{ margin: 0 0 15px 0; font-size: 20px; line-height: 28px; }
#ourService .item-box .service-cont p		{ font-size: 16px; }

#companySec									{ padding-top: 50px; padding-bottom: 50px; }
#companySec h2								{ margin: 0 0 25px 0; font-size: 40px; line-height: 50px; }
#companySec .companyLogo					{ grid-template-columns: 22% 22% 22% 22%; }
#companySec .companyLogo .item				{ padding: 15px 10px; }

#whyChoose									{ padding-top: 0; padding-bottom: 50px; }
#whyChoose h2								{ font-size: 50px; line-height: 60px; }
#whyChoose .right-clm .tab-nav ul li a.nav-link	{ padding: 20px 20px 20px 30px; }
#whyChoose .right-clm .tab-nav ul li a .item-list h4	{ margin: 0 0 10px 0; font-size: 20px; line-height: 26px; }
#whyChoose .right-clm .tab-nav ul li a .item-list p	{ font-size: 16px; line-height: 20px; }

#premiumSec									{ padding-top: 50px; padding-bottom: 50px; }
#premiumSec .contentBox						{ padding: 0 50px; }
#premiumSec .contentBox h2					{ margin: 0 0 15px 0; font-size: 45px; line-height: 50px; }
#premiumSec .contentBox p					{ margin: 0 0 25px 0; font-size: 18px; line-height: 28px; }
#premiumSec .contentBox .getBtn				{ padding: 12px 30px; }

#footer .footerSection						{ padding-top: 50px; padding-bottom: 50px; }
#footer .footerSection h4					{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
#footer .footerSection .ftr-menu			{ padding: 0 0 20px 0; }
#footer .footerSection .ftr-menu.product	{ padding: 0 0 0 20px; }
#footer .footerSection .ftr-menu ul li		{ padding: 0 0 10px 0; }	
#footer .footerSection .ftr-menu ul li a	{ font-size: 16px; }

#footer .footerBottom .ftr-copyRight p		{ font-size: 16px;  line-height: 26px; }
#footer .footerBottom .ftr-link ul li a		{ font-size: 16px; }


/*----------------- Inner Pages -----------------*/

/*----------------- File Upload Page -----------------*/

#uploadSec									{ min-height: calc(100vh - 167px ); }
#uploadSec .uploadItem h3					{ font-size: 45px; line-height: 50px; }
#uploadSec .uploadItem p					{ margin: 0 0 15px 0; font-size: 18px; line-height: 30px; }
#uploadSec .uploadItem .file-upload .drag-text	{ padding: 18px 60px 18px 35px; font-size: 18px; }
#uploadSec .uploadItem .file-upload .drag-text:after	{ right: 30px; }

#resultSec .left-clm						{ padding-left: 10px; }
#resultSec .right-clm .item-box				{ padding: 40px 30px; }
#resultSec .right-clm .item-box h3			{ font-size: 16px; line-height: 28px; }
#resultSec .right-clm .item-box .button-clm	{ margin: 20px 0 0 0; }
#resultSec .right-clm .item-box .button-clm .downloadBtn	{ padding: 12px 41px; }
#resultSec .right-clm .item-box .button-clm .sharedBtn	{ padding: 12px 41px; }

}



/*  #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: 15px 20px; }
#header.sticky								{ padding: 15px 20px; }

.topRight .mainMenu							{ display: none; }
.topRight .rightMenu						{ display: none; }	

#header .logo								{ width: 150px; }
.topRight									{ width: calc(100% - 150px); padding: 0px 0 0 0px; }

#homeBanner .caption						{ width: 100%; padding: 25px 0; }
#homeBanner .caption h1						{ margin: 0 0 15px 0; font-size: 30px; line-height: 35px; }
#homeBanner .caption p						{ margin: 0 0 15px 0; font-size: 14px; line-height: 24px; }
#homeBanner .caption .app-logo a			{ min-width: 137px; }

#ourService									{ padding-top: 40px; padding-bottom: 40px; }
#ourService .item-box						{ padding: 10px 5px; }
#ourService .item-box .service-icon			{ margin: 0 0 10px 0; }
#ourService .item-box .service-icon img		{ width: 35%; }
#ourService .item-box .service-cont h3		{ margin: 0 0 10px 0; font-size: 16px; line-height: 28px; }	
#ourService .item-box .service-cont p		{ font-size: 14px; line-height: 20px; }
#ourService [class*="col-lg-3"]:last-child .item-box { margin: 0; }

#companySec									{ padding-top: 40px; padding-bottom: 40px; }	
#companySec h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 40px; }
#companySec .companyLogo					{ grid-template-columns: 46% 46%; grid-gap: 30px; }
#companySec .companyLogo .item				{ padding: 15px; }

#whyChoose									{ padding-top: 40px; padding-bottom: 40px; }
#whyChoose h2								{ margin: 0 0 25px 0; font-size: 35px; line-height: 40px; }
#whyChoose .left-clm						{ padding: 0 0 30px 0; }
#whyChoose .right-clm .tab-nav ul li a.nav-link	{ padding: 15px 15px 15px 30px; }
#whyChoose .right-clm .tab-nav ul li a .item-list h4	{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
#whyChoose .right-clm .tab-nav ul li a .item-list p	{ font-size: 16px; line-height: 26px; }

#premiumSec									{ padding-top: 40px; padding-bottom: 40px; }
#premiumSec .contentBox						{ padding: 0; }
#premiumSec .contentBox h2					{ margin: 0 0 25px 0; font-size: 35px; line-height: 40px; }
#premiumSec .contentBox p					{ margin: 0 0 20px 0; font-size: 16px; line-height: 26px; }
#premiumSec .contentBox .getBtn				{ padding: 12px 20px; border-radius: 8px; }

#footer .footerSection						{ padding: 40px 0 30px 0; }
#footer .footerSection .ftr-menu			{ padding: 30px 0 0 0; }
#footer .footerSection h4					{ margin: 0 0 10px 0; font-size: 20px; line-height: 28px; }
#footer .footerSection .ftr-menu ul li		{ padding: 0 0 5px 0; }
#footer .footerSection .ftr-menu ul li a	{ font-size: 16px; }
#footer .footerSection .ftr-menu.product	{ padding: 20px 0 0 0; }

#footer .footerMiddle .middle-clm .ftr-social ul li	{ padding: 0 15px 0 0; }
#footer .footerMiddle .middle-clm .ftr-social ul li a	{ font-size: 16px; }
#footer .footerMiddle .middle-clm .ftr-appstore	{ padding: 20px 0 0 0; text-align: left; }

#footer .footerBottom .ftr-copyRight p		{ font-size: 16px; line-height: 26px; }
#footer .footerBottom .ftr-link				{ text-align: left; }
#footer .footerBottom .ftr-link ul li a		{ font-size: 16px; }


/*----------------- Inner Pages -----------------*/

/*----------------- File Upload Page -----------------*/

#uploadSec									{ min-height: calc(100vh - 27vh); }
#uploadSec .uploadItem h3					{ margin: 0 0 15px 0; font-size: 35px; line-height: 45px; }
#uploadSec .uploadItem p					{ margin: 0 0 15px 0; font-size: 18px; line-height: 28px; }
#uploadSec .uploadItem .file-upload .drag-text	{ padding: 15px 60px 15px 25px; font-size: 18px; }
#uploadSec .uploadItem .file-upload .drag-text:after	{ right: 30px; }
.uploadPage #footer .footerBottom .row		{ margin: 0 10px; }

#resultSec .left-clm						{ padding-left: 5px; }
#resultSec .left-clm .backBtn				{ font-size: 16px; }
#resultSec .left-clm .backBtn i				{ font-size: 14px; }

#resultSec .left-clm .result-box			{ padding: 20px 0 0 0; }
#resultSec .pe-0							{ padding-left: 0; }
#resultSec .right-clm						{ margin: 20px 0 0 0; min-height: 100%; }

#resultSec .right-clm .item-box				{ padding: 30px 20px; min-height: auto; }
#resultSec .right-clm .item-box h3			{ font-size: 20px; line-height: 30px; }
#resultSec .right-clm .item-box .button-clm	{ margin: 20px 0 0 0; }



}



/* #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; }

#companySec .companyLogo					{ grid-template-columns: 30% 30% 30%; }

#footer .footerMiddle .middle-clm .ftr-appstore	{ padding: 0px 0 0 0; text-align: right; }
#footer .footerBottom .ftr-link 			{ text-align: right; }


/*----------------- Inner Pages -----------------*/

/*----------------- File Upload Page -----------------*/

#uploadSec									{ min-height: calc(100vh - 139px ); }

}