/* 
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		
		SMSLink
		Frontend Layout v.4.0 for Mobile
		(C) 2008 - 2024 - ASTINVEST COM SRL. All rights reserved.
		
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 1000px)  
{	
	html { margin: 0; padding: 0; border: 0; }

	body { margin: 0; padding: 0; border: 0; text-align: center; background: #FFFFFF; font-size: 12px; }

	div#page { clear: both; width: 100%; margin: 0; padding: 0 2px 0 2px; box-sizing: border-box; }
	
	div#page div.header-navigation-menu { clear: both; margin: 0; padding: 0; }
	
	div#page div.header-navigation-menu div.header-navigation-items { clear: both; margin: 4px 0 0 0; padding: 0; width: 100%; }
	div#page div.header-navigation-menu div.header-navigation-items ol { clear: both; width: 100%; box-sizing: border-box; margin: 0; padding: 0;  list-style: none; }
	div#page div.header-navigation-menu div.header-navigation-items ol li { float: left; width: 32%; box-sizing: border-box; margin: 0 2px 2px 0; padding: 0; background: #FAFAFA; border: 1px #EAEAEA solid; border-radius: 5px; min-height: 40px; text-align: center; }
	div#page div.header-navigation-menu div.header-navigation-items ol li a { display: block; padding: 5px 10px 5px 10px; }
	li#header-navigation-phone { display: block; }
	li#header-navigation-mobile-platform { display: none; }
	
	div#page div.header-navigation-menu div.header-navigation-social { display: none; }	
	div#page div.header-navigation-menu div#network-switch { display: none; }
	
	div#page div#header { clear: both; margin: 0; padding: 0; }
	div#page div#header div#logo { clear: both; max-width: 60%; }
	div#page div#header div#logo img { max-width: 80%; }
	
	div#page div#header div#topmenu { display: none; }	
	div#page div#header div#topmenu-alternate { display: block; }
		
	div#page div#mainmenu { margin: 0; padding: 0; border-radius: 0; background: transparent; border-top: 2px #EAEAEA solid; box-sizing: border-box; }
	div#page div#mainmenu div#mainmenu-items { clear: both; margin: 0; padding: 0; }
	div#page div#mainmenu div#mainmenu-items nav { display: block; }
	
	ul.mainmenu-list { clear: both; position: relative; margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
	ul.mainmenu-list li.mainmenu-item { clear: both; width: 100%; /* height: 28px; */ margin: 0 0 2px 0; padding: 0; box-sizing: border-box; background: #0F7BA2; background-image: linear-gradient(#0F7BA2, #0B6A8B); text-align: left; border-radius: 5px; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-item-container a.menulink { margin: 0px; padding: 5px 0 5px 20px; display: block; width: 100%; box-sizing: border-box; }	
	
	a.menulink-with-submenus { pointer-events: none; cursor: default; }

	ul.mainmenu-list li.mainmenu-item div.mainmenu-item-container div.mainmenu-toggler { position: absolute; display: block; right: 20px; top: 6px; z-index: 1000; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-item-container div.mainmenu-toggler img { width: 15px; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended { clear: both; display: none; /* top: 29px; left: 0px; position: absolute; */ clear: both; width: 100%; min-height: 120px; position: static; margin: 0; padding: 5px 0 10px 0px; background: #FFFFFF; border-top: 1px #0F7BA2 solid; border-right: 2px #0F7BA2 solid; border-left: 2px #0F7BA2 solid; border-bottom: 2px #0F7BA2 solid; border-radius: 5px 5px 5px 5px; box-sizing: border-box; z-index: 999; }	
		
	ul.mainmenu-list li.mainmenu-item:hover div.mainmenu-extended { display: none; }
	
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group { clear: both; padding: 5px 0 0 20px; }
		
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group-border { } 
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group ul.submenu-list { clear: both; list-style: none; margin: 5px 0 0 0; padding: 0; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group ul.submenu-list li.submenu-item { clear: both; margin: 0; padding: 2px 0 2px 0; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group ul.submenu-list li.submenu-item a { display: inline; margin: 0; padding: 0; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended div.submenu-group ul.submenu-list li.submenu-item a:hover { }
		
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-300 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-320 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-350 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-400 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-450 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-490 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-500 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-550 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-600 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-650 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-660 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-670 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-680 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-690 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-700 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-750 { clear: both; width: 100%; }
	
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470-030 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470-050 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470-100 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470-150 { clear: both; width: 100%; }
	ul.mainmenu-list li.mainmenu-item div.mainmenu-extended-470-200 { clear: both; width: 100%; }

	div#page div#splash-home { display: none; }
	div#page div#contents { clear: both; width: 100%; box-sizing: border-box; margin: 0; padding: 0; }
	div#page div#contents div#content { clear: both; width: 100%; box-sizing: border-box; margin: 0; padding: 0; }	
	
	div#page div#contents div#page-title { clear: both; padding: 3px 0 5px 15px; border-bottom: 1px #007CA5 solid; text-align: left; }	
	
	div#page div#contents div#content div#pagesubtitle { clear: both; width: 100%; margin: 0; padding: 4px 0 5px 15px; box-sizing: border-box; }
	div#page div#contents div#content div#pagessubtitle { clear: both; width: 100%; margin: 0; padding: 3px 0 4px 15px; box-sizing: border-box; }
	div#page div#contents div#content div#pagedata { clear: both; width: 100%; margin: 0; padding: 5px 10px 5px 10px; box-sizing: border-box; }
	div#page div#contents div#content div.pagedata-blog { clear: both !important; width: 100% !important; float: none !important; margin: 0; padding: 0 10px 5px 10px; box-sizing: border-box; }
	
	div.PagesPreview div { clear: both; width: 100%; border-bottom: 1px #EAEAEA solid; background: #FAFAFA; }
	div.PagesPreview div h4 { height: auto; }
	div.PagesPreview div p.PagePreview { height: auto; }
	div.PagesPreview div h4 img { margin-bottom: 4px; }
	
	div.PagesPreviewSmall { width: 100% !important; }
	div.PagesPreviewSmall div { width: 100% !important; }

	img { max-width: 100%; height: auto; }
	p.ServiceDocumentationSchema img { max-width: 100%; }
	
	div.DocumentationAlternative table tbody tr td.DocumentationAlternativeLogos { }
	div.DocumentationAlternative table tbody tr td.DocumentationAlternativeLogos img { max-width: 90% !important; }
	
	div#page div#contents div#content div#leftborder { clear: both; width: 100%; margin: 0; padding: 0; display: none; }

	div#page div#footer div#footer-content { clear: both; margin: 0; padding: 5px 10px 10px 10px; text-align: left; background: #FAFAFA; border-radius: 0 0 10px 10px; border-top: 2px #0D7296 solid; border-bottom: 2px #0D7296 solid; }
	div#page div#footer div#footer-content div.footer-column { clear: both; padding: 0; border: 0; }
	
	div#page div#footer div#footer-notes { clear: both; padding: 6px 25px 50px 25px; text-align: left; line-height: 1.7; }
	div#page div#footer div#footer-notes div { font-size: 11px; color: #000000; }
	div#page div#footer div#footer-notes div.footer-notes-left { clear: both; }
	div#page div#footer div#footer-notes div.footer-notes-right { clear: both; padding-top: 4px; text-align: center; }
	div#page div#footer div#footer-notes div.footer-notes-right img { height: 25px; max-height: 25px; }
	div#page div#footer div#footer-notes div a { font-size: 11px; color: #000000; text-decoration: underline; }
	div#page div#footer div#footer-notes div a:hover { text-decoration: none; }
		
	div#ClientNotification { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }	
	div#FloatingContact { display: none; }
	
	div.page-submenu-list { border-bottom: 0; border-left: 0; }
	div.page-submenu-list ul li { width: 100%; margin-bottom: 2px; border-bottom: 0; border-left: 1px #EAEAEA solid; }	
	div.page-submenu-list-2-tabs ul li { width: 100%; }
	div.page-submenu-list-3-tabs ul li { width: 100%; }
	div.page-submenu-list-5-tabs ul li { width: 100%; }
	
	div.page-secondary-submenu-list { border-bottom: 0; border-left: 0; }
	div.page-secondary-submenu-list ul li { width: 100%; margin-bottom: 2px; border-bottom: 0; border-left: 1px #EAEAEA solid; }
	div.page-secondary-submenu-list-2-tabs ul li { width: 100%; }
	div.page-secondary-submenu-list-3-tabs ul li { width: 100%; }
	div.page-secondary-submenu-list-5-tabs ul li { width: 100%; }
		
	div.page-secondary-submenu-list-8-tabs ul li { width: 50%; height: auto; box-sizing: border-box; }
	div.page-secondary-submenu-list-8-tabs ul li a { font-size: 11px; height: auto; margin: 0; padding: 6px 0 7px 0; box-sizing: border-box; }
	
	div.page-secondary-submenu-list-8-tabs ul li:nth-child(odd) a { margin-right: 2px; }
	
	div.page-secondary-submenu-list-9-tabs ul li { width: 50%; height: auto; box-sizing: border-box; }
	div.page-secondary-submenu-list-9-tabs ul li a { font-size: 11px; height: auto; margin: 0; padding: 6px 0 7px 0; box-sizing: border-box; }

	div.page-secondary-submenu-list-9-tabs ul li:nth-child(odd) a { margin-right: 2px; }
	
	div.page-submenu-list ul li.page-submenu-selected a,
	div.page-secondary-submenu-list ul li.page-secondary-submenu-selected a { border-bottom: 1px #EAEAEA solid; } 
	
	div#page div#contents div#home-content { padding: 10px 0 0 0; }
	
	div.SolutionFeed { clear: both; margin: 0; padding: 0 10px 0 10px; width: 100%; box-sizing: border-box; }
	
	div.SolutionsShowcase { clear: both; margin: 0; padding: 10px; width: 100%; box-sizing: border-box; }
	div.SolutionsShowcase div.SolutionsShowcaseHeader { margin: 0; padding: 0 0 5px 0; }
	div.SolutionsShowcase div.SolutionsShowcaseHeader h1 { clear: both; float: none; text-align: center; margin: 0; padding: 0; }
	div.SolutionsShowcase div.SolutionsShowcaseHeader div.SolutionsShowcaseRegistration { clear: both; float: none; text-align: center; margin: 0; padding: 0; }
	div.SolutionsShowcase div.SolutionsShowcaseHeader div.SolutionsShowcaseRegistration a { margin: 0; padding: 0; }
	div.SolutionsShowcase div.SolutionCase { clear: both; width: 100%; margin: 5px 0 0 0; box-sizing: border-box; min-height: auto; }
	
	div.SolutionsShowcaseContact { margin: 0 !important; padding: 15px 10px 10px 10px !important; }
	
	div.RegistrationSuggestionHomepage { margin: 5px 0 5px 0; padding: 10px 10px 10px 10px; }
	div.RegistrationSuggestionHomepage div.RegistrationSuggestionReason { clear: both; width: 100%; margin: 0; padding: 0; box-sizing: border-box; text-align: center; }
	div.RegistrationSuggestionHomepage div.RegistrationSuggestionReason p { padding-bottom: 10px; }
	div.RegistrationSuggestionHomepage div.RegistrationSuggestionAction { clear: both; width: 100%; box-sizing: border-box; }

	div.SolutionFinder div.SolutionFinderHeader { padding: 8px 5px 9px 5px; }
	div.SolutionFinder div.SolutionFinderHeader div.SolutionFinderHeaderLeft { clear: both; float: none; width: 100%; text-align: center; } 
	div.SolutionFinder div.SolutionFinderHeader div.SolutionFinderHeaderRight { clear: both; float: none; width: 100%; text-align: center; }
	div.SolutionFinder div.SolutionFinderHeader div.SolutionFinderHeaderRight a { padding-top: 5px; font-size: 12px; color: #F76F00; }
	div.SolutionFinder div.SolutionName { clear: both; width: 100%; margin: 0; padding: 8px 0 8px 20px; float: none; border-right: 0; border-bottom: 1px #EAEAEA solid; text-align: left; }
	div.SolutionFinder div.SolutionData { clear: both; width: 100%; float: none; border-left: 0; }
	
	div.feature-section h2 { clear: both; margin: 0 0 10px 0; padding: 8px 0 10px 10px; }
	div.feature-section h3 { clear: both; margin: 0 0 10px 0; padding: 8px 0 10px 10px; }
	
	div.feature-item { float: none; width: 100%; margin: 0 0 5px 0; padding: 0; border: 1px #DFE8EF solid; border-radius: 10px; }
	div.feature-item-large { height: auto; }
	div.feature-item-small { height: auto; }
	div.feature-item div.feature-item-body ul li { clear: both; float: none; }
	div.feature-item div.feature-item-body img { margin-bottom: 5px; }
	 
	div.PluginShowcase { float: none; width: 100%; margin: 0 0 5px 0; padding: 0; border: 1px #DFE8EF solid; border-radius: 10px; }

	div.PluginShowcaseExtended div.PluginShowcase { clear: both; float: none; width: 100%; box-sizing: border-box; }
	
	div.PluginShowcaseExtendedWithHelper div.PluginShowcase { clear: both; float: none; width: 100%; box-sizing: border-box; }	
	div.PluginShowcaseExtendedWithHelper div.PluginShowcaseHelper { clear: both; float: none; width: 100%; padding: 0 10px 0 10px; box-sizing: border-box; }
				
	div.ServiceCloud { margin: 0; }

	div#page div#contents div#content div#pagedata div#contact-methods-form div.contact-methods-form-error { clear: both; margin: 10px 0 10px 0; padding: 10px 10px 10px 10px; }
	div#page div#contents div#content div#pagedata div#contact-methods-list { clear: both; width: 100%; float: none; box-sizing: border-box; }
	div#page div#contents div#content div#pagedata div#contact-methods-form { clear: both; width: 100%; float: none; margin: 10px 0 0 0; padding: 0; box-sizing: border-box; }
	
	tbody.contact-form-fields tr td { display: block; float: left; width: 100%; box-sizing: border-box; }	
	
	tbody.contact-form-fields tr td input { width: 100%; box-sizing: border-box; }
	tbody.contact-form-fields tr td textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; box-sizing: border-box; }
	tbody.contact-form-capcha tr td input { width: 50%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; box-sizing: border-box; }
	
	div#page div#contents div#content div#pagedata div#contact-methods-list div.contact-methods-items div.contact-methods-texts { font-size: 12px; }
	div#page div#contents div#content div#pagedata div#contact-methods-list div.contact-methods-items ul li { font-size: 12px; }
	div#page div#contents div#content div#pagedata div#contact-methods-list div.contact-methods-items ul li a { font-size: 12px; }
	div#page div#contents div#content div#pagedata div#contact-methods-list div.contact-methods-items table tr td a { font-size: 12px; }
	
	div.integration-flag { clear: both; width: 100%; float: none; margin: 0 0 10px 0; padding: 0; box-sizing: border-box; }
		
	div.AccountSection div.LoginSection { clear: both; width: 100%; float: none; }
	div.AccountSection div.RegistrationSection { clear: both; width: 100%; float: none; }
	div.AccountSection div.LoginSection div.LoginSectionContent table.LoginSectionTable tr td input#username,
	div.AccountSection div.LoginSection div.LoginSectionContent table.LoginSectionTable tr td input#password { width: 100%; }

	div#page div#contents div#content div#pagedata div.SolutionContainerDetails img.SolutionContainerLogo { max-width: 50%; }
	
	table.UsersAccountProfile { margin-top: 10px; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountLabel,
	table.UsersAccountProfile tbody tr td.UsersAccountInput,
	table.UsersAccountProfile tbody tr td.UsersAccountState,
	table.UsersAccountProfile tbody tr td.UsersAccountHelps { display: block; float: left; width: 100%; box-sizing: border-box; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountSelector { display: block; float: left; width: 10%; box-sizing: border-box; border-bottom: 0; }
	table.UsersAccountProfile tbody tr td.UsersAccountSelectorName { display: block; float: right; width: 90%; padding-top: 5px !important; box-sizing: border-box; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountLabel { text-align: left; background: #FAFAFA; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountInput { text-align: left; }
	table.UsersAccountProfile tbody tr td.UsersAccountInput input { width: 100%; box-sizing: border-box; }
	table.UsersAccountProfile tbody tr td.UsersAccountInput select { width: 100%; box-sizing: border-box; }
	table.UsersAccountProfile tbody tr td.UsersAccountInput textarea { width: 100%; box-sizing: border-box; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountState { text-align: justify; color: #8C8C8C; padding: 5px 15px 5px 15px !important; }
	
	table.UsersAccountProfile tbody tr td.UsersAccountHelps { text-align: justify; color: #8C8C8C; padding: 5px 15px 5px 15px !important; }
	table.UsersAccountProfile tbody tr td.UsersAccountHelps ul.FormHelpsList { margin: 0 0 0 10px; padding: 0; }
	table.UsersAccountProfile tbody tr td.UsersAccountHelps ul.FormHelpsList li { margin: 0; padding: 0 0 5px 10px; }
	
	div.ParagraphPresentation div.ParagraphText { clear: both; float: none; width: 100%; box-sizing: border-box; }
	div.ParagraphPresentation div.ParagraphImage { clear: both; float: none; width: 100%; box-sizing: border-box; }
	
	div.ServicePresentation div.ServicePresentationColumn { clear: both; float: none; width: 100%; box-sizing: border-box; }
	
	div.RequestQuote div.RequestQuoteHeader { clear: both; float: none; width: 100%; box-sizing: border-box; }
	div.RequestQuote div.RequestQuoteOption { clear: both; float: none; width: 100%; box-sizing: border-box; margin-bottom: 5px; }
	
	div.ExampleHeader div.ExampleMenu { clear: both; float: none; width: 100%; box-sizing: border-box; border: 0; }
	div.ExampleHeader div.ExampleInfo { clear: both; float: none; width: 100%; box-sizing: border-box; border: 0; }
	div.ExampleHeader div.ExampleInfo p { padding: 10px; }
		
	div.FeatureSetContainer { clear: both; padding: 10px 10px 10px 10px; border: 2px #EAEAEA solid; border-radius: 10px; box-sizing: border-box; }
	
	div.FeatureSetContainer div.FeatureSetBalloon { clear: both; float: none; width: 100%; margin: 5px 0 5px 0; height: auto !important; border-radius: 10px; box-sizing: border-box; }
	div.FeatureSetContainer div.FeatureSetBalloon div.FeatureSetLogoContent { padding-top: 10px; padding-bottom: 10px; }
	div.FeatureSetContainer div.FeatureSetBalloon div.FeatureSetLogoContent img { max-width: 100%; }
	div.FeatureSetContainer div.FeatureSetBalloon div.FeatureSetStandardContent { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
	div.FeatureSetContainer div.FeatureSetBalloon div.FeatureSetExtendedContent { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
	
	div.FeatureSetContainer a.FeatureSetBalloon { clear: both; float: none; width: 100%; margin: 5px 0 5px 0; height: auto !important; border-radius: 10px; box-sizing: border-box; }
	div.FeatureSetContainer a.FeatureSetBalloon div.FeatureSetLogoContent { padding-top: 10px; padding-bottom: 10px; }
	div.FeatureSetContainer a.FeatureSetBalloon div.FeatureSetLogoContent img { max-width: 100%; }
	div.FeatureSetContainer a.FeatureSetBalloon div.FeatureSetStandardContent { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
	div.FeatureSetContainer a.FeatureSetBalloon div.FeatureSetExtendedContent { padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
	
	div.IntegrationsCloudSection { clear: both; float: none; width: 100%; box-sizing: border-box; border: 0; }
	
	ul.LogoCloud li.LogoCloudContainer { clear: both; float: none; width: 100%; box-sizing: border-box; }
	
	div.ExternalReferences ul li img { clear: both; margin: 0 0 8px 0; display: block; }
	div.ExternalReferences ul li a { clear: both; display: block; }
	div.ExternalReferences ul li.ExternalReferencesTimeline { padding-left: 10px; }
	 
	div.DocumentationGroupList table tbody tr td ul li { padding: 4px 10px 4px 10px; }

	div#sidebar { clear: both; width: 100%; box-sizing: border-box; float: none; border-top: 1px #EAEAEA solid; }
	.entry { clear: both; width: 100%; box-sizing: border-box; float: none; }
	#eof{ clear: both; width: 100%; box-sizing: border-box; float: none; }
	.navigation { clear: both; width: 100%; box-sizing: border-box; float: none; }
	div#sidebar ul li ul { background: #FFFFFF; }
}
